.both { clear:both; }
                        * { margin:0; padding:0; }

body { font: 13px Verdana; color:[C3]; background:url(../jpg/16-7-fond.jpg) repeat-x scroll left top; margin-bottom:10px; }
a { color: [C1]; text-decoration: none; outline:none; }
a:hover { text-decoration: underline; }
p { line-height:20px; }
.both { clear:both; }
img a, img, a {border:none;}

#conteneur { width:980px; margin:auto; }

#site-left { float:left; width:10px; background:url(../%5bp2%5d.html) top right; height:1px; }
#site { float:left; width:960px; height:auto; }
#site-right { float:left; width:10px; background:url(../%5bp3%5d.html) top left; height:1px; }

*html #site-left { display:none; }
*html #site-right { display:none; }

#header { position:relative; height:85px; padding: 10px 15px; }
#logo {height:55px; background:url(../16-7-logo.html) no-repeat; }
#baseline { font-size:13px;  margin-left:10px; color:[C2]; }

#tel { margin:30px 0 0 680px; position:absolute; font-size:30px; color:[C2];}
#pretel { margin:10px 0 0 715px; position:absolute; font-weight:bold; letter-spacing:3px; font-size:14px;color:[C2]; }


#menu { height:46px; }
* html #menu { margin-bottom:5px; }
#menu ul { list-style:none; height:38px; }
#menu li { float: left; margin-left:5px; }
#menu a { display:block; height:38px; text-align:center; text-transform:uppercase; font-size:13px; line-height:35px; padding: 0 5px; color:[C3]; }
#menu a:hover { background:[C2]; color:[C3]; text-decoration:none; }

#deco { height:235px; }

#content { clear:both; background:url(../16-7-contenu.html); width:960px; padding:10px; }
#left { float:left; width: 610px; padding:15px 0 10px 15px; }
#right { float:right; width:280px; padding: 10px 15px 10px 20px; }

#titre { font-size:18px; margin-bottom:20px; color:[C3];text-transform:uppercase; }

.bloc_titre { font-weight:bold; }
#module_horaires { margin-bottom:20px; }
.hor, .horop { background:#FFF; }
.hor { margin:10px auto; width:280px; }
.horfe, .horop { text-align:center; }

#footer { margin:auto; text-align:center; font-size:13px; background:url(../16-7-footer.html) repeat-x; padding-top:10px; height:80px; color:[C2]; }
#menu_footer { padding:5px; margin-bottom:4px; }
#menu_footer ul { list-style:none; }
#menu_footer li { display:inline; text-align:center; padding: 4px 20px;text-transform:uppercase; }
#menu_footer a { color:[C2]; }
#copyright { font-size:12px; width:700px; margin:0 auto;}
#geolink { position:relative; }
#mentionslink {color:#000; text-decoration:underline; font-size:11px;}

.hor {width:280px; margin: 10px auto; background:none;}
.horop {background:none; text-align:center; }
.horfe {background:[C1];text-align:center; }
.hor td { border:none; }


.bloc_titre { background:[C1]; font-size:12px; padding:3px 0 3px 10px; margin:4px; text-transform:uppercase;  color:#FFFFFF;}

#module_reduc, #module_contact, #module_map, #module_horaires { padding-bottom:10px; }

#reduc_titre {text-align:center; color:[C3]; font-size:15px; padding:10px; margin:20px 10px 10px 10px; border:1px dashed [C3];}
#ciseaux { position:absolute; width:28px; height:20px; background: top left url(../16-7-ciseaux.html) no-repeat; margin:5px 0 0 210px}

#home_pres, #home_produit, #home_services, #home_actu, #home_temoi { float:left; width:260px; border-bottom:1px solid [C3]; height:145px; margin:0 20px 15px 15px; text-align:justify;}

#home_pres_title, #home_produit_title, #home_services_title, #home_actu_title, #home_temoi_title { color: [C3]; margin:0 0 6px 0; font-weight:bold; font-size:13px;}

#voir_reduc, #imprim_reduc { color: [C3]; text-align:right; margin:7px 5px 0 0; display:block; font-size:12px;}
#reduc_desc { color:#000000; font-size:12px; display:none; }

.savoirplus { color: [C3]; float:right; margin:12px 5px 0 0;}

#formcont, #contact_form {float:right; width:350px; }

#contact_form_titre, #contact_adresse_titre, #contact_tel_titre {color:[C3]; }

#contact_adresse { margin-bottom:15px; }

#contact_form input[type=text] , #contact_form textarea { border:1px solid [C1]; width:200px;}

.bloc_image {width:290px; float:left; padding:0 0 25px 0; min-height:140px; }
.limage { float:left; padding:0 10px 10px 0; }
.limage img { border:2px solid [C2]; }
.desc_image {text-align:justify; width:260px;}
.titre_image { color:[C5]; font-weight:bold; margin:0 0 7px 0;}

#texte_franchise { text-align:center; width:280px; margin:0 0 5px 0;}
#ok_franchise {
width:25px;
height:17px;
text-transform:bold;
border:2px solid [C1];
background:#FFFFFF;
text-align:center;
cursor:pointer;
}

#adresse_franchise {
width:240px;
height:17px;
border:1px solid [C1];
padding:2px 0 0 4px;
}

