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

a img{border:none;}

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



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

#contenu h1{
font:bold 16px Arial, Helvetica, sans-serif;
color:#1d4993;
margin:0 0 12px 0;
border-bottom:1px dotted #f2a51c;
width:80%;
background:url(../../images/integration/h1.jpg) no-repeat;
padding:5px 0 9px 90px;
}

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

#contenu h2{
font:bold 14px Arial, Helvetica, sans-serif;
color:#f09e0b;
margin:0 0 7px 15px;
border-bottom:1px dotted #f2a51c;
width:97%;
}

#contenu h3{
font:small-caps bold 14px Arial, Helvetica, sans-serif;
background-color:#fff;
color:#1d4993;
border-bottom:1px solid #f2a51c;
border-top:1px solid #f2a51c;
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:#2b7ab0;
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:#f2a51c;
}



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

#contenu a:hover, #contenu a:active{
color:#1d4993;
}

#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 p.nota2{
font-size:10px;
font-style:italic;
padding:0 5px;
margin-top:10px;
}

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

#contenu ul li{
background:none;
/*padding-left:35px;*/

list-style:url(../../images/integration/puce2.gif);
margin-bottom:5px;
font:normal 12px Arial, Helvetica, sans-serif;
color:#2b7ab0;
}







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

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

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

#contenu textarea{
background-color:#ffffff;
border:1px solid #f2a51c;
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 {
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;
}

.visu_centre2 {
float:left;
margin:0 0 0 55px;
padding:0 7px 1px 0;
}

.visu_centre img{
margin:0 5px 0 0px;
}



/* ***************** 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:#f2a51c;
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:#2b7ab0;
}

#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:#2b7ab0;
margin:0 0 6px 0;
}

#footer_ref h1, #footer_ref h2 {
font-size:12px;
border:none;
border-bottom:1px dotted #f2a51c;
font-weight:bold;
background:none;
color:#2b7ab0;
}







/*-- 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:#2b7ab0;
text-align:left;
margin-bottom:1.0em;
}

#footer #encart_contenu h2{
font:bold 14px Arial, Helvetica, sans-serif;
color:#f09e0b;
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:#2b7ab0;
}

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

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

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

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



#footer #insert_contenu textarea{
background-color:#ffffff;
border:1px solid #f2a51c;
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 #f2a51c;
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;
}

/*-- Encart contenu --*/

#container #ouvrir_encart_contenu{
position:absolute;
bottom:0px;
left:170px;
width:22px;
height:35px;
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:#2b7ab0;
text-align:left;
margin-bottom:1.0em;
}

#container #encart_contenu h2{
font:bold 14px Arial, Helvetica, sans-serif;
color:#f09e0b;
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:#2b7ab0;
}

#container #encart_contenu #liste_contenu a:link, #container #encart_contenu #liste_contenu a:visited{
color:#e86e14;
}

#container #encart_contenu #liste_contenu a:hover,#container #encart_contenu #liste_contenu  a:active{
color:#1d4993;
text-decoration:none;
}

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

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



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

/* --------------- Intégration --------------- */

#contenu .prod {
width:440px;
margin-bottom:10px;
float:left;
padding:5px;
border:1px solid #eab52c;
background-image:url(../../images/integration/bgprod.jpg);
background-repeat:no-repeat;
}

#contenu .prod .imgprod{
float:left;
width:101px;
margin:0 8px 0px 0;
}

#contenu td p.titretab{
text-align:center;
margin:10px 2px;
}

#contenu td p{
text-align:center;
margin:3px 0;
}

#contenu p.enval {
background:url(../../images/integration/enval.jpg) no-repeat;
padding:4px 0 4px 25px;
border-bottom:1px dotted #8cac3d;
color:#8cac3d;
}



/* ***************** DEVIS ***************** */

#contenu #contenu-gauche #form-devis p.petit{
margin:15px 0;
}

#contenu  #contenu-gauche #form-devis h3{
margin-bottom:10px;
margin-top:15px;
}

#contenu-gauche #form-devis input{
width:150px;
}

#contenu-gauche #form-devis textarea{
width:150px;
}



#contenu #form-devis .bouton{
width:85px;
background-color:#fff;
color:#1d4993;
border:1px solid #f2a51c;
font-weight:bold;
height:25px;
font-size:11px;
float:left;
margin-right:10px;
margin-top:11px;
}

#form-devis .captcha img{
float:left;
margin-right:15px;
margin-top:7px;
border:1px solid #f2a51c;
}

#contenu-gauche #form-devis .captcha input{
width:85px;
float:left;
margin-right:30px;
margin-top:15px;
}

#contenu #contenu-gauche #form-devis p{
margin:5px 0;
}

#contenu-gauche #form-devis label, #contenu-gauche #form-devis label{
width:155px;
float:left;
}

#contenu-gauche .obligatoire{
color:#a6240a;
}