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

html, body {
	margin: 0; /* iCATS - obligatoire pour coller en haut à gauche sous FF3 */
	padding:0px;
	outline:0px;
	background:#1b1d1a url(/images/ombre.png) repeat-y scroll center top; /* Ombre portée sur l'ensemble de la page. */
	-moz-background-clip: border; 
	-moz-background-origin: padding; 
	-moz-background-inline-policy: continuous; 
	cursor: default; 
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#FFF;
}

.page {
	position:relative;
	/*background:#c81116;*/
	background:#FFF;
	width:980px; /* largeur image 996 -8px à gauche -8px à droite */
	height: 100%; 
	margin:0 auto; 
	margin-top:0px; 
	cursor:default; 
} 

.multiBoxDesc a:link {
	text-decoration: underline;
	color: #b69a73;
}
.multiBoxDesc a:visited {
	text-decoration: underline;
	color: #b69a73;
}
.multiBoxDesc a:hover {
	text-decoration: none;
	color: #e7ddcf;
}
.multiBoxDesc a:active {
	text-decoration: underline;
	color: #e7ddcf;
}

a:link {
	text-decoration: none;
	color: #FFF;
}
a:visited {
	text-decoration: none;
	color: #FFF;
}
a:hover {
	text-decoration: underline;
	color: #FFF;
}
a:active {
	text-decoration: none;
	color: #FFF;
}

img {
	border:0px;
}

.clearfloat {
	clear:both;
}

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

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

h3 /* titre d'article */
{
	font-weight: bold;
	font-size:1.4em;
	text-decoration:underline;
	margin:0.6em 0; /* iCATS Espace sous le texte */
	margin-left:10px;
}

h4 /* sous-titre d'article */
{
	font-size:1.2em;
	text-decoration:underline;
	margin:0.6em 0; /* iCATS Espace sous le texte */
	margin-left:20px;
}

p /* paragraphes */
{
	margin:0.5em 0; /* iCATS Espace sous le texte */
	margin:0 20px;
}

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

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

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

.Code
{
	border: #8b4513 1px solid;
	padding-right: 5px;
	padding-left: 5px;
	color: #000066;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	background-color: #ff9933;
}
/* ---------------------------------- */
/* Fin de la section commune CMS FCKEditor */
/* ---------------------------------- */

/* ---------------------------------- */
/* Mise en page - Zones d'affichage   */
/* ---------------------------------- */

