body{margin: 0px; font-size: 12px; color: #666666; font-family: Arial, Helvetica, sans-serif}
#fond{background-image:url('images/fondlogo1.jpg'); background-position:center; background-repeat:repeat-x; position:absolute; left:-1px; width:100%; height:100%}
#container{position:absolute; left: 50%; top: 50%; width: 980px; height: 580px; margin-left: -490px; margin-top: -290px}   
#anim_haut{width:980px; height:155px; margin:auto}
/*------------------------ Bgd -----------------------------*/
#home {width:980px; height:410px; margin:auto;	background-image: url('images/bgd_home.png'); background-repeat: no-repeat;	background-position: bottom}
#structure {width:980px; height:410px;	margin:auto; background-image: url('images/bgd_structure.png');	background-repeat: no-repeat; background-position: bottom}
#questions {width:980px; height:410px;	margin:auto; background-image: url('images/bgd_commun.png'); background-repeat: no-repeat; background-position: bottom}
#commun {width:980px; height:410px; margin:auto; background-image: url('images/bgd_commun.png'); background-repeat: no-repeat;	background-position: bottom}
#evolution {width:980px; height:410px;	margin:auto; background-image: url('images/bgd_evolution.png');	background-repeat: no-repeat;	background-position: bottom}
#evolution_pratiques {width:980px; height:410px; margin:auto; background-image: url('images/bgd_commun.png'); background-repeat: no-repeat; background-position: bottom}
#ingenierie {width:980px; height:410px; margin:auto; background-image: url('images/bgd_ingenierie.jpg'); background-repeat: no-repeat;	background-position: bottom}
#formation {width:980px; height:410px;	margin:auto; background-image: url('images/bgd_formation.png');	background-repeat: no-repeat; background-position: bottom}
#partenaires {width:980px; height:410px; margin:auto; background-image: url('images/bgd_partenaires.jpg');	background-repeat: no-repeat; background-position: bottom}
#publications {width:980px; height:410px; margin:auto; background-image: url('images/bgd_publications.png');	background-repeat: no-repeat; background-position: bottom}
#news {width:980px; height:410px; margin:auto; background-image: url('images/bgd_news.png'); background-repeat: no-repeat; background-position: bottom}
#references {width:980px; height:410px; margin:auto; background-image: url('images/bgd_references.png');	background-repeat: no-repeat; background-position: bottom}
#references2010 {width:980px; height:410px; margin:auto; background-image: url('images/bgd_commun.png');	background-repeat: no-repeat; background-position: bottom}
#contact {width:980px; height:410px; margin:auto; background-image: url('images/bgd_contact.png');	background-repeat: no-repeat; background-position: bottom}
/*Accordion --------------------------*/
#wrapper {
	width: 780px;
	margin-left: auto;
	margin-right: auto;
	}
 
.accordionButton {	
	width: 780px;
	float: left;
	cursor: pointer;
	margin:10px 0 0 0;
	}
 
.accordionContent {	
	width: 780px;
	float: left;
	display: none;
	}
/*------------------------ Menu & Contenu -----------------------------*/
#menu{width:145px; height:410px; float:left; position:relative; z-index:1}
#textehome {
	width:530px;
	float:left;
	padding: 15px 5px 0px 5px;
	padding-top:;
	padding-bottom:;
}
#compteur {float:right; }
#textes {
	width:800px;
	float:left;
	padding:10px;
	padding-top:10px;
	padding-bottom:0px;
}
#page_news {width:825px; height:375px; overflow:auto; float:left; }
#blocnews {	width:480px; float:left; padding:4px 0 10px 0; margin:0 0 10px 15px; border-top:1px solid #BDCF3C;}
#news img {float:left; margin:0 10px 0 0;}
#colonnes{width:833px; height:374px; float:left; overflow:auto;}
#yoyanmax {
	width:790px;
	float:left;
	padding:4px 0 0 5px;
}
#yoyanmax img{float:left;}
#conclusionstructure {
	width:500px;
	margin-left:60px;
	float:left;
	padding:5px;
	margin-top:15px;
	border:2px solid #C0D33B;
	text-align:center;
}
#textequestions {
	width:805px;
	height:380px;
	overflow:auto;
	float:left;
	padding:10px 10px 20px 20px;
	line-height:14px;
}
#conclusionquestions {
	width:430px;
	margin-left:180px;
	float:left;
	padding:5px;
	margin-top:15px;
	border:2px solid #C0D33B;
	text-align:center;
}
#textesreferences {
	width:810px;
	height:330px;
	overflow:auto;
	float:left;
	padding:10px;
	padding-top:10px;
	padding-bottom:0px;
}
#textes_references {
	width:815px;
	height:400px;
	overflow:auto;
	float:left;
	padding:10px;
	padding-top:10px;
	padding-bottom:0px;
}
#textes_references h2 img{float:left; margin: 0 10px 5px 5px}
#textes_references p{padding:0 0 0 115px}
#textes_references .accordionButton{border-top:1px solid #BDCF3C; padding-top:5px;}

