/* @CHARSET "UTF-8"; */

body {
	margin: 0; padding: 0;
	color: #000;
	background-color: #19171c;
	
	text-align: center; /* IE */
}

div#back {
	background-color: #000;	
}

/** Classes utilitaires **/
br.clear { line-height: 1px; visibility: hidden; clear: both; }
br.clearLeft { line-height: 1px; visibility: hidden; clear: left; }
br.clearRight { line-height: 1px; visibility: hidden; clear: right; }
span.clear {line-height: 1px; visibility: hidden; clear: both; display:block;}
.left{ display:block; float:left; /** IE **/ display:inline;} 
.right{ display:block; float:right; /** IE **/ display:inline;} 
p{ margin: 10px 0 }

div#page {
	width: 936px;
	margin: 0 auto;
	
	text-align: left; /* IE */
	color: #000;
	background-color: #fff;
} 

/**************************
 * ACCES RAPIDE 
 */
div#page div#corps div#accesRapide {
	height: 33px;
	padding: 0 17px 0 17px;
}
	div#page div#corps div#accesRapide img {
		border: none;	
	}
	
	div#page div#corps div#accesRapide ul {
		margin: 0; padding: 0;
		list-style-type: none;
	}
		div#page div#corps div#accesRapide ul li {
			margin: 0; 
			padding: 10px 0 0 0;
			float: left;
			height: 23px;
		}
		
		/** Lien d'accès rapide **/
			div#page div#corps div#accesRapide ul#lienRapide li {
				margin-right: 11px;
			}
		
		/** Choix des langues **/
		div#page div#corps div#accesRapide ul#choixLangue {
			float: right;
			margin-left: 16px;
		}
		
			div#page div#corps div#accesRapide ul#choixLangue li {
				margin-right: 4px;
			}
		
		/** Changement de style **/
		div#page div#corps div#accesRapide form#frm_style {
			margin: 0; padding: 0;
			float: right;
		}
			div#page div#corps div#accesRapide form#frm_style { width: 270px; }
			div#page div#corps div#accesRapide form#frm_style label {
				float: left;
				margin-top: 10px;	
			}
			
			div#page div#corps div#accesRapide form#frm_style select {
				margin: 5px 5px 0 10px;	
				float: left;
			}
			
			div#page div#corps div#accesRapide form#frm_style input {
				margin-top: 6px;
			}


/**************************
 * BANDEAU 
 */
div#page div#corps div#bandeau { 
	padding: 0 0 0 0px;
	height: 141px; /*167px;*/
}

div#page div#corps div#bandeau img { 
	border: none;
	float: left;
	display: block;
}

div#page div#corps div#bandeau h1 { 
	display: inline;
	margin: 0; padding: 0;
}

/**************************
 * CONTENU 
 */
div#page div#corps div#contenu {
	background: url(../images/back/bk_contenu.gif) left top repeat-y;
	border-top-width: 1px;
	border-top-style: solid;
}

/**************************
 * CONTENU COLONNE GAUCHE
 */
