/* 
************************************************************************************ 
GENERAL
************************************************************************************ 
*/

a{outline: none;}
:focus{-moz-outline-style: none;}


a#tooCool {
position: absolute;
right: 0;
top: 0;
display: block;
height: 80px;
width: 80px;
text-decoration: none;
z-index: 100;
}

#flagfr{
position: absolute;
left: 472px;
top: 48px;
z-index:10;
}

#flagen{
position: absolute;
left: 472px;
top: 68px;
z-index:10;
}

img.png{
behavior: url(png.htc);
}

.none{
display: none;
}

@media aural{
.none{display: block;}
}

img{
border: 0;
margin: 0;
padding: 0;
}

a{
border: 0;
margin: 0;
padding: 0;
font-family: Trebuchet MS, arial, sans-serif;
text-decoration: none;
}

a:hover{
border: 0;
margin: 0;
padding: 0;
text-decoration: none;
}

		a.lien_texte{
		color: #A92A1B;
		font-weight: bold;
		text-decoration: none;
		}

		a.lien_texte:hover{
		color: #A92A1B;
		font-weight: bold;
		text-decoration: underline;
		}

hr{
color: #d5d5d5;
background: #d5d5d5;
height: 1px;
overflow: hidden;
border: 0;
}

p{
border: 0;
margin: 0;
padding: 0;
}

.clear{
clear:both;
width:100%;
height:1px;
overflow:hidden;
font-size:1px;
}

/* 
************************************************************************************ 
MISE EN PAGE
************************************************************************************ 
*/

body{
border: 0;
margin: 0;
padding: 0;
background: #131313;
font-family: Trebuchet MS, arial, sans-serif;
font-size: 12px;
line-height: 15px;
font-weight: normal;
color: black;
text-align: justify;
}

#fond_degrade{
position: absolute;
top: 0;
left: 0;
border: 0;
margin: 0;
padding: 0;
width: 100%;
height: 220px;
background: url("img/static/fond_degrade.gif");
}

#global{
position: relative;
border: 0;
margin: 0 auto;
padding: 0;
width: 990px;
}

		#top{
		position: relative;
		border: 0;
		margin: 0;
		padding: 0;
		width: 990px;
		height: 220px;
		background: url("img/static/fond_top.jpg");
		}

				#top #pub{
				position: absolute;
				top: 40px;
				right: 10px;
				border: 0;
				margin: 0;
				padding: 0;
				font-weight: bold;
				color: #8a7464;
				font-size: 12px;
				}

				/*----- DEBUT MENU ---- */
				
				.Menu{
				position: absolute;
				top: 174px;
				left: 290px;
				margin: 0;
				padding: 0;
				font-weight: bold;
				font-size: 13px;
				height:24px;
				overflow:hidden;
				}

						.Menu ul {
						display:inline;
						list-style-image:none;
						list-style-position:outside;
						list-style-type:none;
						margin:0;
						padding:0;
						}

						.Menu li {
						display:inline;
						margin:0;
						padding:0;
						}

								.Menu a {
								background:transparent url("img/static/MLeft.png") no-repeat scroll left top;
								float:left;
								margin-right:12px;
								padding:0px 0px 0px 3px;
								text-decoration:none;
								}

								.Menu a span {
								background:transparent url("img/static/MRight.png") no-repeat scroll right top;
								display:block;
								float:none;
								padding:4px 9px 6px 6px;
								color:#ffffff;
								}

								.Menu a:hover {
								background-position: 0% -25px;
								text-decoration:none;
								margin-right:12px;
								float:left;
								padding:0px 0px 0px 3px;
								}

								.Menu a:hover span {
								background-position: 100% -25px;
								text-decoration:none;
								color:#ffffff;
								display:block;
								float:none;
								padding:4px 9px 6px 6px;
								}

				/*----- FIN MENU ---- */

				#top #date{
				position: absolute;
				top: 175px;
				right: 20px;
				border: 0;
				margin: 0;
				padding: 0;
				font-weight: bold;
				color: #525252;
				font-size: 12px;
				}

		#centre{
		position: relative;
		border: 0;
		margin: 0;
		padding: 0;
		width: 990px;
		background: url("img/static/fond_centre.gif");
		}


/* 
************************************************************************************ 
COLGAUCHE
************************************************************************************ 
*/
				
