<!--

body {
	background-image: url('images/fond.jpg');
	font-size: 76%;
}

#wrap {
	background:#fff;
	/*color:#303030;*/
	margin-left: -500px;
	padding:0px; 
	width:1000px;
	position: relative;
	left: 50%;
	height: auto;
}

.banniere
{
background-image: url('images/ban6.jpg');
height:150px;
overflow:hidden;
cursor:pointer;
}

.drapeau-ban{
margin-top:10px;
margin-left:10px;
width:160px;
float : left;
overflow:hidden;
}

.milieu-ban{
margin-top:0px;
width:690px;
height:150px;
float : left;
}

.connexion-ban{
margin-top:35px;
width:140px;
float : left;
overflow:hidden;
}

.newsletter-field{
background-image:url(images/newsletter.gif);
background-position:left;
background-repeat:no-repeat;
padding-left:20px;
width:152px;
height:19px;
margin-left: 0px;
}

.newsletter-bouton{
width:152px; 
height:22px;
margin-left: 0px;
}


.barre-menu{
position:absolute;
margin-left:2px;
}


.menu{
background-image: url('images/menu.jpg');
width:165px;
height:45px;
position:relative;
font-size:15px;
overflow: hidden;
font-weight: bolder;
}

.menus{
width:165px;
float : left;
margin-right: 1px; 
}

div.menus span.content {
display: none;
}

.sousmenu{
background:#d4f9ff;
text-align:center;
font-size:15px;
font-weight: normal;
height:25px;
cursor:pointer;
}

.lastnews{
height:390px;
background-image:url('images/rect-news3.jpg');
margin-top:50px;
margin-left:7px;
width:630px;
float : left;
margin-bottom: 10px; 
padding-top:0px;
overflow:hidden;
}

.indexdroit{
background-image:url('images/index-droit.jpg');	
height:390px;
margin-top:50px;
margin-left:9px;
width:345px;
float : left;
margin-bottom: 10px; 
overflow:hidden;
}


.nextecheance{
height:175px;
/*background-image:url('images/rect-echeance2.jpg');*/
width:345px;
margin-bottom: 10px; 
overflow:hidden;
}

.lastvideo{
height:215px;
width:345px;
}


.news-index-date{
margin-left:1px;
text-overflow:ellipsis;
overflow:hidden;
width: 80px;
height:62px;
float : left;
padding-top: 10px;
}

.news-index-descr{
margin-left:5px;
white-space:nowrap;
text-overflow:ellipsis;
overflow:hidden;
width: 270px;
float : left;
height:62px;
}

.news-index-descr-titre{
font-size:19px; 
height:18px;
}

.news-index-descr-descr{
font-size:12px;
}

.news-total{
margin-left:12px;
cursor:pointer;
width:370px;
height: 62px;
padding-top:5px;
overflow:hidden;
}

.news-gauche{
width:385px;
height: 380px;
float:left;	
}

.news-droite{
cursor:pointer;
width:240px;
height: 380px;
padding-top:65px;
overflow:hidden;
float:left;
margin-left: -10px;
}

.titre-carre-news{
margin-left:12px;
cursor:pointer;
margin-top:5px;
width:607px;
height: 30px;
padding-top:5px;
overflow:hidden;
text-align:center;
font-size:20px;
color:#db11ff;
}

.echeance-index-date{
margin-left:3px;
text-overflow:ellipsis;
overflow:hidden;
width: 60px;
float : left;
overflow:hidden;
}

.echeance-index-descr{
margin-left:5px;
white-space:nowrap;
text-overflow:ellipsis;
overflow:hidden;
width: 232px;
float : left;
font-size:15px;
font-weight:normal;
}

.echeance-total{
margin-left:12px;
cursor:pointer;
margin-top:5px;
margin-bottom:5px;
width:322px;
height: 20px;
padding-top:5px;
overflow:hidden;
}

.titre-carre-echeance{
margin-left:12px;
cursor:pointer;
margin-top:5px;
width:322px;
height: 30px;
padding-top:5px;
overflow:hidden;
text-align:center;
font-size:20px;
color:#db11ff;
}


.titre-carre-video{
margin-left:12px;
cursor:pointer;
margin-top:5px;
width:322px;
height: 40px;
padding-top:5px;
overflow:hidden;
text-align:center;
font-size:12px;
color:#db11ff;
}

