/*
l'autre rive
*****************************************************************/
html { 
	font-size: 100%; /* Évite un bug d'IE 6-7. (1) */ 
} 

body
{
margin: 0em; 
padding: 0em; /* Remettre à zéro si nécessaire. */ 
width:100%;
background:#ffffff url("../images/fond-body.png") top left repeat-x;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
/*font-family:Georgia, "Times New Roman", Times, serif; /*"Times New Roman"(Windows), Times(Mac)*/
font-size:.8em;
line-height: 1.4; /* À adapter au design. (4) */ 
color:#333333;
}
 
/* Titres
******************************************/  
h1, h2, h3, h4, h5, h6 { 
	margin: 1em 0 .5em 0; /* Rapproche le titre du texte. (5) */ 
	line-height: 1.2; 
	font-weight: bold; /* Valeur par défaut. (6) */ 
	font-style: normal; 
} 
h1 { 
	font-size: 2em;
} 
h2 { 
	font-size: 1.5em; 
} 
h3 { 
	font-size: 1.25em; 
} 
h4 { 
	font-size: 1em; 
} 
 
/* images
******************************************/  
img{ 
	border: none;
} 

/* Listes
******************************************/  
ul, ol { 
	margin: .75em 0 .75em 32px; 
	padding: 0; 
} 
 
/* Paragraphes
******************************************/  
p { 
	margin: .75em 0; /* Marges plus faibles que par défaut. (7) */ 
} 
address { 
	margin: .75em 0; 
	font-style: normal; 
} 
 
/* Liens
******************************************/ 
a {
	color:#808080;
	text-decoration: none; 
} 
a:link { /*lien normal, non visité*/
	color:#808080; 
} 
a:visited { /*lien visité;*/
	color:#808080;
} 
a:hover, a:focus, a:active { /*hover : lien quand la souris passe dessus, focus : ?, active : lien au mommant du clic.*/
	color:#808080;
} 
/* Pas de bordure pointillée ou halo lors du clic sur un lien */ 
a:active { 
	outline: none; 
} 
/* Pas de bordure autour des images dans les liens*/
 
a img { 
	border: none; 
} 
 
/* Divers éléments de type en-ligne
******************************************/  
em { 
	font-style: italic; 
} 
strong { 
	font-weight: bold; 
} 
 
/* Formulaires
******************************************/  
form, fieldset { 
	margin: 0; 
	padding: 0; 
	border: none; 
} 
input, button, select { 
	vertical-align: middle; /* Solution pb. d'alignement. (9) */ 
}

/* les tableaux
******************************************/ 

table { 
  margin: 0; 
  border: 1px solid gray; /* Pas de bordure = "none". */ 
  border-collapse: collapse; /* Valeur par défaut: "separate". */ 
  border-spacing: 0; 
} 
table td, table th { 
  padding: 4px; /* Pas de retrait autour du texte = "0". */ 
  border: 1px solid #ccc; /* Pas de bordure = "none". */ 
  vertical-align: top; /* Valeur par défaut: "middle" */ 
}

/*
fond
****************************************************************/
#fond
{
background:url("../images/fond-fond.png") center top no-repeat;
margin:auto;
overflow:hidden;
} 

/*
page
****************************************************************/
#page
{
width:1000px;
background:;
margin:auto;
overflow:hidden;
}

/*
header
****************************************************************/
#header
{
width:100%;
height:185px;
margin: 0px 0px 0px 0px;
}
	h1
	{
	color:#032a8d;
	margin:0px 0px 0px 0px ;
	float:left;	
	}
		h1 img
		{
		margin:45px 0px 0px 0px ;
		}
		
.reseaux-sociaux
{
width:300px;
font-size:10px;
margin: 20px 0px 0px 0px;
float:right;
}
		.reseaux-sociaux strong
		{
		font-size:11px;
		}
		
	.facebook
	{
	margin: 0px 10px 0px 0px;
	float:right;
	}
		.facebook a
		{
		float:left;
		}
			.facebook a img
			{
			margin: 0px 5px 0px 0px;
			}
	.twitter
	{
	float:right;
	}
		.twitter a
		{
		margin: 0px 0px 0px 0px;
		float:left;
		}
			.twitter a img
			{
			margin: 0px 5px 0px 0px;
			}