#colgauche{
float: left;
display: inline;
border: 0;
margin: 0 5px 0 20px;
padding: 0;
width: 230px;
}

		#agenda{
		position: relative;
		border: 0;
		margin: 0;
		padding: 0;
		width: 230px;
		background: url("img/static/fond_agenda.gif");
		}

				#agendaIn{
				position: relative;
				border: 0;
				margin: 0 auto 0 14px;
				padding: 0;
				width: 189px;
				color: white;
				font-size: 11px;
				}

				#agendaIn img.loader{
				text-align:center;
				margin: 50px 0 50px 0;
				padding: 0;
				}

				#agendaIn a{
				color: white;
				}

				#agendaIn a:hover{
				color: #868686;
				}


		#commentaire{
		position: relative;
		border: 0;
		margin: 0;
		padding: 0;
		width: 230px;
		background: url("img/static/fond_commentaire.gif");
		}

				#commentaireIn{
				position: relative;
				border: 0;
				margin: 0 0 0 12px;
				padding: 0;
				width: 194px;
				color: black;
				font-size: 11px;
				}

				#commentaireIn a{
				color: black;
				}

				#commentaireIn a:hover{
				color: #6a6a6a;
				}


		#lien{
		position: relative;
		border: 0;
		margin: 0;
		padding: 0;
		width: 230px;
		font-size: 10px;
		line-height: 14px;
		}

				#lienIn{
				position: relative;
				border: 0;
				margin: 0 0 0 12px;
				padding: 0;
				width: 194px;
				color: black;
				font-size: 11px;
				}

				#lienIn h2{
				color: #9c9c9c;
				font-size: 15px;
				font-weight: normal;
				margin: 0 0 5px 0;
				}

				#lienIn img{
				float: left;
				margin: 0 5px 0 0;
				}

				#lienIn a{
				color: black;
				}

				#lienIn a:hover{
				color: #6a6a6a;
				}




/* 
************************************************************************************ 
COLCENTRE
************************************************************************************ 
*/				
				
				
#colcentre{
float: left;
display: inline;
border: 0;
margin: 0 30px 0 0;
padding: 0;
width: 512px;
}

		#colcentre h1{
		color: #4a3728;
		font-size: 19px;
		font-weight: bold;
		margin: 0 0 5px 0;
		}

		#colcentre h2{
		color: #4a3728;
		font-size: 12px;
		font-weight: bold;
		margin: 0 0 5px 0;
		}

		#colcentre .edito{
		color: #b3b3b3;
		font-size: 11px;
		margin: 0 0 5px 0;
		}

		#colcentre img.mea{
		margin: 0 0 10px 0;
		border: 1px solid #eeeeee;
		padding: 5px;
		}

		#colcentre img.categorie{
		margin: 0 5px 5px 0;
		border: 1px solid #eeeeee;
		padding: 5px;
		float: left;
		}

		#colcentre a.home{
		color: black;
		overflow:hidden;
		}

		#colcentre a.home:hover{
		color:#6a6a6a;
		}

		.logoArticle {
		position:relative;
		overflow:hidden;
		}
		
		.google {
		position:absolute;
		bottom: 27px;
		left: 12px;
		}
		
		.facebook {
		position:absolute;
		bottom: 27px;
		left: 90px;
		}

		.infoBas {
		margin: 5px 0 40px 0;
		background: #eeeeee none repeat scroll 0%;
		border-bottom: 1px solid #bebebe;
		border-top: 1px solid #bebebe;
		font-size: 11px;
		padding: 10px;
		color: black;
		}

				.infoBas a{
				color: #666666;
				}

				.infoBas a:hover{
				color: #aeaeae;
				}

				.commentInfo{
				background: transparent url("img/static/comment.gif") no-repeat scroll 0px 1px;
				padding: 0pt 10px 0pt 18px;
				}

				.categorieInfo{
				background:transparent url("img/static/file.gif") no-repeat scroll 0px 1px;
				padding: 0pt 0pt 0pt 18px;
				}



/* 
************************************************************************************ 
FACEBOOK
************************************************************************************ 
*/	

.addSocial{
background: none repeat scroll 0 50% #EEEEEE;
border-bottom: 1px solid #BEBEBE;
border-top: 1px solid #BEBEBE;
color: black;
font-size: 11px;
margin: 10px 0;
padding: 8px 10px;
height:20px;
}

.addSocial div, .addSocial iframe { float:left; }

/* 
************************************************************************************ 
COMMENTAIRES
************************************************************************************ 
*/	

#addComment{
width:100%;
text-align:center;
margin:20px 0;
cursor:pointer;
display:none;
}

#formComment{
width:100%;
margin:50px 0 40px 0;
display:none;
}

#captcha{
float:left;
display:inline;
width:330px;
margin: 8px 0 8px -2px;
}

