@import url("/skin/styles.general.css");
@import url("/skin/skin_default/client.css");
@import url("/skin/skin_default/menu.css");
@import url("/skin/skin_default/pager.css");
@import url("/skin/skin_default/plan.css");
@import url("/skin/skin_default/cal.css");
@import url("/skin/skin_default/recherche.css");
@import url("/modules/actualites/module.css");
@import url("/modules/evenement/module.css");
@import url("/modules/galerie/module.css");
@import url("/skin/skin_default/services.css");

html{
	margin: 0px;
	padding: 0px;
	height: 100%;
}
body{
	margin: 0px;
	padding: 0px;
	height: 100%;
	background: url(/images/fond-principal.gif) #FFFFFF top center repeat-y;
	text-align: center;
}
#bg{background: url(/images/fond-principal-top.gif) center 270px no-repeat;}
.clearLeft,
.clearRight,
.clearBoth{
	clear: left;
	height: 0px;
	margin: 0px;
	visibility: hidden;
	line-height: 0px;
	padding: 0px;
	font-size: 0px;
}
.clearRight{clear: right;}
.clearBoth{clear: both;}

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

img{border:0px;}

form{
	margin:0px;
	padding:0px;
}



/*##################################################
				ENTETE
####################################################*/
#header{
	width:100%;
	position:relative;
	height:351px;
	background:url(/images/fond-header-fonce.gif) repeat-x;
}

#headerholder{
	width:900px;
	height:321px;
	margin:0px auto;
	position:relative;
	z-index:150;
	background:url(/images/fond-header.gif) repeat-x;
}

#headerholder .bdroite{
	position:absolute;
	top:271px;
	left:900px;
}

#headerholder .bgauche{
	position:absolute;
	top:271px;
	left:-10px;
}

#menuflash{
	width:720px;
	height:321px;
	position:absolute;
	z-index:200;
	top:0px;
	left:180px;
}
#rightbg{
	width:50%;
	height:321px;
	position:absolute;
	z-index:100;
	left:0%;
	top:0px;
	background:url(/images/fond-header.gif) repeat-x;
}

#headmenu{
	width:900px;
	height:30px;
	top:0px;
	left:0px;
	position:absolute;
	z-index:300;
	text-align:right;
	font:9px/12px Verdana, Arial, Helvetica, sans-serif;
}

#headmenu ul, li{
	padding:0px;
	margin:0px;
	list-style:none;
}

#headmenu ul li{
	float:right;
	background:url(/images/fond-header-li.gif) no-repeat top right;
	height:30px;
}

#headmenu ul li a{
	color:#FFFFFF;
	padding:8px 18px 2px 30px;
	display:block;
	font-weight:bold;
	text-decoration:none;
}
#headmenu ul li a:hover{
	text-decoration:underline;
}
#headmenu ul li a.btn,
#headmenu ul li a:hover.btn{
	width: 27px;
	height: 18px;
	border: none;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
}
#headmenu ul li div{
	color:#FFFFFF;
	padding:0px 18px 0px 30px;
	height:30px;
	float:left;	
	text-decoration:none;
}
#headmenu ul li a.plan{background:url(/images/fond-header-plan.gif) 11px 8px no-repeat;}
#headmenu ul li a.accueil{background:url(/images/fond-header-accueil.gif) 11px 8px no-repeat;}
#headmenu ul li div.recherche{background:url(/images/fond-header-recherche.gif) 11px 8px no-repeat;}

#headmenu ul li div div{
	float:left;
	padding:0px;
}
#headmenu ul li div div.texte{
	padding:8px 0px 0px 0px;
}

#headmenu ul li div div input{
	margin:4px 0px 0px 4px;
}
#headmenu ul li div div.btn{padding: 5px 0px 0px 5px;}
#headmenu ul li div div a.btn input,
#headmenu ul li div div a:hover.btn input{
	padding: 0px;
	margin: 0px;
	border: none;
	width: 27px;
	height: 18px;
	background: url(/images/btn-go.gif) 0px 0px no-repeat;
}
#headmenu ul li div div a:hover.btn input{background-position: -27px 0px;}
#headmenu ul li div div input.boite{
	width:110px;
	padding:3px 5px 0px 5px;
	height:18px;
	background:#FFFFFF;
	border:0px;
	font:10px Verdana, Arial, Helvetica, sans-serif;
	color:#8d8d7a;
}
#logo{
	position:absolute;
	z-index:300;
	top:10px;
	left:12px;
	text-align:left;
	color:#FFFFFF;
	font:10px/12px Verdana, Arial, Helvetica, sans-serif;
}
#logo p {
	padding:4px 0px 4px 32px;
	margin:0px 0px 0px 0px;
}
#logo p a{
	color:#ffbc00;
	text-decoration:none;
}
#logo p a:hover{
	color:#ffbc00;
	text-decoration:underline;
}
#facebook{
}
#facebook a{
	text-decoration:none;
	color:#fff;
}
#facebook a:hover{
	text-decoration:none;
	color:#ffbc00;
}
#facebook img{
	margin:5px 0 0 25px;
	float:left;
}
#facebook p{
	padding:14px 0 0 0px;
	margin-left:65px;
}

