@charset "UTF-8";
/* CSS CD-classical */

body {
	color:#333333;
	font-size:13px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

P{
	color:#333333;
	padding:0px;
	margin:0px;
	line-height:20px;
}

H1 {
	font-family:"Myriad", "Lucida Grande CY", "Trebuchet MS", Arial, Helvetica;
	color:#FF6600;
	font-size:18px;
	font-weight:lighter;
	margin-bottom:0px;
	margin-top:0px;
}

H2 {
	font-family:"Myriad", "Lucida Grande CY", "Trebuchet MS", Arial, Helvetica;
	color:#FF6600;
	font-size:16px;
	font-weight:lighter;
	margin-bottom:0PX;
}

H3{
	font-family:"Myriad", "Lucida Grande CY", "Trebuchet MS", Arial, Helvetica;
	color:#FF6600;
	font-size:14px;
	font-weight:bold;
	margin-top:0PX;
	margin-bottom:3PX;
}

#contener {
	position:absolute;
	left: 50%;
	margin-left: -500px;
	top:35px;
	width:1000px;
	height:910px;
	z-index:1;
}

ul {
	font-style:italic;
	color:#CC0000;
}

hr {
	background-color:#CCCCCC;
	color:#CCCCCC;
	margin-bottom:10px;
	border:#CCCCCC;
}

/*classes ///////////////////////////////////////////////*/

.piedPage{
	font-size:10px;
	color:#666666;
	font-weight:lighter;
}

.smNavProduit{
	color:#FFFFFF;
	font-weight:lighter;
	
}

.texteClair{
	color:#999999;
}

.champRequis{
	font-size:12px;
	color:#000000;
}

.selectionProduit {
	font-size:12px;
}

.actualite {
	font-size:14px;
}

/*layers bannières //////////////////////////////////////*/

#logo {
	position:relative;
	left:0px;
	top:-8px;
	width:500px;
	height:167px;
	z-index:2;
	background-image:url(../images/design/logo.jpg);
}

#visuelBanner {
	position:relative;
	left:500px;
	top:-175px;
	width:500px;
	height:167px;
	z-index:2;
	background-image:url(../images/design/visuel.jpg);
}

#barreNav {
	position:absolute;
	left:1px;
	width:1000px;
	height:28px;
	z-index:3;
	top: 160px;
	background-image:url(../images/design/s_menu.jpg);
}

#smProduit {
	position:absolute;
	left:90px;
	top:27px;
	width:131px;
	height:210px;
	z-index:5;
	background-color:#3f3f39;
	visibility: hidden;
}

#language {
	position:relative;
	left:910px;
	top:-170px;
	width:80px;
	height:25px;
	z-index:3;
}
/*layers contenu ///////////////////////////////////////*/

#contenuGauche {
	position:absolute;
	left:70px;
	top:205px;
	width:495px;
	height:645px;
	z-index:2;
}

#contenuDroite {
	position:absolute;
	left:627px;
	top:205px;
	width:365px;
	height:645px;
	z-index:2;
}

#contenu {
	position:absolute;
	left:47px;
	top:205px;
	width:947px;
	height:650px;
	z-index:2;
}

/* layers pied de page /////////////////////////////////*/

#piedPage {
	position:relative;
	left:150px;
	top:auto;
	width:650px;
	height:45px;
	padding-top:30px;
	z-index:3;
}

.espaceNav{
	padding-top:1px;
}

#bottom {
	position:absolute;
	left:27px;
	top:1500px;
	width:5px;
	height:2px;
	z-index:2;
}
/* liens menu de navigation ///////////////////////////*/

a.menuNav:link{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:13px;
	text-decoration:none;
	font-weight:lighter;
	margin-left:4px;
}

a.menuNav:visited{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:13px;
	text-decoration:none;
	font-weight:lighter;
	margin-left:4px;
}


a.menuNav:hover{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FF6600;
	font-size:13px;
	text-decoration:none;
	font-weight:lighter;
	margin-left:4px;
}


a.savoirPlus:link{
	color:#FF6600;
	font-style:italic;
	font-size:13px;
	text-decoration:none;
	margin-top:8px;
	}
	
a.savoirPlus:visited{
	color:#FF6600;
	font-style:italic;
	font-size:13px;
	text-decoration:none;
	margin-top:8px;
}
	
a.savoirPlus:hover{
	color:#999999;
	font-style:italic;
	font-size:13px;
	text-decoration:none;
	margin-top:8px;
}



a.support:link{
	color:#FF6600;
	font-style:italic;
	font-size:13px;
	text-decoration:none;
	}
	
a.support:visited{
	color:#FF6600;
	font-style:italic;
	font-size:13px;
	text-decoration:none;
}
	
a.support:hover{
	color:#999999;
	font-style:italic;
	font-size:13px;
	text-decoration:none;
}



a.langue:link{
	color:#FFFFFF;
	font-size:9px;
	text-decoration:none;
	}

a.langue:visited{
	color:#FFFFFF;
	font-size:9px;
	text-decoration:none;
}
	
a.langue:hover{
	color:#FF6600;
	font-size:9px;
	text-decoration:none;
}



a.contact:link{
	color:#000000;
	font-size:13px;
	text-decoration:none;
	}
	
a.contact:visited{
	color:#000000;
	font-size:13px;
	text-decoration:none;
}
	
a.contact:hover{
	color:#FF6600;
	font-size:13px;
	text-decoration:none;
}



/* teamCo /////////////////////////////////////////////*/

a.teamcoNav:link {
	font-size:11px;
	color:#999999;
	text-decoration:none;
}

a.teamcoNav:visited {
	font-size:11px;
	color:#999999;
	text-decoration:none;
}

	
a.teamcoNav:hover {
	font-size:11px;
	color:#000000;
	text-decoration:none;
}
	

.teamco{
	font-size:11px;
	color:#666666;
}