/*
Exo-loisirs : commun.css
	Auteurs graphisme : Nicolas Pariset,
	Intégrateur : Nans Pellicari
------------------------------------------------------------
	couleurs :
	- bleu roi  -	#1e4c78 :		titre h3 nouveautés,
	- bleu clair -	#488dc6 :		texte h3 bloc_arrondis_img, texte h4 degrade,
	- gris clair -	#d9d9d9 :		bordure image nouveauté,
	- lit de vin -	#5a2041 :		titre h3 actus,
	- gris foncée -	#434343 :		texte bloc_degrade,
	- bleu anthracite - #3a6c90 :	bt_suite,
	- bleu fluo +		#52c4ff	:	.vligne,
------------------------------------------------------------
*/
a{
	outline: 0;
}
.notDisplay{
	display: none;
}
.fond{
	display: block;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	margin:0;
	padding:0;
	z-index:-1;
}
.ligne{
	display:block;
	height:1px;
	position:relative;
	margin:0;
	padding:0;
	font-size:1px;
	background-color: #c7dee8;
	border-bottom:1px solid #ffffff;
}
.vligne{
	display:block;
	width:1px;
	margin:0;
	padding:0;
	font-size:1px;
	background-color: #52c4ff;
	border-right:1px solid #ffffff;
}
.link_red{
	color:#97306b;
	font-weight:normal;
	text-decoration: none;
	font-size:16px;
}
.link_red:hover{
	text-decoration: underline;
}
.alignright{
	text-align: right;
}
.aligncenter{
	text-align: center;
}
.alignleft{
	text-align: left;
}

/* bloc_content
------------------------------------------------*/
.bloc_content{
	display:block;
	width:980px;
	position:relative;
	padding:0 0 0 10px ;
	margin:0;
}

/* bloc_bas
------------------------------------------------*/

.bloc_bas{
	display:block;
	width:100%;
	position:relative;
	margin:30px 0 50px 0;
	padding:0;
}

/* bloc_float
------------------------------------------------*/

.bloc_float{
	display:block;
	width:50%;
	position:relative;
	float:left;
}

/* bloc_arrondis_img
------------------------------------------------*/

.bloc_arrondis_img{
	display:block;
	width:490px;
	height:225px;
	position: relative;
	top:0;
	left:0;
	padding:0;
	margin:0 0 0 4px;
	font-family: Verdana,arial;
	background-image: url(images/bloc_arrondis.gif);
	background-repeat: no-repeat;
}
.bloc_arrondis_img h2{
	display: block;
	height:30px;
	width:320px;
	position:relative;
	margin:0;
	padding:10px 0 5px 20px;
	color:#732652;
	font-weight:normal;
	text-transform: uppercase;
	font-size: 24px;
}
.bloc_arrondis_img .bloc_img{
	display:block;
	width:205px;/*225 - 20 padding*/
	height:135px;
	position:relative;
	float:left;
	padding:10px;
	text-align: center;
}
.bloc_arrondis_img .bloc_img img, .bloc_arrondis_img .bloc_img #map{
	border:6px solid #d9d9d9;
}
.bloc_arrondis_img .bloc_text{
	display: block;
	width:225px;
	height:140px;
	float:left;
	overflow:hidden;
	margin:0 0 0 20px;
	color:#488dc6;
	font-size:12px;
}
.bloc_arrondis_img .bloc_text h3{
	color:#1e4c78;
	font-size:16px;
	margin:0;
}
.bloc_arrondis_img .bt{
	display:block;
	width:243px;
	height:55px;
	position:absolute;
	right:20px;
	bottom:0;
}
.boutique_bloc h3{
	margin:0;
}
.boutique_bloc h4{
	margin:0;
	color:#571f40;
	text-transform: uppercase;
	font-size:10px;
}
.boutique_bloc .decli{
	margin:0 0 5px 0;
	padding:0;
	color:#000000;
	font-size:10px;
}
/* bloc_arrondis
------------------------------------------------*/

.bloc_arrondis{
	display:block;
	width:325px;
	position:relative;
	margin:10px 0 20px 0;
	padding:10px;
	color:#0e447a;
	background-color:#f6f9ff;
	border:1px solid #c7c7c7;
	-moz-border-radius:7px; 
	-webkit-border-radius:7px; 
	border-radius:7px;
	font-family: Verdana,arial;
}

