/****************************************************************/
/*	général                                                     */
/****************************************************************/
body {
	margin: 0px;
	padding: 0px;
	background: #5d5757 url(/images/fond_page.jpg) no-repeat center top; 
}

form{
	margin: 0px;
	padding: 0px;
}

.fond_header {
	margin: 0px;
	padding: 0px;
	background-color: #ffffff; 
}

.header_fond{
	margin: 0px;
	padding: 0px 0px 0px 28px;
	background: #adadad url(/images/fond_header.jpg) no-repeat center top; 
}

.menu{
	margin: 0px;
	padding: 0px 72px 0px 0px;
	background: #adadad url(/images/fond_header2.jpg) no-repeat center top; 
}

.menu_fond{
	padding: 0px 30px 0px 30px;
	background: #000000 url(/images/menu_fond.gif) repeat-x left top; 
}


.dl_catalogue{
	background: url(/images/dl_catalogue_fond.gif) no-repeat left top; 
}

.login{
	background: #000000 url(/images/login_fond.gif) repeat-x left top; 
}

.questions{
	line-height: 12px;
	background: #000000 url(/images/questions_fond.gif) no-repeat left top; 
}

a.lien_poucet{
	font-family : Arial, Helvetica, sans-serif;	
	font-size : 12px;
	color : #000000;
	text-decoration: none;
}

a.lien_poucet:hover{
	text-decoration: underline;
}

a{
	font-family : Arial, Helvetica, sans-serif;	
	font-size : 12px;
	color : #000000;
}

.erreur{
	border:1px solid red; 
	color:#000000;
	padding:10px 10px 10px 10px;
}

.erreur_login{
	font-family : Arial, Helvetica, sans-serif;	
	font-size : 12px;
	font-weight: bold;
	color : #ff0000;
}

.valide{
	border:1px solid green; 
	color:#000000;
	padding:10px 10px 10px 10px; 
}

a.deco{
	font-family : Arial, Helvetica, sans-serif;	
	font-size : 11px;
	color : #0058a6;
	text-decoration: none;
}

a.deco:hover{
	text-decoration: underline;
}

.catalogue{
	background-color: #8e8c8d;
	border-left: 1px solid #8c8c8c;
	border-right: 1px solid #ffffff;
	
	font-family : Arial, Helvetica, sans-serif;	
	font-size : 12px;
	font-weight: bold;
	color : #ffffff;
}

a.lien_catalogue{
	font-family : Arial, Helvetica, sans-serif;	
	font-size : 12px;
	font-weight: bold;
	color : #ffffff;
	text-decoration: none;
}

a.lien_catalogue:hover{
	text-decoration: underline;
}

.colonne_droite{
	background-color: #1c1c1c; 
	border-right: 1px solid #8c8c8c;
	border-left: 1px solid #ffffff;
}

.contenu{
	padding: 10px;
	background-color: #ffffff;
	
	font-family : Arial, Helvetica, sans-serif;	
	font-size : 12px;
	color : #000000;
}

.telechargement{
	padding: 0px 20px 0px 0px;
	font-family : Arial, Helvetica, sans-serif;	
	font-size : 14px;
	color : #ffffff;
	font-weight: bold;
}

.tel_contact{
	padding: 0px 0px 0px 15px;
	font-family : Arial, Helvetica, sans-serif;	
	font-size : 16px;
	color : #ec9212;
	font-weight: bold;
}

.heure_contact{
	font-family : Arial, Helvetica, sans-serif;	
	font-size : 12px;
	color : #000000;
}

h1.creer_devis{
	padding: 0px;
	margin: 0px;
	font-family : Arial, Helvetica, sans-serif;	
	font-size : 16px;
	color : #ffffff;
	font-weight: bold;
}

.menu_top{
	padding: 10px 0px 10px 0px;
	background-color: #dfdede;
	font-family : Arial, Helvetica, sans-serif;	
	font-size : 14px;
	color : #000000;
	
	border-bottom: 1px solid #ffffff
}

