/*styles pincipaux pour le club des artisans*/

html{
	margin: 0 auto;	padding: 0;
	width: 100%;
	background: url(images/ciel.jpg) repeat-x;}
	
body{
	width: 100%;
	margin: 0 auto; padding: 0;
	position: relative;
	background: url(images/club-artisans.jpg) center top no-repeat;
	font-size :.8em;
	font-family: arial, verdana, sans serif;
}

h1, h2, h3, h4, h5, h6, form{
	margin: 0; padding: 0;}
		
ul, li, dt, dd, dl{
	margin: 0; padding: 0;
	list-style: none;}
	
img {
	border: none;}

table input{margin-right: 35px;}

.space{
	clear: both; 
	display: block;
	height: 1px;
	width: 100%;}

/*	
a.lien_devis{
	color: #181B78;
}
a.lien_devis:hover{
	color: #C7D52A;
}
*/
	
/*********************************************************************************************************GESTION DES COULEURS*/
option.niveau2, optgroup.niveau2, option.niveau2, option.niveau3, #page_inter #contenu blockquote, #page_inter #contenu blockquote.charte, 
#page_inter #contenu p.charte, #quoi input#niveau2_txt, #quoi input#niveau3_txt{
	/*noir*/color: #000000;}

#page_inter #contenu h1, optgroup.niveau1, #page_inter #contenu a.titre_article, #fiche a, ul#fiche-nav, 
#carte .ray, #recherche-saisie  a.on, #carte h2, #quoi span, #ou span, #error-libre, #error-theme, #logos .col2 a h3:hover, #logos .col3 a h3,#actualites h1,
.col_act1 h2, .liste_col_act1 h2, .col_act2 h2, .col_act1 h4 a, .liste_col_act1 h4 a, .col_act2 h4 a, #footer, #footer-page, #footer a,#footer-page a, #footer a:visited, #footer-page a:visited,
a.mot1, a.mot3, a.mot5, h3, h2.charte{
	/*bleu*/color: #181B78;	}


#page_inter #contenu a.titre_article:hover, #fiche a:hover, .col_act1 h4 a:hover, .liste_col_act1 h4 a:hover, .col_act2 h4 a:hover,
ul#fiche-nav li.ajout:hover, ul#fiche-nav li.impress:hover, ul#fiche-nav li.list:hover, #logos .col2 a h3, #logos .col3 a h3:hover, #footer a:hover, #footer-page a:hover, a:visited a:hover,
a.mot2,a.mot4, a.mot6 {
	/*vert*/color:#C7D52A;}

#page_inter #contenu .col h2, #recherche-saisie  a.off, #text2, #text4{
	/*gris fonc�*/color: #999;}

ul#menu li a, .valider, #logos .col1, #fav h2, .lien a.fiche-art, a.lire-art, a.devis, a.retour, a.voir-art, a.voir_doc{
	/*blanc*/color: #FFF;}

ul#menu li a:hover{
	/*gris clair*/color: #e8e8e8;}
	
	
/*********************************************************************************************************GESTION DES STYLES DU TEXTE*/		
a{
			text-decoration:none;}
			
a.mot1:hover, a.mot2:hover, a.mot3:hover, a.mot4:hover, a.mot5:hover, a.mot6:hover{
	text-decoration: underline;}

a.mot1, a.mot2, a.mot3, a.mot4, a.mot5, a.mot6, option.niveau2, #page_inter #contenu blockquote, ul#fiche-nav li, ul#menu li a, .valider, 
#recherche-saisie  a.on, #carte h2, #quoi, #ou, #error-libre, #error-theme, #text2, #text4, .col_act1 h4 a, .liste_col_act1 h4 a, .col_act2 h4 a, .lien a.fiche-art,
a.lire-art, a.devis, a.retour, a.voir-art, #footer, #footer-page, a.voir_doc{
			font-weight:bold;}			
	
submit, .valider, .valider:focus, #logos .col2 a h3, #logos .col3 a h3, #text2, #text4, #footer, #footer-page{
	text-align: center;	}

/*********************************************************************************************************GESTION DES TAILLES DU TEXTE*/			
h2.charte{
		font-size:1.5em;
		font-weight: normal;
		text-align: center;
		text-transform: uppercase;
		border-bottom: 1px solid #181B78;
		margin: 0 40px 20px 40px;}
a.mot1, #page_inter #contenu h1, h3, #logos .col2 a h3, #logos .col3 a h3{
		font-size:1.3em;}

