/*fichier css pour mise en page design.css*/

body
{
width: 1000px;
/* background normal*/
background:#757575;
/*background special
background-image: url("../style/images/neige.jpg"); /*insertion de l'image de fond*/
background-repeat: x-y; /* repetition en x et y sur tout l ecran*/
margin: auto; /* Pour centrer notre page */
margin-top: 0px; /* Pour coller avec le haut de la fenêtre du navigateur */
margin-bottom: 0px;    /* Idem pour le bas du navigateur */
behavior: url("../style/csshover.htc");

}
/*----------------------------------------------------------------------STYLES D ECRITURE-------------------------------------------------------------------------------------*/

*{
	text-decoration: none;
	border: none;
	padding:0px; 
	margin:0px;
	color:black;
	font-size:12px;
	font-family:"Trebuchet MS", "Lucida Console", "Comic Sans MS", serif;
}

/*police invisible pour la banniere mais visible pour handicape*/
h1{
	color: black;
	text-align: center;
	text-decoration: underline;
	font-size: 20px;
	font-family:"Comic Sans MS", "Lucida Console", serif;
	text-indent: -50000px; /*pour sortir le texte de la zone de vision*/
}
h2{
	color: blue;
	text-align: center;
	text-decoration: underline;
	font-size: 18px;
	font-family:"Comic Sans MS", "Lucida Console", serif;
}
h3{
	color: #515151;
	clear:left;
	text-align: center;
	text-decoration: underline;
	font-size: 16px;
	font-family:"Comic Sans MS", "Lucida Console", serif;
}
h4{
	color: #515151;
	clear:left;
	font-size: 14px;
	font-family:"Comic Sans MS", "Lucida Console", serif;
}
h5{
	color: white;
	font-size: 12px;
	font-family:"Comic Sans MS", "Lucida Console", serif;
}
/* Messages d'alerte */
h6{
	color: red;
	border: 1px solid red;
	text-align: center;
	font-size: 14px;
	font-family:"Arial Black", Verdana, serif;
}
p,strong {
	color: black;
	text-indent: 0px;
	text-align: left; 
	font-size: 12px;
	font-family:"Trebuchet MS", "Lucida Console", "Comic Sans MS", serif;
}



/*----------------------------------------------------------------------BANNIERE--------------------------------------------------------------------------------------------------*/
/*insertion de l'image de banniere*/
#entete{
   width: 1000px;
   height: 100px;
   margin:0;
   border: none;
   margin-top: 0px; 
   background-image: url("../style/images/banniere.gif");/*insertion de l'image de banniere*/
   background-repeat: no-repeat;/* etre sur que l'image ne se repetera pas*/
   margin-bottom: 0px;
}

/*----------------------------------------------------------------------BANNIERE EUROSTYLE--------------------------------------------------------------------------------------------------*/
/*insertion de l'image de banniere*/
#entete2{
   width: 1000px;
   height: 100px;
   margin:0;
   border: none;
   margin-top: 0px; 
   background-image: url("../style/images/banniere2.gif");/*insertion de l'image de banniere*/
   background-repeat: no-repeat;/* etre sur que l'image ne se repetera pas*/
   margin-bottom: 0px;
}


/*----------------------------------------------------------------------affichage de la date----------------------------------------------------------------------------------------------*/
.affdate{
width:184px;
height:50px;
color:#fe7c13; 
margin:0;
text-align:center;
vertical-align:middle;
background-image: url("/style/boutons3/boutons3_10.gif");/*insertion de l'image de fond de la date*/
background-repeat: no-repeat; /* répétition en X largeur page */

}

/*----------------------------------------------------------------------FONDS DE PAGE------------------------------------------------------------------------------------------*/
/*pour fond de page accueil*/
#bgaccueil{
height:auto;
background-color:#515151;
background-attachment: fixed; /* Le fond est fixé */	
margin:0;
padding-bottom:30px;

}

#intro{
float:left;
height:auto;
width:281px;
margin:0;
margin-right:-2px;
margin-bottom:10px;
padding:10px;
background-color:#fe7c13;
border:none;
color: white;
text-indent: 0px;
text-align: left; 
font-size: 12px;
font-family:"Trebuchet MS", "Lucida Console", "Comic Sans MS", serif;
}
#intro b{
color: white;
}

