/**
 * @filesource	commun.css
 * @since		5 déc. 2010 23:16:57
 * @author		Emmeline Mottet
 *
 **/

/*******************/
/* Structure du site */
/*****************/
html{
	padding:				20px 0;
	background-image:		url('/_img/fond.png');
	background-repeat:		repeat-x;
	font-size:				17px;
	overflow-y:				scroll;
}

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

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

#header #logo{
	position:					relative;
	top:						14px;
	left:						357px;
}

#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 #contenu{
	margin:					auto;
	border-top:				0;
	margin:					30px 60px;
	padding-top:			20px;
}

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

#footer .maj{
	float:					right;
}
/**********************/
/* Fin structure du site */
/********************/


/*******************/
/* News défilantes */
/****************/
#newsDefil {
	position: 				relative;
	top: 					0px;
}

.newsPetit{
	height: 				25px;
}

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

#newsWin {
	margin-top:				5px;
	height: 				25px;
	position: 				relative;
	overflow: 				hidden;
	zoom:					1;
	font-weight:			bold;
}
/*********************/
/* Fin news défilantes */
/*******************/


/*********/
/* Menu */
/*******/
#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.last{
	float:					right;
}

#menu ul.dropdown ul li.last{
	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;
}

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

#menu.menu1 a{padding:0 74px;}
#menu.menu2 a{padding:0 15px;}
#menu.menu3 a{padding:0 35px;}
#menu.menu4 a{padding:0 39px;}
#menu.menu5 a{padding:0 68px;}
#menu.menu6 a{padding:0 179px;}
#menu.menu7 a{padding:0 81px;}
#menu.menu8 a{padding:0 64px;}
#menu.menu9 a{padding:0 126px;}
#menu.menu10 a{padding:0 60px;}
#menu.menu11 a{padding:0 81px;}
#menu.menu12 a{padding:0 81px;}
#menu.menu13 a{padding:0 121px;}
/************/
/* 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;
}

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

.article{
	margin-bottom:			20px;
	font-style:				italic;
	font-size:				16px;
}
/* Fin zphotos */


/* Titre */
h1{
	font-size:				30px;
	font-weight:			600;
	color:					#888884;
	text-align:				left;
	margin:					0 0 40px 0;
	padding:				0;
	line-height:			30px;
}
h1.aCenter{text-align:center;}

h2 {
  font-size:				22px;
  font-weight:				bold;
  color:					#888884;
  text-align:				left;
  margin:					32px 0 10px 0;
  padding:					0;
  line-height:				22px;
}
h2.border{
	border-bottom:			1px solid #888884;
	padding-bottom:			5px;
}
h2 .end{
	font-size:				15px;
	color:					#6078BF;
	float:					right;
	margin-top:				5px;
}
h2.noMarginTop{margin-top:0;}

h3{
	font-size:				17px;
	color:					#888884;
	font-style:				italic;
	font-weight:			bold;
	margin:					10px 0 5px 0;
}

h4{
	font-size:				17px;
	color:					#6078BF;
	margin:					0;
	padding:				0;
	line-height:			18px;
	margin-bottom:			10px;
}

h4.border{
	border-bottom:			1px dotted black;
	padding-bottom:			5px;
}
/* Fin titre */


/* Label  & form*/
optgroup{margin:0;padding:0;}
optgroup option{margin:0;padding:0;}

textarea{
	margin:				0 0 15px 0;
	width:				850px;
}

label{
	display:				inline-block;
	margin:					0;
	padding:				0 0 15px 0;
	color:					#6078BF;
	font-weight:			bold;
}

.page49 label{
	padding:				15px 0 0 0;
}

label.block{
	display:				block;
	padding:				0;
}

.page45 label,
.page46 label{
	margin-top:				15px;
	display:				block;
	padding:				0;
}

.page45 #mes_entrainements tbody tr td label:first-child{
	margin:0;
}

.page51 label,
.page61 label,
.page62 label,
.page62 label,
.page52 label{width:160px;}
.page5 label,
.page14 label,
.page26 label,
.page27 label,
.page41 label,
.page42 label,
.page60 label,
.page12 label,
.page43 label{width:100px;}
.page11 label,
.page23 label,
.page36 label,
.page62 label.typeRecette,
.page63 label,
.page64 label,
.page65 label {width:70px;}
.page4 label{width:50px;}

.page5 label.grand{width:200px;}
.page14 label.grand{width:200px;}