#textes_references .accordionContent{padding:0 0 0 115px; width:670px; margin-top:5px;}
.liens_gallery { width:300px; margin:8px 0 10px 250px; padding:0} 
.liens_gallery a:hover { text-decoration:underline;} 
#legendeevolution {
	float:left;
	width:365px;
	padding:3px;
	text-align:left;
}
#text_evolution_pratiques {
	float:left;
	width:800px;
	padding:3px;
	text-align:left;
}
#conclusionevolution {
	float:left;
	width:460px;
	margin-top:30px;
	margin-left:5px;
	padding:5px;
	border:2px solid #C0D33B;
	text-align:center;
}
#conclusion {
	float:
	margin-left:10px;
	padding:5px;
	border:2px solid #C0D33B;
	text-align:center;
}
#textessolutions {
	width:814px;
	height:400px;
	float:left;
	padding:10px 0 0 20px;
	padding-bottom:0px;
	line-height:14px;
	overflow:auto;
}
.photos{display:block; float:right; width:260px; margin: 0 0 0 10px;}

#textecontact {
	width:480px;
	height:400px;
	float:left;
	padding:10px;
	padding-top:10px;
	padding-bottom:0px;
}
#swfgallery { padding-top:10px; padding-left:45px;}
#textelexique {
	width:812px;
	height:390px;
	float:left;
	padding:10px;
	padding-top:10px;
	padding-bottom:0px;
	overflow:auto;
}
#textepublications {
	width:812px;
	height:400px;
	float:left;
	padding:10px;
	padding-top:10px;
	padding-bottom:0px;
	overflow:auto;
}
#textepublications a img{border:none}
#textepublications a{border:none; color:#666}
#textepublications ul{margin:0; padding:0 0 0 25px}
#textepublications li{margin-top:5px; list-style-type:none; list-style-image:url(images/icon_pdf.jpg)}
/*Commun --------------------------*/
h1 { color: #BDCF3C; font-size: 14px; margin:0; padding:0; padding-bottom:10px; text-transform: uppercase;}
#textehome h1 { color: #BDCF3C; font-size: 14px; margin:0; padding:0; padding-bottom:3px; text-transform: uppercase;}
h2 { color: #BDCF3C; font-size: 13px; margin:0; padding:0; }
h3 { color: #BDCF3C; font-size: 13px; font-weight:bold; margin:0; padding:0; text-indent:25px; list-style: none; background-image:url(images/interrogation.gif); background-repeat: no-repeat; }
h3 a { color: #BDCF3C; font-weight:bold; font-size: 13px; margin:0; padding:0; text-indent:25px; }
h3 a:hover { color: #666; font-size: 13px; font-weight:bold; margin:0; padding:0; text-indent:25px; }
p { margin:0; padding:0;}
dt { font-size:12px; font-weight:bold; margin:0; padding:0; margin-top:8px; margin-left:21px; text-indent:28px; background-image:url(images/interrogation_hover.gif); background-repeat: no-repeat; }
dd { font-weight:normal; margin-left:49px;}
#blocnews img { border: 1px solid #BDCF3C; }
.green{color: #BDCF3C; font-size: 13px; font-weight:bold}
/*Pied de page --------------------------*/
#pied_de_page { width: 980px; height: 15px; border-top: solid 1px #999; font-size: 11px; color: #666; }
#pied_gauche { width:150px; float:left; margin-top:2px; text-align:center; }
#pied_gauche a{ text-align:center; background-color: #ccc; padding-left:37px; padding-right:37px; border: outset gray 1px; color: #333333; text-decoration:none; }
#pied_gauche a:hover{ border: inset gray 1px; }
#pied_droite { 	width:100%; margin-top:1px; float:right; text-align:center; }
#pied_de_page a { color: #666; }
#pied_de_page a:hover { color: #000; font-weight: bold; }
/*Liens --------------------------*/
a{text-decoration:none; color: #BDCF3C}
a:hover{text-decoration:underline}
a img{border:2px solid #BDCF3C}
a img:hover{border:2px solid #666}
/*Menu 2 --------------------------*/
#menu2{ width:980px; font-size:0px; color:#FFF; text-align:center; color:#fff; position:absolute; top: 133px; left:531px; margin-left: -490px; }
#menu2 a, #menu2 a:hover{color:#FFF}