/**
 * Framework CSS
 */
body, table, tr, th, td, div, p, ul, ol, li, h1, h2, h3, h4, h5, h6, form, img, hr, input {margin: 0; padding: 0;}

body {margin: 8px 0; background: #F6F5F4; font: 11px normal Arial, Helvetica, Sans-serif; color: #424551}
img {border: 0px;}
p {padding-bottom: 10px;}

a{color: #E55901; text-decoration: underline;}
a:hover{text-decoration: none;}

.center {text-align: center;}
.strong {font-weight: bold;}
.italic {font-style: italic;}

/**
 * En-tête
 */
#header {
	position: relative;
	margin: auto;
	width: 969px;
	height: 83px;
	padding: 10px 10px 0 10px;
	background-color: #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
}

#logo {
	position: absolute;
	top: 10px;
	left: 10px;
	height: 63px;
	width: 265px;
}

#sansfrais {
	position: absolute;
	top: 15px;
	left: 420px;
	width: 133px;
	height: 60px;
}

#parrainage_head {
	position: absolute;
	top: 0;
	left: 656px;
}
#parrainage_head p {
	padding: 0;
	margin: 0;
}
#parrainage_head p span {
	font-weight: bold;
	color: #F78037;
}

#menutop {
	position: relative;
	float: right;
	width: 348px;
	height: 21px;
	margin-top: 57px;
	padding-top: 5px;
	background: url(../images/bg_top.jpg) top center no-repeat;
}

#menutop div {
	font-weight: bold;
	font-style: italic;
	font-size: 10px;
	text-transform: uppercase;
	color: #FFFFFF;
}

#menucompte {
	position: absolute;
	top: -6px;
	left: 30px;
	width: 100px;
	height: 20px;
	padding: 12px 0 0 25px;
	background: url(../images/cadenas.jpg) no-repeat;
}
#menucompte a {color: #FFFFFF; text-decoration: none;}

#menupanier {
	position: absolute;
	top: 0;
	left: 175px;
	width: 145px;
	height: 14px;
	padding: 6px 0 0 20px;
	background: url(../images/panier.jpg) no-repeat;
}
#menupanier a {color: #FFFFFF; text-transform: lowercase;}
#menupanier a:hover {text-decoration: none;}

/**
 * General
 */
#contenu {
	margin: auto;
	width: 969px;
	background: #FFFFFF url(../images/bg.jpg) top right repeat-y;
	padding: 0 10px;
}

#bandeau {
	float: right;
	width: 213px;
	color: #FFFFFF;
}

#menugeneral {
	background-color: #424551;
	width: 755px;
	height: 21px;
}

#menu {
	float: right;
	height: 21px;
	list-style-type: none;
	background-color: #FFFFFF;
}

#menu li {
	float: left;
	height: 21px;
	border-right: 1px solid #FFFFFF;
}

#menu li a {
	padding: 5px 22px;
	line-height: 20px;
	background-color: #E1DDD1;
	text-transform: uppercase;
	font-weight: bold;
	font-style: italic;
	font-size: 10px;
	color: #424551;
	text-decoration: none;
}

#menu li a:hover {
	background-color: #989181;
	color: #FFFFFF;
}

#menu #menu_first a {
	background: url(../images/home.jpg) center left no-repeat;
	background-color: #424551;
	color: #FFFFFF;
}

#menu #menu_last {
	border-right: none;
}

#page {
	width: 755px;
	min-height: 860px;
}

/**
 * Colone droite
 */
a.orange_puce {
	background: url(../images/puce.jpg) no-repeat 2px;
	padding-left: 15px;
	font-size: 11px;
	font-weight: bold;
	color: #F78037;
}
a:hover.orange_puce {text-decoration:none;}

#aide {
	width :178px;
	height :236px;
	padding:110px 20px 0 15px;
	background: url(../images/bg_caddy.jpg) repeat-x;
}
#aide .aide_titre {
	font-size: 18px;
	color: #FFFFFF;
}
#aide .aide_texte {
	padding-left: 13px;
	font-size: 11px;
	color: #FFFFFF;
	line-height: 14px;
}
#aide .aide_lien {
	padding-top: 10px;
}

#news {
	width :211px;
	height :344px;
	background: #FFFFFF;
	border: 1px solid #4B4F5B;
	color: #4B4F5B;
	overflow: hidden;
}
#news .news_illustration {
	width: 210px;
	height: 180px;
	overflow: hidden;
}
#news .news_titre, #news .news_texte, #news .news_lien {
	padding: 10px 0 0 10px;
}
#news .news_titre {
	font-size: 18px;
	font-weight: bold;
}
#news .news_texte {
	font-size: 13px;
	font-weight: bold;
}
#news .news_titre strong, #news .news_texte strong {
	color: #F78037;
}

#videos {
	width: 213px;
	height: 220px;
	border-top: 1px solid #FFFFFF;
}

#contact {
	width: 213px;
	height: 220px;
	background: #FFFFFF url(../images/bg_contact.jpg) no-repeat;
	border-top: 1px solid #FFFFFF;
}
#contact .contact_titre {
	margin: 0 15px;
	padding: 10px 0 7px 0;
	width: 116px;
	font-size: 18px;
	color: #FFFFFF;
	border-bottom: 1px dotted #79888E;
}
#contact .contact_adresse {
	margin: 10px 15px 0 15px;
	padding: 0;
	font-size: 11px;
	color: #FFFFFF;
}
#contact .contact_telephone {
	margin: 0 15px;
	padding: 0;
	margin-top: 5px;
	text-indent: 13px;
	background: url(../images/puce.jpg) no-repeat 1px 3px;
	font-size: 11px;
	color: #FFFFFF;
}
#contact .contact_telephone a {
	color: #FFFFFF;
}
#contact .contact_telephone a:hover {
	text-decoration: none;
}

#logos {
	width: 213px;
	vertical-align: top;
}
#logos p {
	padding-bottom: 0;
}
#logos .logos_titre {
	margin: 2px 0 0 15px;
	padding: 0;
	width: 183px;
	font-size: 18px;
	color: #FFFFFF;
}

/**
 * Navigation
 */
#navpages {margin-right: 10px; padding: 5px 0; text-align: right; font-weight: bold; color: #E95701;}
#navpages a {color: #424551; text-decoration: none; font-weight: bold;}
#navpages a:hover {text-decoration: underline;}
#navpages span {padding: 0 2px 0 2px;}
#navpages span.seppages {color: #424551;}
#navpages img {vertical-align: -2px;}

/**
 * Commande
 */
#commande_titre {margin-top: 20px; color: #E55901; font-weight: bold; font-size: 18px;}

/**
 * Footer
 */
#footer {
	clear: both;
	position: relative;
	margin: auto;
	width: 989px;
	height: 45px;
	background: #FFFFFF;
}

#footer #menubas {
	position: absolute;
	top: 10px;
	width: 969px;
	padding: 0 10px;
	height: 35px;
	background: #E9E6E2;
}

#footer #menubas #credits {
	float: right;
	padding-top: 10px;
}

#footer #menubas #credits a {
	color: #C04D07;
}

#footer #menubas #liens {
	padding-top: 10px;
}

#footer #menubas #liens a {
	color: #91897C;
}