.video{
margin-left:22px;
}

.copyright{
clear:left; 
text-align:center;
}


.titre-carre-stage{
margin-left:12px;
cursor:pointer;
margin-top:5px;
width:322px;
height: 30px;
padding-top:5px;
overflow:hidden;
text-align:center;
font-size:20px;
color:#db11ff;
}


.news{
margin-top:50px;
margin-left:7px;
margin-bottom: 10px; 
}

.news-date{
font-style: italic;
font-weight: lighter;
font-size:12px;
}

.news-titre{
margin-top:5px;
text-decoration:underline;
font-style: normal;
font-weight: bolder;
font-size:25px;
color:red;
text-align:center;
}

.news-contenu{
margin-top:20px;
font-style: normal;
font-size:15px;
margin-left: auto;
margin-right: auto;
width:650px;
background-color: #cfe7e8;
}

.news-lien{
margin-top:20px;
font-style: normal;
font-size:20px;
margin-left: auto;
margin-right: auto;
width:650px;
background-color: #cfe7e8;
text-align:center;
}

.news-toutes{
font-size:12px;
}

.admin-menu{
margin-top:20px;
border-width: 1px;
border-style: solid; 
border-color: #1360fe;
background-color: #cfe7e8;
margin-left: 2px;
width: 140px;
float :left;
}

.admin-droite{
margin-top:20px;
border-width: 1px;
border-style: solid; 
border-color: #1360fe;
background-color: #dffffd;
margin-left: 2px;
width : 750px;
float :left;
}

.news-liste{
margin-top:50px;
margin-left:7px;
margin-bottom: 10px; 
}

.news-prop{
margin-top:20px;
font-style: normal;
font-size:15px;
margin-left: auto;
margin-right: auto;
width:650px;
background-color: #e2f6ff;
}

.news-liste-titre{
height:50px;
margin-top:10px;
margin-left:15px;
width:400px;
float : left;
margin-bottom: 5px; 
font-size:20px;
color:red;
padding-top:17px;
}

.news-liste-date{
height:50px;
margin-top:30px;
margin-left:13px;
width:60px;
float : left;
margin-bottom: 0px; 
font-size:12px;
font-style:italic;
}

.galeries-prez{
margin-top:50px;
margin-left:7px;
margin-bottom: 10px; 
}

.galeries-prop{
margin-top:20px;
font-style: normal;
font-size:15px;
margin-left: auto;
margin-right: auto;
width:650px;
background-color: #e2f6ff;
}


.galeries-nom{
height:50px;
margin-top:10px;
margin-left:7px;
width:275px;
float : left;
margin-bottom: 5px; 
font-size:20px;
color:red;
padding-top:17px;
}

.galeries-nombre{
height:50px;
margin-top:10px;
margin-left:13px;
width:100px;
float : left;
margin-bottom: 5px; 
padding-top:17px;
}

.galeries-oeil{
height:50px;
margin-top:10px;
margin-left:60px;
width:50px;
float : left;
margin-bottom: 5px; 
text-align: center;
cursor:pointer;
}

.galeries-winzip{
height:50px;
margin-top:10px;
margin-left:60px;
width:50px;
float : left;
margin-bottom: 5px; 
text-align: center;
}

.galeries-barre{
height:5px;
margin-left:auto;
margin-right:auto;
width:650px;
clear : left;
text-align: center;
}


.photo-prez{
margin-top:50px;
margin-left:7px;
margin-bottom: 10px; 
}

.photo{
border-bottom: blue;
border-bottom-width: 3px;
height:210px;
margin-top:10px;
margin-left:5px;
width:210px;
float : left;
margin-bottom: 5px; 
text-align: center;
background-color:red;
}

.galerie-titre{
margin-top:5px;
margin-bottom:15px;
text-decoration:underline;
font-style: normal;
font-weight: bolder;
font-size:25px;
color:red;
text-align:center;
}

.galerie-contenu{
margin-top:20px;
font-style: normal;
font-size:15px;
margin-left: auto;
margin-right: auto;
width:800px;
background-color: #cfe7e8;
}


.videotheques-prez{
margin-top:50px;
margin-left:7px;
margin-bottom: 10px; 
}