div#page div#corps div#contenu div#colGauche {
	float: left;
	padding: 0;
	width: 184px;
	background: url(../images/back/bk_contenu.gif) left top repeat-y;
}
	div#page div#corps div#contenu div#colGauche div#zone1 {
		/* padding-bottom: 75px; */
	}

	div#page div#corps div#contenu div#colGauche h2 {
		padding: 20px 0 0 17px;
		line-height: 14px;
		margin: 0 0 6px 0;
	}
	
	div#page div#corps div#contenu div#colGauche p {
		padding: 0;
		margin: 0;
	}
	
	/** Style générique pour les listes de la colonne de gauche */
	div#page div#corps div#contenu div#colGauche ul {
		margin: 0; padding: 0;
		list-style-type: none;
	}
	
	
	/** Formulaire de recherche et newsletter et connexion **/
	div#page div#corps div#contenu div#colGauche form {
		margin: 0; padding: 0;
		
	}
	
	div#page div#corps div#contenu div#colGauche form fieldset {
		border: none;
		padding: 0px 0 6px 17px;
		margin-left: 0px;
	}
	
		div#page div#corps div#contenu div#colGauche form fieldset p {
			margin: 0 0 6px 0;
			padding: 0;
		}
				
		div#page div#corps div#contenu div#colGauche form input {
			font-size: 11px;
			
		}
		
		/** Recherche **/
		div#page div#corps div#contenu div#colGauche form#frm_rechercher input#f_search {
			margin: 0;
			float: left;
			border: none;
			border: 1px solid #B2B3B5;
			height: 16px; width: 120px;
			margin-right: 10px;
		}
			
			
		/** Newsletter **/
		div#page div#corps div#contenu div#colGauche form#frm_newsletter {
			margin-bottom: 7px;
		}
			div#page div#corps div#contenu div#colGauche form#frm_newsletter fieldset {
				padding-top: 0;
			}
			
			div#page div#corps div#contenu div#colGauche form#frm_newsletter fieldset input#f_newsletter {
				float: left;
				border: 1px solid #000;
				height: 16px; width: 120px;
				margin:0 10px 0 0px;
			}
			
		
			
		
		/** Formulaire de connexion **/
		div#page div#corps div#contenu div#colGauche form#frm_identification fieldset label {
			clear: left; float: left;
			display: block;
			width: 160px;
			margin: 5px 0 2px 0;
			font-size: 10px;
		}
		
		div#page div#corps div#contenu div#colGauche form#frm_identification fieldset input.champ {
			clear: left; float: left;
			display: block;
			width: 120px; height: 16px;
			margin: 0 10px 0 0px;
			border: 1px solid #000;
			font-size: 10px;
		}
		
			div#page div#corps div#contenu div#colGauche form#frm_identification fieldset input.button {
				float: left;
			}
		
		div#page div#corps div#contenu div#colGauche form#frm_identification p {
			clear: left;
			line-height: 17px;
			padding-left: 17px;
		    padding-top: 2px;
		    background: url(../images/pictos/picto_interrogation.gif) left 5px no-repeat; 
		}
			
		
	/** Menu principal **/
	/*div#page div#corps div#contenu div#colGauche ul#mainMenu {
		margin: 0;
		padding: 0;
		float: left;
		border-top-width: 1px;
		border-top-style: solid;
	}

		div#page div#corps div#contenu div#colGauche ul#mainMenu li {
			display: block;
			width: 184px;
			border-bottom-width: 1px;
			border-bottom-style: solid;
		}
		
			div#page div#corps div#contenu div#colGauche ul#mainMenu li a {
				display: block;
				padding: 6px 12px;	
				min-height: 15px;
				height: auto !important;
				height: 15px;
			}*/

	div#page div#corps div#contenu div#colGauche div#navigation ul {
		margin: 0;
		padding: 0;
		/*float: left;*/
		border-top-width: 1px;
		border-top-style: solid;
	}

		div#page div#corps div#contenu div#colGauche div#navigation ul li {
			position: relative;
			display: block;
			width: 184px;
			border-bottom-width: 1px;
			border-bottom-style: solid;
		}
		
			div#page div#corps div#contenu div#colGauche div#navigation ul li a {
				display: block;
				padding: 6px 12px;	
				min-height: 15px;
				height: auto !important;
				height: 15px;
			}
	
			div#page div#corps div#contenu div#colGauche div#navigation ul.level1 ul { 
				position: absolute; top: 0; left: 184px; display:none; 
			}
			
			div#page div#corps div#contenu div#colGauche div#navigation ul.level2 li { 
				margin: 0; padding: 0;
				border-bottom-width: 1px;
				border-bottom-style: solid;
			}
			
			div#page div#corps div#contenu div#colGauche div#navigation ul.level1 li.subMenu:hover ul.level2, 
			div#page div#corps div#contenu div#colGauche div#navigation ul.level2 li.subMenu:hover ul.level3 { 
				display:block;
				border-width: 1px;
				border-style: solid;
			}
			
			div#page div#corps div#contenu div#colGauche div#navigation ul.level1 li.subMenu,
			div#page div#corps div#contenu div#colGauche div#navigation ul.level2 li.subMenu {
				background: url(../images/pictos/picto_submenu.gif) 95% 50% no-repeat;
			}

		
	/** Classe diverses pour liste **/
	div#page div#corps div#contenu div#colGauche li.lst_newsletter {
		background: url(../images/pictos/picto_doc.gif) left top no-repeat;
		min-height: 35px;
		height: auto !important;
		height: 35px;
		margin-left: 17px;
	}
		div#page div#corps div#contenu div#colGauche li.lst_newsletter a {
			display: block;
			height: 12px;
			padding: 5px 0 0 18px;
		}
		
	div#page div#corps div#contenu div#colGauche li.lst_archive {
		background: url(../images/pictos/picto_dossier.gif) left 2px no-repeat;
		margin-left: 17px;
	}
		div#page div#corps div#contenu div#colGauche li.lst_archive a {
			display: block;
			height: 12px;
			padding: 5px 0 0 18px;
		}

