/*********** classes pour aligner une image et un texte verticalement*************/
p.alignmiddle img, p.alignmiddle span ,p.alignmiddle input, p.alignmiddle select {
    vertical-align: middle;
   display: inline;
}
p.alignmiddle span {
    padding-left: 5px;
}
p.alignmiddle a {
	text-decoration:none;
}

.body {
	margin: 0; /* pour éviter les marges */
	text-align: center; /* pour corriger le bug de centrage IE */
	background-image: url(/fr/Bt/general_fond.jpg);
	background-repeat: repeat-x;
	background-color: #eeece4;
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
}

div, p, ul, h1, h2, h3, h5 {
padding:0;
margin:0;
}


img {
	border:0
}

img.bordure {
	padding-right:11px;
	padding-bottom:7px;
	background:url(/fr/Bt/bordure.gif) no-repeat right bottom;
}

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

#chemindefer {
	margin-top:15px;
	font-size:10px;
	margin-bottom:5px;
}
#chemindefer a {
	font-size:10px;
}

#centre {
	width: 780px;
	padding:10px;
	padding-bottom: 25px; /* padding pour le haut de page */
	background: #faf9f4;
	min-height: 300px;
}

#centre_produit {
	width: 800px;
	background: #faf9f4;
	min-height: 300px;
}

#centre_index {
	padding-top: 18px;
}

#centre p, #centre_produit p {
	color: #999;
}


/****** general produit ********/
#conteneur_produit {
	position:relative;
	background:url(/fr/Bt/fond_gauche.gif) repeat-y #ccc;
	width:800px;
}
#contenu_produit {
	padding:10px;
	width:630px;
	margin-left:153px;
	background: #faf9f4;
	padding-bottom: 25px; /* padding pour le haut de page */
}


#gauche_produit {
	position:absolute;
	width:149px;
	padding-left:2px;
	padding-right:2px;
	color:#fff;
	top:0;
	left:0;
}

	#gauche_produit h2 {
		color:#39c;
	}

	.gauche_lien {
		font-size:11px;
		font-weight:normal;
		color:#fff;
	}



/* DIV Entete */
#entete {
	width: 800px;
	height: 334px;
}

#entete_logo {
	width: 800px;
	height: 282px;
	background-image: url(/fr/Bt/entete_fond.jpg);
	background-repeat: no-repeat;
}

#entete_menu {
	width: 800px;
	height: 45px;
	padding-bottom: 7px;
}

	#entete_menu div {
		padding-right: 5px;
	}


	#menu_accueil{
		float:left;
		width:78px;
		height: 45px;
	}
	

	#menu_accueil a {
		background-image: url(/fr/Bt/menu_accueil_over.gif);
		background-position: 0 20px;
		display: block; 
		width: 78px; 
		height: 45px; 
		background-repeat: no-repeat;
	}

	#menu_accueil a:hover{
		background-image: url(/fr/Bt/menu_accueil_over.gif);
		background-repeat: no-repeat;
		background-position: 0 0px;
	}


	#menu_qsn{
		float:left;
		width:178px;
		height: 45px;
	}
	

	#menu_qsn a {
		background-image: url(/fr/Bt/menu_qsn_over.gif);
		background-position: 0 20px;
		display: block; 
		width: 178px; 
		height: 45px; 
		background-repeat: no-repeat;
	}

	#menu_qsn a:hover{
		background-image: url(/fr/Bt/menu_qsn_over.gif);
		background-repeat: no-repeat;
		background-position: 0 0px;
	}

	#menu_produit{
		float:left;
		width:128px;
		height: 45px;
	}
	

	#menu_produit a {
		background-image: url(/fr/Bt/menu_produit_over.gif);
		background-position: 0 20px;
		display: block; 
		width: 128px; 
		height: 45px; 
		background-repeat: no-repeat;
	}

	#menu_produit a:hover{
		background-image: url(/fr/Bt/menu_produit_over.gif);
		background-repeat: no-repeat;
		background-position: 0 0px;
	}

	#menu_exemple{
		float:left;
		width:226px;
		height: 45px;
	}
	

	#menu_exemple a {
		background-image: url(/fr/Bt/menu_exemple_over.gif);
		background-position: 0 20px;
		display: block; 
		width: 226px; 
		height: 45px; 
		background-repeat: no-repeat;
	}

	#menu_exemple a:hover{
		background-image: url(/fr/Bt/menu_exemple_over.gif);
		background-repeat: no-repeat;
		background-position: 0 0px;
	}

	#menu_contact{
		float:left;
		width:144px;
		height: 45px;
	}
	

	#menu_contact a {
		background-image: url(/fr/Bt/menu_contact_over.gif);
		background-position: 0 20px;
		display: block; 
		width: 144px; 
		height: 45px; 
		background-repeat: no-repeat;
	}

	#menu_contact a:hover{
		background-image: url(/fr/Bt/menu_contact_over.gif);
		background-repeat: no-repeat;
		background-position: 0 0px;
	}





/* DIV pied de page */

#pieddepage {
	clear: both;
	position: relative;
	width: 800px;
	height: 63px;
	margin-top:15px;
	background-image: url(/fr/Bt/pdp_fond.gif);
	background-repeat: no-repeat;
}

#pdp_adresse {
	position: absolute;
	top: 12px;
	left: 143px; 
	color: #fff;
	font-size: 11px;
}

#pdp_tel {
	position: absolute;
	top: 12px;
	left: 275px; 
	color: #fff;
	font-size: 11px;
}

#pdp_navigation {
	position: absolute;
	top: 20px;
	left: 675px;
	height: 20px;
	width: 125px;
}