/* Zone HEADER */
.containerTop {
	/* background-color: #FFFFFF; filter:alpha(opacity=50);-moz-opacity:0.5;opacity: 0.5;*/
	background:#c81116 url(/images/fond-top1x380.jpg) top left repeat-x;
	width:100%;
	/*padding-top:33px;*/
	height:300px; /* iCATS - obligatoire pour IE - taille image + 20 de margin-top */
	float:left; /* iCATS - obligatoire pour background visible sous FF3 */
}
.containerTop .blockGauche {
	position:relative; /* iCATS obligatoire pour FF3.0 lors du placement d'une image */
	width:280px; /* iCATS Obligatoire pour FF3.0 */
	height:280px;
	padding-top:10px;
	float:left;
	z-index:10; /* iCATS Permettre à l'image imgLogoPos d'etre au dessus */
}
.containerTop .blockGauche a:link {
	text-decoration:none;
}
.containerTop .blockGauche a:visited {
	text-decoration: none;
}
.containerTop .blockGauche a:hover {
	text-decoration: none;
	cursor:pointer;
}
.containerTop .blockGauche a:active {
	text-decoration: none;
	cursor:pointer;
}
.containerTop .blockGauche h1 {
	position:relative; /* iCATS obligatoire pour FF3.0 lors du placement d'une image */
	color:#FFF;
	font-size:3.0em;
	font-weight:lighter;
	text-decoration:none;
	text-align:center;
	margin:0 0; /* iCATS Espace sous le texte */
	width:280px; /* iCATS Obligatoire pour FF3.0 */
	float:left;
}
.containerTop .blockGauche h2 {
	position:relative; /* iCATS obligatoire pour FF3.0 lors du placement d'une image */
	color:#FFF;
	font-size:2.0em;
	font-weight:lighter;
	text-decoration:none;
	text-align:center;
	margin:0 0; /* iCATS Espace sous le texte */
	width:280px; /* iCATS Obligatoire pour FF3.0 */
	float:left;
}
.containerTop .blockGauche .imgPrincipal {
	position:relative; /* iCATS obligatoire pour FF3.0 lors du placement d'une image */
	background:url(/images/raquette-a-neige-bois.png) no-repeat top left;
	width:192px;
	height:173px;
	margin-top:10px;
	margin-left:10px;
	float:left;
}
.containerTop .blockGauche .menuPrincipal {
	position:relative; /* iCATS obligatoire pour FF3.0 lors du placement d'une image */
	width:280px; /* iCATS Obligatoire pour FF3.0 */
	font-size:1.6em;
	margin-top:15px;
	margin-left:60px;
	margin-bottom:10px;
	text-decoration:none;
	text-align:left;
	float:left;
}
.containerTop .blockGauche .menuPrincipal a {
	color:#FFF;
	text-decoration:none;
}
.containerTop .blockGauche .menuPrincipal a:visited {
	text-decoration: none;
}
.containerTop .blockGauche .menuPrincipal a:hover {
	text-decoration: underline;
	cursor:pointer;
}
.containerTop .blockGauche .menuPrincipal a:active {
	text-decoration: none;
	cursor:pointer;
}
.containerTop .blockGauche .rechercher {
	position:relative; /* iCATS obligatoire pour FF3.0 lors du placement d'une image */
	width:280px; /* iCATS Obligatoire pour FF3.0 */
	padding-left:100px;
	float:left;
}
.containerTop .ombre {
	position:relative;
	width:10px;
	height:300px;
	background:none;
	/*background:url(/images/ombre-arc.png) top left no-repeat;*/
	float:left;
	z-index:20; /* supérieur au z-index de l'image de droite .blockDroit */
}
.containerTop .blockDroit {
	position:relative; /* iCATS obligatoire pour FF3.0 lors du placement d'une image */
	background-color:#1b1d1a;
	width:700px; /* iCATS Obligatoire pour FF3.0 */
	margin-left:-10px; /* iCATS Décalage de l'épaisseur de l'ombre à gauche */
	float:left;
	z-index:10;
}
.containerTop .imgBandeau {
	position:relative; /* iCATS obligatoire pour FF3.0 lors du placement d'une image */
	width:700px; /* iCATS Obligatoire pour FF3.0 */
	float:left;
}
.containerTop .adresse {
	position:relative; /* iCATS obligatoire pour FF3.0 lors du placement d'une image */
	width:300px; /* iCATS Obligatoire pour FF3.0 */
	float:left;
	font-size:1em;
	font-weight:bold;
	color:#fff;
	text-align:right;
	z-index:5;
}

/* Zone Menu */
.containerMenu {
	width:100%;
	height:52px; /* iCATS - obligatoire pour IE - taille image */
	background:#75070A;
	border-top:#666 solid 1px;
	border-bottom:#666 solid 1px;
	float:left; /* iCATS - obligatoire pour background visible sous FF3 */
}
.containerMenu .blockGauche {
	position:relative; /* iCATS obligatoire pour FF3.0 lors du placement d'une image */
	width:280px; /* iCATS Obligatoire pour FF3.0 */
	padding-top:10px;
	float:left;
	font-size:1.2em;
	text-align:center;
	color:#FFF;
}
.containerMenu .blockDroit {
	position:relative; /* iCATS obligatoire pour FF3.0 lors du placement d'une image */
	width:700px; /* iCATS Obligatoire pour FF3.0 */
	float:left;
	z-index:10; /* iCATS profondeur mini pour permettre les menus de recouvrir pour myslidemenu */
}
.containerMenu div#myslidemenu {
	/*margin-left:221px;*/
	width:625px;
	height:52px;
	float:left;
	position:relative; /* iCATS ajouté pour supporter le z-index */
}
.containerMenu .imgLang {
	position:relative;
	top:0px;
	border-bottom:#1c1d18 solid 2px;
	float:right;
}