.bloc_arrondis h3{
	color:#0e447a;
	padding: 10px 10px 7px 10px;
	margin:0;
	font-weight:normal;
	font-size: 18px;
}
.bloc_arrondis .ligne{
	width:305px;
	margin: 0 0 0 10px;
}
.bloc_arrondis h4 {
	color:#0e447a;
	margin:10px 0 0 0;
	padding: 5px 0 7px 10px;
}
.bloc_arrondis .contenu{
	width: 305px;
	margin:1px 0 0 0;
	padding: 10px;
	font-size: 12px;
}
.bloc_arrondis ul {
	list-style:none;
	margin: 0;
	padding:0;
	width: 345px;
}

.bloc_arrondis ul {
	list-style:none;
	margin: 0;
	padding:0;
}

.bloc_arrondis ul li, .bloc_arrondis ul li {
	margin: 0;
	padding:0;
	font-size:12px;
	font-weight:bold;
}

.bloc_arrondis ul li a, .bloc_arrondis ul li a, {
	color:#fff;
	display:block;
	background-color:#8fbce3;
	border-top:solid 1px #FFF;
	padding:3px 0 3px 10px;
}

.bloc_arrondis ul li a:hover{
	text-decoration:none;
	background-color:#00529a;
}


/* bloc_degrade
------------------------------------------------*/
.bloc_degrade{
	display:block;
	width:500px;
	height:230px;
	position:relative;
	top:0;
	left:0;
	padding:0;
	background-image: url(images/degrades_fond.png);
	background-repeat: no-repeat;
	font-family: Verdana,arial;
}

.bloc_degrade h2{
	display: block;
	height:30px;
	width:220px;
	position:relative;
	margin:0;
	padding:10px 0 5px 20px;
	color:#732652;
	font-weight:normal;
	text-transform: uppercase;
	font-size: 24px;
}
.bloc_degrade .bt{
	display:block;
	width:243px;
	height:55px;
	position:absolute;
	right:20px;
	bottom:0;
}
.bloc_degrade .bloc_img{
	display:block;
	width:145px;/*145 - 5 padding*/
	height:135px;
	position:relative;
	float:left;
	margin:20px 0 0 0;
	padding:0;
	text-align: center;
}
.bloc_degrade .bloc_img a{
	display:block;
}
.bloc_degrade .bloc_img img{
	border:6px solid #d9d9d9;
}
.bloc_degrade .bloc_text{
	display: block;
	width:305px;
	height:120px;
	float:left;
	overflow:hidden;
	margin:20px 0 0 15px;
	padding:0;
	color:#434343;
	font-size:12px;
}

.bloc_degrade .bloc_text h4{
	margin:0;
	padding:0;
	color:#488dc6;
}
.bloc_degrade .bloc_text h4 em{
	font-size:9px;
	display:block;
}
.bloc_degrade .bloc_text h3{
	padding:0;
	margin:0;
	color:#5a2041;
	font-size:14px;
}
.bloc_degrade .bloc_text p{
	padding:0;
	margin:0;
}
.bloc_degrade .bloc_text .bt_suite,.bloc_arrondis_img .bloc_text .bt_suite,.nansMore{
	display:block;
	padding:0;
	margin:5px 0 0 0;
	color:#3a6c90;
	font-size:12px;
	font-weight: bold;
	text-decoration: none;
}
.bloc_degrade .bloc_text .bt_suite b,.bloc_text .bt_suite b,.nansMore b{
	display:block;
	width:10px;
	height:10px;
	float:left;
	padding:0;
	margin:3px 2px 0 0 ;
	text-decoration: none;
	background-image: url(images/fleche_suite.gif);
	background-repeat: no-repeat;
}
.bloc_degrade .bloc_text .bt_suite:hover,.bloc_text .bt_suite:hover,.nansMore:hover{
	text-decoration: underline;
}
.bloc_degrade .bt{
	display:block;
	width:243px;
	height:55px;
	position:absolute;
	right:20px;
	bottom:0;
}
/*
Exo-loisirs : 0.css
	Auteurs graphisme : Nicolas Pariset,
	Intégrateur : Nans Pellicari
------------------------------------------------------------
	couleurs :
	- bleu roi  -	#1e4c78 :		titre h3 nouveautés,
	- lit de vin -	#732652 :		#bloc_haut .content h1,
	- gris fonce -	#434343 :		#bloc_haut .content
	- bleu flashou -#0089e4 :		border:#bloc_haut .bloc_float.drt,
	- bleu ciel -	#00649f :		texte:
------------------------------------------------------------
*/
/* bloc_haut
------------------------------------------------*/
iframe{
	background-color: transparent;
}
#bloc_haut{
	display:block;
	width:100%;
	height: 345px;
	position:relative;
	margin:10px 0 0 0;
	box-shadow: 1px 1px 10px #bbbbbb;
	-moz-box-shadow: 1px 1px 10px #bbbbbb; /* Pour Firefox 3.5+ */
	-webkit-box-shadow: 1px 1px 10px #bbbbbb; /* Pour Safari et Chrome */
	zoom:1;
	-moz-border-radius-topleft:7px; 
	-webkit-border-top-left-radius:7px;
	border-bottom-left-radius:7px;
	-moz-border-radius-bottomleft:7px;
	-webkit-border-bottom-left-radius:7px;
	border-bottom-left-radius:7px;

}

