/*#####################################################*/
/* Le body
/*#####################################################*/
.le_body
{
	text-align:left;
	background-color : white;
	background: url('/images/background_6.gif') no-repeat;
	background-position: top center;
	scrollbar-face-color: #49974f; 
	scrollbar-shadow-color: #000000; 
	scrollbar-track-color: #c0c0c0; 
	scrollbar-arrow-color: #000000;
	
}
/*#####################################################*/
/* Tableau qui englobe tout le site
/*#####################################################*/
.tableau_du_site
{
	/*border:0px solid #f7f7f7;*/
	background-color : #ffffff;
/*	background-image:url('/images/fond_index.gif');*/
	background-position:top left;f
	background-repeat:repeat-y;
}

.ColonneExtremeGauche
{

}

.tableau_du_site_colonne_extreme_droite
{
	vertical-align:top;
	padding-left:0px;
	padding-right:0px;
	padding-top:0px;
	padding-bottom:0px;
	background-color : #FFFFFF;
}
.tableau_du_site_colonne_extreme_droite_div_qui_suit_le_scroll_IE
{
	position:expression('absolute');
	/*left:763px;*/
	top:expression(eval(document.body.scrollTop)+1);
}
.tableau_du_site_colonne_extreme_droite_div_qui_suit_le_scroll_PAS_IE
{
	position:fixed;
}

/*#####################################################*/
/* Tableau général de l'index
/*#####################################################*/
.TableauGeneralIndex
{
	height: 30%;
	background-color:white;
	/*background-image:url('/images/fond_tableau_site.gif');
	background-repeat:repeat-y;
	background-position:top left;*/
	
	background: url("/images/border_tableau_6.gif") repeat-y;
}

.Hauteur1erLigneTableauGeneralIndex
{
	padding:0px;
	margin : 0px;
	line-height: 10px;
	/*background-color : #FFFFFF;*/
}
/*#####################################################*/
/* Tableau qui englobe le menu de navigation
/*#####################################################*/
.menu_tableau
{
	/*border-bottom: 1px solid #ffffff;
	border-top: 1px solid #ffffff;*/
	background-image:url('/images/fond_menu_6.png');
	background-position:top left;
	background-repeat:no-repeat;
	padding-left:107px;
	height:37px;
	margin-top:20px;
	
	background-color:white;
	
}

/*#####################################################*/
/* EspaceAvantColonneGauche
/*#####################################################*/

.EspaceAvantColonneGauche
{
	
}

/*#####################################################*/
/* EspaceApresColonneDroite
/*#####################################################*/

.EspaceApresColonneDroite
{
	
}

/*#####################################################*/
/* Colonne de separation entre colonne centre et droite
/*#####################################################*/

.EspaceEntreColonneGaucheEtCentre
{
	
}


/*#####################################################*/
/* Colonne de separation entre colonne centre et droite
/*#####################################################*/

.EspaceEntreColonneDroitEtCentre
{

}

/*#####################################################*/
/* Colonne qui contient les modules de gauche
/*#####################################################*/

.module_site_gauche
{
	
}

/*#####################################################*/
/* Colonne qui contient les modules de droite
/*#####################################################*/

.module_site_droite
{
	padding-top:13px;
	background-color:white;
	background-image:url('/images/fond_module_site_droite.gif');
	background-repeat:repeat-y;
	background-position:top right;
	padding-right:10px !important;
	padding-right:20px;
}


/*#####################################################*/
/* Style de la barre de navigation
/*#####################################################*/
/*----------------------------------------------------*/
/* Style de la police du lien de navigation courant
/*----------------------------------------------------*/
td.navigation_haut {
	font-family: Arial, Verdana;
	font-size: 10px;
	font-weight:normal;
	color: #515151;
	padding-left:75px;
	padding-top:10px;
	padding-right:0px;
	padding-bottom:5px;
}
/*----------------------------------------------------*/
/* Style de la police du lien de navigation 
/* de la branche ascendante !!!
/*----------------------------------------------------*/
a.chemin:link,a.chemin:visited,a.chemin:active,a.chemin:hover
{
	font-family: Arial, Verdana;
	font-size: 10px;
	text-decoration: underline;
	text-transform: none;
	color: #515151;
}


/*#############################################################*/
/* Style du titre de la page dans le cas avec une image de fond
/*############################################################*/