/**************************
 * CONTENU COLONNE CENTRE
 */
div#page div#corps div#contenu div#colCentre {
	float: left;
	width: 695px;
	padding: 0 0 0 29px;
	text-align: justify;
	font-size: 10px;
}

div#page div#corps div#contenu div.home{
	width: 468px !important;
	padding-right:29px !important;
}

	div#page div#corps div#contenu div#colCentre h2 {
		margin: 0 0 20px 0;
		padding: 0px 0 0 10px; 
		font-size: 11px;
		line-height: 21px;
		text-align: left;
	}
	
	div#page div#corps div#contenu div#colCentre h3 {
		font-size: 14px;
		text-align: left;
	}	

	div#page div#corps div#contenu div#colCentre h4, div#page div#corps div#contenu div#colCentre h5, div#page div#corps div#contenu div#colCentre h6{
		font-size: 11px;
		text-align: left;
	}

		
		div#page div#corps div#contenu div#colCentre h2.sansMarge {
			margin:0 !important;
		}
	
	div#page div#corps div#contenu div.home h2 {
		margin:29px 0 0 0 !important;
	}
		
		div#page div#corps div#contenu div#colCentre ul.liste_vignette li {
			min-height: 98px;
			height: auto !important;
			height: 98px;
			
			border-top-width: 1px;
			border-top-style: solid;
		}
		
			div#page div#corps div#contenu div#colCentre ul.actualites li:first-child {
				border-top: none;
			}
		
			div#page div#corps div#contenu div#colCentre ul.liste_vignette li img {
				float: left;
				margin: 0 5px 5px 0;
			}
			
			div#page div#corps div#contenu div#colCentre ul.liste_vignette li h3 {
				margin: 0 0 5px 0;
				padding: 15px 0 0 0;
				font-size: 10px;
			}	
			
			div#page div#corps div#contenu div#colCentre ul.liste_vignette li p { margin: 5px 0; }
			
			div#page div#corps div#contenu div#colCentre ul.liste_vignette li p.button {
				text-align: right;
				margin: 0px 0 10px 0;
			}

	/**************************
	 * FIL D'ARIANE
	 */		
	 ul#fil{
	 	list-style-type:none;
		margin:10px 0 10px 0;
		padding:0;
	 }
	 
	 ul#fil li{
	 	display:inline;
		margin:0 12px 0 0;
		padding:0 15px 0 0;
	 }

	/********************************
	 * Block RSS
	 */
	div#page div#corps div#contenu div.rss-block {
		width: auto;
		padding:0;
		border: none;
	}
	
	div#page div#corps div#contenu div.rss-block  ul {
		padding-bottom: 10px;
		margin: 10px 0 0 0px;
		/*padding-top: 10px;*/
		color: #000 !important;
	}

	div#page div#corps div#contenu div.rss-block  ul  li {
		display: block;
		list-style-type: none;
		background: url(../images/pictos/puce_rss.gif) 11px 8px no-repeat;
		margin: 0; padding: 0 0 0 25px;
		height: 18px;
		line-height: 18px;
	}
	 
	 	
	/**************************
	 * Lien utilitaire (ancre et imprimer)
	 */
	 ul#lien_utilitaire {
	  	margin: 10px 0; padding: 0 0px 0 0;
		float: right;
	 }
	 
	 	ul#lien_utilitaire li {
	 		display: inline;
			padding-left: 8px;
			padding-right: 4px;	
		}
		
	/**************************
	 * ARTICLE
	 */	
	 
	 	div#contenuDroite{
			width:400px;
			float:right;	 		
	 	}
	 	
	 	div#contenuGauche{
			width:255px;
			float:left;	 		
		}
			div#contenuGauche p.adresse  {
				text-align:center;
			}
		
		
		/*********************
	 	*	FICHE PRODUIT
	 	*/
	 	div#ficheProduit {
	 		background: #fff url(../images/back/bk_ficheProduit.gif) left top repeat-y; 
	 	}
	 		div#ficheProduit div#contenuGauche{ 
	 			text-align: center;
	 		}
	 		
	 		div#ficheProduit .dataTable {
	 			width: 100%;
	 			border-collapse: collapse;
	 		}
	 		
	 			div#ficheProduit .dataTable thead tr th,
	 			div#ficheProduit .dataTable thead tr td,
	 			div#ficheProduit .dataTable tbody tr td, 
	 			div#ficheProduit .dataTable tbody tr th {
	 				border-bottom-width: 1px;
	 				border-bottom-style: solid;
	 				padding: 5px 0;
	 				text-align: center;
	 			}
	 			
	 			div#ficheProduit .dataTable tbody tr th {
	 				text-align: left;
	 			}
	 			
	 			div#ficheProduit .dataTable tbody tr.last td,
	 			div#ficheProduit .dataTable tbody tr.last th {
	 				border: none;
	 			}
	 	
	 	/************************
	 	 * LISTE D'ARTICLES
	 	 */
		ul#listeArticles{
			clear:right;
			list-style-type:none;
			margin:10px 0 0 0;
			padding:0;
		}
		
		ul#listeArticles li {
			padding:10px 0 10px 0;
			margin-bottom:20px;
		}
		
		ul#listeArticles li span.titre{
			display:block;
		}
		
			ul#listeArticles li ul{
				list-style:disc;
				margin:0 0 0 15px;
				padding:0;
			}
			
			ul#listeArticles li ul li{ padding:0; margin:0px !important; }
				
		form#recherche_article{
			width: 400px;
			margin:0 0 15px 0;
		}
		
		form#recherche_article input#txt_recherche{
			margin-left:15px;
			width:220px;
			font-size:11px;
		}
	
	/***************************
	 * LISTE CONTACT
	 */
	ul#listeContact {
		margin: 0; padding: 0;
		list-style: inside;
	}
	ul#listeContact li {
		margin-bottom: 20px;
	}
	
	/*****************************
	 * PAGE LISTE ARTICLES
	 */	
	div#page div#corps div#contenu div#colCentre ul.article{
		margin-top:20px !important;
	}
	
	div#page div#corps div#contenu div#colCentre ul.article li {
		width:328px;
		float:left;
		margin-left:35px;
		/* IE */
		display:inline;
		
	}
	div#page div#corps div#contenu div#colCentre ul.article li.pair {
		margin-left:0 !important;
	}
	
	div#page div#corps div#contenu div#colCentre ul.liste_vignette li h3 {
		padding: 5px 0 0 0 !important;
	}	
	
	div#page div#corps div#contenu div#colCentre ul.liste_vignette li img {
		margin: 0 10px 5px 0 !important;
	}				
			
	/*****************************
	* PAGE FORMULAIRE GENERIQUE
	*/
	div.formulaire fieldset {
		display: block;
		border: none;
		margin: 10px 0; padding: 0;
	}
			
		div.formulaire fieldset legend {
			margin: 0 0 5px 0; padding: 0;
			font-weight: bold;
			font-size: 10px;
		}
		
		div.formulaire fieldset label {
			clear: left;
			display: block;
			width: 110px;
			line-height: 20px;
			
			text-align: left;
		}
		
		div.formulaire fieldset label.multiligne {
			line-height: normal;
		} 
		
		div.formulaire fieldset label,div.formulaire fieldset input,
		div.formulaire fieldset select, div.formulaire fieldset textarea {
			float: left;
			margin: 5px 0;
		}
 
 		div.formulaire fieldset input, div.formulaire fieldset textarea , div.formulaire fieldset select {
 			width: 280px;
 			
 		}
 		
 		div.formulaire fieldset p { 
 			clear: left;
 			margin: 0 0 5px 0; 
 			
 		}
 	
 		div.formulaire fieldset.validation input {
 			width: auto;
 			float: right;
 			display: inline;
 			
 		}
 		
 	
 	/**
 	* PAGE FORMULAIRE CONTACT
 	**/
 	div.formulaire fieldset p.civilite span {
 		float: left;
 		width: 110px;
 		line-height: 20px;
 		font-weight : bold;
 	}
 	
 	div.formulaire fieldset p.civilite label { margin-right: 10px; }
 	div.formulaire fieldset p.civilite input { margin-right: 5px; }
 		
 	div.formulaire fieldset p.civilite label,
 	div.formulaire fieldset p.civilite input {
 		clear: none;
 		float: left;
 		display: block;
 		width: auto;
 		font-weight : normal;
 	}
				
