 .queue-loader {background: red}

/* --- RESET ALL STYLES --- */
* {border:0; margin:0; padding:0;}
html {font-size: 100%;}
a {cursor:pointer; text-decoration:none;color:#d81500}
a:hover {text-decoration:underline;}

ul li ul{margin-left:20px;}

/* --- ------------------------------------------------------------------------------------------- --- */


/* --- TEXT DECORATION --- */
.rightalign {text-align:right}
.centeralign {text-align:center}
.leftalign {text-align:left}
.clearer {clear: both;}
.gras {font-weight:bold;}
.small {font-size:smaller;}
.italic {font-style:italic;}
.hidden{visibility:hidden;} /* hidden : prend la place necessaire a l'element, mais ne l'affiche pas */
.mc {color:blue;}
a.mc:hover {cursor:text;}
.only_print {display:none;}
/* --- ------------------------------------------------------------------------------------------- --- */



body {
    background-color:#cdcdcd;
	margin-left:auto;
    margin-right:auto;
	height: 100%;
	width:1000px;
    text-align:center;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;


}
#site {
    width:1000px;
    background-color:white;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
    height: auto;
    height:100%;
	
}

/* ------ HEADER ----- */

#header-haut {text-align:center; width:1000px;}
#header-haut #header-logo {float:left;width: 185px; height : 111px;}
#header-haut #header-baniere {background:  url('/style/public/img/header.gif') top left no-repeat; display:inline; float:left;width: 815px; height : 111px; }

#header-bas {text-align:center; width:1000px; margin-top : -3px}

#header-bas1{text-align:center; width:100%;}

#header-bas1-gauche {background:url('/style/public/img/img-sous-logo.gif') top left no-repeat ; float:left ; width : 223px ; height: 64px;}

#header-bas1-droite1 {float : left; display: inline; width : 777px; height: 32px; background:#a74027; }
#breadcrumb {
    float:left; background: #a74027;
    color: #ffffff; font-size:12px; font-weight: bold;
    text-align:left;  clear:both;margin : 8px 0 0 0 ;}
#breadcrumb a {color:#ffffff;text-decoration: none;font-size: 12px;margin:0 4px 0 0;float:left;}
#breadcrumb a:hover {color:#ffffff;}
#breadcrumb span {float:left ;padding:0 5px;}
#favoris{
    float:right; display:inline;
    font-size:10px; color: #e58e78; font-family: Verdana;
    margin:8px 18px 0 0 ; text-align : right;}
#favoris a{font-family:Verdana;font-size:10px; color: #e58e78; font-family: Verdana;}
#favoris a:hover{font-family:Verdana;font-size:10px; color: #fff; font-family: Verdana; text-decoration:none}

#header-bas1-droite2 {
    float :left; height : 32px; width:777px; display:inline; background:#f2f2f3;}
#commande {margin:7px 18px 0 0 ; text-align:right; font-family: Verdana; font-size: 12px; color:#a74027;font-weight: bold;}
#commande a{font-family: Verdana; font-size: 12px; color:#a74027;font-weight: bold; }

#header-bas2{width:100%;}
#header-bas2-gauche{font-family: Verdana; font-size: 12px;float:left ; width : 250px ; height: 75px; text-align:left; margin-left:-3px}
#header-bas2-gauche ul li{ margin: 4px 0 0 25px;list-style-type:none;font-size:12px;color:#c9381b;}
#header-bas2-droite{    display:inline; float:right; width: 700px; height : 30px; margin-right : 18px; margin-top: 15px;
                        font-family:Verdana; font-size:12px; font-weight:normal; color: #60605f; text-align:right}
#header-bas2-droite span{color: #e85b1e; font-weight:normal;}
/* --- ------------------------------------------------------------------------------------------- --- */



/* --------- LISTING PAGE ------- */
#container {width:100%; font-size:12px; font-family:Verdana;  padding-bottom:25px;background-image: url(/style/public/img/menu.jpg) ; background-repeat:repeat-y;}

