/* CSS Document  */

html {
font-size: 100%;
}

body {
width:100%; 
padding: 0; 
text-align: center;
background-color: #CCEAEE;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
margin:0;
}

img{border:none}

/* Navigation Rapide */

.hiddenStructure
{
display:block ;
background-color:transparent ;
background-image:none ;
border:none ;
width:1px !important;
height:1px !important;
overflow:hidden ;
padding:0;
margin:-1px 0 0 -1px ;
list-style:none;
float:none ;

}

.hiddenStructure ul li
{
display:block ;
background-color:transparent ;
background-image:none;
border:none ;
width:1px !important;
height:1px !important;
overflow:hidden ;
padding:0 0 0 0 ;
margin:-1px 0 0 -1px ;
list-style:none ;
float:none ;
display: none;
}
/* container general  */

#wrapper {
width: 760px;
text-align: left;
margin:0 auto 0 auto;
padding:0;

}

/* Header  */

#wrapper #header {
width: 760px; 
height: 108px;
margin: 0;
padding: 0;
background:transparent url(/uploads/images/headerinterne.gif) no-repeat bottom;
} 


/* Header - Logo   */

#wrapper #header img{
margin: 0;
padding: 0;
float:left;
border: none;
} 

#wrapper #header img a{margin: 0;padding: 0;border: none;} 

#wrapper #header #title{
	margin:0 0 0 250px;
	position: relative;
	padding:0;
	width:320px;
	top:92px;
	background-color: #f87f11;
	text-align: center;
}

h1 {
color:#fff;
font-size: 0.8em;
font-weight:bolder;
text-transform:uppercase;
}

/* Header - Navigation principale */

#wrapper #header #HeaderNavigation {
margin:-10px 0 0 270px;
padding: 0;
font-size:0.77em;
}


#wrapper #header #HeaderNavigation ul {
margin: 0;padding: 0;}

#wrapper #header #HeaderNavigation ul li {
margin: 0;padding: 0;
list-style-type: none;
display: inline;
}

#wrapper #header #HeaderNavigation ul li a {
color: #000;margin: 0;padding: 0;
list-style-type:none;text-decoration:none;
}

#wrapper #header #HeaderNavigation ul li a:hover {
color: #f8af11;margin: 0;padding: 0;
list-style-type:none;
}

/* Header - Drapeaux */   

#wrapper #MenuNavigation #Drapeaux {
height: 18px;
width: 70px;
margin: 0 0 0 5px;
padding: 2px 0 0 0;
float:left;
} 

#wrapper #MenuNavigation #Drapeaux img{
border:none;
border:1px solid #b7b9bc;
}

#wrapper #MenuNavigation #Drapeaux a {
padding: 2px 0 0 0;
} 

#wrapper #MenuNavigation #Drapeaux #active {
border:1px solid white;
padding: 0; margin:2px 0 0 0;
} 
/* Menu Navigation  */  

#wrapper #MenuNavigation {
margin:0;
padding:0;
width:760px;
height:23px;
background-color:#B7B9BC;
color:white;
}

/* Conteneur principal  */  

#wrapper #Contenu {
width: 760px;
margin: 0;
padding: 0;
background-color: #ffffff;
font-size: 0.9em;
color:#000000;
}

#wrapper #Contenu h2{
color: #008e8f;
}

/* Barre Gauche  */  

#wrapper #Contenu #BarreGauche {
width: 190px;
margin: 2px 0 0 0;
padding: 0;
float:left;
}

#menuune {
padding:0;
margin:0 0 20px 10px;
}

#menuune h2 {
margin:0.7em 0 0.9em 0;
font-size: 1em;

}
#menuune h2 a,#menuune h2 a:link {color:#008e8f}

#menuune ul{
margin: 0;
padding:  0;
list-style-type: none;
font-size:1em;
}

#menuune li {
line-height:1.2em;
margin:0;
padding:0 0 10px 10px;
background :transparent url(/uploads/images/puce.gif) no-repeat 0 0.4em;
}

#menuune a:link, #menuunelist a:visited {
color: #000000;
text-decoration: none;
}

#menuune a:hover {
border-bottom:1px #3F3D42 dotted;
text-decoration:none;
}

/* autre menu */

#nav3menu {
 	padding:0;
	margin:0;
	width:180px;
	}

#nav3menu ul{
	border-top: 1px dotted #B8B9BD;
	margin: 0;
	padding: 0 0 15px 0;
	list-style-type: none;
	font-size:1em;
	font-weight:bold;
}

#nav3menu ul li {margin-top:0;margin-bottom:0}

#nav3menu ul li a{
	display: block;
	padding: 5px 3px 5px 10px;
	width: 167px;
	border-bottom: 1px dotted #B8B9BD;
	}

