/***Misc Tags***/

* {
 margin: 0px;
 padding: 0px;
}

body {
 /*background: #222222 url(images/background/bg_site.jpg) repeat-x; */
 /*background:  #BD8E5E;*/
 background:#BD8E5E center top;
 font-family: papyrus,Verdana, Arial, sans-serif;
 font-size: 1.0em;
 color: #333333;
 background-position:center;
 }
 
a img{ border: 0px; }

a { text-decoration: none;}

input {
 background: #333;
 font-family:papyrus,Verdana;
 font-size: 0.7em;
 padding: 3px;
 color: #f4f4f4;
 border: 2px solid #555;}
	
button {
 background: #222;
 font-family:papyrus, Verdana;
 font-size: 0.7em;
 padding: 2px;
 color: #f4f4f4;
 border: 2px solid #444;
 height: 2em;} 


/**** Span class's *****/

.hidden { text-indent: -9000px;}
.br { clear: both;}
/*.pink { color: #D01A71;}*/
.pink {color: #fffef6;}

.small { font-size: x-small;}
.large { font-size: xx-large;}
.right { float: right;}
.left { float: left;}
.center { margin: 0 auto; text-align: center;}


/**** Site Container ****/

/* #container {width:1000px;}*/
#container { margin: 0 auto; min-width: 756px; max-width: 800px; padding: 0 8px; position: relative;}


/***Header***/

 
#logo { float: left;}

#logo h1 { 
 margin-top: 30px;
 margin-left: 10px;
 font-size: 1.0em;
 letter-spacing: 0.1em;
 color:#c13524;
 
 }
 
#search {
 margin-top: 30px;
 float: right;}
 
#search button { margin-left: 5px; padding: 0 2px 2px 2px;}

/***left Side Bar***/

#navlist { float: left; width: 200px; margin-top: 30px; margin-left: 5px;}

 
#navlist ul {
 list-style: none;
}

#navlist li a{
 display: block;
 height: 25px;
 width: auto; 
 padding: 9px;
 margin: 5px;
 background: inherit;
 border-right: 4px solid #c13524;
 color:#fffef6;
 /*color: #999;*/
 /*text-transform: lowercase;*/
 font-size: 0.9em;
 letter-spacing:0.1em;
 line-height:1.0em;
  
 }
 
#navlist li a:hover {
 color: #f4f4f4;
 background: #c13524;
 border-right: 4px solid #fffef6;
 
 }
 
 
#navlist li .active {
 color: #fffef6;
 background:  #c13524;
 border-right: 4px solid #c13524;}


#navlist h3 {
/*text-indent: 20px;*/
color: #999;
padding: 9px;
margin: 5px;
letter-spacing: 0.1em;
margin-bottom: 4px;
}


#navlist .separator { background-color:#fffef6;margin-bottom:4px;margin-right:10px;color:#c9417f;display: block; position: relative; height: 13px; clear: both;}

#navlist .separator2 { background-color:#fffef6; margin-top:20px;margin-bottom:4px;margin-right:10px;color:#c9417f;display: block; position: relative; height:1px; clear: both;}

#navlist hr {
/*text-indent: 20px;*/
color:#c9417f;
line-height: 20px;
height: 13px;
margin-bottom: 4px;
margin-right:10px;
}


/***Content***/

#content { 
float: left;
margin-left: 250px;
width: 550px; 
margin-top: 30px; 
margin-left: 40px; 
font-size: 1.4em;
/*border:solid 1px #eee;*/
/*padding:0 2px 0 0;*/
}

#corps_de_texte{ 
float: left; 
width: 640px; 
margin-top: 30px; 
margin-left: 10px;
font-size: 0.7em; 
color: #fff;
letter-spacing:0.1em;
text-align: left;
/*border:solid 1px red;*/
}

#corps_de_texte .img_gauche { color: #696969;float: left; margin: 5px 10px 5px 0px; padding: 5px; border: dotted 1px #dcdcdc; }
#corps_de_texte .img_droite { color: #696969;float: right; margin: 5px 10px 5px 5px; padding: 5px; border: dotted 1px #dcdcdc; }


#corps_de_texte_left{ 
float: left; 
width: 640px; 
margin-top: 30px; 
margin-left: 10px;
font-size: 0.7em; 
color: #fff;
letter-spacing:0.1em;
text-align: left;
/*border:solid 1px red;*/
}

