/* Feuille de style pour la charte graphique du site
 * Cette feuille de style est appelée depuis styles.css.
 */

/***************** STRUCTURE *****************/
*{
/*---toutes les marges sont à 0---*/
margin:0;
padding:0;
}
body,html{
	height:100%;/*---obligatoire pour le footer---*/
	scrollbar-base-color:#000;
	width:100%;
}
body{
	font-size:62.5%;
	background:#fae113 url(../images/charte/bg-body.gif) repeat-x;
	font:Arial, Helvetica, sans-serif;
}

/********************Charte *****************/
#container{
	position:relative;
	min-height:100%; 
	height:auto !important;
	height:100%;
	width:980px;
	margin:0 auto;
	background:url(../images/charte/bg-container.gif) repeat-y;
	@margin:0 100px !important;
}
#container2{
	min-height:450px; 
	height:auto !important;
	height:450px;
	width:980px;
	margin:0 auto;

	background:url(../images/charte/bg-container2.jpg) no-repeat;
}
#header{
	height:148px;
	width:980px;
	position:relative;
}
#bandeau{
	width:960px;
	height:205px;
	z-index:1;
}
#flag{
	height:22px;
	width:20px;
	display:block;
	position:absolute;
	top:0px;
	right:0px;
}
.gb{
	background:url(../images/charte/flag-gb.gif) no-repeat;
}
.fr{
	background:url(../images/charte/flag-fr.gif) no-repeat;
}
#diapo-top{
position:absolute;
width:354px;
height:78px;
top:0px;
left:444px;
}
#anime{
position:absolute;
width:610px;
height:75px;
top:148px;
left:33px;
}
#contenu {
	width:914px;
	padding:278px 33px 58px 33px;
}
#actualite{
	position:absolute;
	width:299px;
	height:89px;
	z-index:1;
	top:148px;
	left:648px;
}
/***************** FOOTER *****************/
.clearer
{
	clear: both;
	display: block;
	height: 1px;
	margin-bottom: -1px;
	font-size: 1px;
	line-height: 1px;
}
#footer{
	position:relative;
	margin:-58px auto 0 auto;
	clear:both;
	width:980px;
	height:58px;
	@margin:-58px 100px auto;
	background:url(../images/charte/bg-footer1.gif) no-repeat;
}
#footer-img{
	width:430px;
	float:right;
	padding:34px 35px 0 0;
}

#footer-partenaires{
	position:relative;
	text-align:center;
	color:#000000;
	font: bold 1em Arial, Helvetica, sans-serif;
}

#footer-partenaires a{
	color:#000000;
	}
	
#footer-partenaires a:hover{
	color:#000000;
}

#footer-img img{
	margin:0 3px;
	border:0; 
}

.tel {
		padding-bottom:10px;
		font-weight:bold;
		font-family:verdana;
		font-size:10px;
		vertical-align:super;
		letter-spacing:0,5px;
	}

/********** MENU ***********/
a#logo{
	position:absolute;
	width:113px;
	height:113px;
	left:45px;
	top:15px;
}

#menu{
	position:absolute;
	top:86px;
	left:227px;
	width:571px;
	height:62px;
	z-index:10;
}
#menu ul{
position:absolute;
padding:5px;
list-style-type:none;
border:1px solid #5e5e5e;
background-color:#aeaeae;
z-index:10;	
}

#menu dl {
float:left;
}
#menu dt {
	cursor: pointer;
	height:42px;
	padding-top:20px;
	background:url(../images/charte/bg-menucel.gif) no-repeat;
}
#menu dd {
	display: none;
	padding-left:1px;
}

#menu li a {
	text-decoration: none;
	color: #5e5e5e;
	display:block;
	font:1.1em Arial, Helvetica, sans-serif;
	padding:3px 3px 0 6px;
	height:20px;
	width:129px;
	background:url(../images/charte/bg-menucel2.gif) left bottom no-repeat;
}
#menu li a:hover{
color: #fee312;
}
#menu dt a {
	padding:0 0 0 14px;
	height:42px;
	font: bold 1.4em Arial, Helvetica, sans-serif;
	color:#fff;
	display:block;
	text-decoration:none;
}
#menu dt a:hover {
color: #fee312;
}
/*******************************************************/
#menu2{
	position:absolute;
	top:0px;
	left:814px;
	width:146px;
	height:145px;
	z-index:10;

}
#menu2 ul{
background:#aeaeae;
padding:5px;
list-style-type:none;
border:1px solid #5e5e5e;
}

#menu2 dl {
float:left;
}
#menu2 dt {
	cursor: pointer;
	height:35px;
}
#menu2 dd {
display: none;
padding-left:1px;

}
#menu2 li a {
	text-decoration: none;
	color: #5e5e5e;
	display:block;
	font:1.1em Arial, Helvetica, sans-serif;
	padding:3px 3px 0 6px;
	height:20px;
	width:126px;
	background:url(../images/charte/bg-menucel2.gif) left bottom no-repeat;
}
#menu2 li a:hover{
	color:#fee312;
}
#menu2 dt a {
	padding:15px 0 0 15px;
	height:20px;
	font: bold 1.4em Arial, Helvetica, sans-serif;
	color:#fff;
	display:block;
	text-decoration:none;
	width:131px;
}
#menu2 dt a:hover {
color: #fee312;}

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

#search{
	width: 200px;
	margin:226px 0 0 33px;
	padding: 4px 0 8px 2px;
	position:absolute;
	background: url(../images/charte/searchbar-bg.jpg) 0 0 no-repeat;}
#search #recherche{border: 1px solid yellow; vertical-align: middle;}
#search #valid {
	border: 1px solid #000;
	background: #fae113;
	width: 22px;
	vertical-align: middle;}

#search a:link,
#search a:visited{
	font: bold 12px/1.5em Arial, Helvetica, sans-serif;
	padding:2px 10px 2px 0;}


#cartbar{
	width: 379px;
	height: 37px;
	position: absolute;
	margin: 226px 0 0 233px;
	background: url(../images/charte/cartbar-bg.jpg) 0 0 no-repeat;}
#cartbar a:link, #cartbar a:visited{
	display: block;
	width: 36px;
	height: 42px;
	text-indent: -5000px;
	background: url(../images/charte/cart-btn-up.jpg) 0 0 no-repeat;}
#cartbar a:hover, #cartbar a:active{
	background: url(../images/charte/cart-btn-over.jpg) 0 0 no-repeat;}