body
{
   
   padding:5px;
   margin: auto;
   margin-top: 20px;
   margin-bottom: 20px;
   background-color:"#fae8e6"; 
   background-image:url('fonds/granuleclair.gif');
      
}

/*Fond de la page tableua pour positionner pied de page*/

/* Defintion du div entete */

#entete
{
   width: 92%;
   margin-bottom: 10px;
   margin-left:5%;
   height: 115px;
   border: 1px solid #8aabc8;
   background-image:url('fonds/fondent2.jpg');
   padding-top:0px;
   padding-left:0px;
   text-align: center;
      
   border-radius: 19px;
   -moz-border-radius: 19px;
   -webkit-border-radius: 19px;
}
#entete2
{
   width: 100%;
   margin-bottom:0px;
   margin-top:0px;
   margin-left:0%;
   height: 35px;
   border: 1px solid #8aabc8;
   background-color:transparent;
   padding-top:0px;
   padding-left:0px;
   text-align: center;
}
.element_entete h2
{
   font-size:35px;	
   color: #383636;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: center;
   margin-top:5px;
   margin-bottom:0px;
}

.element_entete h3
{
   font-size:20px;
   color: #575151;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: center;
   margin-top:7px;
   margin-bottom:0px;
}

a img
{
border: none;
} 

/*Definition du sommaire au dessus du corps*/

#sommaire_corps
{
   padding: 0px;
   margin-left:10px;
   margin-bottom:10px;
   text-align: center;
   font-size:12px;/*on defini ici la taille des caractères car mozilla ne la reconnait pas dans les balises a*/
   height:26px;
   background-color: transparent;
   border: 0px solid black;
}
#sommaire_corps ul
{
	margin:0px;
	padding:0px;
}
#sommaire_corps li
{
	float:left;
	list-style-type:none;
}
#sommaire_corps  a
{
	font-family: arial;
	font-size:  px;
	font-weight:bold;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	padding: 1px 4px 1px 4px;
	margin: 1px 3px 1px 1px; 
	border-color: #8aabc8;
	color: #000000;
	text-decoration:none;
	background-image:url('fonds/fondent3.jpg');
}

#sommaire_corps  a:hover
{
	font-family: arial;
	font-size:  px;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	padding: 1px 4px 1px 4px;
	margin: 1px 3px 1px 1px;
	border-color: #dfe6f5 #c33f48 #dfe6f5 #c33f48;
	color: #506e8c;
	text-decoration:none;
	background-image:url("");
	background-repeat:repeat;
	background-image:url('fonds/fondent2.jpg');	
}
/* -----------------------Definition du menu de gauche------------ */
/*Définition de la colonne de gauche une fois pour toute*/
#menu_gauche
{
   float:left;
   width: 20%;
  }
/*--Pour ajouter une cellule à gauche, il faut simplement céer une nouvelle classe en ".element_menu_gauche_nouvelle_classe" et de*/ 
/*... définir ses attributs puis l'appliquée sur l'inclusion_menu_droite*/
/*ex:element_menu_gaiche_nouvelle_classe + ul, li, a, p, h3, etc....*/
.element_menu_gauche
{
   background-image:url('fonds/fondent2.jpg');
   padding-left:0px;
   border: 1px solid #8aabc8;
   margin-bottom: 20px;
}
.element_menu_gauche p
{
	font-size:12px;
	color: #000000;
}

.element_menu_gauche h3
{   
   font-size:16px;
   color: #250964;
   font-family: Georgia, "Verdana", "Arial", Times, serif;
   padding: 0%;
   margin: 0%;
   background-image:url('fonds/fondent3.jpg');
}

.element_menu_gauche ul
{
   padding: 0px;
   padding-left: 12px;
   margin: 15px;
   margin-bottom: 5px;
}
.element_menu_gauche a
{
   font-size:17px;
   color: #274976;
   text-decoration:none;
}

