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

/******************* STYLE CONTENU *****************/
#contenu h1{background:url(../../images/integration/h1.gif) no-repeat;font:bold 18px Arial, Helvetica, sans-serif;color:#1f6393;margin:0 0 12px 0;border-bottom:1px dotted #1f6393;text-indent:45px;padding-top:10px;padding-bottom:10px;width:100%;}
#contenu h1.sans{font:bold 20px Arial, Helvetica, sans-serif;color:#1f6393;margin:0px 0px 8px 0px;border-bottom:1px dotted #1f6393;width:100%;}
#contenu h2{background:url(../../images/integration/h2.jpg)  right top no-repeat;font:bold 14px Arial, Helvetica, sans-serif;color:#1f6393;padding:5px 0 7px;margin-bottom:5px;text-indent:10px;border:1px solid #509cd0;}
#contenu h3{background:url(../../images/integration/h3.jpg)  right top no-repeat;font:small-caps bold 14px Arial, Helvetica, sans-serif;background-color:#D5D9E2;color:#286c9d;border-top:1px solid #5d5d5d;padding:5px 0 7px;margin-bottom:5px;text-indent:10px;}
#contenu sup{font-size:9px;}
#contenu p{font:12px/1.2em Arial, Helvetica, sans-serif;text-align:justify;color:#1f6393;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:#CCC;}

#contenu a:link, #contenu a:visited{font-weight:bold;text-decoration:underline;color:#919191;}
#contenu a:hover, #contenu a:active{color:#2f77a9;text-decoration:none;}
#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/li.gif) no-repeat;list-style:none;font:12px/1.2em Arial, Helvetica, sans-serif;text-align:justify;color:#1f6393;margin-bottom:1.2em;padding-left:40px;}



/******************* STYLE DES FORMULAIRES DU SITE *****************/
#contenu select {color:#000000;border:1px solid #CCC;background-color:#ffffff;width:152px;font-family:Arial, Helvetica, sans-serif;}
#contenu input{background-color:#ffffff;border:1px solid #CCC;font-family:Arial, Helvetica, sans-serif;color:#000000;}
#contenu textarea{background-color:#ffffff;border:1px solid #CCC;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:0; padding:0; /*border:1px solid #CCC;*/}
.visu_droite, .visu_gauche,  .visu_centre {/*background:url(../../images/integration/bgvisuphoto.png) bottom right;*/
}  
.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 {text-align:center;padding:0 7px 10px 0;}
.visu_centre img{ padding:10px;}



/* ***************** 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:#CCC;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:#1f6393;}
#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:#1f6393;margin:0 0 6px 0;}
#footer_ref h1, #footer_ref h2 {font-size:12px;border:none;border-bottom:1px dotted #1f6393;font-weight:bold;background:none;color:#1f6393;}



/*-- Encart contenu --*/
#contenu #ouvrir_encart_contenu{position:absolute;top:0px;right:0px;width:150px;height:65px;z-index:1000;padding:5px;cursor:pointer;}

#contenu #ouvrir_encart_contenu p{font:14px/1.2em Arial, Helvetica, sans-serif;font-weight:bold;color:#FFF;text-align:center;}

#contenu #encart_contenu{display:none;position:absolute;top:35px;right:8px;width:400px;height:250px;overflow:auto;z-index:1000;padding:5px;border:1px solid #1f6393;background-color:white;}

#contenu #encart_contenu h2{margin-bottom:12px;width:360px;}
#contenu #encart_contenu  ul{margin-bottom:8px;width:120px;float:left;}
#contenu #encart_contenu #liste_contenu li{background:none;padding-left:0px;font:11px/1.2em Arial, Helvetica, sans-serif;}

#insert_contenu{width:250px;float:left;font:12px/1.2em Arial, Helvetica, sans-serif;text-align:left;color:#1f6393;}
#insert_contenu p{text-align:left;margin-bottom:0px;}

#insert_contenu textarea{width:240px;height:100px;margin-bottom:10px;}
#contenu #encart_contenu #fermer_encart{position:absolute;top:2px;left:375px;cursor:pointer;}

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



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

/*   ***************** PAGE DEVIS ****************************** /


/* ***************** CONTACT ***************** */
#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:#CCC;color:#1f6393;border:1px solid #1f6393;font-weight:bold;height:25px;font-size:11px;float:right;margin-left:10px;margin-right:140px;margin-top:25px;}
#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;}

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

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

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

#contenu .centre{padding-top:50px;}

/*** *************************** CONTACT  ******************************* ***/

#contenu .contact-index{background:url(../../images/integration/contact-index.gif) no-repeat;height:72px;width:348px;margin:20px auto;}

#contenu .contact-engagements{background:url(../../images/integration/contact-engagements.gif) no-repeat;height:72px;width:348px;margin:20px auto;}

#contenu .contact-commerce{background:url(../../images/integration/contact-commerce.gif) no-repeat;height:72px;width:348px;margin:20px auto;}

#contenu .contact-bureaux{background:url(../../images/integration/contact-bureaux.gif) no-repeat;height:72px;width:348px;margin:20px auto;}

#contenu .contact-escalier{background:url(../../images/integration/contact-escalier.gif) no-repeat;height:72px;width:348px;margin:20px auto;}

#contenu .contact-renovation{background:url(../../images/integration/contact-renovation.gif) no-repeat;height:72px;width:348px;margin:20px auto;}

#contenu .contact-maquette{background:url(../../images/integration/contact-maquette.gif) no-repeat;height:72px;width:348px;padding-top:30px;margin:20px auto;}

#contenu .contact-nettoyages{background:url(../../images/integration/contact-nettoyages.gif) no-repeat;height:72px;width:348px;margin:20px auto;}

/*** *************************** haut page ******************************* ***/

#contenu .haut-page{background:url(../../images/integration/haut-page.jpg) no-repeat;height:30px;width:116px;float:right;margin:10px;}

#contenu p strong {color:#1f6393;}