/* Import des style pour la charte */
@import "charte.css";

/***************** STYLE CONTENU *****************/
#contenu h1{
height:37px;
background-repeat:no-repeat;
background-image: url(../images/charte/titre-accueil.gif);
font-family: Arial, Helvetica, sans-serif;
padding-left: 22px;
width: 450px;
font:bold 13px Verdana, Arial, Helvetica, sans-serif;
}

#contenu h2{
font:bold 13px Verdana, Arial, Helvetica, sans-serif;
text-align:left;
text-transform: uppercase;
color:#000000;
margin-bottom:2px;
background:url(../images/charte/bg-h2.gif) no-repeat scroll left 3px;
text-indent:14px;
margin-top: 15px;
}

#contenu h3{
font:bold 13px Verdana, Arial, Helvetica, sans-serif;
text-align:left;
text-transform: uppercase;
color:#D3031C;
margin-bottom:2px;
background:url(../images/charte/bg-h2.gif) no-repeat scroll left 3px;
text-indent:14px;
margin-top: 15px;
}


.bolder{
font:bold 12px Verdana, Arial, Helvetica, sans-serif;
text-align:left;
color:#D3031C;

}

.bull1{
padding-left:10px;
background:url(../images/charte/puce1.gif) no-repeat scroll left 5px;
margin-left: 15px;
}

.bull2{
padding-left:10px;
background:url(../images/charte/puce2.gif) no-repeat scroll left 5px;
margin-left: 15px;
}

body.noir #contenu h2{
background:url(../images/charte/bg-h2-black.html) no-repeat scroll left 3px;
}

body.noir #contenu p{
color:#999;
}
#contenu p.couleur, body.noir #contenu p.couleur, .couleur{
font-weight:bold;
color:#009430;
}
#contenu a:link, #contenu a:visited{
font-weight:bold;
text-decoration:underline;
color:#d4011c;
}
#contenu a:hover, #contenu a:active{
text-decoration:underline;
color:#009430;
}

a img{

-moz-opacity: 1.00; opacity:1.00;
border: 0px;
}

a:hover img{

-moz-opacity: 0.70; opacity:0.70;
border: 0px;

}

.inputForm{
border:1px solid #C8C9CA;
background-color: #FFFFFF;
width:150px;
color: Black;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color:#000000;
}
.inputFormOver{
border:1px solid #C8C9CA;
background-color: #F5F4F4;
width:150px;
font-family: Arial, Helvetica, sans-serif;
color: Black;
font-weight:normal;
font-size: 12px;
color:#000000;
}
.button{
border:1px solid #AFB0B1;
background-color: #C8C9CA;
width:65px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color:#FFFFFF;
}
.buttonOver{
border:1px solid #AFB0B1;
background-color: #AFB0B1;
width:65px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
cursor:pointer;
color:#FFFFFF;
}

.frmContact{ /* dedicated ID for "contact form"*/

	text-align:center;
	background-color:#DDDDDD;
	font-size:11px;
  width: 500px;
	border:1px solid #DDDDDD;
}

.frmContact .Label, .frmContact label{
  	font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
white-space:nowrap;

}

.notice{

	font-size:11px;
	padding:0px;
}

#contenuProd .prodFiche p .mail {
	background-image:url(../images/charte/email-red.gif);
	background-repeat:no-repeat;
	height:10px;
}


/****************************** FORMULAIRE LOGIN *********************************/
/* TITRE FORMULAIRE */
#contenu .bloc-formulaire h4{
	font:small-caps bold 14px Arial, Helvetica, sans-serif;
	background:#FFF;
	border-bottom:1px solid #e6e6e6;
	padding:0;
	width:100%;
	text-align:left;
	margin:15px 0 15px 0;
	color:#666666;
	float:left;
	}


/* FOMULAIRE */
.bloc-formulaire {
	width:410px;
	float:left;
	margin:0 0 0 70px;
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#000;
}



.bloc-formulaire table {width:100%;}
.bloc-formulaire div {
	margin:0 0 4px 0 !important; margin:0 0 10px 0;
	float:left;
	width:100%;
	}

.bloc-formulaire  input, .bloc-formulaire  textarea, 
.bloc-formulaire select.liste-form, .bloc-formulaire .bouton {
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#757063;
	padding:0 10px 0 2px;
	border:1px solid #e6e6e6;
	background:#FFF;
}

.bloc-formulaire input, .bloc-formulaire textarea{
	width:170px;
	margin:0;
	border:1px solid #e6e6e6;
}

.bloc-formulaire label{
	width:110px;
	color:#666666;
	float:left;
	text-align:right;
	margin-right:10px;
	font:normal 11px Arial, Helvetica, sans-serif;
}

/* BOUTONS RADIOS */
.bloc-formulaire .bloc-radio {
	float:left;
	width:200px;
	margin:0 0 10px 0;
}

.bloc-radio span.label-radio {
	float:left;
	width:85%;
	margin:0 0 3px;
}

.bloc-radio span.bt-radio {
	float:left;
	clear:left;
	margin:0 0 3px;
	text-align:left;
}
		
.bloc-formulaire .bloc-radio span.bt-radio input{
	border:none;
	width:20px;
	height:10px;
	padding:0;
	vertical-align:middle;
}


/* CHECKBOX */
.bloc-formulaire .bloc-check {
	float:left;
	width:200px;
	margin:0 0 10px 0;
}

.bloc-check span {
	display:block;
	margin:0 0 1px 0;
	width:100%;
}
		
.bloc-formulaire .check{
	width:10%;
	border:none;
	margin:0 3px 0 0;
	vertical-align:middle;
}