a.lien_menu_top{
	font-family : Arial, Helvetica, sans-serif;	
	font-size : 14px;
	color : #000000;
	text-decoration: underline;
}

a.lien_devis{
	font-family : Arial, Helvetica, sans-serif;	
	font-size : 24px;
	font-weight: bold;
	color : #000000;
	text-decoration: none;
}

a.lien_devis:hover{
	text-decoration: underline;
}

.info_coordonnees{
    padding:  0px 0px 0px 10px;
    font-family : Arial, Helvetica, sans-serif;	
	font-size : 12px;
	font-weight: bold;
	color : #000000;
}

/****************************************************************/
/*	formulaire login                                            */
/****************************************************************/
.acces_compte {
	font-family : Arial, Helvetica, sans-serif;	
	font-size : 14px;
	font-weight: bold;
	color : #000000;
	text-align: left;
	line-height: 12px;
}

a.login_petit {
	padding: 0px 0px 0px 10px;
	font-family : Arial, Helvetica, sans-serif;	
	font-size : 11px;
	color : #000000;
	text-decoration: none;
}

a.login_petit:hover {
	text-decoration: underline;
}

.logged{
	padding: 0px 0px 0px 10px;
	background: #000000 url(/images/login_fond2.gif) no-repeat left top;
}

a.lien_compte{
	font-family : Arial, Helvetica, sans-serif;	
	font-size : 12px;
	font-weight: bold;
	color : #000000;
	text-decoration: none;
}

a.lien_compte:hover {
	text-decoration: underline;
}

/****************************************************************/
/*	index					                                    */
/****************************************************************/
.contenu_index{
	background-color: #5d5757;
}

/****************************************************************/
/*	gammes                                                      */
/****************************************************************/
a.lien_gamme{
	font-family : Arial, Helvetica, sans-serif;	
	font-size : 12px;
	color : #000000;
	text-decoration: none;
}

a.lien_gamme:hover{
	text-decoration: underline;
}

.devis_gauche{
	padding: 10px 10px 0px 0px;
	background-color: #303030;
	font-family : Arial, Helvetica, sans-serif;	
	font-size : 16px;
	color : #ffffff;
}

.devis_droite{
	padding: 5px 0px 0px 0px;
	background-color: #000000;
}

.titre_gamme{
	font-family : Arial, Helvetica, sans-serif;	
	font-size : 16px;
	font-weight: bold;
	color : #dd8800;
	padding: 0px;
	margin: 0px;
}

.fond_titre_gamme{
	background-color: #383838;
	padding: 0px 0px 0px 10px;
}

.couleur{
	padding: 0px 5px 0px 5px;
	font-family : Arial, Helvetica, sans-serif;	
	font-size : 12px;
	color : #ffffff;
}

/****************************************************************/
/*	produits                                                    */
/****************************************************************/
.catalogue_page{
	padding: 0px 0px 0px 36px;
	background-color: #ffffff;
	
	font-family : Arial, Helvetica, sans-serif;	
	font-size : 12px;
	color : #000000;
}

.catalogue_modele{
	background-color: #312d2d;
	border-top: solid 1px #ffffff;
	border-bottom: solid 1px #ffffff;
	
	font-family : Arial, Helvetica, sans-serif;	
	font-size : 12px;
	color : #ffffff;
	font-weight: bold;
}

.catalogue_poucet{
	background-color: #312d2d;
	border-bottom: solid 1px #ffffff;
	
	font-family : Arial, Helvetica, sans-serif;	
	font-size : 12px;
	color : #ffffff;
	font-weight: bold;
}

.contenu_famille{
	padding: 0px 0px 0px 0px;
	background: #ffffff url(/images/fond_famille.gif) repeat-y right top;
}

.fond_encart{
	padding: 10px 5px 0px 5px;
	background-color: #5d5757;
	
	font-family : Arial, Helvetica, sans-serif;	
	font-size : 12px;
	color : #ffffff;
}

.encart_image{
	background-color: #ffffff;
}

