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

body {
background:#27acf5;
margin: 0px;
padding: 0px;
color: #1b1b1b;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
}

a{
color:#1e2e3a;
text-decoration:none;
}

a:hover, a:active{
color:#1f7bcd;
text-decoration:underline;
}

#conteneur {
padding: 0px;
margin: 0px auto;
position: relative;
width: 1286px;
height:auto;
background: url(Fond/fond-entier.gif) no-repeat top;
/*border:1px solid green;*/
}


#page {
position:relative;
width: 888px;
height:auto;
margin: auto;
/*padding-top:200px;*/
background:#FFF url(Fond/img-bandeau3.jpg) no-repeat;
/*border:1px solid black;*/
}

#piedpage {
position:relative;
background: url(Fond/fond--img-bas.gif) no-repeat top;
text-align:right;
width: 888px;
height:18px;
margin: auto;
color:#fff;
/*border:1px solid red;*/
}

#piedpage a{
color:#073482;
}
#piedpage a:hover{
color:#fff;
}

#logo-site{
width: 165px;
height:auto;
float:left;
margin:0;
padding:0;
/*border:2px solid red;*/
}

hr{
clear:both;
visibility:hidden;
margin:0;
padding:0;
}


/*-------------------------------MENU PRINCIPAL---------------------------------*/
#menu{
width: 710px;
height:30px;
margin: 0;
padding: 114px 0 0 7px;
float:left;
z-index: 300;
/*border:2px solid yellow;*/
}

#menu a img{
border:0;
text-decoration:none;
}


/*--------------------------------------FIN STYLES MENU PRINCIPAL---------------------------------------*/

/*------------------------------page d'accueil-----------------------*/

#entete-hp {
position:relative;
width: 888px;
height:153px;
margin: auto;
/*padding-top:200px;*/
background:#FFF url(Fond/bandeau-hp.jpg) no-repeat;
/*float:left;*/
/*border:1px solid black;*/
}

#contenu-hp{
width: 888px;
margin:auto;
padding:0 0 8px 0;
background:#fff;
/*border:2px solid blue;*/
}

#centre-col-gauche {
float: left;
width: 260px;
padding: 0 0 2px 11px !important;
padding: 0 0 2px 10px;
/*border:1px solid red;*/
}

#centre-col-centre {
float: left;
width: 400px;
padding: 0 2px 2px 0px;
margin-right:5px;
/*border:1px solid red;*/
}

#centre-col-droite {
float: left;
width: 200px;
margin: 0px;
padding: 0 0 2px 2px;
/*border:1px solid red;*/
}

.sommaire-video{
margin:0;

}

#sommaire-video-texte{
margin:0;
padding:0;
text-align:center;
}

#sommaire-video-titre{
margin:5px 0 0 2px;
padding:0;
color:#1E2E3A;
font-size:10px;
}

/*-----------------col gauche-------------------*/
.exergue{
font-size:12px;
color:#829003;
font-weight:bold;
float:left;
margin-bottom:30px;
}

.text-club{
margin-top:10px;
}

.legende{
font-size:10px;
margin:0;
padding:0;
}

#encadre1-leclub {
width: 250px;
height: auto;
margin:0;
padding:0;
border: solid 1px #d1d4d7;
background: url(hp/fond-encadre-gauche-hp.gif) no-repeat top left;
}

#encadre2-leclub {
width: 250px;
height: auto;
margin: 5px 0 0 0;
padding:5px 0 0 0;
border: solid 1px #d1d4d7;
background:url(hp/fond-encadre-gauche-hp-sans.gif) no-repeat top left;
}

.titre-rub-hp-video{
padding:0 0 0 5px;
}

.contenu-encadre-hp{
padding: 0 0px 8px 8px;
margin:0;
/*border:2px solid blue;*/
}

#img-leclub{
padding: 11px 5px 5px 0 !important;
padding: 8px 5px 5px 0;
/*border:2px solid blue;*/
clear:both;
}

#img-leclub img{
margin: 0 5px 5px 0;
}

#encadre1-leclub img{
float: left;
}

/*------------------fin col gauche---------------*/

/*----------------col centre--------------------------*/
.hp-encadres-centre {
width: 410px;
height: 140px;
margin: 0;
padding: 0;
background: url(hp/fond-cible-infos-centre.jpg) no-repeat center;
/*border:2px solid blue;*/
float:left;
}

.hp-encadres-centre-pac{
width: 410px;
height: 140px;
margin: 0;
padding: 0;
background: url(hp/fond-cible-infos-centre.jpg) no-repeat center;
/*border:2px solid blue;*/
float:left;
margin: 5px 0 5px 0;
}

