#body {
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
}

/*div {border:solid 1px #ff0;}*/

img {border:0;}
p, ul, div{margin:0;padding:0;}

a {
font-size:9px;
color:#999;
text-decoration:underline;
}

form {margin:0}

/*************** general *******************/
#degrade {
	background:url(/fr/Bt/degrade.jpg) 0px 22px repeat-x;
	/*background-color: #000;*/
}


/* DIV conteneur général */
#general {
	margin-left: auto;
	margin-right: auto;
	width: 883px; /* largeur obligatoire pour être centré */
	text-align: left; /* on rétablit l'alignement normal du texte */
	background:#fff;
}

#hautdepage {
	background:url(/fr/Bt/hautdepage_fond.gif) repeat;
	height:22px;
}

	#hdp_menu{
		margin-left: auto;
		margin-right: auto;
		text-align:right;
		padding-right:63px;
		padding-top:4px;
		width:800px;
	}
	
	#hdp_menu a {
		margin-right:20px;
	}

#entete_haut {
	/* bandeau du dessus avec les coins arrondis */
	background:url(/fr/Bt/entete_haut.jpg) no-repeat;
	height:55px;
}

#entete {
	/*padding-top:257px;*/
}

#centre_repete {
	background: url(/fr/Bt/centre_repete.jpg) repeat-y;
}

#centre_haut {
	background: url(/fr/Bt/centre_haut.jpg) no-repeat;
	padding-left:23px;
	padding-right:22px;
}

#centre {
	padding-left:37px;
	padding-right:25px;
}

#pieddepage {
	background:url(/fr/Bt/pdp.jpg) no-repeat;
	height:50px;
}

/*----------- entete ------------------ */

#entete_menu {
background:url(/fr/Bt/entete_menu.jpg) no-repeat;
height:100px;
}

	#logo {
	float:left;
	width:157px;
}
	
	#menu {
	float:left;
	padding-left:10px;
	padding-top:10px;
	}
	
	#menu_accueil{
		float:left;
		width:112px;
		background-image: url(/fr/Bt/menu_accueil_over.gif);
	}
	#menu_accueil a {
		background-image: url(/fr/Bt/menu_accueil_out.gif);
		display: block; /* la balise a doit être en bloc */
		width: 112px; /* largeur de l'image réactive */
		height: 66px; /* hauteur de l'image réactive */
		background-repeat: no-repeat;
	}
	
	#menu_presentation{
		float:left;
		width:108px;
		background-image: url(/fr/Bt/menu_presentation_over.gif);
	}
	#menu_presentation a {
		background-image: url(/fr/Bt/menu_presentation_out.gif);
		display: block;
		width: 108px;
		height: 66px;
		background-repeat: no-repeat;
	}
	
	#menu_nos-prestations{
		float:left;
		width:109px;
		background-image: url(/fr/Bt/menu_nos-prestations_over.gif);
	}
	#menu_nos-prestations a {
		background-image: url(/fr/Bt/menu_nos-prestations_out.gif);
		display: block;
		width: 109px;
		height: 66px;
		background-repeat: no-repeat;
	}
	
	#menu_devis-en-ligne{
		float:left;
		width:110px;
		background-image: url(/fr/Bt/menu_devis-en-ligne_over.gif);
	}
	#menu_devis-en-ligne a {
		background-image: url(/fr/Bt/menu_devis-en-ligne_out.gif);
		display: block;
		width: 110px;
		height: 66px;
		background-repeat: no-repeat;
	}
	
	#menu_telechargement{
		float:left;
		width:112px;
		background-image: url(/fr/Bt/menu_telechargement_over.gif);
	}
	#menu_telechargement a {
		background-image: url(/fr/Bt/menu_telechargement_out.gif);
		display: block;
		width: 112px;
		height: 66px;
		background-repeat: no-repeat;
	}
	#menu_nous-contacter{
		float:left;
		width:111px;
		background-image: url(/fr/Bt/menu_nous-contacter_over.gif);
	}
	#menu_nous-contacter a {
		background-image: url(/fr/Bt/menu_nous-contacter_out.gif);
		display: block;
		width: 111px;
		height: 66px;
		background-repeat: no-repeat;
	}
	
	#menu a:hover {
		background: transparent none;
	}