a.mot2, #page_inter #contenu .col h2{
			font-size:1.2em;}

a.mot3, .col_act1 h2, .liste_col_act1 h2, .col_act2 h2{
			font-size:1.1em;}

a.mot4{
			font-size:1em;}

a.mot5{
			font-size:.8em;}

a.mot6, ul#fiche-nav li{
			font-size:.7em;}

/***********************************************************************************************************LISTES DEROULANTES */	
select{
	/*float: left;*/
	padding: 0;
	margin: 0;}
	
	select.niveau2{
		width: 200px;
		padding: 0px;
		margin: 1px 1px 1px 1px;
		cursor: pointer;}
		
	select.niveau3{
		width: 200px;
		padding: 0px;
		margin: 1px 1px 1px 1px;
		cursor: pointer;}
		
	select.region{
		margin: 0;
		cursor: pointer;
		border: 1px solid #181B78;}



optgroup.niveau2{
	padding-left: 20px;
	font-style: normal;}


	
/***********************************************************************************************************HEADER + CONTENEUR */	
#header{
	height: 136px;
	width: 990px;
	margin: 0 auto;
	background: url(images/club-artisans.jpg) center top no-repeat;
	top: 0;}
	#header .logo{
		float: left;
		margin: 0 0 0 60px;}
	
#conteneur{
	width: 990px;
	margin: 0 auto;
	padding-top: 0px;
}

/*************************************************************************************************************mise en forme des contenus standards*/
#page_inter #contenu{
	width: 640px;
	padding: 0 50px 50px 100px;
	line-height: 1.4em;
	overflow: hidden;}
	
#page_inter #contenu-art{
	width: 830px;
	padding: 0 0 50px 0;
	line-height: 1.4em;
	overflow: hidden;}
	
	#page_inter #contenu h1{
		width: 100%;
		margin: 0 0 20px 0;
		border-bottom: #999 dotted 2px;	}
	#page_inter #contenu h1.artisans{
		width: 100%;
		display: block;
		margin: 0;
		padding: 150px 0 60px 410px;
		border-bottom: none;	
		background: url(images/charte-confiance.jpg) left top no-repeat;	}
	#page_inter #contenu h3{
		margin: 0 0 10px 0; padding: 15px 0 5px 40px;
		background: url(images/fleche-hor-bleu.gif) left 7px no-repeat;	}
	#page_inter #contenu blockquote{
		font-size: .9em;
		text-align: justify;
		margin: 0; padding: 0 40px 0 40px;}
		
		#page_inter #contenu blockquote.charte, #page_inter #contenu p.charte{
			float: left;
			width: 290px;
			font-size: .9em;
			text-align: justify;
			margin: 0; padding: 0 0 0 40px;}
	 #page_inter #contenu .col h2{
			padding : 10px 0 0 0;}
		
		img.charte{
			float: left;}
		
		h3.charte{
			width: 290px;
			float: left;}
			
		#desc_etp ul li{
				padding: 0px;
			}
		
		#page_inter #contenu ul li{
		background: url(images/fleche-blanc.gif) left 1px no-repeat;
		padding: 10px 10px;}
		
		#page_inter #desc_etp ul li{
		background: url(images/fleche-blanc.gif) left 1px no-repeat;
		padding: 0px 0px;}
		
			
		
	#page_inter #contenu ul.charte{
		clear: both;}
		#page_inter #contenu ul.charte li{
			background: url(images/fleche-charte.gif) left 16px no-repeat;
			padding: 15px 40px;}
			
	#page_inter #contenu ul.certif li{
		clear: both;}
		#page_inter #contenu ul.certif li img, #page_inter #contenu ul.certif li p{
			float: left;
			}
		#page_inter #contenu ul.certif li p{
			float: left;
			display: block;
			width: 70%;
			padding: 0 0 20px 0;
			}
			
	#page_inter #contenu .col{
		background: url(images/col_fond.gif) left top no-repeat;
		float: left;
		width: 272px;
		margin: 0;
		padding: 20px;
		overflow: hidden;
		height: 180px;}
	
	#page_inter #contenu .col img{
		float: left;
		margin: 0 10px 0 0;
		}
			
