@import url("reset.css"); 


/*-------------------------------------------------------------------------------------------------------------------------------
    STYLES GENERAUX
---------------------------------------------------------------------------------------------------------------------------------*/
	body { font-family:Arial, Helvetica, sans-serif; font-size:0.8em; color: #333333; background:#FFFFFF /*url(../images/fr/000_general/f_body.jpg) no-repeat top*/;  } /* type, taille, couleur de la police et couleur de fond du site*/
	p {	font-size:1em; } /* propriété général des paragraphe*/
	h1 { font-size:1em; } 
	h2 { font-size:1.2em; }
	h3 { font-size:1.2em; }
	h4 { font-size:1em; }
	h5{ font-size:0.8em; }
	h6 { font-size:0.8em; font-weight:normal; }
	a:link { color: #999999; text-decoration:underline; } /* lien non visité général*/
	a:visited { color:#999999; text-decoration:underline; } /* lien visité général */
	a:hover { text-decoration:none; color:#fff } /* lien possition dessus général*/
	a:active { text-decoration:none; color:#fff; } /* lien au clique général*/ 
	img a { border:0; }/* bord toutes images avec un lien */
	input[type=text], input[type=password] { background:#fff; border:1px solid #CCC; color:#666; height:15px; font-size:11px; width:200px; margin:1px 0 1px 0 }
	input[type=submit] { background: #FFFFFF; border:1px solid #666666; color: #333333; font-size:10px; line-height:12px; font-weight:bold; font-variant:small-caps; letter-spacing:1px; padding:3px 12px inherit200px; margin:1px 0 1px 0; width:100px; height:20px }	
	input[type=submit]:hover { background: #333333;  border:1px solid #666666; color: #FFFFFF; }
	textarea { background:#fff; border:1px solid #CCC; color:#666; height:35px; font-size:11px; width:370px; }
	select { background:#fff; border:1px solid #CCC; color:#666; height:20px; font-size:11px; width:200px; margin:1px 0 1px 0 }
	.legende_formulaire {font-size:11px; color: #666666;margin:1px 0 1px 0 }
	
/*-------------------------------------------------------------------------------------------------------------------------------
CONTENU
---------------------------------------------------------------------------------------------------------------------------------*/
	#conteneur_site {
	position:relative;
	width:1003px;/*largeur du site , largeur 991 avec marge 1003 sans marge*/
	height:580px; /*hauteur de l'élément*/
	margin:5px auto 0 auto !important; /*largeur de l'aire de la marge d'une boîte (hauteur droite bas gauche)*/
	padding:0; /*espace entre le contenu de l'élément et ses quatres bords (hauteur droite bas gauche)*/
	background: #FFFFFF url(../images/fr/000_general/f_conteneur_site.jpg) no-repeat left top; /*fond image et couleur du site*/
	}
	#contenu_site {
	position: relative;
	width:810px;/*largeur du site , largeur 991 avec marge 1003 sans marge*/
	height:450px; /*hauteur de l'élément*/
	margin:0 auto 0 auto; /*largeur de l'aire de la marge d'une boîte (hauteur droite bas gauche)*/
	padding:0; /*espace entre le contenu de l'élément et ses quatres bords (hauteur droite bas gauche)*/
	top:15px;
	}
	
/*-------------------------------------------------------------------------------------------------------------------------------
ACCUEIL
---------------------------------------------------------------------------------------------------------------------------------*/	
	#bloc_info {
	position:absolute;
	z-index:1000;
	top:10px;
	left:50px;
	}
	#titre {
	font-weight: bold;
	color: #FFFFFF;
	font-size: 16px;
	}
	#sous-titre {
	color: #9BA7B5;
	font-weight: bold;
	font-size:12px;
	}

/*--------------------------------------------------------------------------------------------------------------------------------------------	
POP UP ACTUALITE ACCUEIL
--------------------------------------------------------------------------------------------------------------------------------------------	*/
/*POP UP DEPART	*/
	.pop_up_depart{
	position: absolute;
	width: 490px;
	height:auto !important;
	min-height:150px;
	height:15px;
	margin:0;
	padding:0;
	z-index: 3000;
	top: 55px;
	left: 400px;
	visibility: hidden;
	background:url(../images/fr/000_general/actualite/centre_pop-up.gif) #FFFFFF repeat-y top center;
	}
	.pop_up_depart h1{
	position:relative;
	margin:0;
	padding:0 0 15px 45px;
	width:410px;
	height:20px;
	top:10px;
	color:#000000;
	font-size:13px;
	font-weight:bold;
	text-align: left;
	background: url(../images/fr/000_general/actualite/puce.gif) no-repeat 25px -2px;
	}
	.pop_up_depart h2{
	margin:0 15px 0 25px;
	padding:0;
	font-weight:bold;
	color:#000000;
	text-align:justify;
	font-size:15px;
	}
/*POP UP SUIVANTE	*/
	.pop_up_suivante{
	position: absolute;
	width: 490px;
	height:auto !important;
	min-height:150px;
	height:15px;
	z-index: 3000;
	top: 55px;
	left: 400px;
	visibility: hidden;
	background: url(../images/fr/000_general/actualite/centre_pop-up.gif) #FFFFFF repeat-y top center;
	}
	.pop_up_suivante h1{
	position:relative;
	margin:0;
	padding:0 0 15px 45px;
	width:410px;
	height:20px;
	top:10px;
	color:#000000;
	font-size:13px;
	font-weight:bold;
	text-align: left;
	background: url(../images/fr/000_general/actualite/puce.gif) no-repeat 25px -2px;
	}
	.pop_up_suivante h2{
	margin:0 15px 0 25px;
	padding:0;
	font-weight:bold;
	color:#000000;
	text-align:justify;
	font-size:15px;
	}
/*GENERAL POP UP ACTU	*/
	#contenu_actu{
	position:relative;
	margin:0;
	padding:0;
	width:100%;
	float:left;
	}
	#descriptif_contenu{
	margin:0 15px 5px 25px;
	padding:0;
	margin-top:5px;
	color:#333333;
	text-align:justify;
	font-size:11px;
	font-weight:normal;
	}
	#fds_center_pop_up_depart{
	background: url(../images/fr/000_general/actualite/centre_pop-up.gif) #FFFFFF repeat-y top center;
	}
    #fermer_actu{
	margin:0;
	padding:0;
	position:absolute;
	height:20px;
	width:120px;
	left:400px;
	top:8px;
	}
	#telecharger_lien{
	position:relative;
	display:block;
	margin:0;
	padding:10px 0 5px 15px;
	width:80%;
	height:19px;
	float:left;
	color: #000000;
	font-size:12px;
	line-height:21px;
	font-weight:bold;
	text-align:justify;
	}
/*DEFILEMENT POP UP ACTU	*/
	#pscroller1{
	width: 130px;
	height:100px;
	margin:0;
	padding:0;
	overflow:hidden;
	}
	.someclass{ 
	width: 130px;
	height:100px;
	margin:0;
	padding:0;
	vertical-align:top;
	font-family: "Trebuchet MS", Arial, Helvetica;
	font-size:10px;
	color:#666666;
	}
	#module{
	color: #FFFFFF;
	width:130px;
	float: left;
	height:100px;
	position: absolute;
	top:60px;
	left:40px;
	z-index:1000;
	margin:0;
	}
	#module a{
	color: #CCCCCC;
	}
	#module a:hover{
	color: #990066;
	font-weight:bold;
	}
	#module h1 {
	margin:0;
	padding:0;
	font-size:11px;
	color: #FFFFFF;
	margin-left:6px;
	margin-bottom:2px;
	}
	#module img {
	float:right;
	margin:5px;
	}
	#module p.desc {
	margin:0;
	padding:0;
	color: #FFFFFF;
	font-size:10px;
	margin-left:6px;
	text-align: justify;
	margin-bottom:4px;
	margin-right:5px;
	}
	#module h1.taille {
	width:280px;
	}