.encart_prix{
	padding: 5px 0px 5px 0px;
	background-color: #5d5757;
	border-top: solid 1px #ffffff;
	border-bottom: solid 1px #ffffff;
	font-family : Arial, Helvetica, sans-serif;	
	font-size : 11px;
	font-weight : bold;
	color : #ffffff;
}

a.lien_produit{
	font-family : Arial, Helvetica, sans-serif;	
	font-size : 12px;
	color : #ffffff;
	text-decoration: none;
}

a.lien_gamme:hover{
	text-decoration: underline;
}

.ajout_panier{
	background-color: #ec9212;
	color : #000000;
	font-family : Arial, Helvetica, sans-serif;	
	font-size : 11px;
	font-weight : bold;
	
}

/****************************************************************/
/*	document        	                                        */
/****************************************************************/
.fond_document{
	background-color: #ffffff;
}

.famille{
	padding: 0px 0px 0px 10px;
	background-color: #c3c0c0;
	font-family : Arial, Helvetica, sans-serif;	
	font-size : 12px;
	font-weight: bold;
	color : #000000;
}

.produit{
	padding: 0px 10px 0px 10px;
	background-color: #e8e7e7;
	font-family : Arial, Helvetica, sans-serif;	
	font-size : 12px;
	color : #000000;
}

.result{
	padding: 0px 3px 0px 3px;
	background-color: #9a9696;
	font-family : Arial, Helvetica, sans-serif;	
	font-size : 12px;
	font-weight: bold;
	color : #000000;
	text-align: center;
}

.result_head{
	padding: 0px 3px 0px 3px;
	background-color: #9a9696;
	font-family : Arial, Helvetica, sans-serif;	
	font-size : 12px;
	font-weight: bold;
	color : #ffffff;
	text-align: center;
}

.net_payer{
	font-family : Arial, Helvetica, sans-serif;	
	font-size : 24px;
	font-weight: bold;
	color : #000000;
}

.etape{
	font-family : Arial, Helvetica, sans-serif;	
	font-size : 18px;
	font-weight: bold;
	color : #000000;
}

a.lien_etape{
	font-family : Arial, Helvetica, sans-serif;	
	font-size : 18px;
	font-weight: bold;
	color : #000000;
	text-decoration: none;
}

a.lien_etape:hover{
	text-decoration: underline;
}

.erreur_inscription{
	padding: 10px 10px 10px 10px;
	border: 1px solid #ff0000;
	font-family : Arial, Helvetica, sans-serif;	
	font-size : 12px;
	font-weight: bold;
	color : #ff0000;
}

.devis_modele{
	font-family : Arial, Helvetica, sans-serif;	
	font-size : 14px;
	font-weight: bold;
	color : #000000;
}

.pagination{
	background-color: #312d2d;
	height: 25px;
}

.text{
	padding: 3px 3px 3px 3px;
	font-family : Arial, Helvetica, sans-serif;	
	font-size : 12px;
	font-weight: bold;
	color : #ffffff;	
}	

hr{
	display: none;
}

.tabliste{
	
}

.entete{
	background-color: #312d2d;
	padding: 3px 3px 3px 3px;
	margin:0px;
	height: 25px;
	font-family : Arial, Helvetica, sans-serif;	
	font-size : 12px;
	font-weight: bold;
	color : #ffffff;	
	text-align: center;
	border-right : 1px solid #ffffff;
	border-bottom : 1px solid #ffffff;
}

.liste0{
	background-color: #ec9212;
	height: 25px;
	padding: 3px 3px 3px 3px;
	margin:0px;
	font-family : Arial, Helvetica, sans-serif;	
	font-size : 12px;
	color : #000000;	
	border-right : 1px solid #ffffff;
	border-bottom : 1px solid #ffffff;
}

.liste1{
	background-color: #e8e7e7;
	height: 25px;
	padding: 3px 3px 3px 3px;
	margin:0px;
	font-family : Arial, Helvetica, sans-serif;	
	font-size : 12px;
	color : #000000;	
	border-right : 1px solid #ffffff;
	border-bottom : 1px solid #ffffff;
}