/***************** index ***********************/
#index_soustitre {
	background:url(/fr/Bt/index_soustitre.gif) no-repeat;
	height:88px;
	padding-bottom:15px;
}

#savoir-faire_haut {
	background:url(/fr/Bt/savoir-faire_haut.gif) no-repeat;
	height:15px;
}

#savoir-faire_bas {
	background:url(/fr/Bt/savoir-faire_bas.gif) no-repeat left bottom;
	padding:15px;
	padding-top:0px;
	padding-left:20px;
}

#savoir-faire_texte {
	height:40px;
	font-size:14px;
	color:#010000;
}

#savoir-faire_bas ul {
	margin-left:15px;
}

#savoir-faire_bas ul li {
	list-style:none;
	background:url(/fr/Bt/puce.gif) no-repeat 0px 2px;
	padding-left:15px;
}
#savoir-faire_bas ul li a {
	color:#fff;
	font-size:17px;
}

#colonne1 {
	float:left;
	width:170px;
}
#colonne2 {
	float:left;
	width:155px;
}
#colonne3 {
	float:left;
	width:180px;
}
#colonne4 {
	float:left;
	width:180px;
}


#index_devis {
	background:url(/fr/Bt/devis.gif) no-repeat;
	width:376px;
	height:168px;
}
#index_devis_texte {
	padding-left:42px;
	padding-right:5px
}

#index_info {
	background:url(/fr/Bt/index_info.gif) no-repeat;
	width:211px;
	height:141px;
}

#info_haut {
	color:#0d65a3;
	font-size:13px;
	padding-top:11px;
	padding-left:67px
}
#info_insc {
	padding-top:10px;
}
#info_insc a {
	display:block;
	width:201px;
	height:34px;
	text-decoration:none
}

#info_insc a:link, #info_insc a:visited {
	background:url(/fr/Bt/bt_inscrivezvous_out.gif)
}
#info_insc a:hover {
	background:url(/fr/Bt/bt_inscrivezvous_over.gif)
}
#info_bas {
	color:#0d65a3;
	font-size:20px;
	padding-top:5px;
	text-align:center
}

#deposez-vos-fichiers {
	background:url(/fr/Bt/deposez-vos-fichiers.gif) no-repeat;
	font-size:14px;
	color:#999;
	width:572px;
	height:31px;
	padding-top:5px;
}

#deposez-vos-fichiers a {
	font-size:9px;
	color:#999;
	text-decoration:underline;
}

#mdp{
height:40px;
padding-left:10px;
clear:both;
}


.mdp_intitule {
color:#000;
font-weight:bold;
font-size:12px;
}

#extranet {
display:none;
position:absolute;
padding-left:5px;
padding-right:5px;
top:800px;
left:450px;
width:310px;
height:250px;
background:#faf9f9;
border: solid 1px #3f4244;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#999999;
}

#extranet h1 {
font-weight: bold;
font-size:18px;
color:#494949;
font-style:italic;
}

.extranet_input {
border: solid 1px #c0c0c0;
font-size:11px;
}



/*----------- pied de page ------------------ */
#pdp_adresse{
	float: left;
	padding-top: 10px;
	padding-left: 30px;
	color:#dfdfdf;
	font-size:11px;
}

#pdp_menu {
	float:right;
	padding-right:30px;
	padding-top:12px;
}
	
/***************** contact ***********************/

#contact {
	float:left;
	width: 360px;	
}

#plan {
	float:left;
	padding-left:10px;
	width:400px;
}

#plan_acces {
	padding-left:70px;
	padding-bottom:40px;
	padding-top:25px;
	height:225px;
}