/*.titre_page
{
	
	font-family: Arial;
	font-size: 15px;
	text-align: left;
	font-weight:bold;
	color: #000000;
	padding-left: 	18px;
	padding-right: 	25px;
	padding-top: 	15px;
	padding-bottom: 0px;
	height:45px;
	letter-spacing:3px;
}
.titre_pointille
{
	background-image: url('/images/titre_page_ste_marie_1.gif');
	background-repeat : no-repeat;
	height: 40px;
}

.trait_sous_titre
{
	background-image: url('/images/titre_page_ste_marie_1.gif');
	background-repeat : no-repeat;
	height: 40px;
}

.pointille
{
	background-image: url('/images/titre_page_ste_marie_1.gif');
	background-repeat : no-repeat;
	height: 40px;
}	*/


/*#############################################################*/
/* Style du titre de la page dans le cas avec pointillés
/* L'image doit être réalisée en taille 650 pixel avec une partie blanche
/*############################################################*/

.titre_page
{
	
	background-image:url('/images/fond_titre_page_6.png');
	background-position:top right;
	background-repeat:no-repeat;
	height:68px;
	/* width:716px; */
	font-family: Arial, Verdana;
	font-size: 18px;
	text-align: left;
	font-weight:bold;
	color: #ffffff;
	padding-left: 	75px;
	padding-right: 	25px;
	padding-top: 	6px;
	padding-bottom: 18px;
	letter-spacing:1px;
	margin-left:30px;
	
}
.titre_pointille
{
	background-image: url('/images/pointilles_bleu_verticaux_.gif');
	line-height: 1px;
}

.trait_sous_titre
{
	background-image: url('/images/pointilles_bleu_verticaux_.gif');
	height: 1px;
}

.pointille
{
	background-image: url('/images/pointilles_bleu_verticaux_.gif');
}	


/*#####################################################*/
/* Style des paragraphes
/*#####################################################*/
/*----------------------------------------------------*/
/* Paragraphes de type "text"
/*----------------------------------------------------*/
.paragraphe, .texte, .formulaire, .commentaire
{
	font-size: 12px;
	font-family: Arial, Verdana;
	background-color:transparent;
	color: #515151;
	padding-left: 	10px;
	padding-right: 	10px;
	padding-top: 	0px;
	padding-bottom: 10px;
	text-align: justify;
	margin:0;	
}

.TableauParagrapheImage
{
	padding-left: 	15px;
	padding-right: 	10px;
}

.paragraphe_image {

	border-left-width:		15px;
	border-right-width:		15px;
	border-bottom-width:	5px;
	border-top-width:		0px;	
	border-left-color:#ffffff;
	border-right-color:#ffffff;
	border-bottom-color:#ffffff;
	border-top-color:#ffffff;
}

.LegendePhotoParagraphe
{
	font-size: 10px;
	font-family: Verdana, Arial;
	font-style:italic;
	color: #000000;
	text-align: center;
	padding-top:5px;
}


/*----------------------------------------------------*/
/* Paragraphes de type "titre"
/*----------------------------------------------------*/
.paragraphe_titre
{	
	font-size: 14px;
	font-family: Arial, Verdana;
	font-weight:bold;
	background-color: transparent;
	color: #529458;
	padding-left: 	40px;
	padding-right: 	0px;
	padding-top: 	15px;
	padding-bottom: 10px;
}

a{
color: #2b4c21;
font-family: Arial, Verdana;
}

a:hover{
color:#b1c800;
}


h2
{	
	font-size: 14px;
	font-family: Arial, Verdana;
	font-weight:bold;
	background-color: transparent;
	color: #2b4c21;
	background: url("/images/icone_titre_6.png") no-repeat top left;
	height:33px;
	padding-left: 	37px;
	padding-right: 	0px;
	padding-top: 	10px;
	padding-bottom: 10px;
}

h3
{
font-family:Arial, Verdana;
font-size: 16px;
font-weight:bold;
color:#b1c800;
}

h4
{
font-family:Arial, Verdana;
font-size: 12px;
font-weight:bold;
color:#2b4c21;
}

h5
{
font-family:Arial, Verdana;
font-size: 12px;
font-weight:bold;
color:#b1c800;
}

