/* 
Cette feuille de style est valide CSS 2.1 
sauf la mise en forme des liens qui utilisent des s�lecteurs ^= et *= du CSS3
(ces s�lecteurs sont une recommandation candidate)
http://www.w3.org/TR/css3-selectors/
*/

/*Redefinition de certains tags HTML */
/*===================================*/
body {
	margin:0px;
	padding:0px;
	font-size:62.5%;
	font-family: verdana, arial, helvetica, sans-serif ;
	color:#333;
	background:none white;
	}
/* pour h1, voir section en-t�te */	
h2 {
	margin:0em 0em 0.2em 0em;
	padding:0em;
	font-size:2.8em;
	font-weight:900;
	font-family: trebuchet, "lucida sans", verdana, sans-serif;
	color:#330066;
	background:none white;
	}
h3 {
	margin:0em 0em 1.6em 0em;
	padding:0em;
	font-size:2em;
	font-family: trebuchet, "lucida sans", verdana, sans-serif;
	color:#336699;
	background:none white;
	}
h4 {
	margin:0.5em 0em 0.2em 0em;
	padding:0em;
	font-size:1.6em;
	font-family: trebuchet, "lucida sans", verdana, sans-serif;
	color:black;
	background:none white;
	}
p {
	font-size:1.1em;
	margin:0em;
	padding:0em;
	padding-bottom:0.5em;
	line-height:1.5em;
	}
p + p {
	padding-top:0.5em;
	}
pre {
     color: green; 
     font-weight: bold;
     white-space: pre;
	 font-family: "Courier New", monospace;
	 margin-left:5%;
	 background:none white;
  }
q {
	quotes: "� " " �";
	}
blockquote {
	border-left: 2px #A0A0A0 solid ;
	padding: 0.2em 1em;
	color:black;
	background:none #E0E0E0 ;
	}
blockquote blockquote {
	color:black;
	background:none #D0D0D0 ;
	}
table {
	font-family: verdana, arial, helvetica, sans-serif;
	margin:0em;
	padding:0.5em;
	}
label {
	cursor:pointer;
	}
input {
	font-family:verdana, arial, helvetica, sans-serif;
	}
input.button {
	margin:0.2em;
	padding:0.2em;
	color:black;
	background:none #EAEAEA;
	border-style:solid;
	border-color:#AAA;
	border-width: 1px 1px 1px 1px;
	}	
img {
	border-style: none;
}
acronym {
	cursor:help;
}
dt {
	font-weight: bold;
	font-size:120%;
	}
dd {
	text-align:justify;
	margin-left:2em;
	margin-bottom:0.5em;
	}	

/* Styles des liens */
/* (les s�lecteurs *= et ^= ne sont valides qu'en CSS3) */
a {
	color:#333333;
	text-decoration:none;
	font-weight:600;
	}
a[href^="http:"] { /*ajouter une ic�ne aux liens vers HTTP */
	background: url(/images/aoutside.png) right center no-repeat;
	padding-right: 1em;
	}
/*Ne pas ajouter l'ic�ne quand les liens concernent certaines URL */
a[href*="spreadfirefox"] , a[href*="validator"] , a[href^="http://www.pdimension.net"],
a[href^="http://www.anybrowser.org/campaign"], a[href^="http://creativecommons.org"],
a[href^="http://gmpg.org/xfn"], a[href^="http://peutch.free.fr"]  { 
	background: transparent;
	padding-right: 0px;
	}
a[href^="mailto:"] { /*ajouter une ic�ne mail quand c'est un lien de mail */
	background: url(/images/aemail.png) right center no-repeat;
	padding-right: 1em;
	}	
a:link {color:#333333;}
a:visited {color:#666666;}
a:hover {
	background-color:#336699; /* #EEE */
	color:white;
}

a:hover img {
	background:none transparent ;
	}
/*Pour tromper les spam-robots sur les liens mails */
a.rtl {
	unicode-bidi: bidi-override;
	direction:rtl;
	}
span.rtl_explication {
	display:none;
	}


/*Styles de l'en-t�te */
/*====================*/
#Header {
	margin:0em 0em 0.1em 0em;
	padding:0em 0em 0em 0.2em;
	/*-moz-border-radius-bottomleft:20px;*/
	/*line-height:5em;*/
	background-color:#330066;
	text-decoration:none;
	font-weight:bold;
	font-family: trebuchet,"lucida sans", sans-serif;
	color: white;
	font-size:3.6em;
	}

#Header h1 {
	margin:0em 0em 0em 0em;
	padding:0.1em 0em;
	font-size:1em;
	text-decoration:none;
	font-weight:bold;
	font-family: trebuchet,"lucida sans", sans-serif;
	color: white;
	line-height:1em;
	voice-family: "\"}\"";
	voice-family:inherit;
	line-height:1em;
	}