/*
nav
****************************************************************/
#nav
{
width:100%;
height:50px;
background:#e7e7e7;
margin: 0px 0px 10px 0px;
}
	#nav ul
	{
	width:100%;
	background:#808080;
	list-style:none;
	margin:0px;
	padding:0px;
	}
		#nav ul li
		{
		/*background:white;*/
		text-align:center;
		float:left;
		}
			#nav ul li a
			{
			display:block;
			width:100px;
			height:30px;
			color:#000000;
			background:#b0b0b0;
			margin:0px 5px 0px 0px ;
			}
			#nav ul li a:hover
			{
			color:#ffffff;
			background:#7c7c7c;
			}

/*
content
****************************************************************/
#content, #content-annuaire
{
background:tansparent;
margin: 0px 0px 10px 0px;
overflow: hidden; 
}
	#content .lien-pdf img
	{
	border:3px solid #ccc;
	margin: 0px 5px 0px 0px;
	}
	#content .lien-pdf img:hover
	{
	border:3px solid #9d9d9d;
	}



/*
colonne-right
****************************************************************/
#colonne-right
{
width:220px;
background:#ffffff;
margin: 5px 0px 10px 10px;
float:right;
}
		#colonne-right h2
		{
		font-size:15px;
		margin: 0px 0px 5px 0px;
		}
		
		#colonne-right p
		{
		margin: 10px 0px 10px 0px;
		}
		
		#colonne-right .text-gris
		{
		font-size:13px;
		color:#515050;
		}
		
		#colonne-right .text-gris-petit
		{
		font-size:11px;
		color:#515050;
		}
		
		hr
		{
		width:110px;
		color: #c8c8c8;
		background-color: #c8c8c8;
		height: 1px;
		border: 0;
		}
		
	#bloc-boutique
	{
	width:180px;
	background:#e0e7f3;
	margin: 0px 0px 10px 0px;
	padding: 20px 20px 20px 20px;
	}
		#bloc-boutique a
		{
		display:block;
		width:182px;
		height:66px;
		background:url('../images/btn-acces-boutique.png') top left no-repeat;
		}
		
		#bloc-boutique a:hover
		{
		background:url('../images/btn-acces-boutique.png') bottom left no-repeat;
		}

	#bloc-adresse
	{
	width:180px;
	background:#e0e7f3;
	margin: 0px 0px 10px 0px;
	padding: 20px 20px 20px 20px;
	text-align:center;
	}
		#bloc-adresse img
		{
		width:180px;
		}
		#bloc-adresse h2
		{
		font-size:14px;
		font-weight:bold;
		margin:0px 0px 0px 0px;
		}
		#bloc-adresse .tel
		{
		font-size:14px;
		font-weight:bold;
		}
		#bloc-adresse a
		{
		color:#333333;
		}
		#bloc-adresse a:hover
		{
		color:#515050;
		}
		
		#bloc-adresse .lien-infos a
		{
		font-size:11px;
		color:#c0cce9;
		background:#2c57b6;
		margin: 0px 5px 0px 5px;
		padding: 3px 10px 3px 10px;
		-moz-border-radius: 4px; 
		-webkit-border-radius: 4px; 
		border-radius: 4px; 
		}
			#bloc-adresse .lien-infos a:hover
			{
			color:#ffffff;
			}

		
/*
slider
****************************************************************/
#slider{ 
	width:552px; 
	padding-right:206px; 
	position:relative; 
	border:2px solid #ccc; 
	height:255px; 
	background:#fff;
	margin: 5px 0px 15px 0px;
}
#slider ul.ui-tabs-nav{ 
	position:absolute; 
	top:0; left:552px; 
	list-style:none; 
	padding:0; margin:0; 
	width:206px; 
}
#slider ul.ui-tabs-nav li{ 
	padding:0px 0; padding-left:0px;  
	font-size:12px; 
	color:#666; 
}

