/*************************************************************************/
/****************************** RESET CSS ******************************/
/***********************************************************************/
html{font-family:Times New Roman;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;zoom:1;}
q:before,q:after {content:'';}
abbr,acronym {border:0;}
iframe{border:0;}
/****************************************************************************/
/****************************** FIN RESET CSS ******************************/
/***************************************************************************/


/*************************************************************************************/
/****************************** ARCHITECTURE DU SITE ******************************/
/***********************************************************************************/
html{
	padding:				20px 0;
	background-image:		url('http://www.emmeline.mottet.org/img/fond.png');
	background-repeat:		repeat-x;
	font-size:				17px;
	overflow-y:				scroll;
}

#site{
	width:					984px;
	margin:					auto;
}

#header{
	background-image:		url('http://www.emmeline.mottet.org/img/banniere_site.png');
	height:					170px;
	_background: 			none;
	_filter: 				progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.emmeline.mottet.org/img/banniere_site.png", sizingMethod="scale");
	position:				relative;
}

#news{
	height:					25px;
	position:				absolute;
	top:					90px;
	left:					300px;
	width:					550px;
	text-align:				center;
	color:					#656562;
	font-weight:			bold;
}

#site_bas{
	-moz-box-shadow:		0px 2px 10px #bbb;
	-webkit-box-shadow: 	0px 2px 10px #bbb;
	box-shadow:				0px 2px 10px #bbb; 
	filter: 				progid:DXImageTransform.Microsoft.Shadow(color=#bbbbbb,direction=135,strength=5);
	background-color:		white;
	zoom:					1;
	padding-bottom:			1px;
	_width:					979px;
}

#site_bas #ombre{
	filter: 				progid:DXImageTransform.Microsoft.Shadow(color=#bbbbbb,direction=270,strength=5);
	background-color:		white;
	zoom:					1;
}

#site_bas #menu{
	-moz-box-shadow:		2px 0px 10px #bbb;
	-webkit-box-shadow: 	2px 0px 10px #bbb;
	box-shadow:				2px 0px 10px #bbb; 
	filter: 				progid:DXImageTransform.Microsoft.Shadow(color=#bbbbbb,direction=180,strength=5);
	_filter:				none;
	background-color:		white;
	zoom:					1;
	overflow:				visible;
	height:					31px;
	_padding:				0;
	_position:				relative;
	_left:					5px;
}

#menu{
	padding-left:			5px\9
}

#menu li.dernier{
	float:					right;
}

#menu ul.dropdown ul li.dernier{
	float:					none;
}


#menu a{
	color:					#5f78bf;
	text-decoration:		none;
	text-transform:			uppercase;
	display:				block;
	_display:				inline-block;
	line-height:			31px;
	height:					31px;
	font-weight:			bold;
	background-color:		white;
}

#menu a:hover{
	color: 					white;
	background-color:		#5f78bf;
}

#menu.menu_1 a{
	padding:				0 24px;
}

#menu.menu_2 a{
	padding:				0 15px;
}

#menu.menu_3 a{
	padding:				0 35px;
}

#menu.menu_4 a{
	padding:				0 128px;
}

#menu.menu_5 a{
	padding:				0 60px;
}

#menu.menu_6 a{
	padding:				0 50px;
}

#menu.menu_71 a{
	padding:				0 47px;
}

#menu.menu_72 a{
	padding:				0 30px;
}

/* Entrainement */
#menu.menu_8 a{
	padding:				0 57px;
}

/* Suivi Entrainement */
#menu.menu_9 a{
	padding:				0 178px;
}


#site_bas #contenu{
	margin:					auto;
	border-top:				0;
	margin:					40px 60px;
	overflow:				hidden;
}

#footer{
	font-size:				13px;
	padding-top:			8px;
	color:					#656562;
}

#footer .maj{
	float:					right;
}

#footer .flux_rss{
}
/******************************************************************************************/
/****************************** FIN ARCHITECTURE DU SITE ******************************/
/***************************************************************************************/


/*************************************************************************************/
/****************************** DEFILEMENT DES NEWS ******************************/
/***********************************************************************************/
#news_defil {
	position: 				relative;
	top: 					0px;
}

.news_petit{
	height: 				25px;
}

.news_petit a{
	text-decoration: 		none;
	font-weight:			bold;
	color:					#656562;
}