/* bloc_haut .bloc_float.gch
------------------------------------------------*/

#bloc_haut .bloc_float.gch{
	display:block;
	width:489px;
	height: 345px;
	background-image:url(images/bloc_haut_fond.png);
	background-repeat: repeat-x;
	
	-moz-border-radius-topleft:7px; 
	-webkit-border-top-left-radius:7px;
	border-bottom-left-radius:7px;
	-moz-border-radius-bottomleft:7px;
	-webkit-border-bottom-left-radius:7px;
	border-bottom-left-radius:7px;
}
#bloc_haut .bloc_float.gch .top,#bloc_haut .bloc_float .bottom{
	display:block;
	width:100%;
	height:185px;
}

/* bloc_haut .bloc_float.gch .top
------------------------------------------------*/

#bloc_haut .bloc_float.gch .top .petit_bord{
	display: block;
	width:10px;
	height:100%;
	position: relative;
	float:left;
	background-image:url(images/bloc_haut_petit_brd.png);
	background-repeat: repeat-y;
	-moz-border-radius-topleft:7px; 
	-webkit-border-top-left-radius:7px;
	border-bottom-left-radius:7px;
	-moz-border-radius-bottomleft:7px;
	-webkit-border-bottom-left-radius:7px;
	border-bottom-left-radius:7px;
}
#bloc_haut .bloc_float.gch .top .content{
	display: block;
	width:449px;
	height:165px;
	float:left;
	padding: 10px;
	font-size: 12px;
	overflow: hidden;
	color: #434343;
}
#bloc_haut .bloc_float.gch .top .content #txt_intro{
	display:block;
	height:110px;
	position:relative;	
	margin:0 0 0 0;
	padding:0 10px 0 0;
	overflow:auto;
}
#bloc_haut .bloc_float.gch .top .content #txt_intro p:first-child{
	margin-top:0;
}
#bloc_haut .bloc_float.gch .top .content h1{
	margin:0;
	color:#732652;
	font-weight: normal;
	font-size: 24px;
	text-transform: uppercase;
}
#bloc_haut .bloc_float.gch .top .content .ligne{
	width:450px;
	margin:10px 0 10px 0;
}

/* bloc_haut .bloc_float.gch .bottom
------------------------------------------------*/
#bloc_haut .bloc_float.gch .bottom{
	position:relative;
}
#bloc_haut .bloc_float.gch .bottom h2{
	display: block;
	width: 100%;
	height:45px;
	position: relative;
	margin: 0;
	padding: 0;
	background-color: #013655;
}
#bloc_haut .bloc_float.gch .bottom h2.bases{
	background-image: url(images/diapo_bases_titre.png);
	background-repeat: repeat-x;
}
#bloc_haut .bloc_float.gch .bottom h2.modules{
	background-image: url(images/diapo_modules_titre.png);
	background-repeat: repeat-x;
}
#bloc_haut .bloc_float.gch .bottom .nav{
	display: block;
	width:35px;
	height:17px;
	position: absolute;
	top:14px;
	right:30px;
}