/*----------------------------------------------------*/
/* Paragraphes de type "lien_enfant"
/*----------------------------------------------------*/
.lien_enfant{
margin-top:10px;
}
.lien_enfant_puce_image{display:none;}
ul.list_lien_enfant{
	margin:0 10px;
	padding:0;
	list-style-image:none;
	list-style-type:none;
}
.list_lien_enfant li{
	display:block;
	width:100%;
	margin-bottom:4px;
	padding:0;
}
li a.lien_enfant{
	font-family: Arial, Verdana;
	display:block;
	padding:5px 20px;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	color:#fff;
	background:#b1c700 url(/images/global_5/puce_lien_enfant.png) 5px center no-repeat;
}
li a.lien_enfant:hover{
	text-decoration:none;
	color:#fff;
	background:#96bf0d url(/images/global_5/puce_lien_enfant2.png) 5px center no-repeat;
}
/*----------------------------------------------------*/
/* Paragraphes de type "lien_frere"
/*----------------------------------------------------*/
/* ------------------------ */
/* Lien Frère : gabarit n°0 */
/* ------------------------ */
.paragraphe_lien_frereGabarit0{	
	padding:10px 20px;
}

.TableauConteneurLienFrereGabarit0{
}
.TableauLienFrerePrecedentGabarit0{
	text-align:right;
	width:1px;
}
.TableauLienFrereSuivantGabarit0{
	text-align:left;
	width:1px;
}
.TDConteneurLienFrerePrecedentGabarit0{
	text-align:left;
	width:30%
}
.TDCentreTableauConteneurGabarit0{
	width:40%;
}
.TDConteneurLienFrereSuivantGabarit0{
	text-align:right;
	width:30%;
}
.TDLienFrereIconePrecedentGabarit0, .TDLienFrereIconeSuivantGabarit0{
	display:none;
}
.TDLienFrerePrecedentGabarit0, .TDLienFrereSuivantGabarit0{
	font-family: Arial, Verdana;
	font-size:11px;
	font-weight:bold;
	color:#96bf0d;	
	text-align:left;
	height:20px;
}
.TDLienFrerePrecedentGabarit0{
	padding:2px 10px 2px 20px;
	background:url(/images/global_5/puce_lien_frere_gauche_6.png) left center no-repeat;
}
.TDLienFrereSuivantGabarit0{
	padding:2px 20px 2px 10px;
	background:url(/images/global_5/puce_lien_frere_droite_6.png) right center no-repeat;
}
a.LienFrerePrecedentGabarit0:link,a.LienFrerePrecedentGabarit0:visited,a.LienFrerePrecedentGabarit0:active, 
a.LienFrereSuivantGabarit0:link,a.LienFrereSuivantGabarit0:visited,a.LienFrereSuivantGabarit0:active{
	color:#b1c700;
	text-decoration:none;
}
a.LienFrerePrecedentGabarit0:hover, a.LienFrereSuivantGabarit0:hover{
	color:#96bf0d;
	text-decoration:underline;
}
/* ------------------------ */
/* Lien Frère : gabarit n°1 */
/* ------------------------ */
.paragraphe_lien_frereGabarit1
{	
	padding-left: 	0px;
	padding-right: 	0px;
	padding-top: 	10px;
	padding-bottom: 10px;	
}
.TableauConteneurLienFrereGabarit1
{	
	 padding-top:15px;
}
.lien_frere_tableauGabarit1
{	
	padding-left:	0px;
	padding-right:	10px;
	padding-top:	10px;
	padding-bottom:	0px;
	width:100%;
}
.lien_frere_td_image_gaucheGabarit1
{
	text-align:left;
	width:1px;
	padding-right:25px;
}
.lien_frere_image_gaucheGabarit1
{
	border:0px;
}
.lien_frere_tableau_interneGabarit1
{	
	padding-top:	0px;
	padding-left: 5px;
	padding-bottom:	3px;
	
}
.lien_frere_puce_imageGabarit1
{
	margin-left: 	0px;
	margin-right: 	10px;
	margin-top: 	5px;
	margin-bottom:  0px;
}
.lien_frereGabarit1
{
	font-size: 12px;
	font-family: Arial, Verdana;
	font-weight:bold;
	background-color: #ffffff;
	color: #529458;
}
/*#####################################################*/
/* Style pour bloc site (espace entre bloc)*/
/*#####################################################*/

.espace_entre_modules
{
height: 5px;

}