#slider ul.ui-tabs-nav li span{ 
	font-size:11px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	line-height:16px;
	width : 180px;
	position:relative;
	top:10px;
	left:10px;
}
#slider ul.ui-tabs-nav li span strong{ 
	font-size:13px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	width : 180px;
}
#slider li.ui-tabs-nav-item a{ 
	display:block;
	width:206px;	
	height:51px;
	color:#7c7c7c;  
	background:url('../images/btn-slider.png') top left repeat-x; 
}
#slider li.ui-tabs-nav-item a:hover{ 
	background:url('../images/btn-slider-hover.png') top left repeat-x; 
}
#slider li.ui-tabs-selected{ 
	background:url('images/selected-item') top left no-repeat;  
}
#slider ul.ui-tabs-nav li.ui-tabs-selected a{ 
	background:url('../images/btn-slider-hover.png') top left repeat-x;
}
#slider .ui-tabs-panel{ 
	width:552px; height:255px; 
	background:#999; position:relative;
}
#slider .ui-tabs-panel .info{
	position:absolute; 
	top:0px; left:0; 
	width:200px; 
	height:255px; 
	background: url('../images/transparent-bg-degrade.png') top left repeat;
}
#slider .info h2{ 
	font-size:17px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; 
	color:#fff; padding:15px; margin:0;
	overflow:hidden; 
}

#slider .info .date{ 
	margin:0px 10px 15px 15px; 
	font-family:Verdana; font-size:11px; 
	line-height:15px; color:#b4b4b4;
}
#slider .info p{ 
	margin:0px 10px 15px 15px; 
	font-family:Verdana; font-size:11px; 
	line-height:15px; color:#f0f0f0;
}
#slider .info a{ 
	text-decoration:none; 
	color:#fff; 
}
#slider .info a:hover{ 
	text-decoration:underline; 
}
	#slider .info .savoir-plus{
		font-size:12px;
		margin:0px 0px 0px 15px; 	
		color:#d1c6ad;
		background:#8b7132;
		padding: 3px 10px 3px 10px;
		-moz-border-radius: 4px; 
		-webkit-border-radius: 4px; 
		border-radius: 4px;		
	}
	#slider .info .savoir-plus:hover{ 
		color:#fff;
		text-decoration:none;
	}
#slider .ui-tabs-hide{ 
	display:none; 
}

/*
annuaires.php
****************************************************************/			
#content-annuaire li
{
margin: 0px 0px 10px 0px;
}

#btn-accueil
{
height:100%;
background:tansparent;
margin: 5px 0px 10px 0px;
}
	#btn-accueil a
	{
	font-size:12px;
	color:#c0cce9;
	background:#2c57b6;
	margin: 0px 20px 0px 5px;
	padding: 3px 10px 3px 10px;
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px; 
	border-radius: 4px;
	float:right;	
	}
		#btn-accueil a:hover
		{
		color:#ffffff;
		}	
/*
footer
****************************************************************/
#footer
{
width:100%;
height:100px;
background:#f5f5f5 url('../images/fond-footer.png') top left repeat-x;
color:#808080;
clear:both;/*pour qui'il soit bien placé en dessous de tout les autres block*/
}
	#content-footer
	{
	width:1000px;
	margin: 0px auto;
	text-align:center;
	}
		#content-footer .liens
		{
		font-size:12px;
		margin: 0px 0px 0px 0px;
		padding: 15px 0px 0px 0px;
		}
			#content-footer .liens a
			{
			margin: 0px 10px 0px 10px;
			}
			#content-footer .liens a:hover
			{
			text-decoration:underline;
			}
			
		#content-footer .copyright
		{
		color:#afafaf;
		margin: 10px 0px 0px 0px;
		}
			#content-footer .copyright a
			{
			color:#afafaf;
			}
			#content-footer .copyright a:hover
			{
			color:#808080;
			text-decoration:underline;
			}

/*
hack
****************************************************************/
/*
IE 6 et inférieurs : *html{}
IE 7 seulement : *+html {}
*/