@charset "UTF-8";
/* CSS Document */

* {
font-family:"Verdana", Helvetica, Arial, Geneva, sans-serif;
}
/*----------------------------------------------------------------------------------------------*/
/* reset */
/*----------------------------------------------------------------------------------------------*/
html {
font-size: 62.5%;
background-color: #f1f3f2;
}
body {
font-family:"Verdana", Helvetica, Arial, Geneva, sans-serif;
font-size: 14px; font-size: 1.400rem;/* =14px */
width: 100%;
display: block;
z-index: 1;
max-width: 1024px; /*trés important : cela permet de centrer le site en conservant l'elasticité du menu*/
margin: 0 auto;
}
h1 {
font-size: 23px; font-size: 2.300rem;/* =20px */
font-weight: bold;
margin: 0 0  0.300rem 0; /* haut-droit-bas-gauche */
color: #0f368f;
}
h2 {
font-size: 17px; font-size: 1.700rem;/* =17px */
font-weight: bold;
margin:  0 0 0.200rem 0; /* haut-droit-bas-gauche */
color: #0f368f;
}
h3 {
font-size: 18px; font-size: 1.800rem;/* =18px pour la colonne droite */
font-weight: bold;
margin:  0.400rem 0 0.400rem 0; /* haut-droit-bas-gauche */
}
h4 {
font-size: 15px; font-size: 1.500rem;/* =15px pour la colonne droite */
font-weight: bold;
margin:  0.400rem 0 0.400rem 0; /* haut-droit-bas-gauche */
}
h5 {
font-size: 14px; font-size: 1.400rem;/* =14px pour la colonne droite */
font-weight: normal;
margin:  0.600rem 0 0.400rem 0; /* haut-droit-bas-gauche */
color: #0d3081;
}
h6 {
font-size: 12px; font-size: 1.200rem;/* =12px pour la colonne droite */
font-weight: normal;
line-height: 1.5rem;
margin:  0 0  0 0;/* haut-droit-bas-gauche */
color: #0d3081;
}
p { font-size: 14px; font-size: 1.400rem;/* =14px */ } /* =14px */

