/* Modèle v1.23 09/12/2008 */


/********** A GARDER EN L'ÉTAT ************/
*{margin:0; padding:0;}
li{margin-left: 25px;}
ul{margin-bottom:10px;}
a img{border:0}
html {font-size: 100%;}
.clear{clear:both;}

/*********** A PERSONNALISER **************/
body {font:normal 14px 'Trebuchet MS'; color:#330066; background-color:#fff;}
#body{background:url(images/fonds/bgndhome.jpg) center repeat-y;/*fond du site*/}
table{font-size: 11px;}
a{color: #b8b801; text-decoration:none;}
a:hover {text-decoration:underline;}

h1{font: italic 36px 'Trebuchet MS'; margin-bottom:20px; padding-bottom:10px;color:#948ab1; width:665px; background:url(images/fonds/pointilles.gif) repeat-x left bottom;}
h2{font:bold 14px 'trebuchet MS'; color:#330066; padding-bottom:10px;border-bottom:solid 1px #a498bb; margin-left:30px; margin-bottom:20px;}
h3 {padding:6px 0;font:normal 14px 'Trebuchet MS';background: url(images/puce/bullet.gif) no-repeat top left; padding-left:40px; margin-bottom:15px;}
h4{font:italic 16px 'trebuchet MS'; margin-bottom:10px;  font-weight:bold;/* border-bottom:dotted 2px #d9d6e3; */margin-top:10px; /*text-transform:uppercase; text-decoration:underline;*/ color:#948ab1; }
h6{margin-top:13px; margin-bottom:0px; background:url(images/puce/mini.jpg) no-repeat top left; padding-left:20px; margin-left:0px; font-weight:bold;}
p {margin-bottom:15px; text-align: justify; font:normal 14px 'Trebuchet MS'; color:#330066;}
strong{font-weight: bold;}
em{font-style: italic;}

.color {color:#b8b801;}
.hr{font-size:1px; height:10px; border-bottom:1px solid #f10000; margin:0 0 10px;}
.centre{text-align:center;}
.asterisque{font-style:italic; font-size:9px;}
.floatLeft{float:left; display:inline;}
.white{color:white;}
.decale {margin-left:70px;}
.suite{font:bold 16px 'trebuchet MS'; color:#b8b801; text-align:right;margin-bottom:30px;}
.suite a {font:bold 16px 'trebuchet MS'; color:#b8b801; text-align:right; background:url(images/puce/principale.jpg) no-repeat center left; padding-left:40px;}
.gdpuce{font:normal 14px 'Trebuchet MS';background: url(images/puce/principale.jpg) no-repeat top left; padding-left:40px; margin-bottom:15px;}
.under {text-decoration:underline;}
.img_gauche {float:left; display:inline; margin:0 5px 5px 0;}
.img_droite {float:right; display:inline; margin:0 0 5px 5px;}

ul.liste{list-style-type:none; margin-bottom:15px;}
ul.liste li{margin-left:0; margin-bottom:5px;}


/* Formulaires */
.bouton{
  display:inline; color:#fff; background-color:#6a7000;
  font:bold 11px 'Trebuchet MS'; line-height:20px; width:auto; height:20px; border-width:0;  
  text-align:center; cursor:pointer;
}

input{margin-bottom:0px !important; margin-bottom:-2px !important!; margin-bottom:-2px;}
input, select, textarea{font: normal 10px 'Trebuchet MS'; color:#666; border:1px solid #f6a7000;}
input[type="checkbox"], input[type="radio"]{border-width: 0;}

.row{clear:both; margin-bottom:5px;}
.row label{display:inline; float: left; margin-right: 5px; width: 135px; text-align: right;}
.row label span{color:#f00;}
.row textarea, .row input {width: 150px;}
.row select {width: 152px;}

.row_chk{padding:0; clear:both; margin-bottom:5px;}
.row_chk input{border:0}
.row_chk label{float:none; display:inline; margin:0; padding:0; cursor:pointer;}

.row_are{clear:both; margin-bottom:5px;}
.row_are label{display:block;}
.row_are textarea{width:300px;}

.row_rad {clear:both; margin-bottom:5px;}
.row_rad .label{float:left; width:145px; text-align:right;}
.row_rad .rad {margin-left:150px; margin-bottom:1px;}
.row_rad .rad input{vertical-align:middle; border:0}
.row_rad .rad label{float:none; display:inline; margin:0; padding:0; cursor:pointer;}

.row_bt {margin-left:195px; clear:both; margin-bottom:5px;}


#conteneur{width:990px; margin:0 auto;}
/******************************************/
/******************  ENTETE  **************/
/******************************************/
#entete{width:990px; height:208px; position:relative; z-index:0;}
#entete #bandeau{width:990px; height:143px;}
#entete #bandeau img#imgBandeau1{ margin-right:42px; float:left; display:inline;}
#entete #bandeau img#imgBandeau2{ margin-right:32px; float:left;  display:inline;}

#entete #bandeau_haut {background: url(images/fonds/bcMenu.jpg) repeat-y top right;}

#entete ul#syndication{padding-left:175px;float:left;margin:0;}
#entete ul#syndication li{float:left; display:inline; margin-left:0px;height:23px;margin-right:5px;}
#entete ul#menu{height:23px; list-style-type:none; float:right; margin-bottom:0px;}

#entete ul#menu .li_niveau_1{float:left; display:inline; margin-left:0px;height:23px;margin-right:5px;}
#entete ul#menu .li_niveau_1 .a_niveau_1{font:normal 11px 'trebuchet MS'; text-transform:uppercase; color:#5e6406; float:left; display:inline; margin:0 5px; padding:0 10px; padding-top:5px; height:18px;text-decoration:none;}

#entete ul#menu .li_rubrique_1 .a_niveau_1:hover,
#entete ul#menu .li_rubrique_1 .a_niveau_1.a_niveau_1_active{background:url(images/menu/accueil-over.gif) no-repeat; color:white;}
#entete ul#menu .li_rubrique_2 .a_niveau_1:hover,
#entete ul#menu .li_rubrique_2 .a_niveau_1.a_niveau_1_active{background:url(images/menu/methodologie-over.gif) no-repeat; color:white; }
#entete ul#menu .li_rubrique_3 .a_niveau_1:hover,
#entete ul#menu .li_rubrique_3 .a_niveau_1.a_niveau_1_active{background:url(images/menu/prestation-over.gif) no-repeat; color:white;}
#entete ul#menu .li_rubrique_4 .a_niveau_1:hover,
#entete ul#menu .li_rubrique_4 .a_niveau_1.a_niveau_1_active{background:url(images/menu/reference-over.gif) no-repeat; color:white;}

#entete #sousMenu{ width:990px; height:42px; background-color:white;}
#entete #sousMenu #divNewsletter{float:right; display:inline; height:32px; padding-top:5px;}
#entete #sousMenu #divNewsletter label{font:bold 11px 'trebuchet MS'; color:#5e6406;}
#entete #sousMenu #divNewsletter input{ float:left; display:inline; margin-right:5px;}
#entete #sousMenu #divNewsletter input.bouton{background-color:#6a7000; width:25px; height:18px;}

#entete #sousMenu .ul_niveau_2 {list-style:none; float:left; display:inline; margin-left:150px; font-size:12px;}
#entete #sousMenu .ul_niveau_2 .li_niveau_2 {display:inline; float:left;}
#entete #sousMenu .ul_niveau_2 .li_niveau_2 a{color:#5e6406;font:normal 11px 'trebuchet MS';}
#entete #sousMenu .ul_niveau_2 .li_niveau_2 a:hover,
#entete #sousMenu .ul_niveau_2 .li_niveau_2 .a_niveau_2_active{color:#948ab1; text-decoration:underline;}

#entete #logo{position:absolute; z-index:1; bottom:0px; left:0px; }
#entete #logo #log{width:157px; height:95px; padding-left:13px; padding-top:12px; background:url(images/entete/fondLogo.png) no-repeat top left; }


/* Contenus */
#contenu{width:970px; background-color:white; padding:20px 0 20px 20px;}

a#lien_diagnostic{font-weight:bold;color:white;}

/******************************************/
/**************  HOMEPAGE  ****************/
/******************************************/
#titre {padding-left:285px;}
#columG {float:left; display:inline; width:255px; padding:0 30px 0 0;}
#columG #motscles {width:226px; margin-top: 20px;background:url(images/resume/pointsCles.gif) no-repeat top left; min-height:256px; height:auto !important; height:256px;padding-top:116px; padding-left:36px;}
#columG #motscles p {color:#dcd2f4; text-align:center; width:131px;}
#columM {float:left; display:inline; width:387px; padding:0 45px 0 0; border-right:solid 1px #21035a;}
#columM h3{margin-left:30px; }
#columD {float:left; display:inline; width:215px; padding:0 0 0 20px;}
#columD p{text-align:left;}
#columD #actualites{margin-top:69px; padding-top:30px; background:url(images/actualites/parenthese.jpg) no-repeat top right; min-height:219px; height:auto !important; height:219px; width:205px; padding-left:10px;}
#columD #actualites #player{width:60px; margin:25px 40px;}
#columD #actualites .act_date{width:138px; font:normal 11px 'trebuchet MS';}
#columD #actualites .act_titre a{font:bold 14px 'trebuchet MS'; margin-bottom:0px;color:#330066;width:138px;}
#columD #actualites .act_texte{ font:normal 11px 'trebuchet MS';text-align:justify;width:138px;height:76px;overflow:hidden;margin-top:10px;}


/******************************************/
/**************  ACTUALITE  *****************/
/******************************************/
#actuTitre{float:left; display:inline; width:670px; padding-left:260px;position:relative;}
#actuG{float:left; display:inline; width:235px; padding-right:25px;}
#actuG #mots {width:196px; margin-top: 20px;background:url(images/resume/pointsCles.gif) no-repeat top left; min-height:256px; height:auto !important; height:256px;padding-top:116px;padding-left:36px;}
#actuG #mots p {color:#dcd2f4; text-align:center; width:131px;}
#actuM{float:left; display:inline; width:650px;padding-left:20px}
/**#colMilieu #contenuActu{width:647px; margin-left:15px;/* border-top:dotted 2px #d9d6e3; padding-top:20px;}*/
#actuM .case{width:299px; float:left; display:inline; margin-bottom:40px}
#actuM .case_gauche{margin-right:29px}
#actuM .case div.blocActu{width:299px;}
#actuM .case .blocActu h4{font:bold 14px 'trebuchet MS'; margin-bottom:0px;width:299px;}
#actuM .case .blocActu p{font:normal 11px 'trebuchet MS'; margin-bottom:5px; margin-left:0px;}
#actuM .case .blocActu .fondViolet{width:283px; padding:8px; background:url(images/fonds/fondViolet.gif) no-repeat top left; overflow:hidden; height:101px; margin-bottom:5px;}
#actuM .case .blocActu .fondViolet  img{float:left; display:inline; margin-right:7px; margin-bottom:10px;}
/*#actuM .case .blocActu .fondViolet  img.img_actualite_mini_fiche{float:left; display:inline; margin-right:7px; margin-bottom:10px;background:url("images/fonds/mini-fiche.gif") no-repeat;}*/
#actuM .case .blocActu .fondViolet p{float:left; display:inline;}
a.suite{font:bold 16px 'trebuchet MS'; color:#cccc00; text-align:right; background:url(images/puce/principale.jpg) no-repeat center left; margin-left:160px; padding-left:40px;}
#actuTitre .MoteurNavigation {float:right; position:absolute; right:0; top:20px;}
#actuTitre .MoteurNavigation a {color:#cccc00; font-weight:bold}
#actuTitre .MoteurNavigation .MoteurNavigationPageActuelle {color:#cccc00; font-weight:bold; text-decoration:underline}

p#ref_densite{font-size:10px;color:#e7e2f6;display:block;width:670px;padding-top:20px;}
/* Détails */
#actuM #colGauche {width:260px; height:355px; float:left; /*border-right:4px solid #6d5b95;*/ text-align:right; padding-top:15px; padding-right:20px}
#actuM #colDroite {width:363px; min-height:355px; float:left;border-left:4px solid #6d5b95;}
#actuM #colDroite h4{margin-left:20px; margin-top:15px}
#actuM #colDroite p{margin-left:20px; text-align:left;}
#actuM #colDroite div{margin-left:20px; text-align:left;}


/******************************************/
/************  DIAGNOSTIC  ****************/
/******************************************/
#formulaire_diagnostic {width:370px; padding-bottom:20px;}
#formulaire_diagnostic h2{border:none;margin-bottom:5px;}
#formulaire_diagnostic p{margin-bottom:25px;}
#formulaire_diagnostic label{margin:0 10px 0 10px}
#formulaire_diagnostic label:hover{text-decoration:underline}
#formulaire_diagnostic .valider {clear:both;text-align:center; margin-top:20px}
#formulaire_diagnostic .champ {width:200px}

#parenthese{width:145px; height:220px;margin-top:69px; padding:30px 60px 0 10px; background:url(images/actualites/parenthese.jpg) no-repeat top right; }
#parenthese p{text-align:left;}
#parenthese p.suite{text-align:left;background:url(images/puce/principale.jpg) no-repeat center left; padding-left:40px;}

#columG #photos {width:243px; margin-top: 20px; min-height:240px; height:auto !important; height:240px;}

#contenu #colMilieuDiagnostic #erreur_diagnostic{float:left;display:inline;height:355px;border-right:1px solid #6d5b95;padding: 10px 35px 10px 25px}
#contenu #colMilieuDiagnostic  #merci_diagnostic{float:left;display:inline;height:355px;border-right:1px solid #6d5b95;padding: 10px 35px 10px 25px}
#contenu #colMilieuDiagnostic  #merci_diagnostic p{width:370px;}


/******************************************/
/**************  CONTACT  *****************/
/******************************************/
#contenu #colMilieuContact{float:left;display:inline;font:normal 14px 'trebuchet MS'; color:#330066; }
#formulaire_contact{float:left;display:inline;margin-top:20px;height:200px;width:300px;}
#formulaire_contact form{padding:20px 0 0 0;float:left;display:inline;}
p#merci{float:left;display:inline;margin-top:100px;height:200px;}
p#erreur{float:left;display:inline;margin-top:100px;height:200px;width:250px;}
p#erreur a{color:#330066;font-weight:bold;}
#coordonnees{float:right;display:inline;width:300px;height:190px;margin-top:-380px;border-left:1px solid #6d5b95;padding-left:60px;padding-top:10px;}
#coordonnees p{font:normal 12px 'trebuchet MS';}

/******************************************/
/****************  PIEDPAGE  **************/
/******************************************/
#piedpage{width:980px; background-color:#21035a; padding-top:5px; padding-left:10px;}
#piedpage ul#menubas{float:left; display:inline; width:320px;}
#piedpage ul#menubas li{float:left; display:inline; margin-left:0px; margin-right:15px;}
#piedpage ul#menubas li a{color:white; font:normal 11px 'trebuchet MS';}
#piedpage #awc{float:right; display:inline; width:320px;padding-right:10px;text-align:right; color:#9d8dc0; font:normal 11px 'trebuchet MS';}
#piedpage #awc a{color:#9d8dc0; font:normal 11px 'trebuchet MS';}
#piedpage ul#menu_ref {clear:both;list-style-type:none; margin:0; margin: 10px;}
#piedpage ul#menu_ref li{float:left; display:inline;margin:0; }
#piedpage ul#menu_ref li a{float:left; display:inline;color:white; font:normal 11px 'trebuchet MS'; text-decoration:none; padding:0 5px; border-right:1px solid #fff;}
#piedpage ul#menu_ref li a:hover{text-decoration:underline;}
#piedpage ul#menu_ref li a.bordernone{border:none;}
#piedpage #thema {float:left; display:inline; width:320px;text-align:center;}
#piedpage #thema a{margin:0;color:white; font:normal 11px 'trebuchet MS'; text-decoration:none; padding:0 5px;}
#piedpage #thema a:hover{text-decoration:underline;}
#piedpage #slogan {clear:both;font-size:18px; color:#fff; text-align:center;padding-bottom:10px;}