/*
	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;
	
	moz-box-shadow:0px 0px 15px #96CA2D;
	-webkit-box-shadow:0px 0px 15px #96CA2D;
	box-shadow:0px 0px 18px #96CA2D;

	border: 1px solid #EDF7F2;
	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: #5F8CA3;
	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 div
{margin-top:0px; font-size: 0.90em; padding: 5px;}

#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;
}


/* module de photo */
#photo {float: left; margin-left: 10px; margin-right: 5px; width: 50%;}
#photo img {border-style: solid; margin-bottom: 5px; margin-left: auto; margin-right: auto;}
#photo a {padding: 5px; font-size: 1.1em;}

#photosDescription {font-size: 0.9em; margin-left: 51%; margin-right: 25px; padding: 5px; font-style: italic; background-color: #EDF7F2; color: grey;}
#photosDescription:hover {font-size: 0.9em; margin-left: 51%; margin-right: 25px; padding: 5px; font-style: italic; background-color: #7FC6BC; color: grey; cursor: pointer;}


.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
*/

/* Liste */
.liste_infos
{
	width: 79%;
	margin-left:auto;
	margin-right:auto;
	margin-top: 5px;
	margin-bottom: 20px;
	padding: 5px;
	font-size: 0.9em;
	
	border: 1px solid #d8dee2;
	background-color: #f8fafd;
}
.liste_infos h3 {margin: 5px; margin-left: 15px;}

/* Affichage */
.block_infos
{
	width: 80%;
	margin-top: 15px;
	margin-left:auto;
	margin-right:auto;
	
	font-size: 0.9em;
}
.contenu_infos
{
	padding: 5px;
	margin-top: 0px;
	margin-bottom: 0px;
}
.contenu_infos p {margin-bottom: 0px; margin-top: 10px;}

#changement_page 
{
	float: right;
	min-width: 70px;
	width: 150px;
	font-size: 0.9em;
	padding: 7px;
	padding-top: 0px;
	margin-right: 15px;
		
	border-radius: 5px; 
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	
	moz-box-shadow:0px 0px 5px #000000;
	-webkit-box-shadow:0px 0px 5px #000000;
	box-shadow:0px 0px 8px #000000;

	border: 1px solid #EDF7F2;
	background-color: #f8fafd;
}
#changement_page h4 {color: #EDF7F2; background-color: #7FC6BC; padding: 3px; margin-top: 7px; margin-bottom: 10px;}
#changement_page ul {list-style-type: none; list-style-position: outside; margin-top:3px;}


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

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