#nav3menu ul li a:link,#nav3menu ul li a:visited{
	color: #3F3D42;
	text-decoration: none;
	}

#nav3menu ul li a:hover{
	color: #f88012;
	background: #cceaee;
	}


/* Milieu */  

#wrapper #Contenu #Milieu {
width: 360px;
margin: 0;
padding: 2px 0 0 15px;
float:left;
}

#wrapper #Contenu #Milieu a:link, a:visited  {color: #000;text-decoration: none;}

#wrapper #Contenu #Milieu a:hover  {
border-bottom:1px #3F3D42 dotted;
text-decoration:none;
}

#wrapper #Contenu #Milieu h2 {
font-size: 1.1em;
margin: 0;
padding: 0;
vertical-align:top;
}

#wrapper #Contenu #Milieu p {
padding:0;
margin: 0;
}

#wrapper #Contenu #Milieu .News {
width: 360px;
margin: 0;
padding: 15px 0 20px 4px;
float:left;
}

#wrapper #Contenu #Milieu .News img {
width: 106px;
margin: 0;
padding: 0 10px 0 0;
float:left;
}

#wrapper #Contenu #Milieu .News h2 {
width: 230px;
margin: 0;
padding: 0;
float:left;
}
#wrapper #Contenu #Milieu .News p {
width: 230px;
margin: 0;
padding: 0;
float:left;
}

#wrapper #Contenu #Milieu .News h2 a,#wrapper #Contenu #Milieu .News h2 a:link{color:#008e8f}

/* Barre Droite  */  

#wrapper #Contenu #BarreDroite {
width: 170px;
margin: 2px 0 0 0;
padding: 25px 0 0 0;
float:left;
}

/* Barre Droite Image */  

#wrapper #Contenu #BarreDroite #Aide {
width: 170px;
background:url(../uploads/images/aide.gif) no-repeat;
background-color: #869f2a;
margin: 0 0 0 8px;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
}

#wrapper #Contenu #BarreDroite #Aide h2 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1.8em;
font-style: italic;
color:#fff;
font-weight:bold;
margin: 0 0 0 18px;
padding:3px 0 5px 0;
line-height: 21px;
}


#wrapper #Contenu #BarreDroite #Aide span {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-style: normal;
color:#5C2345;
font-size:0.7em;
font-weight:bold;
margin: 0 0 0 20px;
padding: 0px 0px 0px 0px;
letter-spacing: -1px;

}

#wrapper #Contenu #BarreDroite #Aide p {
color:#fff;
font-size:1em;
margin: 0 0 0 0;
padding: 0 5px 6px 5px;
}

#wrapper #Contenu #BarreDroite #Aide ul {
list-style-type:square;
margin:0 0 0 18px;
padding:0;
color:#fff;
}

#wrapper #Contenu #BarreDroite #Aide ul li {
margin:0 ;
list-style-position:outside;
padding:0;
}

#wrapper #Contenu #BarreDroite #Aide ul li a {
font-size:0.9em;
margin:0 ;
padding:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#5C2345;
letter-spacing: -0.3px;
text-decoration: none;
line-height:12px;
font-weight:bold;
}

#wrapper #Contenu #BarreDroite #Aide ul li a:hover {
text-decoration: underline;

}

/* Footer  */  

#wrapper #Contenu #Footer {
height: 80px;
padding: 10px 0 0 0;
clear:both;
width: 760px;
text-align: center;
margin:0;
background-color: #CCEAEE;
font-size: 0.8em;
color:#000;
}


#wrapper #Contenu #Footer ul {
margin: 0;
padding: 0 0 10px 0;
text-align:center;
}

#wrapper #Contenu #Footer ul li {
margin: 0;
padding: 0;
list-style-type:none;
display:inline;
}

#wrapper #Contenu #Footer ul li a {
color:#000000;
margin: 0;
padding: 0;
list-style-type:none;
text-decoration:none;
}

#wrapper #Contenu #Footer ul li a:hover {
color: #f8af11;
margin: 0;
padding: 0;
text-decoration:none;
}

address {
font-style:normal;
}



p.button1,p.button2 {margin:0;padding:0 }
p.button1{margin-top:10px}
.button1 a,.button2 a  { display: block; width: 170px; height: 85px; text-indent:-5000px;line-height:1px;font-size:0;}
.button1 a{background: url(/uploads/images/amelie-mauresmo.png) no-repeat top left;}
.button2 a{background: url(/uploads/images/faites-un-don.png) no-repeat top left;}
.button1 a:hover,.button2 a:hover { background-position: bottom left;}
#button3 {margin: 10px 0 0 0; display: block; width: 170px; height: 75px;background-color:#f60;color:#FFF;text-align:center;padding:10px 0 0 0}
#button3 a{color:#fff; text-decoration: none; font-weight: bold; line-height: 1.7em; display: block;}