<style type="text/css">

.reset {
	
}


/*-------------------------------------------------------------------------- Structure ---------------------------------------------------------------------------*/

#map {
height:500px;
display:block;
}




/*-------------------------- BLOC SLIDE ACTU --------------------------*/
.colonne2 .bloc_article {
background:#303030;
position:relative;
z-index:99999;
width:300px;
height:500px;
}


.bloc_article a.bt_actu {
width:50px;
height:50px;
line-height:50px;
color:#FFFFFF;
background-color:#3463a7;
text-align:center;
position:absolute;
bottom:20px;
left:230px;
text-decoration:none;
font-size:2.2rem;
}
.bloc_article .bt_actu:hover {
background-color:#83aad5;
}



.bloc_article a.fleche_actu {
width:40px;
height:30px;
line-height:30px;
color:#FFFFFF;
background-color:#3463a7;
text-align:center;
text-decoration:none;
font-size:1.7rem;
margin-right:5px;
position:absolute;
left:70px;
bottom:20px;
}

.bloc_article a.fleche_actu_gauche {
left:20px;
}


.bloc_article a.fleche_actu:hover {
background-color:#83aad5;
}


.slide_home {
padding:0;
}


.slide_home section {
max-width: 1900px;
}

.bloc_slide  {
overflow:hidden;
padding:0;
}


.bloc_slide ul {
height:420px;
position:relative;
}

.bloc_slide ul li {
float:left;
padding:20px;
height:420px;
position:relative;
}

.bloc_article .bloc_image {
height:200px;
width:calc(100% - 30px);
}


.bloc_article h2 {
color:#3463a7;
text-transform:uppercase;
margin:0 0 20px 0;
font-size:1.3rem;
}

.bloc_article p {
color:#83aad5;
text-align:justify;
}

/*-------------------------- FIN BLOC SLIDE ACTU --------------------------*/

/*-------------------------- BANDE SPECIALE --------------------------*/

.bande_gauche {
background-color:#3463a7;
float:left;
width:50%;
}

.bande_droite {
background-color:#83aad5;
float:left;
width:50%;
}

.bande_droite .bloc, .bande_gauche .bloc  {
background-color:#FFFFFF;
width:550px;
min-height:100px;
}

.bande_gauche .bloc {
float:right;
}


/*-------------------------- Bloc SLIDE HOME --------------------------*/
.slide_home {
background-color:#FFFFFF;
background-position:center center;
background-repeat:no-repeat;
background-size: cover;
position:relative;
padding:0;
}

.slide_home section {
background-color:none;
min-height:100px;
background-color:#303030;
}

.slide_home .nb_bloc1 {
padding:0;
}

.slide_home .nb_bloc1 .bloc_slide  {
margin:0;
width:100%;
}

.slide_home .nb_bloc1 .bloc_slide ul  {
height:411px;
}

.slide_home .nb_bloc1 .bloc_slide ul li  {

}