.champ{
	padding: 0px 5px 0px 0px;
	background-color: #dd8800;
	font-family : Arial, Helvetica, sans-serif;	
	font-size : 12px;
	font-weight: bold;
	color : #000000;
	text-align: right;
	height: 30px;
	border-right : 1px solid #ffffff;
	border-bottom : 1px solid #ffffff;
}

.value{
	padding: 0px 0px 0px 5px;
	background-color: #5d5757;
	font-family : Arial, Helvetica, sans-serif;	
	font-size : 12px;
	font-weight: bold;
	color : #ffffff;
	border-right : 1px solid #ffffff;
	border-bottom : 1px solid #ffffff;
}

.ligne_titre{
	font-family : Arial, Helvetica, sans-serif;
	font-size : 14px;
	font-weight : bold;
	background-color : #8e8c8d;
	color : #FFFFFF;
	padding : 2px 5px 2px 5px;
	margin:0px;
	border-bottom : 1px solid #ffffff;
}

.ligne_titre2{
	font-family : Arial, Helvetica, sans-serif;
	font-size : 14px;
	font-weight : bold;
	background-color : #5d5757;
	color : #FFFFFF;
	padding : 2px 5px 2px 5px;
	margin:0px;
	border-bottom : 1px solid #ffffff;
}

.infos_devis{
	padding: 0px 0px 0px 5px;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	color : #000000;
}

.devis_na{

}

.devis_na{
	padding: 5px;
	border-top : 1px solid #ffffff;
	border-left : 1px solid #ffffff;
	border-right : 1px solid #ffffff;
	background-color : #5d5757;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-weight : bold;
	color : #ffffff;
	cursor: pointer;
}

.devis_a{
	padding: 5px;
	border-top : 1px solid #ffffff;
	border-left : 1px solid #ffffff;
	border-right : 1px solid #ffffff;
	background-color : #ec9212;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-weight : bold;
	color : #000000;
	cursor: pointer;
}

/****************************************************************/
/*	contenu				                                        */
/****************************************************************/
.titre_article{
	padding: 0px;
	margin: 0px;
	font-family : Arial, Helvetica, sans-serif;	
	font-size : 14px;
	color : #000000;
}

.contenu{
	padding: 10px 10px 10px 12px;
	font-family : Arial, Helvetica, sans-serif;	
	font-size : 12px;
	color : #000000;
}

.contenu2{
	background-color : #ffffff;
	padding: 0px;
	font-family : Arial, Helvetica, sans-serif;	
	font-size : 12px;
	color : #000000;
}

.legend{
	font-family : Arial, Helvetica, sans-serif;	
	font-size : 14px;
	font-weight: bold;
	color : #dd8800;
}

.fieldset{
	font-family : Arial, Helvetica, sans-serif;	
	font-size : 12px;
	color: #0058a6;
}

a.lien_arbo{
	font-family : Arial, Helvetica, sans-serif;	
	font-size : 12px;
	color: #0058a6;
	text-decoration: none;
}

a.lien_arbo:hover{
	text-decoration: underline;
}

/****************************************************************/
/*	contact                                                     */
/****************************************************************/
.champs{
	background-color: #f0a53f;
	
	padding : 0px 5px 0px 5px;
	
	font-family : Arial, Helvetica, sans-serif;	
	font-size : 12px;
	color : #000000;
}

.champs_intitule{
	background-color: #000000;
	
	padding : 0px 0px 0px 5px;
	
	font-family : Arial, Helvetica, sans-serif;	
	font-size : 12px;
	color : #ffffff;
}

.warning{
	font-family : Arial, Helvetica, sans-serif;	
	font-size : 11px;
	color : #ff0000;
}

.bouton{
	background-color: #000000;
	border:0px;
	
	font-family : Arial, Helvetica, sans-serif;	
	font-size : 11px;
	font-weight: bold;
	color : #ececec;
	cursor: pointer;
	height: 25px;
}

