@charset "iso-8859-1";
/* CSS Document */

body {
	background:#736551;
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #4c4c4c;
}

.multiBoxDesc a:link, .multiBoxDesc a:visited, .multiBoxDesc a:active {
	text-decoration: underline;
	color: #304a79;
}
.multiBoxDesc a:hover {
	text-decoration: none;
	color: #304a79;
}

/* ---------------------------------- */
/* Polices et formes des textes       */
/* ---------------------------------- */

/* ---------------------------------- */
/* Insertion des CSS du CMS FCKEditor */
/* ---------------------------------- */

.small
{
	font-size:0.9em;
	margin:0.5em 0; /* iCATS Espace sous le texte */
}

.medium
{
	font-size:1.0em;
	margin:0.5em 0; /* iCATS Espace sous le texte */
}

.large
{
	font-size:1.2em;
	margin:0.5em 0; /* iCATS Espace sous le texte */
}

/* ---------------------------------- */
/* Fin de la section commune CMS FCKEditor */
/* ---------------------------------- */

h1 {
	margin:20px 10px 20px 10px;
	font-size:1.6em;
	text-align:left;
	text-decoration:none;
	font-weight:bold;
	color:#77603c;
}
h2 {
	margin:20px 10px 20px 10px;
	font-size:1.4em;
	text-align:left;
	text-decoration:none;
	font-weight:bold;
	color:#77603c;
}
h3 {
	background-color:#BCB1A0;
	min-height:18px;
	margin:5px 0px 10px 10px;
	padding:5px;
	font-size:1.2em;
	text-align:left;
	font-weight:bold;
	color:#fff;
}
h4 {
	background-color:#BCB1A0;
	height:18px;
	margin:5px 0px 10px 10px;
	padding:5px;
	font-size:1.2em;
	text-align:left;
	font-weight:bold;
	color:#fff;
}
p {
	padding-top:0px;
	margin-top:0px;
}
img {
	border:0px;
}
.clearfloat {
	clear:both;
	height:0px;
}

/* ---------------------------------- */
/* Mise en page - Zones d'affichage   */
/* ---------------------------------- */
#page {
	position:relative; /* ------- ATTENTION: obligatoire pour fixer les objets absolute ------------ */
	width:955px;
	min-height:560px;
	margin: 0px auto;
	padding: 0 auto;
}

/* ---------------------------------- */
/* OBJETS POSITIONS FIXES             */
/* en fin du code HTML - non utiles   */
/* pour le SEO      				  */
/* ---------------------------------- */

/* ########################## */
/* HEADER */
#header {
	position:absolute; /* ------- ATTENTION: la div père doit être relative ou absolute ------------ */
	width:100%;
	height:300px;
	top:0px; /* Position du header au plus haut */
	left:0;
}
#header span {
	width:100%;
	margin-top:-40px;
	text-align:center;
	font-size:14px;
	font-weight:normal;
	color:#D1D1C7;
	float:left;
}
#header .diaporama {
	width:925px;
	height:300px;
}

/* ########################## */
/* MENU */
div#myslidemenu {
	position:absolute; /* ------- ATTENTION: la div père doit être relative ou absolute ------------ */
	top:300px; /* position = hauteur block précédent = header + menuaccueil = 177px */
	left:0;
	z-index:100;
}

/* ########################## */
/* Ariane */
#ariane {
	position:absolute; /* ------- ATTENTION: la div père doit être relative ou absolute ------------ */
	height:17px;
	font-size:9px;
	top:350px;
	left:320px;
}
#ariane a,
#ariane a:link,
#ariane a:visited,
#ariane a:active {
	color:#2C2511;
	font-weight:bold;
	text-decoration:underline;
}
#ariane a:hover {
	color:#4c4c4c;
	font-weight:bold;
	text-decoration:none;
}

/* ########################## */
/* Addthis */
#addthis {
	position:absolute; /* ------- ATTENTION: la div père doit être relative ou absolute ------------ */
	height:17px;
	top:0px;
	left:500px;
	z-index:200;
}