/* les photos */
.imageflottante1
{ float: left; margin-right: 10px; margin-bottom: 10px;}
.imageflottante2
{ float: right; margin-left:10px; margin-bottom: 5px;}
.imageflottante3
{ float: right; margin-left:5px; margin-bottom: 5px;}
.imageflottante4
{ float: left; margin-right: 5px; margin-bottom: 0px; margin-top: 13px; border: 1px solid #022370;}
.imageflottante5
{ float: right; margin-right: 0px; margin-left:5px;}
.imageflottante6
{ float: left; margin-right: 0px; margin-top:5px; margin-bottom:5px;}
.imageflottante7
{ float: left; margin-right: 10px; margin-bottom: 0px; margin-top: 12px;}
.imageflottante8
{ float: right; margin-left: 5px; margin-bottom: 0px; margin-top: 12px;}
.imageflottante9
{ float: left; margin-right: 10px; margin-bottom: 0px; margin-top: 20px; border: 1px solid #022370;}
.imageflottante10
{ float: right; margin-left: 10px; margin-bottom: 0px; margin-top: 20px; border: 1px solid #022370;}
.imageflottante11
{ float: left; margin-right: 10px; margin-bottom: 15px; margin-top: 0px;}
.imageflottante12
{ float: right; margin-left: 10px; margin-bottom: 10px; margin-top: 10px;}
.imageflottante13
{ float: left; margin-right: 10px; margin-bottom: 10px; margin-top: 15px;}
.imageflottante14
{ float: left; margin-right: 10px; margin-bottom: 0px; margin-top: 20px;}
.imageflottante15
{ float: right; margin-left: 5px; margin-bottom: 0px; margin-top: 20px;}
.imageflottante16
{ float: left; margin-right: 10px; margin-bottom: 0px; margin-top: 0px;}
.imageflottante17
{ float: right; margin-left: 8px; margin-bottom: 0px; margin-top: 10px;} /* colonne droite */
.imageflottante18
{ float: right; margin-left: 5px; margin-bottom: 0px; margin-top: 3px; border: 1px solid #022370;}
.imageflottante19
{ float: left; margin-right: 10px; margin-top:5px; margin-bottom:0px;}
.imageflottante20
{ float: left; margin-right:5px; margin-bottom: 0px; margin-top: 4px; border: 1px solid #022370;} /* colonne droite */
.imageflottante21
{ float: left; margin-right: 8px; margin-top: 12px; margin-bottom:0px;}
.imageflottante22
{ float: right; margin-left: 10px; margin-bottom: 10px; margin-top: 15px;}
.imageflottante23
{ float: right; margin-left: 7px; margin-bottom: 20px; margin-top: 20px;}
.imageflottante24
{ float: left; margin-right: 10px; margin-top:3px; margin-bottom:0px;}
.imageflottante25
{ float: right; margin-left: 10px; margin-bottom: 0px; margin-top: 10px;}
.imageflottante26
{ float: left; margin-right: 10px; margin-top:0px; margin-bottom:5px;}
.imageflottante27
{ float: right; margin-left: 5px; margin-bottom: 0px; margin-top: 0px;}
.imageflottante28
{ float: right; margin-left: 5px; margin-bottom: 5px; margin-top: 0px;}
.imageflottante29
{ float: left; margin-right: 10px; margin-top:5px; margin-bottom:0px;}
.imageflottante30
{ float: right; margin-left: 5px; margin-bottom: 0px; margin-top: 5px;}
.imageflottante31
{ float: right; margin-left: 10px; margin-bottom: 0px; margin-top: 5px;}

/* la taille adaptative de la video*/
#video-sport {
max-width: 100%;
height: auto;
}

/* les puces bleues*/
ul#puces {
margin: 0;
padding: 0;
list-style-type: none;	
font-family: "Verdana", Arial, "Arial Black", serif; color: #333333; 
font-size: 14px; font-size: 1.400rem;/* =16px */
font-weight: normal; text-align: left;
}
ul#puces li {
background: url("/reseau-de-loisirs/images/pucebleue.jpg") no-repeat 0 5px;
margin: 0;
padding: 0 0 0 14px;
}

fieldset,iframe {
border: none;
}
caption,th {
text-align: left;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
header,nav,#content_01,#content_02,p,.content_01_block,article,aside,hgroup,section,img,figure,figcaption,div,footer {
display: block;
}
a, a:hover, a:active, a:visited {
color: #000;
text-decoration: none;
cursor: pointer;
}
#titre_texte
{
max-width: 1024px;
text-align: center;
vertical-align: middle; /* On aligne les éléments au milieu */ /*très important : cela permet de garder la position quand on réduit le body*/
padding-top: 62px;
font-family: "Verdana", Arial, "Arial Black", serif; 
font-size: 16px; font-size: 1.600rem;/* =16px */
font-style: normal; 
color: #032b74; 
font-weight: bold; 
line-height: 2.0rem;
}
#titre_texte_petit
{
display:none;
}
a.nounderline:link 
{ 
text-decoration:none; 
} 
a.menulink:link 
{ 
text-decoration:none; 
}

#container {
overflow:hidden; /*pour l'essai de positionnement*/
max-width: 1024px; /*très important : cela permet de centrer le site en conservant l'elasticité du menu*/
position:relative;
background-color: #ffffff;
padding:0px;
z-index:1;
}
/*----------------------------------------------------------------------------------------------*/
/* Le block des pages */
/*----------------------------------------------------------------------------------------------*/	
#content-page-general {
overflow: hidden;
text-align: center;
height: auto;
max-width: 1024px;
margin: 0.500rem  0 0 0 ; /* haut-droit-bas-gauche */
padding:  0.100rem  0.500rem 0.100rem 0.500rem ; /* haut-droit-bas-gauche */
background: #ffffff;
z-index: 1;
}
#colonne-gauche {
float: left;
text-align: left;
max-width:66%;
padding:  0 0 0.500rem 0 ; /* haut-droit-bas-gauche */
margin: 0  0 0 0 ; /* haut-droit-bas-gauche */
z-index: 1;
background-color: #ffffff; 
}
#colonne-droite {
float: right;
height: auto;
width: 300px;
background-color: #ffffff; 
padding-bottom:5px;
margin-top:10px;
}
/* le premier block d'infos à l'intérieur du block gauche*/
#blockcentretitre
{   
overflow: hidden;
text-align: center;
background-color: #ffffff;
margin:  1.000rem  0 0 0 ; /* haut-droit-bas-gauche */
padding:  0  0 0.500rem 0 ; /* haut-droit-bas-gauche */
z-index: 1;
}
/* le premier block d'infos à l'intérieur du block gauche*/
#blockcentreinfos
{   
overflow: hidden;
left:0px;
background-color: #ffffff;
border-bottom: 1px solid #6c92e0;
margin:  0  0 1.000rem 0 ; /* haut-droit-bas-gauche */
padding:  0  0 0.500rem 0 ; /* haut-droit-bas-gauche */
z-index: 1;
}
/* les boutons j'aime*/
#comments
{
position: relative;
width: auto;
height: 22px;
margin:  0.500rem 0 0 0 ; /* haut-droit-bas-gauche */
padding: 0.400rem;
background-color: #e8e7e7;
}
.twitter-share-button
{
margin-right: 20px;
}
/* le tableau footervilles*/
#footeramis_tableau_1 {
position: relative;
max-width: 1004px;
text-align:left;
font-family:"Verdana",Arial,"Arial Black",serif;
font-size: 10px; font-size: 1.000rem;/* =10px */
line-height: 1.4rem;
font-weight:bold;
color: #555555;
text-decoration:none;
border-top:1px solid #6c92e0;
margin:  0 1.000rem  0  1.000rem ; /* haut-droit-bas-gauche */
padding: 0.800rem  0 0.8000rem 0 ; /* haut-droit-bas-gauche */
}
.footeramis_tableau {
border-collapse:collapse
}
.footeramis_tableau td {
width: 254px;
empty-cells: show;
height: 10px;
 }
