/*
	COPYRIGHT 2010 - Créer par Bastien
	Version : 4.5
	
	Description : On retrouve le design pour la page d'accueil
*/

/* Partie "enbref" : compose la page d'accueil et inclue les modules (2 et 2
	Fichier : index.html
*/
#logos {float: right;}

#enbref  {margin: auto; margin-top: 1.5em;}

#msg_livreor, #random_img, #service_lje, #evenement
{
	padding: 2px 2px 5px;
	margin-bottom: 20px;
	
	z-index: 100;
	
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border: 1px solid #d8dee2;
	background-color: #f8fafd;
	
	width: 42%;
	height: auto;
}

#enbref h4
{
	display: block;
	text-indent: 0px;
	
	margin: 0 4px;
	padding: 3px;
	margin-bottom: 0px;
	margin-top: 0px;
	
	border: none;
	text-align: left;
	color: #00750c;
	font-weight: bold;
}
#enbref #msg_livreor h4  a, #enbref #random_img h4  a, #enbref #service_lje h4  a, #enbref #evenement h4  a
{text-decoration: none; display: block; color: #2c6b6b;}

#enbref #msg_livreor h4  a:hover, #enbref #random_img h4  a:hover, #enbref #service_lje h4  a:hover, #enbref #evenement h4  a:hover
{text-decoration: none; display: block; color: #2c6b6b;}

/* Les 4 Modules d'informations rapides */
#service_lje li, #random_img li, #msg_livreor li  {border-top: 1px solid #d8dee2;}

#service_lje
{
	float: left;
	margin-right: auto;
	margin-left: 2%;
}

#evenement
{
	float: right; 
	margin-left: auto;
	margin-right: 2%;
}
#evenement p
{text-align: left; margin-top:0px; font-size: 0.90em;}

#msg_livreor
{
	float: right; 
	margin-left: auto;  
	margin-right: 2%;
}
#msg_livreor p
{margin-top:0px; font-size: 0.90em;}

#random_img
{
	float: right; 
	margin-left: auto; 
	margin-right: 2%;
}

html>body #service_lje
{margin-left: 4%;}
html>body #evenement, html>body #random_img, html>body #msg_livreor
{margin-right: 4%;}

#enbref ul 
{
	margin-top: 0px;
	margin-left: 60px;
	margin-right: 50%;
	padding: 0;
	list-style-type: none;
}


#enbref li 
{
	margin: 0;
	font-size: 0.9em; 
	text-align: left;
}

#enbref ul li ul
{
	display: none;
	margin-top: -20px;
	padding-left: 80%;
	list-style-type: none;
}
#enbref ul li:hover ul
{
	display: list-item;
	border: none;
}


#photo {float: left; margin-left: 10px; margin-right: 5px;}
#photo img {border-style: ridge;}

.sous_module {clear: both;}
.titre_sous_module {font-size: 1.3em;}
.img_sous_module {float: left; margin-right: 2px;}
.liste_sous_module {font-size: 0.9em; padding-left: 70px;}

.lireplus {clear: both; text-align: right; padding: 0px; margin: 0;}

/* Affichage et liste des informations
	Fichier : infos.html
*/

.nb_liste_infos
{
	float: left;
	width: 50px;
	height: 50px;
	font-size: 2em;
	font-weight: bold;
	
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border: 1px solid #d8dee2;
	background-color: #f8fafd;

	text-align: center;
	vertical-align: middle;
}
.liste_infos
{
	width: 80%;
	margin-left:auto;
	margin-right:auto;
	margin-top: 5px;
	margin-bottom: 20px;
	padding: 5px;
	font-size: 0.9em;
	
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border: 1px solid #d8dee2;
	background-color: #f8fafd;
}
.liste_infos h3 {margin: 5px; margin-left: 15px;}

.block_infos
{
	width: 80%;
	margin-top: 15px;
	margin-left:auto;
	margin-right:auto;
	
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border: 1px solid #d8dee2;
	background-color: #f8fafd;
	
	font-size: 0.9em;
}
.block_infos h3
{
	display:block;
	text-decoration:none;
	font-variant:normal;
	text-align: left;
	font-size: 1em;
	border-radius: 15px 15px 0px 0px;
	-moz-border-radius: 15px 15px 0px 0px;
	-webkit-border-radius: 15px 15px 0px 0px;
	background-color: #79d482;
	color: #dff9cf;
	
	padding: 4px;
	padding-left: 10px;
	margin-top: 0px;
	margin-bottom: 0px;
}
.contenu_infos
{
	padding: 5px;
	margin-top: 0px;
	margin-bottom: 0px;
}
.contenu_infos p {margin-bottom: 0px; margin-top: 10px;}
.retour_haut {clear: both; text-align: right; font-size: 0.8em;}


/* Rédaction de news */
.entete_redact_infos {margin-left: 10px;}

.textarea_centrer
{
	display: block;
	margin-top: 0px;
	margin-bottom: 20px;
	margin-left: 10px;
}