/**************************
 * CONTENU COLONNE DROITE
 */
div#page div#corps div#contenu div#colDroite {
	float: left;
	padding: 0;
	width: 198px;
	font-size: 11px;
	padding-top: 29px;
}
	/** Liste promo des filiales **/
	div#page div#corps div#contenu div#colDroite img { border: none; }

	div#page div#corps div#contenu div#colDroite ul#filiale {
		margin: 0; padding: 0;
		list-style-type: none;
	}
	
	div#page div#corps div#contenu div#colDroite ul#filiale li { margin-bottom: 28px; }
	
	
	/** Bloc de texte **/
	div#page div#corps div#contenu div#colDroite .bloc {
		min-height: 115px;
		height: auto !important;
		height: 115px;
	}
	
	div#page div#corps div#contenu div#colDroite .bloc h2 {
		margin: 0px 0 0px 0;
		padding: 0px 0 0 15px;
		font-size: 11px;
		line-height: 21px;
	}
	
	div#page div#corps div#contenu div#colDroite .bloc p{
		margin: 5px 0 10px 0;
	}
	
	
	


/**************************
 * CONTENU PIED DE PAGE
 */	
div#page div#corps div#pied {
 	height: 85px;
	color: #000;
}

	div#page div#corps div#pied {
		margin: 0 auto;
		padding: 13px 0 0 10px;
	}	

		div#page div#corps div#pied p {
			clear: both;
			padding: 10px 10px 10px 0;
			margin: 0;
			text-align: right;
		}
	
		div#page div#corps div#pied img { 
			float: left; 
			border: none;
		}
		
		div#page div#corps div#pied ul {
			list-style-type: none;
			margin:0; padding: 0;
			float: right;	
		}
		
		div#page div#corps div#pied ul li {
			display: inline;
			background: url(../images/pictos/puce_liste_pied.gif) left 3px no-repeat;
			padding: 0 10px;
		}
		
ul.liste1{
	list-style:disc;
	margin:0 0 0 15px !important;
	padding:0 !important;	
}	

	ul.liste1 li{ padding:0 !important; margin:0px !important; font-weight:bold }	
	
	ul.liste1 li span{ font-weight: normal }
	
		
ol.liste1{
	
	margin:0 0 0 15px !important;
	padding:0 !important;	
}	

	ol.liste1 li{ padding:0 !important; margin:0px !important; border: none !important; font-weight:bold }
	
	ol.liste1 li span { font-weight: normal }				
	
/* Haut - Imprimer - Notifications */
div#page div#corps div#ancreBasPage {
   margin: 0; padding: 0;
   text-align: right;
   padding: 10px 25px 20px 0px;
}


#representative_name {
    margin : 5px 0px;
    line-height : 30px;
}