#menu-left{
    float:left;
	width:185px;
    height:100%;
    text-align:left;
}
#menu-gauche-haut-img {background:  url('/style/public/img/bouton-nos-produit.gif') top left no-repeat; width:185px ; height:53px ;}
#menu-gauche{background:#f2f2f3; height:100%;}
#menu-gauche-haut {margin-bottom:20px;}
#menu-gauche-bas-img{ background:  url('/style/public/img/bouton-premiere-visite.gif') top left no-repeat; width:185px ; height:43px ;}
#menu-gauche-bas {padding-bottom:20px; min-height : 100%; height : auto}
#menu-gauche ul {list-style:none; margin-right:10px; margin-left:20px;}
#menu-gauche ul li{background:url('/style/public/img/chevrons.png') no-repeat 0px 13px; padding:0 0 0 11px;padding-top:8px;}
#menu-gauche ul li a{ font-family: Verdana; font-size: 12px;font-weight: bold;color: #60605f;}
#menu-gauche .sous-menu ul{margin-left:36px; margin-right:10px; list-style:none;list-style-image:none;}
#menu-gauche .sous-menu ul li{padding-top:4px;background:none;}
#menu-gauche .sous-menu ul li a{font-family: Verdana; font-size: 12px;color:#60605f; font-weight:normal;}

#menu-right{text-align:left; display:inline; float:right; width:184px; height:100%; margin : 0 0 20px 0; }
#menu-droite-haut-img {background:  url('/style/public/img/bouton-nouveautes.gif') top left no-repeat; width:184px ; height:53px ;}
#menu-droite{ background:#f2f2f3; height:100%;}
#menu-droite-haut {background:#ffffff; border-left : 1px solid #f2f2f3}
#menu-droite #nouveaute{
    height:165px; width:90%; text-align:center;
    font-family: Verdana; font-size: 12px;font-weight: bold;
    color: #60605f; margin:7px auto 0px auto;}
#menu-droite-bas-img{ background:  url('/style/public/img/bouton-informations.gif') top left no-repeat; width:184px ; height:43px ;}
#menu-droite-bas {padding-bottom:20px;}
#cb{color: #60605f;text-align:center; margin-top:60px;font-family: Verdana; font-size: 12px;font-weight: normal; }
#menu-droite ul{list-style:none;margin-left:20px;margin-right:8px;}
#menu-droite ul li {background:url('/style/public/img/chevrons.png') no-repeat 0px 13px;padding:0 0 0 13px; padding-top:8px;}
#menu-droite ul li a{font-family: Verdana; font-size: 12px;font-weight: bold;color: #60605f;}

/*#topcontent {width:60%; height:100px;text-align:Center;margin:0 auto;border:1px solid green;}*/

/* ------ CONTENT ------*/
#content {width:620px; text-align:center ;display:inline; float:left; padding-left:0px;}
#text{font-family: Verdana; font-size: 12px;color: #60605f; text-align : justify; margin : 0 20px 0 20px}
label{font-family: Verdana; font-size: 12px;font-weight: normal;color: #60605f;}
input{border : 1px solid black;  color:black}
input.bouton {text-align:center;border : 0px solid #A74027; background: #F2F2F3; color:#A74027}
.contenu {width:500px; text-align:justify ;display:inline; float:left; padding-left:55px;margin-top:25px;}
#erreur {border:1px solid #a74027;padding: 10px 10px; text-align:left;margin-top:15px;margin-left:40px; margin-right:40px; font-family:Verdana; font-size:12px;color: #a74027;font-weight:bold; }
#erreur ul {list-style:none;}
#erreur ul li{margin-bottom:4px;}
.titre{font-family: Verdana; font-size: 12px;font-weight: bold;color: #60605f;text-align:center;margin-bottom:20px}
.titre2{margin: 0 20px 0 20px;font-family: Verdana; font-size: 12px;font-weight: bold;color: #60605f;text-align:center;margin-bottom:5px}
.sous-titre{margin: 0 20px 0 20px;font-family: Verdana; font-size: 12px;font-weight: bold;color: #60605f;text-align:left;margin-top:-25px}
.text{margin: 0 20px 0 20px;font-family: Verdana; font-size: 12px;font-weight: normal;color: #60605f;text-align:justify;}

/* --- ------------------------------------------------------------------------------------------- --- */



/* ------ FOOTER ----- */
#footer{ width: 100%; text-align:center; background:#969696;}
#footer-text {text-align:center;margin-left:60px;}
#footer ul {text-align:center; list-style: none; margin: 0 auto 0 auto;}
#footer ul li {text-align:center;float: left;line-height: 22px;margin-left: 5px;font-size: 12px;color: white;}
#footer ul li a {text-align:center;color: white;font-size:12px; font-family:Verdana;}
/* ---------------------------------------------------------------------------------------------- --- */
