/***************** STYLE GLOBAUX *****************/

a img{

border:none;

}

a:active, a:focus{

outline:none;

}

/***************** STYLE CONTENU *****************/





#contenu .titre h1{

font:bold 15px/16px Verdana, Arial, Helvetica, sans-serif;

color:#1286cd;

letter-spacing: normal;

margin: 16px 0 0 12px;

text-decoration: none;

text-transform: uppercase;

border: none;

}



#contenu h1{

font:bold 12px Verdana, Arial, Helvetica, sans-serif;

color:#0076be;

letter-spacing:1px;

margin:0 0 12px;

border-bottom:1px dotted #0076be;

}



#contenu h2{

font:bold 11px Arial, Helvetica, sans-serif;

color:#0076be;

letter-spacing:1px;

margin:0 0 7px;

border-bottom:1px dotted #0076be;

}

#contenu h3{

font:bold 15px Arial, Helvetica, sans-serif;

color:#7d8a2e;

letter-spacing:1px;

margin:0 0 12px 20px;

/*border-bottom:1px dotted #c9d787;           */

}

#contenu p{

font:normal 11px/1.4em Tahoma, Arial, Helvetica, sans-serif;

text-align:justify;

color:#001f4b;

margin-bottom:10px;

}



#contenu #main_content{

font:normal 11px/11px Tahoma, Arial, Helvetica, sans-serif;

text-align:justify;

color:#001f4b;

width:100%;

float:left;

}



#contenu #main_content p{

  font:normal 11px/11px Tahoma, Arial, Helvetica, sans-serif;

  text-align:justify;

  color:#001f4b;

  margin: 0 !important; padding: 0 0 7px 0;

}



#contenu #main_content div{

width:100%;

float:left;

padding:5px 0 3px 0;

border-bottom: dashed 1px #005B9C;

}





#contenu table {

  padding:0px;

  margin: 0px 0px 0px 0px;

  font:normal 11px/30px Tahoma, Arial, Helvetica, sans-serif;

  display:table;

}





#contenu table td{

  margin:0; padding:0;

  height:25px;

  vertical-align: top;





}



#contenu table td *{

float:left;

}



#contenu table td p{

  margin:0; padding:0;

  font-weight:normal;

  font-size:11px;

  font-family: Tahoma, Arial, Helvetica, sans-serif;

  line-height: 15px;

  text-align:left;

  color:#001f4b;

}



#contenu table input{

  margin:0px 1px 0 5px ; padding:0; height:15px;float:left;

}

#contenu table.test_gratuit input {

  margin:5px;

}

#contenu table.test_hasard td {

	height:10px;

}





#contenu p.important{

font: bold 11px/1.4em Tahoma, Arial, Helvetica, sans-serif;

text-align:justify;

color:#001f4b;

margin-bottom:1.1em;

padding-left:18px;

background: url(../images/charte/puce2.gif) 0px 3px no-repeat;

}



#contenu p.important1{

font: bold 11px/22px Tahoma, Arial, Helvetica, sans-serif;

text-align:justify;

color:#001f4b;

/*margin-bottom:1.1em;*/

padding: 0 0 0 18px;

background: url(../images/charte/puce2.gif) 0px 6px no-repeat;

margin:0px;



}



#contenu p.important2{

font: bold 14px/30px Tahoma, Arial, Helvetica, sans-serif;

text-align:justify;

color:#001f4b;

/*margin-bottom:1.1em;*/

padding: 0 0 8px 18px;

background: url(../images/charte/puce2.gif) 0px 10px no-repeat;

margin:0px;



}



#contenu p em{

font-weight:bold;

font-size:12px;

line-height:1.3em;

}

#contenu p.couleur, span.couleur{

font-weight:bold;

color:#0076be;

}

#contenu a:link, #contenu a:visited{

font-weight:normal;

text-decoration:underline;

color:#e23520;

}

#contenu a:hover, #contenu a:active{

color:#e23520;

text-decoration:underline;

}



#contenu ul, #contenu li{

  list-style-type: none;

  padding-left: 0px;

  padding: 0px;

}



#contenu ul.list1{

  width:100%;

  font:11px Tahoma, Arial, Helvetica, sans-serif;

  text-align:justify;

  color: #0076be;

  padding: 0px 0px 10px 0px;

}



#contenu ul.list2{

  width:100%;

  font:11px Tahoma, Arial, Helvetica, sans-serif;

  text-align:justify;

  color: #001f4b;

  padding: 0px 0px 10px 0px;

}

#contenu ul.list1 li{

  padding-left:12px;

  background: url(../images/charte/puce1.gif) 1px 5px no-repeat;

  font:11px/1.3em Tahoma, Arial, Helvetica, sans-serif;

  text-align:justify;

  color: #0076be;

}



