/* CSS d'EXEMPLE CAHIER DES CHARGES 2008 */
/* date : 23.10.07 */
/* unités : px */
@charset "utf-8";

/* ________________________________________________ => CORPS DE PAGE */

#body { color: #727272;   margin:0 auto; text-align:center; 

} 

#page{
	background: #d2d3cf url(gfx/background.gif) repeat-x;
	width:100%;
	margin:0 auto;
	position: relative;
	padding: 0px 0px 0px 0px;
	top: 0px;}

#container_acc {
	background: url(gfx/bg_haut.gif);
	height:31;
	margin:0px;
	top: 0px;
	width: 100%;
	position: relative;
}
#footer_acc {
	background: #d2d3cf url(gfx/bg_bas.gif);
	height:3px;
	margin:10px 0px 0px 0px;
	position: relative;
	width: 100%;
	vertical-align: bottom;
	clear: both;
	padding: 10px 0px 0px 0px;
}
#contenu { font: normal 11px Arial, Helvetica, sans-serif; color: #474F5B; margin:15px;}



#container {
	background: #d2d3cf url(gfx/background.gif) repeat-x,;
	width:949px;
	text-align:center;
	margin: 0 auto;
	position: relative;
	padding-top: 78px;
}

#content {
	background-image:url(gfx/logo.gif);
	width:449px;
	height:266px;
	margin: 0;
	align:middle;
	float: left;
	position: relative;
	
}
#content1 {
	background-image:url(gfx/bg_anim.gif);
	width:500px;
	height:266px;
	margin: 0;
	float: right;
	position: relative;
}


#content2 {
	background-image:url(gfx/up.gif);
	width:949px;
	height:32px;
	margin: 0;
	float: right;
	padding: 0px;
	position: relative;
}

#content3 {
	background-image:url(gfx/bg_pave_gauche.gif);
	width:220px;
	margin: 0;
	float: left;
	position: relative;
}

#content4 {
	background-image:url(gfx/limite_gauche.gif);
	width:13px;
	height:428px;
	margin: 0;
	float: left;
	position: relative;
}

#contents{
	width:489px;
	margin: 0;
	float: left;
	position: relative;
}

#content5 {
	background-image:url(gfx/bg_mil_haut.gif);
	width:489px;
	margin: 0;
	float: left;
	background-repeat: repeat-x;
	background-color: #FCFCFC;
	
}

#p1{
	font-size: 15px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: justify;
	margin-left: 15px;
	margin-right: 15px;
	
	}

#p2{
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: inherit;
	margin-left: 15px;
	margin-right: 15px;
	
	}
	
	
#content6 {
	background-image:url(gfx/bg_mil_milieu.gif);
	width:489px;
	height:80px;
	margin: 0;
	float: left;
}
#content7 {
	background-image:url(gfx/bg_mil_bas.gif);
	width:489px;
	margin: 0;
	float: left;
	font-size: 15px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: justify;
	color: #000000;
}

#content8 {
	background-image:url(gfx/limite_droite.gif);
	width:13px;
	height:428px;
	margin: 0;
	float: left;
	position: relative;
}
#contente {
	width:214px;
	margin: 0;
	float: left;
	position: relative;
}

#content9 {
	background-image:url(gfx/pave_droite1.gif);
	width:214px;
	height:166px;
	margin: 0px auto;
	float: left;
    font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: justify;
}
#content10 {
	background-image:url(gfx/milieu_pave1.gif);
	width:214px;
	height:36px;
	margin: 0;
	float: left;
}
#content11 {
	background-image:url(gfx/pave_droite2.gif);
	width:214px;
	height:111px;
	margin: 0;
	float: left;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: justify;
}
#content12 {
	background-image:url(gfx/milieu_pave2.gif);
	width:214px;
	height:30px;
	margin: 0;
	float: left;
}

#content13 {
	background-image:url(gfx/pave_droite3.gif);
	width:214px;
	margin: 0;
	float: left;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: justify;
	height: 88.px;
	height: 86px;
}

#content14 {
	background-image:url(gfx/down.gif);
	width:949px;
	height:17px;
	margin: 0;
	float: left;
	position: relative;
}

.text{
	font-family: Arial, Helvetica, sans-serif;
	text-align: justify;
	font-size:12px;
	color:#000000;
	font-weight:bold;
	padding-left: 0px;
	text-transform:uppercase;
}

#textegauche{
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	font-size:11px;
	color:#000000;
	padding-left: 105px;
	padding-top:46px;
	text-transform:uppercase;
}

#textegauche1{
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	font-size:11px;
	color:#000000;
	padding-left: 105px;
	padding-top:3px;
	text-transform:uppercase;
}
#textedroite{
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	font-size:11px;
	color:#000000;
	padding-left: 25px;
	padding-top:3px;
	padding-right:25px;
	text-transform:uppercase;
}

#down{
    background-image:url(gfx/down1.gif);
	width:220px;
	height:17px;
	margin: 0;
	float: left;
	position: relative;
}


#down1{
    background-image:url(gfx/down3.gif);
	width:490px;
	height:40px;
	margin: 0;
	float: left;
	position: relative;
}
#down3{
    background-image:url(gfx/down2.gif);
	width:214px;
	height:17px;
	margin: 0;
	float: left;
	position: relative;
}

#gamme{
    height:435px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: justify;
	font-size:12px;
	color:#000000;
	padding-left: 0px;
	text-transform:uppercase;
}
.formulaire 
{
	BORDER-RIGHT: medium none; 
	BORDER-TOP: medium none; 
	FONT-SIZE: 11px; 
	BORDER-LEFT: medium none; 
	WIDTH: 100%; 
	COLOR: #FDFDFD; 
	BORDER-BOTTOM: medium none; 
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	background:url(gfx/bgcontain2.gif) repeat-y;
	background-color:#FF7002;
}
.formulaire2{
	FONT-SIZE: 11px; 
	COLOR: #000000; 
	FONT-FAMILY: Arial, Helvetica, sans-serif;
}
.formulaire_bouton 
{
	BORDER-RIGHT: medium none; 
	BORDER-TOP: medium none; 
	FONT-WEIGHT: bold; 
	FONT-SIZE: 11px; 
	BORDER-LEFT: medium none; 
	WIDTH: 49%; 
	COLOR: #FDFDFD; 
	BORDER-BOTTOM: medium none; 
	FONT-FAMILY: Arial, Helvetica, sans-serif; 
	background:url(gfx/bgcontain2.gif) repeat-y;
}