/*---------------------------------------------------------------------*/
/*-------- STYLE POUR UNE PAGE 3 COLONNES (CONTACT, DEVIS,...)---------*/
/*---------------------------------------------------------------------*/
div#banderole{
	background:url(../../images/css/banderole-trans.png) top left no-repeat;
	width:973px;
	height:43px;
	margin:0px 0px 0px 11px;
	padding:0px 0px 0px 10px;
	line-height:37px;
	font-size:1.5em;
	font-weight:bold;
}

.clear {
  clear:both;
}

div#banderole h1{
	color:#404040;
	font-family:Arial;
	font-size:0.95em;
	font-weight:bold;
}
#validEmail {
	margin-top: 4px;
	margin-left: 3px;
	position: absolute;
	width: 16px;
	height: 16px;
}
div#page div#audit div.gauche ul {
  /*margin:10px 0 30px 35px;*/
  padding:0;
}
div#page div#audit div.gauche .d {
  margin:20px 0 0 50px;
  position:relative;
  min-height:150px;
  top:10px;
}

div#page div#audit div.gauche .d .imgD {
  float:left;
  position:absolute;
  right:23px;
}

div#page div#audit div.gauche .d ul li {
  list-style-image:url("../../images/css/picto-liste.gif");
  list-style-position:outside;
  padding:10px 0 0;
}

div#page div#audit div.gauche .d ul {
  float: left;
}

div#page div#audit div.gauche #ombre {
  background:url("../../images/css/ombre.jpg") no-repeat scroll left top transparent;
  height:24px;
  margin:30px 0 0 0;
  width:655px;
}

div#page div#audit div.gauche div#etapes {
  background:url("../../images/css/back_ref_audit-1.jpg") no-repeat scroll left top transparent;
  height:60px;
  width:690px;
  margin-left:-22px;
}
div#page div#audit div.gauche div#etapes ul li .num {
  display:block;
  float:left;
  font-size:50px;
  padding:0 10px 0 0;  
  list-style-image:url("../../images/css/picto-liste.gif");
}

div#page div#audit div.gauche div#etapes ul li .nomEtape {
  position:relative;
  top:23px;
}

div#page div#audit div.gauche div#etapes ul li .nomEtape1 {
  position:relative;
  top:15px;
}

div#page div#audit div.gauche div#etapes ul li {
margin:0;
padding:0 56px 0 0;
text-align:left;
float: left;
}

div#page div#audit div.gauche div#etapes ul li a {
  margin:0;
  padding:20px 0 0 0;  
}

div#page div#audit div.gauche div#etapes ul li a.active {
  color: white; 
}

div#page div#audit div.gauche div#etapes ul li a:hover {
  text-decoration: none;
  cursor: pointer;
}


div#banderole span.rose{
	color:#cd0669;
	float : left; 
	display : block;
}
div#page div#audit{
	width:975px;
	margin:0px auto;
	padding:0px;
	text-align:left;
}
div#page div#audit div.gauche,
div#page div#audit div.droite{
	float:left;
	padding:0px 0px 0px 12px;
	margin:0px;
	min-height:550px;
}
div#page div#audit div.gauche{
  width:600px;
}
div#page div#audit div.gauche h2{
	background:url("../../images/css/puce.jpg") top left no-repeat;
	padding:0px 0px 5px 20px;
	font-size:1.2em;
	margin:20px 0px 0px 0px;
}
div#page div#audit div.gauche h3{
	background:none;
	margin:15px 0px 5px 0px;
	font-size:1.2em;
	font-weight:bold;
	padding:0px;
}
div#page div#audit div.gauche p{
	text-align:justify;
}


div#page div#audit div.gauche span.prix_pack {
  border-bottom:1px solid #C8C8C8;
  border-top:1px solid #C8C8C8;
  color:#404040;
  font-weight:bold;
  left:32%;
  padding:8px 57px;
  position:relative;
  font-weight:bold;
}

div#page div#audit div.droite{
	width:320px;
}
div#page div#audit div.droite div.img_centre{
	background:url("../../images/css/back_coldroite_tpl8.png") top left repeat-y;
	width:322px;
	padding:10px 0px 0px 30px;
}
div#page div.texte{
	width:900px;
	margin:0px auto;
	padding:20px 0px 0px 0px;
}

div.formulaire div.champform label{
	background:url(../../images/css/puce_fleches_blanc.jpg) top left no-repeat;
	display:block;
	padding:0px 0px 0px 20px;
	margin:10px 0px 0px 0px;
}
div.formulaire div.champform label.error{
	color:#CD0669;
}
div.formulaire div.champform input{
	width:250px;
	border:1px solid #999999;
	padding:3px;
}
div.formulaire div.champform textarea{
	width:250px;
	border:1px solid #999999;
	padding:3px;
	height:118px;
}
div.formulaire div.btnform input{
	width:138px;
	height:40px;
	padding:15px 0px 0px 60px;
}