/*##################################################
				PAGE
####################################################*/
#page{
	width:900px;
	margin:0px auto;
	text-align:left;
	font: 68.75%/163.6363636363% Verdana, Arial, Helvetica, sans-serif;
	color:#54543f;

}

/*##################################################
				ACCUEIL
####################################################*/

#FLtick{margin-bottom:20px;}

#accueil{ 
	width:860px;
	background:url(/images/fond-accueil.gif) 351px 0px repeat-y;
	padding:0px 20px 0px 20px;
}

#accueil .titre{
	margin:0px 0px 14px 30px;
	display:block;
}

#accueil .titreColGauche{
	margin:0px 0px 14px 0px;
	display:block;
}

#accueil .titreInfolettre{
	margin:0px 0px 14px 20px;
	display:block;
}


#leftcol{
	float:left;
	width:331px;
}

#texteAccueil{
	background:url(/images/fond-accueil-texte.gif) bottom left repeat-x;
	border-bottom:1px solid #cacaad;
	padding:0px 20px 20px 20px;
}
#texteAccueil p{
	margin:0px;
	padding:0px 0px 10px 0px;
}

#horaire{
	background:url(/images/fond-horaire.gif) #ffe699 top right no-repeat;
	padding:15px 20px 20px 20px;
	line-height:14px;
}
#horaire p{
	padding:0px 0px 8px 0px;
	margin:0px;
}

#horaire span{
	background:url(/images/fond-horaire-point.gif) top left repeat-x;
	display:block;
	padding:8px 0px 0px 0px;
}

#horaire span a{
	background:url(/images/fond-fleche-rouge.gif) 3px 5px no-repeat;
	padding:0px 0px 0px 10px;
	font-weight:bold;
	font-size:10px;
}

#rightcol{
	float:right;
	width:528px;
	background:url(/images/fond-accueil.gif) 342px 0px repeat-y;
}

#communiques{
	float:left;
	width:343px;
	
}


#infolettre{
	float:right;
	clear:right;
	width:184px;
	padding:0px 0px 20px 0px;
}

#infolettre p{
	padding:0px 0px 8px 20px;
	margin:0px;	
}

#infolettre p img{
	float:right;
	margin:0px 0px 5px 10px;
}

#infolettre p input{
	margin:0px 0px 0px 0px;
	padding:2px 0px 0px 5px;
	border:1px solid #54543f;
	width:155px;
	height:17px;
	font:10px Verdana, Arial, Helvetica, sans-serif;
}

#infolettre p span b{
	display:block;
	padding:8px 0px 0px 0px;
	font-size:81%;
}

#evenements{
	clear:both;
	width:528px;
	background:#FFF;
	border-top:1px solid #cacaad;
	padding:15px 0px 0px 0px;
}

#galerieAccueil{
	float:right;
	clear:right;
	width:184px;
	padding:0px 0px 10px 0px;
	border-top:1px solid #cacaad;
}

#logo-fers{
	padding:0 0 10px 0;
	margin-left:363px;
}

#galerieAccueil img{margin:17px 10px 5px 20px;} 


#galerieAccueil ul, 
#galerieAccueil ul li 
{
	margin:0px;
	padding:0px;
	list-style:none;
	background:none;
}
#galerieAccueil ul li a
{
	color:#ff3000;
	font-size:10px;
	font-weight:bold;
	display:block;
	background:url(/images/icone-galerie.gif) no-repeat 20px 20px;
	padding:17px 10px 5px 58px;
}
/*##################################################
				FOOTER
####################################################*/

#footerTop{
	height:30px;
	position:relative;
	z-index:400;
	background:#6a6a56;
	border-bottom:1px solid #FFF;
	margin-top:30px;
}

#footer{
	background:url(/images/fond-footer.gif) top left repeat-x #f0a400;
	color:#ffe699;
	position:relative;
	z-index:400;
}

#footerSoleil{
	height:139px;
	width:900px;
	margin:0px auto;
	background:url(/images/fond-footer-soleil.gif) top center no-repeat;
	position:relative;
}

