@page {
  size: auto;   /* auto est la valeur initiale */
  margin: 10%;
}
img{
	display: none;
}
kbd{

	font-size:1.2em;
	font-weight:bold;

}
code{
   font-size:1.2em;
	font-family: "Courier New", Courier, monospace;
}
/*Accessibilité*/
#easyaccess{
	display: none;
}
#easyaccess, #easyaccess a
{
margin:0;
font-size: 0.8em;
line-height: 1em;
}

#easy-access a:hover, #easy-access a:focus
{
color: #000;
}
/*
Div espace nécessaire après les float
*/
.espace{
  clear: both;
}
/*
Body contient un hack pour faire fonctionner 
les menus déroulants sous WinIE
Le fichier csshover.htc doit être à la racine du site
*/
body {
padding: 0;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 0.8em;
margin: 0;

}

/* Le cadre central de la page, optimisé 800x600*/
#conteneur {
margin:10px auto;
background-color:white;
}

p {
margin: 0 0 10px 0;
}

.italik{
	font-style: italic;
}
.rouge {
color: #8B8B8B;
font-size:1em;
}
/*BANDEAU HAUT (LOGO + TITRE)*/
#header{
display: none;

}
#headertxt{
color: #3A3A3A;
height: 150px;
position: relative;
text-align: center;
margin-left: 200px;
margin-right:200px;
font-size:1.8em;
border-bottom: 3px solid #991900;
}
/*Dans le titre, la premiere lettre de chaque mot en gris*/
.lettretitre {
font-size:130%;
color : /*#8B8B8B*/#991900;
}
/*FIN DU BANDEAU*/


/*Partie centrale de la page (contenu)*/
#centre {
background-color:white;
/*margin-left: 150px;
margin-right: 150px;*/
text-align: justify;
padding: 1em;
padding-bottom: 2em;
}

/*Paragraphes du contenu :
Petite indentation du paragraphe
Lettrine en gris */
#centre p {
text-indent: 0.5em;
}
#centre .sans_decalement{
	text-indent: 0;
}
#centre a:link{
   text-decoration: underline;
   color:#3A3A3A;
	font-weight: bold;
}
#centre  a:visited {
  color: #AAA;
  font-weight: bold;
}
#centre a:hover{
	color:#AAA;
}
 #centre  a:active {  
  text-decoration: none;
}
  
#centre ul {
padding:2em;
padding-top:0;
padding-bottom:1em;
list-style: none;
}

/*#centre p:first-letter {
font-size : 1.5em;
color : #3A3A3A;
font-weight:600;

}*/
#centre h1{
	color:#3A3A3A;
   font-size:1.7em;
	text-align:center;
	font-weight:500;
	margin-bottom: 0.5em;
	border-bottom: 3px solid black;

}

#centre h2{
	color:#3A3A3A;
   font-size:1.3em;
	text-align: left;
	font-weight:bold;
	margin-bottom: 0.5em;
	border-bottom: 2px solid #CCC;
	border-top: 2px solid #CCC;
}

#centre h3{
	color:#3A3A3A;
   font-size:1.1em;
	text-align: left;
/*	text-indent: 0.5em;*/
	font-weight:bold;
	margin-bottom: 0.5em;
	border-bottom: 1px solid #CCC;
}

/*Div gauche contient le menu*/
#gauche {
display: none;
}
#gauche img{
margin-left:32px;
}

/*Div droite pour les news*/
#news{
display: none;	
}
#droite {
border: 1px solid #CCC;
background-color:#BBB;
font-weight:bold;
padding-right: 0.5em;
}

#droite .boite{
border-bottom:1px solid #CCC;
padding:0.25em 0 0.25em 0.5em;
margin:0;
background-color:#E2EDC6;
}

#droite .boite_titre{
border:1px solid #BBB ;
/*border-bottom:0;*/
border-right:0;
font-size:1.2em;
text-align: center;
border-bottom:1px solid #DDD;
padding:0.25em 0 0.25em 0.5em;
margin:0;
background-color:#C4DA8D;
color: #991900;
}


#droite li {
list-style-type: none;
border-top: 1px solid #8B8B8B;
padding-right: 1em;
padding-left: 1em;
background-color:#E2EDC6;
}

#droite a:link{
   text-decoration: none;
	font-size: 1em;
   font-weight:bold;
   background-color:#E2EDC6;
   color:#991900;
   padding-left:1em;
   padding-right: 1em;
	line-height: 25px;
	border: 2px solid #FFC20A;
}