#contenu ul.list2 li{

  padding-left:12px;

  background: url(../images/charte/puce1.gif) 1px 4px no-repeat;

  font:11px/1.3em Tahoma, Arial, Helvetica, sans-serif;

  text-align:justify;

  color: #001f4b;

  padding-bottom:1em;

}



#contenu #loisirs-container{

  border:solid 1px #28a8f3;

  width:229px;

  float:left;

}

#contenu #loisirs{

  border:solid 1px white;

  background: url(../images/charte/loisirs.jpg) left top no-repeat #39a4e6;

  width:215px;

  padding: 29px 6px 6px 6px ;

  float:left;

}



#contenu #loisirs p.titre-loisirs{

  line-height:1em;

  background: url(../images/charte/puce3.jpg) left 11px no-repeat;

  margin:0;

  height:15px;

  padding:7px 0px 0px 17px;

  color: #FFFFFF;

}



#contenu #loisirs p.date{

  line-height:15px;

  text-align:right;

  margin:0;

  padding:0px 0px 0px 17px;

  color: #b9e4fe;

}



#contenu .spacer{

  height: 3px;

  width:519px;

  background: url(../images/charte/spacer1.jpg) 0% 50% repeat-x;

  float:right;

}



#contenu .spacer2{

  width:100%;

  height:5px;

  float:left;

  background: url(../images/charte/spacer2.gif) 0px 2px repeat-x;

  clear:both;

}



#contenu #test{

  width:231px;

  float:left;

  background: url(../images/charte/test.gif) left top no-repeat;

  height:148px;

  margin-top:10px;

}

#contenu #test p{

  color: #FFFFFF;

  padding:5px 11px 6px 11px;

  line-height:1em;

  margin:0px;

}

#contenu #test img{

  float:right;

  margin-right: 11px;

}



#contenu .annonces{

  width:226px;

  float:left;

	border: 1px solid #99cc00;

  height:45px;

	padding: 2px;

	margin: 5px auto;

}



#contenu .annoncesContenu{

  background-color: #b5e103;

	padding: 1px;

	height: 43px;

	text-align: center;

}



#contenu .annoncesContenu p{

	text-align: center;

	margin-top:12px;

	font-size: 12px;

	font-weight: bold;

}



a.annoncesLien:active, a.annoncesLien:visited, a.annoncesLien:link{

	font-weight: bold !important;

}

a.annoncesLien:hover{

	text-decoration: none !important;

}



#contenu  .titre-loisir{

  width:100%;

  float:left;

  border-bottom: dashed 1px black;

}



#contenu  .titre-loisir .title{

  width:87%;

  float:left;

  font-size:11px;

  height: 19px;

}



#contenu  .titre-loisir .date{

  width:13%;

  float:right;

  font-size:11px;

  height: 19px;

}



#contenu .loisir{

   padding-top:10px;

   width:100%;

   float:left;

}



#contenu .loisir .texte{

  width:734px;

  float:right;

  padding:10px;

  border: solid 1px #ccdee8;

  background: #f0f9fe;

}

#contenu .loisir .texte p{

  padding: 0px;

  line-height:16px;

}



#contenu .aligner{

width:168px;

float:left;



}



/*#contenu .loisir .pic-container{

  float:left;



}*/



#contenu .loisir img{

  border:solid 1px #CCC;

  background-color: white;

  padding:10px;

  float:left;

}



#contenu .loisir .link{

  border:solid 1px #CCC;

  float:right;

  height:30px;

  padding:0 10px

}



#contenu .loisir  p.link{

  text-align: right;

}



#contenu img.services{

  padding: 15px 0px 5px  41px;

}



/***************** STYLE FOOTER *****************/

#footer p{

font:9px/30px Arial, Helvetica, sans-serif;

color:#fff;

text-align:right;

padding:0 10px 0 0;

}

#footer a:link, #footer a:visited{

text-decoration:none;

color:#c0deee;

}

#footer a:hover, #footer a:active{

text-decoration:underline;

color:#fff;

}


.partenaire{
float:left;
width:170px;
max-width:170px;
padding:4px;
margin-left:8px;
margin-top:10px;
text-align:center;
border:1px solid #005b9c;
}

.image{
float:left;
max-width:170px;
max-height:120px;
width:170px;
height:120px;
border-bottom:1px solid #005b9c; }

#contenu  p.titre{
font:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
width:170px;
border-bottom:none;
text-align:center;
line-height:1.2em;
color:#00005c;
height:30px;
margin-top:5px;
max-height:30px;}

#contenu  p.lien{
font:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
width:170px;
border-bottom:none;
text-align:center;
line-height:1.2em;
color:#c50d19;
height:30px;
max-height:30px;}