/*pr�sentation des artisans*/
#fiche{
	width: 380px;
	padding: 0 30px 80px 20px;
	line-height: 1.4em;
	float: left;
	overflow: hidden;}
		
	
	/*#entete{
		width: 580px;
		float: left;
		overflow: hidden;
		height: 150px;
		padding: 20px 20px 5px 100px;
		display: block;
		background: url(images/artisan-fiche.gif) left top no-repeat;}*/
		
		#entete img{
			float: right;
			border: 1px solid #EEE;
			-moz-border-radius: 2px;}
		
		#entete h1{
			padding: 10px 0 10px 0;}
		
		ul#fiche-nav{
			margin: 0; padding: 10px 0 0 0;
			display: block;
			overflow: hidden;
			width: 120px;}
		
		ul#fiche-nav li{
			margin: 0;}
		
			ul#fiche-nav li.ajout{
				background: url(images/boutons_ajout.jpg) left top no-repeat;
				cursor: pointer;
				padding: 6px 10px 10px 45px;}
			ul#fiche-nav li.ajout:hover{
				padding: 6px 10px 10px 45px;}				
			ul#fiche-nav li.impress{
				background: url(images/boutons_impres.jpg) left top no-repeat;
				cursor: pointer;
				padding: 13px 10px 10px 45px;}
			ul#fiche-nav li.impress:hover{
				padding: 13px 10px 10px 45px;}
			ul#fiche-nav li.list{
				background: url(images/boutons_list.jpg) left top no-repeat;
				cursor: pointer;
				padding: 5px 10px 10px 45px;}
			ul#fiche-nav li.list:hover{
				padding: 5px 10px 10px 45px;}
				
	#fiche #econtact{
		width: 320px;
		display: block;
		background: url(images/artisan-contact.jpg) 10px top no-repeat;
		margin: 0;
		padding: 20px 0 30px 80px;
		overflow: hidden;}
		
	#fiche #descr{
		width: 310px;
		display: block;
		background: url(images/artisan-detail.jpg) 10px top no-repeat;
		padding: 10px 10px 20px 80px;
		overflow: hidden;
		border-top: 2px dotted #999;
		border-bottom: 2px dotted #999;}
		#fiche #descr ul, .col_act1 ul, .liste_col_act1 ul, .col_act2 ul{
			list-style: circle outside;
			padding: 0 0 0 30px;}
			#fiche #descr ul li, .col_act1 ul li, .liste_col_act1 ul li, .col_act2 ul li{
			list-style: circle outside;}
			

		
#fiche-droite{
	width: 300px;
	padding: 20px 10px 100px 80px;
	background: url(images/artisan-realisations.jpg) left top no-repeat;
	line-height: 1.1em;
	float: left;}
	
	
/*************************************************************************************************************mise en forme du menu de recherche*/
ul#menu {
	/*width: 542px;*/
	/*width: 595px;*/
	width: 634px;
	/*padding: 96px 70px 0 0;*/
	padding: 96px 32px 0 0;
	float: right;}
	ul#menu li{
		display: block;
		float: left;
		width: auto;
		padding: 8px 15px 0 15px;
		background: url(images/fleche-blanc.gif) left 10px no-repeat;}
		
	ul#menu li.img{
		display: block;
		float: left;
		width: auto;
		padding: 0 10px 0 0 ;
		background: none;}
		
	ul#menu li a{
		font-size: .85em;}
	
#menu-recherche {
	width: 810px;
	height: 50px;
	padding: 0 0 0 20px;
	z-index: 9999;
	position: relative;
	/*overflow: hidden;*/}

/*************************************************************************************************************mise en forme des boutons*/
	
submit{
	background: url(images/bouton-submit.gif) left top no-repeat;
	display: block;
	padding : 4px 0;
	cursor: pointer;
	float: right;
	width: 90px;}
	
	.valider{
		background: url(images/bt_valider.gif) left top no-repeat;
		display: block;
		padding : 4px 0;
		float: right;
		width: 85px;
		height: 24px;
		border: 0px solid black;
		cursor: pointer;
		margin: 0px 0px 2px 0px;
		padding: 0px 0px 0px 0px;}
	
	.valider:hover{
		background: url(images/bt_valider.gif) right top no-repeat;}
		
	.valider:focus{
		border: 0px solid red;}