#blocarte { height:170px; margin:7px 0; width:281px;}


a[href^=tel] {color:[phone9];}            /* Graphiste du site : ETIENNE DELORIEUX */

#infos-footer {
background-color: #242424;
width: 100%;
}

#infos-footer p {
    color: #DE0035;
    font-family: 'PT Sans Narrow',sans-serif !important;
    font-size: 18px;
    font-weight: 700 !important;
    line-height: 24px;
    margin: 0 auto;
    padding: 15px 0;
    text-align: center;
    text-transform: uppercase;
    width: 980px;
}

.imgl, .imgr {margin-top: 3px; width: 260px;}
.imgl {float: left; margin-right: 20px;}
.imgr {float: right; margin-left: 20px;}

* {margin: 0; padding: 0;}
img {border: 0;}
a:link {outline: none; color: #DE0035;}

body {
background-color: #efefef;
background-position: 49.9% top;
background-repeat: no-repeat;
background-attachment: fixed;
font-family: 'Roboto', sans-serif;
margin-bottom: 0;
font-size: 14px;
}

#conteneur {width: 980px;}

#site {width: 980px; position: relative;}

#site-right, #site-left {display: none;}

span[style="font-size: x-large;"], span[style="font-size: xx-large;"] {
color: #d80000 !important;
font-weight: 700 !important;
font-family: 'PT Sans Narrow', sans-serif !important;
font-size: 40px !important;
line-height: 40px !important;
}

#left div[style="text-align: center;"] {
border: 1px solid #DE0035;
display: block;
margin: 15px 0;
padding: 15px 0;
line-height: 25px;
background-color: #fff;
}

#content ul {list-style-image: url(../png/puce.png); list-style-position: outside; margin: 5px 0 0; position: relative; left: 20px;}

h2 {font-family: 'PT Sans Narrow', sans-serif !important; color: #0929a2; font-size: 20px; text-transform: uppercase; font-weight: 700;}

#rideaux {font-size: 19px !important;}

/* _______________________________________ HEADER ________________________________________ */

#header {height: 83px;padding: 0; position: fixed; top: 0; z-index: 99; width: 980px;}

#logo {
background: url(../png/logo.png) no-repeat;
    height: 140px;
    position: fixed;
    top: 0;
    width: 980px;
z-index: 99;
}

#deco {height: 400px; margin-top: 140px;}

#menu {margin: 150px 0 0; position: absolute; width: 959px;}

#menu li {margin: 0;}

#menu a {
font-weight: 700;
font-family: 'PT Sans Narrow', sans-serif !important;
    font-size: 16px;
    height: 120px;
    letter-spacing: 0;
    line-height: 200px;
    margin: 0;
    padding: 0;
    text-align: center;
    text-transform: uppercase;
width: 137px;
background-image: url(../png/menu3.png);
background-position: left top;
}

#menu_li_2 a {background-position: -137px top;}
#menu_li_3 a {background-position: -274px top;}
#menu_li_4 a {background-position: -411px top;}
#menu_li_5 a {background-position: -548px top;}
#menu_li_6 a {background-position: -685px top;}
#menu_li_7 a {background-position: -822px top;}

#menu a:hover, #menu a.lienmenu_actif {background-image: url(../png/menu3.png); background-position: left -150px;}

#menu_li_2 a:hover, #menu_li_2 a.lienmenu_actif {background-position: -137px -150px;}
#menu_li_3 a:hover, #menu_li_3 a.lienmenu_actif {background-position: -274px -150px;}
#menu_li_4 a:hover, #menu_li_4 a.lienmenu_actif {background-position: -411px -150px;}
#menu_li_5 a:hover, #menu_li_5 a.lienmenu_actif {background-position: -548px -150px;}
#menu_li_6 a:hover, #menu_li_6 a.lienmenu_actif {background-position: -685px -150px;}
#menu_li_7 a:hover, #menu_li_7 a.lienmenu_actif {background-position: -822px -150px;}

#tel {
    font-family: 'PT Sans Narrow',sans-serif !important;
    font-size: 50px;
    font-weight: 700;
    margin: 2px 0 0 629px;
    position: fixed;
    z-index: 999;
}

/* _______________________________________ CONTENT ________________________________________ */

#content {clear: both; width: 980px; padding: 0 0 30px; line-height: 18px; font-family: 'Roboto Condensed', sans-serif !important;}

#content a {color: #d80000;}

#content strong {font-weight: 700;}

#left {
    float: left;
    margin: 0 0 0 20px;
    padding: 0;
    text-align: justify;
    width: 610px;
}