/* Liens */
#footeramis_tableau_1 a:link {
color: #777777;
}
#footeramis_tableau_1 a:visited {
color: #555555;
}
#footeramis_tableau_1 a:hover{
color: #DF0574;
}
/* mentions et contact*/
#mentions{
position: relative;
max-width: 1024px;
background-color: #f3f3f4;
text-align:center;
font-family:"Verdana",Arial,"Arial Black",serif;
font-size: 10px; font-size: 1.000rem;/* =16px */
font-weight: bold;
color: #555555;
text-decoration: none;
border-top:1px solid #6c92e0;
padding:  0.800rem  0 2.0000rem 0 ; /* haut-droit-bas-gauche */;
}
/* Liens */
#mentions a:link {
color: #777777;
}
#mentions a:visited {
color: #555555;
}
#mentions a:hover{
color: #DF0574;
}

#blockdroitphoto_top
{   
position: relative;
width:300px;
text-align: left;
padding:  0 0 0.700em 0 ; /* haut-droit-bas-gauche */
margin:  0 0 0 0 ; /* haut-droit-bas-gauche */
z-index: 1;
}
#blockdroitphoto
{   
position: relative;
width:300px;
text-align: left;
padding:  0.200em 0 0.700em 0 ; /* haut-droit-bas-gauche */
margin:  0 0 0.500em 0 ; /* haut-droit-bas-gauche */
border-bottom: 1px solid #6c92e0;
z-index: 1;
}
#blockdroittexte
{   
position: relative;
width:300px;
text-align: left;
padding:  0 0 0 0 ; /* haut-droit-bas-gauche */
margin:  -0.900rem 0 -1.200rem 0 ; /* haut-droit-bas-gauche */
z-index: 1;
}
/* le block google à l'intérieur du block droit*/
#google-adsense
{   
position: relative;
width:300px;
background-color: #ffffff; 
margin: 0  0 0.300rem 0 ; /* haut-droit-bas-gauche */ 
padding:  1.000rem  0 0.700rem 0 ; /* haut-droit-bas-gauche */
}
#trait_bleu
{
border-top: 1px solid #6c92e0;
max-width : 300px;
}
/*----------------------------------------------------------------------------------------------*/
	/* LA PAGE DES BLOGS
/*----------------------------------------------------------------------------------------------*/	
/* le block central des pages blog affichées dans l'iframe*/
#blockcentre-page-blogs-blogs
{   
position: relative;
width:1024px;
left:-5px;
top:-10px;
margin-top:0px;
background-color: #ffffff; 
padding-bottom: 1px;
z-index: 1;
}
#blockgauche-iframe
{   
position: relative;
width:1024px;
margin-top:0px;
background-color: #ffffff; 
padding-bottom: 1px;
padding-right: 10px;
margin-left: 0px;
z-index: 1;
}
#blockgauche-blogs
{   
position: relative;
width:1020px;
margin-top:0px;
background-color: #ffffff; 
padding-bottom: 1px;
padding-right: 10px;
padding-left: 0px;
z-index: 1;
}
 /* le block de gauche divisable en trois de la page des blogs */
#blockgauchetrois
{   
position: relative;
width:1000px;
left:10px;
margin-top:5px;
background-color: #ffffff; 
padding-bottom: 1px;
padding-right: 0px;
margin-left: 0px;
}
#blockcentretitre-blogs
{   
position: relative;
width:1000px;
background-color: #ffffff;
font-family: "Verdana", Arial, "Arial Black", serif; 
color: #6c92e0; 
font-size: 18px; font-size: 1.800rem;/* =16px */
font-weight: bold; 
text-align: left;
margin-left : 12px;
padding-bottom : 5px;
padding-top : 15px;
z-index: 1;
}
/* le block gauche à l'intérieur du block gauche*/
#block-blogs1
{   
position: relative;
width:325px;
left:0px;
margin-top:0px;
background-color: #ffffff; 
padding-right: 0px;
}
/* le block du centre*/
#block-blogs2
{   
position: absolute;
width:325px;
top: 0px;
left:338px;
padding-top:0px;
background-color: #ffffff; 
float:left; /*pour IE*/
}
/* le block droit à l'intérieur du block gauche*/
#block-blogs3
{   
position: absolute;
width:325px;
top: 0px;
left:676px;
padding-top:0px;
background-color: #ffffff; 
float:left; /*pour IE*/
}
/* le block à l'intérieur des blocks pour la page des blogs*/
#blockdesblogs
{   
position: relative;
width:314px;
height: 310px;
left:0px;
margin-bottom: 10px;
font-family: "Verdana", Arial, "Arial Black", serif;
padding-top: 5px;
padding-left: 5px;
padding-right: 5px;
background-color: #ffffff; 
border: 2px solid #6c92e0;
}

#notices_legales {
overflow: hidden;
text-align: center;
padding:  0.500rem  1.000rem 0.500rem 0 ; /* haut-droit-bas-gauche */
margin: 0  0 0 0 ; /* haut-droit-bas-gauche */
z-index: 1;
}