@import url(common.css);

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

html {
  font:11px Arial, helvetica, sans-serif;
}

.bleu {color:#5471cf !important}
.vert {color:#71a116 !important}
.gris {color:#72797e !important}
.grisBleu{color:#97abb1 !important}


/*div.img{padding:1px;background:#d9e8ba}*/
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:#DAEABC ; border:1px #71A116 solid; padding:10px 10px 0px 10px;color:#566C72}
.liste li {margin:0px 0px 10px 15px}

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


#graphics{background:url(../img/squelette/bg_html.gif) repeat-x;text-align:center}

#page{background:url(../img/squelette/bg_head.gif) no-repeat top center;}

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

#header {
  width:959px;
  height:74px;
  text-align:center;
  margin:0px auto 0px auto;
}

#splash_gfx{background:url(../img/splash/bg.jpg) repeat-x;text-align:center}

#splash {
  width:800px;
  background:url(../img/splash/didhaptic.jpg) no-repeat 0 26px;
  height:363px;
  text-align:center;
  margin:0px auto 0px auto;
}

#splash p.texte{width:495px;color:#fff;margin:240px 0 0 150px}

#header p#flags{float:left;width:150px;margin:30px 0 0 15px}
#header p#flags img{margin-right:5px}

#header h2{text-transform:uppercase;font-size:11px;color:#4d6e0d;padding-top:7px}
#splash h2{text-transform:uppercase;font-size:11px;color:#4d6e0d;padding-top:7px}

#header #contentMenu{width:845px;height:20px;margin:32px 0 0 110px}
#header #contentMenu ul li{list-style:none;display:inline;color:#fff}
#header #contentMenu ul li a{color:#fff;text-decoration:none}
#header #contentMenu ul li a:hover{text-decoration:underline}


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


.conteneur a.imgHeader{margin:0 0 2px 0}

#encart_did,#encart_galerie{margin-top:5px}

#encart_did{float:left;padding-bottom:7px;width:562px;color:#fff;background:#80b41c url(../img/accueil/deg_encart_did.jpg) no-repeat bottom center;}
#encart_did #top{height:12px;margin-bottom:5px;background:url(../img/accueil/top_encart_did.gif) no-repeat bottom center;}

#encart_did h2.didhaptic,#encart_did h2.didhaptic1{font-size:12px;font-weight:normal;height:15px;margin:0 10px 10px 10px;padding:5px 5px 5px 25px;background:#779f2a url(../img/accueil/puce_h2.gif) no-repeat 10px 10px;}
#encart_did h2.didhaptic1{margin:20px 10px 5px 10px;background:#81aa31 url(../img/accueil/puce_h2_1.gif) no-repeat 10px 10px;}

#encart_did p{padding:3px 12px 0 0 }
#encart_did h3{font-size:12px;margin-left:5px;color:#fff;}
#encart_did img.visu{margin:0 5px 0 20px}

#encart_galerie{margin-left:567px;padding-left:2px;width:390px;background:#566c72 url(../img/accueil/top_galerie.gif) no-repeat top center}
#encart_galerie a{border:0;display:block;float:left;margin:2px 2px 0 0;width:76px;height:76px}
#encart_galerie a.last{margin-right:0}
#encart_galerie h3{text-align:center;color:#b2c6cb;font-size:11px;padding:6px 0 6px 0}
#encart_galerie h3 span.nobold{font-weight:normal;font-size:10px}

#contenu{background:#e3e6e8 url(../img/accueil/virt.jpg) no-repeat;margin-top:7px;padding-top:10px}
#contenu #fond_blanc{background:url(../img/accueil/bg_blanc.gif) repeat-y;}

#contenu #partie_gauche{float:left;}
#contenu #partie_gauche h4{color:#fff;font-weight:normal;font-size:11px;letter-spacing:2px;margin:0 0 15px 10px}
#contenu #partie_gauche .contentActu{margin-left:20px;width:440px;}
#contenu #partie_gauche .contentActu img{padding:4px;background:#fff;border:1px #bfd98d solid;margin:0 5px 0 0}
#contenu #partie_gauche .contentActu h5{color:#659111;font-size:11px;margin-bottom:5px}

#contenu #partie_droite{position:relative;float:right;width:474px;background:#fff;margin:0 4px 0 0 }
#contenu img.logoVirt{margin:25px 0 0 30px;}
#contenu div.items img.logoVirt{position:relative;top:0;left:-465px;margin:15px 0 0 15px}
#contenu p.contentVirteasy{margin:100px 0 0 40px;width:250px}
#contenu p.contentVirteasy span.slogan{color:#71A116;font-weight:bold;left:40px;position:relative;top:15px;}
#contenu div.contentVirteasy{margin:70px 0 0 17px;width:260px;font-size:11px;float:left}
#contenu div.contentVirteasy span.slogan{position:relative;left:40px;top:15px;color:#71a116;font-weight:bold;}
#contenu div.contentVirteasy a{color:#72797E;}

/*******************************************************************************/
/* defilement scrollable */
/*******************************************************************************/

/* override the root element to enable scrolling */
/* everything is constructed with a single background image */

#flowpanes div.navigation img{cursor:pointer;z-index:50;}
#flowpanes img.visuMod{position:relative;top:-15px}

/* panes */
#flowpanes{width:471px;height:215px;z-index:35}
#flowpanes div.navigation{z-index:40;position:absolute;bottom:0;left:0;height:23px;background:#80b41c url(../img/accueil/dte_soluce.gif) no-repeat right;padding-right:5px}
div.navigation p{padding:2px 0 0 5px;color:#fff;font-size:12px}
div.navigation img.prev,div.navigation img.next{position:relative;top:2px}
div.navigation img.prev{left:2px}

img#titreSoluce{position:absolute;top:-10px;right:-4px;z-index:50}

/*#flowpanes img.visuMod{position:relative;top:30px;right:20px}*/

/* single pane */
#flowpanes div{display:none;}

/* override the root element to enable scrolling */
#flowpanes{position:relative; overflow:hidden; clear:both;}

/* override single pane */
#flowpanes div{float:left;display:block;font-size:14px;}
/* our additional wrapper element for the items */
#flowpanes .items{width:20000em;position:absolute;clear:both;margin:0;padding:0;z-index:36}
#flowpanes .less, #flowpanes .less a{color:#999 !important;font-size:11px;}

#flowpanes div.items div.contentVirteasy{width:460px;z-index:37}

/*******************************************************************************/
/* FIN defilement scrollable */
/*******************************************************************************/

#contenu #partie_gauche #linkActu{margin:10px 10px 0 0}
#contenu #partie_gauche #linkActu a{text-decoration:none;color:#fff}
#contenu #partie_gauche #linkActu a:hover{text-decoration:underline}
#contenu #partie_gauche #linkActu a.lire{width:104px;padding:3px 0 0 10px;background:url(../img/accueil/actualite/bg_suite.gif) no-repeat}
#contenu #partie_gauche #linkActu a.toutes{width:138px;padding:3px 0 0 10px;background:url(../img/accueil/actualite/bg_toutes.gif) no-repeat}

#contenu #bas{background:url(../img/accueil/bas_contenu.gif) no-repeat;height:9px;margin-top:-2px}


#footer{color:#fff;margin-top:7px;height:116px;width:1029;background:url(../img/footer/bg_foot.jpg) no-repeat top center}
#footer a.did{float:left;margin:15px 0 0 7px}
#footer p.infos{margin:55px 0 0 30px}

#footer ul.extras li{list-style:none;display:inline}
#footer ul.extras{margin:95px 30px 0 0;}
#footer ul.extras li a{color:#fff;text-decoration:none;}
#footer ul.extras li a:hover{text-decoration:underline;}
#footer a{color:#fff;text-decoration:none;}
#footer a:hover{text-decoration:underline;}


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

#colGauche{float:left;width:244px;}

#colGauche #menuGauche{background:#e3e6e8 url(../img/contenu/topMenuG.gif) no-repeat}
#colGauche #menuGauche #basMenuGauche{background:url(../img/contenu/basMenuG.jpg) no-repeat;height:16px;}

#colGauche #menuGauche .contentMenuGa{margin:21px 0 0 7px}
#colGauche #menuGauche .contentMenuGa a{color:#80b41c;text-decoration:underline}
#colGauche #menuGauche .contentMenuGa a:hover{text-decoration:none}

#colGauche #encart_actu{width:237px;background:url(../img/squelette/bg_encart_actu.jpg) repeat-y;}
#colGauche #encart_actu h4,#colGauche #encart_galerie_contenu h4{color:#dfe9cb;position:relative;top:-5px;font-size:10px;text-align:center;text-transform:uppercase;font-weight:normal}
#colGauche #encart_actu h5{margin:0 5px;background:#fff;padding:5px;text-align:center;color:#659111;font-weight:bold;}
#colGauche #encart_actu h5 a{color:#659111;}
#colGauche #encart_actu h5 a:hover{text-decoration:underline}

#colGauche #encart_actu img.visu_news{background:#fff;border:5px #d9efb0 solid;}
#colGauche #encart_actu img.bas_actu{margin:0 0 -3px 0;}
#colGauche #encart_actu #contentActu{width:237px;text-align:center;padding-top:5px}

#colGauche #encart_galerie_contenu h4{color:#b2c6cb}
#colGauche #encart_galerie_contenu{margin:5px 0;width:237px;background:url(../img/squelette/bg_encart_galerie.jpg) repeat-y;}
#colGauche #encart_galerie_contenu img.bas_actu{margin:0 0 -3px 0;}
#colGauche #encart_galerie_contenu #contentGalerie{width:237px;text-align:center;padding-top:5px}
#encart_galerie_contenu a{display:block;float:left;margin:2px 0 0 2px;width:76px;height:76px}
#encart_galerie_contenu a.first{margin-left:3px}

#colDroite{float:right;width:715px;background:url(../img/contenu/bg_droite.jpg) repeat-y}
#colDroite #top{height:29px;background:url(../img/contenu/topMenuD.gif) no-repeat}
#colDroite #bas{background:url(../img/contenu/basMenuD.jpg) no-repeat;height:9px;}

#colDroite #top a.outil{float:right;position:relative;padding-left:10px;right:25px;top:10px;background:url(../img/contenu/puce_print.jpg) no-repeat 0 7px;}

#colGauche h3{position:relative;top:10px;left:15px;font-size:11px;font-weight:normal;color:#fff}
#colGauche ul.menuNav{margin:20px 0 0 15px;}
#colGauche ul.menuNavGalerie{margin:20px 0 0 8px;}
#colGauche ul.menuNav li,#colGauche ul.menuNavGalerie li{list-style:none;margin-bottom:5px}
#colGauche ul.menuNav li a{color:#71a116;text-decoration:none;margin-bottom:2px}
#colGauche ul.menuNav li a:hover,#colGauche ul.menuNav li a.actif{background:url(../img/contenu/puce_li.jpg) no-repeat 4px 4px;padding-left:15px;font-weight:bold;color:#71a116;}

#colGauche ul.menuNavGalerie li{margin-bottom:3px;}
#colGauche ul.menuNavGalerie li a{background:url(../img/contenu/puce_li.jpg) no-repeat 0px 4px;color:#71a116;text-decoration:none;margin-bottom:2px;padding-left:11px;}
#colGauche ul.menuNavGalerie a:hover, #colGauche ul.menuNavGalerie a.actif{;margin-left:15px;font-weight:bold}
#colGauche ul.menuNavGalerie li div.miniatures{padding:10px 0 3px 7px;width:232px;background:#9bc254 url(../img/contenu/bg_miniature.gif) no-repeat top left}
#colGauche ul.menuNavGalerie li div.miniatures a{background:transparent;margin:0 0 0 2px;padding:0}
#colGauche ul.menuNavGalerie li div.miniatures a:hover{margin:0 0 0 2px;padding:0}



#colDroite #contenuDroite{padding:0 12px 12px 12px}
#colDroite #contenuDroite h3{color:#71a116;position:relative;top:-17px;font-size:11px;width:600px}
#colDroite #contenuDroite h4{color:#71a116;font-size:11px}
#colDroite .encart_highlight{padding:5px;background:#daeabc;color:#72797e;text-align:justify}
#colDroite img.hab_left{float:left;padding:5px;border:1px #cce1a4 solid;margin-right:7px}
#colDroite p.normal{margin-top:10px;color:#72797e;margin-bottom:10px}

a.backTop{display:block;color:#fff;margin-bottom:-70px;position:relative;padding:40px 0 0 65px;top:-70px;width:174px;height:30px;background:url(../img/interface/bg_top.jpg) no-repeat 0 -70px}
a.backTop:hover{background-position:0 0}


#colDroite #titreGalerie{margin:-17px 12px 12px 12px;background:#daeabc url(../img/contenu/galerie/bg_titre_galerie.jpg) no-repeat top right;}

#colDroite #titreGalerie h3{width:400px;font-size:12px;color:#71a116;margin:5px 0 5px 5px}
img.bordure{display:block;border:8px #eaf1da solid;}
#body img{margin-top:5px}
.legende{width:684px;background:#d6d6d6;text-align:center;padding:4px 3px;color:#566c72;margin-top:-3px}

/**********************************************************************************************
 *************************** COMMUN *************************
 **********************************************************************************************/

#leb-img {margin-top:20px}
.fond-infos2{color:#fff}
.fond-infos,.fond-infos2 {background-color:#e3e6e8; margin:5px 0px; padding:5px 0px 5px 20px; width:520px}
.fond-infos2 {background-color:#80b41c}
.fond-infos2 a{color:#fff;text-decoration:underline}
.fond-infos a{color:#80b41c;text-decoration:underline}
.fond-infos2 a:hover,.fond-infos a:hover{text-decoration:none}

.couleur1 {background-color:#e3e6e8}
.couleur2 {background-color:#d8decc}

#extras caption {width:690px; background-color:#80b41c; color:#fff; padding:1px 0px; font-weight:bold;font-size:11px}
#extras td {font-size:11px;padding:5px 0px;color:#72797E}
#extras td a{color:#566C72;text-decoration:underline}
#extras td a:hover{text-decoration:none}
#extras p{text-align:justify; width:690px;}
#extras li{text-align:justify; margin-left:20px}
#extras ul {background-color:#7d7a7a; border:1px #929292 solid; padding:10px}

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

.aide{color:#72797E}

.aide h5{margin:5px 0 5px 10px}



#plan a {zoom:1;display:block;width:670px;padding:5px 0px 5px 5px;background-color:#E3E6E8;margin-bottom:4px;border-right:5px #566c72 solid;margin:0;color:#566C72}
#plan a:hover {background-color:#566c72;color:#fff; border-right:5px #566c72 solid;}

#plan a.titre {background-color:#DAEABC;border-right:5px #80b41c solid;color:#72797E;}
#plan a.titre:hover {background-color:#80b41c; border-right:5px #80b41c solid; color:#fff}
#plan ul li{list-style:none}
#plan ul{margin:4px 0 0 10px}

/*** 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}
#form_contact .erreur{background:#80b41c;color:#fff;border:#566c72 1px solid}

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

#form_contact{background:#e3e6e8;padding:10px 0 0 0 ;margin-bottom:20px}

#form_contact label a{font-weight:bold;color:#fff;text-decoration:underline}
#form_contact label a:hover{text-decoration:none}

#form_contact hr.separateur{width:660px;margin:5px 0 5px 15px;height:1px;background:#d1d7da;border:none;}



/**** input sans fond ***/
/*#contentRiadT #a_droite p.inpout{float:left;width:333px;padding:8px}*/
#form_contact p.inpout{float:left;padding:8px}
#form_contact label.normal{color:#566c72;float:left;width:110px;text-align:right;font-weight:bold;margin-right:7px;position:relative;top:9px;font-size:10px}
#form_contact input{background:#fff;border:1px #d1d7da solid;width:180px;height:16px;padding-top:2px;padding-left:2px;font-family:arial;color:#566c72;font-size:11px}
#form_contact input.envoyer{margin:10px 0 20px 0;background:#80b41c;border:none;text-align:left;width:120px;height:20px;padding:3px;font-family:arial;color:#fff;font-size:11px}
#form_contact select.long{width:302px;height:18px;padding-top:2px;padding-left:2px;font-family:arial;color:#174c5b;font-size:11px}
#form_contact select.textuel{position:relative;top:-2px;width:185px;height:20px;padding-top:2px;padding-left:2px;font-family:arial;color:#566c72;font-size:11px;}
#form_contact textarea{width:500px;height:150px;font-family:arial;color:#566c72;font-size:11px}

p.oblig{margin:0 0 5px 50px;color:#80b41c}
p.oblig span{display:block;float:left;width:60px;background:#80b41c;color:#fff;text-align:right;padding-right:3px;margin-right:5px;font-weight:bold;}

/**** input en block ***/
#form_contact div.inpoutLine{width:500px;margin:10px 0 0 20px}
#form_contact div.inpoutLine div.riad{margin:5px 0 0 10px}




#form_contact p.info_prix{margin-top:5px;background:#fff;padding:5px;color:#373737}
#form_contact p.info_prix span.rouge{width:150px;text-align:center;padding:3px 20px;background:#eb3333;color:#fff;margin-left:10px}