﻿/***********************************************/
/**************************************************/
/*

SOMMAIRE
1. PAGES SERVICES
	1.1 GENERALITES
	1.2 SPECIFICITES
		1.2.a Service Accueil
		1.2.b Service Commercial
		1.2.c Service Garantie
		1.2.d Service Colorimetrie
		1.2.e Service Formation
		1.2.f Service Assistance
		1.2.g Service MachineATeinter

2. MOTEUR DE RECHERCHE 
	2.1 MOTEUR PARTICULIER
		2.1.a Moteur flash
		2.1.b Moteur html
	2.2 MOTEUR PROFESSIONNELS
		2.2.a Choix Onglet
		2.2.b Choix Famille
		2.2.c Moteur html
	2.3 RESULTAT
	2.4 DETAIL PRODUIT

3. NOS CONCEPTS
	3.1 Nos Concepts
	3.2 1825
	3.3 Triploxyde

4 ENVIRONNEMENT
	4.1 GENERALITES
	4.2 SPECIFICITES
		4.2.a Environnement Accueil
		4.2.b Environnement Politique
		4.2.c Environnement Labels
			4.2.c.1 Page 1
			4.2.c.2 Page 2
			4.2.c.3 Page 3
			4.2.c.4 Page 4
			4.2.c.5 Page 5
		4.2.d Environnement Devenez Acteur
		4.2.e Environnement Documentation

5 CONSEIL
	5.1 GENERALITES
	5.2 SPECIFICITES
		5.2.a Conseil Accueil
		5.2.b Conseil Trucs Astuces
		5.2.c Conseil Choisir son Aspect
		5.2.d Conseil Marier les couleurs
			5.2.d.1 Couleurs Chaudes
			5.2.d.2 Couleurs Froides
			5.2.d.3 Couleurs Neutres
		5.2.e Conseil Jouer avec les volumes
		5.2.f Conseil Acrylique ou glycero ?
		5.2.g Conseil Carnet de style

6 PAGE FOOTER
	6.1 SITEMAP
	6.2 PLAN D'ACCES
	6.3 MENTIONS
	6.4 LIENS UTILES
	6.5 SOCIETE
	6.6 HISTORIQUE
	6.7 CONTACT
	6.8 INDEX PRODUITS
		
7 ACTUALITE
	7.1 Pop Up
	7.2 Page actu

8 FORMUALIRE DIVERS
	8.1 Inscription à la newsletter
	8.2 Désabonnement à la newsletter
	8.3 Demande de documentation Triploxyde
	8.4 Ou trouver nos produits

	

*/
/*****************************************************/
/*****************************************************/

/************************
1.1 SERVICE - GENERALITE
*************************/

/* Pour les élément ayant une images à gauche*/
.withImage  {	margin-left:	182px !important;}

.superpose {
	width:		100%;
	height:		180px;
	position:	relative;
	}

p.intro_service {
	margin:			0 30px 10px;
	padding:		10px 0 10px;	
	border-bottom:	1px #CCC solid;
	color:			#999;
}
	
div.rounded-box p.intro_service {
	margin:			0 10px 10px;
	}
	
	p.intro_service span {
		text-transform: uppercase;
		font-size:		1.2em;
		line-height:	250%;
		color:			#666;
		}
	p.intro_service span.sousTit {
		color:			#333;
		text-transform:	none;
		font-size:		1.1em;
		line-height:	normal;
		font-weight:	bold;
		}
		
p.Texte_sdt {
	margin:		0 10px;
	padding:	0 0 0.5em;
	color:		#999;
	}
	p.Texte_sdt span {
		display:	block;
		margin:		0.5em 0;
		color:		#999;
		}

ul.MenuService {
	margin: 0 auto;
	width:	732px;
	height: 33px;
	}
	ul.MenuService li {
		display:	block;
		float:		left;
		height:		33px;
		}
		ul.MenuService li a {
			display:		table-cell;
			vertical-align: middle;
			height:			33px;
			background:		url('../../images/FR/background/bg_Menu_service.gif') no-repeat top center;
			width:			122px;
			color:			#FFF;
			text-align:		center;
			text-transform:	uppercase;
			line-height:	120%;
			font-size:		11px;
		}	
		
			ul.MenuService li a:hover {
				color:		#155190;
				background-position: bottom;
				text-decoration:none;
			}
			ul.MenuService li.MenuService-last a {	background-position: top right; }
			ul.MenuService li.MenuService-first a {	background-position: top left; }
			ul.MenuService li.MenuService-last a:hover {	background-position: bottom right; }
			ul.MenuService li.MenuService-first a:hover {	background-position: bottom left; }


/************************
1.2 SERVICE - SPECIFICITE
*************************/
	
/* 1.1.a SERVICE SERVICE 
-------------------------*/
		
.ServiceService img 	{
	float:				left;
	margin:				0 10px 0 0;
	}
	
.ServiceService div	{	
	width:				430px;
	height:				165px;
	padding:			50px 0 0 0;
	background: 		url('../../images/FR/background/bg_List_Service.jpg') no-repeat top left;
	margin:				40px 0 0 252px !important;
	}
	.ServiceService div	a {	
		display:		block;
		text-align:		left;
		padding:		0 0 0 120px;
		color:			#FFF;
		text-transform:	uppercase;
		line-height:	200%;
		}
		.ServiceService div	a:hover	{	
			color:			 #ffcc00;
			text-decoration: underline;
			}


/* 1.1.c SERVICE COMMERCIAL 
----------------------------*/
.ServiceCommercialContent {
	width:			350px;
	float:			left;
	margin:			20px 0 0 75px;
	}

	.ServiceCommercialContact 	{
		background:	url('../../images/FR/background/bg_ServiceCommercialContact.jpg') no-repeat 0 0;
	 	width:		336px;
	 	height:		74px;
	 	padding:	10px 0 0;
	 	text-align: center;
	 	color:		#FFF;
	 	margin:		50px 10px 5px 0;
		}

	.ServiceCommercialCommande 	{
		background:	url('../../images/FR/background/bg_ServiceCommercialCommande.jpg') no-repeat 0 0;
	 	width:		231px;
	 	height:		61px;
	 	padding:	5px 0 0;
	 	text-align: center;
	 	color:		#FFF;
	 	
	 	margin:		0 10px 0 105px;
	}
		
		
/* 1.1.c SERVICE GARANTIE 
-------------------------*/

.ServiceGaranties img {
	display:		block;
	margin:			0 auto 50px;
}
	

/* 1.1.d SERVICE COLORIMETRIE 
-----------------------------*/
	
