/******************* STYLE GLOBAUX *****************/

a img{border:none;}

a:active, a:focus{outline:none;}



/******************* STYLE CONTENU *****************/

#contenu h1{
background:url(../../images/integration/puce.jpg) no-repeat;
font:bold 18px Arial, Helvetica, sans-serif;
color:#df115f;
margin:0 0 12px 0;
border-bottom:1px dotted #509e39;
width:100%;
text-indent:34px;
padding-top:10px;
}

#contenu h1.sans{
font:bold 20px Arial, Helvetica, sans-serif;
color:#df115f;
margin:0px 0px 8px 0px;
border-bottom:1px dotted #509e39;
width:100%;
}

#contenu h2{
font:bold 14px Arial, Helvetica, sans-serif;
color:#df115f;
margin:0 0 7px;
border-bottom:1px dotted #509e39;
}

#contenu h3{
font:small-caps bold 14px Arial, Helvetica, sans-serif;
background-color:#D5D9E2;
color:#df115f;
border-bottom:1px solid #509e39;
border-top:1px solid #509e39;
padding:2px 0px 2px 2px;
margin-bottom:8px;
}

#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 p em{
font-weight:bold;
font-size:12px;
line-height:1.3em;
}

#contenu p.couleur, span.couleur{
font-weight:bold;
color:#df115f;
}

#contenu strong{
color:#df115f;
}



#contenu a:link, #contenu a:visited{
font-weight:bold;
text-decoration:underline;
color:#509e39;
}

#contenu a:hover, #contenu a:active{
color:#df115f;
}

#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:10px 0 10px 10px;
}

#contenu ul li{
background:url(../../images/integration/puce2.jpg) no-repeat;
list-style:none;
padding-left:25px;
padding-bottom:2px;
font:12px normal Arial, Helvetica, sans-serif;
color:#333;
margin:5px 0;
}







/******************* STYLE DES FORMULAIRES DU SITE *****************/

#contenu select {
color:#000000;
border:1px solid #509E39;
background-color:#ffffff;
width:152px;
font-family:Arial, Helvetica, sans-serif;
}

#contenu input{
background-color:#ffffff;
border:1px solid #509E39;
font-family:Arial, Helvetica, sans-serif;
color:#000000;
}

#contenu textarea{
background-color:#ffffff;
border:1px solid #509E39;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
}







/* ***************** DIVISION DU SITE EN 2 ***************** */

#contenu-gauche{
float:left;
width:450px;
margin:0 0 0 12px;
}



#contenu-droite{
float:right;
width:243px;
margin:10px 5px 0 0 ;
}



.visu_droite img, .visu_gauche img,  .visu_centre img  { 

margin:0px; 

padding:0;
 }



.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 21px;
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:#df115f;
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:1px dotted #509e39;
font-weight:bold;
background:none;
color:#333;
}







/*-- Encart contenu --*/





#footer #encart_contenu{
position:absolute;
bottom:35px;
right:8px;
width:400px;
height:250px;
overflow:auto;
z-index:1000;
padding:5px;
border:1px solid #333;
background-color:white;
}

#footer #encart_contenu p{
font:11px/1.2em Arial, Helvetica, sans-serif;
color:#333;
text-align:left;
margin-bottom:1.0em;
}

#footer #encart_contenu h2{
font:bold 14px Arial, Helvetica, sans-serif;
color:#df115f;
margin-bottom:12px;
width:360px;
}

#footer #encart_contenu  ul{
margin-bottom:8px;
width:120px;
float:left;
}

#footer #encart_contenu #liste_contenu li{
background:none;
padding-left:0px;
font:11px/1.2em Arial, Helvetica, sans-serif;
color:#333;
}

#footer #encart_contenu #liste_contenu a:link, #footer #encart_contenu #liste_contenu a:visited{
color:#509e39;
}

#footer #encart_contenu #liste_contenu a:hover,#footer #encart_contenu #liste_contenu  a:active{
color:#df115f;
text-decoration:none;
}

#footer #insert_contenu{
width:250px;
float:left;
font:11px/1.2em Arial, Helvetica, sans-serif;
text-align:left;
color:#333;
}

#footer #insert_contenu p{
font:11px/1.2em Arial, Helvetica, sans-serif;
color:#333;
text-align:left;
margin-bottom:0px;
}



#footer #insert_contenu textarea{
background-color:#ffffff;
border:1px solid #509E39;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
width:240px;
height:100px;
margin-bottom:10px;
}

#footer #insert_contenu input{
background-color:#ffffff;
border:1px solid #509E39;
font-family:Arial, Helvetica, sans-serif;
color:#000000;
margin-bottom:1.0em;
}

#footer #encart_contenu #fermer_encart{
position:absolute;
top:2px;
left:375px;
cursor:pointer;
}



#footer 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;
}

#contenu #visu_contact{
width:241px;
height:62px;
background:url(../../images/integration/contact.jpg) no-repeat;
margin:20px auto;
}

#contenu #visu_contact1{
width:241px;
height:62px;
background:url(../../images/integration/contact3.jpg) no-repeat;
margin:20px auto;
}



#contenu #visu_contact2{
width:241px;
height:62px;
background:url(../../images/integration/contact.jpg) no-repeat;
margin-top:30px;
float:right;
}

#contenu-gauche  .visu_par_dessous{
width:auto;
float:left;
}



#contenu-gauche  .visu_par_dessus{
width:315px;
float:right;
margin-top:7px;
}



#contenu-gauche .visu_gauche_carrelage {
text-align:center;
}



#contenu-gauche .visu_gauche_carrelage img{
padding:5px 10px 0px 5px;


}