/******************* STYLE GLOBAUX *****************/
a img{border:none;}
a:active, a:focus{outline:none;}

/******************* STYLE CONTENU *****************/
#contenu h1{font:bold 18px Arial, Helvetica, sans-serif;color:#69AE5B;margin:0 0 12px 0;border-bottom:1px solid #538d47;width:100%;}

#contenu h2{font:bold 14px Arial, Helvetica, sans-serif;color:#f05704;margin:0 0 7px;border:1px solid #69ae5b;background-image:url(../../images/integration/bg_h2.jpg);background-repeat:no-repeat;padding:2px;text-indent:23px;
}

#contenu h3{font:small-caps bold 14px Arial, Helvetica, sans-serif;color: #7a302e;margin:0 0 7px;border-bottom:1px dotted #8a5f18;padding:2px 0px 2px 2px;width:100%;background-image: url(../../images/integration/puce.jpg);background-repeat:no-repeat;text-indent:23px;}
#contenu sup{font-size:9px;}
#contenu p{font:12px/1.2em Arial, Helvetica, sans-serif;text-align:justify;color:#000;margin-bottom:1.2em;line-height:19px;}
#contenu p em{font-weight:bold;font-size:12px;line-height:1.3em;}
#contenu p.couleur, span.couleur{font-weight:bold;color:#F90101;}
#contenu strong {color: #7a302e;}

#contenu a:link, #contenu a:visited{font-weight:bold;text-decoration:underline;color:#c23431;}
#contenu a:hover, #contenu a:active{color:#333;}
#contenu a.lien-ancre{font-weight:bold;text-decoration:none;color:#c23431;}
#contenu a:hover.lien-ancre, #contenu a:active.lien-ancre{color:#c23431;}
#contenu a img{filter: alpha(opacity=100);-moz-opacity: 1.00; opacity:1.00;}
#contenu a:hover img{filter: alpha(opacity=80);-moz-opacity: 0.70; opacity:0.70;}
#contenu .petit, #contenu p.petit{font-size:10px;}
#contenu .nota, #contenu p.nota{font-size:10px;font-style:italic;padding:0 5px;}
#contenu ul{margin-left:10px;}
#contenu ul li{background:url(../../images/integration/puce.jpg) no-repeat;list-style:none;padding-left:28px;font:12px normal Arial, Helvetica, sans-serif;color:#000;margin:5px 0;text-align:justify;}
#contenu ul li ul{margin-left:20px;margin-bottom:10px;margin-top:5px;}
#contenu ul li ul li{background:url(../../images/integration/puce2.jpg) no-repeat;list-style:none;padding-left:15px;font:12px normal Arial, Helvetica, sans-serif;color:#000;margin:5px 0;}




/******************* STYLE DES FORMULAIRES DU SITE *****************/
#contenu select {color:#000000;border:1px solid #2FBE1D;background-color:#ffffff;width:152px;font-family:Arial, Helvetica, sans-serif;}
#contenu input{background-color:#ffffff;border:1px solid #2FBE1D;font-family:Arial, Helvetica, sans-serif;color:#000000;height:15px;}
#contenu textarea{background-color:#ffffff;border:1px solid #2FBE1D;font-family:Arial, Helvetica, sans-serif;font-size:11px;color:#000000;}



/* ***************** DIVISION DU SITE EN 2 ***************** */
#contenu-gauche{float:left;width:495px;
}

.visu_droite img, .visu_gauche img,  .visu_centre img  {}
.visu_centre {
}  
.visu_droite {float:right;margin:0 0 0 10px;padding:0 7px 1px 0;}
.visu_droite3 {float:right;margin:34px 0 0 10px;padding:0 3px 1px 0;
}
.visu_droite6 {float:right;margin:34px 0 0 10px;padding:0 3px 1px 0;
}
.visu_droite5 {float:right;margin:5px 0 0 0;padding:0 3px 1px 0;
}
.visu_droite2 {float:right;margin:0 0 0 5px;padding:0 5px 1px 0;width:131px;
}
.visu_droite4 {float:right;margin-bottom:5px;padding:0 3px 1px 0;

}
.visu_droite9 {float:right;
}
.visu_droite2  img{margin-bottom:5px;}
.visu_droite2 img1{float:right;}
.visu_gauche {float:left;margin:5px 10px 0 10;padding:0 7px 1px 0;}
.visu_gauche1 {float:left;margin:1px 10px 0 0;padding:0 1px 1px 0;}
.visu_gauche2 {float:left;margin-right:30px;width:100px;}
.visu_centre {float:left;margin-left:10px;padding:0 7px 1px 0;width:131px;
}
.visu_centre1 {margin-left:100px;padding:0 7px 1px 0;width:300px;
}