#contact_coordonnees {
float:left;
width:344px;
height:240px;
padding-left:8px;
padding-right: 8px;
}

#contact_coordonnees span, #contact_coordonnees input, #contact_coordonnees div {margin-bottom:6px;}

#contact_message {
float:left;
width:344px;
height:100px;
padding-left:8px;
padding-right: 8px;
}

#contact_adresse {
	padding-left:5px;
	padding-top:10px;
	font-size: 12px;color: #333;
	height: 77px;	
}

.contact_intitule_obligatoire 
	{ 
	display:block;
	float:left; 
	font-weight:bold; 
	width:68px;
	font-size:12px;
}
.contact_intitule_message 
	{ 
	font-weight:bold; 
	color:#000;
	font-size:12px;
	padding-bottom:6px;
}

.contact_intitule {
	display:block;
	float:left;
	color:#000; 
	width:68px;
	font-size:12px;
}
#num_tel {
font-size:20px;
color:#d54928;
font-weight:bold;
}
.contact_adresse {font-size: 13px;}

.contact_champs {
	display:block; float:left;
	border: 1px solid #ccc;
	background-color: #fff;
	color: #000;
	font-size: 11px;
	width: 230px;
}

textarea {
	border: 1px solid #ccc;
	background-color: #fff;
	color: #000;
	font-size: 11px;
	width: 300px;
}

#contact_valider {clear:both;height:28px;text-align:center;padding-top:10px;}


/**************** validation du contact ***********************/

#validecontact{
	padding-top: 10px;
}


	#validecontact h2{
		color: #f00;
		text-align: center;
	}

#validecontacterr{
	width: 360px;
	padding-left: 10px;
	margin:auto;
}
#validecontactok{
	width: 360px;
	padding-left: 10px;
	margin:auto;
}
#validecontactretour {
	width: 360px;
	padding-top:15px;
	margin:auto;
	text-align:center;
	
}

/*----------- mentions légales ---------*/

#mentions a:link {  
	font-size: 10px; 
	font-style: normal; 
	font-weight: bold; 
	color: #666666; 
	text-decoration: underline
}

#mentions a:visited {
	color: #666666; 
	text-decoration: underline
	}
#mentions a:hover {  
	text-decoration:underline
	}



/* telechargement *****************/
.table_telechargement span {
	font-size:18px;
	font-weight:bold;
	font-style:italic;
}


/* devis en ligne **********************/
#frise {
	background:url(/fr/Bt/devis_frise_fond.gif) repeat-x;
}

#devis_en_ligne h1 {
color:#f2b100;
font-size:18px;
font-style:italic;
font-weight:bold;
}

#devis_en_ligne td {
color:#f2b100;
font-size:11px;
}

#cont_table_formulaire {
padding-left:60px;
}

#table_formulaire td {
color:#999;
}

#devis_en_ligne strong {
	color:#f2b100;
}

#table_formulaire .devis_obligatoire {
color:#f2b100;
font-size:12px;
font-weight:bold;
}

.devis_classique {
border:solid 1px #c0c0c0;
color:#999;
width:180px;
}
.devis_petit {
border:solid 1px #c0c0c0;
color:#999;
width:160px;
}
.devis_cp {
border:solid 1px #c0c0c0;
color:#999;
width:80px;
}
.devis_adresse {
border:solid 1px #c0c0c0;
color:#999;
width:280px;
}
.listbox {
border:solid 1px #c0c0c0;
}

.corpsinput {
	border:solid 1px #c0c0c0;
	color:#999;
}


#devis_choix {
	height:198px;
	width:473px;
	background-image:url(/fr/Bt/devis_choixfond.gif);
	background-color: #fff;
	background-repeat: no-repeat;
}

#devis_choixlbrochure {
	float: left;
}

#devis_choixbrochure {
	padding:20px;
	float: right;
}

