/* Feuille de style pour le contenu des pages 
 * C'est cette feuille de style qui doit être liée aux pages du site
 * La feuille de style de la charte est appelée depuis cette feuille.
 */
 
/* Import des style pour la charte */
@import "charte.css"; 

/* STYLE CONTENU */
#contenu h1{
font:bold 1.6em Verdana, Helvetica, sans-serif;
text-align:left;
color:#005EB3;
margin-bottom:13px;
border-bottom:1px solid #ccd9e6;
}
#contenu h2{
font:bold 1.3em Verdana, Helvetica, sans-serif;
text-align:left;
color:#005EB3;
border-bottom:1px solid #ccd9e6;
display:inline;
}
#contenu h3{
font:bold 1.2em Verdana, Helvetica, sans-serif;
text-align:left;
color:#fff;
border-bottom:1px solid #ccd9e6;
display:inline;
}
#contenu p{
font:normal 1.1em Verdana, Helvetica, sans-serif;
text-align:left;
color: #005EB3;
}
#contenu p.couleur, .couleur{
font-weight:bold;
color:#005EB3;
}
#contenu a:link, #contenu a:visited{
font-weight:bold;
text-decoration:underline;
color: #FFB54C;
}
#contenu a:hover, #contenu a:active{
font-weight:bold;
text-decoration:none;
color:#005EB3;
}

#titre{

width:190px;
padding-left:10px;
font:bold 1.3em Verdana, Helvetica, sans-serif;
text-align:left;
color:#FFFFFF;
float:left;
border-bottom:1px solid #ccd9e6;
background-color:#1C93FF;
}
#texte-promo{
font:normal 1em Verdana, Helvetica, sans-serif;
text-align:left;
color: #1C93FF;
}
#texte-promo span.prix{
font:normal 1.5em Verdana, Helvetica, sans-serif;
text-align:left;
color: #EC8800;
font-weight:bold;

}

#texte-promo a{

color: #EC8800;
}
.total{
	height:100%;
}
#contenu #encartBas{
	width:555px;
	height: 50px;
	color: #fff;
	display:block;
	float:left;;
	font-family:Arial, Helvetica, Geneva, sans-serifs ;
	background-color: #006bcd;
	border: 3px solid #66ccff;
	padding: 5px 0 0 5px;
	font-size: 1.2em;
}

#contenu #encartBas a:hover{
	color: #66CCFF;
}
.catalogueTitre {
	color: #0066CC;
	font-weight: bold;
	font-size: 1.2em;
	font-family: Arial, Helvetica, sans-serif;
}
#article{
	float:left;
	width:555px;
	/*height: 100px;*/
	color: #fff;
	font-family:Arial, Helvetica, Geneva, sans-serifs ;
	border: 1px solid #66ccff;
	padding: 5px 0 5px 5px;
	margin-bottom: 10px;
	display: block;
}
#article a img{ 
	border:none;
}

#article .photo{ 
	width:90px;
	/*height: 90px;*/
	color: #fff;
	font-family:Arial, Helvetica, Geneva, sans-serifs ;
	padding: 5px 0 0 5px;
	font-size: 1.2em;
	float:left;
	margin-right: 10px;
	float:left;
	text-align:center;
}
#article .texte{ 
	width:400px;
	/*height: 90px;*/
	color: #1C93FF;
	font-size:1em;;
	font-family:Arial, Helvetica, Geneva, sans-serifs ;
	padding: 3px 0 0 5px;
	font-size: 1.2em;
	float:left;
}
#article .texte p{ 
	color: #0066CC;
	font-size:1em;
	font-family:Arial, Helvetica, Geneva, sans-serifs ;
	
}

.precedent a{
	color: #FF9900;
	font-weight: bold;
	font-size: 1.1em;
	font-family: Arial, Helvetica, sans-serif;
	float: left;
	text-decoration: none;
}
.precedent a:hover{
	color: #0066FF;
	font-weight: bold;
	font-size: 1.1em;
	font-family: Arial, Helvetica, sans-serif;
	float: left;
	text-decoration: none;
}
.suivant a{
	color: #FF9900;
	font-weight: bold;
	font-size: 1.1em;
	font-family: Arial, Helvetica, sans-serif;
	float: right;
	text-decoration: none;
}
.suivant a:hover{
	color: #0066FF;
	font-weight: bold;
	font-size: 1.1em;
	font-family: Arial, Helvetica, sans-serif;
	float: right;
	text-decoration: none;
}
/*******************FICHE PROD**********************/

