@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 {
	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 CENTRE*/	
#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;
	}
	
/*COLONNE DROITE*/	
#coldroitehome {
	float:left;
	margin-top:44px;
	height:100%;
	/*background-color:#FFFFFF;*/
	width: 243px;
	background-image: url(img/separateur_home.png);
	background-repeat: no-repeat;
	background-position: left center;
	}
	
#coldroitehome p {
	font-size: 11px;
	text-align: left;
	line-height: 13px;
	
	}
	
#coldroitehome a {
	color:#ff6600;
	text-decoration: none;
	padding-right: 4px;
	font-size: 11px;
	font-weight: bold;
	}	
	
#coldroitehome a:hover,#coldroitehome a:active {
	/*display: block ;*/
	color: #ff6600 ;
	
	}
	
/*OFFRES*/

#bas {
	position: relative;
	/*margin-top: 35px;*/
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	text-align: center;
	height:235px;
	text-align: left;
	background-color: #FFFFFF;
	background-image: url(img/bg_offres.gif);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	}
	
#offres {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	text-align: center;
	height:223px;
	text-align: left;
	background-image: url(img/offres.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	}
	
#offre1 {
	float:left;
	width: 231px;
	height:186px;
	/*background-color: #FFFFFF;*/
	background-image: url(img/offre_1.jpg);
	background-repeat: no-repeat;
	background-position: 25px bottom;
	}
	
#offre2 {
	float:left;
	width: 240px;
	height:186px;
	
	background-image: url(img/offre_2.jpg);
	background-repeat: no-repeat;
	background-position: 27px bottom;
	}
	
#offre3 {
	float:left;
	width: 246px;
	height:186px;
	background-image: url(img/offre_3.jpg);
	background-repeat: no-repeat;
	background-position: 27px bottom;
	}
	
#offre4 {
	float:left;
	width: 243px;
	height:186px;
	background-image: url(img/offre_4.jpg);
	background-repeat: no-repeat;
	background-position: 34px bottom;
	}
#soluce {
	float:left;
	width: 960px;
	
	}
	
#offres p {
	font-size: 11px;
	text-align: left;
	line-height: 13px;
	
	}
	
#offres a {
	color:#ff6600;
	text-decoration: none;
	padding-right: 4px;
	font-size: 11px;
	font-weight: bold;
	}	
	
#offres a:hover,#offres a:active {
	/*display: block ;*/
	color: #ff6600 ;
}	
/*FOOTER*/
	
#bgfooter {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	height: 500px;
	background-color: #58595b;
	}
	
#footer {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	text-align: left;
	height: 100%;
	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 a:hover,#navigation li a:active {
	/*display: block ;*/
	color: #ff6600 ;
	
	}


/*MODULE COLONNE DE DROITE ideal*/
.module {
	height:180px;
	width: 195px;
	background-image: url(img/module.png);
	background-repeat: no-repeat;
	float:left;
	display:block;
	margin:0px 20px;
}
.module img.produit {
	position:absolute;
	top:44px;
	left:12px;
	z-index:1;
}
.module .titre {
	font-size: 14px;
	font-weight:bold;
	margin:14px 6px 0px 6px;
	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 10px 0px 86px;
	z-index:2;
}
.module div.offre {
	position:absolute;
	top:150px;
	left:30px;
}