@charset "UTF-8";
/* CSS Document */

body {
	background-color: #e8e8e8;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #7f7f7f;
}

#site {
	width: 908px;
	height: 20px;
	position: absolute;
	margin-left: -454px;
	left: 50%;
	margin-top: 15px;
}

.clear {
	clear: both;
}


/*HEADER*/

#header {
	background-image: url(img/header.jpg);
	width: 908px;
	height: 174px;
}

#pres-tidd {
	padding-top: 24px;
	padding-left: 260px;
	font-size: 11px;
	position: relative;
	float: left;
}

#slogan {
	background-image:url(img/slogan.jpg);
	height: 16px;
	width: 370px;
}

#pres-text {
	width: 370px;
	padding-top: 5px;
	text-align: justify;
	letter-spacing: 0.01px;
}

#encart-logo {
	padding-left: 20px;
	float: left;
	position: relative;
	padding-top: 24px;
}

#logo-capgemini {
	display: block;
	background-image: url(img/logo-capgemini.jpg);
	width: 227px;
	height: 23px;
	margin-top: 15px;
}

#lien-tidd {
	display:block;
	height:63px;
	left:640px;
	position:relative;
	top:110px;
	width:255px;
}



/*MAIN*/

#main {
	background-image: url(img/fond.jpg);
	width: 908px;
	height: 405px;
}

.contenu-projet {
	background-image: url(img/fond-projet.jpg);
	width: 854px;
	height: 377px;
	margin-left: 12px;
	padding: 15px;
}

.contenu-acceuil {
	width: 854px;
	height: 377px;
	margin-left: 12px;
}

.pres-projet {
	width: 415px;
	position: relative;
	float: left;
}

.texte-projet {
	height: 278px;
}

h1 {
	color: #9dcc00;
	font-size: 14px;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	line-height: 14px;
}

h3 {
	color: #9dcc00;
	font-size: 14px;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	margin-top: 20px;
}

p {
	text-align:justify;
	margin-bottom: 0px;
	margin-top: 10px;
	font-size: 12px;
	line-height: 13px;
}

.nom-ecole {
	font-style: italic;
}

.plus-projet {
	margin-top: 10px;
}

.partage {
	background-color: #666;
	width: 65px;
	height: 20px;
	position: relative;
	float: left;
	margin-top: 10px;
}

.icone-pdf {
	position: relative;
	float: right;
	background-image:url(img/icone-pdf.png);
	width: 31px;
	height: 30px;
}

.lien-pdf {
	position: relative;
	float: right;
	color: #9dcc00;
	text-decoration: none;
	margin-top: 19px;
}

.lien-pdf:hover {
	text-decoration: underline;
}

.carroussel-projet {
	background-color: #666;
	position: relative;
	float: left;
	width: 422px;
	margin-left: 15px;
}

.menu-slide {
	background-image: url(img/footer-img.jpg);
	height: 22px;
	width: 422px;
	color: #9dcc00;
}

#bt-photo {
	background-image: url(img/bt-footer.jpg);
	width: 50px;
	height: 18px;
	color: black;
	padding-top: 4px;
	padding-left: 10px;
	cursor: pointer;
	position: relative;
	float: left;
	font-weight: bold;
}

#bt-slides {
	width: 51px;
	height: 18px;
	padding-top: 4px;
	padding-left: 9px;
	cursor: pointer;
	position: relative;
	float: left;
}

#bt-video {
	width: 51px;
	height: 18px;
	padding-top: 4px;
	padding-left: 9px;
	cursor: pointer;
	position: relative;
	float: left;
}

#bt-lien {
	width: 51px;
	height: 18px;
	padding-top: 4px;
	padding-left: 9px;
	cursor: pointer;
	position: relative;
	float: left;
}

#bt-lien a {
	text-decoration:none;
        color:#a1ce01;
}


#slides-projet {
	display: none;
	height: 318px;
	width: 422px;
}

.btzoom {
	background-image: url(img/bt-zoom.jpg);
	width: 39px;
	height: 18px;
	display: block;
	position: absolute;
	right : 0px;
}

#gdslidesuiv {
	display: none;
}

#bt-suiv {
	background-image:url(img/fleche-droite.png);
	cursor:pointer;
	height:41px;
	left:401px;
	position:relative;
	top:130px;
	width:21px;
}

#bt-prec {
	background-image:url(img/fleche-gauche.png);
	cursor:pointer;
	height:41px;
	position:relative;
	top:130px;
	width:21px;
	display: none;
}

#video-projet {
	display: none;
}

.texte-gauche {
	position: relative;
	float: left;
	width: 410px;
}

p a {
	color: #9dcc00;
	text-decoration: none;
}

p a:hover {
	text-decoration: underline;
}

.lien-accueil {
	left:0px;
	position:relative;
	text-decoration:none;
	top:34px;
	font-size: 11px;
}

.liens-accueil:hover {
	color: #9dcc00;;
}

.lien-accueil-2 {
	color:#A6AF7F;
	left:770px;
	position:absolute;
	text-decoration:none;
	top:562px;
}


.lien-accueil-2:hover {
	color: #9dcc00;;
}

.encart-vote {
	background-color:#666666;
	height:33px;
	position:relative;
	right:15px;
	top:338px;
	width:144px;
}

#nb-votes {
	font-size: 11px;
	left:742px;
	position:relative;
	text-decoration:none;
	top:34px;
}
	

/*FOOTER*/

#footer {
	background-image:url(img/footer.jpg);
	width: 908px;
	height: 52px;
}

#partenaires {
	position: relative;
	float: left;
	padding-top: 4px;
	padding-left: 20px;
}

.logo-partenaires {
	height: 30px;
	float: left;
	position: relative;
	margin-right: 10px;
}

#logo-agro {
	background-image: url(img/logo-agro-paris-tech.jpg);
	width: 101px;
}

#logo-centrale {
	background-image: url(img/logo-centrale.jpg);
	width: 38px;
}

#logo-escp {
	background-image: url(img/logo-escp.jpg);
	width: 52px;
}

#logo-sciencespo {
	background-image: url(img/logo-sciencespo.jpg);
	width: 105px;
}

#logo-supelec {
	background-image: url(img/logo-supelec.jpg);
	width: 29px;
}

#logo-cheedd {
	background-image: url(img/logo-chee-dd.jpg);
	width: 63px;
}

#logo-tribune {
	display: block;
	background-image: url(img/logo-la-tribune.jpg);
	width: 108px;
}

#lien-facebook {
	position: relative;
	float: right;
	font-size: 11px;
	padding-right: 18px;
	padding-top: 7px;
}

#icone-facebook {
	background-image: url(img/icone-facebook.jpg);
	width: 24px;
	height: 24px;
	display: block;
	position: relative;
	float: right;
}

#texte-facebook {
	position: relative;
	float: right;
	margin-right: 5px;
	padding-top: 13px;
}

#lien-dessous {
	color:#7F7F7F;
font-size:11px;
left:10px;
position:absolute;
top:620px;
}

#lien-dessous a {
	color: #7f7f7f;
	text-decoration: none;
}
	



