@charset "UTF-8";

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #FFFFFF;
	background-image: url(img/bg_header.gif);
	background-repeat: no-repeat;
	background-position: left top;
	font-family: Arial, Helvetica, sans-serif;
	color: #9d9fa1;
	}

a img{
border:none;
}

#global {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	text-align: left;
	}

#header {
	height:172px;
	width: 960px;
	}
	
#wrap {
	overflow:hidden;
	}

#sidebar {
	float:left;
	/*position:absolute;*/
	width:130px;
	/*background-color:#555555;*/
	}
	
/*CONTENU CENTRE*/	
#contenu {
	float:left;
	height:100%;
	width: 587px;
	/*background-color:#CCFF66;*/
	background-image: url(img/barre_titre.gif);
	background-repeat: no-repeat;
	background-position: 19px top;
	}	

#contenu p {
	font-size: 11px;
	text-align: justify;
	line-height: 13px;
	}
	
#contenu i {
	font-size: 11px;
	text-align: justify;
	line-height: 13px;
	font-style: italic;
	}
	
#contenu ul, #contenu ul li {
	font-size: 11px;
	}

#contenu a {
	color:#ff6600;
	text-decoration: none;
	padding-right: 4px;
	font-size: 10px;
	font-weight: bold;
}	

#contenu a.lien {
	font-size: 11px;
	}
	
#contenu a:hover,#contenu a:active {
	/*display: block ;*/
	color: #ff6600 ;
}
	
/*COLONNE DROITE*/	
#coldroite {
	float:left;
	margin-top:0px;
	height:100%;
	/*background-color:#FFFFFF;*/
	width: 243px;
	background-image: url(img/separateur_droite.gif);
	background-repeat: repeat-y;
	background-position: left;
	}
	
#coldroite p {
	font-size: 11px;
	text-align: left;
	line-height: 13px;
	
	}
		
#coldroite a {
	color:#ff6600;
	text-decoration: none;
	padding-right: 4px;
	font-size: 11px;
	font-weight: bold;
	}	
	
#coldroite a:hover,#coldroit a:active {
	/*display: block ;*/
	color: #ff6600 ;
	
	}
	
/*MODULES COL DROITE*/
#separateur{
	float:left;
	margin-top:0px;
	height:100%;
	width: 33px;
}

#module1 {
	float:left;
	margin-top:0px;
	margin-bottom:6px;
	height:238px;
	width: 210px;
	background-image: url(img/module1.jpg);
	background-repeat: no-repeat;
	background-position: left 62px;
	}
	
#module2 {
	float:left;
	margin-top:0px;
	margin-bottom:6px;
	height:175px;
	width: 210px;
	background-image: url(img/module2.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	}
	
#module3 {
	float:left;
	margin-top:0px;
	margin-bottom:6px;
	height:174px;
	width: 210px;
	background-image: url(img/module3.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	}
	
#module4 {
	float:left;
	margin-top:0px;
	margin-bottom:6px;
	height:175px;
	width: 210px;
	background-image: url(img/module4.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	}

/*OBJETS*/
#objet1 {
	
	margin-top:0px;
	height:238px;
	width: 210px;
	background-image: url(img/objet1.jpg);
	background-repeat: no-repeat;
	background-position: 33px 106px;
	}

#objet2 {
	
	margin-top:0px;
	height:175px;
	width: 210px;
	background-image: url(img/objet2.jpg);
	background-repeat: no-repeat;
	background-position: 37px 31px;
	}

#objet3 {
	
	margin-top:0px;
	height:174px;
	width: 210px;
	background-image: url(img/objet3.jpg);
	background-repeat: no-repeat;
	background-position: 20px 61px;
	}

#objet4 {
	
	margin-top:0px;
	height:175px;
	width: 210px;
	background-image: url(img/objet4.jpg);
	background-repeat: no-repeat;
	background-position: 22px 54px;
	}
		
/*FOOTER*/
	