.hp-encadres-centre p{
width: 240px;
padding: 0;
margin:14px 0 0 0;
/*border:2px solid #FF9900;*/
float:left;
}

.decouvrir{
color: #1b1b1b;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align:center;
background: url(hp/puce-ensavoirplus.gif) no-repeat;
float:right;
width:83px;
height:17px;
margin: 8px 30px 0 0;
}

.decouvrir a{
text-decoration: none;
color:#1e2e3a;
font-size:85%;
}

.decouvrir a:hover{
text-decoration: underline;
color:#d2006b;
}

.pratique-chapo-sommaire a{
color: #1b1b1b;
}

.pratique-chapo-sommaire a:hover{
color: #423a73;
}

#img-oa{
padding: 2px 5px 0 30px !important;
padding: 2px 5px 0 0px;
float:left;
/*border:2px solid #663366;*/
}

#img-pac{
padding: 0 5px 0 15px !important;
padding: 0 5px 0 0px;
float:left;
/*border:2px solid #663366;*/
}

#img-tandem{
padding: 10px 5px 0 30px !important;
padding: 10px 5px 0 0px;
float:left;
/*border:2px solid #663366;*/
}

#titre-oa{
margin-left:30px;
}

#titre-pac{
margin-left:0;
}

#titre-tandem{
margin-left:20px;
}

#titre-oa img,#titre-tandem img{
margin-right:3px;
}

#titre-pac img{
margin-right:2px;
}



/*------------------fin col centre-------------------*/

/*-----------------------col droite-------------------*/

.hp-encadres-droit1 {
width: 195px;
height: 330px;
margin: 0 0 20px 0;
padding: 0px;
border: solid 1px #d1d4d7;
}

#titre-video{
color:#003399;
padding:0;
margin:0;
}

#date-video{
color: #d31464;
padding: 0 0 0 10px;
margin-bottom:5px;
}

.titre-actus{
font-weight: bold;
color: #423a73;
margin:3px 0 0 0;
padding:0;
}

.titre-actus a{
font-weight: bold;
color: #423a73;
text-decoration:none;
}

.titre-actus a:hover,.titre-actus a:focus, .titre-actus a:active{
font-weight: bold;
color: #92a600;
text-decoration:underline;
}

.ensavoirplus-actus{
float:right;
padding: 5px 0 5px 0;
font-size:85%;
}

.ensavoirplus-actus a{
color:#92a600;
}

.ensavoirplus-actus a:hover{
color:#675e8c;
}

.ligne-separateur-actus{
border-bottom:1px solid #d7d9e4;
}


.lirelasuite-club{
font-size:85%;
float:right;
text-decoration:underline;
}

.lirelasuite-club a{
color: #92a600;
}

#calendrier{
width: 185px;
height:15px;
padding:3px 0 0 10px;
background:url(hp/pixel-verti-calendrier.gif) repeat-x;
margin:5px 0 3px 0;
}

#calendrier a{
font-weight:bold;
width: auto;
height:25px;
color:#fff;
/*border:1px solid red;*/
}

#calendrier a:hover{
font-weight:bold;
text-decoration:underline;
width: 185px;
height:25px;
color:#FFFFFF;
}


#champ-newsletter{
margin: 5px 0 0 0;
}

#inscription-news{
width:188px;
background:#009ee0;
/*background:#009ee0 url(hp/pixel-verti-calendrier-actus.gif) repeat-x;*/
margin:0;
padding:5px 0 5px 8px;
color:#fff;
font-size:11px;
font-weight:bold;
line-height:9px;
/*border:1px solid #00FF00;*/
}

#inscription-news p{
margin:0 0 3px 0;
padding:0;
}

#hp-titres-encadres-actus{
background: url(hp/fond-encadre-droit-hp.gif) no-repeat top left;
}


/*----------------------fin col droite-------------------*/


/*-------------------------------fin page d'accueil------------------*/



/*------------------------------page rubrique------------------------*/
#entete-rubrique {
position:relative;
width: 888px;
height:153px;
margin: auto;
/*padding-top:200px;*/
background:#FFF url(Fond/bandeau-rubrique.jpg) no-repeat;
/*border:1px solid black;*/
}

#contenu-rubrique{
width: 888px;
min-height:400px;
height:auto !important;
height:400px;
margin:auto;
padding:0 0 15px 0;
background:#fff url(pageRubriques/fond-colonnage.gif) repeat-y;
text-align:justify;
/*border:2px solid blue;*/
}