/*-------------------------------------------------------------------------------------------------------------------------------
JAVASCRIPT BLOC
---------------------------------------------------------------------------------------------------------------------------------*/		
	
/*Main Container*/
.hrzContainer {
	width:100%;
}
.hrzContainer ul{
	list-style-type: none;
	margin: 0px;
	padding:0px;	
}
.hrzContainer li{
	display: inline; 
	margin: 0px;
	padding:0px;
}
/*Handle*/
.handle {
	float: left;
	width: 38px;
	height: 310px;
	margin: 1px;
	margin-right: -10px;
	background:  url(../images/blade.png) no-repeat;
}
.handleOver{	
	background: url(../images/blade_sel.png) no-repeat;
}
.handleSelected{
	
	background: url(../images/blade_sel.png) no-repeat;
}
/*Content Container*/
.contentWrapper{

	
	width: 640px;
}
.contentInnerWrapper{
	text-align: justify;
	padding: 10px;
	
}
.contentWrapper h3{
	border-bottom: 1px solid silver;
	color: rgb(172, 194, 112);
}
/*Animation Start*/
.contentStart {
	padding-left: 0px;	
	float: left;
	width:0px;
	height: 310px;	
	overflow:hidden;
}
/*Animation End*/
.contentEnd {
	padding-left: 24px;
	float: left;	
	width:660px;
	height: 310px;
}