.videotheques-prop{
margin-top:20px;
font-style: normal;
font-size:15px;
margin-left: auto;
margin-right: auto;
width:650px;
background-color: #e2f6ff;
}


.videotheques-nom{
height:50px;
margin-top:10px;
margin-left:7px;
width:275px;
float : left;
margin-bottom: 5px; 
font-size:20px;
color:red;
padding-top:17px;
}

.videotheques-nombre{
height:50px;
margin-top:10px;
margin-left:13px;
width:100px;
float : left;
margin-bottom: 5px; 
padding-top:17px;
}

.videotheques-oeil{
height:50px;
margin-top:10px;
margin-left:60px;
width:50px;
float : left;
margin-bottom: 5px; 
text-align: center;
}

.videotheques-winzip{
height:50px;
margin-top:10px;
margin-left:60px;
width:50px;
float : left;
margin-bottom: 5px; 
text-align: center;
}

.videotheques-barre{
height:5px;
margin-left:auto;
margin-right:auto;
width:650px;
clear : left;
text-align: center;
}

.video-titre{
margin-top:-5px;
margin-bottom:10px;
font-size:20px;
color: red;	
}

.indextoutenbas{
clear: left;
width:980px;
height: 125px;
margin-left:9px;
}

.rechercher-club{
width: 315px;
height:120px;
background-image:url('images/rechercher2.jpg');
float:left;
}

.rechercher-boutons{
width: 314px;
margin-left:35px;
margin-top:85px;
}

.telechargement{
width: 110px;
height:120px;
float:left;
margin-left:5px;
margin-top:13px;
}

.doc-dl{
width: 110px;
height:120px;
float:left;
margin-right:15px;
margin-top:13px;
}


.sponsor{
width: 410px;
height:120px;
float:left;
background-image:url('images/sponsor.png');
}

.defilant{
color:green;
width: 260px;
height:60px;
margin-top:17px;
margin-left:31px;
margin-right:24px;
padding-top:30px;
font-style: normal;
font-size:22px;
float:left;
background-image:url('images/cadre-defil.jpg');
}

.marquee{
margin-left:26px;
width:210px;
}

.index-stage{
width: 345px;
height:120px;
background-image:url('images/index-stage.jpg');
float:left;
margin-left:5px;
}


.comite-dir{
margin-top:50px;
margin-left:7px;
margin-bottom: 10px; 
}

.comite-directeur{
margin-top:20px;
font-style: normal;
font-size:15px;
margin-left: auto;
margin-right: auto;
width:800px;
background-color: #e2f6ff;
}

.doc-off{
margin-top:50px;
margin-left:7px;
margin-bottom: 10px; 
}

.doc-officiel{
margin-top:20px;
font-style: normal;
font-size:15px;
margin-left: auto;
margin-right: auto;
width:800px;
background-color: #e2f6ff;
}


.doc-liste{
margin-top:50px;
margin-left:7px;
margin-bottom: 10px; 
}

.doc-prop{
margin-top:20px;
font-style: normal;
font-size:15px;
margin-left: auto;
margin-right: auto;
width:750px;
background-color: #e2f6ff;
}

.doc-liste-titre-gauche{
height:50px;
margin-top:10px;
margin-left:10px;
width:250px;
float : left;
margin-bottom: 5px; 
font-size:20px;
color:red;
padding-top:17px;
}

.doc-galerie-dl{
height:50px;
margin-top:10px;
width:50px;
float : left;
margin-bottom: 5px; 
text-align: center;
cursor:pointer;
}

.doc-liste-titre-droite{
height:50px;
margin-top:10px;
margin-left:10px;
width:325px;
float : left;
margin-bottom: 5px; 
font-size:20px;
color:red;
padding-top:17px;
}

.doc-galerie-dl-droite{
height:50px;
margin-top:10px;
width:50px;
float : left;
margin-bottom: 5px; 
text-align: center;
cursor:pointer;
}

.galeries-doc-barre{
height:5px;
margin-left:auto;
margin-right:auto;
width:650px;
clear : left;
text-align: center;
}

.retour-accueil{
font-size: 12px;
color:blue;
cursor: pointer;
margin-bottom:10px;
}

.bureau-dir{
margin-top:50px;
margin-left:7px;
margin-bottom: 10px; 
}