.page55 textarea{
	height:					200px;
}
.page61 textarea,
.page62 textarea{
	height:					300px;
}

.page5 input[type=text]#monCal1-mm,
.page5 input[type=text]#monCal1-dd,
.page14 input[type=text]#monCal1-mm,
.page14 input[type=text]#monCal1-dd{width:20px;}
.page5 input[type=text]#monCal1,
.page14 input[type=text]#monCal1{width:35px;}

.page64 input[type=text]{width:200px;}
.page61 input[type=text]#titre,
.page62 input[type=text]#titre{width:690px;}
.page5 input[type=text],
.page14 input[type=text],
.page27 input[type=text]{width:750px;}
.page11 input[type=text],
.page36 input[type=text],
.page23 input[type=text]{width:780px;}

.page65 select#type,
.page62 select#type{width:auto;}
.page62 select,
.page65 select{width:300px;}
.page63 select,
.page21 select{width:500px;}

input.attention{
	color:					red;
	font-weight:			bold;
	text-transform:			uppercase;
}
/* Fin label & form */


/* Paragraphe */
p{
	margin:					0;
	padding:				0 0 15px 0;
	text-align:				justify;
}

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

p.noPadding{padding:0;}

sup{
	display:					inline-block;
	margin-top:					-4px;
	position:					relative;
	top:						4px;
}

p sup{
	font-size:					13px;
}
/* Fin paragraphe */


/* tableau */
table,td,tr,th{margin:0;padding:0;}
table.grand{
	width:					100%;
}

td{
	vertical-align:			top;
}

td.vaMiddle{
	vertical-align:			middle;
}

td.aCenter{
	text-align:				center;
}
/* Fin tableau */


/* Lien */
a{
	color:					#5f78bf;
}

a.noDecoration{color:black;font-weight:normal;text-decoration:none;}
a img{
	border:					none;
}

a.black{
	color:					black;
}

a.sousMenu{
	color:					#888884;
	display:				block;
	text-decoration:		none;
	margin-left:			30px;
	line-height:			23px;
}

a.archives{
    color:				black;
    display:			block;
    line-height:		23px;
    margin-left:		30px;
    text-decoration:	none;
}

.page21 a,
.page40 a{
	font-weight:				normal;

}

.news h2 a{
	text-decoration:		none;
	color:					#888884;
}
/* Fin lien */

/* Liste */
ol{list-style:none;}
ul{
	list-style:				none;
	padding:				0;
	margin:					0 0 15px 0;
	color:					#5f78bf;
}
.page45 ul,
.page49 ul,
.page82 ul{
	color:					black;
}

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

ul li span{
	color:					black;
}

.listeDebut{
	text-align:				center;
	float:					left;
}
.listeDebut.grand{width:320px;}
.listeDebut.moyen{width:240px;}
.listeDebut.petit{width:150px;}

.listeFin{
	margin-bottom:			50px;
}
.listeFin.petit{margin-left:360px;}
.listeFin.moyen{margin-left:260px;}
.listeFin.grand{margin-left:180px;}
/* Fin liste */


/* Image */
img.vaMiddle{
	vertical-align:			middle;
}

img.border,
span.border{
	border:					1px solid black;
}

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

img.left{
	float:					left;
	margin-right:			15px;
}
/* Fin image */


/* Message informatif */
.ok{
	background-color:		#00ff00;
	padding:				15px;
	margin-bottom:			15px;
	-moz-border-radius:		5px;
	text-align:				left;
	display:				inline-block;
}

.ko{
	background-color:		#ff0000;
	color:					white;
	padding:				15px;
	margin-bottom:			15px;
	font-weight:			bold;
	-moz-border-radius:		5px;
	text-align:				left;
	display:				inline-block;
}
/* Fin message informatif */


/* Autre */
.right{float:right;}
.left{float:left;}

html body .noMargin{margin:0;}
.noPadding{padding:0;}

.decale{margin-left:30px;}

.clearB{clear:both;}
.clearL{clear:left;}
.clearR{clear:right;}

.message{
	font-style:				italic;
	text-align:				justify;
}

div.border{
	border:					1px solid black;
}
/* Fin autre */



.page55 .inputInfo{
	position:				absolute;
	margin-left:			5px;
	color:					grey;
}

.page55 .inputWithInfo{
	position:				relative;
	z-index:				1;
	background-color:		transparent;
}

.victoire{
	color:					#00d000;
}

.egalite{
	color:					orange;
}

.defaite{
	color:					red;
}