/*************************************************************************************************************mise en forme de la zone de recherche*/
#page_inter{
	background: url(images/bas-charte-artisan.jpg) center bottom no-repeat;
	min-height: 420px;
	clear: both;
	z-index: 1;
	overflow: hidden;} 
	
	/*carte situ�e � gauche en fixe*/
	#carte{
		float: left;
		padding: 0 20px;
		z-index: 1;
		position: relative;
		overflow: hidden;}
		#carte h2 {
			padding: 5px 0 5px 40px;
			font-size: .9em;}
		#carte .ray{
			background: url(images/fleche-hor-bleu.gif) left top no-repeat;
			padding: 5px 0 5px 40px;
			display: block;
			float: left;}
	
	/*les deux zones de recherche*/
	#recherche-libre, #recherche-theme{
		background: url(images/recherche-bas.gif) left bottom no-repeat;
		width: 440px;
		padding: 0 0 10px 0;
		overflow: hidden;}
	
	#recherche-libre #recherche-saisie{
		background: url(images/recherche-libre.gif) left top no-repeat;
		width: 440px;
		height: 39px;
		padding: 10px 0 0 0;
		overflow: hidden;}
	
	#recherche-theme #recherche-saisie{
		background: url(images/recherche-theme.gif) left top no-repeat;
		width: 440px;
		height: 39px;
		padding: 10px 0 0 0;
		overflow: hidden;}

		#recherche-saisie  a.on, #recherche-saisie  a.off{
			display: block;
			height: 24px;
			float: left;
			padding: 5px 0 0 30px;
			cursor: pointer;}
		
		#recherche-saisie  a.off{
			background: url(images/fleche-hor.gif) top left no-repeat;}
		#recherche-saisie  a.on{
			background: url(images/fleche-vert.gif) top left no-repeat;}
		
		#carte h2{
			font-style: italic;
			background: url(images/fleche-vert.gif) top left no-repeat;}
			
		#recherche-form{
			background: url(images/recherche-fond.gif) left top repeat;
			width: 420px;
			overflow: hidden;
			padding: 0px 10px 0px 10px;}
		
			#quoi, #ou{
				float: left;
				margin: 0px;
				padding: 0 0 0 5px;
				font-style: italic;}
			#quoi{
				width: 210px;}
			#ou{
				width: 170px;}
								
				#quoi span, #ou span{
					margin: 0px;
					padding: 0 0 5px 0;
					float: left;}
			
				#quoi input#niveau2_txt, #quoi input#niveau3_txt, input#ctc_demande_1_cat, input#ctc_demande_2_cat{
					background-color: #E8e8e8;
					border: none;
					font-style: italic; 
					padding: 0 2px;
					height: 18px;}

			#valid{
				float: right;
				margin: 0px;
				padding: 5px 8px 0px 8px;
				width: 95px;}
			
			#error-libre, #error-theme{
				clear: both;
				/*float: right;*/
				margin: 0px;
				padding: 1px 10px 3px 3px;
				width: 200px;
			/*	text-align: right;*/}

	/*la zone de pr�sentation de la page d'accueil*/
	#logos{
		float: left;
		width: 440px;
		padding : 10px 0px 0px 15px;}
		
			#logos .col1{
				width: 205px;
				float: left;}
			#logos .col2{
				width: 200px;
				float: left;
				padding: 36px 0px 0px 8px;}
			#logos .col3{
				width: 400px;
				clear: both;
				float: left;
				padding: 10px 0px 0px 0px;}

				#logoCertif img{
					float: left;}
				#logos img{
					float: left;}
				
				#text1{
					padding: 4px 4px 4px 10px;
					width: 141px;}

				#text2{
					width: 177px;
					font-size: 0.9em;
					clear: both;}
					
				#text3{
					padding: 0px 0px 11px 0px;
					width: 451px;
					clear: both;}

				#text4{
					width: 451px;
					font-size: 0.9em;
					clear: both;}

/*************************************************************************************************************mise en forme de la colonne de droite*/
#col-droite{
	width: 150px;
	position: absolute;
	margin: 0 0 0 830px;
	z-index: 60;}

	#fav {
		cursor: pointer;}
	
	#fav p{	}
	
	#fav h2{
		/*background: url(images/selection.jpg) top left no-repeat;*/
		position: absolute;
		top: 15px;
		left: 35px;
		font-size: .85em;
		text-transform: uppercase;
		/*padding: 15px 0 15px 35px;*/
		width: 150px;}
	
	#mots-clefs{
		float: left;
		text-align: justify;
		padding: 10px 0px 0px 3px;
		position: relative;
		z-index: 99;
		width: 100%;}
	