.element_menu_gauche a:hover
{
   font-size:17px;
   color:#c04242;
   text-decoration:underline;
}
/*--------------------------------------------------------Definition du menu des sommaire dans element menu gauche---------------------------------------------------*/
#menu {
  list-style-type: decimal;
}
/*Menu liens sommaire gauche*/
#menu a{
	color: #547ca6;
    font-weight: bold;
    font-style: arial;
	font-size:14px;
}
/*liens survolé sommaire  gauche*/
#menu li a:hover{
	color: #796183;
    font-weight: bold;
    font-style: arial;
	font-size:14px;
	text-decoration: underline;
	}	
/*--------------------------------------------------------------Définition des sous menu sommaire dans element menu gauche---------------------------------------------*/
#sousmenu {
	list-style-type: square;
	
	}	
/*Sous menu sommaire gauche*/	
#sousmenu a{
	color: #f24c3a;
    font-weight: normal;
    font-style: arial;
	font-size:13px;
	}	
/*Sous menu lien survolé*/
#sousmenu li a:hover{
	color: ##73104a;
    font-weight: normal;
    font-style: arial;
	font-size:13px;
	text-decoration: underline;
	}
/* Le corps de la page */
#corps
{
   margin-left:1%; 
   float:left;
   padding:5px;
   width:56%;
   color: #B3B3B3;
   border: 1px solid #4177a9;
   text-align:left;
   background-image:url('fonds/blanc.gif');
      
   border-radius: 19px;
   -moz-border-radius: 19px;
   -webkit-border-radius: 19px;
}

#corps h1
{
   font-size:30px;
   color: #174e7f;
   text-align: center;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   padding-left:0px;
   margin-left:0px;
}

#corps h2
{
   background-image: url("images/titre.png");
   text-align: center;
   padding-left: 30px;
   color: #00000c;
   padding-left:0px;
   margin-left:0px;
 }
#corps h3
{
   margin-left:0px;
   background-image: url("images/titre.png");
   background-repeat: no-repeat;
   text-align: center;
   padding-left:0px;
   margin-left:0px;
   color: #160691;
}
#corps h4/*Utilisé pour les citations, informations à centrées voir pres_marques, groupe et constructeurs*/
{
   margin-left:0px;
   background-image: url("images/titre.png");
   background-repeat: no-repeat;
   text-align: center;
   padding-left:0px;
   margin-left:0px;
   color: #ed6253;
}
#corps h5{/*Defini le texte d'info du livre d'or*/
   margin-left:0px;
   background-image: url("images/titre.png");
   background-repeat: no-repeat;
   text-align: center;
   padding-left:0px;
   margin-left:0px;
   color: #ed6253;
   font-size:12px;
}.texte{/*Définition du texte ecrit simple definit pour <p>*/
	font-size:14px;
	color:black;
	margin-left:5px;
}
.titre_niveau1{		
	font-size:20px;
	color:#526474;
	font-weight: bold;
	margin-left:5px;
}
.titre_niveau2{
	font-size:17px;
	color:#637281;
	margin-left:5px
}
.titre_niveau3{
	font-size:14px;
	color:#637281;
}
#corps_sommaire a{/*Definition des liens dans le sommaire de chaque thème*/
	color: #FF0000;
    font-weight: bold;
    font-style: arial;
	font-size:15px;
}
#corps_sommaire a:hover{/*Definition des liens survolés dans le sommaire de chaque thème*/
	color: #CC6633;
    font-weight: bold;
    font-style: arial;
	font-size:15px;
	}
#corps img/*Definition  de toutes les images du corps*/
{
	border-style:solid;
	border-color:#000000;
	border-width:1px;
}
#corps a/*Definition des liens dans le corps de la page*/
{
	display:inline;
	text-align:center;
	color: #f51919;
	font-family: arial;
	font-size: 13 px;
	text-decoration:none;
}
#corps a:hover
{
	display:inline;
	text-align:center;
	color: #ab1192;
	font-family: arial;
	font-size: 13 px;
	text-decoration:underline;
}/*Les liens dans les div du corps (voir page d'accueil)*/
#intra_corps{   
	float:left;   
	padding-left:5px;
   margin-top:10px;  
   margin-left:1%;
   width:47%;   
   color: #B3B3B3;
   border: 1px solid #8aabc8;
   border-width: 1px 1px 1px 1px;
   text-align:left;
   background-image:url('fonds/blanc.gif');
}
   