#bloc_haut .bloc_float.gch .bottom .nav .fleche{
	display: block;
	width:12px;
	height:17px;
	position: absolute;
	cursor:pointer;
}
#bloc_haut .bloc_float.gch .bottom .nav .fleche.prev{
	top:0;
	left:0;
	background-image: url(images/visu_fleche_gch_on.gif);
	background-repeat: no-repeat;
}
#bloc_haut .bloc_float.gch .bottom .nav .fleche.next{
	top:0;
	right:0;
	background-image: url(images/visu_fleche_drt_on.gif);
	background-repeat: no-repeat;
}
#bloc_haut .bloc_float.gch .bottom .nav .fleche.prev.disabled{
	background-image: url(images/visu_fleche_gch.gif);
}
#bloc_haut .bloc_float.gch .bottom .nav .fleche.next.disabled{
	background-image: url(images/visu_fleche_drt.gif);
}

/* bloc_haut .bloc_float.gch .bottom .liste_base
------------------------------------------------*/
#bloc_haut .bloc_float.gch .bottom .vligne{
	height:90px;
	position:absolute;
	left:50%;
	top:10px;
	margin-left:-1px;
}
#bloc_haut .bloc_float.gch .bottom .liste_base{
	display: block;
	width: 100%;
	height:110px;
	position: relative;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
#bloc_haut .bloc_float.gch .bottom .liste_base ul{
	display: block;
	width:240px;
	position:relative;
	float:left;
	margin: 10px 0 0 0;
	padding:0;
	list-style-image: url(images/visu_fleche.gif);
}
#bloc_haut .bloc_float.gch .bottom .liste_base ul.notDisplay{
	display: none;
}
#bloc_haut .bloc_float.gch .bottom .liste_base ul li{
	margin:5px 0 0 40px;
	padding:0;
	color:#00649f;
	text-transform: uppercase;
	font-size: 14px;
	list-style-type: none;
}
#bloc_haut .bloc_float.gch .bottom .liste_base ul li a{
	color:#00649f;
	font-size: 14px;
	text-decoration: none;
}
#bloc_haut .bloc_float.gch .bottom .liste_base ul li a:hover,#bloc_haut .bloc_float.gch .bottom .liste_base ul li a.current{
	text-decoration: underline;
}
/* #bloc_haut .bloc_float.drt
------------------------------------------------*/

#bloc_haut .bloc_float.drt .diapo_fleche{
	display: block;
	width: 19px;
	height: 45px;
	position: absolute;
	top:184px;
	left:0px;
	z-index: 3;
	background-image: url(images/diapo_titre_fleche.png);
	background-repeat: no-repeat;
}
#bloc_haut .bloc_float.drt{
	display:block;
	width:481px;
	height: 343px;
	border-top:1px solid #0089e4;
	border-bottom:1px solid #0089e4;
	border-right:1px solid #0089e4;
	overflow: hidden;
}
#bloc_haut .bloc_float.drt #diapo_img{
	display:block;
	width:100%;
	height:100%;
	background-color: #000000;
}

/* #bloc_haut .bloc_float.drt #diapo_img
------------------------------------------------*/

#bloc_haut .bloc_float.drt #diapo_img ul{
	display:block;
	position:absolute;
	top:0;
	left:0;
	margin:0;
	padding: 0;
	z-index:1;
	list-style-type: none;
}
#bloc_haut .bloc_float.drt #diapo_img ul li{
	display:block;
	width:490px;
	height:343px;
	position:relative;
	float:left;
	margin:0;
	padding:0;
	
}

/* #bloc_haut .bloc_float.drt .navNansGallery
------------------------------------------------*/

#bloc_haut .bloc_float.drt .navNansGallery{
	display:block;
	width:490px;
	position:absolute;
	bottom:0;
	left:0;
	margin:0;
	padding:0;
	z-index: 2;
}
#bloc_haut .bloc_float.drt .navNansGallery .fond{
	display:block;
	width: 100%;
	height: 100%;
	position: absolute;
	top:0;
	left:0;
	background-color: #000000;
	opacity:0.4;
	-moz-opacity: 0.4;
	filter:alpha(opacity=40);
	z-index:0;
}
#bloc_haut .bloc_float.drt .navNansGallery .title{
	display:block;
	position: relative;
	margin:0;
	padding:10px 60px 10px 60px;
	text-align: center;
	color: #ffffff;
	z-index:2;
}

