@import url(common.css);

/* --[ Global ]-- */
* {margin:0px; padding:0px}

html {
  background:#e4f1fa;font:12px Arial, helvetica, sans-serif;
}

body{background:#e4f1fa}

.bleu {color:#0967ad !important}
.bleupale{color:#95c3e5 !important}
.bleuf{color:#07538B !important}
.vert {color:#cdf57b !important}
.gris {color:#424242 !important}
.vertf{color:#94AF25 !important}
.rouge{color:#9d0c15 !important}

.bgvert{background:#cdf57b !important}
.bgbleu{background:#0967ad !important}
.bleupale{background:#95c3e5 !important}
.bgbleuclair{background:#e4f1fa !important}
.bggris{background:#dbe1e6 !important}

img {border:none}
p {text-align:justify}
a {text-decoration:none}

h1 {font-size:15px}
h2 {font-size:14px}
h3 {font-size:13px}
h4 {font-size:12px}
h5 {font-size:10px}

.liste {background-color:#e5eeff; border:1px #ccdeff solid; padding:10px 10px 0px 10px}
.liste li {margin:0px 0px 10px 15px}

.w200{width:230px}

/**********************************************************************************************
 *************************** SQUELETTE *************************
 **********************************************************************************************/

 
#page{background:#e4f1fa;text-align:center}

#header,#headerC{position:relative;width:985px;height:272px;background:url(../img/squelette/header.jpg) no-repeat}
#headerC{background:url(../img/squelette/header_contenu.jpg) no-repeat}

.conteneur {  
  width:985px; 
  text-align:left;
  margin:0px auto 0px auto;
}

#header h1,#headerC h1{float:left;width:235px;height:60px;overflow:hidden;margin:10px 40px 0 20px}
#header h2,#headerC h2{color:#0967ad;font-style:italic;font-weight:bolder;font-family:arial;font-size:18px;margin-top:20px;float:left;line-height:16px}
#menu{position:absolute;bottom:5px;left:10px}
#menu a{display:block;float:left;color:#0965ab;font-weight:bold;font-size:12px;background:url(../img/squelette/puce_menu.gif) no-repeat 0 0;height:31px;}
#menu a:hover,#menu a.actif{background:url(../img/squelette/puce_menu.gif) no-repeat 0 -31px}
#menu a span{cursor:pointer;float:left;margin:12px 25px 0 30px;}
a#menu_acc{position:relative;top:-16px}
a#menu_force{position:relative;top:-4px}
a#menu_valeurs{position:relative;top:3px}
a#menu_prestations{position:relative;top:5px}
a#menu_contact{position:relative;top:3px;}
#gauche{background:#fff}

#preaccueil{background:url(../img/squelette/pre_accueil.jpg) no-repeat;width:985px;height:27px;}

#contentFoot .bl{padding-left:6px;border-left:1px #89b3d2 solid}
#contentFoot{padding:10px 0;color:#0967ae;font-size:10px}
#contentFoot a{text-decoration:none;color:#0967ae;font-weight:normal;}
#contentFoot a:hover{text-decoration:underline;}
#contentFoot ul li{text-align:right;list-style:none}

#content{background:#fff;padding-bottom:15px}
#infosSiteGandon{position:relative;z-index:300}


/**********************************************************************************************
 *************************** ACCUEIL *************************
 **********************************************************************************************/

#gauche{width:435px;margin-left:11px;float:left;}
#droite{width:512px;float:right;margin-right:11px}

#gauche h3{color:#0967ad;font-size:12px;margin-bottom:10px}
#bgAccueil{padding:30px 0 23px 20px;color:#fff;background:#95c3e5 url(../img/accueil/bg_accueil.jpg) no-repeat top right}
#bgAccueil h3{margin-bottom:20px;color:#cdf57b;font-size:14px}
#bgAccueil p{line-height:18px}

#inserts a{zoom:1;color:#fff;display:block;height:61px;}
#inserts a span{float:left;margin:24px 0 0 15px;font-size:12px;font-weight:bold}
#inserts a.insert_moyens{zoom:1;background:url(../img/accueil/accueil_moyens.jpg) no-repeat 0 0;margin-bottom:8px;}
#inserts a.insert_secteurs{zoom:1;background:url(../img/accueil/accueil_secteurs.jpg) no-repeat 0 0;margin-bottom:8px;}
#inserts a.insert_contact{zoom:1;background:url(../img/accueil/accueil_contact.jpg) no-repeat 0 0;}
#inserts a:hover{background-position:0 -61px;}

div.flags{float:right;margin:160px 260px 0 0}


/**********************************************************************************************
 *************************** CONTENU *************************
 **********************************************************************************************/

#pre{background:url(../img/contenu/pre_contenu.gif) no-repeat top center;padding-top:10px;}

#gaucheC{width:241px;margin-left:11px;float:left;}
#droiteC{width:707px;float:right;margin-right:11px}
#gaucheC h3{margin-left:10px;padding-left:15px;background:url(../img/contenu/puce_verte.gif) no-repeat 0 4px;color:#a8c92a;font-size:13px;margin-bottom:5px}
#droiteC h3{background:url(../img/contenu/puce.jpg) no-repeat 0 0;padding:12px 0 0 27px;color:#fff;font-weight:bold;font-size:15px}
#contenuTextes{background:#95c3e5;padding:15px;}

#gaucheC .bgbleuclair a{zoom:1;text-align:left;display:block;background:#C2E0F3;padding:4px 4px 4px 10px;margin-bottom:3px;font-weight:bold;color:#0967AD;}
#gaucheC .bgbleuclair a:hover,#gaucheC .bgbleuclair a.actif{background-color:#0967AD;color:#fff}

ul.listeContenu,.listeContenu{background:#fff;padding:10px}
ul.listeContenu li{margin-left:15px;background:url(../img/contenu/puce_verte.gif) no-repeat 0 3px;list-style:none;padding-left:15px;margin-bottom:5px}

.p30{width:45%}

ul.listepeace,.listePeace{margin:5px 10px 0;background:#B0D2EC;padding:10px}
ul.listepeace li{margin-left:25px;color:#0967AD;margin-bottom:5px}

#droiteC h4{padding:10px;color:#fff;}
#droiteC h5{padding:5px 10px;color:#07538B;font-size:13px;}


#droiteC p.important{background:#fff;color:#0967AD;font-weight:bold;margin:0 10px;padding:10px}
#droiteC p.important2{background:#fff;color:#0967AD;font-weight:bold;margin:0 5px;padding:10px}
#droiteC div.highlight{background:#fff;color:#0967AD;padding:10px}
#droiteC div.highlight a{color:#0967AD;text-decoration:underline}
#droiteC div.highlight a:hover{text-decoration:none}

div#rally{background:#95c3e5 url(../img/contenu/top_gazelle.gif) no-repeat top center;padding-top:15px;color:#0967AD;text-align:center;}
div#rally h4{color:#fff;padding-left:10px;text-align:left;}
div#rally p{text-align:justify;padding:0 10px 10px 10px}
div#rally a{color:#fff;text-decoration:underline}
div#rally a:hover{text-decoration:none}



/**********************************************************************************************
 *************************** COMMUN *************************
 **********************************************************************************************/
 
#leb-img {margin-top:20px}
.fond-infos,.fond-infos2 {background-color:#C2E0F3; margin:5px 0px; padding:5px 0px 5px 20px; width:400px}
.fond-infos2 {background-color:#E4F1FA}

.couleur1 {background-color:#C2E0F3}
.couleur2 {background-color:#E4F1FA}

caption {
background-color:#003960;
color:#FFFFFF;
font-weight:bold;
padding:1px 0;
width:657px;
}
#extras caption {width:657px; background-color:#0E709B; color:#fff; padding:1px 0px; font-weight:bold}
#extras td {padding:5px 0px}
#extras p{text-align:justify; width:580px}
#extras li{text-align:justify; margin-left:20px}
#extras ul {background-color:#7d7a7a; border:1px #929292 solid; padding:10px}

div.aide p{text-align:justify}
div.aide p a{color:#fff;text-decoration:underline}
div.aide p a:hover{text-decoration:none}

div.aide td{padding:5px 0;font-size:11px}
.fond-infos a:hover,.fond-infos2 a:hover,div.aide td a{font-size:11px;color:#0967ae;text-decoration:underline}
.fond-infos a,.fond-infos2 a,div.aide td a:hover{color:#0967ae;text-decoration:none}

th.widthTh1{width:70px}
th.widthTh2{width:120px}
th.widthTh3{width:376px}

.annexes h3 {color:#dc9b00;}
.annexes p {display:block; width:580px}
.annexes ul {margin-left:20px}
.annexes li {margin-bottom:5px}

#plan a {color:#0967AD;display:block; width:650px; padding:5px 0px 5px 5px; background-color:#C2E0F3; border-right:5px #0967AD solid}
#plan a:hover {background-color:#fff; border-right:5px #CDF57B solid; color:#0967AD}
#plan a.titre{background:#0967AD;color:#fff}

#plan ul{margin-top:20px;}
#plan ul li{margin-left:10px;list-style:none}

div.extras .credits1,div.extras .credits2{color:#666;background-color:#e4e4e4; margin:5px 0px; padding:5px 0px 5px 20px; width:410px}
div.extras .bg1{background-color:#38647f}
div.extras .credits2,div.extras .bg2{background-color:#2e566f}
div.extras td{padding:5px 0;color:#fff;font-size:11px}
div.extras .credits1 p,div.extras .credits2 p{margin-top:0 !important}
#creditsLeb a.rouge{color:#fff !important}
#creditsLeb .credits1 a.rouge{color:#666 !important}
#creditsLeb h4{color:#fff !important}


/*** MESSAGES ERREUR ***/
.ok, .error{text-align:center; }
.ok {background-color:#00B000; color:#fff; font-weight:bold; padding:2px 0px}
.error {background-color:#f00; color:#fff; font-weight:bold; padding:2px 0px}

thead.cap{background:#006a69;color:#fff;font-weight:bold;padding:1px 0;}

/***************************************
************ FORMULAIRES ***
***************************************************************/

/*** FORMULAIRES ***/


/**** input sans fond ***/
#formContact label.normal{float:left;width:100px;text-align:right;font-weight:bold;margin-right:7px;color:#0967ad}
#formContact p.textuel input{width:190px;color:#4f4f4f;font-family:arial;font-size:11px;padding:2px}
#formContact p.check input{width:30px;color:#4f4f4f;font-family:arial;font-size:11px}
#formContact p.check{color:#fff}
#formContact textarea{width:490px;height:100px;color:#4f4f4f;font-family:arial;font-size:11px}
#formContact select{color:#0967ad;width:200px;font-family:arial;font-size:11px;padding:3px 0}
input.send{background:url(../img/contenu/puce_contact.jpg) no-repeat 0 7px;border:0;color:#0967ad;padding:3px 3px 3px 15px;font-size:11px;margin:3px 0 10px 115px}

.highlight2,.erreur{background:#006a69;color:#fff !important}ckground:#eb3333;color:#fff;margin-left:10px}