#devis_choixlimp {
	width: 350px;
	float: left;
}

#devis_choiximp {
	padding:20px;
}


#devis_choixaide {
	width:473px;
	text-align: right;
}

/************* mailing desinscription / newsletter desinscription*/
a.mailing_desinsc {
	font-size: 12px;
}


/*----------- styles globaux  ------------------ */
/* input de la page index, deposez vos fichiers */
.cl_input{
	border:solid 1px #cbcbcb;
	width:132px;
}

.image_texte {
visibility:hidden;
}

.clear_both {
clear:both;
}

/*------------- alignement vertical texte et image */
p.alignmiddle img, p.alignmiddle span, p.alignmiddle input { 
   vertical-align: middle;
   display: inline-block; 
}
p.alignmiddle span { 
   padding-left: 5px; 
}

.lien_noir {
	font-size:12px;
	color:#333;
	text-decoration:underline;
	font-weight:normal;
	font-style:normal;
}

h1, h2 {
	color: #CCC;
}

.rouge {
	color: #d54928;
}

.vert {
	color: #9c0;
}

.liste_rose {
	color:#000;
	margin-left:15px;
}

.liste_rose li {
	list-style:none;
	background:url(/fr/Bt/puce_rose.gif) no-repeat 0px 2px;
	padding-left:15px;
}


.liste_bleu {
	color:#000;
	margin-left:15px;
}

.liste_bleu li {
	list-style:none;
	background:url(/fr/Bt/puce_bleu.gif) no-repeat 0px 2px;
	padding-left:15px;
}
.liste_bleu li ul li {
	list-style:none;
	background:url(/fr/Bt/puce_bleu2.gif) no-repeat 10px 2px;
	padding-left:25px;
}

.erreur {
	color: #ff0000;
	font-weight: bold;
}

.rose {
	color:#d50d63;
}

.gras {
	font-weight: bold;
}

.gris {
	color: #999;
}

.violet {
	color: #723988;
}

.bleu {
	color:#2e80bb;
}

.souligne {
	text-decoration: underline;
}

.italique {
	font-style: italic;
}

.paragraphe{
	padding-bottom: 7px;
	text-align: justify;
}

ul.paragraphe {
	padding-left: 30px;
}

.pointilles {
	border-bottom: 1px #CCC dotted; 
}

.pointilles_hautbas {
	border-bottom: 1px #CCC dotted;
	border-top: 1px #CCC dotted;
	padding-top:10px;
	padding-bottom:10px;
}

.centrer {
	text-align: center;
}

.fondgris_hg, .fondgris_bg, .fondgris_hd, .fondgris_bd {
	background-repeat: no-repeat;
	width: 21px;
	height: 17px;
	font-size: 1px; /*correction bug IE*/
}

.fondgris_hg {
	background-image: url(/fr/Bt/fondgris_hg.gif);

}

.fondgris_hd {
	float: right;
	background-image: url(/fr/Bt/fondgris_hd.gif);
}

.fondgris_bg {
	background-image: url(/fr/Bt/fondgris_bg.gif);

}

.fondgris_bd {
	float: right;
	background-image: url(/fr/Bt/fondgris_bd.gif);
}

.fondgris {
	background-color: #f4f4f4;
}

.titre_h2 {
	font-size:18px;
	font-weight:bold
}

.champtexte {  
	border: 1px solid #ccc;
	background-color: #fff;
	color: #000;
	font-size: 11px;
	width: 150px;
}

.r_arbre { font-family: Arial, Helvetica, sans-serif; font-size: 9px; font-style: normal; color: #99CC33; font-weight: bold; text-decoration: underline}
.r_arbreencours { font-family: Arial, Helvetica, sans-serif; font-size: 9px; font-style: normal; color: #993399; font-weight: bold; text-decoration: underline }
.r_rechfond { background-color: #CCFF99}
.r_plan { font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; color: #999; font-weight: bold; text-decoration: none }