/* CSS Document */
body{
margin:0;
padding:0;
font-size:80%;
background: #d8d8d8 url(../img/fond.jpg) top left repeat-x;
}
*{
margin:0; padding:0;
outline:none;
color:#666;
text-decoration:none;
list-style-type:none;
font-family:Arial, Helvetica, sans-serif;
font-style:normal;
}
img{
border:0;
}

#container{
width:920px;
background:#FFF;
margin:0 auto;
font:1em normal Arial, Helvetica, sans-serif;
color:#999;
height:300px;

}
.paddingBttTop10{
padding: 10px 0;
}
/* ---- header  ---------------------------------------------- */
#header{
height: 310px !important;
width:auto;
padding-top: 5px;
}
#header a#logo{
display:block;
width:213px;
height:86px;
background: url(../img/logo.gif) top left no-repeat;
background-attachment: scroll;
margin-left: 5px;
}
#header a#logo span{
display:none;
}
/* ---- recherche  ---------------------------------------------- */
#recherche {
margin-top:14px !important; /* Firefox */
background: #FFF url(../img/fond-recherche.gif) right no-repeat;
text-align:right;
height:24px;
line-height:24px;
}

#recherche input{
margin:5px 5px 0 0 !important; /* Firefox */
_margin:0 5px 0 0; /* IE 6 */
border:1px solid #888;
}

*+html #recherche input{
margin:2px 5px 0 0 !important; /* IE 7 */
}
#recherche input.boutonOk{
background:#333;
color:#CCC;
margin-top:3px;
}
/* ---- bloc-menu  ---------------------------------------------- */
div#bloc-menu {
margin:0;
padding:0px 5px 0 0;
background-color:#888 !important;
height:155px;
width:915px;
}
/* ---- pub-contact  ---------------------------------------------- */
#pub-contact {
display:inline;
width:652px;
height:142px;
float:right;
margin:5px 0px 0 0 ; /* IE 7 et Firefox */
}
* html #pub-contact {
margin:5px 0px 0 0 ; /* IE 6 */
}

/* ---- Menu principal ---------------------------------------------- */
#menu-principal {
display:inline;
float:left;
width:253px;
margin:5px;
color:#CCC;
}

#menu-principal li a{
display:block;
background:url(../img/menu-onglet.jpg) repeat-x;
height:30px; 
width:253px;
line-height:30px;
text-indent:20px;
color:#CCC;
}
#menu-principal li a:hover, #menu-principal li a:active, #menu-principal li a.active{
background:url(../img/menu-onglet-actif.jpg) repeat-x;
color:#666;
}


/* ----- Breadcrum---------------------------------------------------------- */

#breadcrum {
clear:both;
background:#666;
height:25px;
line-height:25px;
text-indent:10px;
}

#breadcrum a {
color:#CCC;
}

#breadcrum a:hover {
text-decoration:underline;
}
/* ----- mainContent ---------------------------------------------------------- */
#mainContent{
width:910px;
clear:both;
background-color:#fff;
height:auto;
padding:5px;

}
/* ----- ColLeftMenu ---------------------------------------------------------- */
#colLeft{
float:left;
display:inline;
width:200px;
height:auto;
text-align:right;
}
div.menuLeft{
width: 200px;
height:auto;
}
div.menuLeft ul#{
display:block;
width: 200px;

border:0;
}
div.menuLeft ul#menuLeft01{
height:280px;
}
div.menuLeft ul li a{

width:auto;
}
div.menuLeft ul li {
float:left;
text-align:left;
height: 28px;
line-height: 28px;
width: 200px;
border:0;
border-left:1px solid #000;
border-right:1px solid #000;

}
div.menuLeft ul li li{
width: 200px;
margin-left:-1px;
margin-right:-1px;
border:0;
border-left:1px solid #000;
border-right:1px solid #000;

}
div.menuLeft ul li.categori{
background:url(../img/fond-cat.jpg) no-repeat;
text-indent:30px;
color:#fff;
}
div.menuLeft ul li li a{
display:block;
background:url(../img/menu-fleche.jpg) no-repeat;
width: 200px;
border:0;
height: 28px;
line-height: 28px;
}
div.menuLeft ul li li a:hover{
background:url(../img/menu-fleche-hover.jpg) no-repeat;
display:block;
width: 200px;
border:0;

}
div.menuLeft ul li li.menuBorderBT{
border-bottom:1px solid #000;
}
/**img menu left**/
div.menuLeft ul li li a#menu0{
background:url(../img/menu-promo.jpg) no-repeat;
}
div.menuLeft ul li li a:hover#menu0{
background:url(../img/menu-promo-hover.jpg) no-repeat;
}
div.menuLeft ul li li a#menu1{
background:url(../img/menu-1.jpg) no-repeat;
}
div.menuLeft ul li li a:hover#menu1{
background:url(../img/menu-1-hover.jpg) no-repeat;
}
div.menuLeft ul li li a#menu2{
background:url(../img/menu-2.jpg) no-repeat;
}
div.menuLeft ul li li a:hover#menu2{
background:url(../img/menu-2-hover.jpg) no-repeat;
}
div.menuLeft ul li li a#menu3{
background:url(../img/menu-3.jpg) no-repeat;
}
div.menuLeft ul li li a:hover#menu3{
background:url(../img/menu-3-hover.jpg) no-repeat;
}
div.menuLeft ul li li a#menu4{
background:url(../img/menu-4.jpg) no-repeat;
}
div.menuLeft ul li li a:hover#menu4{
background:url(../img/menu-4-hover.jpg) no-repeat;
}
div.menuLeft ul li li a#menu5{
background:url(../img/menu-5.jpg) no-repeat;
}
div.menuLeft ul li li a:hover#menu5{
background:url(../img/menu-5-hover.jpg) no-repeat;
}
div.menuLeft ul li li a#menu6{
background:url(../img/menu-6.jpg) no-repeat;
}
div.menuLeft ul li li a:hover#menu6{
background:url(../img/menu-6-hover.jpg) no-repeat;
}
div.menuLeft ul li li a#menu7{
background:url(../img/menu-7.jpg) no-repeat;
}
div.menuLeft ul li li a:hover#menu7{
background:url(../img/menu-7-hover.jpg) no-repeat;
}
div.menuLeft ul li li a#menu8{
background:url(../img/menu-1.jpg) no-repeat;
}
div.menuLeft ul li li a:hover#menu8{
background:url(../img/menu-1-hover.jpg) no-repeat;
}
/* ----- Content ---------------------------------------------------------- */
#content{
float:right;
display:inline;
width: 652px;
border:1px solid red;
height: auto;
color: #666666;
font-family: Arial,Helvetica,sans-serif;
border:1px solid #000;
padding:25px;
}
#content p{
line-height:15px;
padding:5px 0;
}
#content a{
text-decoration:underline;
}
#content a:hover{
text-decoration:none !important;
}
#content a.linkintra{
text-decoration:none ! important;
}
#content p#breadcrumd{
font-size:140%;
font-weight:bold;
}
#content h1{
color: red;
font-size:200%
}
#content h2{

font-size:120%
}
#content p#morLink{
font-weight:bold;
font-size:110%;
padding: 15px 0;
}
#content p#morLink a{
font-weight:bold;

}
#content p#extralinks{
font-size:85%;
}
#content p#extralinks a{
text-decoration:none;
}
#footer{
background-color: #999999;
clear: both;
text-align:center;
}