@charset "utf-8";
/* CSS Document */

/*structure col*/
#col-gauche{
position: absolute;
left:14px;
width: 211px;
height:400px;
padding-top:45px;
/*background-color:#fff;*/
background-image: url(../../images/fr/accueil/fond_actu.jpg);
background-repeat: no-repeat;
background-position: 0 0;
z-index:1;
}
#col-droite{
/*background-color:#fff;*/
margin-left: 216px;
/*min-height:1060px;*/
z-index:0;
}
.fond-tableau{
background-image: url(../../images/fr/collection/fond_fiche_projet_centre.jpg);
background-repeat: no-repeat;
background-position: 0 0;
text-align:center;
}

#tableau-prod{
height:161px;
text-align:left;
padding:-10px;
padding-left:15px !important;
}
#tableau-prod h2{
color:#E1001A;
font-size:12px;
font-weight:normal;
/*display:block;*/
padding-left:20px;
background-image: url(../../images/fr/collection/puce_titre_prod_f2.gif);
background-repeat: no-repeat;
background-position: 0 0;
}
#tableau-prod td{
font-size:11px;
}
#tableau-prod td.legende{
color:#999999;
font-size:11px;
border-bottom: solid 1px #CCC;
}
#tableau-prod td.caracteristique{
font-size:11px;
border-bottom: solid 1px #CCC;
}
/*--------menu-gauche------------------*/
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
dd {
display:none
}
#menu {
/*position: absolute;
top: 200px;
left: 120px;
margin-top:400px;
padding-top:200px;*/
margin-left:10px;
}
dl#menu {
width: 200px;
}
dl#menu dt {
cursor: pointer;
margin: 2px 0;
height: 16px;
/*line-height: 5px;*/
text-align: left;
/*border: 1px solid gray;*/

}
dl#menu dd {
/*border: 1px solid gray;*/
}
dl#menu dd {
/*border: 1px solid gray;*/
}
dl#menu li {
position:relative;
text-align: left;
/*background: #fff;*/
margin-left:10px;
}
dl#menu li a {
display:block;
font-size:10px;
padding: 0 5px 0 17px;
color: #412312;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
background: url(../../images/fr/collection/menu.png) 0px 0px no-repeat;
background-color:#f5f5f5;
border-bottom: solid 1px #ccc;
}
dl#menu li a:hover{
/*background: #4B5121;*/
color: #c00;
background: url(../../images/fr/collection/menu.png) -186px 0px no-repeat;
background-color:#ccc;
border-bottom: solid 1px #666;
}
/*niveau 2*/
dl#menu ul li ul{
position: absolute;
top:0px;
left:140px;
z-index:1500;
width:200px;
background:#EFF5D3;
}
dl#menu li ul li a {
display:block;
font-size:10px;
padding: 0 5px 0 17px;
color: #4B5121;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
background:none;
border-bottom: solid 1px #E5E79E;
}
dl#menu li ul li a:hover{
/*background: #4B5121;*/
color: #FF9900;
background:none;
border-bottom: solid 1px #E5E79E;
}
/*fin n2*/
dl#menu dt a{
padding-left:30px;
color: #412312;
text-decoration: none;
display: block;
border: 0 none;
height: 16px;
background: url url(../../images/fr/collection/fond_menu.png) 0px 0px no-repeat;
}
dl#menu dt a:hover{
background: url(../../images/fr/collection/fond_menu.png) -210px 0px no-repeat;
}
dl#menu dt a.select{
background: url(../../images/fr/collection/fond_menu.png) -210px 0px no-repeat;
}

/*-------fin-------*/

/*------coussinage---------*/
#coussinage{
cursor:pointer;
position:absolute;
top:280px;
left:5px;
width:202px; height:104px;
background-image:url(../../images/fr/collection/coussinage.png) !important;
background-repeat:no-repeat !important;
background: none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fr/collection/coussinage.png', sizingMethod='scale');
}
#coussinage2{
float:left;
cursor:pointer;
border: 0px;
text-decoration:none;
width:202px; height:104px;
background-image:url(../../images/fr/collection/coussinage.png) !important;
background-repeat:no-repeat !important;
background: none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fr/collection/coussinage.png', sizingMethod='scale');
}
/*-----------------*/
/*-----------------*/
/*------etapes---------*/
form {
margin:0;
padding:0;
}
.chargement3d{
}