#contenu-rubrique-actu{
width: 888px;
margin:auto;
padding:0 0 15px 0;
background:#fff url(pageRubriques/fond-page-actus.gif) repeat-y;
/*border:2px solid blue;*/
}

#col-gauche-rub p{
margin:10px 0 2px 0;
padding:0;
}

#col-gauche-rub strong.spip {
margin:0;
padding:0;
font-weight:bold;
color:#2279b0;
}

/*------------------nav--------------------*/
#menu-page-rubrique{
float: left;
width:172px;
height:100%;
margin: 0;
padding: 0;
background:#0269ab;
/*border: 2px solid yellow;*/
}

#nav-sous-menu {
width: 100%;
height:100%;
list-style: none ;
margin: 0 ;
padding: 0 ;
background:#0483c8;
text-align:left;
}
				
#nav-sous-menu  li a {
height:auto;
display: block ;
color: #fff ;
font-size: 12px;
padding: 5px 0 8px 7px;
vertical-align:bottom;
text-decoration: none ;
background:#026caf url(pageRubriques/sous-menu/btn-inactif-bleu.gif) no-repeat top;
}

#nav-sous-menu  li a:hover{
background:#0389de url(pageRubriques/sous-menu/btn-rollover-bleu.gif) no-repeat;
color:#FFF;
}


#nav-sous-menu  li a.on{
background:#0389de url(pageRubriques/sous-menu/btn-rollover-bleu.gif) no-repeat;
color:#FFF;
}
#nav-sous-menu  li a:focus, #nav-sous-menu  li a:active {
background:#FFF url(pageRubriques/sous-menu/btn-actif-blanc.gif) no-repeat;
color:#d1006b;
font-weight:bold;
}

/*--------------------fin nav------------------------*/

#col-gauche-rub{
float:left;
width:470px;
height:auto;
margin: 0 10px 0 10px;
padding:0 15px 15px 15px;
border: solid 1px #d1d4d7;
background:#fff;
}

#col-gauche-rub-2col{
float:left;
width:660px;
height:auto;
margin: 0 10px 0 10px;
padding:0 15px 15px 15px;
border: solid 1px #d1d4d7;
background:#fff;
}

.col-gauche-rub-actu{
float:left;
width:600px;
height:auto;
margin: 0 10px 0 10px;
padding:15px;
border: solid 1px #d1d4d7;
background:#fff;
}

#ttes-actus ul{
font-weight:bold;
color:#d1006b;
}

#ttes-actus li{
font-weight:bold;
color:#92a600;
list-style-image:none;

}

#col-gauche-rub-calend{
float:left;
width:835px;
height:auto;
margin: 0 10px 0 10px;
padding:15px;
border: solid 1px #d1d4d7;
background:#fff;
}

#col-droite-rub{
float:left;
width:160px;
height:auto;
margin: 0 10px 0 0;
padding: 5px 10px;
border: solid 1px #d1d4d7;
background:#fff;
text-align:left;
}

#col-droite-rub-galerie{
float:left;
width:180px;
height:auto;
margin: 0 10px 0 0;
padding: 5px 0 0 0;
border: solid 1px #d1d4d7;
background:#fff;
text-align:left;
}

#col-droite-rub-actu{
float:left;
width: 200px;
height:auto;
margin: 0 10px 0 0;
padding: 5px 5px;
border: solid 1px #d1d4d7;
background:#fff;
text-align:left;
}

.fd-autres-actus{
width:auto;
height:auto;
background:url(pageRubriques/fd-btn-actus-dte-p-actus.gif) repeat-x bottom;
padding: 0 8px 8px 10px;
}

.fd-autres-actus-mois{
width:auto;
height:63px;
background:url(pageRubriques/fd-btn-actus-dte-p-actus-mois.gif) repeat-x bottom;
padding: 0 8px 3px 10px;
}

.fd-ttes-actus{
width:auto;
height:25px;
background:#8483b9 url(pageRubriques/fd-btn-tte-actus-dte-p-actus.gif) repeat-x bottom;
padding:3px 8px 0 10px;
margin:0;
/*border:1px solid red;*/
}

#col-droite-rub table.spip{
width:100px;
}

#col-droite-rub table.spip tr.row_first{
#000;
}

.mois-actus{
font-weight: bold;
color: #038edc; 
margin:0;
padding:5px 0 5px 0;
font-size: 11px;
clear:left;
border-bottom:solid 1px #d1d4d7;
}


/*------------------------------fin page rubrique---------------------*/

/*----------------------------rubrique vidéo---------------------------------*/

