/* accueil */




/** ---- Boites EN ce moment ----- */
.boite_encemoment 
{
	float: 			left;
	width: 			247px;
	background-position: 	left bottom;
	margin-top:		0;
	margin-bottom:		0;
	padding-left:		0;
	padding-bottom: 	0;
}

.boite_encemoment .boite-haut_encemoment
{
	width: 			100%;
	padding-top: 		1px; 
	padding-right: 		10px; 
	padding-bottom:		0; 
	padding-left: 		0; 
	margin-bottom: 		0;
	background-position: 	left top;
}

.noir .boite_encemoment .boite-haut_encemoment{background:  transparent url(/media/images/site/accueil/encemoment.png) no-repeat;}

.boite-milieu_encemoment
{
	width: 			100%;
	padding-bottom: 	2px;
	padding-top:		10px;
	margin-bottom: 		0;
	margin-top: 		5px;
	background-position: 	left top;
}

.boite-milieu_encemoment{
	border-left: 		1px solid #EE1C23; 
	border-right: 		1px solid #EE1C23; 
	border-bottom: 		1px solid #EE1C23;
}

.boite_encemoment ul
{
	list-style:		none;
	margin-top:		0;
	margin-left:		0;
	padding-left:		0;
}

.boite_encemoment li
{
	list-style:		none;
	margin-left:		0;
	padding-left:		0;
}

.boite_encemoment p {
	
	text-align: 		justify;
	padding-left: 		10px; 
	padding-right:		9px;
	margin-top: 		0;
	padding-top: 		0;
}

.boite_encemoment h2 { 
	margin:			0;
	padding:		0;
	padding-top:		5px;
	padding-left:		40px;
	background: 		none;
	color:			#EE1C23;
}

.boite_encemoment h3 { 
	margin:			0;
	padding:		0;
	padding-top:		0px;
	padding-bottom:		2px;
	padding-left:		10px;
	background: 		none;
	color:			black;
}


.boite_encemoment .etoile
{
	display:		inline;
	margin-right:		5px;
	padding:		5px;
	padding-right:		30px;
	width:			35px;
	background:		url(/media/images/site/accueil/etoile.jpg) no-repeat center right;
	font-weight:		bold;
}

.boite_encemoment h2 a { 
	color:			#EE1C23;
	text-decoration: 	none;
}

.boite_encemoment h2 a:hover { background: none;}

/** ---- Boites article ----- */

.boite_article 
{
	float: 			left;
 	margin-right: 		10px; 
	width:			440px;
	border: 		1px solid #8ad3e4;
	margin-top:		0;
	margin-bottom:		0;
}

.boite_article .gauche
{
	float: 			left;
	margin: 		0 5px 5px 5px;
}

.boite_article h2 { 
	margin:			0;
	padding:		0;
	padding-top:		7px;
	padding-left:		50px;
	height:			33px;
	background: 		url(/media/images/site/accueil/ressource_ico.png) no-repeat top left;
	color:			black;
	font-size:		1.4em;
}

.boite_article h3 
{ 
	background: 		none; 
	margin: 		0; 
	padding: 		0;
}

.boite_article .image_zoom 
{ 
	margin-top: 		2px; 
	width:			143px; 
	height:			143px;
}

.boite_article p 
{ 
	padding-right: 		5px;
	color: 			#7b7575;
	font-size:		1.2em;
}

.boite_article a img { border: none;}
.boite_article a { text-decoration: none; }
.boite_article a.underl { text-decoration: underline;}




/** ---- Boites hasard ----- */

.boite_hasard 
{
	float: 			left;
	width: 			121px;
	background-position: 	left bottom;	
	padding-left:		0;
	padding-bottom: 	0;
	margin-left:		10px;
	margin-top:		0;
	margin-bottom:		0;
}

.boite_hasard .boite-haut_hasard
{
	width: 			100%;
	padding-top: 		1px; 
	padding-right: 		10px; 
	padding-bottom:		0; 
	padding-left: 		0; 
	margin-bottom: 		0;
	background-position: 	left top;
}

.boite_hasard .boite-haut_hasard{background:  transparent url(/media/images/site/accueil/hasard.png) no-repeat;}
.vert .boite_hasard .boite-haut_hasard{background:  transparent url(/media/images/site/accueil/hasard-vert.png) no-repeat;}
.orange .boite_hasard .boite-haut_hasard{background:  transparent url(/media/images/site/accueil/hasard-orange.png) no-repeat;}



.boite-milieu_hasard
{
	width: 			100%;
	padding:		0;
	margin:			0;
	padding-bottom: 	2px;
	background-position: 	left top;
	width:			120px;
}

.vert .boite-milieu_hasard{
	border-left: 		1px solid #ABDA4D; 
	border-right: 		1px solid #ABDA4D; 
	border-bottom: 		1px solid #ABDA4D;
	height: 		164px;	
}

.orange .boite-milieu_hasard{
	border-left: 		1px solid #F7931D; 
	border-right: 		1px solid #F7931D; 
	border-bottom: 		1px solid #F7931D;
	height: 		164px;
}

.boite_hasard img
{
	margin:			0;
	padding:		0;
	margin-top: 		2px;
	padding-top: 		5px;

}

.boite_hasard h2 { 
	margin:			0;
	padding:		0;
	padding-top:		5px;
	padding-left:		35px;
	background: 		none;
	color:			#fff;
}

.boite_hasard img.ico_navg { 
	float: 			left; 
	top:			0; 
	margin-top: 		0; 
	padding-top: 		3px; 
	padding-bottom: 	10px;
}

.boite_hasard img.ico_navd { 
	float: 			right; 		
	top:			0; 		
	margin-top: 		0; 
	padding-top: 		0; 
	margin-bottom: 		10px; 
	padding-right: 		10px;
}


