body {
margin : 0 ;
padding : 0 ; 
background : #000 ;
text-align : center;
font-size : 0.7em;
color : white ;
font-family : arial ;
background : url(images/bg-content.jpg) top center no-repeat;
}

body {
	background-image: url(backgroundint.jpg);
	background-image: url(backgroundint.jpg);
	background-repeat: no-repeat;
	background-position : top center;
}

caption /* Titre du tableau */
{
   margin: auto; /* Centre le titre du tableau */
   font-family: Arial, Times, "Times New Roman", serif;
   font-size: 1.2em;
   color: #009900;
   margin-bottom: 20px; /* Pour éviter que le titre ne soit trop collé au tableau en-dessous */
}

table /* Le tableau en lui-même */
{
   margin: auto; /* Centre le tableau */
   border: 0px outset none; /* Bordure du tableau avec effet 3D (outset) */
   border-collapse: collapse; /* Colle les bordures entre elles */
}

th /* Les cellules d'en-tête */
{
   background-color: #006600;
   color: white;
   font-size: 1.1em;
   font-family: Arial, "Arial Black", Times, "Times New Roman", serif;
}

td /* Les cellules normales */
{
   border: 0px solid black;
   font-family: "Arial Black", Times, "Times New Roman", serif;
   text-align: center; /* Tous les textes des cellules seront centrés*/
   padding: 5px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
}


/*  HEADER >> MENU PRINCIPAL
********************************************************************/
   
#menu {
position : absolute ; 
top : 130px;
left : 500px; 
}
	
#menu  ul{
list-style : none ;
margin : 0; 
padding : 0 ;
}

#menu  li{
float : left ;
text-transform : uppercase ; 
}
	
#menu  li a{
margin : 0 ; 
padding : 0 10px 0 0 ; 
text-decoration : none ;    
color : #eb9c22 ;
font-weight : bold ;
}

#menu  li a:hover {
color : #fff ;
}
	
/*  CONTENT
********************************************************************/

#content {
overflow : auto ;
padding : 0;

}
	
/*  CONTENU
********************************************************************/	
	
#contenu {
top : 400px;
width : 100% ; 
float  : center ;
margin : 0;
padding : 400px 0 25px 100px  ;
line-height : 1.4em; 
text-align : justify ;
letter-spacing : 1px  
}

#contenu h2 {
color : #eb9c22;
font-size : 1.4em;
margin : 0;
padding : 0;
text-transform : uppercase ; 
}

#contenu h2 + p {
color : #3f7237;
margin : 0; 
padding : 0 0 17px 0; 
font-size : 110%; 
border-bottom : 1px dotted #6F6714; 
}

#contenu img {
float : left ;
margin : 0 10px 0 0; 
}

#contenu a {
color : #759111; 
text-decoration : none ; 
}

#contenu a:hover {
text-decoration : none ; 
}

#contenu p:last-child  {
color : #C8901B
}

/*  CONTENU >> POST
********************************************************************/	

.post {
padding : 0 0 20px 0;
color:white;
}   

/*  FOOTER
*******************************************************************/ 
   
#footer { 
min-height :271px;
text-align : left ; 
padding : 20px 0 0 0;  
}

#footer p { 
color : #C8901B; 
}

#footer img { 
float : left ;
margin : 0 0 0 -70px ; 
}

#footer a { 
color : #C8901B;
text-decoration : none ;  
}

#footer a:hover { 
text-decoration : underline ;  
}

#footer h2 {
font-size : 1.6em ;
margin : 0 ;
padding :  0 ; 
color : #6F6714 ; 
font-weight : normal;  
}
   
/*  FOOTER >> SIDE
********************************************************************/
   
#footer .side {
width : 10px ;
float  : center ;
padding :  0 0 0 20px ;
text-align : justify; 
}
	
#footer .side  ul {
list-style : none ; 
margin : 5px 0 15px 0 ; 
padding : 0; 
}
 
#footer .side  li {
margin : 0 ; 
padding : 0 0 5px 0; 
}
  
#footer .side  li a {
color : #C8901B ;
text-decoration : none ;
}

#footer .side  li:first-child a {
border-top: 0; 
}

#footer .side  li a:hover {
color : #C8901B 
}

#footer .side  p {
margin : 5px 0 0 0 ; 
padding : 0 45px 0  0 ;  
}

#footer .side  form {
margin : 0;
padding : 5px 0 0 0;
height : 50px;  
}

#footer .side  input {
float : left ; 
}

#footer .side  .champ {
width : 115px ;
height : 20px;
border : 0; 
margin : 0;
padding : 0;   
}

#footer .side  .recherche {
background : url(images/search-ok.jpg);
width : 23px;
height : 20px;
border : 0;
margin : 0 0 0 5px;
padding : 0; 
} 

#footer #copy {
clear : left ;
text-align : justify; 
padding : 0 0 0 20px
}
 
.texte_index {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #9d9d9d;
	text-align: left;
}

/*  DOCK >> SIDE
********************************************************************/
   

img {
	border: none;
}

/* dock - top */
.dock {
	position: relative; 
	height: 100px; 
	text-align: center;
}
.dock-container {
	position: absolute;
	height: 50px;
	padding-left: 20px;
}
a.dock-item {
	display: block;
	width: 40px;
	color: #eb9c22;
	position: absolute;
	top: 0px;
	text-align: center;
	text-decoration: none;
	font: bold 12px Arial, Helvetica, sans-serif;
}
.dock-item img {
	border: none; 
	margin: 5px 10px 0px; 
	width: 100%; 
}
.dock-item span {
	display: none; 
	padding-left: 20px;
}