/*************************************************************************************************************mise en forme des actualit�s - �a bouge !*/
#actualites{
	background: url(images/fond-gris.jpg) center top repeat-x;
	height: 240px;
	width: 945px;
	margin: 0 25px 0 20px;
	clear: both;}
	
	#actualites h1{
	margin: 0 10px;
	font-size: 1.6em;
	font-variant: small-caps;
	border-bottom: #999 dotted 2px;
	}
	a.tele{
	 display: block;
	 float: right;
	 width: 230px;
	 margin: -50px 0 0 0;}
	.col_act1{
	float: left;
	width: 440px;
	padding : 5px 30px 0 30px;
	min-height: 182px;}
	.liste_col_act1{
	float: left;
	width: 570px;
	padding : 5px 0px 0px 0px;
	margin: 0px 0px 20px 20px;
	/*min-height: 182px;*/}
	.col_act2{
	float: left;
	display: block;
	width: 350px;
	padding : 5px 30px 0 30px;
	min-height: 182px;}
	
		.liste_col_act1 h2, .col_act1 h2, .col_act2 h2{
		background: url(images/fleche-hor-bleu.gif) left top no-repeat;
		padding: 8px 0 15px 30px;}
		
		.liste_col_act1 h4, .col_act1 h4, .col_act2 h4{
			padding: 0 0 5px 30px;
		}
		
		.liste_col_act1 h4 a, .col_act1 h4 a, .col_act2 h4 a{
		font-size: 15px;
		}
			.liste_col_act1 a, .col_act1 a, .col_act2 a{
			padding: 0 0 0 0px;}	
		
		.liste_col_act1 p, .col_act1 p, .col_act2 p{
		/*padding: 0 0 5px 30px;*/
		padding: 0 0 0px 0px;
		float: left;}
		
		/* ATTENTION: LES DESCRIPTIONS DES ENTREPRISES PEUVENT
		CONTENIR DU HTML DANS LA BASE DE DONNEES
		--> FAIRE ATTENTION AUX STLES GENERAUX POUR LES <p> <ul> <li> etc */
		.liste_col_act1 ul, .col_act1 ul, .col_act2 ul{
		/*padding: 0 0 5px 30px;
		margin: 0;
		float: left;
		clear: both;
		width: 150px;*/}
		.liste_col_act1 ul li, .col_act1 ul li, .col_act2 ul li{
		padding: 0;
		margin: 0;
		}
		.col_act1 h4{
		padding: 0px 0px 5px 0px;
		margin: 0;
		}
		.liste_col_act1 h4{
		background: transparent url(images/fleche-hor-bleu.gif) no-repeat scroll left top;
		padding: 8px 0 5px 30px;
		margin: 0;
		}
		
			.col_1{
			padding: 0px 0px 5px 30px;
			margin: 0;
			float: left;
			width: 200px;
			text-align: justify;
			}
			.liste_col_1{
			padding: 0px 0px 5px 30px;
			margin: 0;
			float: left;
			width: 320px;
			text-align: justify;
			}
			.col_2{
			padding: 3px 1px 5px 1px;
			margin: 0;
			float: right;
			width: 200px;
			}
			.col_3{
			padding: 0px 0px 7px 35px;
			margin: 0;
			width: 315px;
			text-align: justify;
			float: left;
			}
			.desc_etp{
			padding: 0px 0px 0px 5px;
			}
			#actualites .lien{
			padding: 5px 0px 1px 0px;
			margin: 0;
			/*float: right;*/
			/*width: 100px;*/
			clear:both;
			}
				.lien a.fiche-art{
				clear: both;
				display: block;
				height: 22px;
				width: 83px;
				padding: 3px 0px 1px 28px;
				margin: 0;
				float: right;
				background: url(images/bt_voirfiche.gif) left top no-repeat;
				}
				a.fiche-art:hover{
				background: url(images/bt_voirfiche.gif) right top no-repeat;}
				
				a.lire-art{
				display: block;
				height: 22px;
				width: 100px;
				padding: 3px 0px 1px 28px;
				margin: 0px 0px 0px 0px;
				float: right;
				background: url(images/bt_lirearticle.gif) left top no-repeat;
				}
				 a.lire-art:hover{
				background: url(images/bt_lirearticle.gif) right top no-repeat;}
				
				a.devis{
				display: block;
				height: 22px;
				width: 100px;
				padding: 3px 0px 1px 28px;
				margin: 0px 0px 0px 0px;
				float: right;
				background: url(images/bt_lirearticle.gif) left top no-repeat;
				}
				a.devis:hover{
				background: url(images/bt_lirearticle.gif) right top no-repeat;}
				
				a.voir-art, a.voir_doc{
				display: block;
				height: 22px;
				width: 138px;
				padding: 3px 0px 1px 28px;
				margin: 0;
				float: right;
				background: url(images/bt_voirarticles.gif) left top no-repeat;
				}
				a.voir-art:hover, a.voir_doc:hover{
				background: url(images/bt_voirarticles.gif) right top no-repeat;}
				
				a.retour{
				display: block;
				height: 22px;
				width: 138px;
				padding: 3px 0px 1px 28px;
				margin: 16px 0px 0px 0px;
				float: left;
				background: url(images/bt_voirarticles.gif) left top no-repeat;
				}
				a.retour:hover{
				background: url(images/bt_voirarticles.gif) right top no-repeat;}
			
			#actualites img, .col_2 img{
			float: right;
			max-width: 150px;
			max-height:150px;
			border: 1px solid #EEEEEE;
			-moz-border-radius: 2px;}
			#actualites img:hover{
			border: 1px solid #EEEEEE;}
			*html #actualites img{
			width:expression(document.body.clientWidth > 149 ? "150px" : "auto");
			height: expression( this.scrollHeight > 149 ? "150px" : "auto" ); }
			#actualites img:hover{
			border: 1px solid #EEEEEE;}
			
		#footer{
		width: 100%;
		clear: both;
		padding : 10px 0px 10px 0px;
		font-size: 10px;}	
		
		#footer-page{
		width: 945px;
		margin: 0 25px 0 20px;
		padding: 0 0 10px 0;
		clear: both;
		font-size: 10px;
		background: url(images/fond-gris-footer.jpg) center top repeat-x;}	

			#lien-charte a{
				position: absolute;
				margin-left: 850px;
				/*margin-left: 700px;*/
				margin-top: -170px;
				display: bloc;
				/*width: 300px;*/
				width: 120px;
				height: 170px;}
				
	#carte-legende{float: left;}
	.legende {
		/*text-align: center;*/
		margin: 10px 0px 10px 0px;
		-moz-border-radius:5px;
		border: solid 1px #C4C4C4;
		color: #666666;
		float: left;
		font-family: Arial,Tahoma,Verdana,sans-serif;
		font-size: 11px;
		/*height: 39px;*/
		line-height: 18px;
		overflow: hidden;
		padding: 10px 0 0;
		width: 318px;
	}
	
	
	/* FBO */
	#yle_entete{
