html,body,form {
	margin:0;
	padding:0;
	height:100%; /* needed for container min-height */
	font-family:arial,sans-serif;
	font-size:small;
	color:#666;
	min-width:1000px;
}

body{ background:url(/medias/commun/top_bg2.jpg) no-repeat top center; }

.bgfooter { background:url(/medias/commun/bgfooter.gif) repeat-x bottom center; min-height:100%; height:auto !important; height:100%; width:100%; }
.logo {position:absolute; top:1px; left:74px; z-index:2;}
.logoNoprint, .FooterNoprint {display:none}

ul {list-style-type:none}
hr {display:none}
a {color:#6c6d6e; outline:none; border:none; text-decoration:underline; cursor:pointer}
a:hover {color:#000;}
img {border:none}


/* clearfix pour floats */
.clearfix:after { content: "."; display: block; font-size: 1px; height: 0; line-height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }

.container {/*border:1px solid #f00;*/  position:relative; /* needed for footer positioning margin:0 auto;  center, not in IE5 */ width:1000px; margin:0 auto; min-height:100%; height:auto !important; /* real browsers */	height:100%; /* IE6: treaded as*/ }

.container2 {width:1000px; margin:0 auto;  position:relative; z-index:1; /*height:auto !important;/* /* real browsers */	height:100%; /* IE6: treaded as min-height*/ min-height:100%; /* real browsers */}
.header {height:140px;	background:url(/medias/commun/top_bg2.jpg) no-repeat top center; position:relative; z-index:5; width:1000px; margin:0 auto; }
	
.center{width:1000px; margin:0 auto; }
/*.content {padding:40px 0px 130px 250px; width:650px;}*/
.content {padding:40px 0px 130px 250px;/* bottom padding for footer */ width:650px;}
.contentHome {padding:0px 0 0px 515px; display:block; border:1px solid #333;} 
#main {padding:0 0 30px 12px; width:888px; margin:0 auto;}
.accueil {width:370px; padding-top:30px; position:relative; z-index:1}
.accueil ul {margin:0 0 0 1em; padding:0}
.accueil li { padding-left: 16px; margin-bottom: 0.25em; height: 1%; background: url(/medias/commun/puce.gif) no-repeat; }

.footer {height:80px; position:relative; width:900px; margin:0 auto; bottom:0; /* stick to bottom */  }
.footer2 {height:79px; font-size:0.8em; margin:-79px auto 0 auto; padding-left:25px;  background:url(/medias/commun/bg_footer.jpg) no-repeat bottom center; }
.en .footer2 { background:url(/medias/commun/bg_footer_en.jpg) no-repeat bottom center; }
.innerFooter2 { width:900px; margin:auto;  }

.footer a {text-decoration:none; color:#6d6e6f;}
.footer a:hover, .footer .navOn {color:#035b81; text-decoration:underline}
.menuFooter, #Copy {height:30px; line-height:18px;}

#Copy {float:left;position:relative;z-index:999; }
#Copy span {display:block; margin-top:15px; }
#Copy a, .menuFooter li a.bul {background:url(/medias/commun/bullet_menufooter.gif) no-repeat left center; padding-left:10px; margin-left:5px;}

.menuFooter { float:right; display:block; margin-top:15px; height:20px; }
.menuFooter span{ display:block; }
.menuFooter ul {margin-top:35px; list-style-type:none; display:inline;position:relative;z-index:999;}
.menuFooter li { display:inline; margin:0px; padding:0; /*background:url(/medias/commun/bullet_menufooter.gif) no-repeat left center;*/}
.menuFooter li a.bulNavOn, .menuFooter li a.NavOn {padding-left:10px; margin-left:5px; color:#035b81; text-decoration:underline}
.menuFooter li a.bulNavOn { background:url(/medias/commun/bullet_menufooter.gif) no-repeat left center; }

#phone { display:block; float:right; text-align:right; width:900px; color:#6c6d6e; }
#phone span { font-weight:bold; font-size:150%}

/*-------NAVIGATION---------*/
#nav { width:761px; position:absolute; z-index:500; bottom:0px; right:0px; font-weight:bold; }
.en #nav { width:763px;}

#nav, #nav ul { margin:0; padding:0; list-style: none;}
#nav li {float:left; background:url(/medias/commun/separateur_nav.png) no-repeat right top;}
#nav li#ctl00_liNouvelles {background:none}
#nav a {display:block; color:#fff; height:1%; padding:10px 12px 10px 13px; text-decoration:none} 
#nav li:hover a, #nav li.sfhover a {background:url(/medias/commun/separateur_nav.png) no-repeat right top #03648e;}
#nav li.navOn  {background:url(/medias/commun/blank.gif) #03648e;}
#nav li {color:#b2dd74;}
#nav li div {position: absolute; left: -999em; background:url(/medias/commun/blank.gif); margin-left:-25px; z-index:501;} 
#nav li div .sousM {background:url(/medias/commun/bg_sousmenu.gif) repeat-x; margin:0 25px 25px; width:170px;}
/*#nav li.actif a {color:#b2dd74;}*/
#nav li ul { overflow:hidden; /*border-top:10px solid #03648e;*/ /*margin:0 25px 25px;*/ padding-bottom:10px; margin-top:10px;  }
#nav li:hover div, #nav li.sfhover div {left: auto;  }
#nav li#ctl00_liNouvelles:hover div, #nav li#ctl00_liNouvelles.sfhover div {left:280px}
.en #nav li#ctl00_liNouvelles:hover div, .en #nav li#ctl00_liNouvelles.sfhover div {left:250px}
#nav li li { float:none; background:url(/medias/commun/blank.gif); margin:-1px 18px 1px 15px; display:block; border-top:1px solid #297ba0; padding:4px 0;}
#nav li:hover li a, #nav li.sfhover li a {font-size:100%; font-weight:normal; color:#fff; background:url(/medias/commun/fleche_blanche_sm.gif) no-repeat right center; padding:2px 13px 2px 5px; display:block}
#nav li:hover li a:hover, #nav li.sfhover li a:hover {background:url(/medias/commun/fleche_blanche_sm.gif) no-repeat right center #297ba0 }

/*-------NAVIGATION SECONDAIRE---------*/
#menuSecondaire {padding:0; position:absolute; top:30px; right:38px; z-index:2; height:180px; font-size:0.85em; }
#menuSecondaire ul {margin:0; padding:0; list-style-type:none; display:block; overflow:hidden }
#menuSecondaire li { float:left; margin:0 -10px 0 10px; padding:0px 15px 0 5px ; background:url(/medias/commun/bullet_menusec.gif) no-repeat top right; font-weight:bold}
#menuSecondaire a {color:#fff; padding:10px 0; text-decoration:none}
#menuSecondaire a:hover, #menuSecondaire a.navOn {color:#cbe5f7; text-decoration:underline}
#recherche { margin:8px 0 0; display:block; position:absolute; top:20px; right:0px; z-index:3;}
.champRecherche{ width:140px; border:none; font-size:100%; color:#999; float:left; padding-left:5px;}
#GoSearch {background:url(/medias/commun/b_search.gif) no-repeat; float:left; }
.Go{background:none; border:none; width:20px; cursor:pointer  }

#navGauche {width:150px; padding:8px 0 0 55px; float:left; position:absolute; top:192px; }

#navGauche .menu {padding:0px 0px; width:170px;}
#navGauche ul {margin:0; padding:0px 0px; list-style-type:none; overflow:hidden;  }
#navGauche li {background:url(/medias/commun/left_soum.gif) repeat-x left bottom; margin:1px 0 -1px 0; height:1%; padding:1px 0 1px 0; }
#navGauche li a {display:block; color:#666; height:1%; text-decoration:none; padding:0.2em 0.5em 0.2em 0.6em; margin:5px 0 5px 0; background:url(/medias/commun/fleche_grise_left.gif) no-repeat right center; }
#navGauche li a:hover{color:#333; background:url(/medias/commun/fleche_grise_left.gif) no-repeat right center #d9d9d9;}
#navGauche li a.navOn {color:#333; background:url(/medias/commun/fleche_grise_left.gif) no-repeat right center #d9d9d9;}

a.brochure {display:block; margin:15px 0 0; padding:116px 0 0; text-decoration:none; width:170px; background:url(/medias/commun/download_brochure.gif) no-repeat; text-align:center; font-size:0.8em}
a.brochure span {background:url(/medias/commun/download_arrow.gif) no-repeat center bottom; padding-bottom:20px; display:block}
a:hover.brochure {text-decoration:underline}
a:hover.brochure span {background:url(/medias/commun/download_arrow2.gif) no-repeat center bottom;}
a.brochure strong { display:block; }


a.bInfolettre {text-decoration:none; display:block; width:170px; height:70px; margin-top:15px; background:url(/medias/commun/b_infolettre.jpg) no-repeat;}
a.bInfolettre:hover {text-decoration:underline;} 
a.bInfolettre span {display:block; padding:22px 60px 0px 13px; font-weight:bold; font-size:0.8em;}
.NewsAccueil a.bInfolettre { position:absolute; bottom:-45px; right:0; z-index:10; }

h1.accueil {color:#008852; font-weight:normal; font-size:2.4em; line-height:0.9em}
h1.accueil span {display:block; color:#69b22d; font-size:0.72em}
#Caroussel_home {position:absolute; top:40px; left:404px; z-index:1; width:498px; /*border:1px solid #000*/  }

h1 {font-size:2.4em; line-height:1.2em; color:#008852; font-weight:normal; margin:0 0 0;}
h2 {color:#69b22d; font-size:1.7em; font-weight:normal; margin:0.8em 0 0.5em ; line-height:1.1em; }


.txtContenu { line-height: 1.5em; position:relative; margin-top:20px; width:710px; min-height:685px;}
.ScenarioImageVerticale {width:460px; margin-right:20px; position:relative;  min-height:535px;}
.ScenarioImageVerticale img.page {position:absolute; top:-26px; right:-250px; z-index:0; }

.ScenarioImageHorizontale {width:380px; margin-right:20px; position:relative; }
.ScenarioImageHorizontale img.page {position:absolute; top:-26px; right:-325px; z-index:0;}
.imageRight {float:left;}

.txtContenu p { margin:1em 0; text-align:justify}
.txtContenu div.boite { margin:2em 0 ; border:1px solid #000; padding:2em; width:410px;}
.txtContenu div.boite strong {font-size:1.2em}

.txtContenu ul  { margin: 0 0 2em 0.4em; padding:0; text-align:left }
.txtContenu ul.intrants, .txtContenu ul.normes {margin-top:0.9em}
.txtContenu ul.intrants li, .txtContenu ul.normes li {background:url(/medias/commun/ico_recyc.gif) no-repeat; margin:0 0 1em; padding-left:2em;}
.txtContenu ul.normes li li {font-weight:normal}
.txtContenu ul.normes li ul {margin:1em 0; padding:0;}
.txtContenu ul.normes li li {background: url(/medias/commun/puce.gif) no-repeat; padding-left:0.8em;}
.txtContenu li, ul.nwsList li { padding-left: 16px; margin-bottom: 0.25em; height: 1%; background: url(/medias/commun/puce.gif) no-repeat; }

.txtContenu ul.boiteIntrants, .txtContenu ul.boiteIntrants2 {margin:0; padding:0;}
.txtContenu ul.boiteIntrants li, .txtContenu ul.boiteIntrants2 li {padding:2em; margin-bottom:2em; text-align:justify}
.txtContenu ul.boiteIntrants li {background:url(/medias/commun/bg_boite_intrants.gif) no-repeat;}
.txtContenu ul.boiteIntrants2 li {background:url(/medias/commun/bg_boite_intrants2.gif) no-repeat;}
.txtContenu ul.boiteIntrants li ul, .txtContenu ul.boiteIntrants2 li ul {margin:0 0 0 0.2em; }
.txtContenu ul.boiteIntrants li ul li, .txtContenu ul.boiteIntrants2 li ul li {text-align:left; margin:0.7em 0 0; padding:0 0 0 1em; background: url(/medias/commun/puce.gif) no-repeat;}

.txtContenu ul.downloads {margin: 0 0 0 1em;}
.txtContenu ul.downloads li {padding-left: 0px; background:none;}
.txtContenu ul.downloads li span {color:#666; font-size:85%;}

.txtContenu ul.longueListe li, .txtContenu li.longueListe, .nwsList li { margin-bottom: 0.9em; }


.txtContenu ul.longueListe li li { margin-bottom: 0.25em; }

.txtContenu ul.rssList { margin-top: 0; }

.txtContenu ul.rssList li { background-image: url(/medias/commun/DocIcone/rss.png); padding-left: 20px; background-position: 0 0.31em; }

.txtContenu li h4 { margin: 0; }

.txtContenu ul ul { margin: 0.75em 0 1.6em 24px;}

.txtContenu table.points td {background:url(/medias/commun/index_line.gif) repeat-x 0 0.2em; }
.txtContenu table.points td span {float:left; padding:0.2em 0.4em; background:#fff}
.txtContenu table.points td span.full {float:none;display:block}
.txtContenu table.points td.right span{float:right}
.txtContenu table.points td.phone {background:#fff;}
.txtContenu table.points td.phone span {float:right;}

.separateur {border-top:1px solid #dcdcdc; padding-top:15px;}

.separateur2 {border-top:1px solid #dcdcdc; margin-top:15px;}

h1 {font-size:2em; line-height:1.2em; color:#008852; font-weight:normal; margin:0 0 0;}
h2 {color:#69b22d; font-size:1.7em; font-weight:normal; margin:0.8em 0 0.5em ; line-height:1.1em; }

h4 small {font-size:60%}
.txtContenu h3, .txtContenu h4 { color:#69b22d; }
.txtContenu h3 { font-size:130%;  margin:1.7em 0 1.1em;}
.txtContenu h3.sousH2 { font-size:130%;  margin:-0.2em 0 1.1em;}
.txtContenu h4 { font-size:110%; margin:1.7em 0 0.5em;}

a.savoirPlus {background:url(/medias/commun/soum_arrow_grey.gif) no-repeat right bottom; text-decoration:none; color:#666; display:inline-block; padding:10px 10px 3px 0;}
a:hover.savoirPlus  {text-decoration:underline; color:#000;}


.txtContenu a.savoirPlus {background:url(/medias/commun/soum_arrow_grey.gif) no-repeat right bottom; text-decoration:none; font-size:85%; color:#000; display:inline-block; padding:10px 10px 3px 0;}
.txtContenu a:hover.savoirPlus  {text-decoration:underline; color:#5c843b;}


.txtContenu a {text-decoration:underline}
/*txtContenu img { float:right; margin-left:2em}*/


.alignergauche, .alignerdroite { float: left; clear: none; margin: 0 1.3em 1.3em 0 !important; }

.alignerdroite { float: right; margin: 0 0 1.3em 1.3em !important; }

.sansespace { margin: 0 !important; }

.sansbordure { border: 0 !important; padding: 0 !important; }

.centre { font-size:normal; text-align: center !important; }

.clear { clear: both; }

.smaller { font-size: 85%; color:#7a7878;}

.big { font-size: 1.4em; color:#719a4f; }

.BoiteEvidence, .bigger {display:block; padding:1em 1.8em 1em 1.6em; background:url(/medias/commun/bg_blockquote.jpg) no-repeat left bottom; margin:2em 0 2em ;}
.ScenarioImageHorizontale .BoiteEvidence {display:block; padding:1em 1.8em 1em 1.6em; background:url(/medias/commun/bg_blockquote2.jpg) no-repeat left bottom; margin:2em 0 2em ;}

.firstTitle { margin-top: 0; }

.inlineMiddle { vertical-align: middle; }



p.clearfix br, p.indentWrap br { clear: left; }

p.clearfix span, p.indentWrap span.label { float: left; } 

p.clearfix span.label, p.indentWrap span.label { width: 7.2em; }

p.clearfix.longer span.label, p.indentWrap.longer span.label { width: 9.2em; }

/*
.equipe {text-align:left}
.equipe ul {margin-left:0px;}
.equipe ul li {background:none; padding-left:0px;}
.equipe ul li img {float:left; margin-right:15px;}
.equipe ul li strong {float:left; width:10em; margin-right:20px;}
.equipe ul li em {float:left; width:16em; margin-right:20px; font-style:normal;}
.equipe ul li span {float:left; width:18em;}
*/

.equipe {text-align:left}
.equipe ul {margin-left:0px;margin-top:-40px;}
.equipe ul li {background:none; padding-left:0px; float:left; width:230px; }
.equipe ul li img {display:block; margin-bottom:10px; margin-top:40px;}
.equipe ul li strong {display:block;}
.equipe ul li em {font-style:normal;display:block;}
.equipe ul li span {float:left; width:18em;}
strong.bloc {display:block; margin:2em 0 0.5em}

.compteur {margin-top:30px;}
.compteur div {float:left; margin-right:60px;}
.compteur p {width:287px; text-align:left; margin-bottom:3em; text-align:justify}

ul.Nouvelles {margin:0 0 0; padding:0; list-style-type:none; overflow:hidden; height:1%;}

ul.Nouvelles li {padding:25px 0 0px; margin:-2px 0 1px; height:100px; background:url(/medias/commun/bg_news_list.gif) left top repeat-x; }
ul.Nouvelles li .date1 {float:left; width:150px;}
ul.Nouvelles li .title {float:left; width:560px;}
ul.Nouvelles li span {color:#999;}
ul.Nouvelles li a {font-size:120%; font-weight:bold; color:#69b22d}
ul.Nouvelles li a:hover {color:#000}
ul.Nouvelles li em {font-style:normal; padding:0.4em 0 0; display:block; }

.Nouvelles .date {color:#999; margin-top:2em}
.Nouvelles h3 {margin-top:0em}

.NewsSub { position:absolute; top:0.7em; right:0; z-index:2 }
.NewsSub a.rss { background:url(/medias/commun/rss_accueil.gif) no-repeat right top; padding-right:1.5em}
.NewsSub a:hover.rss { background:url(/medias/commun/rss_accueil2.gif) no-repeat right top;}
ul.plan {margin-top:2em}
ul.plan ul li {background: url(/medias/commun/puce2.gif) no-repeat; padding-left:0.8em;}

.back {text-align:right; font-size:90%; margin-bottom:-15px;}
.back a {background:url(/medias/commun/arrow_back.gif) no-repeat; padding-left:1.2em;}
.back a:hover {background:url(/medias/commun/arrow_back2.gif) no-repeat;}

p.schema {width:100%; text-align:center}
p.schema img {margin:0 auto;}

.attLinkpdf, .attLinkdoc, .attLinkdocx, .attLinkxls, .attLinkxlsx, .attLinkeps, .attLinkzip, .attLinkjpg, .attLinkgif, .attLinkpng { display: inline-block; padding: 2px 0px 2px 24px; line-height: 18px; min-height: 18px; overflow: visible; background: url(/medias/commun/DocIcone/default.gif) center left no-repeat;}
.attLinkpdf { background-image: url(/medias/commun/DocIcone/pdf.gif); }
.attLinkdoc, .attLinkdocx { background-image: url(/medias/commun/DocIcone/doc.gif); }
.attLinkxls, .attLinkxlsx { background-image: url(/medias/commun/DocIcone/xls.gif); }
.attLinkjpg, .attLinkgif, .attLinkpng { background-image: url(/medias/commun/DocIcone/jpg.png); }
.attLinkeps { background-image: url(/medias/commun/DocIcone/eps.png); }
.attLinkwmv { background-image: url(/medias/commun/DocIcone/wmv.gif); }
.attLinkzip { background-image: url(/medias/commun/DocIcone/zip.png); }


.Nouvelles img {float:right; padding:0 20px 20px 30px; background:url(/medias/commun/bg_image.gif) right bottom no-repeat;}

#mstrVidBox  {width:498px; height:280px; z-index:1; display:block }
#EducativeVidBox {width:498px; height:280px; display:block }

#msgNovid {border:1px solid #333; height:280px;}
#msgNovid p {margin:20px;}
#vidBoxMsg { padding:20px; }

ul.toplist {margin-top:1em}

/*.Visionner {margin-top:15px; border:1px solid #e1e2e1; background:#f2f4f4; padding:0 15px 10px;}
.Visionner  a.savoirPlus {background:url(/medias/commun/soum_arrow_grey.gif) no-repeat right bottom; text-decoration:none; color:#666;}
.Visionner  a:hover.savoirPlus  {text-decoration:underline; color:#000;}

.anim_home {margin-top:20px; text-align:center; font-size:80%; border:1px solid #000; width:495px;}
.anim_home img {display:block; margin-bottom:0.7em}*/

/*---------------NOUVELLES ACCUEIL--------------------*/
.NewsAccueil {padding:0; margin:1.2em 1.2em 0 1.5em; position:relative; z-index:1;}
.NewsAccueil ul {margin:0; padding:0;}
.NewsAccueil li {background:none; padding:0} 
.NewsAccueil a, .accueil li a {text-decoration:none}
.NewsAccueil a:hover, .accueil li a:hover {text-decoration:underline}

.NewsAccueil em {background:url(/medias/commun/fleche_grise.gif) no-repeat bottom right; display:inline-block; width:15px; }

.NewsAccueil a.toutes {/*background:#ede9e8;*/ font-size:0.9em; padding:3px 5px; position:absolute; z-index:4; right:6px; top:3px;}

.NewsAccueil span {font-size:0.9em; display:block; margin-top:0.2em}

.NewsAccueil span.suite {color:#008852; font-size:1em}

.NewsAccueil h4 {color:#008852; font-size:1.5em; font-weight:normal; margin:0.5em 0 0.3em}
.NewsAccueil h4 a { background:url(/medias/commun/rss_accueil.gif) no-repeat; width:16px; height:16px; display:inline-block; border:1px solid #fff}
.NewsAccueil h4 a:hover { background:url(/medias/commun/rss_accueil2.gif) no-repeat; }
.NewsAccueil h4 a span {display:none}


.anim_edu  {margin-top:20px; text-align:center; font-size:90%; float:left; width:267px;}
.anim_edu img  {display:block; margin-bottom:0.7em}

.home_news {margin-top:22px; /*border:1px solid #e1e2e1; background:#f2f4f4;*/ width:495px;}

.home_videos {padding-bottom:140px; margin-top:20px;}
.dvideosCtr {border:1px solid #e1e2e1; background:#f2f4f4; padding:0px 13px 13px; font-size:85% }
.dvideosCtr span {padding:0.3em 0; display:block}
#dVideos {height:317px;}
.eduqueMoi {width:520px; height:400px; margin-top:20px;}

.Visionner {margin:0; border-top:1px solid #fff; background:#7a7a7b; }
.Visionner  a.savoirPlus {margin:14px 10px 3px 10px; background:url(/medias/commun/soum_arrow_grey.gif) no-repeat right top; padding:0 12px 0 0; text-decoration:none; color:#fff;}
.Visionner  a.savoirPlus2 {margin:3px 10px 14px 10px;}

.Visionner  a:hover.savoirPlus  {text-decoration:underline; color:#fff;}

.anim_home {margin-top:5px; text-align:left; height:140px; /*border:1px solid #e1e2e1;*/}

.anim_home h4 {color:#008852; font-size:1.5em; font-weight:normal; display:block; height:20px; overflow:hidden; margin:0.9em 0 0.6em 23px}

#accesclient { width:40%; float:left; }
#nouveauclient { float:right; padding-left:65px; width:40%; border-left: 1px solid #dcd4d2; }

ul.Linkpdf {}
ul.Linkpdf li {background: url(/medias/commun/DocIcone/pdf.gif) no-repeat 0 0.3em ; padding-left:1.8em; margin:0.8em 0;}

.partenariat li {text-align:justify;}

#BoiteOutils { position:absolute; top:155px; right:40px; z-index:10; }
#BoiteOutils img { cursor:pointer; }

.archive {margin:0; padding:0; list-style-type:none;}
.archive li {background:none; padding:5px 0; line-height:1.2em;}
.archive em {font-size:0.8em; display:block; font-style:normal}

a.education {text-decoration:none; border-bottom:1px solid #ccc; display:block; height:110px}
a:hover.education {text-decoration:underline}

a.education img {float:left; margin:0 15px 0 22px;}
a.education span {float:left; width:280px;}
a.education span strong { display:block; margin:1em 0 0.4em}
a.education span em {background:url(/medias/commun/fleche_grise.gif) no-repeat right top #fff; display:inline; width:15px; height:1%}

.videoBOX {border:1px solid #e1e2e1; background:#f2f4f4; padding:10px; width:700px; height:549px;}