#news_win {
	margin-top:				5px;
	height: 				25px;
	position: 				relative;
	overflow: 				hidden;
	zoom:					1;
	font-weight:			bold;
}
/*************************************************************************************/
/****************************** DEFILEMENT DES NEWS ******************************/
/***********************************************************************************/


/********************************************************************/
/****************************** MENU ******************************/
/******************************************************************/
ul.dropdown, ul.dropdown li, ul.dropdown ul {
	list-style: 			none;
}

ul.dropdown {
	position: 				relative;
	left:					0;
	top:					0;
	zoom:					1;
	z-index: 				597;
	margin-bottom:			0;
}

ul.dropdown li {
	float:					left;
	line-height:			1.3em;
	vertical-align:			middle;
	white-space:			nowrap;
	position:				relative;
	padding-left:			0;
	list-style-position:	outside;
}

ul.dropdown li.hover, ul.dropdown li:hover {
	position:				relative;
	z-index:				599;
	cursor:					default;
}

ul.dropdown ul {
	visibility: 			hidden;
	position: 				absolute;
	top: 					100%;
	left: 					0;
	z-index: 				598;
	min-width:				100%;
	width:					auto;
	!width:					180px;
	border:					1px solid #5f78bf;
	padding-bottom:			1px;
}

ul.dropdown ul li  a{
	_width:					180px;
}

ul.dropdown ul li {
	float:					none;
	margin-bottom:			-1px;
	left:					0;
}

ul.dropdown ul ul {
	top:					-1px;
	left:					100%;
}

ul.dropdown li:hover > ul {
	visibility:				visible;
}
/************************************************************************/
/****************************** FIN MENU ******************************/
/**********************************************************************/


/***********************************************************************/
/****************************** ZPHOTOS ******************************/
/**********************************************************************/
#navigationZphotos .minPrev{
	float:					left;
	border:					1px solid black;
}

#navigationZphotos .minNext{
	float:					right;
	border:					1px solid black;
}

#navigationZphotos{
	overflow:				hidden;
	margin:					15px 0;
	zoom:					1;
}

.min{
		border:					1px solid black;
}

.mainPhoto{
	text-align:				center;
	min-height:				650px;
}

ul.photosList{
	overflow:				hidden;
	zoom:					1;
}

ul.photosList li {
	float:					left;
	text-align:				center;
	width:					195px;
	list-style-type:		none;
	padding-bottom:			20px;
}

#contenu.articles__recents ul.photosList li {
	width:					400px;
}

.pagingMenu a{
	padding-right:			5px;
	display:				inline-block;
}

a.current{
	text-decoration:		none;
}

.pagingMenu{
	text-align:				center;
	margin:					0 150px;
	display:				block;
}

h2.zphotos{
	margin-left:			220px;
	margin-top:				0;
}

h2.zphotos .date{
	font-size:				15px;
	text-decoration:		none;
	float:					right;
	padding-top:			10px;
	display:				inline-block;
	margin-left:			5px;
}

.photoDescription{
	color:					#6078BF;
}

.directMenu a{
	color:					#6078BF;
	font-weight:			normal;
}
/****************************************************************************/
/****************************** FIN ZPHOTOS ******************************/
/*************************************************************************/


label{
	display:				inline-block;
	margin-top:				20px;
	color:					#6078BF;
	font-weight:			bold;
}

label.block{
	display:					block;
}

.gestion_personnes__ajouter label,
.gestion_personnes__modifier label,
.gestion_contacts__ajouter label,
.gestion_contacts__modifier label,
.gestion_entreprises__ajouter label,
.gestion_entreprises__modifier label{
	width:					115px;
	margin-top:				10px;
}

h1{
	font-size:				30px;
	font-weight:			600;
	margin-bottom:			30px;
	color:					#888884;
	text-align:				left;
}

h1.centre{
	text-align:				center;
}

h2 {
  border-bottom:			1px solid #888884;
  color:					#888884;
  font-size:				22px;
  font-weight:				bold;
  margin:					25px 0 10px 0;
  padding-bottom:			4px;
  text-align:				left;
  width:					auto;
}

h2 .date{
	display:				inline-block;
	float:					right;
	margin-left:			5px;
	padding-top:			10px;
	text-decoration:		none;
	color:					#5f78bf;
	font-size:				15px;
}