#intra_corps a{	
	color:#df7455;	
    font-weight: normal;	
    font-style: arial;
	font-size:16px;	
}
	
#intra_corps a:hover{	
	color:#242c6d;
    font-weight: normal;	
    font-style: arial;
	font-size:16px;	
	background-color:;
}
.titre_niveau1_intra{/*les titres dans les div intracorps*/    	
	font-size:20px;
	color:#9c3232;
	margin-left:0px;
}

/*Les liens dans le div de la bdp-renomée documentation technique*/
#intra_corps_bdp{   
	float:left;   
	padding-left:0px;
   margin-top:0px;  
   margin-left:0%;
   margin-bottom:5px;
   width:100%;   
   color: #B3B3B3;
   border: 0px solid #8aabc8;
   text-align:left;
   background-image:url('fonds/blanc.gif');
}
#intra_corps_bdp a{	
	color:#ef0000;	
  font-weight: normal;	
  font-style: arial;
	font-size:14px;	
	background-color:#fbfbfb;
}
#intra_corps_bdp a:hover{	
	color:#242c6d;
  font-weight: normal;	
  font-style: arial;
	font-size:14px;	
	background-color:;
}
.titre_niveau1_intra_bdp{/*les titres dans les div intracorps de la bdp*/    	
	font-size:18px;
  font-weight:bold;
	color:#000000;
	margin-left:5px;
}
.texte_intra_bdp/*Le texte utilisé dans la presentation des sujet de la bdp*/
{
  font-size:12px;
  color:#000000;
  margin-left:5px;
}
.texte_accueil{/*Définition du texte ecrit simple definit pour <p>*/    
  clear:both;    
	font-size:14px;
	color:black;
	margin-left:5px;
}
.titre_niveau1_accueil{   
  clear:both;		
	font-size:20px;
	color:#526474;
	margin-left:5px;
}
/*Tableau statistiques*/
table.stat{
	border-style:solid; 
	border-width:0px; 
	border-color:black;
	width:100%;
	height:10 px;
}
.tdstat1{
	Background-color:#CCCC99;
	background-image:   ;
	text-align:center; 
}
.tdstat2{
	Background-color:#FFCC66;
	background-image:   ;
	text-align:center; 
}
.tdstat3{
	Background-color:#FFFFCC;
	background-image:   ;
	text-align:center; 
}
.center { /*centrage des images seules dans le corps*/
   display: block;
   margin-left: auto;
   margin-right: auto }
/*------------Definition du menu de droite-----------------*/
/*Définition de la colonne de droite une fois pour toute*/
#menu_droite
{
   float:left;
   width: 20%;
   margin-left:1%;
   
}
/*--Pour ajouter une cellule à droite, il faut simplement céer une nouvelle classe en ".element_menu_droite_nouvelle_classe" et de*/ 
/*... définir ses attributs puis l'appliquée sur l'inclusion_menu_droite*/
/*ex:element_menu_droite_nouvelle_classe + ul, li, a, p, h3, etc....*/
.element_menu_droite_marque
{
   background-image:url('fonds/fondent2.jpg');
   border: 1px solid #8aabc8;
   margin-bottom:0px;
}
.element_menu_droite_marque h3
{
   text-align:center;
   font-size:13px;
   color:#250964;
   margin-top:5px;
   background-image:url('fonds/fondent3.jpg');
}
.element_menu_droite_marque h4
{
   text-align:center;
   font-size:12px;
   color:#4610c1;
   margin-top:5px;
   background-image:url('fonds/fondent4.jpg');
}
.element_menu_droite_marque h5
{
   text-align:center;
   font-size:13px;
   color:#c10a0a;
   margin-top:5px;
   background-image:url('fonds/fondent5.jpg');
}
.element_menu_droite_pub/*ici on peut définir le classes pour h", p, a, etc sous la forme ".element_menu_droite_pub a", ".element_menu_droite_pub h3", etc*/
{
   background-image:url('fonds/fondent2.jpg');
   border: 1px solid #d12323;
   margin-top:5px;   
   padding:2px;
}
/* Definition des ecrits du menu */
.element_menu_droite h3
{   
   font-size:17px;
   color: #5a341d;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: center;
   margin-top:5px;
}
/*Définition des elements contenant les partenaires du site*/
.element_menu_droite_partenaire
{
   background-image:url('fonds/fondent2.jpg');
   border: 1px solid #8aabc8;
   margin-bottom:0px;
}
.element_menu_droite_partenaire h3
{
   text-align:center;
   font-size:13px;
   color:#250964;
   margin-top:5px;
   background-image:url('fonds/fondent3.jpg');
}
.element_menu_droite_partenaire h4
{
   text-align:center;
   font-size:12px;
   color:#4610c1;
   margin-top:5px;
   background-image:url('fonds/fondent4.jpg');
}


