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

/******************* STYLE CONTENU *****************/
#contenu h1{
 
font:bold 16px Arial, Helvetica, sans-serif;color:#abcb12;margin:0 0 12px 0;border-bottom:0px dotted #333;width:90%;background-image:url(../../images/integration/puce_h1.gif);    background-repeat:no-repeat;padding-left:27px;
}

#contenu h2{font:bold 15px Arial, Helvetica, sans-serif;color:#abcb12;margin:0 0 7px;
}
#contenu h3{font:small-caps bold 14px Arial, Helvetica, sans-serif;background-image:url(../../images/integration/bg_titre.jpg);background-repeat:repeat-x;color:#000;padding:0px 0px 2px 2px;margin-bottom:8px;border:1px solid #4882A8;
}
#contenu sup{font-size:9px;}
#contenu p{font:12px/1.2em Arial, Helvetica, sans-serif;text-align:justify;color:#333;margin-bottom:1.2em;}

#contenu ul{margin-left:20px;}

#contenu li{font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#333;list-style-image:url(../images/integration/puce.gif);margin-bottom:10px;line-height:20px;

}

#contenu p em{font-weight:bold;font-size:12px;line-height:1.3em;}
#contenu p.couleur, span.couleur{font-weight:bold;color:#284A87;}

#contenu a:link, #contenu a:visited{font-weight:bold;text-decoration:underline;color:#333;}
#contenu a:hover, #contenu a:active{color:#284A87;}
#contenu a.lien-ancre{font-weight:bold;text-decoration:none;color:#333;}
#contenu a:hover.lien-ancre, #contenu a:active.lien-ancre{color:#333;}
#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.gif) no-repeat;list-style:none;padding-left:30px;}



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



/* ***************** DIVISION DU SITE EN 2 ***************** */
#contenu-gauche{float:left;width:450px;margin:0 25px 0 15px;}

.visu_droite img, .visu_gauche img,  .visu_centre img  { margin:0; padding:0; }
.visu_droite, .visu_gauche,  .visu_centre {
}  
.visu_droite {float:right;margin:0 0 0 10px;padding:0 7px 1px 0;}
.visu_gauche {float:left;margin:5px 10px 0 0;padding:0 7px 1px 0;}
.visu_centre {float:left;margin:0 0 0 30px;padding:0 7px 1px 0;}



/* ***************** 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:#284A87;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:#333;}
#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:#333;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:#333;}


/*-- 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:#333;text-align:left;margin-bottom:1.0em;}
#container #encart_contenu h2{font:bold 14px Arial, Helvetica, sans-serif;color:#abcb12;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:#333;}
#container #encart_contenu #liste_contenu a:link, #container #encart_contenu #liste_contenu a:visited{color:#333;}
#container #encart_contenu #liste_contenu a:hover,#container #encart_contenu #liste_contenu  a:active{color:#284A87;text-decoration:none;}
#container #insert_contenu{width:250px;float:left;font:11px/1.2em Arial, Helvetica, sans-serif;text-align:left;color:#333;}
#container #insert_contenu p{font:11px/1.2em Arial, Helvetica, sans-serif;color:#333;text-align:left;margin-bottom:0px;}

#container #insert_contenu textarea{background-color:#ffffff;border:1px solid #284A87;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 #284A87;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:16px;}

.video {float:left;margin:0 0 0 12px;}

.remarque{font-family:Arial, Helvetica, sans-serif;font-size:14px;font-weight:bold;margin-left:50px;color:#135C8F;}

.remarque2{font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight:bold;color:#75B5EC;
}

/* ***************** PAGE  portails ***************** */
.bloc-contenu{float:left;width:460px;
}

#contenu .bloc_gauche{float:left;width:260px;margin-bottom:10px;margin-top:10px;
}


.bloc_droite{float:right;width:270px;margin-bottom:20px;}
.bloc_gauche{float:left;width:260px;margin-bottom:40px;}

.bloc_centre{float:left;
width:470px;margin-bottom:10px;
}

/*-------------------------- mediteranne  ---------------------------*/

 #galerie {margin-top:20px;width:450px;float:left;margin-top:40px;height:96px;margin-bottom:20px;padding-bottom:40px;}

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

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

 #flowcut {  width: 390px;  overflow: hidden;  position: relative;}

#flow{  position: relative;}
  
  
.vign{  float: left;  margin-right :10px;  width: 142px;  height:115px;  border:1px solid #1E5E88;}


/* ***************** PAGE  infos ***************** */


#contenu .bloc_pdf{float:left;width:300px;height:46px;background-image:url(../../images/integration/bg_pdf.jpg);background-repeat:no-repeat;margin-left:60px;padding-top:10px;}


#contenu .bloc_visite{float:right;width:227px;height:48px;background-image:url(../../images/integration/bg_visite.jpg);background-repeat:no-repeat;margin-right:10px;
}

#contenu .bloc_pdf a{font-family:Arial, Helvetica, sans-serif;font-size:14px;color:#1E5E88;font-weight:bold;text-decoration:none;
margin-left:100px;}

#contenu .bloc_pdf a:hover{font-family:Arial, Helvetica, sans-serif;font-size:14px;text-decoration:underline;color:#1E5E88;font-weight:bold;text-decoration:none;
margin-left:100px;}


.haut_page{float:right;width:109px;

}

.realisation{float:left;width:440px;

}

.realisationh{float:left;padding-top:20px;padding-left:30px;padding-right:30px;background:url(../../images/integration/realisation.gif) no-repeat;width:380px;}

#presentation-haut .realisation .realisationh h2{ border-bottom:1px solid #ABCB12;margin-bottom:10px;}

#presentation-haut .realisation .realisationh  .visuel{float:left;width:105px;height:135px;text-align:center;margin-left:5px;margin-bottom:5px;border:1px solid #0066FF;}

.realisationb{float:left;height:50px;width:440px;background:url(../../images/integration/realisation_bas.gif) no-repeat;}