/* ########################## */
/* LANG */
#lang {
	position:absolute; /* ------- ATTENTION: la div père doit être relative ou absolute ------------ */
	width:50px;
	height:33px;
	left:870px;
	top:146px;
	z-index:100;
}

/* ---------------------------------- */
/* OBJETS POSITIONS FLOAT             */
/* en début du code HTML - utiles     */
/* pour le SEO      				  */
/* ---------------------------------- */
#main {
	position:relative;
	background:url(/images/repetition.png) repeat-y top left;
	width:100%;
	min-height:1px;
	margin:345px 0px 0px 0px; /* margin-top = hauteur des blocks absolute header + myslidemenu + menuaccueil = 225px */
	overflow:hidden;
	color:#4c4c4c;
	float:left;
}

.containerMain {
	background:url(/images/centre.png) no-repeat top left;
	width:100%;
	min-height:740px;
	margin:-40px 0px 0px -18px;
	float:left;
}
.containerMain .content {
	position:relative;
	width:590px;
	min-height:520px;
	margin:45px 30px 0px 0px;
	text-align:justify;
	float:right;
}
.containerMain .content p {
	margin:0px 10px 0px 20px;
}
.containerMain .content a,
.containerMain .content a:link,
.containerMain .content a:visited,
.containerMain .content a:active {
	color:#4c4c4c;
	font-weight:bold;
	text-decoration:underline;
}
.containerMain .content a:hover {
	color:#4c4c4c;
	font-weight:bold;
	text-decoration:none;
}
.containerMain .content table,
.containerMain .content tbody,
.containerMain .content tr,
.containerMain .content td {
	margin: 0 auto; /* iCATS - obligatoire pour coller en haut à gauche sous FF3 */
	padding:5px;
	/* border:solid 1px #666; */
}
.containerMain .colonne {
	position:relative;
	width:287px;
	min-height:520px;
	margin-left:30px;
	top:50px;
	float:left;
}
.containerMain .colonne .adresse {
	width:275px;
	text-align:left;
	padding:5px;
	border-top:#736551 1px solid;
	border-left:#736551 1px solid;
	border-bottom:#E1D6C6 1px solid;
	border-right:#E1D6C6 1px solid;
	background-color:#BCB1A0;
	color:#fff;
	font-weight:bold;
	float:left;
}
.containerMain .colonne .adresse a {
	text-decoration:underline;
	color:#FFF;
}
.containerMain .colonne .adresse a:hover {
	text-decoration:none;
	color:inherit;
}
.containerMain .colonne .news {
	width:275px;
	height:120px;
	margin:10px 0px 0px 0px;
	padding:5px;
	font-size:12px;
	font-weight:bold;
	border-top:#736551 1px solid;
	border-left:#736551 1px solid;
	border-bottom:#E1D6C6 1px solid;
	border-right:#E1D6C6 1px solid;
	background-color:#BCB1A0;
	color:#2C2511;
	float:left;
}
/* #SAG scroller */
.containerMain .colonne .news div#mysagscroller {
	width: 270px;  /*width of scroller*/
	height:110px;
}

.containerMain .colonne .news div#mysagscroller ul li {
	width:260px;
	height: 110px;
	margin:5px 5px;
	font-size:10px;
	font-weight:normal;
	color:#FFF;
	text-align:justify;
}
.containerMain .colonne .news div#mysagscroller ul li a:link,
.containerMain .colonne .news div#mysagscroller ul li a:visited,
.containerMain .colonne .news div#mysagscroller ul li a:active {
	color:#2C2511;
	text-decoration:underline;
}
.containerMain .colonne .news div#mysagscroller ul li a:hover {
	color:#4c4c4c;
	text-decoration:none;
}

.containerMain .colonne .meteo {
	width:285px;
	height:250px;
	text-align:center;
/*	border-top:#736551 1px solid;
	border-left:#736551 1px solid;
	border-bottom:#E1D6C6 1px solid;
	border-right:#E1D6C6 1px solid;*/
	float:left;
}
.containerMain .colonne .meteo a {
	color:#4c4c4c;
	text-decoration:underline;
}
.containerMain .colonne .meteo a:hover {
	color:inherit;
	text-decoration:none;
}

