#conteneur
{
	width : 100%;
	height : 100%;
	margin:10px auto;
}

#fil
{
	text-align:left;
	font: bold 90%;
	margin-bottom : -5px;
	margin-left : 100px;
	padding-top : 10px;
	padding-bottom : 10px;
	width : 200px;
}
/********************************/
/************Announcement********/
/********************************/
#announcement
{
	width : 80%;
	margin:5px;
	text-align:center;
	font: bold 90%;
	height:auto;
	margin:0 auto;
	margin-bottom : -10px;
	padding-bottom : 10px;
}
/********************************/
/************REACTIF*************/
/********************************/
/*Sommaire*/
#contenuReactif 
{
	float: left;
	width:46.25%;
	margin-left: 2.5%;
}
.ReacHead {
	width: 90%;
	margin-left: 5%;
	margin-right: 5%;
	
	padding-top : auto; 
	padding-bottom : auto;
	color : White;
	
	font-weight: bold;
	font-size : x-large;
	text-align : center;
	vertical-align: text-bottom;	
	
}
.resume_articleReactif
{
	width: 94.5%;
	height : 118px;
	color : White;
	margin-left: 2.75%;
	margin-right: 2.75%;
	margin-bottom: 5px;
}

.resume_articleReactif h1.titre {
	/*background: #F3F3F7;*/
	font-size: x-large;
	font-weight: bold;
	padding-top: 10px;
	
	}

.resume_articleReactif h2.stitre {
	/*background: #F3F3F7;*/
	font-size: 0.88em;
	color : #FFF;
	}	

.resume_articleReactif .logo img {
	float : right;
	margin: 0.5em;
	padding-top: 15px;
	padding-right: 10px;
}	

.resume_articleReactif .accroche {
	font-size: 0.88em;
	padding-left: 10px;
	padding-right: 10px;
	
}
.resume_articleReactif p.infos {
	text-align: right;
	font-size: 0.82em;
	margin-right : 10px;}
	
.resume_articleReactif p.infos img.spip_logos {
	vertical-align: middle;
	margin-left : 10px;
	}
	
.page_archive h1.date {
	/*background: #F3F3F7;*/
	text-align: center;
	font-size: 0.96em;
	font-weight: bold;
	padding: 0.5em;
	margin-top: 0.5em;}
	
	
/* Cartouche resume2 articleReactif */
.resume2_articleReactif {
	float: left;
	width: 45.5%;
	margin-left: 3%;
	color : White;
	margin-bottom: 10px;
	}

.resume2_articleReactif h1.titre {
	/*background: #F3F3F7;*/
	font-size: medium;
	font-weight: bold;
	padding-top: 10px;}

.resume2_articleReactif h2.stitre {
	/*background: #F3F3F7;*/
	font-size: 0.88em;}	

.resume2_articleReactif .logo img {
	float : right;
	margin: 0.5em;
	padding-top: 10px;
	}	

.resume2_articleReactif .accroche {
	font-size: 0.88em;
	padding-left: 10px;
	padding-right: 10px;}	
	
.resume2_articleReactif p.infos {
	text-align: right;
	font-size: 0.82em;
	padding-left: 10px;
	padding-right: 10px;}
	
.resume2_articleReactif p.infos img.spip_logos {
	vertical-align: middle;}
.grande_boite_reactif{
	float:left;
	width:800px;
	padding: 10px 10px 10px 10px;
	color :black;
	text-align : justify;
	width : 97.5%;
	margin-right :1.25%;
	height : auto;
	}
.meta_reactif
{
	width:520px;
	text-align : center;
	padding: 10px 10px 0px 10px;
	

}
.chapo_reactif
{
	font-weight : bolder;
	padding: 10px 10px 10px 10px;
	margin : auto;
}

/********************************/
/************CREATIF*************/
/********************************/
/*Sommaire*/
#contenuCreatif 
{
	float: right;
	width:46.25%;
	margin-right: 2.5%;	
}
/* Cartouche resume articleCreatif */
.CreaHead {
}
.resume_articleCreatif
{
	float : left;
	width: 94.5%;
	max-height : 200 px;
	color : White;
	margin-left: 2.75%;
	margin-right: 2.75%;
	padding-bottom : 20px;
}

.resume_articleCreatif h1.titre {
	/*background: #F3F3F7;*/
	font-size: x-large;
	font-weight: bold;
	padding-top: 10px;
	
	
	}

.resume_articleCreatif h2.stitre {
	/*background: #F3F3F7;*/
	font-size: 0.88em;
	color : #FFF;
	}	

.resume_articleCreatif .logo img {
	float : right;
	margin: 0.5em;
	padding-top: 15px;
	padding-right: 10px;
}	

.resume_articleCreatif .accroche {
	font-size: 0.88em;
	padding-left: 10px;
	padding-right: 10px;
	
}
.resume_articleCreatif p.infos {
	text-align: right;
	font-size: 0.82em;
	margin-right : 10px;}
	
.resume_articleCreatif p.infos img.spip_logos {
	vertical-align: middle;
	margin-left : 10px;
	}
	
.page_archive h1.date {
	/*background: #F3F3F7;*/
	text-align: center;
	font-size: 0.96em;
	font-weight: bold;
	padding: 0.5em;
	margin-top: 0.5em;}
	
	
/* Cartouche resume2 articleCreatif */
.resume2_articleCreatif {
	float: left;
	width: 45.5%;
	height: auto;
	margin-left: 3%;
	margin-bottom: 10px;
	padding-bottom: 10px;
	color : White;
	}

.resume2_articleCreatif h1.titre {
	/*background: #F3F3F7;*/
	font-size: medium;
	font-weight: bold;
	padding-top: 10px;}

.resume2_articleCreatif h2.stitre {
	/*background: #F3F3F7;*/
	font-size: 0.88em;}	

.resume2_articleCreatif .logo img {
	float : right;
	margin: 0.5em;
	padding-top: 10px;
	}	

.resume2_articleCreatif .accroche {
	font-size: 0.88em;
	padding-left: 10px;
	padding-right: 10px;}	
	
.resume2_articleCreatif p.infos {
	text-align: right;
	font-size: 0.82em;
	padding-left: 10px;
	padding-right: 10px;}
	
.resume2_articleCreatif p.infos img.spip_logos {
	vertical-align: middle;}

/*** Article ***/
.grande_boite_actif{
	width:90%;
	padding: 10px 10px 10px 10px;
	margin : 0px auto;
	color :black;
	}
.meta_actif
{
	width:90%;
	text-align : center;
	margin : auto;
}
.chapo_actif
{
	font-weight : bolder;
}
/**********************/