body { background-color: #9D9D9D;margin:0 auto;padding:0px;font: 10px  verdana, arial, helvetica; color: #4e4e4e;background:url(images/bg.gif);padding-top: 15px;}
h1{ padding:5px 0 5px 0;margin:0px;font-size:18px;display:inline;}
h2{padding:5px 0 5px 0;margin:0px;font-size:16px;display:inline;}
h3{font-size:13px;color:#59cef9;}
h4{padding:0 0 10px 0;margin:0px;font-size:14px;color:#7ea743;}
img {border:0px;border-style: none;}

div#recherche { margin-top: 139px; margin-left: 800px; color: #595959; line-height: 7px; font-size: 11px;}

#header { width:993px;height:178px;border: #c8c8c8 solid 1px;margin: 0 auto;background-color: #fff;-moz-box-shadow:0 1px 3px #ccc;background:url(images/header.jpg);}

#header h1{ font-size: 10px; font-weight: normal; margin-left: 200px;}

.ariane { font-size: 11px; margin: 10px; padding-bottom: 4px; padding-left: 10px; border-bottom: #dfdfdf solid 1px; }
#left h3{ background:url(images/titlen.jpg);color: #4E4E4E;  border-bottom: #cbef73 1px solid; padding: 7px; margin:0px;-moz-box-shadow:0 1px 3px #ccc;}
a {text-decoration: none; color: #944a22;/*color: #274e58;*/}
a:hover{text-decoration:underline;color: #6896a1;}
a.mtop { color: #4e4e4e;}


.liens{font-size:11px;color :#6E6335 ;}
.suggestion {color: #944a22;text-align: center;text-decoration: underline; font-size: 12px;font-weight: bold;margin-bottom: 20px;}
#container {width:993px;  background:#fff; margin: 0 auto;-moz-box-shadow:0 1px 3px #ccc;border: #c8c8c8 solid 1px; }
#centre { width:743px; padding-left: 20px;vertical-align:top;}
#footer { background:url(images/footer.jpg);margin: 0 auto;width:993px;height:20px;-moz-box-shadow:0 1px 3px #ccc;border: #c8c8c8 solid 1px;}
#footer p{ margin-top: 3px; margin-left: 10px;}

#left {width:250px;vertical-align:top;text-align:left;background:url(images/menu_bg.png) no-repeat left bottom;}
#right { vertical-align: top; width:170px;}

#avantages { background:url(images/avantages.gif) no-repeat;width:650px; height:175px; border:#dfdfdf 1px solid; margin-bottom:20px;}
.menu { background-color:  #f1f6e7; list-style-type: none; margin:0px;;border : #dfdfdf 1px solid;border-left:0px;-moz-box-shadow:0 1px 3px #ccc;}
.menu li#first{list-style-image: url("images/puce7.gif"); list-style-type: circle;font-weight: bold; padding: 0px;}
.menu li.primary { list-style-image: url("images/puce7.gif"); list-style-type: circle;font-weight: bold; padding-left: 0px;}
.menu li { padding-left: 10px; font-size:11px;}
.menu li a{ display: block;	width: 90%;	text-decoration: none;	padding: 2px 2px 2px 0px; 	border-top: 1px solid #dfdfdf; 	/*color :#013162 ;*/color :#6E6335 ;}
.menu li a:hover{color: #fff;/*	background: url(../images/css/puce_menu.gif) no-repeat center right #D3A37F;*/background-color: #C4D10F  ;}
.menu li#first a{border-top:0px;}

.menu2 { background-color:  #f0f7fd; list-style-type: none; margin:0px;border : #dfdfdf 1px solid;border-left: 0px;-moz-box-shadow:0 1px 3px #ccc; width:60%}
.menu2 li#first{list-style-image: url("images/puce.gif"); list-style-type: circle;font-weight: bold; padding: 0px;}
.menu2 li.primary { list-style-image: url("images/puce.gif"); list-style-type: circle;font-weight: bold; padding-left: 0px;}
.menu2 li { padding-left: 10px; font-size:11px;}
.menu2 li a{ display: block;	width: 90%;	text-decoration: none;	padding: 2px 2px 2px 0px; 	border-top: 1px solid #dfdfdf; 	/*color :#013162 ;*/color :#6E6335 ;}
.menu2 li a:hover{color: #fff;/*	background: url(../images/css/puce_menu.gif) no-repeat center right #D3A37F;*/background-color: #76a0c4  ;}
.menu2 li#first a{border-top:0px;}
.menu2 li#first a:hover{background-color:  #f0f7fd;color :#6E6335 ;}

.commande { color: #4b5600; font-size: 12px; background-color: #FBFDED;padding: 3px; border: solid 1px #DAE558; }
.commandt { border-bottom: #f0f7fd solid 1px; text-decoration:underline; }
 

.bloc_cat { border-bottom: #cecece solid 1px; }


ul.accordion{
	margin-top: 20px;
	margin-bottom: 100px;
    list-style:none;   
    position:relative;
    right:30px;
    top:0px;

    font-size: 16px;
    font-style: italic;
    line-height: 1.5em;
}
ul.accordion li{
    float:right;
    width:115px;
    height:250px;
    display:block;
    border-right:2px solid #fff;
    border-bottom:2px solid #fff;
    background-color:#fff;
    background-repeat:no-repeat;
    background-position:center center;
    position:relative;
    overflow:hidden;
    cursor:pointer;
    -moz-box-shadow:1px 3px 15px #555;
    -webkit-box-shadow:1px 3px 15px #555;
    box-shadow:1px 3px 15px #555;
}
ul.accordion li.bg1{
    background-image:url(../images/1.jpg);
}
ul.accordion li.bg2{
    background-image:url(../images/2.jpg);
}
ul.accordion li.bg3{
    background-image:url(../images/3.jpg);
}
ul.accordion li.bg4{
    background-image:url(../images/4.jpg);
}
ul.accordion li.bleft{
    border-left:2px solid #fff;
}
ul.accordion li .heading{
    background-color:#fff;
    padding:10px;
    margin-top:60px;
    opacity:0.9;
    text-transform:uppercase;
    font-style:normal;
    font-weight:bold;
    letter-spacing:1px;
    font-size:13px;
    color:#444;
    text-align:center;
    text-shadow:-1px -1px 1px #ccc;
}
ul.accordion li .description{
    position:absolute;
    width:480px;
    height:100px;
    bottom:0px;
    left:0px;
    display:none;
}
ul.accordion li .description h2{
    text-transform:uppercase;
    font-style:normal;
    font-weight:bold;
    letter-spacing:1px;
    font-size:14px;
    color:#444;
    text-align:left;
    margin:0px 0px 15px 20px;
    text-shadow:-1px -1px 1px #ccc;
}
ul.accordion li .description p{
    line-height:14px;
    margin:10px 52px 10px 10px;
    font-family: "Trebuchet MS", sans-serif;
    font-size: 12px;
    font-style: italic;
    font-weight: normal;
    text-transform: none;
    letter-spacing: normal;
    line-height: 1.6em;
}
ul.accordion li .description a{
    position:absolute;
    bottom:5px;
    left:20px;
    text-transform:uppercase;
    font-style:bold;
    font-size:11px;
    text-decoration:none;
    color:#888;
}
ul.accordion li .description a:hover{
    color:#333;
    text-decoration:underline;
}

ul.accordion li .bgDescription{
    background:transparent url(../images/bgDescription.png) repeat-x top left;
    height:250px;
    position:absolute;
    bottom:0px;
    left:0px;
    width:100%;
    display:none;
}