html,body,form {	margin:0;	padding:0;	height:100%; /* needed for container min-height */	font-family:arial,sans-serif;	font-size:small; color:#666; }
body {background:url(/medias/commun/top_bg2.jpg) no-repeat top center;}
.logo {position:absolute; top:30px; left:57px; z-index:2;}
.logoNoprint { float:center; width:100%; margin:0 auto; text-align:center; padding-bottom:20px; border-bottom:solid 1px #000;}
.FooterNoprint { float:center; width:100%; margin:0 auto; padding-top:10px; border-top:solid 1px #000; }

ul {list-style-type:none}
hr, .header, #menuSecondaire, .footer, .footer2, .menuFooter, #navGauche, #nav, #recherche {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 {	position:relative; /* needed for footer positioning*/ margin:0 auto; /* center, not in IE5 */ width:1000px;	height:auto !important; /* real browsers */	height:100%; /* IE6: treaded as min-height*/ min-height:100%; /* real browsers */ }

	

.content {padding:40px 20px 130px 20px; width:100%; /* bottom padding for footer */}
.contentHome {padding:0; display:block; width:100%; border: solid 1px #000;} 
#main {padding:0;}
.accueil {width:50%; padding-top:30px;}
.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; }

.home_videos {padding-bottom:10px; margin:20px 0; width:371px; display:block; border:solid 1px #e4e7e7;}
.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:467px; margin-top:20px;}

#Caroussel_home {position:absolute; top:180px; float:right; z-index:-1; width:100%;}
#mstrVidBox  {width:498px; height:280px; z-index:1; display:block; float:right; margin-top:80px; border:solid 1px #e4e7e7;}
#EducativeVidBox {width:498px; height:280px; display:block; border:solid 1px #000;}

.Visionner { width:100%; z-index:1; display:block; float:right; text-align:right; }
.Visionner  a.savoirPlus {margin:14px 10px 3px 10px; padding:0 12px 0 0; text-decoration:none; color:#000;}
.Visionner  a.savoirPlus2 {margin:3px 10px 14px 10px;}
.Visionner  a:hover.savoirPlus  {text-decoration:underline; color:#000;}

.home_news {margin-top:22px; float:right; width:100%; }

/*-------NAVIGATION SECONDAIRE---------*/

#recherche { margin:8px 0 0; display:block; position:absolute; top:20px; right:0px; z-index:3;}
.champRecherche{ width:150px; border:none; font-size:100%; color:#999; float:left}
#GoSearch {background:url(/medias/commun/b_search.gif) no-repeat; float:left; }
.Go{background:none; border:none; width:20px; cursor:pointer  }

/*---------------NOUVELLES ACCUEIL--------------------*/
.NewsAccueil {width:498px; padding-bottom:130px; float:right;}
.NewsAccueil ul {margin:0; padding:0;}
.NewsAccueil li {background:none; padding:0} 
.NewsAccueil a {text-decoration:none}
.NewsAccueil a:hover {background:#f2f3f4; color:#035b81}

.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; float:left}

.NewsAccueil a.suite {text-decoration:underline; color:#008852; font-size:0.9em}
.NewsAccueil a:hover.suite {text-decoration:underline; background:none}
.NewsAccueil h4 {color:#008852; font-size:1.5em; font-weight:normal; margin-top:2em; margin:1.5em 0 0.1em}
.NewsAccueil h4 a { background:url(../medias/commun/rss_accueil.gif) no-repeat; width:16px; height:16px; text-indent:-5000px; display:inline-block; border:1px solid #fff}
.NewsAccueil h4 a:hover { background:url(../medias/commun/rss_accueil.gif) no-repeat; }


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}

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; }

.anim_home {margin-top:20px; text-align:center; font-size:80%; width:495px; float:right;}

.txtContenu { line-height: 1.5em; margin:0; position:relative; margin-top:20px; width:100%;  min-height:535px; }
.ScenarioImageVerticale {width:70%; margin-right:20px; position:relative; }
.ScenarioImageVerticale img.page {position:absolute; top:-20px; right:-230px; z-index:-1}
.ScenarioImageHorizontale {width:380px; margin-right:20px; position:relative; }
.ScenarioImageHorizontale img.page {position:absolute; top:18px; right:-325px; z-index:-1}
.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:2em}
.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}
.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 {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 dotted #999; padding-top:15px;}
.separateur2 {border-top:1px dotted #999; 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; }

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

.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 { 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; }

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

strong.bloc {display:block; margin:2em 0 0.5em}

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


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

#BoiteOutils { display:none; }