@import url("/skin/styles.general.css");
html {	
	scrollbar-face-color: #456277;
	scrollbar-shadow-color: #205378;
	scrollbar-highlight-color: #3d596c;
	scrollbar-3dlight-color: #6382a0;
	scrollbar-darkshadow-color: #3d596c;
	scrollbar-track-color: #385365;
	scrollbar-arrow-color: #acd00c;
	scrollbar-base-color: #45657b;
}
body {
	margin: 0px;
	padding: 0px;
	background-color: #456277;
	background-image: url(/skin/skin_default/images/bg_top.gif);
	background-repeat: repeat-x;
	color:#456277;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}
.blue1 {	color:#415e72;}
a:link, a:visited, a:active 
	{
	color:#415E72;
	text-decoration:underline;
	}
a:hover
	{
	text-decoration:none;	
	}
a.white:link,a.white:active ,a.white:visited 
	{
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	}
a.white:hover
	{
	color:#fff;
	font-weight:bold;
	text-decoration:underline;
	}
/*########################################
			Formulaire
########################################*/
form 
{
	margin:0px;
	padding:0px;
}
.search 
{
	background-color:#fff;
	border:1px solid #415E72;
}

.normal 
{
	background-color:#e7eef3;
	border:1px solid #cedbe5;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:2px;
}
.selected 
{
	background-color:#fff/*#f2f6f9*/;
	border:1px solid #cedbe5;
	/*border: 1px solid #DC0000;*/
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:2px;
}
/*########################################
			 Interface
########################################*/
.bg_g 
{
	background-image:url(/skin/skin_default/images/bg_g.gif);
	background-repeat:repeat-y;
	background-position:right;
}

.bg_d 
{
	background-image:url(/skin/skin_default/images/bg_d.gif);
	background-repeat:repeat-y;
	background-position:left;
}

.welcome 
{
	padding:0px 3px 5px 0px;
}
#news 
{

}
#news .corps 
{
	background-image:url(/skin/skin_default/images/bg_news.gif);
	background-repeat:repeat-y;
	background-position:right;
	padding:3px 3px 0px 0px;

}
#news .titre 
{
	font-size:11px;
	font-weight:bold;
	color: #DC0000;
	padding-bottom:5px;
}
 a.ln:link,  
 a.ln:active,
 a.ln:visited
{
	font-size:11px;
	font-weight:bold;
	color:#415E72;
	text-decoration:none;
}
 a.ln:hover
{
	font-size:11px;
	font-weight:bold;
	color:#415E72;
	text-decoration:underline;
}


.stitle 
{
font-size:22px;
padding:2px 2px 5px 0px; 
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#415E72;
}

.titlesection 
{
font-size:16px;
padding:2px 2px 5px 0px; 
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#415E72;
}


/*########################################
			 Module d'actualités
########################################*/

.tabactu 
	{
	/*border: 1px dotted #acd00c;*/
	
	background-color:#fff;
	background-image:url(/skin/skin_default/images/bg_actu.gif);
	background-repeat:repeat-x;
	background-position:top;
	/*border:1px dotted #ADD10D;*/
	}
		
a.titre:link,  /* Lien pour les actualités*/
a.titre:visited, 
a.titre:active 
	{
	font-size:12px;
	font-weight:bold;
	color: #DC0000;
	text-decoration:none;
	}

a.titre:hover
{
	text-decoration:underline;
}


.Titlenews 
	{
	font-size:18px;
	font-weight:bold;
	color: #DC0000;

	}
/*########################################
			espacements
########################################*/
.padding5
	{
	padding:5px;
	}
.padding7
	{
	padding:7px;
	}
.padding10
	{
	padding:10px;
	}
/*########################################
			footer
########################################*/
#footer {
	font-size:10px;
	color:#fff;
	}
#footer a:link,
#footer a:visited,
#footer a:active
	{
	color:#fff;
	text-decoration:underline;
	}		

#footer a:hover
	{
	color:#fff;
	text-decoration:none;
	}		
/*#########################################
				Calendrier
#########################################*/


/* Header du calendrier */
table#calendar {
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
table#calendar a {
	text-decoration:none;
}
table#calendar tr#days th {
	font-size : 0.85em;
	color: #fff;
	font-weight: NORMAL;
	padding: .3em 1px;
}
table#calendar tr#title th {
	font-size : 0.85em;
	color: #fff;
	font-size: 100%;
	padding-top: .3em;
	padding-left: .3px;
}
table#calendar th a {
	font-weight: bold;
	
}