h2.sans_marge{
	margin-top:				0;
}

h2.sous_menu{
	border:					0 none;
	font-size:				16px;
	margin:					0 0 5px 30px;
	padding:				0;
}

h2 .fin_titre{
	float:					right;
	font-size:				15px;
	padding-top:			5px;
	color:					#6078BF;
}

h3{
	color:					#888884;
	font-style:				italic;
	font-weight:			bold;
	margin-top:				10px;
	margin-bottom:			10px;
}

h3.inline{
	color:					#888884;
	font-style:				italic;
	font-weight:			bold;
	margin-top:				0;
	margin-bottom:			0;
	display:				inline-block;
}

h4{
	border-bottom:			1px dotted black;
	color:					#6078BF;
	font-size:				18px;
	margin:					0 0 2px;
	padding:				6px 0 2px;
}

h5{
	color:					#6078BF;
	font-size:				18px;
	margin:					0 0 2px;
	padding:				6px 0 2px;
}

a{
	color:					#5f78bf;
	font-weight:			bold;
}

a.discret{
	font-weight:			normal;
}

a.pas_decore{
	color:					black;
	text-decoration:		none;
	font-weight:			normal;
}

h2 a.pas_decore{
	color:					#888884;
	font-weight:			bold;
}

a.decale{
	padding-left:			30px;
}

p{
	padding:				0 0 10px 0;
	text-align:				justify;
}

p:first-letter{
	color:					#5f78bf;
	font-size:				1.3em;
	font-weight:			bold;
}

p.avant_ul{
	padding-bottom:			0;
}

p.poeme{
	margin-left:			250px;
}

.ecrit_petit{
	font-size:				14px;
}

.ok{
	background-color:		#00ff00;
	padding:				5px 10px 5px 10px;
	-moz-border-radius:		5px;
	text-align:				center;
}

.ko{
	background-color:		#ff0000;
	color:					white;
	padding:				5px 10px 5px 10px;
	font-weight:			bold;
	-moz-border-radius:		5px;
	text-align:				center;
}

.float_gauche{
	float:					left;
	margin-right:			15px;
}

.float_droite{
	float:					right;
	margin-left:			15px;
}

.entrainements__calendrier ul,.entrainements__liste_entrainements ul,.gestion_entrainements__modifier ul{
	color:					black;
}

ul{
	color:					#5f78bf;
	margin-bottom:			17px;
}

ol{
	list-style:		decimal inside;
}

ul li{
	list-style-type:		disc;
	list-style-position:	inside;
	padding-left:			20px;
}

ul.lien li{
	list-style-type:		none;
}

ul li span{
	color:					black;
}

table{
	margin-bottom:			15px;
}

table.centre td{
	text-align:				center;
}

table.grand{
	width:					100%;
}

table.type1{
	width:					418px;
}

table.tableau_avec_bordures td{
	border:					1px solid black;
}

td{
	vertical-align:			top;
}

td.milieu{
	vertical-align:			middle;
}

td.centre{
	text-align:				center;
}

th.centre{
	text-align:				center;
}

.liste_items{
	margin-left:			260px;
	margin-bottom:			50px;
}

.liste_items.petit{
	margin-left:			360px;
}

.liste_items.liste_items__grand{
	margin-left:			180px;
}

.liste_items__image{
	width:					240px;
	text-align:				center;
	float:					left;
}

.liste_items__image.liste_items__image__petit{
	width:					150px;
}

.liste_items__image.grand{
	width:					320px;
}

.avec_cadre{
	border:					1px solid black;
}

#contenu.livre_d_or__lire .guillemet2{
	background : 			transparent url('http://www.emmeline.mottet.org/img/guillemet.gif') no-repeat 98% 85%;
}

#contenu.livre_d_or__lire .guillemet{
	margin-top:				15px;
	margin-bottom:			15px;
	background : 			transparent url('http://www.emmeline.mottet.org/img/guillemet_haut.gif') no-repeat;
}

#contenu.livre_d_or__lire .messageLivre {
	font-style:				italic;
	margin-left:			50px;
	margin-right:			65px;
	padding-bottom:			9px;
	padding-top:			9px;
	text-align:				justify;
}

textarea{
	margin-bottom:			17px;
	width:					860px;
	height:					150px;
}

.grisee{
	background-color:		#d0d0d0;
}