body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
margin: 0;
padding: 0;
background:#fff url(img/fond.jpg) repeat-x;
}

img{
border:none;
}

.diaporama{
	margin:0px 0px 0px 241px;
	width:679px;
	height:280px
}

.diaporama li{
	list-style-type:none;
	overflow:hidden;
	position:absolute
}




h1 {
margin:0;
padding:15px 20px 5px 20px;
font-size:15px;
color:#313035;
text-align:center;
}

h2{
margin-left:35px;
padding-top:10px;
font-size:13px;
color:#ee0000;	
}


.tdclub{
margin:0;
padding:15px 20px 5px 20px;
font-size:15px;
color:#313035;
text-align:center;	
font-weight:700;
}





#conteneur {
width: 961px;
margin: 0px auto 0px auto; 
background:#fff url(img/cont.jpg) repeat-y;
}

#header {
border:0px solid;
background: url(img/bandeau.jpg) no-repeat;
height:280px;
}

#barre {
background: url(img/barre.jpg);
height:18px;
color:#fff;
padding-top:30px;
}



#gauche {
float:left;
width:280px;
background:#ababab;
text-align:center;
}

#separationdivgauche{
background:#fff;
height:5px;
width:279px;
margin-left:1px;
}

#centre {
width:500px;
float:left;
margin-top:5px;

}

#droit {
margin-top:10px;
float:left;
width:178px;

}


a.blog {
margin-left:1px;
width:279px;
height:49px;
display:block;
background:url(img/bouton-blog.jpg) no-repeat;
}

a.blog:hover {
background-position: 0px -49px;
}

a.keyliance {
margin-left:1px;
width:279px;
height:80px;
display:block;
background:url(img/bouton-keyliance.jpg) no-repeat;
}

a.keyliance:hover {
background-position: 0px -80px;
}

a.amff {
margin-left:1px;
width:279px;
height:80px;
display:block;
background:url(img/bouton-amff.jpg) no-repeat;
}

a.amff:hover {
background-position: 0px -80px;
}

a.activites-cslg {
margin-left:1px;
width:279px;
height:57px;
display:block;
background:url(img/bouton-activites.jpg) no-repeat;
}

a.activites-cslg:hover {
background-position: 0px -57px;
}

a.pv-ag {
margin-left:1px;
width:279px;
height:57px;
display:block;
background:url(img/bouton-pv-ag.jpg) no-repeat;
}

a.pv-ag:hover {
background-position: 0px -57px;
}


a.facebook {
margin-left:1px;
width:279px;
height:67px;
display:block;
background:url(img/bface.jpg) no-repeat;
}

a.facebook:hover {
background-position: 0px -67px;
}

a.casquroute {
margin-left:1px;
width:279px;
height:70px;
display:block;
background:url(img/bouton-casqu-route.jpg) no-repeat;
}

a.casquroute:hover {
background-position: 0px -70px;
}

a.partenaires {
margin-left:1px;
width:279px;
height:92px;
display:block;
background:url(img/bouton-partenaires.jpg) no-repeat;
}

a.partenaires:hover {
background-position: 0px -92px;
}

a.revue {
margin-left:1px;
width:279px;
height:49px;
display:block;
background:url(img/notre-revue.jpg) no-repeat;
}

a.revue:hover {
background-position: 0px -49px;
}

a.ad {
margin-left:1px;
width:279px;
height:60px;
display:block;
background:url(img/adhesion-cslg.jpg) no-repeat;
}

a.ad:hover {
background-position: 0px -60px;
}

a.ad-villeneuve {
margin-left:1px;
width:279px;
height:60px;
display:block;
background:url(img/adhesion-villeneuve.jpg) no-repeat;
}

a.ad-villeneuve:hover {
background-position: 0px -60px;
}

a.boucles {
margin-left:1px;
width:279px;
height:80px;
display:block;
background:url(img/boucles.jpg) no-repeat;
}

a.boucles:hover {
background-position: 0px -80px;
}

a.konceptshirt {
margin-left:1px;
width:279px;
height:49px;
display:block;
background:url(img/bouton-koncept.jpg) no-repeat;
}

a.konceptshirt:hover {
background-position: 0px -49px;
}

