@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 */

a {
text-decoration: none !important; /* pour empecher le soulignement et la couleur pour les liens */
}

/* les photos */
.imageflottante1
{ float: left; margin-right: 10px; margin-bottom: 10px; margin-top: 15px;}
.imageflottante2
{ float: right; margin-left:10px; margin-bottom: 5px; margin-top: 15px;}
.imageflottante3
{ float: left; margin-right: 10px; margin-bottom: 10px; margin-top: 5px;}
.imageflottante4
{ float: right; margin-left:10px; margin-bottom: 5px; margin-top: 5px;}
.imageflottante5
{ float: left; margin-right: 10px; margin-bottom: 5px; margin-top: 5px;}

/* 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;
text-align: center;
}
#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;
margin-bottom:5px;
}
/* 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;
}
/* la premiere annonce google adsense */
#google-adsense {   
margin-top: 10px;
position: relative;
width:300px;
height: auto;
margin-left: 0px;
margin-right: 0px;
background-color: #ffffff;
}
/* la premiere annonce ancien flash */
#formulaire {   
margin-top: 8px;
position: relative;
width:300px;
height: 375px;
margin-left: 0px;
margin-right: 0px;
background-color: #ffffff;
}
/* le visuel filles*/
#visuelfilles {   
margin-top: 8px;
position: relative;
width:296px;
height: 337px;
margin-left: 0px;
margin-right: 0px;
background-color: #ffffff;
border:2px solid #DF0574;
}
/* 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 bas de page */
/* 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;
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;
}

#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;
}