.bureau-directeur{
margin-top:20px;
font-style: normal;
font-size:15px;
margin-left: auto;
margin-right: auto;
width:800px;
background-color: #e2f6ff;
}

.etr-dir{
margin-top:50px;
margin-left:7px;
margin-bottom: 10px; 
}

.etr-directeur{
margin-top:20px;
font-style: normal;
font-size:15px;
margin-left: auto;
margin-right: auto;
width:800px;
background-color: #e2f6ff;
}

.commissions-dir{
margin-top:50px;
margin-left:7px;
margin-bottom: 10px; 
}

.commissions-directeur{
margin-top:20px;
font-style: normal;
font-size:15px;
margin-left: auto;
margin-right: auto;
width:800px;
background-color: #e2f6ff;
}

.formation-dir{
margin-top:50px;
margin-left:7px;
margin-bottom: 10px; 
}

.formation-directeur{
margin-top:20px;
font-style: normal;
font-size:15px;
margin-left: auto;
margin-right: auto;
width:620px;
background-color: #e2f6ff;
}


.president-dir{
margin-top:50px;
margin-left:7px;
margin-bottom: 10px; 
}

.president-directeur{
margin-top:20px;
font-style: normal;
font-size:15px;
margin-left: auto;
margin-right: auto;
width:800px;
background-color: #e2f6ff;
}


.titre-bureau-directeur{
margin-top:5px;
margin-bottom:15px;
text-decoration:underline;
font-style: normal;
font-weight: bolder;
font-size:25px;
color:red;
text-align:center;	
}

.titre-comite-directeur{
margin-top:5px;
margin-bottom:15px;
text-decoration:underline;
font-style: normal;
font-weight: bolder;
font-size:40px;
color:blue;
text-align:center;
}

.titre-membres-comite{
margin-top:5px;
margin-bottom:15px;
text-decoration:underline;
font-style: normal;
font-weight: bolder;
font-size:25px;
color:red;
text-align:center;	
}

.titre-etr{
margin-top:5px;
margin-bottom:15px;
text-decoration:underline;
font-style: normal;
font-weight: bolder;
font-size:25px;
color:red;
text-align:center;	
}


.photo-cd{
}

.com-cd{
text-align:center;
}

.commission-nom{
height:40px;
margin-left:110px;
width:250px;
float : left;
margin-bottom: 5px; 
font-size:20px;
color:red;
padding-top:12px;
}

.commission-resp{
padding-top:12px;
float:left;
}

.commission-formation{
padding-top:12px;
float:left;
margin-left:30px;
font-style:italic;
color:red;
cursor:pointer;
}

.photo-sponsor{
width:420px;
height:140px;
margin-left:auto;
margin-right:auto;
}

.photo-alves-pires{
width:200px;
height:190px;
margin-left:auto;
margin-right:auto;
}

.photo-bachir-chorfi{
width:200px;
height:190px;
margin-left: 10px;
float:left
}

.photo-frederic-bonnet{
width:200px;
height:190px;
float: left;
margin-left:380px;
}

.photo-philipe-dignoire{
width:200px;
height:190px;
margin-left:190px;
float:left;
}

.photo-monique-quemin{
width:200px;
height:190px;
margin-left:10px;
float:left;
}

.photo-laurent-gonzales{
width:200px;
height:190px;
margin-left:10px;
float:left;
}

.photo-corinne-petit{
width:200px;
height:190px;
margin-left:380px;
float:left;
}

.photo-maurice-motte{
width:200px;
height:190px;
margin-left:50px;
float:left;
}

.photo-h-ben-lahoucine{
width:200px;
height:190px;
margin-left:50px;
float:left;
}

.photo-domnique-letellier{
width:200px;
height:190px;
margin-left:50px;
float:left;
}

.photo-robert-martin{
width:200px;
height:190px;
margin-left:190px;
float:left;
}

.photo-sandrine-crapet{
width:200px;
height:190px;
margin-left:10px;
float:left;
}

.photo-francois-fenelon{
width:200px;
height:190px;
margin-left:50px;
float:left;
}

.photo-antoine-rosa{
width:200px;
height:190px;
margin-left:50px;
float:left;
}

.photo-kader-benazzi{
width:200px;
height:190px;
margin-left:50px;
float:left;
}

.photo-james-hacquart{
width:200px;
height:190px;
margin-left:50px;
float:left;
}