.element_menu_droite_partenaire a
{
   font-size:12px;
   color: #4610c1;
   text-decoration:none;
}

.element_menu_droite_partenaire a:hover
{
   font-size:12px;
   color:#c04242;
   text-decoration:underline;
}
/*--------------lien tableau dans la bdp---------------*/
#table a
{
   font-size:14px;
   color: #4610c1;
   text-decoration:none;
}

#table a:hover
{
   font-size:14px;
   color:#c04242;
   text-decoration:underline;
}
/*--------Barre de séparation--------------------*/
hr
{
	background-image:url("bar05.gif");
	color:#FFFFFF;
	width:30%; 
	height:4px;
}
.formulaire
{
	width:90%;
	font-size:17px;
	color:#b33b3b;
	font-weight:bold;
	background-color:#4f92c5;
}
/*Affichage des news*/
#news
{
   bottom:0px;
   padding-right: 5px;
   margin:1%;   
   text-align: justify;
   background-color:#ffffff;
   border: 1px solid #5ddbf7;
}
/* Le pied de page */
#pied_de_page
{
   position:abolute;
   bottom:0px;
   padding-right: 5px;
   margin:1%;   
   text-align: center;
   color: #B3B3B3;
   background-image:url('fonds/fondent2.jpg');
   border: 1px dashed #250964;
}
#pied_de_page p
{
	font-size:12px;
	color:#000000;
}
#pied_de_page img
{
	border-width:0px;
}
/*Livre dor*/
table.livre{
	border-style:solid; 
	border-width:0px; 
	border-color:transparent;
	width:100%;
}	
.tdlivre{
	border-style:dotted; 
	border-width:1px; 
	border-color:#a40010;
	width:100%;
}
.livreor{
	text-indent: 0px;
	text-align: left;
	font-family:Arial;
	font-weight:bold;
	color:#005db0;
	font-size: 10 px;
	}
.hasard{
	font-size:12px;
	color:#000000;
}
/* Le corps de la newsletter */
#letter
{
   padding:5px;
   width:90%;
   color: #B3B3B3;
   border: 1px solid #250964;
   text-align:left;
   background-image:url('fonds/blanc.gif');
}

#letter h1
{
   font-size:30px;
   color: #973136;
   text-align: center;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   padding-left:0px;
   margin-left:0px;
}

#letter h2
{
   background-image: url("images/titre.png");
   text-align: center;
   padding-left: 30px;
   color: #00000c;
   padding-left:0px;
   margin-left:0px;
 }
#letter_lien a
{
color: #FF0000;
    font-weight: bold;
    font-style: arial;
	font-size:15px;
}
#letter_lien a:hover
{/*Definition des liens survolés dans la newsletter*/
	color: #CC6633;
    font-weight: bold;
    font-style: arial;
	font-size:15px;
	}
.acceuil{
text-align:center;
	color: black;
	font-family: arial;
	font-size: 13 px;}