/* Zone PAGE */
.containerMain {
	/*background:#c81116 url(/images/fond-main1x370.jpg) top left repeat-x;*/
	background:#b69a73;
	width: 100%;
	border-bottom:#75070A solid 2px;
	color:#FFF;
	float:left; /* iCATS - obligatoire pour background visible sous FF3 */
}
/* --- Colonne de Gauche de la Page Main --- */
.containerMain .colonneG {
	width:270px;
	padding-top:15px;
	margin-left:10px;
	float:left;
}
.containerMain .colonneG .colTitle {
	background:url(/images/colTitle.png) no-repeat;
	height:47px; /* obligatoire pour FF3 */
	width:260px;
}
.containerMain .colonneG .colTitle .txt {
	text-align:center;
	font-weight:bold;
	font-size:1.2em;
	padding:20px;
}
.containerMain .colonneG .colBottom {
	background:url(/images/colBottom.png) no-repeat;
	width:260px;
	height:53px; /* obligatoire pour FF3 */
	margin-bottom:8px;
}
.containerMain .colonneG .rapide {
	background:url(/images/colCenter.png) repeat-y top left;
	width:260px;
	font-size:1.3em;
	min-height:5px;
	color:#fff;
}
.containerMain .colonneG .rapide p {
	margin:0.5em 1em;
	padding:0 10px;
	font-weight:normal;
}
.containerMain .colonneG .rapide a {
	margin:0.5em 1em;
	padding:0 10px;
	font-weight:normal;
	text-decoration: none;
	color:#fff;
}
.containerMain .colonneG .rapide a:link {
	text-decoration:none;
}
.containerMain .colonneG .rapide a:visited {
	text-decoration: none;
}
.containerMain .colonneG .rapide a:hover {
	text-decoration: underline;
	cursor:pointer;
}
.containerMain .colonneG .rapide a:active {
	text-decoration: none;
	cursor:pointer;
}
.containerMain .colonneG .rapideTitle {
	text-align:center;
	font-weight:bold;
	font-size:1.1em;
	padding-bottom:10px;
}
.containerMain .colonneG .news {
	background:url(/images/colCenter.png) repeat-y top left;
	width:250px;
	min-height:5px;
	padding:0 10px;
}
.containerMain .colonneG .news #pscroller1 {
	width:220px;
	height: 100px;
	margin-left:10px;
	margin-right:10px;
	font-size: 1.0em;
	text-align: left;
}
.containerMain .colonneG .news #pscroller2 {
	width:220px;
	height: 180px;
	margin-left:10px;
	margin-right:10px;
	font-size: 1.0em;
	text-align: left;
}
.containerMain .colonneG .meteo {
}
/* --- Fil d'ariane --- */
.containerMain .ariane {
	width:700px;
	height:20px;
	background:#222;
	padding-top:5px;
	font-size:1.0em;
	float:left;
}
.containerMain .ariane a {
	color:#fff;
}
.containerMain .ariane a:link {
	text-decoration:underline;
}
.containerMain .ariane a:visited {
	text-decoration: underline;
}
.containerMain .ariane a:hover {
	text-decoration: none;
	color: #b69a73;
	cursor:pointer;
}
.containerMain .ariane a:active {
	text-decoration: underline;
	cursor:pointer;
}
/* --- Conteneur infos générales de la page Main --- */
.containerMain .main {
	width:670px;
	min-height:730px;
	/*background:#1b1d1a url(/images/ombre-main-gauche.jpg) top left repeat-y;*/
	background:#e7ddcf url(/images/ombre-main-gauche.jpg) top left repeat-y;
	font-size:1.1em;
	padding:15px;
	color:#333;
	float:left;
}
.containerMain .main h3 /* titre d'article */
{
	display:inline;
	font-weight: bold;
	font-size:1.4em;
	text-decoration:underline;
	margin:0.6em 0; /* iCATS Espace sous le texte */
	margin-left:10px;
}
.containerMain .main .periode /* affiché à droite de h3 */
{
	background-color:#ddd0bf;
	margin:0.6em 0; /* iCATS Espace sous le texte */
	float:right;
}
.containerMain .main a {
	color: #333;
}
.containerMain .main a:link {
	text-decoration:underline;
}
.containerMain .main a:visited {
	text-decoration: underline;
}
.containerMain .main a:hover {
	text-decoration: none;
	color: #b69a73;
	cursor:pointer;
}
.containerMain .main a:active {
	text-decoration: underline;
	cursor:pointer;
}
/* liens pour les tableaux */
.containerMain .main table.contact td {
	border:none;
	color: #333;
}

.containerMain .main td {
	border: 1px solid #fff;
	padding:5px;
	color: #333;
}
.containerMain .main td a:link {
	text-decoration: underline;
	color: #333;
}
.containerMain .main td a:visited {
	text-decoration: underline;
	color: #333;
}
.containerMain .main td a:hover {
	text-decoration: none;
	color: #333;
}
.containerMain .main td a:active {
	text-decoration: underline;
	color: #333;
}
.containerMain .main th {
	border: 1px solid #fff;
	background-color:#b69a73;
	padding:3px;
	color: #333;
}