/*#####################################################*/
/* Style Généraux qui seront surchargés par les modules*/
/*#####################################################*/

input {
	font-family: Verdana, Arial;
	font-size: 11px;
	color: #000000;
	border: 1px solid #6C93D7;
	background-color: #FFFFFF;
}


textarea {
	background-color: #EEF2F8;
	font-family: Verdana, Arial;
	font-size: 12px;
	color: #384792;
	border: 1px solid #384792;
}

select {
	font-family: Verdana, Arial;
	font-size: 11px;
	color: #384792;
	border: 1px solid #384792;
	width: 160px;
	outline-color:#384792;
}

/* a supprimer dans ceratains modules ***/
.bouton_ok {
	font-family: Verdana, Arial;
	font-size: 11px;
	font-weight: bold;
	color: #384792;
	border: 1px solid #000000;
	background-color: #FFFFFF;
}


/*#####################################################*/
/* Style du pied de page (footer)
/*#####################################################*/
/*----------------------------------------------------*/
/* Espace entre page et footer
/*----------------------------------------------------*/
.hauteur_footer_page_specifique
{
	height: 12px;
	background:url("/images/border_tableau_6.gif") repeat-y;
}
/*----------------------------------------------------*/
/* Trait de séparation entre page et footer
/*----------------------------------------------------*/
.ligne_en_haut_du_footer {
	/*background-color: #990000;*/
}
/*----------------------------------------------------*/
/* Séparateur entre les liens
/*----------------------------------------------------*/
td.footer {
	font-family: Arial, Verdana;
	width: 940px;
	font-size: 11px;
	color: white/*  #ffffff */;
	font-weight:bold;
	background-image:url('/images/fond_footer_6.gif');
	background-repeat:no-repeat;
	background-position:top left;
	/* height:179px; */
	padding-top:0px;	
	padding-left:20px;
	margin-top:0px;
	background-color:white;
}
/*----------------------------------------------------*/
/* Les liens de bas de page
/*----------------------------------------------------*/
/* a.footer:link,a.footer:visited,a.footer:active { 
	font-family: Arial, Verdana;
	font-size: 11px;
	color:  black;
	font-weight:bold;
	text-decoration: none;
	text-transform: none;
} */



.espace_avant_footer
{
	height:0px;
}

#haut_footer {
margin-top: 7px;
margin-bottom:20px;
}

#haut_footer a:link, #haut_footer a:visited, #haut_footer a:active{
font-family: Arial, Verdana;
font-size: 11px;
color:  white/*  #ffffff */;
font-weight:bold;
text-decoration: none;
text-transform: none;
}

#haut_footer a:hover {
	font-family: Arial, Verdana;
	font-size: 11px;
	color:    #ffffff ;
	font-weight:bold;
	text-decoration:underline;
	text-transform:none;
}


#bas_footer p{
font-family: Arial, Verdana;
font-size: 11px;
color: #b1c800;
text-align: justify;
margin-bottom: 40px;
width: 940px;
}

#bas_footer a:link, #bas_footer a:visited, #bas_footer a:active{
font-family: Arial, Verdana;
line-height: 10px;
font-weight: normal;
font-size: 11px;
color: #b1c800;
text-decoration: none;
text-transform: none;
}

#bas_footer a:hover {
	font-family: Arial, Verdana;
	font-size: 11px;
	color:    #b1c800 ;
	text-decoration:underline;
	text-transform:none;
}


td.footer  p{
text-align: center;
color: #b1c800;
font-family: Arial, Verdana;
	font-size: 12px;
	
}

/******************************************************************* CONFIGURATION ET APPARENCE DU MENU DYNAMIQUE ****************************************************************************/
/*####################################################*/
/* ThemeIEMenu Style Sheet
/* C'est à dire le style du menu de navigation !!!
/*####################################################*/

/*----------------------------------------------------*/
/* Police du menu principal et du sous-menu
/* Lorque la souris n'est pas dessus...
/*----------------------------------------------------*/
.ThemeIEMenu,.ThemeIESubMenuTable
{
	/* zone modifie */
		BORDER-RIGHT: 0px;
		PADDING-RIGHT: 0px;
		BORDER-TOP: 0px;
		PADDING-LEFT: 0px;
		PADDING-BOTTOM: 0px;
		BORDER-LEFT: 0px; 
		PADDING-TOP: 0px; 
		BORDER-BOTTOM: 0px; 
	/* fin de zone de modification */
	
	cursor:		default;
	font-family: arial, verdana, sans-serif;
	font-size:	13px;
	color:#ffffff;
	font-weight:bold;
	padding:	0;
	border:		0;
	white-space:	nowrap;
}