.boite_hasard a img { border: none;}
.boite_hasard a:hover {	background: none; }


/** ---- Boites decouverte ----- */
.boite_decouverte 
{
	float: 			left;
	width: 			509px;
	background-position: 	left bottom;	
	padding-left:		0;
	padding-bottom: 	0;
	margin-left:		0;
	margin-top:		0;
}

.boite_decouverte .boite-haut_decouverte
{
	width: 			100%;
	height:			65px;
	padding-top: 		1px; 
	padding-right: 		0px; 
	padding-bottom:		0px; 
	padding-left: 		0px; 
	margin-top:		0;
	margin-bottom: 		0;
	background-position: 	left top;
}

.noir .boite_decouverte .boite-haut_decouverte{background:  transparent url(/media/images/site/accueil/decouverte-haut.png) no-repeat;}

.boite-milieu_decouverte
{
	width: 			502px;
	padding-bottom: 	2px;
	padding-top:		 0;
	margin-bottom: 		0;
	margin-top: 		0;
	margin-left:		1px;
	background-position: 	left top;
}

.boite-milieu_decouverte{
	border-left: 		3px solid #8ad3e4; 
	border-right: 		3px solid #8ad3e4; 
	border-bottom: 		3px solid #8ad3e4;
}

.boite_decouverte p {
	
	text-align: 		justify;
	padding-left: 		0px; 
	padding-right:		0px;
	margin-top: 		0px;
	padding-top: 		0px;
}

.boite_decouverte h2 { 
	margin:			0;
	padding:		0;
	padding-top:		13px;
	padding-left:		70px;
	background: 		none;
	color:			black;
	height:			50px;
	font-size:		1.6em;
}
.boite_decouverte .h2_complement { font-size: 1.2em; }

.boite_decouverte a img { border: none; }
.boite_decouverte a { text-decoration: none;}
.boite_decouverte a:hover { background: none;}




/** ---- Boites edito ----- */
.boite_edito 
{
	float: 			left;
	width: 			307px;
	min-height: 		250px;
	background-position: 	left bottom;	
	padding-left:		0px;
	padding-bottom: 	0px;
	margin-left:		10px;
	margin-top:		0;
}

.boite_edito .boite-haut_edito
{
	width: 			100%;
	padding-top: 		1px; 
	padding-right: 		10px; 
	padding-bottom:		0px; 
	padding-left: 		0px; 
	margin-bottom: 		0;
	background-position: 	left top;
}

.noir .boite_edito .boite-haut_edito{background:  transparent url(/media/images/site/accueil/edito-haut.png) no-repeat;}

.boite-milieu_edito
{
	width: 			100%;
	padding-bottom: 	2px;
	padding-top:		 0;
	margin-bottom: 		0px;
	margin-top: 		0px;
	background-position: 	left top;
}


.boite-milieu_edito{
	border-left: 		1px solid #ddd; 
	border-right: 		1px solid #ddd; 
	border-bottom: 		1px solid #ddd;
}


.boite_edito p {
	
	text-align: 		justify;
	padding-left: 		10px; 
	padding-right:		9px;
	margin-top: 		6px;
	padding-top: 		10px;
}

.boite_edito h2 { 
	margin:			0;
	padding:		0;
	padding-top:		5px;
	padding-left:		40px;
	background: 		none;
	color:			#fff;

}



/** ---- Boites Illustration ----- */
.boite_illustration 
{
	width: 			828px;
	min-height: 		20px;
	background-position: 	left bottom;	
	padding-left:		0px;
	padding-bottom: 	0px;
}

.boite_illustration .boite-haut_illustration
{
	width: 			100%;
	padding-top: 		1px; 
	padding-right: 		10px; 
	padding-bottom:		0px; 
	padding-left: 		0px; 
	margin-bottom: 		0;
	background-position: 	left top;
}

.noir .boite_illustration .boite-haut_illustration{background:  transparent url(/media/images/site/accueil/illustration-haut.png) no-repeat;}

.boite-milieu_illustration
{
	width: 			100%;
	padding-bottom: 	2px;
	padding-top:		5px;
	margin-bottom: 		0px;
	margin-top: 		3px;
	background-position: 	left top;
}

.boite-milieu_illustration{
	border-left: 		1px solid #ddd; 
	border-right: 		1px solid #ddd; 
	border-bottom: 		1px solid #ddd;
}

.boite_illustration p {
	
	text-align: 		center;
	padding-left: 		10px; 
	padding-right:		9px;
}

.boite_illustration h2 { 
	margin:			0;
	padding:		0;
	padding-top:		8px;
	padding-left:		320px;
	background: 		none;
	color:			#fff;
	font-style:		italic;
}


.boite_illustration h3 { 
	padding:		0;
	font-size:		2em;
	font-style:		italic;
	text-align:		center;
}



.boite-haut_illustration .lien_ext {
	position:		relative;
	float:			right;
	top:			0;
	right:			0;
	padding-top: 		5px;
	padding-right: 		10px;
}

.boite_illustration h2 a{ 
	color:			#fff;
	text-decoration: 	none;
}

.boite-haut_illustration .lien_ext a{
	color:			#fff;
	font-size:		0.8em;
	font-style:		none;
}


.boite-haut_illustration .droit_reprod
{
	margin: 		0;
	padding: 		0;
	font-size:		0.8em;
	font-style:		italic;
}




.boite_illustration a img { border: none; }
.boite_illustration .illustation_img a:hover { border: none; background: none;}
.boite-haut_illustration .droit_reprod a:hover {background: black; }

.spacer { clear: both; font-size:0.1em;}