#pdp_logomed {
	padding-top: 44px;
	text-align: right;
}


#pdp_hautdepage {
	position:absolute;
	top:-40px;
	right:0;
	padding:5px;
}
#pdp_hautdepage a, .navigation_bas {
	color:#39c;
	font-size:10px;
}


/* DIV index */

#index_gauche {
	width: 204px;
}

#index_droite {
	float: right;
	width: 586px;
	padding-bottom: 18px;
}

#index_texte {
	width: 586px;
	background-color: #faf9f4;
	color: #999;
	font-size: 11px;
}

	#index_texte p {
		padding-bottom: 5px;
	}


#index_catalogue {
	width: 586px;
	padding-bottom: 15px;
}

	#index_catalogue img {
		padding-right: 2px;
	}


#index_recherche {
/*	padding-top: 36px;*/
	padding-top: 18px;
	height: 100px;
	width: 204px;
}

#index_rechinput {
	background-color: #a79f97;
	width: 204px;
	height: 34px;
}

/************ page produits - r_affRub  **************/
.categ {
	height:213px;
}


/************** page exemple de realisation - exemple de réalisation ******/

.ex-realisations-table {
	width:600px;	
}
.ex-realisations-table td {
	width:200px;
	text-align:center;
}


/***************** contact ***********************/
#contact_coordonnees {
float:left;
width:350px;
padding:8px;
padding-left:0;
border-right:solid 10px #eeece4
}

#contact_coordonnees form {
padding-left:40px;
}

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

#contact_planacces {
float:left;
width:395px;
padding:8px;
}

#contact_adresse {
	padding-left:5px;
	padding-top:10px;
	font-size: 12px;
	color: #535d55;	
}

.contact_intitule_obligatoire { display:block;float:left; font-weight:bold; color:#39c; width:80px;font-size:12px;}
.acces_intitule_obligatoire { display:block;float:left; font-weight:bold; color:#39c; width:180px;font-size:12px;}
.contact_intitule_message { font-weight:bold; color:#39c;font-size:12px;padding-bottom:6px;}
.contact_intitule {display:block;float:left;color:#999; width:80px;font-size:12px;}
.contact_adresse {font-size: 11px;}
.tel_fax {font-size: 12px;color: #535d55; font-weight:bold;}
.contact_champs {
	display:block; float:left;
	border: 1px solid #c0c0c0;
	background-color: #fff;
	color: #000;
	font-size: 11px;
	width: 160px;
}

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

#contact_valider {height:28px;text-align:center;padding-top:10px;}
.contact_bleu {
	color:#39c;
	font-weight:bold
}


#plan_acces {
	height:280px;
	margin-top:30px;
}

#plan_acces table {
	padding-left:30px;
}

/************* mentions */
.mentions_lien {  
	font-size: 11px; 
	font-style: normal;
	color: #525653; 
	text-decoration: underline;
	font-weight: bold;
}



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


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

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

/************ Recherche ********/
.lien_recherche {
	color:#39c;
}

#page {
	text-align:right;
	color:#666 !important;
}

/************** Styles généraux */
.pointilles {
	border-bottom:#3399cc dotted 1px;
	/*border-bottom:#84a81f dotted 1px;*/
	margin-bottom:5px;
}

.caption {
	font-size:10px;
	font-style:italic;
	color:#999;
}

ul {
	color:#999;
	margin-left:25px;
}
.justifie {
	text-align:justify
}

.center {
	text-align:center
}

.champstexte {
	border: 1px solid #5c5855; 
	font-size: 11px;
	color: #999;
}
.clear_both {
	clear:both
}

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

a .sanssoulignement {
	text-decoration:none	
}


h1 {
	font-size: 22px;
	color: #84A81F;
	font-weight: normal;
	text-transform:uppercase;
	padding-bottom:20px;
	line-height:35px;
	background:url(/fr/Bt/soulignement.gif) no-repeat 0px 25px;
	
}

h1 strong {
	font-size:12px;
	color:#39c;
	text-transform:uppercase;
	padding-bottom:20px;
}

h2, h3 {
	font-size: 14px;
	color: #5bacd4;
	font-weight:bold;
	margin-top:10px;
	padding-bottom:10px;
	padding-left:5px;
	border-left:solid 1px #5bacd4;
}

h3 {
	border-left:0;
}

h4, h4 a {
	color:#666;
	font-size:12px;
	font-weight:bold;
	padding-top:10px;
}


.gras {
	font-weight: bold;
}
.italique {
	font-style:italic
}

.souligne {
	text-decoration: underline;
}

.r_plan {
	color:#999
}

.r_planct {
	color:#666
}

.r_rechfond {
	background:#c6f445;
}
.r_rechbarre {
	color:#39c;
}

/*********************** actualites / news ***********************/

#index_actu {
	background-color: #faf9f4;
	text-align: left;
	width: 204px;
}

	#index_actu p {
		color: #999;
		padding-bottom: 8px;
		padding-right: 2px;
		padding-left: 2px;
	}

	#index_actu h5 {
		color: #666;
		font-weight: bold;
		font-size: 11px;
		padding-right: 2px;
		padding-left: 2px;
		padding-bottom: 2px;
		padding-top: 2px;
	}

div.news_date{
	background-color: #e2e3e1;
	width: 200px;
	font-size: 11px;
	text-align: right;
	padding: 2px;
}

	.news_date span {
		display: block;
		float: left;
		width: 102px;
		color: #3399cc;
		text-align: left;
	}

.select_news {
	border: 1px solid #c0c0c0;
	background-color: #fff;
	color: #000;
	font-size: 11px;
}
#pdp_logomed a {
	color:#3a4b56;
	font-size:9px;
}