/*----------------------------------------------------*/
/* Police et fond du menu principal et du sous-menu
/* Lorsque la souris passe dessus !!!
/*----------------------------------------------------*/
.ThemeIEMainItemHover,.ThemeIEMainItemActive,
.ThemeIEMenuItemHover,.ThemeIEMenuItemActive
{
	color:	#3d5831;
	background-color: #6bb371;
	cursor:hand;
}

/*----------------------------------------------------*/
/* Fond du menu principal
/*----------------------------------------------------*/
.ThemeIEMenu
{
	background-color:	transparent;
}

/*----------------------------------------------------*/
/* Fond des sous-menu
/*----------------------------------------------------*/
.ThemeIESubMenuTable
{
	/*border:	1px solid #ffffff;*/
	background-color:	#6bb371;
}

/*----------------------------------------------------*/
/* Séparateur du menu principal
/*----------------------------------------------------*/
.ThemeIEMenuVSplit
{
	width:		1px;
	height : 	10px;
	margin:		0px;
	overflow:	hidden;
	background-color:	inherit;
	border-right:	1px solid #ffffff;
}

/*----------------------------------------------------*/
/* Cellule des tableaux du menu principal
/*----------------------------------------------------*/
.ThemeIEMainItem,.ThemeIEMainItemHover,.ThemeIEMainItemActive,
.ThemeIEMenuItem,.ThemeIEMenuItemHover,.ThemeIEMenuItemActive
{
	/*border:	1px solid #ffffff;*/
	padding-left:	0px;
	padding-right:	0px;
	padding-top:	2px;
	padding-bottom:	2px;
	white-space:	nowrap;
}

/*----------------------------------------------------*/
/* Cellule des tableaux des sous-menu
/*----------------------------------------------------*/
.ThemeIESubMenuTable td
{
	/*border:	1px solid #ffffff;*/
	white-space: nowrap;
	text-align:center;
}