/* ***************** Encart Contact Réserver ---- Pour les CARTES / MENUS ET FORMULES ---- ***************** */

.encart-contact-cartes{width:150px;margin:0 auto;}
#contenu .encart-contact-cartes p{text-align:center;font-variant:small-caps;font-weight:bold;font-size:11px;margin:0;}




/* ***************** PAGINATION ***************** */
#pagination{margin:20px auto;height:30px;width:400px;}
#contenu #pagination span{font-size:11px;text-align:center;}
#contenu #pagination p{text-align:center;color:#F90101;font-variant:small-caps;line-height:30px;margin:0;}
#contenu #pagination label{font-size:14px;}



/*-- PLAN DU SITE --*/
#plan-site {float:left;margin:18px 0 0 25px;color:#000;}
#container #contenu #plan-site ul{font-family:Arial, Helvetica, sans-serif;font-size:12px;}
#plan-site li{margin:10px 0;}
#plan-site .sous-rub {margin:10px 0 15px 15px;}
#plan-site .sous-rub li{background:none;margin:8px 8px 8px 20px;}


/*-- REFERENCEMENT --*/
#footer_ref {float:left;display:block;width:735px;margin:20px 0 0 0;}
#footer_ref p {color:#000;margin:0 0 6px 0;}
#footer_ref h1, #footer_ref h2 {font-size:12px;border:none;border-bottom:0px dotted #333;font-weight:bold;background:none;color:#000;}


/*-- Encart contenu --*/
#container #ouvrir_encart_contenu{position:absolute;bottom:0px;left:175px;width:22px;height:21px;z-index:1000;padding:5px;cursor:pointer;}

#container #encart_contenu{position:absolute;bottom:35px;left:8px;width:400px;height:250px;overflow:auto;z-index:1000;padding:5px;border:1px solid #333;background-color:white;}
#container #encart_contenu p{font:11px/1.2em Arial, Helvetica, sans-serif;color:#000;text-align:left;margin-bottom:1.0em;}
#container #encart_contenu h2{font:bold 14px Arial, Helvetica, sans-serif;color:#f05704;margin-bottom:12px;width:360px;}
#container #encart_contenu  ul{margin-bottom:8px;width:120px;float:left;}
#container #encart_contenu #liste_contenu li{background:none;padding-left:0px;font:11px/1.2em Arial, Helvetica, sans-serif;color:#000;}
#container #encart_contenu #liste_contenu a:link, #container #encart_contenu #liste_contenu a:visited{color:#c23431;}
#container #encart_contenu #liste_contenu a:hover,#container #encart_contenu #liste_contenu  a:active{color:#333;text-decoration:none;}
#container #insert_contenu{width:250px;float:left;font:11px/1.2em Arial, Helvetica, sans-serif;text-align:left;color:#000;}
#container #insert_contenu p{font:11px/1.2em Arial, Helvetica, sans-serif;color:#000;text-align:left;margin-bottom:0px;}

#container #insert_contenu textarea{background-color:#ffffff;border:1px solid #2FBE1D;font-family:Arial, Helvetica, sans-serif;font-size:11px;color:#000000;width:240px;height:100px;margin-bottom:10px;}
#container #insert_contenu input{background-color:#ffffff;border:1px solid #2FBE1D;font-family:Arial, Helvetica, sans-serif;color:#000000;margin-bottom:1.0em;}
#container #encart_contenu #fermer_encart{position:absolute;top:2px;left:375px;cursor:pointer;}

#container p.contact-erreur{font-size:12px;color:#CC0000;font-weight:bold;}