.slide_home .bloc_slide ul li h2 {
	color:#3463a7;
    padding: 20px 0;
    font-size: 2.7rem;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.slide_home .colonne1 p {
color:#FFFFFF;
}


.slide_home a.fleche_slide { 
font-size:7rem;
color:#FFFFFF;
position:absolute;
top:0%;
text-decoration:none;
height:420px;
line-height:420px;
padding:0 10px;
left:0%;
}

.slide_home a.fleche_slide_droite { 
right:0;
left:inherit;
}

.slide_home a.fleche_slide:hover { 
color:#3463a7;
}




/*-------------------------- Home Nos Activités --------------------------*/
.activite {
background:url(../images/interface/activites.png) no-repeat bottom center,  linear-gradient(to top, #FFFFFF 0%,#FFFFFF 35%,#FFFFFF 20%,#ebebeb 20%,#ebebeb 100%); /* W3C */	
}

.activite section {
height:470px;
text-align:center;
}

.activite section h3 {
display:inline-block;
width:calc(33% - 40px);
margin:0 20px;
vertical-align:top;
text-transform:uppercase;
cursor:pointer;
}

.activite section h3:hover {
color:#83aad5;
}


/*-------------------------- BT Inscriptions --------------------------*/
section .inscription {
display:table;
margin:auto;
background-color:#83aad5;
padding:15px 15%;
cursor:pointer;
margin-bottom:40px;
}

section .inscription:hover {
background-color:#3463a7;
}

section .inscription h2 {
color:#FFFFFF;
text-align:center;
font-size:32px;
margin-bottom:5px;
}
section .inscription h3 {
color:#FFFFFF;
text-align:center;
font-size:20px;
text-transform:uppercase;
}

/*-------------------------- GYM Loisirs --------------------------*/
.bg_degrader {
background-color:#FFFFFF;
background-position:top center;
background-repeat:no-repeat;
padding:0;
padding-bottom:30px;
}

.bg_degrader section {
padding-top:420px;
}

.bande section p {
color:#303030;
width:50%;
display:inline-block;
margin:auto;
font-size:18px;
line-height:28px;
text-align:left;
}

.bande section p span {
font-family:'bold', arial;
font-size:18px;
}


.loisir section .nb_bloc4 {
margin-bottom:30px;
position:relative;
height:280px;
}

.loisir {
z-index:9999999;
overflow:inherit;
}

.loisir section .nb_bloc4 .bloc {
border-radius:50%;
background-color:#83aad5;
height:270px;
cursor:pointer;
position:relative;
margin:0 15px;
}

.loisir section .nb_bloc4 .bloc:hover {
background-color:#3463a7;
}

.loisir section .nb_bloc4 .bloc:hover h2 {
color:#FFFFFF;
}


.loisir section .nb_bloc4 .bloc h2 {
padding-top:70%;
}

.loisir section .nb_bloc4 .bloc img {
position:absolute;
top:20%;
left:5%;
}

.loisir section .nb_bloc4 .bloc img.barre {
top:5%;
}

.loisir section .nb_bloc4 .bloc img.poutre {
top:25%;
}

.loisir section .nb_bloc4 .bloc img.sol {
top:25%;
}


.loisir section .nb_bloc4 .contenu_hover {
display:none;
padding:20px;
width:50%;
background-color:#3463a7;
position:absolute;
left:0;
z-index:9999999;
}

.loisir section .nb_bloc4 .contenu_hover img  {
position:absolute;
top:-20px;
left:calc(25% - 15px);
}

.loisir section .nb_bloc4 .contenu_hover p {
color:#FFFFFF;
width:100%;
}

.loisir section .nb_bloc4 .contenu_hover_visible {
display:block;
top:300px;
}

.loisir section .nb_bloc4 #contenu_barre {
left:25%;
}


.loisir section .nb_bloc4 #contenu_poutre {
right:25%;
left:inherit;
}


.loisir section .nb_bloc4 #contenu_sol {
right:0;
left:inherit;
}


.loisir section .nb_bloc4 #contenu_poutre img, .loisir section .nb_bloc4 #contenu_sol img  {
left:calc(75% - 15px);
}
/*-------------------------- GYM Loisirs --------------------------*/

.slide_loisir {
height:430px;
overflow:inherit;
}

.slide_loisir section {
position:inherit;
max-width:800px;
}

.slide_loisir section .nb_bloc1 {
display:inline-block;
width:609px;
}
.slide_loisir section .nb_bloc1 .bloc {
width:100%;
}

.slide_loisir section .bloc_slide ul {
position:inherit;
height:407px;
}

.slide_loisir section .bloc_slide ul li {
position:inherit;
}


.slide_loisir section a.fleche_slide {
    display:inline-block;
	font-size: 7rem;
    color: #3463a7;
    text-decoration: none;
    height: 400px;
    line-height: 400px;
    padding: 0 10px;
	float:left;
}

.slide_loisir section a.fleche_slide:hover {
   color: #83aad5;

}

.slide_loisir section a.fleche_slide_droite {
	float:inherit;
	float:right;
}


.age {
padding-bottom:40px;
}

.age section h2 {
color:#303030;
font-family:'light', arial;
margin-bottom:10px;
}

.age section p {
text-align:center;
}


/*-------------------------- Inscriptions --------------------------*/

.inscription {
padding-bottom:40px;	
	
}

.bande section p.txt-indent {
	text-indent:20px;
	margin-top:10px;
}

.bande section p.centrer {
	text-align:center;
}

.inscription section a {
	color:#303030;
	    font-size: 16px;
    text-decoration: none;
}

.inscription section a:hover {
	color:#3463a7;
}

.inscription section .adresse {
	justify-content: center;
	text-align: center;
	margin-left: 1%;
}

/*-------------------------- Facebook --------------------------*/

.facebook section {
	margin-bottom: 25px;
}


/*-------------------------- Equipe --------------------------*/

.equipe h3 {
	font-size:20px;
	margin-bottom:20px;	
}

.equipe h4 {
	font-size:20px;
	color:#303030;
	
    display: inline-block;
    margin: auto;
    line-height: 28px;

}

.equipe img {
	width:100%;
	max-width:720px;
	margin-bottom:20px;	
	
}

.equipe section p {
	font-size:15px;
	color:#333;
	margin-bottom:25px;
	width:100%;
	text-align:center;
}

.equipe section em {
	text-align:center;
}

.partenaire a {
font-size:18px;
color:#3463a7;
text-decoration:none;
padding:0 15px;
}

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

.bande section .coordonnees p, .bande section .coordonnees p a {
font-size:18px;
color:#3463a7;
text-align:center;
}

</style>