.contenu-video{
clear:left;
margin: 20px 0 0 0;
}

.titre-galerie-video{
color: #1e2e3a;
font-size: 14px;
font-weight: bold;
clear:left;
margin:0;
padding:0;
}

.position-fiche-video{
float:left; 
/*border:2px red solid; */
width:218px; 
height:130px;
padding:10px 6px 0 6px;
margin: 20px 0 0 0;
background:#d9e1e7;
}

.position-video{
float:left; 
/*border:2px #000 solid;*/
}
/*----------------------------fin rubrique vidéo---------------------------------*/

.logo-article{
float: left;
margin:15px 15px 15px 0;
padding:0;
}

.chapeau-galerie{
padding:0 0 10px 0;
margin:0;
}

.date{
font-weight: bold;
color: #92a600;
margin:0;
padding:3px 0 0 0;
font-size: 10px;
}

.date-galerie{
font-weight: bold;
color: #d25a97;
margin:15px 0 0 0;
padding:3px 0 0 0;
font-size: 10px;
}

.actus-mois{
font-weight: bold;
color: #92a600;
margin:0;
padding:0;
font-size: 11px;
}

#col-droite-rub-actu .actus-mois a:on{
color:#1f7bcd;
}

.autre-galerie-photo{
margin-bottom: 10px;
}

.col-droite-rub div{
margin-bottom: 10px;
padding:0;
}

h1{
text-align:left;
color:#d3437f;
line-height:19px;
font-weight:bold;
font-size:20px;
margin:15px 0 5px 0;
padding:0;
}

h2{
text-align:left;
color:#d2006b;
line-height:23px;
font-weight:bold;
font-size:20px;
margin:0 0 15px 0;
padding:0;
}

h4{
text-align:left;
font-weight:bold;
line-height:14px;
letter-spacing:0.2px;
word-spacing:0.2px;
color:#d3437f;
margin:0;
padding:15px 0 0 0;
font-size: 12px;
}

h3{
text-align:left;
color: #2a3e4d;
/*color: #038edc;*/
font-size:13px;
line-height:14px;
letter-spacing:0.2px;
word-spacing:0.2px;
font-weight:bold;
margin:30px 0 20px 0;
padding:0;
}

#col-droite-rub h3{
text-align:left;
color: #2a3e4d;
/*color: #038edc;*/
font-size:13px;
line-height:14px;
letter-spacing:0.2px;
word-spacing:0.2px;
font-weight:bold;
margin:10px 0 20px 0;
padding:0;
}

h5{
text-align:left;
color:#000000;
font-size:11px;
font-weight:normal;
}

.titre-galerie-photo{
color: #1e2e3a;
font-size: 14px;
font-weight: bold;
margin:0;
padding:0;
}

.titre-galerie-photo-coldte{
font-size: 11px;
font-weight: bold;
color: #435461;
clear:left;
margin:0;
padding:0;
}

.titre-actus a{
font-weight: bold;
color: #423a73;
text-decoration:none;
}

.titre-actus a.on{
font-weight: bold;
color: #92a600;
text-decoration:underline;
}

.titre-actus a:hover, .titre-actus a:active, .titre-actus a:focus{
font-weight: bold;
color: #92a600;
text-decoration:underline;
}

.autre-bloc{
color: #4e3e7f;
}

.enbref{
color:#4e3e7f;
}

.texte-rub{
clear:left;
}


#col-droite-rub table.spip, #col-droite-rub-actu table.spip{
width:160px;
border:0;
}

#col-gauche-rub table.spip{
width:auto;
border:0;
}

table.spip tr.row_odd {
width:100%;
background-color: #b0c0dd;
vertical-align: top;
}

table.spip tr.row_even {
width:100%;
background-color: #d3d6ea;
 vertical-align: top;
}

table.spip td{
border:1px #fff solid;
 vertical-align: top;
}


.tab-col-droite{
color:#fff;
font-weight:bold;
}

#col-droite-rub img{
border: 1px solid #9f5a86;
margin:6px 3px 0 0;
padding:0;
float:left;
}

/*------------------------------------------------ARTICLE 29 (ACTUALITE)*/

.chapo-actus{
color: #1e2e3a;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight:bold;
}

.actus-titre-pple-p-actus{
font-size:15px;
font-weight: bold;
color: #423a73;
margin:8px 0 0 0;
padding:0;
}

.titre-tte-actus{
font-weight: bold;
margin:8px 0 0 0;
padding:0;
}

.titre-tte-actus a{
color: #FFFFFF;
}

.titre-tte-actus a:hover{
color: #FFFFFF;
}