a.avenir {
margin-left:1px;
width:279px;
height:92px;
display:block;
background:url(img/avenir-gendarmerie.png) no-repeat;
}

a.avenir:hover {
background-position: 0px -92px;
}


#smenu{
width:961px;
height:23px;
background:#313035;
}

.noborder {
border:0;
}

.border {
border:1px solid #99ff00;
}

.border2 {
border:1px solid #fff;
}

.center{
	text-align:center;
}

.justify{
	text-align:justify;
}

.found{
	color:#004992;
}


dl, dt, dd, #menu ul, #menu li {
margin: 0;
padding: 0;
list-style-type: none;
}



#menu {
background:url(img/fondb.jpg) repeat-x;
width:961px;
margin-top:0px;
padding:0px;
font-size:10px;
position:absolute;
z-index:50;
}



#menu dl {
float: left;
width:137px;
margin:0px;
padding:0px;
height:24px;
line-height:17px;
margin-right:0px;
background: url(img/fondb.jpg) repeat-x;
border-right:0px solid #000;
text-transform:uppercase;
}

#menu dl .active {
background: url(img/fondbh.jpg) repeat-x;
color:#ff0000;
text-transform:uppercase;
}

#menu dl.active a {
background:#c5d0e2;
color:#4673aa;
}

#menu dt {
text-align: center;
background:none;
}

#menu dd {
border:0px solid #fff;
padding-top:0px;

}

#menu li {
text-align: center;
background:#0063ac;
width:137px;
}

#menu li a, #menu dt a {
text-decoration: none;
display: block;
height: 22px;
border: 0px solid;
color:#fff;
padding-top:2px;
width:100%;

}

#menu dt a:hover, #menu li a:hover{
height:22px;
color:#0063ac;
background: url(img/fondbh.jpg) repeat-x;

}



#menu dd a:hover{
background:#02416f;
color:#FFF;
}

#menu ul li a{
text-transform:capitalize;
}


#contenu{
margin-left:10px;
margin-bottom:5px;
width:660px;
background:#e5e5f1;
border:solid 1px #004890;
min-height:777px;
}

#contenu p{
margin:10px;
color:#004992;
line-height:18px;
}

#contenu a{
	color:#004992;
}

#contenu li{
	color:#004992;
	margin:10px;
}


#pied{
background:#0063ac;
color:#FFF;
height:18px;
text-align:center;
padding:0 15px;
}

#pied a{
color:#FFF;
}

#cep{
float:left;
}

#statuts{
float:center;
}

#mention{
float:right;
}

#formulaire{
	margin-top:20px;
}

a.info{
    position:relative; 
    z-index:24; 
    color:#666666;
}

a.info:hover{
	z-index:25;
}

a.info span{
	display: none
}

a.info:hover span{ 
/*le contenu de la balise span ne 
sera visible que pour l'état a:hover */
 display:block; 
 position:absolute;
    font-size:9px;
    top:2em; 
    left:2em; 
    width:8em;
    border:1px solid #fa8501;
    background-color:#ffffff;
    color:#fa8501;
    text-align: center;
    font-weight:none;
    padding:5px;
}

a.info2{
    position:relative; 
    z-index:24; 
    color:#666666;
}

a.info2:hover{
	z-index:25;
}

a.info2 span{
	display: none
}

a.info2:hover span{ 
/*le contenu de la balise span ne 
sera visible que pour l'état a:hover */
 display:block; 
 position:absolute;
    font-size:9px;
    top:7em; 
    left:2em; 
    width:8em;
    border:1px solid #fa8501;
    background-color:#ffffff;
    color:#fa8501;
    text-align: center;
    font-weight:none;
    padding:5px;
}
#droite_sponsoring{
width:180px;
height:90px;
background:url("img/sponsoring2.jpg") 0 -1px;
float:left;
margin:0;
margin-top:-5px;
}
#droite_sponsoring:hover{
background-position:0 -93px;
}
#retrouvez_infoligue{
width:180px;
height:90px;
background:url("img/retrouvez-infoligue.jpg") 0 91px;
float:left;
margin:0;
margin-top:-1px;
}
#retrouvez_infoligue:hover{
background-position:0 -1px;
}