#corps_de_texte_left .img_gauche { color: #696969;float: left; margin: 5px 10px 5px 0px; padding: 5px; border: dotted 1px #dcdcdc; }
#corps_de_texte_left .img_droite { color: #696969;float: right; margin: 5px 10px 5px 5px; padding: 5px; border: dotted 1px #dcdcdc; }



#content a { color:#c13524; font-weight: bold; font-size:1.0em}
#content a:hover { 
 color: #fff; 
 background: #c13524;
 font-weight: bold;}
 
#content p {
margin: 0;
padding-bottom: 5px;
line-height: 1.4em; 
font-size: 16px; 
color: #f4f4f4;
}

#content .cursiv {
font-style:italic;
font-size:0.8em;
}

 
#content h2 {
/*text-indent: 20px;*/
color: #c13524;
letter-spacing: 0.1em;
padding-bottom: 2px;
font-size: 1.3em;
}

 
#content h3 {
/*text-indent: 20px;*/
color: #c13524;
letter-spacing: 0.1em;
padding-bottom: 2px;
font-size: 1.0em;
}

#content h4 {
/*text-indent: 20px;*/
color: #c13524;
letter-spacing: 0.1em;
margin-top:0px;
font-style:italic;
margin-bottom: -5px;
padding:0 0 8px 0;
font-size: 0.9em;
/*border: solid 1px #000000;*/
}

#corps_de_texte h4 {
/*text-indent: 20px;*/
color: #c13524;
letter-spacing: 0.1em;
margin-top:0px;
font-style:italic;
margin-bottom: -5px;
padding:0 0 8px 0;
font-size: 0.9em;
/*border: solid 1px #000000;*/
}


#content h2:hover { color: #fff;}

	#content .code{
	  color: #444;
	  background: #F4f4f4 url(codenums.png) repeat-y;
	  border: 1px solid #ccc;
	  padding: 1px;
	  padding-left: 25px;
	  font-family: Papyrus,"courier new", helvetica, "times new roman", monospace;
	  font-size: 0.8em;
	  width: 470px;
	  margin: 2px auto;
	  white-space: nowrap;
	  overflow: auto;}
	  
	#content  code {
	  color: #fff;
	  font-family: papyrus,"courier new", helvetica, "times new roman", monospace;
	  background-color: #333;
	  font-size: 1.2em;}

#content blockquote { color: #999; font-style: italic; text-align: center; width: 300px; margin: 10px auto;}
 
/***Footer***/

#footer {
  margin-left: 250px;
  text-align: center;
  color: #fffef6;
  margin-top: 15px;
  font-size: 0.7em;
  width:640px;
 
 }
 
#footer p { color: #fffef6;}
 
#footer a { color: #fffef6; font-weight:bold;}

#footer a:hover { color: #f4f4f4; background: #c13524;}
	
/* FORMULAIRE*/
#formulaire			{ color: #fff; text-align: center; padding: 0 10px 10px; }

#formulaire	 p { color: #fffef6;}
 
#formulaire	 a { color: #fffef6; font-weight:bold;}

#formulaire	 a:hover { color: #f4f4f4; background: #c13524;}
	
	
#formulaire .form2			{ color: #000000; background-color: white; text-align: left; vertical-align: middle; padding: 2px 4px; border: double 2px #e6e6e6; }


#formulaire h2			{ color: #414141; font-weight: bold; margin: 0; padding: 4px 10px 15px; }
#formulaire	.bloc2	{}
#formulaire	.bloc3	{ background: #f6f6f3; text-align: left; width: 95%; margin: 5px; padding: 10px 10px 10px 35px; border: solid 1px #e6e6e6; }
#formulaire .bloc5 { color: #b00; background: white; width: 100%; margin-right: 5px; padding-left: 20px; border: solid 1px; }
#formulaire	.bloc4	{ padding: 10px}
#formulaire .bloc	{color: #696969; text-align: left; margin: 5px 10px 5px 0; padding: 0; border: dotted 1px #dcdcdc   }
#formulaire	.tab	{ text-align: left; float: left; }

#entete {width:640px; text-align:center; font-size:0.7em}
#entete a { color: #fffef6; font-weight:bold;}
#entete a:hover { color: #f4f4f4; background: #c13524;}

#intro_hp {
width:640px; 
text-align:center;
}


#intro_hp .citation_hp{
font-style:italic;
font-size:0.7em;
font-family:inherit;
}

#intro_hp .citation{
font-size:0.7em;
font-family:inherit;
}