#present{
float:left;
height:auto;
width:281px;
margin:0;
margin-left:102px;
margin-right:-2px;
margin-bottom:10px;
padding:10px;
background-color:#fe7c13;
border:none;
color: white;
text-indent: 0px;
text-align: left; 
font-size: 12px;
font-family:"Trebuchet MS", "Lucida Console", "Comic Sans MS", serif;
}
#present b{
color: white;
}


/*----------------------------------------------------------------------MENU VERTICAL ---------------------------------------------------------------------------------------------------*/

#menu_dynamique { /*marges et taille automatique à adapter auxbesoins au niveau de la page qui contiendra le menu*/ 
  width:auto;
 /* margin:15px 15px; /*marge par rapport au dessous du menu hori et par rapport a la gauche de l ecran*/
  margin-top:15px;
  margin-left:5px;
  margin-right:15px;
  float: left; /*suppression retour ligne pour permettre au corps d etre a cote*/
  z-index:20; /*permet a ce bloc de passer au dessus d un autre si la valeur est superieure*/
  padding:0px;
  font-size:10pt; /*taille lettres du menu vertical*/
  font-family:"Trebuchet MS", "Lucida Console", sans-serif; /*police du menu vertical*/
}
#menu_dynamique li a { /*mise en forme des liens*/
  display:block; /*affichage type block pour pouvoir choisir une hauteur*/
  height:23px;
  text-decoration:none;
  color:#696969;
  background-color:#FFFFFF;
  z-index:20;
}
#menu_dynamique ul {
  width:150px; /*largeur fixe*/
  list-style:none; /*desactivation des puces*/
  padding:0px; /*aucune marge interne et externe*/
  margin:0px; /*aucune marge interne et externe*/
  border-right:1px solid silver; /*trace d un trait pour la bordure droite*/
  z-index:20;
}
#menu_dynamique ul li {
  width:auto; /*mise en forme des <li> avec une largeur automatique*/
  margin-left:5px; /*marge externe pour ne pas que mon menu soit collé au bord gauche de l'écran*/
  padding-left:25px; /*marge interne à gauche */
  text-indent:5px; /*redécale à nouveau mon texte de 5px par rapport à cette marge*/
  height:23px; /*hauteur*/
  background:url("../style/images/bordure-menuh.gif") no-repeat; /*bordure grise gauche*/
  z-index:20;  
}
#menu_dynamique ul li ul, #menu_dynamique ul li:hover ul li ul, #menu_dynamique ul li:hover ul li:hover ul li ul{
  display:none; /*cache les zones indesirables du menu*/
  z-index:20;  
}
#menu_dynamique ul li:hover ul, #menu_dynamique ul li:hover ul li:hover ul, #menu_dynamique ul li:hover ul li:hover ul li:hover ul{/*afficher les zones au survol du lien et de les placer correctement */
  display:block; /*avec relative placer le sous-menu à droite de son lien d'appel*/
  position:relative;
  top:-24px;
  left:115px;
  z-index:20;  
}
#menu_dynamique ul li.extend a {
  background:white url("../style/images/trinoir.gif") right no-repeat; /*affichage du triangle noir dans les menus a sous menu*/
  z-index:20;  
}
#menu_dynamique ul li.extend:hover ul li.end a {
  background-image:none; /*pas detriangle noir dans les menus sans sous menu*/
  z-index:20;  
}
#menu_dynamique li:hover { /*ajout flèche verte dans la bordure gauche du menu pour préciser l'emplacement de notre pointeur*/
  background:url("../style/images/fleche_survol.gif") no-repeat;
  z-index:20;  
}
#menu_dynamique li a:hover { /*couleur du texte et du fond quand on passe sur le lien*/
  color:black;
  background-color:#BBB7C7;
  z-index:20;  
}
#menu_dynamique ul li.extend:hover a, #menu_dynamique ul li.extend:hover ul li:hover a, #menu_dynamique ul li.extend:hover ul li.extend:hover ul li:hover a, #menu_dynamique ul li.extend:hover ul li.extend:hover ul li.extend:hover ul li:hover a{
  /*couleur du texte et du fond quand on passe sur le lien et toute l arborescence*/
  /*Notez que je définis 4 fois les lignes extend car mon menu est constitué en tout et pour tout de 4 niveaux et donc à chaque nouvelle déclaration je descends d un niveau dans mes menus en ajoutant ul li extend hover à chaque fois */
  background-color:#BBB7C7;
  z-index:20;  
}
#menu_dynamique ul li.extend:hover ul li a, #menu_dynamique ul li.extend:hover ul li:hover ul li a, #menu_dynamique ul li.extend:hover ul li.extend:hover ul li:hover ul li a{
 /*pour supprimer le changement de la couleur du fond des sous menus si on ne passe pas dessus*/
 /*3 déclarations seulement sont nécessaires car il s agit de les appliquer aux liens des sous-menus et leurs descendants */
  background-color:#FFFFFF;
  z-index:20;  
}
#menu_dynamique li.first{
  border-top:1px solid silver; /*application bordure haute de la ligne*/
  z-index:20;  
}
#menu_dynamique li.last{
  border-bottom:1px solid silver; /*application bordure basse de la ligne*/
  z-index:20;  
}
#menu_dynamique ul li.extend:hover {
  width:120px;
  height:23px;
  overflow:hidden; /*permet de ne pas etirer le menu quand il y a des sous menus au dessus necessaire uniquement pour IE*/
  z-index:20;  
}
html > body #menu_dynamique ul li.extend:hover {
  overflow:visible; /*rend compatible la demande precedente avec firefox*/
  z-index:20;  
}