float:left;
width:700px;
}

#yle_haut{
background:#FFFFFF url(images/imagesFB/top_fbo.jpg) no-repeat scroll 0 0;
height:10px;
}

#entete{
background:transparent url(images/imagesFB/centre_fbo.jpg) repeat-y scroll 0 0;
display:block;
float:left;
overflow:hidden;
width:560px;
padding: 2px 20px 5px 100px;
margin-right:10px;
}

#yle_bas{
background:#FFFFFF url(images/imagesFB/bas_fbo.jpg) no-repeat scroll 0 0;
height:10px;
clear:both;
margin-left:-7px;
}

#yle_picto{
background:transparent url(images/imagesFB/picto_artisant.png) no-repeat scroll 0 0;
height:70px;
margin-left:27px;
position:absolute;
width:37px;
}

#actualites .liste_col_act1 {
   border-bottom: 1px dashed #CCCCCC;
    float: left;
    margin: 0 7px 5px 0;
    /* VRO */
    	/*min-height: 260px;*/
    /* ORV */
    padding: 0;
    width: 465px;
}


#actualites .liste_col_act1 .liste_col_1 {
    height: 300px !important;
    float: left;
    margin: 0;
    padding: 10px;
    text-align: left;
    width: 335px;
}

#actualites .liste_col_act1 .col_2 {
    float: left;
    margin: 0;
    padding: 10px 0;
    width: 100px;
    text-align:center;
}

#actualites .liste_col_act1 .col_2 img {
    border:none;
    border-radius: 0;
    float: none;
    max-width: 100px;
}

#actualites .liste_col_act1 h4 {
    background: none;
    margin: 0 0 10px 0;
    padding: 0;
}

#actualites .liste_col_act1 .desc_etp {
    padding: 0;
    font-size: 12px;
    font-style: italic;
}

#actualites .lien a.fiche-art {
margin: 0;
}

#actualites .col_act2 {
    display: block;
    float: left;
    min-height: 182px;
    padding: 5px 0 0;
    width: 92%;
}

#actualites .col_3 {
    float: left;
    margin: 0;
    padding: 0 0 7px 35px;
    text-align: justify;
    width: 100%;
}
/* OBF */