#footerMenu{
	border-bottom:1px solid #f2a900;
	padding:11px 0px;
}

#partenaire {
	font:10px/14px Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	padding:15px 0px 0px 0px;
}

#partenaire img{
	float:left;
	position:relative;
	top:-4px;
	margin:0px 4px 0px 0px;
}

#copy {
	font:9px Arial,Verdana, Helvetica, sans-serif;
	color:#b22600;
	padding:4px 0px 0px 0px;
	position:absolute;
	top:110px;
	left:730px;
}
#copy img {
	position:relative;
	top:-1px;
}
/*##################################################
				Bouton
####################################################*/
a.btn, a:hover.btn{
	border: 1px solid #54543f;
	display: block;
	float: left;
	text-decoration: none;
}
#infolettre a.btn{float: right;}
a.btn input{
	border: 1px solid #FFFFFF;
	margin: 0px;
	padding: 2px 9px;
	cursor: pointer;
	color: #FFFFFF;
	text-decoration: none;
	background: url(/images/fond-bouton.gif) #ff3000 top left repeat-x;
	font: bold 9px Verdana, Arial, Helvetica, sans-serif;
	width: auto;
	overflow: visible;
}

a.btn:hover input{
	text-decoration: none;
	background:url(/images/fond-bouton-hover.gif) #ff4d00 top left repeat-x;
	border: 1px solid #FFFFFF;
}


/*##################################################
				Utilitaires
####################################################*/

#utilEnvoyer{
	background:url(/images/fond-utils-envoyer.gif) #cacaad top left no-repeat;
	float:left;
	height:22px;
	margin-right:15px;
	margin-left: 20px;
	display: inline;
}

#utilEnvoyer a{
	background:url(/images/fond-utils-droite.gif) top right no-repeat;
	display:block;
	height:22px;
	float:left;
	font-size:9px;
	color:#6a6a56;
	padding:0px 0px 0px 24px;
	cursor: pointer;
}

#utilEnvoyer a span{
	display:block;
	float:left;
	padding:2px 5px 0px 0px;
}

#utilImprimer{
	background:url(/images/fond-utils-imprime.gif) #cacaad top left no-repeat;
	float:left;
	height:22px;
	margin-left: 21px;
	display: inline;
}

#utilImprimer a{
	background:url(/images/fond-utils-droite.gif) top right no-repeat;
	display:block;
	height:22px;
	float:left;
	font-size:9px;
	color:#6a6a56;
	padding:0px 0px 0px 24px;
	cursor: pointer;
}

#utilImprimer a span{
	display:block;
	float:left;
	padding:2px 5px 0px 0px;
}

#utilHaut{
	float:right;
	height:22px;
	margin-right: 20px;
}

#utilHaut a{
	display:block;
	background:url(/images/fond-utils-haut.gif) 0px 6px no-repeat;
	float:left;
	font-size:9px;
	padding:2px 0px 0px 11px;
}


/*##################################################
				Colonnes
####################################################*/

#cols{
	background:url(/images/fond-accueil.gif) 260px 0px repeat-y;
	padding:0px 20px 0px 40px;
	margin:20px 0px 0px 0px;
}

#colRight{
	float:right;
	width:600px;
}
#colLeft{
	float:left;
}
	#colLeft h3{
		font: italic 200% Georgia, "Times New Roman", Times, serif;
		padding: 20px 0px 10px 0px;
		margin: 0px 10px 0px 10px;
		color: #1c8a9e;
	}

div.more{
	float: right;
	padding: 50px 0px 10px 100px;
	margin: 0px 21px 0px 0px;
	background:url(/images/fond-smenu-point.gif) 0px 40px repeat-x;
}

/*##################################################
				Gestion des erreurs
####################################################*/
#MegaEditor span{
	display: block;
	float: left;
	padding-left: 10px;
}

#message{
	background:#FFFFFF;
}


div#publicerror, div#publicerrorErr{
	width:900px;
	font:bold 10px Verdana, Arial, Helvetica, sans-serif;
	margin:0px auto;
	padding:5px 0px;
	color:#FF0000;
	text-align:left;
}
#sent{margin: 0 auto; width: 900px; position: relative;}
#sent div{
	position: absolute;
	top: 0px;
	left: 281px;
	width: 550px;
	color: #1c8a9e;
	border: 1px solid #1c8a9e;
	background: #e0ecee;
	padding: 10px 20px;
	text-align: left;
	font: italic 19px "Times New Roman", Times, serif;
	letter-spacing: 1px;
}