/* ********** Background ********** */
body { margin: 0; padding: 0; background: #fff url(../images/bg_repeat.gif) repeat-x left top; font-family: Verdana, Arial, sans-serif; font-size: 12px; color: #626262; }
/* ******************************** */

p { margin: 0 0 20px 0; color: #626262; font-size:14px;}
a { color: #257ad1; text-decoration: none; }
a:hover { color: #000; text-decoration: underline; }
.valeur {color:#626262;}
.bleu {color:#257ad1;}
.orange {color:#f67a0d;}
.red {color:#FF0000;}
.bleu_fonce{color:#0000FF;}

.bandeau {font-size:12px;float:left; margin:0; color:#257ad1;}
.bandeau2 {font-size:12px; margin:0; color:#257ad1; float:left;}
#conteneur_general { width: 931px; min-height: 800px; margin: 0 auto 0 auto; padding: 0; text-align: center; }

#header { width: 931px; height: 100px; margin: 0; padding: 15px 0 0 0; text-align: left; }
#header_logo { width: 300px; height: 49px; margin: 0; padding: 30px 0 0 40px; float: left; }
#header_recherche { width: 590px; height: 60px; float: left; padding:0; }
#header_recherche h1 {color: #8897ac; font-size:22px; text-align:right;}
#header_recherche a { font-weight: bold; color: #257ad1; text-decoration: none; }
#header_recherche a:hover { color: #000; text-decoration: underline; }
#header_recherche_lg { width: 150px; height: 47px; margin-top: 42px; float: left; }
#header_recherche_box { width: 178px; height: 52px; margin-top: 0px; padding: 7px 0 0 10px; background: url(../images/bg_recherche.png) no-repeat left top; float: left; }
#header_recherche_box input { width: 127px; height: 15px; padding: 4px 5px 0 5px; color: #257ad1; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; border: 1px solid #000; }
#header_recherche_box_s input { width: 29px; height: 21px; margin: 0; padding: 0; background: url(../images/bg_submit.jpg) no-repeat left top; color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 10px; border: none; cursor: pointer; }
#header_recherche_box_s input:hover { background: url(../images/bg_submit.jpg) no-repeat left -21px; }

#menu { width: 931px; height: 30px; margin: 0; padding: 0; }
#menu ul { width: 630px; margin: 0; padding: 0; }
#menu ul li { margin: 0; padding: 0; float: left; list-style-type: none; }
#menu_actif, #menu ul li a { width: 105px; height: 22px; margin: 0; padding: 8px 0 0 0; display: block; text-align: center; color: #fff; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; text-decoration: none; }
#menu ul li a { background: url(../images/bg_onglet.gif) no-repeat 1px top; }
#menu ul li a:hover {  background: url(../images/bg_onglet.gif) no-repeat 1px -30px; }
#menu_actif {  background: url(../images/bg_onglet_actif.gif) no-repeat left top; }

#sous_menu { width: 931px; height: 29px; margin: 0 0 1px 0; padding: 0; background: url(../images/bg_menu.gif) repeat-x left top; text-align: center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #ffffff; }
#sous_menu a { color: #fff; text-decoration: none; }
#sous_menu a:hover { color: #257ad1; text-decoration: underline; }
#sous_menu_g { width: 301px; height: 21px; float:left; }
#sous_menu_d { width: auto; height: 13px; padding-top: 8px; float:left; }
#sous_menu_d ul { margin: 0 0 0 35px;; padding: 0; }
#sous_menu_d ul li { width: auto; margin: 0; padding: 0 10px 0 10px; float: left; list-style-type: none; background: url(../images/sous_menu_separateur.gif) no-repeat right 4px; }

#main_image { width: 931px; height: 193px; margin: 0; padding: 0; background: url(../images/main_image.jpg) no-repeat left top; }

#accueil_main { width: 931px; height: auto; margin: 2px 0 0 0; padding: 0; background: url(../images/bg_flou.jpg) no-repeat right top; text-align: left; }
#accueil_colonne_g { width: 500px; min-height: 246px; margin: 0; padding: 35px 60px 0 45px; background: url(../images/separateur_colonne.gif) no-repeat right top; float:left; }
#accueil_colonne_d { width: 270px; min-height: 246px; margin: 0; padding: 35px 0 0 30px; overflow: auto; float:left; }
#accueil_colonne_g h1,  #accueil_colonne_d h1 { margin: 0 0 20px 0; padding: 0; color: #8897ac; }
#accueil_colonne_g h1 { font-weight: normal; font-size: 24px; }
#accueil_colonne_d h1 { font-weight: normal; font-size: 24px; }
#accueil_colonne_g h2 { margin: 0 0 20px 0; padding: 0; color: #257ad1; font-weight: normal; font-size: 16px; }
#accueil_colonne_d p { margin: 5px 0 0 0; }
#accueil_colonne_g a, #accueil_colonne_d a, #accueil_colonne_g a:hover, #accueil_colonne_d a:hover { }
#accueil_colonne_g hr, #accueil_colonne_d hr { height: 1px; margin: 10px 0 10px 0; border-top: 0px; border-left: 0px; border-right: 0px; border-bottom: 1px dotted #878d96; }

#secondaire_image { width: 931px; height: 97px; margin: 0; padding: 0; background: url(../images/secondaire_image2.jpg) no-repeat left top; text-align:right; color:#FFFFFF; font-size:12px;}
#secondaire_image h1 {margin: 10px 30px 0 0; font-size:18px;}

#secondaire_main { width: 931px; height: auto; margin: 2px 0 0 0; padding: 0; background: url(../images/bg_flou.jpg) no-repeat right top; text-align: left; }
#secondaire_ariane { width: 906px; height: 18px; margin: 0; padding: 12px 0 0 45px; text-align: left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; }
#secondaire_ariane a { color: #257ad1; text-decoration: underline; }
#secondaire_ariane a:hover { color: #000; text-decoration: none; }
#secondaire_colonne_g { width: 600px; min-height: 246px; margin: 0; padding: 5px 25px 0 45px; background: url(../images/secondaire_separateur.gif) no-repeat right 50px; float: left; }
#secondaire_colonne_d { width: 191px; min-height: 246px; margin: 0; padding: 5px 40px 0 30px; overflow: auto; float: left; }
#secondaire_colonne_g h1,  #secondaire_colonne_d h1 { margin: 0 0 20px 0; padding: 0; color: #8897ac; }
#secondaire_colonne_g h1 { font-weight: normal; font-size: 24px; }
#secondaire_colonne_d h1 { font-weight: normal; font-size: 24px; }
#secondaire_colonne_d h3 { color: #257ad1;}
#secondaire_colonne_g h2 { margin: 0 0 20px 0; padding: 0; color: #257ad1; font-weight: normal; font-size: 16px; }
#secondaire_colonne_d p { margin: 5px 0 0 0; font-size:14px;}
#secondaire_colonne_g a, #secondaire_colonne_d a, #secondaire_colonne_g a:hover, #secondaire_colonne_d a:hover { }
#secondaire_colonne_g hr, #secondaire_colonne_d hr { height: 1px; margin: 10px 0 10px 0; border-top: 0px; border-left: 0px; border-right: 0px; border-bottom: 1px dotted #878d96; }

.alt {width:470px; height:auto; background: url(../images/alt.png) 0px 10px no-repeat; padding: 10px 0px 0px 30px; text-align:justify;}
.info {width:470px; height:auto; background: url(../images/info.png) 0px 10px no-repeat; padding: 10px 10px 0px 30px; text-align:justify;}

a.bouton { width: 167px; height: 18px; margin: 10px 0 10px 0; padding: 6px 0 0 22px; background: url(../images/bouton.jpg) no-repeat left top; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #fff; display: block; }
.pdf { width: 167px; height: 74px; margin: 15px 0 0 0; padding: 10px 22px 0 0;  background: url(../images/pdf.jpg) no-repeat right top; }

/***********************************PAGE OFFRES****************************/
#bloc-offre {width:450px; height:110px; background: #ecf4fa url(../images/bloc.png) left 30px no-repeat; border-top: solid #dbe0e3 1px; border-right: solid #dbe0e3 2px; border-bottom: solid #dbe0e3 2px;
 padding: 10px 30px 10px 30px; margin:5px 10px 5px 0; float:left;}
#bloc-offre img {position:relative; top:-80px; left:350px; width:100px;}
#bloc-offre h2 {background:url(../images/faqArrowClose.gif) left 2px no-repeat; padding:0 0 0 10px; font-size:12px; margin:0 0 10px 0;}
#bloc-offre ul {margin:0; padding:0;}
#bloc-offre li {list-style-type:none; font-size:10px;}

/***********************************PAGE LIENS UTILES ****************************/

#utiles_main { width: 931px; height: auto; margin: 2px 0 0 0; padding: 0; background: url(../images/bg_flou.jpg) no-repeat right top; text-align: left; }
#utiles_colonne_g { width: 500px; min-height: 246px; margin: 0; padding: 35px 60px 0 45px; background: url(../images/separateur_colonne.gif) no-repeat right top; float:left; }
#utiles_colonne_g h1 { margin: 0 0 20px 0; padding: 0; color: #8897ac; font-weight: normal; font-size: 24px;}
#utiles_colonne_g h2 { margin: 10px 0 10px 0; padding: 0; color: #8897ac; font-weight: normal; font-size: 18px; float:left;}
#utiles_colonne_g p { margin: 0 0 5px 0; padding: 0; font-size: 11px; text-align:justify;}
#utiles_colonne_g a, #accueil_colonne_g a:hover {}
#utiles_colonne_g hr { height: 1px; margin: 10px 0 10px 0; border-top: 0px; border-left: 0px; border-right: 0px; border-bottom: 1px dotted #878d96; }
#utiles_colonne_g img {margin:10px 0 0 10px;}

/***********************************PAGE ANNUAIRE****************************/

.categorie  {background:url(../images/faqArrowClose.gif) left 4px no-repeat; padding:0 0 0 10px; font-size:14px;}
.categorie2 {margin:5px 0 5px 0;; text-indent:10px; }
#bloc-annuaire {width:440px; height:auto; background: #ecf4fa url(../images/bloc.png) left 30px no-repeat; border-top: solid #dbe0e3 1px; border-right: solid #dbe0e3 2px; border-bottom: solid #dbe0e3 2px;
 padding: 10px 30px 10px 30px; margin:5px 10px 5px 0; float:left;}
#bloc-annuaire img {position:relative; top:-50px; left:390px; width:100px;}
#bloc-annuaire p {padding:0 0 0 5px;}
#bloc-annuaire h2 {margin:0;}

/*************PAGE AJOUTER UN SITE *******************/
#liste li {list-style-type:none; margin:5px; background: url(../images/faqArrowClose.gif) left 3px no-repeat; padding:0 0 0 10px;}
#ajout-site {margin:5px 0 5px 0;; font-size:10px; border: solid #dbe0e3 1px;}

/*************PAGE soumission site *******************/
#regles li {list-style-type:none; margin:5px; background: url(../images/faqArrowClose.gif) left 3px no-repeat; padding:0 0 0 10px;}
/*************PAGE profils  *******************/
#bloc_profil {}
#bloc_profil p {font-size:11px; text-align:justify; margin:5px 0 5px 0; padding:0;}
#bloc_profil h2 {margin:5px 0 5px 0;}
#bloc_profil h3 {font-weight:normal; margin:5px 0 5px 0;}

/***********************************FOOTER*********************************/

#footer { width: 931px; height: 80px; margin: 40px 0 0 0; padding: 0; background: url(../images/bg_footer.gif) no-repeat center top; }
#footer p { margin: 0; padding: 0; color: #8897ac; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; }
#footer a { color: #257ad1; text-decoration: none; }
#footer a:hover { color: #000; text-decoration: underline; }

.mots-cles {width:200px; height:100px; overflow:scroll; padding:0; margin:0 0 0 80px; float:lelft; text-align:left; float:left;color:#8897ac;}
.mots-cles li {list-style-type:none;}
.mots-cles li a {color:#8897ac; text-decoration:none;}
.mots-cles li a:hover {color:#666666; text-decoration:none;}

form { margin: 0; padding: 0; }

.img_left { float: left; }
.img_right { float: right; }
.spacer { clear: both; }

/* ***************** FAQ accordeon ***************** */
#nested { width: 460px; list-style:none; color: #000; margin: 0 0 30px 0; padding: 0; }
#nested p { padding: 5px 0 5px 0; margin: 0; }
#nested ul { margin:0; padding:0; }
#nested li { margin:0; padding:0; font-size:13px; color:#626262;}
#nested h3, #nested .acc-selected { width:460px; height: 22px; margin: 0;  padding: 8px 0 3px 0; border-top: none; border-bottom: 1px #C9D2DF dotted; font-weight: normal; font-size: 13px; }
#nested h3 {width:460px; background: url(../images/faqArrowClose.gif) 7px 9px no-repeat;color: #257ad1; padding: 5px 0 0 28px; font-size:12px;}
#nested .acc-selected {width:460px; padding: 5px 0 0 28px; background: url(../images/faqArrowOpen.gif) 7px 9px no-repeat; color: #313131; }
#nested h3:hover { cursor: pointer; color: #313131; }
#nested .acc-section { width:460px; overflow:hidden; padding: 0; }
#nested .acc-content { width: 460px; border:0px; border-top: none; border-bottom: 1px #C9D2DF dotted; padding: 10px 0 10px 28px;}
#nested .acc-content p { width:430px; font: normal 13px Arial, Helvetica, sans-serif; color: #626262; line-height: 17px; }
/* ************************************************** */
.intern li {margin-left:10px;}
#overlay {opacity:0.5;}
/*===============================FORMULAIRES==========================*/
/*=======================formulaire offre pro========================*/
.forme {width:300px;}
.formetexte {display:none;background:#CBDAF1; padding:5px; border:1px #7180D2 solid;}

/*===============================blocs google==========================*/
.annonce_google {padding:5px; border:dashed #257ad1 1px; margin-bottom:10px;}