/* Cellule des jours normaux */
table#calendar td.day {
	font-size : 0.85em;
	padding:2PX;
	width: 24px;
	height: 17px;
	background-image:url(/skin/skin_default/images/default.gif);
	background-repeat:no-repeat;
	background-position:center center;
	color: #fff;
	text-align:center;
	vertical-align:middle;
	
}
table#calendar td.eventhere 
{
	background-image:url(/skin/skin_default/images/events.gif);
	background-repeat:no-repeat;
	background-position:center;
	width:25px;
	height:17px;
	text-align:center;
	vertical-align:middle;
}
/* Cellule avec évéenement ( lien ) */
table#calendar td.eventhere a:link,
table#calendar td.eventhere a:active,
table#calendar td.eventhere a:visited {
	color:#D0FF00;
	font-weight:bold;
}
table#calendar td.eventhere a:hover {
	color:#fff;
}
/* liens */
table#calendar a:link
{
	color: white;
}
table#calendar a:visited
{
	color: white;
}
table#calendar a:hover
{
	color:#fff;
}

/* Cellules vides au début et la fin du mois*/
table#calendar .blank
{
	background: transparent;
}

/* Ajourd'hui */
table#calendar .today
{
	background-image:url(/skin/skin_default/images/today.gif);
	width:25px;
	height:17px;
	text-align:center;
	/*vertical-align:middle;*/
	background-repeat:no-repeat;
	background-position:center center;
	color:#fff;
	
}
table#calendar td.today a:link,
table#calendar td.today a:active,
table#calendar td.today a:visited
{ 
	color:#FFF;
	font-weight:bold;
}

table#calendar .calselected
{
	background-image:url(/skin/skin_default/images/selected.gif);
	width:25px;
	height:17px;
	background-repeat:no-repeat;
	background-position:center center;
	text-align:center;
	/*vertical-align:middle;*/
	
}
table#calendar td.calselected a:link,
table#calendar td.calselected a:active,
table#calendar td.calselected a:visited
{
	color:#001A2B;
	font-weight:bold;
}


/*########################################
			 Forfaits
########################################*/

.Fcadre 
{
	width:490px;
	background-color:#F2F6F9;
	border:1px solid #E3EBF1;
	padding:3px;
	margin:5px 0px 5px 0px;
}
.Fcadre2
{
	width:490px;
	background-color:#fff;
	border:1px solid #E3EBF1;
	padding:3px;
	margin:5px 0px 5px 0px;
}
.Ftitle 
{
	padding:0px 0px 3px 3px;
	font-size:18px;
	color:#FC7100;
	font-family:verdana,arial,helvetica; 
	font-weight:bold;
}
.Ftitle2 
{
	padding:2px 0px 3px 3px;
	font-size:18px;
	color:#fff;
	background:#415e72;
	font-family:verdana,arial,helvetica; 
	font-weight:bold;
	
}
.Fimage
{
	border:3px solid #869CAC;
}
.Finfo 
{	font-size:11px;
	padding:5px;
	color:#414548;
}
td.FDesc 
{
	padding:3px;
	background-color:#FBFCFD;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#414548;
	border: 1px solid #E9EEF2;

}