#bloc_haut .bloc_float.drt .navNansGallery .title h3,#bloc_haut .bloc_float.drt .navNansGallery .title a{
	display: block;
	margin:0;
	padding:0;
	font-size:24px;
	text-decoration: none;
	text-transform: uppercase;
	color: #ffffff;
}
#bloc_haut .bloc_float.drt .navNansGallery .title a:hover{
	text-decoration:underline;
}
#bloc_haut .bloc_float.drt .navNansGallery .title p{
	display: block;
	margin:0;
	padding:0;
	font-size: 12px;
}

#bloc_haut .bloc_float.drt .navNansGallery .fleche{
	display: block;
	width: 45px;
	height: 45px;
	position: absolute;
	bottom:50%;
	margin-bottom:-23px;
	z-index:3;
	opacity:0.8;
	-moz-opacity: 0.8;
	filter:alpha(opacity=80);
	cursor: pointer;
}
#bloc_haut .bloc_float.drt .navNansGallery .fleche:hover{
	opacity:1;
	-moz-opacity: 1;
	filter:alpha(opacity=100);
}
#bloc_haut .bloc_float.drt .navNansGallery .fleche.next{
	right:10px;
	background-image: url(images/next.png);
	background-repeat: no-repeat;
}
#bloc_haut .bloc_float.drt .navNansGallery .fleche.prev{
	left:10px;
	background-image: url(images/prev.png);
	background-repeat: no-repeat;
}

/* #bloc_bas
------------------------------------------------*/

#bt_exo_modules{
	background-image: url(images/bt_plus-info.png);
	background-repeat: no-repeat;
}
#bt_exo_modules:hover{
	background-image: url(images/bt_plus-info_on.png);
	background-repeat: no-repeat;
}
#bt_actualites{
	background-image: url(images/bt_voir_actus.png);
	background-repeat: no-repeat;
}
#bt_actualites:hover{
	background-image: url(images/bt_voir_actus_on.png);
	background-repeat: no-repeat;
}

.bt_boutique{
	background-image: url(images/bt_voir_produits.png);
	background-repeat: no-repeat;
}
.bt_boutique:hover{
	background-image: url(images/bt_voir_produits_on.png);
	background-repeat: no-repeat;
}
#bt_medias{
	background-image: url(images/bt_voir_photo_video.png);
	background-repeat: no-repeat;
}
#bt_medias:hover{
	background-image: url(images/bt_voir_photo_video_on.png);
	background-repeat: no-repeat;
}

/* Shadow box
------------------------------------------------*/

#sb-body h1, #sb-body h2{
	color:#732652;
	margin : 0 0 0 10px;
	font-weight:normal;
}
#sb-body h1{
	font-size:24px;
	margin-top : 10px;
}
#sb-body h2{
	font-size:18px;
}
#sb-body .image, #sb-body .text{
	float:left;
}
#sb-body .image{
	width:492px;
	height:352px;
	margin:10px 0 0 10px;
}
#sb-body .image img{
	border:1px solid #0089e4;
}
#sb-body .text{
	margin:10px 0 0 40px;
	width:438px;
	font-size:11px;
}
#sb-body .text .contact{
	width:438px;
	height:59px;
	position:relative;
	margin:20px 0 0 0;
}
#sb-body .text .bt_contact{
	display:block;
	width:255px;
	height:55px;
	position:absolute;
	top:0;
	right:0;
	background-image: url(images/bt_contact_renseignement.png);
	background-repeat:no-repeat;
}
#sb-body .text .bt_contact:hover{
	background-image: url(images/bt_contact_renseignement_on.png);
}

#bt_infos{
	background-image: url(images/bt_contactez_nous.png);
	background-repeat: no-repeat;
}
#bt_infos:hover{
	background-image: url(images/bt_contactez_nous_on.png);
	background-repeat: no-repeat;
}
#bt_actus{
	background-image: url(images/bt_actus.png);
	background-repeat: no-repeat;
}
#bt_actus:hover{
	background-image: url(images/bt_actus_on.png);
	background-repeat: no-repeat;
}