.colorimetrie_contact {
	width:			247px;
	height:			91px;
	padding:		15px 5px 5px;
	text-align:		center;
	color:			#FFF;
	font-weight:	bold;
	position:		absolute;
	left:			215px;
	top:			30px;
	background:		url('../../images/FR/background/bg_colorimetrie_contact.jpg') no-repeat top left;
}
	.colorimetrie_contact a {	color:#FFF; text-decoration:underline; }
	
	img.colorimetrie_melange {
		position:	relative;
		left:		100px;
		}
	img.colorimetrie_labo {
		position:	relative;
		left:		380px;
		top:		65px;
		}
		
.colorimetrie_NoEther {
	width:			321px;
	height:			96px;
	padding:		10px 5px 5px;
	text-align:		center;
	color:			#FFF;
	position:		absolute;
	left:			101px;
	top:			52px;
	background:		url('../../images/FR/background/bg_colorimetrie_noEther.jpg') no-repeat top left;
}
.colorimetrie_choixChromatique {
	width:			168px;
	height:			101px;
	padding:		5px;
	text-align:		center;
	color:			#FFF;
	position:		absolute;
	left:			442px;
	top:			0;
	background:		url('../../images/FR/background/bg_colorimetrie_choix_chrom.jpg') no-repeat top left;
}		
	img.colorimetrie_nuancier {
		position:	relative;
		left:		5px;
	}
	img.colorimetrie_coccinelle {
		position:	relative;
		left:		470px;
		top:		52px;
	}
		
/* 1.1.e SERVICE FORMATION
-----------------------------*/

.formation_concept {
	width:			445px;
	height:			121px;
	padding:		10px 30px 5px 20px;
	text-align:		justify;
	color:			#FFF;
	position:		absolute;
	left:			35px;
	top:			23px;
	background:		url('../../images/FR/background/bg_formation_concept.jpg') no-repeat top left;
}
.formation_specifique {
	width:			282px;
	height:			52px;
	padding:		10px 5px 5px;
	text-align:		center;
	color:			#FFF;
	position:		absolute;
	left:			300px;
	top:			150px;
	background:		url('../../images/FR/background/bg_formation_specifique.jpg') no-repeat top left;
}
	.formation_specifique a,
	.formation_concept a { color:#FFF; text-decoration:underline;}
	
img.formation_reunion {
	position:		absolute;
	left:			511px;
	top:			0px;
}

.formation_pdf {
	margin:					20px 30px 0;
	}
	.formation_pdf p  {
	    color:				#999;
	    font-size:			13px;
	    padding:			0 0 0 10px;
	    display:			block;
	}
	.link_pdf a 
	{
	    font-size:			13px;
		color:				#999;
		font-weight:		bold;
		padding:			0 10px 0 30px;
		display:			inline;
		text-decoration:	none;
		background:			url('../../images/FR/link_pdf.jpg') no-repeat 5px bottom;
	}
	.link_pdf a:hover {
		color:				#3075c0;
		text-decoration:	none;
		background:			url('../../images/FR/link_pdf.jpg') no-repeat  5px top;
	}
		.link_pdf a:hover span {	text-decoration:underline;}
	
	

/* 1.1.f SERVICE ASSITANCE 
-----------------------------*/
.assistance .superpose {	height:250px;}
span.assistance_apport {
	position:		absolute;
	top:			10px;
	left:			40px;
	color:			#999;
	font-size:		1.1em;
}
.assistance_liste {
	width:			400px;
	height:			118px;
	padding:		5px 5px 5px 15px;
	text-align:		left;
	font-size:		13px;
	line-height:	130%;
	color:			#FFF;
	position:		absolute;
	left:			20px;
	top:			40px;
	background:		url('../../images/FR/background/bg_prescription_conseil.jpg') no-repeat top left;
}
.assistance_hotline {
	width:			232px;
	height:			88px;
	padding:		0px 5px 5px;
	text-align:		center;
	font-size:		13px;
	color:			#FFF;
	position:		absolute;
	left:			455px;
	top:			135px;
	background:		url('../../images/FR/background/bg_prescription_hotline.jpg') no-repeat top left;
}
img.assistance_chantier {
	position:		absolute;
	left:			337px;
	top:			3px;
}
img.assistance_plan {
	position:		absolute;
	left:			530px;
	top:			24px;
}

/* 1.1.g SERVICE MACHINE A TEINTER
------------------------------------*/
.machineateinter .superpose {	height:300px;}
.machine_description {
	text-align:		left;
	font-size:		13px;
	color:			#999;
	position:		absolute;
	left:			200px;
	top:			0px;
}
.machine_service {
	width:			382px;
	height:			208px;
	padding:		5px 20px 5px 10px;
	text-align:		left;
	font-size:		1.05em;
	line-height:	120%;
	color:			#FFF;
	position:		absolute;
	left:			200px;
	top:			60px;
	background:		url('../../images/FR/background/bg_machineateinter_services.jpg') no-repeat top left;
}
img.machine_machine {
	position:		absolute;
	left:			20px;
	top:			0px;
}
img.machine_peintures {
	position:		absolute;
	left:			589px;
	top:			100px;
}

/***********************************
2.1 MOTEUR DE RECHERCHE PARTICULIER
************************************/
.moteur-recherche {			margin:	20px 0 0;
                   			width:	440px;			}
.moteur-recherche li {		margin: 3px 0;			}

.moteur-recherche label			{	float:	left;	
                       				width:	125px;	}
.moteur-recherche input			{	width:	230px;	}
.moteur-recherche select		{	width:	234px;	}
.moteur-recherche .facultatif	{	color:	#aaa;	}

.part .visuel-gauche .img-projet {
	background: 	url('../../images/FR/visuel_projet.jpg') no-repeat 0 0;
	min-height: 	425px !important;
	}

/* 2.1.a MOTEUR FLASH
-------------------------*/
.moteur-flash {
	margin:			5px 10px 10px 0;
	padding:		0 0 10px;
	border:			1px #ccc solid;
	border-width:	0 0 1px;
	height:			270px;
}
.moteur-flash object {
	margin:			10px 0 0 0;
}
.moteur-flash .valid_projet {
	text-align:		right; 
}
	.moteur-flash .valid_projet input {
		position:	relative;
		left:		-30px;
	}	

	
	
	
/* 2.1.a MOTEUR HTML
-------------------------*/
.moteur-html { margin:	5px 10px 10px 0; }
.pro .moteur-html	{ color:	#4289c9; }
.part .moteur-html	{ color:	#e45b65; }
	.moteur-html input  {color:	#000;}

.moteur-html .valid_projet {
	text-align:		right; 
	height:			1px;
}
	.part .moteur-html .valid_projet input {
		position:	relative;
		top:		-60px;
		left:		-30px;
		background: url('../../images/FR/btn_chercher.gif') no-repeat 0 0;
		width:		122px;
		height:		46px;
		border:		0;
		padding:	0;
		cursor:		pointer;
	}	

/***************************************
2.2 MOTEUR DE RECHERCHE PROFESSIONNELS
****************************************/

div.rechercheproduits #content-box #content {
	background: 	#e5f1fd; 
	min-height:		470px; 
	padding:		8px 0 0; 
	width:			787px;
}
div.rechercheproduits #content-box #box-bottom  {
	display:		none; }
div.rechercheproduits #content-box .box-bottom2  {
	background: 	url('../../images/FR/background/bg_bottom_recherche_produit.gif') no-repeat 0 0;
	height:			20px;
}

/* 2.2.a CHOIX ONGLET
-------------------------*/
.recherche_tit {
	text-align:			center;
	font-size:			13px;
	color:				#4289c9;
	text-transform:		uppercase;
	margin:				0 0 5px;
	font-weight:		bold;
}
.recherche_onglet_marque  {
	height:				98px;
	margin:				0 auto;
	width:				772px;
}
	.recherche_onglet_marque li {
		float:			left;
		padding:		0 15px 0 0;
		border-bottom:	2px solid #4289c9;	
	}
	.recherche_onglet_marque li.selected_marque {
		padding:		0;
		border:			0;
	}
		.recherche_onglet_marque li img { display:block; }
	
.recherche_professionnel {
	border:				2px solid #4289c9;
	border-width:		0 2px;
	min-height:			400px;
	background:			#fff;
	margin:				0 auto;
	width:				768px;
}
/* 2.2.b CHOIX FAMILLE
-------------------------*/
.recherche_marque_famille {
	padding:			5px 0 20px;
	margin:				0 20px 0;
	border-bottom:		1px #ccc solid;
}
	.recherche_marque_famille p {
		padding:		5px 50px 10px;
		color:			#4289c9;
		font-size:		13px;
	}
	.recherche_marque_famille ul li {
		float:			left;
		margin:			0 10px 5px 0;
		width:			230px;
	}
		.recherche_marque_famille ul li img {
			float:		left;
			margin:		0 10px 0 0;
			height:		47px;
		}
		.recherche_marque_famille ul li span {
			padding:	10px 0 0 0;
			display:	block;
		}


/* 2.2.c MOTEUR HTML
-------------------------*/
.recherche_professionnel .moteur-html  {
	margin:				5px 10px 0px 0;
	padding:			0 40px 5px;
}
.pro .moteur-html	{ color:	#4289c9; }
	.recherche_professionnel .moteur-html .valid_projet input {
		position:		relative;
		top:			-120px;
		left:			-30px;
		background: 	url('../../images/FR/btn_chercher2.gif') no-repeat 0 0;
		width:			122px;
		height:			46px;
		border:			0;
		padding:		0;
		cursor:			pointer;
	}
.ac_results 
{	background:none repeat scroll 0 0 #FFFFFF;
	border-color:#CCCCCC;
	border-style:solid;
	border-width:0 1px 1px;
	margin:0 0 0 1px;
	width:250px !important;
	width:230px ;
	-moz-box-shadow: 0 3px 5px #000;
}
.ac_results li 
{	border-color:#CCCCCC;
	border-style:solid;
	border-width:0 0 1px;
	padding:0 20px 0 0;
	padding:2px 0 2px 5px
}
.ac_results li:hover
{	background:#3883C7;
 	color:#FFF;
 	cursor:pointer;
}


/**************************
2.3 RESULTAT 
***************************/
	.pro .visuel-gauche .img-resultat {
		background: 	url('../../images/FR/visuel_result_pro.jpg') no-repeat 0 0;
		min-height: 	583px !important;
		}
	.part .visuel-gauche .img-resultat {
		background: 	url('../../images/FR/visuel_projet.jpg') no-repeat 0 0;
		min-height: 	425px !important;
	}
	.pro .result_body {min-height: 	583px !important;}

.result_entete {
	height:				60px;
	border-bottom:		1px #ccc solid;
	padding:			10px;
}
	.result_body .result_entete span{
		background:		none;
	}
	.result_body .result_entete div{
		margin:			25px 0 0;
	}
	.result_entete .tit-div { float:left; margin:0 3px 0 0; border:0;}
	
.pro .result_entete			{ color:	#2b68ac; }
.part .result_entete		{ color:	#c6333e; }
	.pro .result_entete a	{ color:	#2b68ac; }
	.part .result_entete a	{ color:	#c6333e; }

.result_body span {
	background:			#2B79AC ;
	color:				#FFFFFF;
	display:			block;
	font-size:			13px;
	font-weight:		bold;
	margin:				10px 0;
	padding:			2px 5px;
	text-transform:		uppercase;
}

.result_pair {
	border-bottom:		1px #ccc solid;
	padding:			10px;
	margin:				0 1px 0 0;
	color:				#000;
	background:			url('../../images/FR/background/bg_result_pro.gif') repeat-x bottom;
}
	
.result_impair {
	border-bottom:		1px #ccc solid;
	padding:			10px;
	color:				#000;
}
.pro .result_pair	{	background:		url('../../images/FR/background/bg_result_pro.gif') repeat-x bottom;}
.part .result_pair	{	background:		url('../../images/FR/background/bg_result_part.gif') repeat-x bottom;}

	.result_pair span,
	.result_impair span {
		font-weight:	bold;
		text-transform:	uppercase;
		font-size:		13px;
		color:			#000;
		display:		inline;
		border:			0;
		background:		none;
	}
	.result_btn img { margin:	10px 25px 0 0; }
		
		
/**************************
2.4 DETAIL PRODUIT
***************************/		
.detail_produit {	min-height: 	583px !important;}
.pro .detail_produit {
	padding:	15px 15px 50px;
	position:	relative;
	margin:		0 1px 0 0;
	background: url(../../images/FR/background/bg_result_pro.gif) repeat-x scroll center bottom;
}
.part .detail_produit {
	padding:	15px 15px 50px;
	margin:		0 1px 0 0;
	position:	relative;
	background: url(../../images/FR/background/bg_result_part.gif) repeat-x scroll center bottom;
}

.detail_btn 
{	position:	absolute;
 	bottom:		10px;
 	width:		550px;	
 	left:		0;
}
	.detail_btn img 
	{	margin:0 10px;
	}

.pro .visuel-gauche .img-resultat {
	background: 	url('../../images/FR/visuel_result_pro.jpg') no-repeat 0 0;
	min-height: 	583px !important;
}
.part .visuel-gauche .img-resultat {
	background: 	url('../../images/FR/visuel_projet.jpg') no-repeat 0 0;
	min-height: 	425px !important;
}
.pro .detail_produit span  {
	color:#3176c3;
	text-transform:uppercase;
	font-weight:bold;
}
.part .detail_produit span {
	color:#e33942;
	text-transform:uppercase;
	font-weight:bold;
}
		
/*****************************
3.1 NOS CONCEPTS
******************************/		
		
p.intro_concept {
	margin:			0 15px 10px;
	padding:		10px 0 20px;	
	border-bottom:	1px #CCC solid;
	color:			#333;
	font-size:		13px;
}
	p.intro_concept span.sousTit {
		color:		#999;
		display:	block;
		margin:		10px 0 0;
	}
.choix_concept div {
	width:			33%;
	float:			left;
	text-align:		center;
	font-size:		15px;
	font-weight:	bold;
	color:			#2b68ac;
}
	.choix_concept img {
		margin:		10px 0;
		width:		200px;
	}
	.choix_concept a img {
		width:		auto;
	}
	
	
/*****************************
3.2 CONCEPT 1825
******************************/		
p.concept {
	margin:					0 15px 10px;
	padding:				10px 0 20px;	
	border-bottom:			1px #CCC solid;
	color:					#333;
	text-align:				justify;
}
	p.concept span {
		display:			block;
		margin:				10px 0 0;
		font-size:			13px;
		text-transform: 	uppercase;
		font-weight:		bold;
	}
	p.concept img {
		float:				right;
		margin:				0 0 20px 15px;
	}
	
p.concept2 {
	margin:					0 15px 10px;
	padding:				10px 0 5px;	
	border-bottom:			1px #CCC solid;
	color:					#333;
	text-align:				justify;
}
	p.concept2 span {
		display:			block;
		margin:				10px 0 0;
		font-size:			13px;
		text-transform: 	uppercase;
		font-weight:		bold;
	}
	p.concept2 img {
		float:				left;
		position:			relative;
		left:				-15px;
	}
	p.concept2 font {
		white-space:		pre;
		font-size:			12px;
	}
	p.concept2 a {
		display:			block;
		text-align:			right;
		margin:				10px 10px 0 0;
		text-decoration:	underline;
	}
	.visuel1825 {
		float:				left;
		margin:				0 15px 20px 10px;
	}
p.concept_switch {
	margin:					0 15px 0 0;
	text-align:				right;
}
	p.concept_switch a {
		color:				#2b68ac;
		font-weight:		bold;
		padding:			0 0 0 15px;
	}	
	p.concept_switch a.conceptlink {
		background: url('../../images/FR/arrow_right.gif') no-repeat 0 3px;
	}
	
/*****************************
3.3 CONCEPT TRIPLOXYDE
******************************/		
div.concept {
	margin:				0 15px 10px;
	padding:			10px 0 20px;	
	border-bottom:		1px #CCC solid;
	color:				#567ba5;
	text-align:			justify;
}
	div.concept span {
		margin:			10px 0 0;
		font-size:		13px;
		text-transform: uppercase;
		font-weight:	bold;
		color:			#2a4765;
	}
	div.concept div {
		float:			right;
		margin:			0 0 20px 15px;
		text-align:		center;
	}	
		div.concept div a {	color:#567ba5;	}
		
div.concept2 {
	margin:				0 15px 10px;
	padding:			10px 0 10px;	
	color:				#567ba5;
	text-align:			justify;
}
	div.concept2 span {
		display:		block;
		margin:			0 0 0;
		font-size:		13px;
		text-transform: uppercase;
		font-weight:	bold;
		color:			#2a4765;
	}
	div.concept2 img {
		float:			left;
		margin:			0 15px 40px 0 ;
		text-align:		center;
	}	
		div.concept2 div a {	color:#567ba5;	}
		
div.concept_switch {
	margin:				0 15px 10px;
	padding:			10px 0 10px;	
	color:				#567ba5;
	text-align:			justify;
}
	div.concept_switch span {
		display:		block;
		margin:			0 0 0;
		font-size:		13px;
		text-transform: uppercase;
		font-weight:	bold;
		color:			#2a4765;
	}
	div.concept_switch img {
		float:			left;
		margin:			0 5px 40px 0 ;
		text-align:		center;
	}	
		div.concept_switch div  	{
			float:			right;	
			width:			360px;	
			text-align:		right;	
		}
		.conceptvitokite div.concept_switch div {
			text-align:		left;
			width:			250px;			
		}
			div.concept_switch div div
			{
				float:			right;
				width:			190px;
				text-align:		right;
				}
				div.concept_switch div div img {
					float:		none;
					margin:		0;
				}
			div.concept_switch div a.triplo_applicateur 	{
				color:			#567ba5;
				display:		block;
				text-align:		right;
				padding:		20px 0 10px;
				border-bottom:	1px #CCC solid;
				margin:			0 0 10px;
			}
			div.concept_switch div a.triplo_link {
				color:			#67625e;
				font-weight:	bold;
				padding:		0 0 10px 10px;
				display:		block;
				background:		url('../../images/FR/arrow_right_grey.gif') no-repeat 0 3px;
				text-transform:	uppercase;
			}
			.conceptvitokite div.concept_switch div a.triplo_link {
				padding:		0 0 10px 15px;
			}
			.conceptvitokite div.concept_switch div a.doc_vitokite {
				border-bottom:1px #67625e solid;
				margin:0 0 10px;
				text-transform:none;
				background:none;
				color:#3883C7;
				text-align:right;
			}
			.conceptvitokite div.concept_switch div a.doc_vitokite:hover 
			{	text-decoration:none;
			}
			.conceptvitokite div.concept_switch div a.doc_vitokite  img 
			{	float:none;
			 	margin:5px 0 0;
			}
	
/******************************
3.4 CONCEPT PARTICULIER
*******************************/	
.nosconceptspart .rounded-box  {
color:#999999;
padding:22px 24px 0;
}
.nosconceptspart .intro  {
	margin:10px 0 10px;
	color:#999;
	font-size:13px;
	font-weight:bold;
}
.nosconceptspart .rounded-box ul 
{	background:url('/ressources/images/concept_part_dot.gif') no-repeat 0 0;
}
.nosconceptspart .rounded-box ul  li
{	background:url('/ressources/images/concept_part_dot.gif') no-repeat 0 100%;
 	padding:5px 0 5px;
}
.nosconceptspart .rounded-box ul li .a-left 
{	text-align:center;
 	float:left;
 	margin:0 5px 0 0;
 	font-weight:bold;
}
.nosconceptspart .rounded-box ul li .a-right 
{	float:right;
 	margin:0 5px 0 5px;
}

.nosconceptspart .rounded-box ul  li p,
.nosconceptspart .rounded-box ul  li ul
{	margin:0 0 0 150px;
 	width:250px;
}
.nosconceptspart .rounded-box ul  li ul 
{	height:39px;
 	background:none;
}
.nosconceptspart .rounded-box ul  li ul li
{	float:left;
 	width:34px;
 	height:34px;
 	padding:0;
 	margin:5px 2px 0;
}
.nosconceptspart .rounded-box li li span {
	background:url("/ressources/images/FR/masque_concept.png") no-repeat scroll 0 0;
	display:block;
	width:34px;
 	height:34px;
 	font-size:1px;
 	text-align:center;
}
.nosconceptspart .rounded-box li p.color 
{	text-align:center;
 	width:170px;
 	height:20px;
}
.nosconceptspart .mentions 
{	padding:10px 0 0 5px;
 	font-size:11px;
 	font-style:italic;
 	color:#555;
 	line-height:120%;
}

/******************************
4.1 ENVIRONNEMENT - GENERALITE
*******************************/
div.visuel-gauche { height: 425px; }
	.pro .visuel-gauche .img-environnement {
		background: 	url('../../images/FR/visuel_environnement_pro.jpg') no-repeat 0 0;
		min-height: 	425px !important;
		}
	.part .visuel-gauche .img-environnement {
		background: 	url('../../images/FR/visuel_environnement_part.jpg') no-repeat 0 0;
		min-height: 	425px !important;
		}
		
.intro_environnement {
	margin:				0 15px 10px 0;
	padding:			10px 0 20px;	
	border-bottom:		1px #CCC solid;
	color:				#999;
	text-align:			justify;
	position:			relative;
	font-size:			13px;
}
	.intro_environnement span {
		color:			#333;
		font-size:		13px;
		font-weight:	bold;
		padding:		0 0 10px;
		display:		block;
		text-transform:	uppercase;
	}
	.intro_environnement strong {
		color:			#888;
	}



ul.MenuEnvironnement {
	margin:		0 auto 0px;
	width:		732px;
	height:		33px;
	clear:		right;
	}
	ul.MenuEnvironnement li {
		display:	block;
		float:		left;
		height:		33px;
		}
		ul.MenuEnvironnement li a {
			display:		table-cell;
			vertical-align: middle;
			height:			33px;
			background:		url('../../images/FR/background/bg_menu_environnement.gif') no-repeat top center;
			width:			165px;
			color:			#FFF;
			text-align:		center;
			text-transform:	uppercase;
			line-height:	120%;
			font-size:		10px;
		}	
		
			ul.MenuEnvironnement li a:hover {
				color:					#FFF;
				background-position:	bottom;
				text-decoration:		none;
			}
			ul.MenuEnvironnement li.MenuEnvironnement-last a 	{
				background-position:	top right; 
				width:					125px; }
			ul.MenuEnvironnement li.MenuEnvironnement-first a 	{
				background-position:	top left; 
				width:					125px; }
			ul.MenuEnvironnement li.MenuEnvironnement-last a:hover	{	background-position: bottom right; }
			ul.MenuEnvironnement li.MenuEnvironnement-first a:hover {	background-position: bottom left; }


/********************************
4.2 ENVIRONNEMENT - SPECIFICITE
********************************/
	
/* 4.1.a ENVIRONNEMENT ACCUEIL 
--------------------------------------*/
.menu_entree_environnement {	
	width:			433px;
	height:			165px;
	padding:		15px 0 0 0;
	background: 	url('../../images/FR/background/bg_liste_environnement.jpg') no-repeat top left;
	margin:			20px auto 0;
}
	.menu_entree_environnement span 	{
		display:		block;
		text-align:		center;
		font-size:		14px;
		margin:			0 0 10px;
		font-weight:	bold;
		color:			#52503b;
	}
	
	.menu_entree_environnement a {	
		display:		block;
		text-align:		left;
		padding:		0 0 0 70px;
		color:			#696355;
		line-height:	180%;
		}
		.menu_entree_environnement a:hover	{	
			color:			 	#52503b;
			text-decoration: 	underline;
			}

/* 4.2.a ENVIRONNEMENT POLITIQUE 
--------------------------------------*/
.environnement_engagement  {	
	width:			457px;
	height:			165px;
	padding:		15px 0 0 25px;
	background:		url('../../images/FR/background/bg_liste_engagement.jpg') no-repeat top left;
	margin:			20px auto 0;
	color:			#fff;
	line-height:	160%;
}

	.environnement_engagement span  	{
		display:	block;
		color:		#2f690e;
		text-align:	center;
		font-size:	13px;
		width:		400px;
		padding:	0 25px 10px 0;
	}



/* 4.3.a ENVIRONNEMENT LABEL 
--------------------------------------*/
div.pagination {
	margin:			8px 8px 0 0;
	position:		absolute;
	text-align:		right;
	width:			580px;
	z-index:		10;
}
	div.pagination img {
		margin:		0 5px; 
		cursor:		pointer;
	}
	
	/* 4.2.c.1 Page 1
	--------------------------------------*/
	.engagement_label {
		background:		url('../../images/FR/background/bg_engagement_label.jpg') no-repeat 0 0;	
		width:			362px;
		height:			202px;
		float:			left;
		margin:			2px 5px 0 0;
		padding:		10px;
		line-height:	150%;
		color:			#265111;
	}
		.engagement_label span {
			display:			block;
			text-align:			center;
			font-weight:		bold;
			margin:				0 0 10px;
		}
		.label1 a  {
			display:			block; 
			text-decoration:	underline;
			color:				#8a8a8a;
			margin:				10px 5px;
		}
	/* 4.2.c.4 Page 2
	--------------------------------------*/
	.label2 div.liste_cible_label {
		background:			url('../../images/FR/background/bg_liste_cible.jpg') no-repeat 0 0;
		width:				553px;
		height:				205px;
		padding:			10px;
		margin:				0 0 10px
	}
		.label2 div.liste_cible_label span {
			display:			block;
			color:				#265111;
			text-align:			center;
			font-weight:		bold;
		}
		.label2 div.liste_cible_label .label_cible_g {
			float:				left;
			width:				340px;
			color:				#fff;
		}
			.label2 div.liste_cible_label .label_cible_g span {
				text-align:			left;
				text-decoration:	underline;
				margin:				5px 0 0;
			}
		
		.label2 div.liste_cible_label .label_cible_d {
			width:				210px;
			float:				left;
			color:				#fff;
			
		}
			.label2 div.liste_cible_label .label_cible_d span {
				text-align:			left;
				text-decoration:	underline;
				margin:				5px 0 0;
			}
	
	/* 4.2.c.4 Page 3
	--------------------------------------*/
	.label3 div 	{
		text-align: justify;	
		margin:10px 15px 0 0;
		clear:right;
	}
	.label3 div.pagination {	text-align:		right;		}
		.label3 div img 	{
			float:	right;
			margin:0 0 20px 10px;		
		}
		.label3 div.pagination img {	float:	none;		}
		
		.label3 div span {
			display:block;
			font-weight:bold;
			color:#3a8a0a;
		}
		.label3 div p {
			padding: 0 0 0 30px;
			color:#a89c7e;
			width:500px;
			margin: 10px 0 20px;
		}
		
	
	/* 4.2.c.4 Page 4
	--------------------------------------*/
	.label4 .intro_environnement img {
		margin:			10px auto 0;
		display:		block;
	}
	
	.label4 .famille_iso {
		width:359px;
		height:295px;
		padding:10px;
		float:left;
		margin: 0 7px 5px 0;
		background:url('../../images/FR/background/bg_famille_iso.jpg') no-repeat 0 0;
		color:#FFF;
	}
		.label4 .famille_iso span {
			color:#265111;
			font-weight:bold;
			display:block;
			margin:15px 0 5px;
		}
	
	.label4 .theolaur_certifie {
		width:168px;
		height:295px;
		padding:10px;
		margin: 0 7px 0 0;
		float:left;
		color:#746849;
		background:url('../../images/FR/background/bg_theolaur_certifie.jpg') no-repeat 0 0;
	}
		.label4 .theolaur_certifie span {
			color:#5a5241;
			font-weight:bold;
			display:block;
			margin:5px 0 10px;
		}
	
	/* 4.2.c.4 Page 5
	--------------------------------------*/
	.label5 .directive {
		width:552px;
		height:118px;
		padding:10px;
		color:#746849;
		background:url('../../images/FR/background/bg_directive.jpg') no-repeat 0 0;
		}
		.label5 .directive span {
			color:#5a5241;
			font-weight:bold;
			display:block;
			margin:5px 0 10px;
		}
	.label5 .superpose { height:230px;}
		.label5 .superpose div {
			width:359px;
			height:155px;
			padding:10px;
			margin:10px 0 0;
			color:#fff;
			background:url('../../images/FR/background/bg_deja_conforme.jpg') no-repeat 0 0;
		}
			.label5 .superpose div span {
				color:#265111;
				font-weight:bold;
				display:block;
				margin:5px 0 15px;
			}
			img.label_foret  {
				position:absolute;
				left:238px;
				top:116px;
			}
			img.label_ble {
				position:absolute;
				left:388px;
			}

/* 4.4.a ENVIRONNEMENT ACTEUR 
--------------------------------------*/
.conseil_consomacteur div {
	width:				170px;
	height:				130px;
	padding:			13px 100px 0 15px;
	margin:				0 7px 10px 0;
	color:				#696355;
	float:				left;
	line-height:		130%;
}
.conseil_consomacteur .conseil1  {
	background:			url('../../images/FR/background/bg_consomacteur_1.jpg') no-repeat top left;
}
.conseil_consomacteur .conseil2  {
	background:			url('../../images/FR/background/bg_consomacteur_2.jpg') no-repeat top left;
}
.conseil_consomacteur .conseil3  {
	background:			url('../../images/FR/background/bg_consomacteur_3.jpg') no-repeat top left;
}
.conseil_consomacteur .conseil4  {
	background:			url('../../images/FR/background/bg_consomacteur_4.jpg') no-repeat top left;
}
	.conseil_consomacteur div span {
		display:		block;
		color:			#52503b;
		font-size:		13px;
		margin:			0 0 10px;
		font-weight:	bold;
	}

/* 4.5.a ENVIRONNEMENT DOCUMENTATION 
--------------------------------------*/

.environnement_doc div {
	width:			310px;
	height:			118px;
	margin:			0 auto 5px;
	padding:		10px 20px 0 133px;
	color:			#696355;
}
.environnement_doc_1 {	background:		url('../../images/FR/background/bg_doc_environnement_1.jpg') no-repeat top left;	}
.environnement_doc_2 {	background:		url('../../images/FR/background/bg_doc_environnement_2.jpg') no-repeat top left;	}
.environnement_doc_3 {	background:		url('../../images/FR/background/bg_doc_environnement_3.jpg') no-repeat top left;	}

	.environnement_doc div span {
		color:			#696355;
		display:		block;
		font-weight:	bold;
		font-size:		13px;
		padding:		0 0 5px;
	}
	.environnement_doc div a {
		color:				#696355;
		display:			block;
		font-weight:		bold;
		font-size:			12px;
		padding:			0 10px 0 30px;
		margin:				10px 0 0;
		height:				21px;
		background:			url('../../images/FR/link_pdf_environnement.gif') no-repeat 5px top;
		text-decoration:	none;
	}
	.environnement_doc div a:hover {
		color:				#52503b;
		background:			url('../../images/FR/link_pdf_environnement.gif') no-repeat  5px bottom;
		text-decoration:	underline;
		cursor:				pointer;
	}



/******************************
5.1 CONSEIL - GENERALITE
*******************************/
.intro_conseil {
	margin:				0 15px 10px 0;
	padding:			10px 0 20px;	
	border-bottom:		1px #CCC solid;
	color:				#5d5d5d;
	text-align:			justify;
	position:			relative;
	font-size:			13px;
	font-weight:		bold;
}
	.intro_conseil span {
		color:			#5d5d5d;
		padding:		0 0 10px;
		display:		block;
		text-transform:	uppercase;
	}

ul.MenuConseil {
	margin:		0 auto 0px;
	width:		732px;
	height:		33px;
	clear:		right;
	}
	ul.MenuConseil li {
		display:	block;
		float:		left;
		height:		33px;
		}
		ul.MenuConseil li a {
			display:		table-cell;
			vertical-align: middle;
			height:			33px;
			background:		url('../../images/FR/background/bg_menu_conseil.gif') no-repeat top center;
			width:			122px;
			color:			#FFF;
			text-align:		center;
			text-transform:	uppercase;
			line-height:	120%;
			font-size:		10px;
		}	
		
			ul.MenuConseil li a:hover {
				color:					#FFF;
				background-position:	bottom;
				text-decoration:		none;
			}
			ul.MenuConseil li.MenuConseil-last a 	{
				background-position:	top right; 
				width:					122px; }
			ul.MenuConseil li.MenuConseil-first a 	{
				background-position:	top left; 
				width:					122px; }
			ul.MenuConseil li.MenuConseil-last a:hover	{	background-position: bottom right; }
			ul.MenuConseil li.MenuConseil-first a:hover {	background-position: bottom left; }


/********************************
5.2 CONSEIL - SPECIFICITE
********************************/
	
/* 5.1.a CONSEIL ACCUEIL
--------------------------------------*/
	.part .visuel-gauche .img-conseilacc {
		background: 	url('../../images/FR/visuel_conseil.jpg') no-repeat 0 0;
		min-height: 	425px !important;
		}

.conseil .intro_conseil {
	font-weight:		bold;
	padding:			10px 0 0;	
}
	.conseil .intro_conseil  strong {
		color:			#555;
	}
	.conseil .intro_conseil span {
		color:			#5d5d5d;
		padding:		0 0 10px;
		display:		block;
		text-transform:	uppercase;
	}
	.conseil .sousTit {
		color:#5b5b5b;
	}
		.conseil .sousTit   strong {
			color:			#555;
		}
		

.menu_entree_conseil {	
	width:			430px;
	height:			208px;
	padding:		15px 0 0 0;
	background: 	url('../../images/FR/background/bg_liste_conseil.jpg') no-repeat top left;
	margin:			20px auto 0;
}
	.menu_entree_conseil span 	{
		display:		block;
		text-align:		center;
		font-size:		14px;
		margin:			0 0 10px;
		font-weight:	bold;
		color:			#fff;
	}
	
	.menu_entree_conseil a {	
		display:		block;
		text-align:		left;
		padding:		0 0 0 150px;
		color:			#fff;
		line-height:	180%;
		}
		.menu_entree_conseil a:hover	{	
			color:			 	#fff;
			text-decoration: 	underline;
			}

	
/* 5.1.b CONSEIL CHOISIR SON ASPECT
--------------------------------------*/
.choisiraspect .rounded-box {
	color:		#999;
	padding:	18px 29px 0;
}
.choisiraspect .intro_conseil {
	padding:	10px 0 10px;
}

img.conseil_choix_aspect {	float:left;	}

.choisiraspect .withImage { color:#999;}

/* 5.1.c CONSEIL MARIER LES COULEURS
--------------------------------------*/
.mariagecouleur .rounded-box {
	color:		#999;
	padding:	18px 29px 0;
}
.marier_couleur_froide {color:	#999;}
.marier_couleur_chaude {color:	#999;}
.marier_couleur_neutre {color:	#999;}

.mariagecouleur .intro_conseil {		padding: 	10px 0 ;	}
.mariagecouleur .intro_conseil span {	padding: 	0;	}

.onglet_mariage_couleur img   {
	margin:			0 8px 0 0; 
    cursor:			pointer;
    opacity:		0.8;
    filter:			alpha(opacity=80);
}
.mariagecouleur .harmonie_left { float:	left; }

/* 5.1.d CONSEIL JOUER AVEC LES VOLUMES
--------------------------------------*/
.jouervolume .rounded-box {
	color:		#999;
	padding:	18px 29px 0;
}

img.conseil_jeu_volume { float:			left;}
.jouervolume .withImage { color:		#999;}

/* 5.1.e CONSEIL ACRYLIQUE OU GLYCERO
--------------------------------------*/
.acryliqueouglycero .rounded-box {
	color:		#999;
	padding:	18px 29px 0;
}
.acryliqueouglycero .superpose { height:350px; margin: 10px 0 0 50px;}
.acryliqueouglycero .conseil_qualite_glycero  {
	float:			left;
	background:		url('../../images/FR/background/bg_qualite_glycero.jpg') no-repeat center bottom;
	width:			280px;
	height:			279px;
	margin:			0 10px 0 0;
	padding:		0 0 0 10px;
	color:			#fff;
}
.acryliqueouglycero .conseil_qualite_acrylique  {
	float:			left;
	background:		url('../../images/FR/background/bg_qualite_acrylique.jpg') no-repeat center bottom;
	width:			328px;
	height:			335px;
	padding:		0 0 0 10px;
	color:			#fff;
}
.acryliqueouglycero .conseil_qualite_acrylique span,
.acryliqueouglycero .conseil_qualite_glycero span {
	display:		block;
	text-transform:	uppercase;
	margin:			0 0 4px 15px;
	color:			#666;
	font-weight:	bold;
}
.acryliqueouglycero .conseil_qualite_acrylique strong,
.acryliqueouglycero .conseil_qualite_glycero strong {
	padding:		10px 0 0;
	display:		block;
}

/* 5.1.f CONSEIL TRUCS ET ASTUCES
--------------------------------------*/
.trucsetastuces .rounded-box {
	color:			#999;
	padding:		18px 29px 0;
}
.trucsetastuces div.clear  {
	margin:			0 0 20px; 
	color:			#999;
}
.trucsetastuces div.clear span  {
	display:		block; 
	font-weight:	bold; 
	color:			#777;
}
.trucsetastuces .truc_astuce_right { float:right; }
.trucsetastuces .truc_astuce_left { float:left; }

/* 5.1.g CARNET DE STYLE
--------------------------------------*/
.carnetdestyle  .rounded-box {
	color:			#999;
	padding:		18px 29px 0;
	min-height:		500px;
}
.carnetdestyle  .intro_conseil {
	padding:		10px 0 10px;
}

img.conseil_carnet_style {	float:left;	}

.carnetdestyle  .withImage  {
	color:			#999;
	margin-left:	153px !important;
	min-height:		400px;
}
.color-list li 
{	height:			120px;
}
	.color-list p {
		margin:		0 0 0 275px;
	}
.color-box {
	width:			270px;
	height:			80px;
	float:			left;
	
}
	.color-box div {
		width:		55px;
		height:		55px;
		float:		left;
		margin:		0 5px 0 0;
		position:	relative;
	}
	.color-box div span 	{
		width:			55px;
		/*margin:		60px 0 0;*/
		text-align:		center;
		display:		block;
		position:		relative;
		top:			60px;
		line-height:	110%;
	}
	.color-box div p 	
	{
		position:		absolute;
		width:			55px;
		height:			55px;
		margin:			0;
		background:		url('../../images/FR/masque_carnet.png') no-repeat center bottom;
	}

/********************************
6 PAGE FOOTER
********************************/

p.intro_footer {
	margin:				0 10px 0 0;
	padding:			15px 0 10px;	
	border-bottom:		1px #CCC solid;
	color:				#999;
}
	
	p.intro_footer span {
		text-transform: uppercase;
		font-size:		1.2em;
		line-height:	150%;
		color:			#666;
		font-weight:	bold;
	}
	p.intro_footer span.sousTit {
		color:			#333;
		text-transform:	none;
		font-size:		1.1em;
		line-height:	normal;
		font-weight:	bold;
	}
/********************************
6.1 SITEMAP
********************************/
.plandusite #content-box #content {
	width:		749px;
	padding:	8px 19px 0;
	color:		#999;
}
.plandusite p.intro_footer {
	margin:		0 10px 10px 0;
}
	
.sitemap_pro {
	width:			348px;
	height:			133px;
	background:		url('../../images/FR/background/bg_sitemap_pro.jpg') no-repeat 0 0;
	float:			left;
	margin:			10px 5px 10px 0;
	text-align:		center;
	padding:		60px 10px 8px;
	line-height:	200%;
}
	.sitemap_pro a {
		font-size:	13px;
	}
.sitemap_part {
	width:			348px;
	height:			133px;
	background: 	url('../../images/FR/background/bg_sitemap_part.jpg') no-repeat 0 0;
	float:			left;
	margin:			10px 0 0 4px;
	text-align:		center;
	padding:		60px 10px 8px;
	line-height:	200%;
}
	.sitemap_part a {
		font-size:	13px;
	}

/********************************
6.2 PLAN D'ACCES
********************************/
.visuel-gauche .img-acces {
	background: 		url('../../images/FR/visuel_theolaur.jpg') no-repeat 0 0;
	min-height: 		425px !important;
}
.acces_site {
	text-align:			center;
	margin:				20px 0 20px;
	}
	.acces_site span {
		font-weight:		bold;
	}
	.acces_site a {
		color:				#e42836;
		font-size:			13px;
		font-weight:		bold;
		text-decoration:	underline;
		cursor:				pointer;
	}
.plan_noyelles 
{	display:				none;	
}
.plan_colomiers 
{	display:				none;	
}
.plan_noyelles .intro_footer,
.plan_colomiers .intro_footer
{	position:				relative;
}
.plan_noyelles .intro_footer img,
.plan_colomiers .intro_footer img
{	position:				absolute;
 	right:					10px;
 	top:					10px;
 	cursor:					pointer;
}
.plan_noyelles iframe, .plan_colomiers  iframe 
{	margin:					0 60px;
}
/********************************
6.3 MENTIONS
********************************/
.mentionslegales div.visuel-gauche { height: 630px; }
	.visuel-gauche .img-mentions {
		background: 	url('../../images/FR/visuel_mentions.jpg') no-repeat 0 0;
		min-height: 	630px !important;
	}
.mentionslegales .withImage { min-height:630px;}	

/********************************
6.4 LIENS UTILES
********************************/
.visuel-gauche .img-liens {
	background: 	url('../../images/FR/visuel_eau.jpg') no-repeat 0 0;
	min-height: 	425px !important;
}
.liensutiles .withImage { color:#999;}	
div.boitealiens {
	padding:		10px;
	line-height:	130%;
	float:			left;
	font-size:		10px;
	color:			#777;
}
div.site_part		
{	background: 	url('../../images/FR/background/bg_sites_part.jpg') no-repeat 0 0;
 	width:			258px;
	height:			175px;
	margin:			10px 10px 0 0;	
}
div.liens_utiles	
{	background: 	url('../../images/FR/background/bg_liens_utiles.jpg') no-repeat 0 0;
 	width:			258px;
	height:			400px;
	margin:			10px 10px 0 0;	
}
	div.boitealiens span {
		display:		block;
		margin:			0 0 10px;
		font-weight:	bold;
		font-size:		13px;
		color:			#333;
	}	
	div.boitealiens a 
	{	font-size:		12px;
		color:			#333;
		display:		block;
		margin:			9px 0 0;
	}
	div.site_part a 
	{	margin:			13px 0 0;
	}
/********************************
6.5 SOCIETE
********************************/
.visuel-gauche .img-societe {
	background: 	url('../../images/FR/visuel_theolaur.jpg') no-repeat 0 0;
	min-height: 	425px !important;
}



.societe_1, .societe_2  
{	position:		relative;
 	padding:		0 0 20px;
}
.societe_1 div,.societe_2 div {
	margin:			0 10px 0 0;
	padding:		15px 0 10px;	
	border-bottom:	1px #CCC solid;
	color:			#888;
}

	.societe_1 div span, .societe_2 div span {
		font-weight:	bold;
		color:			#333;
		font-size:		12px;
		text-transform:	uppercase;
	}
	.societe_1 div p,.societe_2 div p  {
		clear:			right;
		padding:		10px 0;
		margin:			0;
	}
	.societe #content p {
		margin:			0 10px 0 0;
		padding:		15px 0 10px;	
		color:			#888;
	}
	.societe #content p span {
		font-weight:	bold;
		color:			#333;
		font-size:		12px;
		text-transform:	uppercase;
		display:		block;
		margin:			0 0 10px;
	}
	.societe #content p strong {
		color:			#777;
	}
	.societe #content div.pagination {
		margin:			-25px 8px 0 0;
		position:		absolute;
		text-align:		right;
		width:			762px;
		z-index:		10;
	}
	.societe #content .intro_footer div.pagination {
		width:			580px;
	}
		.societe #content .withImage a  {
			display:		block;
			text-align:		center;
			padding:		10px;
			font-weight:	bold;
			text-decoration:underline;
		}
		
/********************************
6.6 HISTORIQUE
********************************/
.visuel-gauche .img-historique {
	background: 	url('../../images/FR/visuel_theolaur.jpg') no-repeat 0 0;
	min-height: 	425px !important;
}
.historique_1, .historique_2  
{	position:		relative;
 	padding:		0 0 20px;
}
.historique_1 div,.historique_2 div {
	margin:			0 10px 0 0;
	padding:		15px 0 10px;	
	border-bottom:	1px #CCC solid;
	color:			#888;
}

	.historique_1 div span, .historique_2 div span {
		font-weight:	bold;
		color:			#333;
		font-size:		12px;
		text-transform:	uppercase;
	}
	.historique_1 div p,.historique_2 div p  {
		clear:			right;
		padding:		10px 0;
		margin:			0;
		}
	.historique #content p {
		margin:			0 10px 0 0;
		padding:		15px 0 10px;	
		color:			#888;
	}
	.historique #content p span {
		font-weight:	bold;
		color:			#333;
		font-size:		12px;
		text-transform:	uppercase;
		display:		block;
		margin:			0 0 10px;
	}
	.historique #content p strong {
		color:			#777;
	}
	.historique #content div.pagination {
		margin:			-25px 8px 0 0;
		position:		absolute;
		text-align:		right;
		width:			762px;
		z-index:		10;
	}
	.historique #content .intro_footer div.pagination {
		width:			580px;
	}
	.historique #content .withImage a {
			display:		block;
			text-align:		center;
			padding:		10px;
			font-weight:	bold;
			text-decoration:underline;
		}
	
/********************************
6.7 CONTACT
********************************/
	.visuel-gauche .img-contact {
		background: 	url('../../images/FR/visuel_contact.jpg') no-repeat 0 0;
		min-height: 	425px !important;
	}
	p.intro_footer span {
		display:		block;
		margin:			0 0 10px;
	}
	
	.contact_form {
		margin:			20px 0 0;
	}
		.contact_form li {
			margin:		3px 0 3px;
			color:		#aaa;
		}
			.contact_form label {
				float:	left;
				width:	140px;
				color:	#333
			}
			.contact_form input {
				width:	260px;
				color:	#333;
			}
			
			.contact_form textarea {
				width:	418px;
				height:	100px;
			}
			.contact_form select {
				width:	422px;
			}
		.contact_form li.envoyer {
			text-align:	right;
		}
			.contact_form li.envoyer input {
				width:	auto;
				margin:	0 24px 0 0;
			}
	
	
/********************************
6.8 INDEX PRODUITS
********************************/	
.indexproduits .withImage {
margin-left:182px !important;
width:587px;
}

.index_produits .index_produit_marque 
{	display:block;
	text-transform:uppercase;
	color:#FFF;
	clear:right;
	background:#3883C7;
	padding:2px 14px;
	margin:0 10px 0 0;
	font-weight:bold;
}

.part .index_produits .index_produit_marque 
{	background:#E23843;	
}
.index_produits ul li
{
	float:right;
	margin:5px 15px 5px 0;
	width:30%;
	border-bottom:1px solid #E9E9E9;
	height:35px;
}






/********************************
7.1 ACTUALITES POPUP
********************************/
.actualite {
	display:	none;
}
.actualite div   {
	clear:		both;
	margin:		0 20px;
	color:		#999;
}
	.actualite div.clear   {
		clear:			both;
		margin:			0 20px 10px;
		padding:		10px 0 0;
		border-bottom:	1px #ccc solid;
	}
		.actualite div img  {
			float:		left;
			margin:		0 10px 0 0;
			width:		85px;
		}
		.actualite div a  {
			float:				right;
			font-weight:		bold;
			text-decoration:	underline;
		}
		.actualite div.actu_pro a  { color:#00aeef;}
		.actualite div.actu_part a  { color:#e13944;}
		
		.actualite div p  {
			color:		#555;
			margin:		0 0 0.8em;
		}
/********************************
7.2 ACTUALITES PAGES
********************************/
			
.actualites .actu_div {
		width:			446px;
		height:			266px;
		margin:			10px auto 0;
		padding:		95px 152px;
		background: 	url('../../images/FR/background/bg_actu.jpg') no-repeat 0 0;
		line-height:	120%;
		color:			#999;
		position:		relative;
	}
	.actualites .actu_box {
		height:			266px;
		width:			446px;
		position:		absolute;
		clip:			rect(0px, 456px, 266px, 0px);
	}		
		.actualites .actu_box div,
		.actualites .actu_box div.actu-visible {
			left:auto;
		}		
		
		.actualites .actu_div span {
			display:		block;
			text-transform:	uppercase;
			padding:		0 0 3px;
			margin:			0 0 3px;
			border-bottom:	1px solid #999;
			font-weight:	bold;
			font-size:		16px;
			
		}
		.actualites .actu_div .actu_box div span {
			display:		inline;
			text-transform:	none;
			padding:		0;
			margin:			0 ;
			border-bottom:	none;
			font-weight:	normal;
			font-size:		12px;
			
		}
		.actualites .actu_div img {
			float:	left;
			margin:	5px 10px 0 0;
			width:	170px;
		}
		.actualites .actu_div p {
			color:	#444;
		}
		.actualites .actu_div a  {
			color:				#00aeef;
			float:				right;
			font-weight:		bold;
			text-decoration:	underline;
			margin:				0 10px 0 0;
		}
		.actualites .actu_div .pagination {
			position:			absolute;
			margin:				0;
			bottom:				0;
			width:				446px;
		}
			.actualites .actu_div .pagination img {
				width:			auto;
				cursor:			pointer;
			}
/* ACTUALITES */
.gallery {
	width:			450px;
	height:			250px;
	position:		relative;
	overflow:		hidden;
	text-align:		left;
}
.gallery ul {
	width:			auto;
	height:			250px;
	position:		absolute;
	left:			0px;
}
.gallery ul li {
	float:			left;
	width:			430px;
	margin:			0 20px 50px 0;
	cursor:			pointer;
}
.next, .prev {
	cursor:			pointer;
}			
/********************************
8.1 INSCRIPTION A LA NEWSLETTER
********************************/

.inscriptionnewsletter .contact_form {
	margin:			20px 0 0;
}
	.inscriptionnewsletter .contact_form li {
		margin:		3px 0 3px;
		color:		#aaa;
	}
	.inscriptionnewsletter .contact_form li.question label {
		width:auto;
	}
		.inscriptionnewsletter .contact_form label {
			float:	left;
			width:	210px;
			color:	#333
		}
		.inscriptionnewsletter .contact_form input {
			width:	260px;
		}
		
		.inscriptionnewsletter .contact_form textarea {
			width:	418px;
			height:	100px;
		}
		.inscriptionnewsletter .contact_form select {
			width:	422px;
		}
	.inscriptionnewsletter .contact_form li.envoyer {
		text-align:	right;
		margin:		3px 24px 0 0;
		color:		#000;
		font-weight:bold;
	}
		.inscriptionnewsletter .contact_form li.envoyer input {
			width:	auto;
			margin:	0;
		}

/********************************
8.2 DESABONNEMENT
********************************/
.desabonnement .contact_form label { width:auto;}
.desabonnement .contact_form input { width:auto; margin:0 10px;}
.desabonnement .contact_form li  { width:auto; margin:30px 80px 0;}

/********************************
8.3 DOCUMENTATION TRIPLOXYDE
********************************/
.demandededocumentation .contact_form li.envoyer {
	text-align:	right;
	margin:0;
}

/********************************
8.1 OU TROUVER NOS PRODUITS
********************************/
.carte_france {
	float:			left;
	border-right:	1px #ccc solid;
}

.ou_trouver_produit_intro {
	font-weight:	bold;
	display:		block;
	padding:		10px;
	font-size:		13px;
	text-decoration:underline;
}
.pro .ou_trouver_produit_intro	{ color:	#00AEEF;}
.part .ou_trouver_produit_intro { color:	#E13944;}
.pro .form_carte_france			{ color:	#00AEEF;}
.part .form_carte_france		{ color:	#E13944;}

.form_carte_france {
	margin:			20px 0 0 0;
	padding:		0 10px 0 395px;
	font-size:		13px;
}
#test_departement 
{	width:380px;
	}
.ou_trouver_produit {
	margin:			20px 0 0 0;
}
	.ou_trouver_produit li {
		margin:		3px 0 3px;
		color:		#aaa;
	}
	.ou_trouver_produit li.question label {
		width:		auto;
	}
		.ou_trouver_produit label {
			float:	left;
			width:	100px;
			color:	#333
		}
		.ou_trouver_produit input {
			width:	200px;
			color:	#333;
		}
		
		.ou_trouver_produit textarea {
			width:	200px;
			height:	100px;
		}
		.ou_trouver_produit select {
			width:	202px;
		}
	.ou_trouver_produit li.envoyer {
		text-align:	right;
		margin:		3px 0 0;
	}
		.ou_trouver_produit li.envoyer input {
			width:	auto;
			margin:	10px 24px 0 0;
			width:	122px;
			height:	42px;
			display:block;
			float:	right;
		}
		.pro .ou_trouver_produit li.envoyer input { background:url('../../images/FR/btn_pro_envoyer.gif') no-repeat 0 0; }
		.part .ou_trouver_produit li.envoyer input { background:url('../../images/FR/btn_part_envoyer.gif') no-repeat 0 0; }
		
/********************************
9.1 FICHE DONNEE SECURITE
********************************/	
		
.visuel-gauche .img-fiche {
	background: 	url('../../images/FR/visuel_fiche.jpg') no-repeat 0 0;
	min-height: 	425px !important;
}
.marque_pro, .marque_part {
	margin:			20px auto 0;
	padding:		0 0 200px;
	width:			500px;
	text-align:		center;
	position:		relative;
}

.marque_pro img, .marque_part img {
	margin:			0 10px;
}

.marque_pro div {
	position:	absolute;
	top:		220px;
	left:		20px;
	width:		410px;
	height:		110px;
	padding:	50px 10px 10px;
	display:	none;
	background:	url('../../images/FR/background/bg_doc_dispo.jpg') no-repeat 0 0;
	color:		#fff;
}
.marque_part div {
	position:	absolute;
	top:		130px;
	left:		20px;
	width:		425px;
	height:		110px;
	padding:	35px 10px 10px;
	display:	none;
	background:	url('../../images/FR/background/bg_doc_dispo.jpg') no-repeat 0 0;
	color:		#fff;
}
	.marque_pro div a, .marque_part div a{ 
		padding:	2px 0 2px 185px;
		display:	block;
		text-align:	left;
		color:		#fff;
		background:	url('../../images/FR/link_pdf_rouge.jpg') no-repeat 155px bottom;
	}
	.marque_pro div a:hover, .marque_part div a:hover {
		padding:	2px 0 2px 185px;
		display:	block;
		text-align:	left;
		color:		#fff;
		background:	url('../../images/FR/link_pdf_rouge.jpg') no-repeat 155px top;
	}

/********************************
9.2 DOCUMENT DISPONIBLE
********************************/
.visuel-gauche .img-docdispo {
	background: 	url('../../images/FR/visuel_docdispo.jpg') no-repeat 0 0;
	min-height: 	425px !important;
}





/********************************
10 ESPACE DISTRIBUTEUR
********************************/

#entete.entete_distributeur h2 {
	color:#7D7D7D;
	font-size:20px;
	margin:25px 0 20px 287px;
}
#entete.entete_distributeur strong
{	margin:15px 0 10px 0;
 	color:#7d7d7d;
 	font-size:13px;
 	padding:0 20px 0 10px;
}
#entete.entete_distributeur a
{	color:#7d7d7d;
 	font-size:12px;
 	font-weight:bold;
 	text-decoration:underline;
 	font-style:italic;
}
/* ACCUEIL */
.part1 
{	height:230px;
 	border-bottom:1px #999 solid;
 	padding:10px;
 	margin: 10px;
	
}
.part1 .commande 
{	margin:0 0 0 13px;
 	width:336px;
 	text-align:center;
}
.part1 .theomail 
{	float:right;
 	width:336px;
 	margin:0 13px 0 0 ;
 	display:inline;
 	text-align:center;
}

.part1 .commande strong,
.part1 .theomail strong
{	 
 	font-weight:bold;
	color:#3883C7;
	font-size:16px;
	line-height:25px;
	text-transform:uppercase;
}
.part1 .commande p
{	background:url('../../images/FR/background/bg_commandez_en_ligne.jpg') no-repeat 0 0;
 	padding:55px 10px 10px 135px;
 	text-align:left;
	width:191px;
	height:73px;
	font-weight:bold;
	color:#3883C7;
	font-size:14px;
	line-height:25px;
	text-transform:uppercase;
}
.part1 .theomail p
{	background:url('../../images/FR/background/bg_encart_theomail.jpg') no-repeat 0 0;
 	padding:45px 10px 10px 110px;
 	text-align:left;
	width:216px;
	height:88px;
 	text-align:left;
}

/*
.part1 .theomail img
{	margin:
}*/








.part2 
{	height:200px;
 	border-bottom:1px #999 solid;
 	padding:10px;
 	margin: 10px 10px 0;
}
.part2 .gallery,
.part2 .gallery2
{	height:200px;
	position:relative;
	text-align:left;
	width:450px;
	float:left;
 	width:336px;
 	margin:0 13px;
 	overflow:hidden;
}
.part2 .gallery ul,
.part2 .gallery2 ul
{	position:absolute;
}
.part2  .gallery ul li,
.part2  .gallery2 ul li {
cursor:pointer;
float:left;
margin:0 0 20px 0;
padding:10px;
width:316px;
height:118px;
background:url('../../images/FR/background/bg_encart_home_distri.jpg') no-repeat 0 0;
}
.part2 .gallery ul li a,
.part2 .gallery2 ul li a {
color:#3883C7;
text-decoration:underline;
font-weight:bold;
margin:0 0 0 80px;
}
.part2 .gallery ul li p,
.part2 .gallery2 ul li p {
margin-top:3px;
}
.part2 .texte_actu 
{	margin:3px 0 3px 80px;
 	line-height:120%;
 	font-size:11px;
}

.part2 .gallery ul li img,
.part2 .gallery2 ul li img {
	width:75px;
	float:left;
	margin:0 5px 5px 0;
}

.part2 .gallery .pagination,
.part2 .gallery2 .pagination2
{	position:relative;
 	z-index:10;
 	width:325px;
 	height:25px;
 	text-align:center;
 	font-weight:bold;
	color:#3883C7;
	font-size:16px;
	line-height:25px;
}


/* ACTU */
	.distributeuractualites .actu_div {
		width:			446px;
		height:			266px;
		margin:			10px auto 0;
		padding:		95px 152px;
		background: 	url('../../images/FR/background/bg_actu_distri.jpg') no-repeat 0 0;
		line-height:	120%;
		color:			#999;
		position:		relative;
	}
	.distributeuractualites .actu_box {
		height:			266px;
		width:			446px;
		position:		absolute;
		clip:			rect(0px, 456px, 266px, 0px);
	}		
		.distributeuractualites .actu_box div,
		.distributeuractualites .actu_box div.actu-visible  {
			left:auto;
		}		
		
		.distributeuractualites .actu_div span {
			display:		block;
			text-transform:	uppercase;
			padding:		0 0 3px;
			margin:			0 0 3px;
			border-bottom:	1px solid #999;
			font-weight:	bold;
			font-size:		16px;
			
		}
		.distributeuractualites .actu_div .actu_box div span  {
			display:		inline;
			text-transform:	none;
			padding:		0;
			margin:			0 ;
			border-bottom:	none;
			font-weight:	normal;
			font-size:		12px;
			
		}
		.distributeuractualites .actu_div img  {
			float:	left;
			margin:	5px 10px 0 0;
			width:	170px;
		}
		.distributeuractualites .actu_div p  {
			color:	#444;
		}
		.distributeuractualites .actu_div a   {
			color:				#00aeef;
			float:				right;
			font-weight:		bold;
			text-decoration:	underline;
			margin:				0 10px 0 0;
		}
		.distributeuractualites .actu_div .pagination  {
			position:			absolute;
			margin:				0;
			bottom:				0;
			width:				446px;
		}
			.distributeuractualites .actu_div .pagination img  {
				width:			auto;
				cursor:			pointer;
			}
/* PROMO */
	
.distributeurpromotions .gallery {
	width:			730px;
	height:			400px;
	position:		relative;
	overflow:		hidden;
	text-align:		left;
}
.distributeurpromotions .gallery ul {
	width:			auto;
	height:			400px;
	position:		absolute;
	left:			0px;
}
.distributeurpromotions .gallery ul li {
	float:			left;
	width:			730px;
	height:			400px;
	margin:			0 0px 50px 0;
	cursor:			pointer;
}
.distributeurpromotions .gallery ul li img {
	width:300px;
	float:left;
	margin:0 10px 10px 0;
}
.distributeurpromotions .gallery ul li .pagination {
	width:400px;
	margin:0 0 0 310px;
	height:30px;
}
.distributeurpromotions .gallery ul li .pagination img {
	width:auto;
	float:none;
	margin:0;
}
.distributeurpromotions .gallery ul li p {
	color:#000;
	font-weight:bold;
}
.distributeurpromotions .gallery ul li p strong {
	color:#2d68ae;
}
.distributeurpromotions .gallery ul li .promo_pdf 
{	color:#BBB;
 	font-weight:bold;
 	padding:0 0 0 25px;
 	background:url('../../images/FR/link_pdf.jpg') no-repeat 0 0;
}
.distributeurpromotions .next, .prev {
	cursor:			pointer;
}	

/* GESTION COMPTE DISTRIBUTEUR */
ul.MenuCompte {
	margin: 25px auto 10px;
	width:	730px;
	height: 33px;
	}
	ul.MenuCompte li {
		display:	block;
		float:		left;
		height:		33px;
		}
		ul.MenuCompte li a {
			display:		table-cell;
			vertical-align: middle;
			height:			33px;
			background:		url('../../images/FR/background/bg_Menu_compte.gif') no-repeat top center;
			width:			122px;
			color:			#FFF;
			text-align:		center;
			text-transform:	uppercase;
			line-height:	120%;
			font-size:		11px;
			width:			146px;
		}	
		
			ul.MenuCompte li a:hover {
				color:		#155190;
				background-position: bottom;
				text-decoration:none;
			}
			ul.MenuCompte li.gestion_facturation a {	background-position: top right; }
			ul.MenuCompte li.gestion_info_generale a {	background-position: top left; }
			ul.MenuCompte li.gestion_facturation a:hover {	background-position: bottom right; }
			ul.MenuCompte li.gestion_info_generale a:hover {	background-position: bottom left; }

.distributeurmoncompte ul.formulaire 
{	margin-bottom:0;
}

.distributeurmoncompte .rounded-box 
{	position:relative;
 	padding:18px 19px 20px;
}

/* ADRESSE - GESTION */
.gestion_adresses ul.formulaire {
	position:relative;
	border-bottom:1px #DDD solid;
}
.gestion_adresses ul.formulaire li strong 
{	color:#3883C7;
	font-size:13px;
}
/*.gestion_adresses ul.formulaire .add_tel,
.gestion_adresses ul.formulaire .add_fax,*/
.gestion_adresses ul.formulaire .add_btn
{	position:absolute;
 	right:30px;
}
/*.gestion_adresses ul.formulaire .add_tel{	top:55px; }
.gestion_adresses ul.formulaire .add_fax{	top:75px; }*/
.gestion_adresses ul.formulaire .add_btn{	bottom:0px; }

.gestion_adresses ul.formulaire span { float:left; }
.gestion_adresses ul.formulaire span label { width:auto; }
.gestion_adresses ul.formulaire span input { margin:0 25px 2px 0; }

.gestion_adresses .rounded-box 
{	position:relative;
 	padding:18px 19px 20px;
}
.gestion_adresses .add_adresse 
{	position:absolute;
 	bottom: 0;
 	right:40px;
 	color:#3883C7;
 	font-weight:bold;
 	text-decoration:underline;
}

/* ADRESSE - GESTION */
.gestion_contact ul.formulaire 
{	width:320px;
 	float:left;
}

.gestion_contact .add_adresse 
{	position:absolute;
 	bottom: 0;
 	right:40px;
 	color:#3883C7;
 	font-weight:bold;
 	text-decoration:underline;
}

/* INFO GENE */
.info_gene_news 
{	position:absolute;
 	right:40px;
 	top:35px;
 	width:250px;
}

ul.formulaire .info_gene_news label {
margin:0 10px 0 0;
text-align:left;
width:250px;
}
.info_gene_news .radio-list li {
float:right;
clear:none;
}
ul.formulaire .info_gene_news li.validation {
text-align:center;
}
ul.formulaire .info_gene_news li.validation input {
margin:0;
padding:25px 0 0;
}

/**/
.page_erreur div 
{	padding:40px 0 0;
	text-align:center;
}
/* DOC DISPO  */
.distributeurdocumentsdisponibles #content-box #content {
	background: 	#e5f1fd; 
	min-height:		470px; 
	padding:		8px 0 0; 
	width:			787px;
}
div.distributeurdocumentsdisponibles #content-box #box-bottom  {
	display:		none; }
div.distributeurdocumentsdisponibles #content-box .box-bottom2  {
	background: 	url('../../images/FR/background/bg_bottom_recherche_produit.gif') no-repeat 0 0;
	height:			20px;
}

.distributeurdocumentsdisponibles ul.liste_marque_distri 
{	text-align:left;
 	margin:0 8px 0 7px;
 	/*height:98px;*/
 	overflow:hidden;
 	border-bottom:2px solid #4289C9;
}
.distributeurdocumentsdisponibles ul.liste_marque_distri li img
{	cursor:pointer;
}
.distributeurdocumentsdisponibles ul.liste_marque_distri li 
{	float:left;
	height:95px;
	padding:0 5px 0 0;
}
.distributeurdocumentsdisponibles ul.liste_marque_distri li.selected_marque {
	border:0 none;
	padding:0;
	position:relative;
	top:2px;
}
.distributeurdocumentsdisponibles .result
{	text-align:left;
 	margin:0 8px 0 7px;
 	padding:0 0 10px 0;
 	clear:both;
 	min-height:		450px;
 	height:auto !important;
 	height:450px;
 	border:#4289C9 solid 2px;
 	border-width:0 2px;
 	background:#fff;
 	padding:1px;
}

.distributeurdocumentsdisponibles .categorie 
{	float:left;
 	width:180px;
 	border-right:1px #4289C9 solid;
 	margin:20px 0 0 20px;
 	padding:0 10px 0 0;
 	min-height:		430px;
 	height:auto !important;
 	height:430px;
}
.distributeurdocumentsdisponibles .categorie strong
{	color:#4289C9;
 	font-size:13px;
}
.distributeurdocumentsdisponibles .categorie ul
{	padding:30px 0 0;
 	line-height:180%;
 	text-decoration:underline;
}
.distributeurdocumentsdisponibles .categorie ul a.selected {
	color:#4289C9;
	font-weight:bold;
	text-decoration:underline;
}



.distributeurdocumentsdisponibles .liste_doc 
{	margin:20px 0 0 240px;
 	color:#4289C9;
}
.distributeurdocumentsdisponibles .liste_doc .instruction 
{	margin:100px 0 0;
 	text-align:center;
}
.distributeurdocumentsdisponibles .liste_doc h2
{	cursor:pointer;
	font-size:18px;
	color:#4289C9;
	margin:10px 0 0 0px;
	text-transform:uppercase;
}

.distributeurdocumentsdisponibles .liste_doc h3
{	font-size:12px;
 	font-weight:normal;
 	font-style:italic;
	margin:5px 0 40px 20px;
}

.distributeurdocumentsdisponibles .liste_doc p
{	margin: 10px 0 15px 0px;
 	overflow:hidden;
}
.distributeurdocumentsdisponibles .liste_doc a
{	padding:	2px 0 2px 25px;
 	margin:		0 0 5px 10px;
	float:left;
	width:220px;
	text-align:	left;
	background:	url('../../images/pdf_bleu.jpg') no-repeat 0 bottom;
}
.distributeurdocumentsdisponibles .liste_doc a:hover
{	padding:	2px 0 2px 25px;
	display:	block;
	text-align:	left;
}


/* LISTE SERVICE */
.liste_service li 
{
	padding:10px;
	margin:10px;
	border-bottom:1px #DDD solid;
}
.liste_service li strong,
.liste_service li .btn_information
{
	margin:0 0 0 190px;
}
.liste_service li h2 
{	margin:0 0 10px 190px;
}
.liste_service li p img 
{
	float:left;
	margin:0 5px 5px 0;
}