.chargement3d a{
 color: #000;
 text-decoration:none;
 border-bottom: dashed 1px #000;
}
.chargement3d a:hover{
 color: #c00;
 border-bottom: dashed 1px #CC0000;
}

#nav_context_etape{
 font-size:11px;
 color: #999;
 text-decoration:none;
 height:20px;
 margin: 15px 0 0 0;
 }
#nav_context_etape a{
 color: #999999;
 text-decoration:none;
}
#nav_context_etape a:hover{
 color: #999999;
 text-decoration:underline;
}
.noir-jaune {
	background-image: url(../../images/noir_jone.gif);
	background-repeat: repeat-x;
}
.verd12N {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #000000;
}
.fondtable {
	background-image: url(../../images/pixel_haut.gif);
	background-repeat: repeat-x;
}
.pixelbas {
	background-image: url(../../images/pixel_bas.gif);
	background-repeat: repeat-x;
}
#center-site {
	position:absolute;
	left: 50%;
	top: 50%;
	width: 780px;
	margin-left: -390px;
	margin-top: -205px;
	z-index: 0;
}
.calquemenuoverlegende {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #510110;
	background-color: #EFEFEF;
	border: 1px solid #512100;
	filter: DropShadow(color=red,offx=4,offy=4,positive=1,enabled=0);
	filter: Alpha(Opacity=90);
	text-align: center;
}
.fond-accueil {
	background-image: url(../../images/accueil/fond_v.gif);
	background-repeat: no-repeat;
	background-position: 443px 0px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;

}
.a-10-bl {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
}
a.lien-mail {
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #FFFFFF;
	font-weight:bolder;
	text-decoration:none;
}
a.lien-mail:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #FFFFFF;
	text-decoration:underline;
	font-weight: bold;
}
a.lien-a-bl {
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #FFFFFF;
	text-decoration:none;
}
a.lien-a-bl:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #FFFFFF;
	text-decoration:underline;
}
.fond-rayure {
	background-image: url(../../images/accueil/rayures.gif);
	background-repeat: repeat-y;
}
.filet-4 {
	border-left-width: 4px;
	border-left-style: solid;
	border-left-color: #C6C0DF;
}
.t-accueil {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #C6C0DF;
	text-decoration: none;
}
.st-accueil {

	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
a.lien-a-brun {
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #412312;
	text-decoration:none;
}
a.lien-a-brun:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #412312;
	text-decoration:underline;
}
.sevice-plus {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #412312;
	text-decoration: none;
}
.fond-nav-gen {
	background-image: url(../../images/accueil/fond_v.gif);
	background-repeat: no-repeat;
	background-position: 443px 0px;
}
a.lien-menu-gen {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color: #412312;
	font-weight:bold;
	text-decoration:none;
	width: 100%;
	line-height: 28px;
}
a.lien-menu-gen:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color: #412312;
	text-decoration:none;
	line-height: 28px;
	background-color: #F4F2F9;
	display: block;
	width: 100%;
	font-weight: bold;
}
a.lien-menu-gen-select {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color: #412312;
	text-decoration:none;
	line-height: 28px;
	background-color: #F4F2F9;
	display: block;
	width: 100%;
	font-weight: bold;

}
.filet-bl {
	background-color: #412312;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
}