#imgprod {
width:200px;
float:left;
padding-top:27px;
margin:0 10px 10px 0;
}
#imgprod img{
float:left;
margin:0 10px 10px 0;
border:1px solid #FFF;
}
#ficheprod {
width:300px;
float:left;
padding-left: 30px;

}
#ficheprod a{
width:300px;
float:left;
color: #FF6600;
font-size:1.2em;
font-family:Arial, Helvetica, sans-serif;
}
#ficheprod a:hover{
width:300px;
float:left;
color: #ff9900;
font-size:1.2em;
font-family:Arial, Helvetica, sans-serif;
text-decoration:none,
}
.gris{
color:#999999;
font:bold 1em Arial, Helvetica, sans-serif;
}

#ficheprod h1{
font:bold 1.2em Arial, Helvetica, sans-serif;
color:#0066FF;
letter-spacing:normal;
text-transform:none;
height:28px;
border-bottom:1px solid #717171;
}
#ficheprod h2{
font:bold 1.1em Arial, Helvetica, sans-serif;
color:#0066FF;
letter-spacing:normal;
text-transform:none;
border:none;
margin:0;
padding:0;
}
#ficheprod span { 
font:bold 1.4em Arial, Helvetica, sans-serif;
color: #FF6600;
letter-spacing:normal;
text-transform:none;
border:none;
margin:0;
padding:0;
}

.separ {
width:100%;
height:1px;
background:#717171;
margin:8px 0;
}

#ficheprod select {
/*width:150px;*/
border-bottom:1px solid #717171;
font:1em Arial, Helvetica, sans-serif;
color:#000000;
}




#produitHoriz{
/*width:1000px;
*/height:200px;
overflow-x:auto;
display:line;
padding:5px 0;
margin:0;
background:#00FF00;

}
.liste{
width: 200px;
display:line;
margin:0;

}
#borderproduit{
border: 1px solid #000;

}
/************************ TD ***************************/
.td{
font-family:Arial, Helvetica, sans-serif;
font-size:1em;
color: #0066CC;
}


/************************ devis ***************************/
#devis{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:1.1em;
color: #0066CC;
line-height:27px;

}
#devis input,textarea{
	width:410px;
	border:1px solid #0066CC;
	font-size:12px;
	margin:0 0 5px 0; 
}
/* STYLE DE LA PAGE CONTACT */

#contactTxt{
	width:550px;
	
}
#contactTxt a{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	
}
#contactTxt a:hover{
	width:550px;
	
}
#contactPlan{
	width:45%;
	background-color:#00CC00;
}
#formContact .bt-devis {
	width:100px;
	}
#formContact {
	width:550px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#005EB3;
	}
 #formContact label{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#005EB3;
	clear:left;
	}

	
#formContact input,textarea{
	width:220px;
	border:1px solid #0066CC;
	font-size:12px;
	margin:0 0 15px 0; 
	clear:both;
}

#formContact textarea{
	width:400px;
	border:1px solid #0066CC;
	font-size:12px;
	margin:0 0 15px 0; 
	clear:both;
}

#formContact input.cb{
    width:10%;
	border:none;
	font-size:12px;
	margin:0; 
	float:left;
}

#formContact .bouton-radio{
	border:none; 
}
#formContact input:focus,textarea:focus{
	border-color:#0066CC;
}
#formContact .champRequis{
	color:#FF0000;
}

/* corrections
/* nico. r.
/* 22/01/08
***********************/

#menu #mes_selections{
  font: 11px Arial, Helvetica, sans-serif;
  color: #005EB3;
  margin: 8px 0 0;
  }
#menu #mes_selections div{
  border: 1px solid #98B4CB;
  background: #FFF;
  margin: 0 0 8px;
  }
#menu #mes_selections div.clearer{
  visibility: hidden;
  margin: 0;
  border: none;
  }
#menu #mes_selections div img{
  float: left;
  margin: 0 10px 0 0;
  }
#menu #mes_selections p{
  margin: 10px 0;
  }
#menu #mes_selections .croix{
  color: #F00;
  text-decoration: none;
  background: none;
  padding: 0;
  display: inline;
  font: 11px Arial, Helvetica, sans-serif;
  }
#menu #mes_selections .croix:hover{
  background: none;
  color: #F00;
  position: relative;
  top: 1px;
  left: 1px;
  }
#menu #mes_selections .croix img{
  vertical-align: middle;
  float: none;
  margin: 0;
  }

#montableau{
  border-collapse: collapse;
  }
#montableau td{
  border: 1px solid #98B4CB;
  padding: 5px;
  }

  
#qte_devis
{
	width:auto !important;
}