#bgfooter {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	background-color: #58595b;
	}
	
#footer {
	display:table;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	height: 140px;
	background-color: #58595b;
	}

#footer p {
	color: #ffffff;
	font-size: 10px;
	}
	
#footer ul li {
	color: #ffffff;
	font-size: 10px;
	list-style:none;
	}
	
#footer a, #footer a:hover, #footer a:active {
	color: #ffffff;
	text-decoration: none;
	}	

/*SOUS NAV*/
#navigation {
	width: 130px;
	list-style: none;
	line-height: 2em;
	text-align: right;
	text-decoration: none;
	color:#7a7c7f;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-top: 45px;
	padding-left: 0px;
	margin:0px;
}
	
#navigation li {
	color: #ff6600;
	margin-bottom: 6px;
	background-image: url(img/separateur_srub.png);
	background-position: bottom;
	background-repeat: no-repeat;
	text-decoration: none;
	padding-right: 4px;
}
	
#navigation li a {
	color:#7a7c7f;
	text-decoration: none;
	padding-right: 4px;
}
	
#navigation li.on a {
	color:#ff6600;
	font-weight:bold;
}
	
#navigation li a:hover,#navigation li a:active {
	/*display: block ;*/
	color: #ff6600 ;
	
}


#navigation li ul {
	list-style: none;
	padding-left: 0px;
	margin:0px;
}
#navigation li li {
	color: #ff6600;
	margin-bottom: 6px;
	background-image:none;
	text-decoration: none;
	padding-right: 4px;
}

/*FORMULAIRE*/
form {
	background-color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
}
fieldset {
	padding:5px;
	margin-bottom:10px;
}
legend {
	color:#a0522d;
	font-weight:bold
}
input {
	border:1px solid  #bfbfbf;
	background-color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FF6600;
}
input[type=radio] {
	margin-right:50px;
	background-color:transparent;
	border:none;
}
select, option {
	background-color:#bfbfbf;
	font-family:Arial, Helvetica, sans-serif;
}
textarea {
	border:1px solid  #bfbfbf;
	background-color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FF6600;
}

/*MODULE COLONNE DE DROITE ideal*/
.module {
	height:180px;
	width: 210px;
	background-image: url(img/module1.jpg);
	background-repeat: no-repeat;
	position:relative;
	float:left;
	display:block;
}
.module1 {
	margin-top:62px;
}
.module img.produit {
	position:absolute;
	top:44px;
	left:20px;
	z-index:1;
}
.module .titre {
	font-size: 14px;
	font-weight:bold;
	margin:14px 14px 0px 24px;
	text-align:center;
}
.module .titre .titre_orange {
	color:#ff6600;
}
.module .titre .titre_gris {
	color:#58595b;
}
.module .texte {
	font-size: 11px;
	text-align: left;
	line-height: 13px;
	position:relative;
	margin:30px 18px 0px 102px;
	z-index:2;
}
.module div.offre {
	position:absolute;
	top:150px;
	left:30px;
}

/*LISTE HORIZONTALE DE PRODUITS*/
div.sous_navigation ul{
margin:0px 0px 10px 0px;
}
div.sous_navigation ul li{
font-size:10px;
height:12px;
}
div.sous_navigation ul li{
display:inline;
padding:0px 10px 0px 10px;
border-left:1px solid #666;
}
div.sous_navigation ul li.first{
border:none;
}

/*ACCESSOIRES*/
div.accessoires span{
font-size:12px;
font-weight:bold;
color:#58595b;
}
div.accessoires p{
padding:0px;
margin:4px 0px 0px 0px;
}

/*PLAN DU SITE*/
#plansite ul,
#plansite ol{
list-style:none;
margin:0 0 0 20px;
}
#plansite li{
padding:1px 0 0 0;
}
#plansite li a{
font-size:14px;
}
#plansite li li a{
font-size:12px;
}
#plansite li li li a{
font-size:11px;
}