.t-espace {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #c00;
}
.a-9-bl {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	text-decoration: none;
	letter-spacing: 3pt;

}
.etape-over {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #412312;
	text-decoration: none;
	background-color: #FFFFFF;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #412312;
	line-height: 16px;

}
.etape-down {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #ccc;
	text-decoration: none;
	background-color: #f5f5f5;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #412312;
	line-height: 16px;

}
a.lien-acajou {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #993300;
	text-decoration:underline;
}
a.lien-acajou:hover {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #993300;
	text-decoration:none;
}
.filet-acajou {
	border: 1px solid #993300;
}
a.lien-bouton {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #000000;
	font-weight:bold;
	text-decoration:none;
	width: 153px;
	line-height: 30px;
	border: 1px solid #000000;
	height: 30px;
	background-image: url(../../images/fond-bouton.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
	vertical-align: middle;
	text-align: center;
	display: block;
	margin-top: 5px;
}

.bouton_etape_suivante {
	background-image: url(../../images/collection/b_suivant.jpg);
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #000000;
	font-weight:bold;
	text-decoration:none;
	height: 29px;
	width: 172px;
	left: 0px;
	top: 0px;
	clip:   rect(0px 0px 0px 0px);
	border-style: none;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
}

.bouton_etape_suivante-blanc {
	background-image: url(../../images/collection/b_suivant-blanc.jpg);
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #000000;
	font-weight:bold;
	text-decoration:none;
	height: 29px;
	width: 172px;
	left: 0px;
	top: 0px;
	clip:   rect(0px 0px 0px 0px);
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-style: none;
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
}
.bouton_etape_precedente {
	background-image: url(../../images/collection/b_precedent.jpg);
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #000000;
	font-weight:bold;
	text-decoration:none;
	height: 29px;
	width: 172px;
	left: 0px;
	top: 0px;
	clip:   rect(0px 0px 0px 0px);
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-style: none;
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
}
.bouton_etape_precedente-blanc {
	background-image: url(../../images/collection/b_precedent-blanc.jpg);
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #000000;
	font-weight:bold;
	text-decoration:none;
	height: 29px;
	width: 172px;
	left: 0px;
	top: 0px;
	clip:   rect(0px 0px 0px 0px);
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-style: none;
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
}

.bouton_etape_fin {
	background-image: url(../../images/collection/b-fin.jpg);
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #000000;
	font-weight:bold;
	text-decoration:none;
	height: 29px;
	width: 158px;
	left: 0px;
	top: 0px;
	clip:   rect(0px 0px 0px 0px);
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-style: none;
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
}
a.lien-bouton_HOVER:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #FF0000;
	text-decoration:none;
	line-height: 30px;
	display: block;
	width: 153px;
	font-weight: bold;
	border: 1px solid #FF0000;
	height: 30px;
	background-repeat: repeat-x;
	background-position: left bottom;
	vertical-align: middle;
	text-align: center;
	margin-top: 5px;
}
.t-produit-et2 {

	font-family:Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: normal;
	color: #412312;
	text-decoration: none;
}
.tre-11 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
}
.filet-brun {
	border: 1px solid #412312;

}
.tre-10 {

	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
}
.tab-couleurs {
	text-decoration:underline;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #C6C0DF;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;


}
.tab-couleurs-over{
	text-decoration:none;
	background-color: #E3DFEF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #C6C0DF;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;


}
a.lien-menu-etape3 {
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color: #666;
	font-weight:bold;
	text-decoration:none;
	width: 180px;
	/*line-height: 45px;*/
	background-image: url(../../images/collection/tri-etape3-norm.gif);
	background-position: 180px center;
	border: 1px solid #ccc;
	background-repeat: no-repeat;
	background-color: #f5f5f5;
	padding:10px;
}
a.lien-menu-etape3:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color: #c00;
	font-weight:bold;
	text-decoration:none;
	width: 180px;
	/*line-height: 45px;*/
	background-image: url(../../images/collection/tri-etape3-over.jpg);
	background-position: 180px center;
	border: 1px solid #c00;
	background-repeat: no-repeat;
	background-color: #fff;
}
a.matiere-select {
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color: #c00;
	font-weight:bold;
	text-decoration:none;
	width: 180px;
	/*line-height: 45px;*/
	background-image: url(../../images/collection/tri-etape3-over.jpg);
	background-position: 180px center;
	border: 1px solid #c00;
	background-repeat: no-repeat;
	background-color: #fff;
	padding:10px;
}
.champ-form {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 100%;
	border: 1px solid #412312;

}
#center-intro {
	position:absolute;
	left: 50%;
	top: 50%;
	width: 1002px;
	margin-left: -501px;
	margin-top: -277px;
	z-index: 0;
	border: none;
}
/*----------recape----------*/
.fond-recap{
background-image:url(../../images/fr/collection/fond_recapitulatif.jpg);
background-position: left top;
background-repeat:no-repeat;
width:409px;
}
#cahe-4-image{
position:absolute;
top:240px;
left:628px;
width:306px;
z-index:8;
}