#right {
    float: right;
    margin: 0 10px 0 0;
    padding: 0;
    position: relative;
    width: 300px;
}

#titre {
    background-color: #DE0035;
    font-family: 'PT Sans Narrow',sans-serif !important;
    font-size: 22px;
    font-weight: 700;
    height: 30px;
    letter-spacing: 0;
    line-height: 30px;
    margin: 0 0 20px;
    padding-left: 10px;
    text-align: left;
    text-transform: uppercase;
}

.bloc_titre {
    font-family: 'PT Sans Narrow',sans-serif !important;
    font-size: 22px;
    font-weight: 700;
    height: 28px;
    letter-spacing: 0;
    line-height: 28px;
    margin: 0 0 20px -10px;
    padding: 0;
    text-align: center;
    text-transform: uppercase;
width: 300px;
}

#module_vide_1, #module_vide_2, #module_vide_3, #module_vide_4, #module_vide_5, #module_vide_6, #module_vide_7, #module_vide_8, #module_vide_9, #module_map, #module_horaires, #module_contact, #module_form_perso {
margin-bottom: 30px;
background-color: #fff;
padding: 0 10px;
}

.titre_module_reduc {display: none;}

#module_vide_1 {padding-bottom: 15px;}

#module_contact {padding-bottom: 0px;}

#module_contact iframe {margin-left: -5px;}

#blocarte {border: 1px solid #000000; margin: 15px auto 5px;}

#contact_form_titre, #contact_adresse_titre, #contact_tel_titre {font-weight: 700;}

/* _______________________________________ FOOTER ________________________________________ */

#footer {
    background-position: center top;
    background-repeat: no-repeat;
    border-bottom: 1px solid #454545;
    font-family: 'Roboto',sans-serif;
    height: 65px;
    padding-top: 15px;
}

#menu_footer {padding: 0; text-align: center; font-size: 12px;}

#menu_footer li {padding: 4px 15px;}

#copyright {padding-top: 10px; width: 980px; text-align: center;}

#geolink {float: right; margin: 0 0 0 853px; position: absolute; text-align: right;}
            #menu { clear:both; }

            #menu ul { margin-left:px; }
            #menu a { padding:px; margin:px; color:#242424; background:#; line-height:px; display:block;  }
            #menu a.lienmenu:hover, #menu .lienmenu_actif  { color:#de0035; background:#; }
            /*#menu .lienmenu_actif:hover { background:none; }*/

            /*#menu .lienmenu { line-height:33px; padding:0 6px; height:32px;  }*/

            #menu li:hover .lienmenu { color:#de0035; background:#; }

            #menu li ul { position:absolute; width:144px; left:-999em;  z-index:101; margin-left:0; }
            #menu li ul li { width:150px; border-bottom:0; margin-left:0; }
            #menu li ul li:hover { }

            #menu li ul li a { font-size:11px; color:#; font-weight:bold; padding-left:15px; text-align:left; background:#;  }
            #menu li ul li a:hover { color:#; background:#; }
            #menu li ul ul { margin: -22px 0 0 144px; }
            #menu li:hover ul ul, #menu li.sfhover ul ul { left: -999em;}
            #menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul { left:auto; min-height:0; }

            #menu_categorie li { display:inline; margin-right:8px; }
            #menu_categorie li a { color:#242424; }
            body { color:#242424; font-size:px; }
            #pretel, #tel { width:px; margin-left:px; text-align:center; }
            #pretel { font-size:px; letter-spacing:px; color:#; }
            #tel { margin-top:px; font-size:px;  letter-spacing:px; color:#fff; }
            #header a[href^=tel] { color:#fff; }

            .bloc_titre { color:#fff; background:#1a2168; }
            #titre {  color:#fff }
            #home_pres_title, #home_produit_title, #home_services_title, #home_actu_title, #home_temoi_title { color:#; }
            .accueilBlock { min-height:70px; }
            .savoirplus { color:#; }
            #home_pres, #home_produit, #home_services, #home_actu, #home_temoi { width:px; height:px; border-bottom:; }
            #contact_form_titre, #contact_adresse_titre, #contact_tel_titre { color:#; }
            #contact_form input[type="text"], #contact_form textarea, #contact_form select { font:inherit; border:1px solid #; }
            #footer { background:#242424; font-size:px; }
            #menu_footer a, #copyright, #mentionslink { color:#efefef; }
            #menu_footer li { padding:px; margin:px; }
            #credit {background:#FFF; border:2px solid #FF9900; text-align:center; color:#000; width:210px; position:absolute; }
            #geolink { float:right; text-align:right; }
            #left { position:relative; }
            #sous_menu { padding:10px; background:#CCC; width:150px; margin:0 10px 10px 0; float:left; margin:10px 10px 10px 0; }
            #sous_menu ul { margin-left:15px; margin-top:10px; }

            #module_form_perso #contact_form textarea { width:245px; height:50px }