/******************* STYLE GLOBAUX *****************/ a img{border:none;} a:active, a:focus{outline:none;} /******************* STYLE CONTENU *****************/ #contenu h1{font:bold 18px Arial, Helvetica, sans-serif;color:#e53417;margin:0 0 12px 0;border-bottom:1px dotted #05458b;width:98%;} #contenu h1.sans{font:bold 18px Arial, Helvetica, sans-serif;color:#e53417;margin:0 0 12px 0;border-bottom:1px dotted #05458b;width:100%;} #contenu h2{font:bold 14px Arial, Helvetica, sans-serif;color:#e53417;margin:0 0 15px;border:1px solid #cecece;padding:5px;/*background:url(../../images/integration/h2.jpg) no-repeat;text-indent:30px;*/ } #contenu h3{font:small-caps bold 14px Arial, Helvetica, sans-serif;background-color:#D5D9E2;ù color:#000;border-bottom:0px solid #CCC;border-top:0px solid #CCC;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:#063160;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:#444444;} #contenu strong {color:#565656;} #contenu a:link, #contenu a:visited{font-weight:bold;text-decoration:underline;color:#05458b;} #contenu a:hover, #contenu a:active{color:#000;} #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 20px;} #contenu ul li{background:url(../../images/integration/li2.jpg) no-repeat;list-style:none;font:12px/1.2em Arial, Helvetica, sans-serif;text-align:justify;color:#063160;margin-bottom:0.7em;padding-left:20px;} #contenu ul li ul li{background:url(../../images/integration/li1.jpg) no-repeat;list-style:none;font:12px/1.2em Arial, Helvetica, sans-serif;text-align:justify;color:#063160;margin-bottom:0.7em;padding-left:15px;} /******************* STYLE DES FORMULAIRES DU SITE *****************/ #contenu select {color:#000000;border:1px solid #05458b;background-color:#ffffff;width:152px;font-family:Arial, Helvetica, sans-serif;} #contenu input{background-color:#ffffff;border:1px solid #05458b;font-family:Arial, Helvetica, sans-serif;color:#000000;} #contenu textarea{background-color:#ffffff;border:1px solid #05458b;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;} .visu_droite, .visu_gauche, .visu_centre {} .visu_droite {float:right;margin:0 0 0 10px;padding:0 7px 10px 0;} .visu_droite2 {float:right;margin:0 0 0 10px;width:184px;} .visu_gauche {float:left;margin:5px 10px 0 0;padding:0 7px 10px 0;} .visu_centre {text-align:center;} .visu_centre img{margin-right: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:#444444;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:#063160;} #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:#063160;margin:0 0 6px 0;} #footer_ref h1, #footer_ref h2 {font-size:12px;border:none;border-bottom:1px dotted #05458b;font-weight:bold;background:none;color:#063160;} /*-- 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 #05458b;background-color:white;} #footer #encart_contenu p{font:11px/1.2em Arial, Helvetica, sans-serif;color:#063160;text-align:left;margin-bottom:1.0em;} #footer #encart_contenu h2{font:bold 14px Arial, Helvetica, sans-serif;color:#e53417;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:#063160;} #footer #encart_contenu #liste_contenu a:link, #footer #encart_contenu #liste_contenu a:visited{color:#05458b;} #footer #encart_contenu #liste_contenu a:hover,#footer #encart_contenu #liste_contenu a:active{color:#000;text-decoration:none;} #footer #insert_contenu{width:250px;float:left;font:11px/1.2em Arial, Helvetica, sans-serif;text-align:left;color:#063160;} #footer #insert_contenu p{font:11px/1.2em Arial, Helvetica, sans-serif;color:#063160;text-align:left;margin-bottom:0px;} #footer #insert_contenu textarea{background-color:#ffffff;border:1px solid #05458b;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 #05458b;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;} /* ***************** DEVIS ***************** */ #contenu #contenu-gauche p.intro-contact{margin-bottom:20px;float:left;} #contenu #contenu-gauche #form-contact p.petit{margin:15px 0;} #contenu #contenu-gauche #form-contact h3{margin-bottom:10px;margin-top:15px;} #contenu #contenu-gauche #form-contact input{width:150px;font:12px/1.2em Arial, Helvetica, sans-serif;text-align:justify;color:#063160;} #contenu #contenu-gauche #form-contact textarea{width:150px;font:12px/1.2em Arial, Helvetica, sans-serif;text-align:justify;color:#063160;} #contenu #form-contact .bouton{width:85px;background-color:#fff;color:#05458b;border:1px solid #05458b;font-weight:bold;height:25px;font-size:11px;float:left;margin-right:10px;margin-top:11px;} #contenu #form-contact .captcha img{float:left;margin-right:15px;margin-top:7px;border:1px solid #05458b;} #contenu #contenu-gauche #form-contact .captcha input{width:85px;float:left;margin-right:30px;margin-top:15px;font:12px/1.2em Arial, Helvetica, sans-serif;text-align:justify;color:#063160;} #contenu #contenu-gauche #form-contact p{margin:5px 0;} #contenu #contenu-gauche #form-contact label, #contenu-gauche #form-contact label{width:155px;float:left;} #contenu #contenu-gauche .obligatoire{color:#a6240a;} /* ************************************************************ */ /* ***************** STYLE DES PAGES STATIQUE ***************** */ /* ************************************************************ */ /* ***************** PAGE D ACCUEIL (INDEX) ***************** */ #contenu #presentation-haut p, #contenu #presentation-bas p{line-height:17px;} .video {float:left;margin:0 0 0 12px;} #contenu .accueil-gauche{float:left;width:210px;} #contenu .accueil-droite{float:right;width:210px;} #contenu .bas1{padding-top:10px;} #contenu .bas2{padding-top:30px;} #contenu #contact-liens{background:url(../../images/integration/devis.jpg) no-repeat;height:42px;width:312px;margin:10px auto;} #contenu #consulter{background:url(../../images/integration/consulter.jpg) no-repeat;height:38px;width:308px;margin:10px auto;} #contenu #consulter2{background:url(../../images/integration/consulter2.jpg) no-repeat;height:56px;width:217px;margin:10px auto;} #contenu .bas1{margin-top:20px;} #contenu .prem{background:url(../../images/integration/11.jpg) no-repeat;padding-top:0px;text-indent:22px;} #contenu .deus{background:url(../../images/integration/22.jpg) no-repeat;padding-top:0px;text-indent:22px;} #contenu .trois{background:url(../../images/integration/33.jpg) no-repeat;padding-top:0px;text-indent:22px;} #contenu .caract{width:411px;margin:10px auto;} #contenu .caract-top{background:url(../../images/integration/caract-top.jpg) no-repeat;width:398px;height:auto;padding:20px 0px 10px 13px;} #contenu .caract-top p{background:url(../../images/integration/caract-p.gif) no-repeat;width:360px;padding-left:20px;margin-top:0px;} #contenu .caract-bottom{background:url(../../images/integration/caract-bottom.jpg) no-repeat;width:411px;height:13px;} #contenu .haut-page{background:url(../../images/integration/haut-page.jpg) no-repeat;width:122px;height:29px;float:right;margin:5px;} #contenu .liendevis{background:url(../../images/integration/devis1.jpg) no-repeat;width:277px;height:55px;margin:10px auto;cursor:pointer;} /******************* STYLE PAGE CALCUL*****************/ #contenu #calculpoids {margin:10px 0;} #contenu #calculpoids label{width:155px;float:left;font:12px normal Arial, Helvetica, sans-serif;color:#063160;text-align:right;margin-right:10px;} #contenu #calculpoids input {width:150px;font:12px/1.2em Arial, Helvetica, sans-serif;text-align:justify;color:#063160; } #contenu #calculpoids p{margin:5px 0;} .img_tel{margin-left:23px;}