.photo-bernard-canas{
width:200px;
height:190px;
margin-left:50px;
float:left;
}

.photo-jg-tournafond{
width:200px;
height:190px;
margin-left:50px;
float:left;
}

.photo-corinne-beneito{
width:200px;
height:190px;
margin-left:100px;
}

.photo-dif{
width:300px;
height:250px;
margin-left:5px;
float:left;
}

.photo-dif-deux{
width:300px;
height:250px;
margin-left:10px;
float:left;
}

.photo-dif-trois{
width:300px;
height:250px;
margin-left:155px;
}

.dif-excel{
width:600px;
height:90px;
}

.dif-excel-deux{
width:350px;
height:90px;
float:left;
margin-top:20px;
}


.photo-ligue{
width:200px;
height:190px;
margin-left:auto;
margin-right:auto;
}

.ligue-dir{
margin-top:50px;
margin-left:7px;
margin-bottom: 10px; 
}

.ligue-directeur{
margin-top:20px;
font-style: normal;
font-size:15px;
margin-left: auto;
margin-right: auto;
width:800px;
background-color: #e2f6ff;
}

.titre-ligue{
margin-top:5px;
margin-bottom:15px;
text-decoration:underline;
font-style: normal;
font-weight: bolder;
font-size:25px;
color:red;
text-align:center;	
}


.sponsor-dir{
margin-top:50px;
margin-left:7px;
margin-bottom: 10px; 
}

.sponsor-directeur{
margin-top:20px;
font-style: normal;
font-size:15px;
margin-left: auto;
margin-right: auto;
width:800px;
background-color: #e2f6ff;
}


.titre-sponsor{
margin-top:5px;
margin-bottom:15px;
text-decoration:underline;
font-style: normal;
font-weight: bolder;
font-size:25px;
color:red;
text-align:center;	
}


.ligue-contacts{
float:left;
width:400px;
height:220px;
}

.ligue-droite{
float:left;
width:400px;
height:220px;	
}

.contact-mail{
margin-left:20px;
width: 60px;
height:60px;
float:left;
}

.contact-mail-com{
width: 260px;
height:60px;
padding-top: 20px;
}

.contact-tel{
margin-left:20px;
width: 60px;
height:60px;
float:left;
}

.contact-tel-com{
width: 260px;
height:60px;
padding-top: 20px;
}

.contact-adresse{
margin-left:20px;
width: 60px;
height:60px;
float:left;
}

.contact-adresse-com{
width: 285px;
height:60px;
padding-top:10px;
}

.pagesuivante{
margin-left: 100px;
font-size: 14px;
}

.defile{
height:30px;
margin-top:50px;
margin-left:300px;
margin-bottom:-10px;
width:400px;
padding-top:0px;
overflow:hidden;
}


.resultat-club{
height:22px;
cursor:pointer;
}

.club-distance{
float:left;

width:50px;
height:20px;
overflow:hidden;
text-align:center;
}

.club-ville{
float:left;

width:200px;
height:20px;
overflow:hidden;
text-align:center;
}

.club-nom{
float:left;

width:350px;
height:20px;
overflow:hidden;
text-align:center;
}

.club-discipline{
float:left;

width:200px;
height:20px;
overflow:hidden;
text-align:center;
}


.club-infos{
clear:left;
margin-left:220px;
width:400px;
height:210px;
overflow:hidden;
text-align:center;
display:none;
position:absolute;
//background-color:#b6e8ff;
background-color:#D3FB64;
opacity: 0.9;
-moz-opacity: 0.9;
filter: alpha(opacity=90); 
}

.villes-proposition{
text-align:center;
height:20px;
cursor:pointer;
}


.link_bulle {
cursor: default;
color: gray;
border-bottom: 1px dotted gray;
}

.infos_bulle {
z-index: 500;
position: absolute;
top: -999px;
visibility: hidden;
font: normal 10px Verdana, Arial;
color: black;
padding: 8px;
border: 1px solid #ccc;
background-color: #D3FB64;
opacity: 0.9;
-moz-opacity: 0.9;
filter: alpha(opacity=90); 
}


/*
font-style: italic;
font-family:"Times New Roman",Georgia,Serif;
font-size:40px;
font-size:2.5em;
font-weight: normal;
*/
--->