body {
margin: 0;
padding: 0;
text-align : center;
font-family : arial;
font-size : 13px;
color : #999999;
background : #032f48;
}


#titre
{
position:relativ;
color:white;
font-weight:bold;
margin-left:-14%;
margin-top:-2%;
}



#imagexx
{
float : right;
height : auto;
width : 285px;
position : relativ ;
background: #fff;
border-width:5px;
border-color:#107fb4;
border-style:solid;
margin-top:10px;
padding : 10px;
}


/*  CENTRAGE
*****************************************************************/


.centrage {
width : 1000px;
height: auto;
margin : 0 auto; 
text-align : left ;
border-width:0px;
border-color:#000000;
border-style:solid;
}

h2
{
background-repeat:no-repeat;
width:599px;
height:37px;
font-family:Arial;
color:#fff;
font-size:21px;
padding-top:10px;
text-align:center;
}

h3
{
background-repeat:no-repeat;
width:599px;
height:37px;
font-family:Arial;
color:#fff;
font-size:22px;
padding-top:0px;
text-align:left;
}

h4
{
background:url(images/fd_red.jpg) repeat-x;
width:285px;
height:18px;
font-family:Arial;
color:#fff;
font-size:12px;
padding-top:0px;
text-align:center;
}



/*  HEADER
*****************************************************************/


#header {
height : 125px ;
margin : 0; 
background: url(images/fd_blue.jpg) repeat-x;
 }
 
 #header h1{
margin : 0;
padding : 40px 0 0 0;
color : #b0d21c ; 
font-size : 30px;  
 }
 
 
 
 
 /*  CONTENT
*****************************************************************/
 
#content {
background: #FFF;
text-align : left;
}


#content .centrage {
padding : 40px 0 0 0; 
}



  /*  NAVIGATION PRINCIPALE
*****************************************************************/
 
 #menu {
height : 22px;
line-height : 22px; 
text-align: left;
background : url(images/fd_red.jpg) repeat-x;
border-bottom : 10px solid #ccc ;  
color :#fff ; 
font-weight : bold;
font-size : 12px;
}

#menu ul{
 margin :0;
padding : 0 ; 
list-style : none ;
}

#menu li{
float : left ;
border-left : 1px dotted #000;
list-style : none ;
margin : 0 0 0 -1px;
padding :0 10px; 
  }
  
  
#menu li:first-child  {
border : none;
}



 #menu li a {
color : #fff; 
text-decoration : none ; 
  }
  
   #menu li a:hover {
color : #009999;
  }


#cadre
{
width: 1000px;

padding:10px;
font-size:12px;
font-family:Arial;
text-align:left;
}

#petitcadre
{
width: 650px;
display: table;
padding:10px;
font-size:12px;
font-family:Arial;
text-align:left;
}

#cadre h2 {
font-size : 20px; 
color : #000 ; 
margin :0 ;
padding : 0;
text-transform : uppercase ;
}

#petitcadre h2 {
background-image:url(images/h1.jpg);
background-repeat:no-repeat;
width:599px;
height:37px;
font-family:Arial;
color:#fff;
font-size:22px;
padding-top:10px;
text-align:left;
margin-left:18%;
padding-left:15px;
}

#cadre h3
{
font-size : 19px; 
color : #000 ; 
margin :0 ;
padding : 0;
text-transform : uppercase ;
}

#petitcadre h3
{
font-size : 19px; 
color : #000 ; 
margin :0 ;
padding : 0;
text-transform : uppercase ;
}

 .clic {
border: 2px solid #FFFFFF;
}

.clic:hover {
border: 2px solid #B7E32F;
}

.image {
float: right; 
margin-left: 50px;
margin-bottom:0px;
}

.etoile {
float: right;
}

.gauche{
float: left; 

}



.stopimage
{	
   clear: left;
   border: 2px solid #FFFFFF;
}

div.float {
 	float: left;
	margin-right:8px;
 }

img{
border: 0;
} 
 
.float2 {
 	float: left;
	margin-left:40px;
 }


 /*  CONTENU
*****************************************************************/

#contenu {
display: table;
float: left;
width : 1000px;
padding : 0 0 40px 0; 
border-width:1px;
border-color:#000000;
border-style:solid;
}


 

#contenu img {
float : left ; 
 }
 

 
 #contenu a {
color : #999999; 
 }
 


 /*  SIDE
*****************************************************************/
 
 
#side {
float : left ;  
background : #fff url(images/side.jpg) no-repeat;
width : 204px;
color : #999999;
padding :20px 15px 0 15px;
margin : 0 0 0 40px;  
border-width:1px;
border-color:#000000;
border-style:solid;
}


#side h2 {
color : #000; 
font-size : 1em; 
border-bottom : 1px dotted #999999; 
margin : 0;
padding : 0 0 10px 0; 
text-transform : uppercase;
}


#side ul{
 margin :10px 0;
padding : 0 ; 
list-style : none ;
}

#side li a{
color : #999999; 
text-decoration : none ; 
}



#side li a:hover{
text-decoration : underline ; 
}


a
{
color:#000000;
text-decoration:none;
}

a:hover
{
text-decoration:none;
color:#000000;
}

a:visited
{
text-decoration:none;
}




/*  FOOTER
*****************************************************************/


 #footer {
height : 92px ;
background : url(images/fd_blue.jpg) repeat-x ; 
border-top : 10px solid #CCCCCC;
clear : both ; 
}

 #footer p {
padding : 20px 0 0 0;
margin : 0; 
text-align : center; 
color : #fff
}

 #footer a {
color : #fff
}


#container {
	position: relative;
	width: 350px;
	margin: 3em auto;
	text-align: left;
	border: 1px dotted #f520ae;
	background-color: #b3177f;
}
#container * {
	margin: 0;
	padding: 0;
}
#container ul#menu {
	position: relative;
	width: 100%;
	font-weight: bold;
}
#container ul#menu li {
	float: left;
	display: inline;
}
#container ul#menu li a {
	text-align: center;
	display: block;
	width: 175px;
	height: 25px;
	line-height: 25px;
	text-decoration: none;
}
#container ul#menu li a:hover {
	background-color: #ffffff;
}
#container h1,
#container h2 {
	margin: 0.5em 0 0.5em 0;
	font-size: 1.4em;
}
#container .content {
	padding: 1em 2em;
	margin: -2px 0 0 0;
	margin: -16px 0 0 0;
	background-color: #ffffff;
}
#container hr {
	clear: both;
	visibility: hidden;
}
#container a.current {
	background-color: #ffffff;
	color: #000;
}
#container a.ghost  {
	background-color: #b3177f;
	color: #000;
}
#container .on {
	display: block;
}
#container .off {
	display: none;
}