/*Main Container*/
.hrzContainer3 {
	width:100%;
}
.hrzContainer3 ul{
	list-style-type: none;
	margin: 0px;
	padding:0px;	
}
.hrzContainer3 li{
	display: inline; 
	margin: 0px;
	padding:0px;
}
/*Handle*/
.handle3 {
	float: left;
	width: 25px;
	height: 450px;
	text-align:center;
	margin:0 2px 0 2px;
	padding:0;
	background: #FFFFFF;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}
.handle3 img{
	margin-top:2px;
	filter:alpha(opacity=80);-moz-opacity:.80;opacity:.80;
}
.handleOver3{
	background: #FFFFFF;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}
.handleOver3 img{
	margin-top:2px;
	filter:alpha(opacity=70);-moz-opacity:.70;opacity:.70;
}
.handleSelected3{
	background: #FFFFFF;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;}
/*Content Container*/
.contentWrapper3{
	text-align: justify;
	
}
.contentInnerWrapper3{
	padding: 0;
}
.contentWrapper3 h3{
	color: #1E90FF;
}
/*Animation Start*/
	.contentStart3 {
	float: left;
	width:0;
	height: 450px;	
	overflow:hidden;
	background: #FFFFFF;
	
	margin:0;
	padding:0;
	}
	/*Animation End*/
	.contentEnd3 {
	float: left;	
	height: 450px;
	margin:0;
	padding:0;
	}




	
/*-------------------------------------------------------------------------------------------------------------------------------
ACCUEILL
---------------------------------------------------------------------------------------------------------------------------------*/
	#les_acces_rubriques {
	position: absolute;
	width:185px;/*largeur du site , largeur 991 avec marge 1003 sans marge*/
	height:auto; /*hauteur de l'élément*/
	margin:0; /*largeur de l'aire de la marge d'une boîte (hauteur droite bas gauche)*/
	padding:0; /*espace entre le contenu de l'élément et ses quatres bords (hauteur droite bas gauche)*/
	left:30px;
	top:354px;
	z-index:150;
	}
	#acce_rubrique_loisir {
	width: 185px;/*largeur du site , largeur 991 avec marge 1003 sans marge*/
	height: 95px; /*hauteur de l'élément*/
	margin: 0 15px 0 0 ; /*largeur de l'aire de la marge d'une boîte (hauteur droite bas gauche)*/
	padding: 0; /*espace entre le contenu de l'élément et ses quatres bords (hauteur droite bas gauche)*/
	background:#999999;
	}
	#acce_rubrique_encadrement {
	width: 185px;/*largeur du site , largeur 991 avec marge 1003 sans marge*/
	height: 95px; /*hauteur de l'élément*/
	margin: 10px 0 0 0; /*largeur de l'aire de la marge d'une boîte (hauteur droite bas gauche)*/
	padding: 0; /*espace entre le contenu de l'élément et ses quatres bords (hauteur droite bas gauche)*/
	background: #999999;
	}
	
/*-------------------------------------------------------------------------------------------------------------------------------
LE PIED DE PAGE
---------------------------------------------------------------------------------------------------------------------------------*/
	#footer {
	width:1003px;/*largeur du site , largeur 991 avec marge 1003 sans marge*/
	height:24px; /*hauteur de l'élément = hauteur du pied de page*/
	font-size:9px; /*taille du caractère*/
	margin:10px auto 0 auto !important; /*largeur de l'aire de la marge d'une boîte (hauteur droite bas gauche)*/
	padding:0; /*espace entre le contenu de l'élément et ses quatres bords (hauteur droite bas gauche)*/
	
	}
	#footer ul{
	float:left;
	padding:5px 0 0 0;
	}
	#footer li{
	display:inline;
	padding: 7px 0 10px 5px; /*espace entre le contenu de l'élément et ses quatres bords (hauteur droite bas gauche)*/
	}
	#footer li a{
	text-decoration:none; /*décorations ajoutées à un texte*/
	color:#666; /*couleur*/
	}
	#footer li a:hover{
	text-decoration:none; /*décorations ajoutées à un texte*/
	background:#f5f5f5;
	color:#000; /*couleur*/
	}
	
	#footer li.trouvez_nous{
	display:inline;
	padding: 7px 0 10px 5px; /*espace entre le contenu de l'élément et ses quatres bords (hauteur droite bas gauche)*/
	color:#FF8080;
	}
	#footer li.trouvez_nous a{
	text-decoration:none; /*décorations ajoutées à un texte*/
	color:#FF8080;
	}
	#footer li.trouvez_nous a:hover{
	text-decoration:none; /*décorations ajoutées à un texte*/
	background:#f5f5f5;
	color:#EA1C24; /*couleur*/
	}
	.select-n-bas{
	text-decoration:none; /*décorations ajoutées à un texte*/
	color:#666; /*couleur*/
	font-size:18px; /*taille du caractère*/
	font-weight:bold; /*stye le graisse du caractère*/
	}
	#footer div.benefice-net {
	float:right;
	margin: 0px 5px 0px 0px; /*largeur de l'aire de la marge d'une boîte (hauteur droite bas gauche)*/
	}
	#footer div.benefice-net a {
	text-decoration:none; /*décorations ajoutées à un texte*/
	color:#666; /*couleur*/
	}
	#footer div.benefice-net a:hover {
	background:#f5f5f5;
	color:#000; /*couleur*/
	}