#droite  a:visited {
  color: /*#003300*/#8B8B8B;
  background-color:#DDD;
  text-decoration: none;
  border: 2px solid #991900;
  font-weight:bold;
  padding-left:1em;
  padding-right: 1em;
  line-height: 25px;
}

#droite a:hover{
text-decoration: none;
	color:#3A3A3A;
	background-color: #C4DA8D;
	border: 2px solid #991900;
	}

 #droite  a:active {  
  text-decoration: none;
  }
 
 
 /*Div plandusite utilisée uniquement pour la page de plan*/ 
 #plandusite a:link{
   text-decoration: none;
   color:#000;
	font-weight: bold;
}
#plandusite  a:visited {
  color: #000;
  font-weight: bold;
}
#plandusite a:hover{
	color:#000;
}
 #plandusite  a:active {  
  text-decoration: none;
}
  
#plandusite h2{
	color:#000;
   font-size:1.2em;
	text-align: left;
	font-weight:bold;
	border-bottom: 1px solid #000;
	border-top: 0;
}

#plandusite h3{
	color:#000;
   font-size:1.1em;
	text-align: left;
	font-weight:bold;
	border-bottom: 1px solid #000;
}

#plandusite ul{
	margin-left: 1em;
} 
#plandusite ul ul{
	margin-left: -2em;
} 
  
  
/*Div pied de page*/
#pied {
display: none;
}
#piedprint{
font-weight:bold;
text-align: center;	
}

#pied a:link{
   color: #FFC20A;
	text-decoration: none;
	font-size: 1em;
   font-weight:bold;
	background-color: #991900;
	padding:0 0.5em ;
	margin-top:1em;
	
	}
#pied a:hover{
	color: #3A3A3A;
	background-color: #FFC20A;
	}


/* --------------Images et illustrations avec relief type ombre portée--------------*/

 /*Utilisation :
<div class="la_bonne_classe">
	<img src="fichier.extension"  alt="texte comment" title="texte comment non voyants"/>
</div>
Fin utilisation*/

div.imagedroite {
	display: none;
}

div.imagedroite img {
	border-top: 1px solid #DDDDDD;
	border-right: 3px solid #8B8B8B;
	border-bottom: 3px solid #8B8B8B;
	border-left: 1px solid #DDDDDD;
}

/*Image alignée gauche*/
div.imagegauche {
	display: none;
}

div.imagegauche img {
	border-top: 1px solid #DDDDDD;
	border-right: 3px solid #8B8B8B;
	border-bottom: 3px solid #8B8B8B;
	border-left: 1px solid #DDDDDD;
}

div.imagesimple {
	display: none;
}

div.imagesimple img {
	border-top: 1px solid #DDDDDD;
	border-right: 3px solid #8B8B8B;
	border-bottom: 3px solid #8B8B8B;
	border-left: 1px solid #DDDDDD;
	text-align: center;
}

div.commentaire{
	display: none;
}
 /*--------------fin images avec ombres----------------  */
 

 
 /* -------------MENU MEYER-----------------*/
/*
Reprise de More on CSS d'Eric MEYER
Editions CampusPress
http://www.meyerweb.com/
*/

#menugauche {
list-style-type: none;
}

div#nav {float: left; width: 145px; margin: 0 0 0 -1px;
  background: #E2EDC6;
  font-weight: bold;
}
div#nav ul {margin: 0; padding: 0; width: 145px; background: #E2EDC6;
  border: 1px solid #AAA;}
div#nav ul.level1 {background: #E2EDC6;}
div#nav ul.level2 {background: #E2EDC6;}
div#nav ul.level3 {background: #E2EDC6;}
div#nav li {position: relative; list-style: none; margin: 0;
  border-bottom: 1px solid #CCC;}
div#nav li:hover {background: #C4DA8D;}
div#nav li.submenu {background: url(images/submenu.gif) 95% 50% no-repeat;}
div#nav li.submenu:hover {background-color: #C4DA8D;}
div#nav li a {display: block; padding: 0.25em 0 0.25em 0.5em;
  color:/*#003300*/#991900;;text-decoration: none; width: 6em; border-left: 0.5em solid #BBB;}
div#nav li a:hover {border-left-color:#FFC20A;color:#3A3A3A;}
div#nav>ul a {width: auto;}
div#nav ul ul {position: absolute; top: 0; left: 145px;
  display: none;}
div#nav ul.level1 li.submenu:hover ul.level2, 
div#nav ul.level2 li.submenu:hover ul.level3 {display:block;}
/*  -------------FIN MENU MEYER-----------------*/

/*]]>*/