#aide_captcha{
float:left;
display:inline;
width:180px;
margin: 8px 0;
color:#888888;
font-size:10px;
}

.zipcode{
display:none;
}


/* 
************************************************************************************ 
COLDROITE
************************************************************************************ 
*/	

#coldroite{
float: left;
display: inline;
border: 0;
margin: 0;
padding: 0;
width: 172px;
color: #9f735b;
line-height: 20px;
}

		#coldroite h2{
		color: #9c9c9c;
		font-size: 15px;
		font-weight: normal;
		margin: 0 0 5px 0;
		}

		#coldroite img{
		vertical-align: middle;
		}

		#coldroite a{
		color: #9f735b;
		}

		#coldroite a:hover{
		color: #868686;
		}


#partenaires{
margin-top:20px;
}

		#partenaires a{
		display:block;
		margin-bottom:6px;
		}



/* 
************************************************************************************ 
BAS
************************************************************************************ 
*/				

#bas{
clear: both;
height: 100px;
width: 990px;
background: url("img/static/fond_bas.jpg");
font-size: 10px;
margin: 0;
padding: 0;
}

#bas a{
color: #9f735b;
}

#bas a:hover{
color: #868686;
}

/* 
************************************************************************************ 
FORMULAIRE
************************************************************************************ 
*/

form{
font-family: Trebuchet MS, arial, sans-serif;
margin: 0;
border: 0;
padding: 0;
}

label{
font-family: Trebuchet MS, arial, sans-serif;
display: block;
font-size: 13px;
font-weight: bold;
}

		label span{
		font-family: Trebuchet MS, arial, sans-serif;
		display: inline;
		font-size: 10px;
		font-weight: bold;
		color:#969696;
		}

input.text{
font-family: Trebuchet MS, arial, sans-serif;
margin: 0 0 15px 0;
border: 1px solid #888888;
padding: 1px 2px;
}

input.file{
font-family: arial, sans-serif;
margin: 0;
padding: 0;
font-size: 11px;
}

textarea{
font-family: Trebuchet MS, arial, sans-serif;
font-size: 12px;
font-weight: normal;
width: 100%;
}

		textarea.text{
		width: 100%;
		border: 1px solid #888888;
		padding: 1px 2px;
		}

h4{
font-size: 11px;
color: #848484;
border: 0;
margin: 10px 0 2px 0;
padding: 0;
}

/* 
************************************************************************************ 
GALERIE
************************************************************************************ 
*/

.blocGalerie{
float:left;
margin:0 15px 10px 0;
}

		.blocGalerie .photo{
		float:left;
		width:80px;
		height:80px;
		border:4px solid black;
		overflow:hidden;
		}

		.blocGalerie .texte{
		float:left;
		width: 140px;
		height:80px;
		margin-left:10px;
		overflow:hidden;
		}

		.blocGalerie a{
		color:black;
		text-decoration:none;
		}

		.blocGalerie a:hover{
		color:#969696;
		text-decoration:none;
		}


/* 
************************************************************************************ 
CALENDRIER
************************************************************************************ 
*/

#calendrier{
width:189px;
height:140px;
text-align:center;
}

		#calendrier h2{
		font-size:14px;
		text-align:center;
		width:189px;
		font-weight:bold;
		margin:0 0 2px 0;
		}

				#calendrier h2 span{
				font-size:11px;
				font-weight:normal;
				cursor:pointer
				}

		#calendrier h3{
		font-size:11px;
		text-align:center;
		width:189px;
		color:#515151;
		margin:0 0 5px 0;
		}

		#calendrier .now{
		display:none;
		}

		#calendrier li{
		list-style: none;	
		}

		#calendrier #libelle{
		width: 189px;
		height: 16px;
		margin: 0 auto;
		margin-bottom: 3px;
		padding: 0;
		background:#454545;
		}

		#calendrier .ligne {
		width: 189px;
		margin: 0 auto;
		padding: 0;
		} 

		#calendrier #libelle li {
		float : left;
		width : 27px; 
		}

		#calendrier .ligne li {
		color: #ffffff;
		float : left; 
		width : 27px;
		height: 16px;
		}

		#calendrier .activeDay{
		background:url('img/static/calActif.gif');
		font-weight:bold;
		}
		
				#calendrier .activeDay a{
				color:#000000;
				text-decoration: none;
				}
				
				#calendrier .activeDay a:hover{
				color:#ffffff;
				text-decoration: none;
				}

		#calendrier #today{
		background:url('img/static/calToday.gif');
		}

		#calendrier .activeDay#today{
		background:url('img/static/calActifToday.gif');
		}