.titre_circuit_1 { color:#417eb7;}
.titre_circuit_2 { color:#829821;}
.titre_circuit_3 { color:#c62242;}
.titre_circuit_4 { color:#fc8301;}
/*########################################
	 ID du Layer pour le Calendrier
########################################*/
#eventslayer {
	background-color:#1F3747;
	color:#fff;
	padding:8px;
	border:1px solid #0D171E;
}
/*########################################
   Style pour la boite de [Live Édit]
########################################*/
.nogestion {
	position:absolute;
	border: 1px dotted #800000;
	padding:3px;
	background-color:#FFFFFF;
	color:#ff0000;
	font-size:12px;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

/**/
.sol {background-image:url(/skin/skin_default/images/bg_send.gif); background-position: bottom right; background-repeat:no-repeat;}

.cadre {background-color:#FDFEF3; padding:10px; border:1px dotted #ADD10D;}

.bulletarrow {
	 background-image: url('/skin/skin_default/images/arrow_rose.GIF');
	 background-repeat: no-repeat;
	 background-position: 22px 6px;
}

ul#boutons_accueil {
	list-style: none;
	padding: 0;
	margin: 5px 3px 35px;
	overflow: hidden;
	width: 500px;
}

	ul#boutons_accueil li {
		float: left;
		display: inline;
		margin: 5px;
		padding: 0;
	}
	
	ul#boutons_accueil li a {display:block;width:240px;height:125px;background-position:top left;text-indent:-500px;}
	ul#boutons_accueil li a.commander {background:url(/images/btn-accueil-cartes.jpg)}
	ul#boutons_accueil li a.escapade {background-image:url(/images/btn-accueil-escapades.jpg)}
	ul#boutons_accueil li a.velo {background-image:url(/images/btn-accueil-velo.jpg)}
	ul#boutons_accueil li a.rallye {background-image:url(/images/btn-accueil-rallye.jpg)}
	ul#boutons_accueil li a:hover {background-position:bottom left;}
	
#rallyephotos p {color: #333; line-height: 1.3em; margin: 0; padding: 0.8em 0;}
#rallyephotos ol, #rallyephotos li {color: #333;}
#rallyephotos h3 {padding: 25px 0 0 0; margin: 0;}
a.formulaire {
	display: block;	
	background: url(/images/icon-formulaire.gif) 0px 6px no-repeat;
	padding: 10px 0 10px 35px;
	color: #333;
	text-decoration: none;
	line-height: 14px;
}	a.formulaire strong {display: block; color: #456277;}
	a.formulaire:hover strong {text-decoration: underline;}
	
ul#escapades {
	width: 476px;
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
}

	ul#escapades li {
		float: left;
		display: inline;
		margin: 10px 30px;
		width: 178px;
		height:350px;
	}
	
	ul#escapades li a {
		display: block;
		text-decoration: none;
		color: #787265;
		text-align: center;
		padding: 5px 0;
	}
	
	ul#escapades li a strong {
		display: block;
		font: normal 18px/18px "Trebuchet MS", Arial, Helvetica, sans-serif; 
		padding: 0 0 20px 0;
	}
	ul#escapades li a strong.cir01 {background: url(/images/ligne-wave01.gif) bottom center no-repeat;}
	ul#escapades li a strong.cir02 {background: url(/images/ligne-wave02.gif) bottom center no-repeat;}
	ul#escapades li a strong.cir03 {background: url(/images/ligne-wave03.gif) bottom center no-repeat;}
	ul#escapades li a strong.cir04 {background: url(/images/ligne-wave04.gif) bottom center no-repeat;}
	ul#escapades li a strong.cir05 {background: url(/images/ligne-wave05.gif) bottom center no-repeat;}
	ul#escapades li a strong.cir06 {background: url(/images/ligne-wave06.gif) bottom center no-repeat;}
	ul#escapades li a strong.cir07 {background: url(/images/ligne-wave07.gif) bottom center no-repeat;}
	
	ul#escapades li a img {
		border: 0;
		margin: 15px 0 0 0;
	}
	
	ul#escapades li a span.download {
		display: block;	
		text-align: left;
		border-top: 1px solid #d1e5f0;
		font-weight: normal;
		color: #787265;
		padding: 10px 0 10px 40px;
		background: url(/images/icon-pdf.gif) 0px 11px no-repeat;
		line-height: 14px;
	}
	
	ul#escapades li a span.download span {
		display: block;	
		text-align: left;
		font-weight: bold;
		color: #187cb6;
		line-height: 12px;
		margin: 0 0 3px 0;
	}