/* --- Boite de la galerie --- */
.containerMain .content .boxGal {
	width:200px;
	height:160px;
	padding-right:10px;
	float:left;
}
.containerMain .content .boxGal h3 {
	width:100%;
	margin: 0 0;
	margin-top:0px;
	text-align:center;
	color:#FF9933;
	float:left;
}
.containerMain .content .boxGal h3 a {
	text-decoration:underline;
	color:inherit;
}
.containerMain .content .boxGal h3 a:hover {
	text-decoration:none;
	color:inherit;
}

/* ########################## */
/* FOOTER */
#footer {
	background:url(/images/footer.jpg) repeat-x top left;
	position:relative;
	min-height:120px;
	margin:0px 0px 0px 0px;
	font-size:9px;
	color:#FFF;
}
#footer .content {
	width:890px;
	margin:0 auto;
}
#footer .content .mentions {
	margin-top:15px;
	float:left;
}
#footer .content .mentions a {
	text-decoration:underline;
	color:inherit;
}
#footer .content .mentions a:hover {
	text-decoration:none;
	color:inherit;
}
#footer .content .host {
	margin-top:8px;
	float:right;
}
#footer .content .host a {
	text-decoration:underline;
	color:inherit;
}
#footer .content .host a:hover {
	text-decoration:none;
	color:inherit;
}

/* ---------------------------------- */
/* Objets - de mise en page           */
/* ---------------------------------- */

#barre {
	width:100%;
	height:1px;
	padding-top:0px;
	margin-bottom:0px;
	float:left;
	display:inline;
	background:#77603c;
	border:0px;
	overflow:hidden;
}

/* ---------------------------------- */
/* Objets - de mise en page articles  */
/* ---------------------------------- */
.divGauche {
	width: 144px;
	float:left;
	margin: 0px 0px 10px 5px;
	text-align:justify;
}
.divDroite {
	width: 430px;
	float:left;
	margin: 0px 0px 10px 0px;
	text-align:justify;
}

.cadrevignette {
	/*	background:url(/images/cadre-photos.png) no-repeat top left;*/
	width:128px;
	height:96px;
	margin:5px;
	padding:4px;
	border:#BCB1A0 2px solid;
	background-color:#FFF;
	float:left;
}

/* ---------------------------------- */
/* Objets - Boite des rubriques       */
/* ---------------------------------- */
.containerMain .content .boxRub {
	width:570px;
	padding:5px;
	float:left;
}
.containerMain .content .boxRub h3 {
	background-color:transparent;
	margin:5px 0px 0px 0px;
	font-size:1.2em;
	text-align:left;
	font-weight:bold;
	color:#77603c;
}
.containerMain .content .boxRub h3 a {
	text-decoration:underline;
	color:inherit;
}
.containerMain .content .boxRub h3 a:hover {
	text-decoration:none;
	color:#4c4c4c;
}
.containerMain .content .boxRub a {
	text-decoration: underline;
	color:inherit;
}
.containerMain .content .boxRub a:hover {
	text-decoration: none;
	color: #4c4c4c;
	cursor:pointer;
}
/* --- Mise en page photos des rubriques --- */
.imgRubPos {
	width:128px; /* La taille du maxsize dans rubriques.php */
	padding:4px;
	margin-left:10px;
	background-color:#FFF;
	border: 1px solid #28374a;
	float:left;
}
.spacer { /* zone vide si pas d'image - imgRubPos */
	width:128px; /* La taille du maxsize dans rubriques.php */
	padding:6px; /* +2px pour compenser le manque de border */
	background:none;
	float:left;
}
/* --- Mise en page zone texte des rubriques --- */ 
.txtRubPos {
	text-align:justify;
	padding-top:0px;
	padding-left:10px;
	padding-right:10px;
	overflow:hidden;
	float:left;
}
.separateur {
	margin:5px 0px 0px 10px;
	border-top:#BCB1A0 1px solid;
}