#corps_accueil{
float:left;
height: auto;
width: 860px;
border: 2px solid #fe7c13; 
margin: auto;
margin-top:0px;
margin-left:50px;
background-color: #B2B2B2;
padding:0px; /*marge interne tout autour */
padding-bottom: 20px;

}

#corps_autre{
margin: auto;
margin-top:0px;
margin-left:50px;
background-color: #B2B2B2;
padding:20px; /*marge interne tout autour */
height: auto;
width: 860px;
border: 2px solid #fe7c13; 
}

#corps{
margin:auto;
margin-top:30px; 
margin-left:250px;
background-color: #B2B2B2;
padding:20px; /*marge interne tout autour */
height: auto;
width: 500px;
border: 4px ridge silver;
}


#retourhautpage{
clear: left; /*pour etre sur d annuler l effet du menu flottant*/
margin: auto;
margin-top:20px;
margin-left:50px;
margin-bottom :10px;
}

#pied_de_page{
clear: left; /*pour etre sur d annuler l effet du menu flottant*/
margin: 1em 15%;

/*position: absolute;
left:160px;*/
background-color: #626262;
color: #B3B3B3;
text-align: center;
font-size: 12px;
font-weight: bold;
font-family:"Comic Sans MS", "Lucida Console", sans-serif;
padding-left:15px; /*marge interne à gauche */
padding-right:15px; /*marge interne à droite */
height: auto;
width: auto;
border: 1px solid black;
/*margin: 0;*/
}
 

 
/*style des tableaux*/
#liste{
float:left;
height:auto;
margin: auto;
margin-top:0px;
margin-left:50px;
background-color: #B2B2B2;
padding:0px; /*marge interne tout autour */
padding-bottom: 20px;
}

/*ligne titres des colonnes*/ 
.ligtit{
height:19px;
padding-top:1px;
padding-right:1px;
padding-left:1px;
color:white;
font-size:8.0pt;
font-weight:700;
font-style:normal;
text-decoration:none;
font-family:"Comic Sans MS", "Lucida Console", serif;	
text-align:left;
vertical-align:middle;
background:#FE7c13;
white-space:normal;
}

/*ligne blanche*/
.ligbla{  
height:auto;                                         
padding-top:1px;
padding-right:1px;
padding-left:1px;
color:black;
font-size:8.0pt;
font-weight:400;
font-style:normal;
text-decoration:none;
font-family:"Comic Sans MS", "Lucida Console", serif;
text-align:left;
vertical-align:middle;
background:white;
white-space:normal;
}

/*ligne grise*/  
.liggri{
height:auto;
padding-top:1px;
padding-right:1px;
padding-left:1px;
color:black;
font-size:8.0pt;
font-weight:400;
font-style:normal;
text-decoration:none;
font-family:"Comic Sans MS", "Lucida Console", serif;
text-align:left;
vertical-align:middle;
background:silver;
white-space:normal;
}