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

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

h2{
margin-left:10px;
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;
}

#flash {
margin:0px 0px 0px 281px;
}


#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:#313134;
height:18px;
color:#fff;
padding-top:30px;
}



#gauche {
float:left;
width:280px;
background:#004892;
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;

}

#blog-cslg{
display:block;
background:#fff url(img/blog-cslg.jpg);
border:solid 1px;
width:180px;
height:92px;
}

#blog-cslg:hover{
background:#fff url(img/blog-cslg.jpg) 0px -92px;
}

#bout-fcsad{
display:block;
background:#fff url(img/bout-fcsad.jpg);
border:solid 1px;
width:180px;
height:92px;
}

#bout-fcsad:hover{
background: url(img/bout-fcsad.jpg) 0px -92px;
}

#portail-famille{
display:block;
background: url(img/portail-familles.jpg);
border:solid 1px;
width:180px;
height:67px;
text-decoration:none;
}

#portail-famille:hover{
background: url(img/portail-familles.jpg) 0px -67px;
}




#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:105px;
margin:0px;
padding:0px;
height:24px;
line-height:17px;
margin-right:0px;
background: url(img/fondb.jpg) repeat-x;
border-right:1px 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:#d40119;
width:120px;
}

#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:#ff0000;
background: url(img/fondbh.jpg) repeat-x;

}



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

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


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

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

#contenu a{
	color:#004992;
}

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


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

#pied a{
color:#FFF;
}

#cep{
float:left;
}

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