/* --- Boite des rubriques --- */
.containerMain .main .boxRub {
	width:660px;
	padding:10px;
	color:#333;
	float:left;
}
.containerMain .main .boxRub a:link {
	color:#333;
	text-decoration: underline;
}
.containerMain .main .boxRub a:visited {
	color:#333;
	text-decoration: underline;
}
.containerMain .main .boxRub a:hover {
	text-decoration: none;
	color: #b69a73;
	cursor:pointer;
}
.containerMain .main .boxRub a:active {
	color:#333;
	text-decoration: underline;
	cursor:pointer;
}
.containerMain .main .boxRub h3 {
	display:block;
	height:30px; /* Obligatoire pour FF3 et IE8 */
	padding-top:5px;
	margin: 0 auto;
}
/* --- Mise en page photos des rubriques --- */
.containerMain .main .imgRubPos {
	width:128px; /* La taille du maxsize dans rubriques.php */
	margin-top:10px;
	padding:4px;
	background-color:#FFF;
	border: 1px solid #b69a73;
	float:left;
}
.containerMain .main .spacer { /* zone vide si pas d'image - imgRubPos */
	width:128px; /* La taille du maxsize dans rubriques.php */
	margin-top:10px;
	padding:6px; /* +2px pour compenser le manque de border */
	background:none;
	float:left;
}
/* --- Mise en page zone texte des rubriques --- */ 
.containerMain .main .txtRubPos {
	width:340px;
	text-align:justify;
	padding-left:10px;
	padding-right:10px;
	overflow:hidden;
	float:left;
}
.containerMain .main .txtInfos {
	width:150px;
	min-height:112px;
	background-color:#ddd0bf;
	margin-bottom:10px;
	padding-left:10px;
	overflow:hidden;
	float:right;
}
.containerMain .main .txtInfos p {
	margin:0.6em 0;
}
/* --- Boite de la galerie --- */
.containerMain .main .boxGal {
	width:210px;
	padding-left:10px;
	color:#333;
	float:left;
}
.containerMain .main .boxGal h3 {
	width:200px;
	margin: 0 0;
	margin-top:10px;
	float:left;
}
.containerMain .main .boxGal .imgGalPos {
	width:196px; /* La taille du maxsize dans rubriques.php */
	margin-top:10px;
	padding:4px;
	background-color:#FFF;
	border: 1px solid #b69a73;
}
/* --- Mise en page des articles --- */ 
.containerMain .main .artResume {
	width:500px;
	padding-right:10px;
	margin-bottom:10px;
	float:left;
}
.containerMain .main .artTxt {
	width:520px;
	padding-right:10px;
	margin-bottom:10px;
	float:left;
}
.containerMain .main .artTxt a {
	color:#333;
	text-decoration: underline;
}
.containerMain .main .artTxt a:hover {
	color: #b69a73;
	text-decoration: none;
	cursor:pointer;
}
.containerMain .main .artImg {
	width: 140px;
	margin-bottom:10px;
	float:right;
}
.containerMain .main .artImg a {
	color:#333;
	text-decoration: underline;
}
.containerMain .main .artImg a:hover {
	color: #b69a73;
	text-decoration: none;
	cursor:pointer;
}
.containerMain .main .cadrevignette {
	background-color: #FFF;
	padding:5px;
}
/* Zone FOOTER */
.footer {
	width:100%;
	font-size:11px;
	font-weight: none;
	background:#75070A;
	border-top:#666 solid 1px;
	color: #e02d0d;
	float:left; /* iCATS - obligatoire pour background visible sous FF3 */
}
.footer .divTxtGauche {
	padding:10px;
	float:left;
}
.footer .divTxtGauche a {
	color: #e02d0d;
}
.footer .divTxtGauche a:link {
	text-decoration:underline;
}
.footer .divTxtGauche a:visited {
	text-decoration: underline;
}
.footer .divTxtGauche a:hover {
	text-decoration: none;
	cursor:pointer;
}
.footer .divTxtGauche a:active {
	text-decoration: underline;
	cursor:pointer;
}
.footer .divTxtDroite {
	padding:10px;
	float:right;
}
.footer .divTxtDroite a {
	color: #e02d0d;
}
.footer .divTxtDroite a:link {
	text-decoration:underline;
}
.footer .divTxtDroite a:visited {
	text-decoration: underline;
}
.footer .divTxtDroite a:hover {
	text-decoration: none;
	cursor:pointer;
}
.footer .divTxtDroite a:active {
	text-decoration: underline;
	cursor:pointer;
}

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

#barre {
	background-color:#b69a73; /* pour FF3 */
	color:#b69a73; /* pour IE */
	height: 1px;
}