.bouton2{
	background-color: #000000;
	border:0px;
	
	cursor: pointer;
	height: 20px;
    	display: block;
    	padding: 5px 5px 0px 5px;
}

a.lien_bouton2{
    	font-family : Arial, Helvetica, sans-serif;	
	font-size : 11px;
	font-weight: bold;
	color : #ffffff;
    	text-decoration: none;
}

/****************************************************************/
/*	etapes					                                    */
/****************************************************************/
.champ_etape{
	padding: 0px 5px 0px 0px;
	background-color: #dd8800;
	font-family : Arial, Helvetica, sans-serif;	
	font-size : 12px;
	font-weight: bold;
	color : #000000;
	text-align: right;
	height: 30px;
}

.value_etape{
	padding: 0px 0px 0px 5px;
	background-color: #5d5757;
	font-family : Arial, Helvetica, sans-serif;	
	font-size : 12px;
	font-weight: bold;
	color : #ffffff;
}

.value2_etape{
	padding: 5px;
	background-color: #5d5757;
	font-family : Arial, Helvetica, sans-serif;	
	font-size : 12px;
	color : #ffffff;
}

.tabliste{
	padding: 0px 0px 0px 27px;
}

.ligne_titre_etape{
	font-family : Arial, Helvetica, sans-serif;
	font-size : 14px;
	font-weight : bold;
	background-color : #8e8c8d;
	color : #FFFFFF;
	padding : 2px 5px 2px 5px;
	margin:0px;
	height: 30px;
}

/****************************************************************/
/*	footer					                                    */
/****************************************************************/
.footer_border{
	background-color: #ffffff;
	border-left: 1px solid #8c8c8c;
	border-right: 1px solid #8c8c8c;
	border-top: 1px solid #8c8c8c;
}

.footer_cell_border{
	border-right: 1px solid #8c8c8c;
}

.footer_fond{
	padding: 0px 25px 0px 25px;
	background: url(/images/footer_fond.gif) no-repeat left top; 
	
	font-family : Arial, Helvetica, sans-serif;	
	font-size : 11px;
	color : #ffffff;
}

a.lien_footer{
	font-family : Arial, Helvetica, sans-serif;	
	font-size : 11px;
	color : #ffffff;
	text-decoration: none;
}

a.lien_footer:hover{
	text-decoration: underline;
}

/****************************************************************/
/*	slideshow    			                                    */
/****************************************************************/
.slideshow{
	width:697px;
	margin:0 auto;
	padding-bottom:0;    
	padding-right:2px; 
	position:relative
}

.slideshow ul{
	list-style-type:none;
	padding:0 0 0 0;
	margin:0
}

.slideshow ul li{	
	padding-bottom:5px;
	width:697px
}

.slideshow ul:after,.slideshow ul li:after{
	content:".";
	clear:both;
	display:block;
	visibility:hidden;
	height:0;
	font-size:0
}

.slideshow .caption{
	padding:0 10px;
	color:#fff
}

.slideshow .caption h2{
	font-size:1.2em;
	font-weight:bold;
	margin:15px 5px -10px 0
}

.slideshow .caption a em{
	font-size:1.4em;
	font-style:normal
}

.slideshow .next,.slideshow .prev{    
	position:absolute;    
	top:110px;    
	width:59px;    
	height:46px;    
	cursor:pointer;    
	border:0;    
	color:#63C9BA;    
	font-weight:bold;    
	font-size:1.2em;    
	overflow:hidden
} 

.slideshow .next{    
	right:-73px;    
	padding-left:10px
} 

.slideshow .next span{       
	width:100%;    
	height:100%;    
	position:absolute;    
	top:0;    
	left:0;    
	background:url(/images/next.png) no-repeat 0 top
}

.slideshow .prev{   
	left:-25px;    
	text-align:right;    
	padding-right:10px
}

.slideshow .prev span{     
	width:100%;    
	height:100%;    
	position:absolute;    
	top:0;    
	left:-0;    
	background:url(/images/prev.png) no-repeat 0 top
} 

.slideshow .disabled span{ 
	background-position:0px top
}