/*body { margin:0; padding:0; color:#4c4c4c;font-family:Arial; font-size:12px; background:url(../images/background/body.gif) repeat-x  left top; }*/
body { margin:0; padding:0; color:#4c4c4c;font-family:Arial; font-size:12px; background:url(../images/background/fond.jpg) repeat-x  left top; }

img { border:0;}
.clr { clear:both; }
.spacer{ width:100%; height:1px; font-size:1px; clear:both;}
.spacer121px{ width:100%; height:123px; display:block;}
#page { width:936px; margin:0 auto;  }
p{ text-align:justify;}
h1{ text-align:center; font-family:Arial, Helvetica, sans-serif; color:#2297BC;}
h2{ text-align:center; font-family:Arial, Helvetica, sans-serif; color:#2297BC;}
/*#header1_outer {padding-bottom:4px; margin:0; height:104px; background:url(../images/background/header.gif) no-repeat left top; text-align:right;  display:block;}*/
#header1_outer {margin:0; height:195px; background:url(../images/background/banniere.jpg) no-repeat left top; text-align:right;  display:block;}
#header1_outer .home{ width:53px; text-align:center; float:left; padding-top:128px; }
#header1_outer .emed{ width:103px; text-align:center; float:left; padding-top:93px; }
#header1_outer .central{ width:763px; text-align:center; float:left; }
#header1_outer .central .logo-cs3i{ padding-left:50px; padding-top:2px; }
#header1_outer .central .txt-cs3i{ color:#4285a5; text-align:left; font-size:12px; padding-left:165px; padding-top:5px; line-height:18px; }

div.mainPage{ width:936px; /*background:url(../images/background/mainPage.gif) no-repeat left top;*/ margin:0; padding:0; float:left; }


#header3 {  height:107px; text-align:right;  padding:12px 70px 0 0; }
#header3 h1{ display:block; padding:0 55px 0 0; margin:0;}
#header3 h1 span{ font-size:12px; text-transform:uppercase; display:block; color:#2297bc; line-height:18px;  }
#chapo { width:392px; float:left; height:109px; color:#2297bc; font-size:13px; text-align:right; padding-top:10px;}

#menu_outter { width:193px; margin:0; padding:0 0 0 18px;   float:left;  }
.menu_inner{ padding:0; margin:0;  display:block; background:url(../images/background/menu.gif) repeat-y  left  top;  width:193px; float:left;  }

div.menu_inner ul{ list-style-type:none; width:184px; margin:0; padding:0;  }

.menu_inner ul.blanc{ border-bottom:solid 1px #ffffff;  float:left;}
ul.blanc li{ margin:0 0 4px 0;  padding:0; display:block; width:184px;  }
ul.blanc li#drop{ float:left;}
/* hack FF */
html:not([lang*=""]) ul.blanc li#drop {
  float:none;
}

/* COULEUR LIENS MENU GAUCHE */
#current { color:#2297BC; }
ul.blanc a:link { text-decoration:none; color:#2297BC; background: url(../images/background/puce_menu.gif) no-repeat right top; padding:5px 0 2px 20px; margin:0; display:block; font-weight:bold; }/*ANCIEN : color:#FFFFFF;*/
ul.blanc a:visited { text-decoration:none; color:#2297BC; background: url(../images/background/puce_menu.gif) no-repeat right top; padding:5px 0 2px 20px; margin:0; display:block; font-weight:bold; }/*ANCIEN : color:#FFFFFF;*/
ul.blanc li a:hover { background-position:bottom; color:#2297bc; } 
ul.blanc li a:active { background-position:bottom; color:#2297bc; } 
ul.blanc li a#current{ background-position:bottom; color:#2297BC !important; } 
ul.blanc li a#current:visited { background: url(../images/background/rubrique_active.jpg) no-repeat right top; background-position:bottom; color:#f1f3c9; } 
ul.blanc li a#current2 { background-color:#F1F3C9; color:#2297BC !important; } /*ANCIEN : color:#cbcc5e;*/
ul.blanc li a#current2:visited { background: url(../images/background/rubrique_active.jpg) no-repeat right top; background-color:#F1F3C9; color:#f1f3c9; } /*ANCIEN : color:#cbcc5e;*/
ul.blanc li a#current2L{ background-color:#F1F3C9 !important; color:#2297BC !important; } /*ANCIEN : color:#cbcc5e;*/
ul.blanc li a#current2L:visited { background: url(../images/background/rubrique_active.jpg) no-repeat right top; background-color:#2297bc; color:#f1f3c9; } /*ANCIEN : color:#cbcc5e;*/

ul.droped{ margin:0 ; padding:0 0 0 10px; }
ul.droped  li{ font-size:11px; margin:0; padding:0; width:100%; }
ul.droped li a:link, ul.droped li a:visited{ background:none; }
ul.droped li a:hover, ul.droped li a#activated{ background:#f1f3c9; color:#2297BC; }  /*ANCIEN : color:#c3cc1e;*/

.menu_inner ul.legal { display:block; text-align:center; padding:10px 0 10px 0; clear:both; border-bottom:solid 1px #ffffff;}
.menu_inner ul.legal li a { color:#2297BC; text-decoration:none; font-weight:bold;} /*ANCIEN : color:#556f76;*/
.menu_inner ul.legal li a:hover { text-decoration:underline;}

ul.menu_news li{ margin:5px 0 5px 0;  padding:0; display:block; width:184px; text-align:center;  }

#main_right { float:left; width:700px; margin:0; padding:0 0 0 15px; }
html>body>#page>#main_right { min-height:392px; height:auto;}
html>body>#page>#main_right>#content { min-height:372px; height:auto; }


div.boxmargL20{margin-left:20px;}
.box{ width:331px; max-height:373px; margin:0; padding:0; float:left; background:url(../images/background/body_actus.gif) repeat-y center top;  }
.box .content_top {padding:15px 0 0 0; }
.box .top_blue{ background:url(../images/background/box_top_blue.gif) no-repeat center top; }
.box .top_green{ background:url(../images/background/box_top_green.gif) no-repeat center top; }

.box .content_text { background:url(../images/background/box_bottom.gif) no-repeat center bottom; height:345px;}
.top_green .content_text{ padding:0 12px 31px 16px; }
.top_blue .content_text{ padding:0 14px 31px 16px;  }

.box .content_text h1, .box2 .content_text h1{ margin:0; padding:0 0 10px 0; text-align:center; background:url(../images/background/box_title.gif) repeat-x left bottom; font-size:15px;}

.box .content_text div.text,.box2 .content_text div.text { margin:0; padding:0; clear:both; }
.box .content_text div.text h2{color:#2297bc; font-size:13px; margin:0; padding:0; font-style:normal;}

.box .top_blue .content_text div.text h2{margin:18px 0 8px 0;}
.box .top_green .content_text div.text h2{margin:18px 0 8px 0;}
.box .content_text div.text p{margin:0; padding:0; display:block; text-align:left; }

.box .top_blue .content_text div.text p{color:#4c4c4c; font-size:11px; }
.box .top_green .content_text div.text p{color:#c3cc1e; font-size:11px; }    /* margin:18px 0 0 0; */

.box .content_text p .lft,.box .content_text p .rgt { display:block;}

.lft img{ display:block; float:left; margin-right:12px; margin-bottom:10px;  }
.rgt img{ display:block; float:right;  margin-left:12px;}



.box2{ width:702px; margin:0; padding:0; float:left; background:url(../images/background/body_box2.gif) repeat-y center top;  }
/*.box2 .content_text  h1{ text-align:left;}*/
.box2 .content_top {padding:15px 0 0 0; background:url(../images/background/box2_top.gif) no-repeat right top; }
.box2 .content_text { background: url(../images/background/box2-bottom.gif) no-repeat center bottom ; padding:0 14px 31px 22px;}

.box2 .content_text div.text h2, .box2  .box220 h2{color:#2297bc; font-size:13px;  font-style:normal; margin:18px 0 8px 0; display:block;}
.box2 .content_text div.text p, .box2 .content_text div.text ul{color:#556f76; font-size:12px; }
.box2 .content_text div.text ul{ list-style-type:none; display:block; width:66%; float:left; padding:0; margin:0;}
.box2 .content_text div.text ul.texte_fonctionnalite{ list-style-type:none; list-style-image:url(../images/puce.gif); display:block; padding-left:20px;}

.box2 .content_text div.text ul.puceBleu{  margin-left:20px; float:left;   width:460px; }
.box2 .content_text div.text ul.puceBleu2{  margin-left:20px; float:left;   width:645px; }
ul.puceBleu li, .reponse{ background:url(../images/puce.gif) no-repeat left 4px; padding:0 0 0 12px;}
ul.puceBleu2 li{ background:url(../images/puce.gif) no-repeat left 4px; padding:0 0 0 20px;}
.box2 .content_text div.text ul.pagetemoignage{ width:100%;}
ul.pagetemoignage li{ margin-top:5px;}

.temoignage{ color:#2297bc; font-size:11px; display:block; }
.question{ background:url(../images/puce-question.gif) no-repeat left 4px; padding:0 0 0 12px; font-style:italic; }

.cadreLeft{ float:left; margin:0 12px 0 0;}
.cadreRight{ float:right; margin:0 0 0 19px}

.box126{ width:160px; float:left; color:#556f76; padding-right:25px;}
.box226{ width:276px; float:left; color:#556f76; margin:0; padding:19px 0 0 0; }
.box226 form#demo{ margin:10px 0 0 0; padding:0; }
.box226 form#demo ul{width:270px; float:left; }
.box226 form#demo ul li, .boxContact form#demo ul li{ float:left; width:140px; margin:2px 0 0 0; }
.box226 form#demo ul li.spacer, .boxContact form#demo ul li.spacer{ width:100%; clear:both;  height:1px; font-size:1px;}
.box226 form#demo ul li.label, .boxContact form#demo ul li.label { width:105px; }
.box220{ width:220px; float:left; font-size:11px; }

.bouton{ font-size: 10px; border:solid 1px #608dac; color: #ffffff; font-family: Arial,Helvetica,sans-serif; background-color: #acc4d4; height: 17px; }
form#demo label, .box226 form#demo ul li span, .boxContact form#demo ul li span { font-weight:bold;clear:left; float:left; margin:0; padding:0; font-size:11px; color: #2297bc; }
form#demo input.champ{ border:solid 1px #acc4d4; background-color: #ffffff; color: #2297bc; font-size: 11px; }
form#demo select.demo{ width:156px!important;  width:164px; font-size:11px;}
form select.demo2{ font-size:11px;}
.boxContact{ width:inherit; display:block;}
.boxContact ul{ width:350px; float:left; }
.boxContact  form#demo ul li{ float:left; width:248px; margin:2px 0 0 0; }
.boxContact  form#demo ul li span{ float:left; width:255px; margin:2px 0 0 0; }

.bold{ font-weight:bold; }
.emed{ color:#2297bc; font-weight:bold;}
.emed_vert{ color:#bec71c; font-weight:bold;}
ul.square{ width:auto; height:auto; width:666px;}
ul.square li{ margin:5px 0 5px 10px; width:600px; padding:0; height:auto; clear:both;}

ul#image{ list-style-type:none; width:auto; height:auto; margin:5px 0 20px 10px;}
ul#image li{ float:left; width:140px; height:180px; margin:10px 5px;}
ul#image li img{ width:120px; height:168px; margin:5px 10px;}
ul#image li p.titre{ clear:both; text-align:center;}

ul#image2{ list-style-type:none; width:auto; height:auto; margin:-45px 0px 0px 10px;}
ul#image2 li{ float:left; width:140px; height:180px; margin:10px 5px;}
ul#image2 li img{ width:120px; height:168px; margin:5px 10px;}
ul#image2 li p.titre{ clear:both; text-align:center;}

a{ color:#229fbc; text-decoration:none;}
a:hover{ text-decoration:underline;}

.page_active{ color:#000; }

p.part{  width:490px; text-align:justify; float:left;}
p.part_400{ width:400px; text-align:justify; float:left;}
img.image_float_right{ float:right; margin:12px 0 0 5px;}
img.image_float_right2{ float:right; margin:0px 10px 10px 20px;}
img.image_float_right3{ float:right; margin:57px 10px 0px 12px;}
img.image_float_right4{ float:right; margin:7px 15px -10px 20px;} /* H D B G */
img.image_float_right5{ float:right; margin:7px 15px 5px 20px;} /* H D B G */
img.image_float_right5{ float:right; margin:7px 15px 5px 20px;} /* H D B G */
img.image_center{ margin:0 250px;}
.float_left{ float:left;}
.float_right{ float:right;}
.actus_droite{width:25%;float:left;text-align:center;}
.actus_gauche{width:75%;float:left;}
.centrer{text-align:center;}
.retour_accueil{text-align:left;float:left;width:800px;height:100px;cursor:pointer;}

#footer { width:706px;  color:#2297BC; height:20px; text-align:center; font-size:10px; padding-top:15px; clear:both;}