/* ************************************************************ */
/* ***************** STYLE DES PAGES STATIQUE ***************** */
/* ************************************************************ */



/* ***************** PAGE D ACCUEIL (INDEX) ***************** */

#contenu #presentation-haut p, #contenu #presentation-bas p{line-height:19px;}

.video {float:left;margin:0 0 0 12px;}
.diapo {float:left;width:202px;height:275px;margin-left:5px;margin-right:10px;
}
.diapo1 {float:right;width:202px;height:275px;margin-left:5px;

}


.image_centre{float:left;width:350px;margin-left:80px;margin-bottom:10px;}

.image_centre img{margin-left:20px;}

#contenu .txtgauche {float:left;margin-top:8px;width:340px;}
#contenu .txtgauche3 {float:left;margin-top:11px;width:340px;}
#contenu .txtgauche1 {float:left;width:340px;}
#contenu .txtgauche2 {float:left;margin-top:30px;margin-bottom:40px;width:340px;}
#contenu .txtright1 {float:left;font-size:1em;text-align:justify;color:texteColor1;
width:300px;margin-top:10px;}
#contenu .txtgauche4 {float:left;
margin-left:20px;width:200px;
}
#contenu .txtgauche5{float:right;margin-right:30px;width:200px;

}

/*-- galerie --*/

#galerie {width:250px;float:left;margin-top:45px;

}

 #defilgauche{  float: left;  margin: 0 3px 5px 0;  cursor: pointer;  z-index: 9;  }

#defildroite{  float: right;  margin: 0 0 5px 3px;  cursor: pointer;  z-index: 10;  }

#flowcut{  width:195px;  overflow: hidden;  position: relative;
  }
#flow{  position: relative;
}
  
.vign{  float: left;  margin-right:3px;  width: 80px;}

/* --- galerie 2 ----*/

 #defilgauche2{  float: left;  margin: 0 3px 5px 0;  cursor: pointer;  z-index: 9;  }

#defildroite2{  float: right;  margin: 0 0 5px 3px;  cursor: pointer;  z-index: 10;  }

#flowcut2{  width:195px;  overflow: hidden;  position: relative;
  }
#flow2{  position: relative;
}
/* --- galerie 3 ----*/

 #defilgauche3{  float: left;  margin: 0 3px 5px 0;  cursor: pointer;  z-index: 9;  }

#defildroite3{  float: right;  margin: 0 0 5px 3px;  cursor: pointer;  z-index: 10;  }

#flowcut3{  width:195px;  overflow: hidden;  position: relative;
  }
#flow3{  position: relative;
}
/* --- galerie 4 ----*/

 #defilgauche4{  float: left;  margin: 0 3px 5px 0;  cursor: pointer;  z-index: 9;  }

#defildroite4{  float: right;  margin: 0 0 5px 3px;  cursor: pointer;  z-index: 10;  }

#flowcut4{  width:195px;  overflow: hidden;  position: relative;
  }
#flow4{  position: relative;
}
/* --- galerie 5 ----*/

 #defilgauche5{  float: left;  margin: 0 3px 5px 0;  cursor: pointer;  z-index: 9;  }

#defildroite5{  float: right;  margin: 0 0 5px 3px;  cursor: pointer;  z-index: 10;  }

#flowcut5{  width:195px;  overflow: hidden;  position: relative;
  }
#flow5{  position: relative;
}
/* --- galerie 6 ----*/

 #defilgauche6{  float: left;  margin: 0 3px 5px 0;  cursor: pointer;  z-index: 9;  }

#defildroite6{  float: right;  margin: 0 0 5px 3px;  cursor: pointer;  z-index: 10;  }

#flowcut6{  width:195px;  overflow: hidden;  position: relative;
  }
#flow6{  position: relative;
}




.txt_generale{float:left;width:455px;margin-top:20px;
}

.image_generale{float:left;width:460px;margin-left:130px;}

.image_generale1{
margin-left:40px;}
.image_generale2{margin-left:30px;
}

#contenu .img_page{float:left;width:145px;margin-left:35px;
}

#contenu .img_page2{float:left;width:145px;margin-left:5px;
}
.zoom_image{float:right;width:200px;height:170;margin-right:10px;border:#C7CC28 1px solid;