/*Styles du contenu de la page */
/*=============================*/
#Content {
	font-size:1.1em;
	margin:0 16em 3.2em 1em;
	padding:1em 3em 1em 1em;
	}
#Content>p {text-align:justify;}
#Content p {text-align:justify;}
/*#Content>p+p {text-indent:30px;}*/


/* Style du menu de navigation */
/*=============================*/
#Blocmenu {
	position:fixed !important;
	top:0.9em;
	right:1.4em;
	width:15em;
	position:absolute; /* pour IE, qui ne conna�t pas "fixed" */
	}
#Menu {
	font-size:1.1em;
	font-family: trebuchet, arial, sans-serif;
	font-variant:small-caps;
	background-color:#EAEAEA; 
	border:solid #666666 1px;
	/*position:absolute;
	top:9px;
	right:14px;*/
	padding:0.2em;
	padding-left:0em;
	line-height:1.4em;
	voice-family: "\"}\"";
	voice-family:inherit;
	/*width:150px;*/
	}
/* Again, "be nice to Opera 5". */
body>#Menu {width:15em;}

#Menu ul li {
	list-style-type:none;
	margin-left:-2em;
	padding-left:0em;
	}
#Menu a {
	font-weight:normal;
	color:#454545;
}
#Menu a:hover {
	background-color:#B5B5B5;
	color:white;
	/*padding:0 1em 0 1.5em;*/
}
#Menu a.nav_actuel {
	padding-left:1em;
	}
#Menu a.nav_actuel:before {
	content: "> " ;
	}
	
#Menu #menu_paragraphe span.menu_element {
	display:block;
	padding-left:1em;
	}
#Menu #menu_paragraphe span.menu_separateur {
	display:none;
	}

#navbas {
	text-align:center;
	font-family:courier, monospace;
	padding:0.2em;
	margin:1em 0em;
	border:1px solid #336699;
}
/* Style du paragraphe en pied de page */
/*=====================================*/

p.pied {
	bottom:0px;
	font-size:xx-small;
	padding:5px 0.5em 3px 0.5em !important;
	border-color: gray;
	position:fixed !important;
	background-color:	rgb(197,193,249) !important; /* #D5D5E2*/
	width:100% !important;
	border-style: dotted !important ;
	border-width: 1px 0px 0px 0px !important;
	margin:0 !important;
	/*tous les param�tres pour IE maintenant */
	background-color:transparent ;
	position:relative;
	border-width: 1px;
	margin:0 auto;
	width:50%
	/*padding: 5px;
	margin: 5px;*/
	}
p.pied img {
	vertical-align:middle;
	}
p.pied br.ie {
/*afficher retour � la ligne entre images et texte si IE, ne pas l'afficher sinon */
	display:none !important;
	display:inline ;
	}


/*Specifications des styles occasionnels */
/*=======================================*/
.balise {
	color: green;
	font-weight: bold;
    white-space: pre;
	font-family: "Courier New", monospace;
}
.code_css {
	color: purple;
	font-weight: bold;
    white-space: pre;
	font-family: "Courier New", monospace;
}
.tablehead {
	font:1.1em verdana, arial, helvetica, sans-serif;
	background-color:#EAEAEA;
	border: 1px solid #AAA;
	}
.contour {
	border: 1px solid #AAA;
}
.center{
	margin-right:auto; 
	margin-left:auto;
} 

.invisible {
	display: none;
	}
.underline {
	border-top: 1px none #AAA;
	border-right: 1px none #AAA;
	border-bottom: 1px solid #AAA;
	border-left: 1px none #AAA;
}
.tdwidth {
	width: 13em;
}
.info {
	border:2px dashed  maroon;
	background-color:#EEE;
	margin-bottom: 2em;
	padding:0.4em;
	font-weight:bold;
}
.warning {
	color:red;
	border:2px solid red;
	padding:2em;
	padding-left:60px;
	margin:2em;
	background: #EEE url(/images/warning.png) no-repeat 10px 50%;
	}
p.modif {
	font-size:  smaller;
	font-style: italic;
	}
#tableauphoto td{ /*utilis�s pour les l�gendes des photos */
	text-align:justify;
}