/* LISTE DEROULANTE */
.bloc-formulaire select.liste-form{
	width:182px;
	text-align:left;	
	color:#000;
	padding:0;
	background:#fff;
}


/* BOUTON */
.bloc-formulaire .boutons{
	margin:20px 0 0 120px !important; margin:20px 0 0 30px;
	}

.bloc-formulaire .bouton{
	width:80px;
	height:auto;
	cursor:pointer;
	color:#000;
	margin:0;
	padding:0;
	font-size:10px;
	background:#D5D9E2;
	border:none;
}

.bloc-formulaire .champRequis{color:red; font-size:9px;}

.bloc-formulaire p.capa {
	margin:10px 0 0 90px;
	text-align:left;
	width:220px;
	font:italic 10px Arial, Helvetica, sans-serif;
	color:#666;
	line-height:12px;
}

.bloc-formulaire p.capa img{clear:left;}

.bloc-formulaire p.nb {
	margin:20px 0 0 0;
	text-align:justify;
	width:100%;
	font:italic 10px Arial, Helvetica, sans-serif;
	color:#666;
	float:left;
	line-height:12px;
	border-top:1px solid #e6e6e6;
}


/****************************** FORMULAIRE DEVIS *********************************/
/* TITRE FORMULAIRE */
#contenu .bloc-formulaire-devis h4{
	font:small-caps bold 14px Arial, Helvetica, sans-serif;
	background:#FFF;
	border-bottom:1px solid #e6e6e6;
	padding:0;
	width:100%;
	text-align:left;
	margin:15px 0 15px 0;
	color:#666666;
	float:left;
	}


/* FOMULAIRE */
.bloc-formulaire-devis {
	width:490px;
	float:left;
	margin:0 0 0 0px;
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#666666;
}



.bloc-formulaire-devis table {width:100%;}
.bloc-formulaire-devis div {
	margin:0 0 4px 0 !important; margin:0 0 10px 0;
	float:left;
	width:100%;
	}

.bloc-formulaire-devis  input, .bloc-formulaire-devis  textarea, 
.bloc-formulaire-devis select.liste-form, .bloc-formulaire-devis .bouton {
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#757063;
	padding:0 10px 0 2px;
	border:1px solid #e6e6e6;
	background:#FFF;
}

.bloc-formulaire-devis span.valeur{
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#ff0000;
	padding:0 10px 0 2px;
	border:1px solid #e6e6e6;
	background:#FFF;
	width:30px;
}
.bloc-formulaire-devis span.checkbox{
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#ff0000;
	padding:0 10px 0 2px;
	border:1px solid #e6e6e6;
	background:#FFF;
	width:15px;
}
.bloc-formulaire-devis span.valeur2{
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#ff0000;
	padding:0 10px 0 2px;
	border:1px solid #e6e6e6;
	background:#FFF;
	width:20px;
}

.bloc-formulaire-devis input, .bloc-formulaire-devis textarea{
	width:170px;
	margin:0;
	border:1px solid #e6e6e6;
}

.bloc-formulaire-devis label{
	width:250px;
	color:#666666;
	float:left;
	text-align:right;
	margin-right:10px;
	font:normal 11px Arial, Helvetica, sans-serif;
}

/* BOUTONS RADIOS */
.bloc-formulaire-devis .bloc-radio {
	float:left;
	width:200px;
	margin:0 0 10px 0;
}

.bloc-radio span.label-radio {
	float:left;
	width:85%;
	margin:0 0 3px;
}

.bloc-radio span.bt-radio {
	float:left;
	clear:left;
	margin:0 0 3px;
	text-align:left;
}
		
.bloc-formulaire-devis .bloc-radio span.bt-radio input{
	border:none;
	width:20px;
	height:10px;
	padding:0;
	vertical-align:middle;
}


/* CHECKBOX */
.bloc-formulaire-devis .bloc-check {
	float:left;
	width:200px;
	margin:0 0 10px 0;
}

.bloc-check span {
	display:block;
	margin:0 0 1px 0;
	width:100%;
}
		
.bloc-formulaire-devis .check{
	width:10%;
	border:none;
	margin:0 3px 0 0;
	vertical-align:middle;
}


/* LISTE DEROULANTE */
.bloc-formulaire-devis select.liste-form{
	width:182px;
	text-align:left;	
	color:#000;
	padding:0;
	background:#fff;
}

.bloc-formulaire-devis span.liste-form{
	width:182px;
	text-align:left;	
	color:#000;
	padding:0;
	background:#fff;
}


/* BOUTON */
.bloc-formulaire-devis .boutons{
	margin:20px 0 0 90px !important; margin:20px 0 0 30px;
	}

.bloc-formulaire-devis .bouton{
	width:130px;
	height:auto;
	cursor:pointer;
	color:#000;
	margin:0;
	padding:0;
	font-size:10px;
	background:#D5D9E2;
	border:none;
}

.bloc-formulaire-devis .champRequis{color:red; font-size:9px;}

.bloc-formulaire-devis p.capa {
	margin:10px 0 0 90px;
	text-align:left;
	width:220px;
	font:italic 10px Arial, Helvetica, sans-serif;
	color:#666;
	line-height:12px;
}

.bloc-formulaire-devis p.capa img{clear:left;}

.bloc-formulaire-devis p.nb {
	margin:20px 0 0 0;
	text-align:justify;
	width:100%;
	font:italic 10px Arial, Helvetica, sans-serif;
	color:#666;
	float:left;
	line-height:12px;
	border-top:1px solid #e6e6e6;
}

#planAcces{
	height:115px;
	width:100%;
	margin:0 auto;
	text-align:center;
}