/*----------------------------------------------------*/
/* Calque qui gère le sous-menu
/*----------------------------------------------------*/
.ThemeIESubMenu
{
	/* zone de debut de modification */
	BORDER-RIGHT: 0px;
	PADDING-RIGHT: 0px;
	BORDER-TOP: 0px;
	PADDING-LEFT: 0px;
	FILTER: progid:DXImageTransform.Microsoft.Shadow(color=#848A84, Direction=135, Strength=4);
	PADDING-BOTTOM: 0px;
	BORDER-LEFT: 0px; 
	PADDING-TOP: 0px;
	BORDER-BOTTOM: 0px;
	/* zone de fin de modification */

	position:	absolute;
	visibility:	hidden;

	/*
	   Netscape/Mozilla renders borders by increasing
	   their z-index.  The following line is necessary
	   to cover any borders underneath
	*/
	z-index:	100;
	border:		0;
	padding:	0;

	filter:progid:DXImageTransform.Microsoft.Shadow(color=#848A84, Direction=135, Strength=4);
}
#menu_navigation
{
margin:0;
padding:0;
border:0;
list-style-type:none;
display:block;
min-height:0;
color:#ffffff;
zoom:1;
font-family:arial, verdana, sans-serif;
font-size:13px;
font-weight:bold;
background-color:transparent;

}
#menu_navigation ol
{
margin:0;
padding:0;
border:0;
list-style-type:none;
display:block;
visibility:hidden;
position:absolute;
z-index:10;
left:0;
top:0;
min-height:0;
background-image:url(/images/none.gif);
width:160px;
background-color:#4383E0;
zoom:1;

}
#menu_navigation li
{
margin:0;
padding:0;
border:0;
display:inline;
float:left;
position:relative;
z-index:5;

}
#menu_navigation .separateur
{
color:#ffffff;
padding-bottom:8px;
}
#menu_navigation li:hover
{
z-index:10000;
white-space:normal;
}

#menu_navigation li:focus
{
z-index:10000;
white-space:normal;
}
#menu_navigation li li
{
float:left;
border:0px;
width:100%;
margin:0;

}
#menu_navigation  li:hover>ol
{
visibility:visible;
top:100%;
}
#menu_navigation li:focus>ol
{
visibility:visible;
top:100%;
}
#menu_navigation li:active>ol
{
visibility:visible;
top:100%;
}
#menu_navigation li li:hover>ol
{
top:0px;
left:100%;
}
#menu_navigation li li:focus>ol
{
top:0px;
left:100%;
}
#menu_navigation:after
{
content:".";
height:0;
display:block;
visibility:hidden;
overflow:hidden;
clear:both;
}
#menu_navigation ol:after
{
content:".";
height:0;
display:block;
visibility:hidden;
overflow:hidden;
clear:both;
}
#menu_navigation ol ol
{
padding:0;
margin:0;


}
#menu_navigation ol li
{
color:#ffffff;
background-color:#896643;
font-weight:normal;
}
#menu_navigation a
{
text-decoration:none;
color:#ffffff;
padding-bottom:0px;
margin:0;
display:block;
position:relative;
font-size: 0.9em;
/* padding-bottom: 6px; */
line-height:14px;
}
#menu_navigation .li_w_c
{
background-image:url('/images/arrow.gif');
background-repeat:no-repeat;
background-position:96% 50%;
}
 #menu_navigation li:hover>a
{
color:#b1c700;
} 
#menu_navigation a:hover
{
color:#b1c700;
}


#menu_navigation ol li:hover>a
{
color:#896643;
background-color:#b1c800; 
}

#menu_navigation a:focus
{
color:#3d5831;
background-color:#896643;
}
#menu_navigation li:focus>a
{
color:#3d5831;
background-color:white;
}
#menu_navigation ol>li + li
{
border-top:0;
}
#menu_navigation .li_visible>ol
{
visibility:visible;
top:100%;
}
#menu_navigation li .li_visible>ol
{
top:0px;
left:100%;
}
#menu_navigation li.ie6hover
{
z-index:10000;
}
#menu_navigation .ie6hoverUL
{
visibility:visible;
top:100%;
left:0;
}
#menu_navigation .ie6hoverUL .ie6hoverUL
{
top:0px;
left:100%;
}
#menu_navigation ol a
{
 padding: 4px;
zoom:1;
}
#menu_navigation .ie6hoverA
{
color:#b1c700;

}


/*-------------------------bloc centre---------------------------*/
address{
	font-size:11px;
	font-style:normal;
	padding:10px;
	margin:0;
	background:#f4f7db;
	color:#515151;
	border:1px solid #ece6e1;
}
address a{
	color:#515151;
	text-decoration:underline;
}

#bloc_article{
float:left;
width: 480px;
padding:0;
margin:0;
margin-left: 0px !important;
margin-left: 8px;
}

#bloc_article #contenu_article {
width: 480px;
padding:0;
margin:0;
background-image: url("/images/bloc_gauche_6/bloc_article_centre.png");
background-position:top left;
}

#bloc_article #article_1 #contenu_article { background-image: url("/images/bloc_gauche_6/bloc_article_centre.png");}
#bloc_article #article_2 #contenu_article { background-image: url("/images/bloc_gauche_6/bloc_article_centre.png");}
#bloc_article #article_3 #contenu_article { background-image: url("/images/bloc_gauche_6/bloc_article_centre.png");}

#titre_article{
width:480px;
height:57px;
}

#article_1 #titre_article {background: url("/images/bloc_gauche_6/bloc_article_1_haut.png") bottom left;}
#article_2 #titre_article {background: url("/images/bloc_gauche_6/bloc_article_2_haut.png") bottom left;}
#article_3 #titre_article {background: url("/images/bloc_gauche_6/bloc_article_3_haut.png") bottom left;}


#bloc_article p{
width: 285px;
padding:0;
margin:0;
margin-right: 15px;
font-family: arial;
font-size: 11px;
color: #5e5e5e;
font-weight: bold;
text-align: justify;
float:right;
line-height:16px;
}

#bloc_article #contenu_article img{
margin:0;
padding:0;
width: 122px;
margin-left: 45px;
margin-right: 8px;
float:left;
}

#bloc_article #article_1 #contenu_article {height: 115px;}
#bloc_article #article_2 #contenu_article {height: 160px;}
#bloc_article #article_3 #contenu_article {height: 100px;}

 #article_1,  #article_2, #article_3 {
margin-bottom: 8px;
 }