body {background:#ff6633; font:70% verdana,tahoma,helvetica,sans-serif; margin:0; padding:0;background: url('images/accueil/fond.gif') no-repeat}

h1 {font-size:1.6em; line-height: 150%}
h2 {font-size:1.2em}
h3 {font-size:1.2em; font-weight: normal}
h4 {font-size:1em;font-weight: normal}

a {text-decoration:underline}
a:link {color:rgb(110,109,175)}
a:visited {color:#90a}
a:hover {color:#BF4001}
a:active {color:#00c}

#exemples  {background:white ; color: rgb(110,109,175);font-size: 1em; font-family: Verdana, Geneva, Arial, sans-serif; text-align: left; margin-top: 0px; margin-bottom: 6px; padding-top: 0px; padding-bottom: 4px}
#exemples2  {background: transparent; color: rgb(110,109,175);font-size: 0.9em; font-family: Verdana, Geneva, Arial, sans-serif; margin-top: 0px; margin-bottom: 1px; padding-top: 2px; padding-bottom: 2px; line-height:150%}
 
li {margin-bottom:0.2em}
ol li, .big li, .gap li {margin-bottom:0.6em}

img {border:0px none; }

ul {margin-top:-0.2em}
li ul {margin-top:0.5em; margin-bottom:0.5em}

/* Top-left area */

#header {padding:10px 0 0 8px}
.logo {width:161px; height:65px}
.skip {width:1px; height:1px}
#tag {color:#26a; width:161px; display:block; text-align:right; white-space:nowrap; font-weight:bold; font-size:1em; position:relative; z-index:4}
#tag span {display:block}
#header a  {color:#26a; text-decoration:none; cursor:pointer}


/* Content */

#content {background:transparent; margin:50px 13.5em 10px 13.5em; padding-top:3.5em !important; padding-top:2em; position:relative}

/* Le corps est inspiré de wpdfd.com, un génie du design Web */
  
  .spacer 
	{clear: left;  width: 100%; height: 2px;    }
 .spacerdubas 
	{clear: left;  width: 100%; height: 12px;    }
#contenu 	  
	{
	background:transparent; font-family: Verdana, Geneva, Arial, sans-serif; line-height:170%; text-align: left; margin-right: auto; margin-left: auto; width: 98%; height: auto 
	}

#contenuA 	  
	{
	background: url('images/accueil/souris.gif') no-repeat; font-family: Verdana, Geneva, Arial, sans-serif; line-height:170%; text-align: left; margin-right: auto; margin-left: auto; width: 98%; height: auto}

#inner    
	{
	background: transparent;text-align: left;margin-left: 25px;position: relative;
	width: 652px;height: auto;visibility: visible;display: bloc
	}
#page     
	{
	color: #333366; transparent; text-align: left; margin-right: auto; margin-left: auto; position: relative; width: 80%; height: auto; visibility: visible; display: block 
	}
#piquer 
	{font-size:10px;
	border-left : 1px dotted navy;background-color:transparent; float: left; 
	height: auto; width: 360px; padding-left:12px; padding-top:6px; padding-bottom:6px;
	}
.sous-titre a:link
	{
	color:rgb(110,109,175);
	font-size: 1.2em;
	font-weight: bold;
	text-decoration: underline;
	background-color: transparent
	}
.sous-titre a:visited   
	{
	color: #90a;
	text-decoration: underline;
	background-color: transparent
	}
.sous-titre a:hover   
	{
	color:#BF4001;
	text-decoration: underline;
	background-color: transparent
	}
.sous-titre a:active   
	{
	color: color:#00c;
	text-decoration: underline;
	background-color: transparent
	}
.rouge a:link
	{
	color: #BF4001;
	font-size: 1em;
	text-decoration: underline;
	background-color: transparent
	}
.rouge a:visited
	{
	color: #90a;
	font-size: 1em;
	text-decoration: underline;
	background-color: transparent
	}
.rouge a:hover   
	{
	color: navy;
	text-decoration: underline;
	background-color: transparent
	}
.tableau    
	{
	font-size: 1em;
	line-height: 12px;
	background-color: transparent;
	text-align: left;
	clear: left;
	width: 90%;
	visibility: visible;
	display: block
	}
.horzspace    
	{
	font-size: 1em;
	line-height: 12px;
	background-color: transparent;
	text-align: left;
	clear: left;
	width:95%;
	visibility: visible;
	display: block
	}
.horzspace  img  
	{
	float:right
	}
#horzspacetableau   
	{
	align:right;
	clear: left;
	width: 95%;
	visibility: visible;
	display: block
	}
.graphique  
	{
	align:right;
	clear: left;
	width: 100%;
	visibility: visible;
	display: block
	}
.graphique img  
	{
	float:right
	}
.textcol  
	{
	background-color: green;
	margin-left: 12px
	}
.colonne1    
	{
	background-color: transparent;
	text-align: left;
	float: left;
	width: 25px;
	height: auto;
	visibility: visible;
	display: block
	}
#spacerauteur    
	{background-color: transparent;text-align: left;float: left;width: 45px;height: auto;visibility: visible;display: block
	}
.colonne2    
	{
	background-color: transparent;text-align: right;float: left;margin-right: 12px;padding-top:4px;width: 200px;height: auto;visibility: visible;display: block
	}
 .accueil    
	{
	background:tansparent;text-align: right;float: left;margin-right: 12px;margin-top: 4px;width: 220px;height: auto;line-height:160%;visibility: visible;display: block
	}
 .accueil2    
	{
	background: url('images/accueil/souris%20.gif') no-repeat;text-align: right;float: left;margin-right: 12px;margin-top: 4px;width: 220px;height: auto;line-height:160%;visibility: visible;display: block
	}  .accueil img
	{
	float:right; margin-left:6px} 
#auteur    
	{border-bottom:1px dotted navy;background:url('images/navbar/amine.jpg');
	text-align: center;
	float: left;
	margin-left: 8px;
	padding-top:4px;
	width: 204px;
	height: 2.6em;
	visibility: visible;
	display: block
	}
	#auteurA    
	{border-bottom:1px dotted navy;background:transparent;
	text-align: center;
	float: left;
	margin-left: 8px;
	padding-top:4px;
	width: 204px;
	height: 2.6em;
	visibility: visible;
	display: block
	}
.colonne3       
	{ 
	 background-color: #F7F3F7;
	 text-align: left; 
	 float: left; 
	 border-left: 1px solid #BF4001; 
	 width: 360px; 
	 height: auto; 
	 visibility: visible; 
	 display: block 
	}
  .col1 
	{
	line-height: 18px; text-align: right; float: left; padding-right: 15px; width: 320px; height: auto }
  .col2 img
	{
	float:right; margin-left: 16px}
  .col2 
	{
	border-left : 1px dotted navy; font-size: 1.1em;background-color:#F7F3F7; float: left; height: auto;
    width: 360px; padding-left:15px; padding-right:10px; padding-top:6px; padding-bottom:6px;
	}
  .plan 
	{
	border-left : 1px dotted navy; font-size:1em;background-color:#F7F3F7; float: left; height: auto;
    	width: 360px; padding-left:15px; padding-right:10px; padding-top:6px; padding-bottom:6px;
	}
 .col2tableau 
	{
	border-left : 1px dotted navy; font-size: 0.9em;background-color:#FFEED1; float: left; height: auto;
    	width: 360px; padding-left:15px; padding-right:10px; padding-top:6px; padding-bottom:6px;
	}
#vous 
	{
	border-left : 1px dotted navy; border-top: 1px dotted navy;font-size: 1.1em;background:transparent; float: left; height: auto; width: 360px; }
#vous2 
	{
	border-left : 1px dotted navy; font-size: 1.1em;line-height:170%;background: url('images/accueil/fond-vous.jpg') repeat; float: left; height: auto;
    	width: 360px; }

#vous3 
	{
	border-left : 1px dotted navy; border-top: 1px dotted navy;font-size: 1.1em;background:url('images/accueil/fond-vous.jpg'); float: left; height: auto;
    	width: 360px; padding-left:15px; padding-right:10px; padding-top:6px; padding-bottom:6px;
	}   
.titre
	{
	border-left: 1px dotted navy; border-top: 1px dotted navy;background-color: #F7F3F7; float: left;height: auto;
    width: 360px; padding-left:15px; padding-right:10px; padding-top:6px; padding-bottom:0px;}
   

.citation2
           { font-size: 10px ; text-align: center;line-height: 140%; font-family: Verdana, Georgia, "Times New Roman", Times; background-color: rgb(241,227,224); padding: 3px;  }


.citation 
	{border-left: 1px dotted rgb(135,0,10);background-color: #FFD6AD; float: left; height: auto;
    width: 360px; padding-left:15px; padding-right:10px; padding-top:6px; padding-bottom:6px;line-height: 140%	}


.green  {color:  rgb(110,109,175);background-color: transparent}
.red  {color:  #BF4001;background-color: transparent}
.surtitre  {color:  #BF4001;background-color: transparent; line-height: 140%}
.exergue {color:  #BF4001;background-color: transparent; line-height: 100%}


.bold {font-weight: bold}

.sub	{font-size: 14px}
.imprimer {font-size: 1em}
.moyen {font-size: 1.2em}
.petit {font-size: 1em}
.tpetit {font-size: 0.6em}
.cite	{font-size: 10px; line-height: 140%}




/* Top-right */

#xtranav {font-size:1em; font-weight:normal; position:absolute; top:55px; right:50px; text-align:right; padding-left:205px; white-space:nowrap; z-index:3}
#xtranav form {margin-bottom:0.45em; text-align:right}
.formtext {color:#000; background:#ff6347; border:1px #26a solid; font: 1em arial,helvetica,sans-serif}
.formtext:focus  {background:#fff}
.button {color:#000; background:#fb0; font-size:0.8em; border:2px #9cf solid; border-color:#bcf #26a #26a #bcf; font-weight:bold}
#xtranav form div {font-size:1.2em; font-weight:normal; display:block; text-align:right}
#xtranav form img {width:1px; height:1px}
#xtranav p {text-align:right; margin-top:0}
#xtranav a, #xtranav .now {padding-left:8px}
#xtranav img {position:relative; top:2px; left:-2px}
.faq, .sitemap, .access, .help {height:14px}
.faq {width:14px}
.sitemap {width:14px}
.access {width:20px}
.help {width:15px}
#mise {color:rgb(110,109,175); width:212px; display:block; text-align:right; white-space:nowrap; line-height: 120%; font-weight:normal; font-size:0.9em; position:absolute;top:14.5em; right:50px;  z-index:4}
#infosite  { font-weight: bold; font-size: 1em; text-align: right; 100px; padding-left: 45px; position: absolute; z-index: 3; top: 20px; right: 50px }





/* Top navigation: barre de navigation développée par Webcredible.co.uk, qui améliore celle d'Amazon.com */
#topnav {width:97%;line-height:140%; text-align:center; margin-top:5em; padding-top:45px; position:absolute; top:0; white-space:nowrap; z-index:3}
#topnav .now {background:rgb(108,109,175); font-size:1.2em; display:inline}
#topnav .left {background:url('images/navbar/tab-mauve-gauche.gif') no-repeat 0 0; display:inline}
#topnav .right {background:url('images/navbar/tab-mauve-droite.gif') no-repeat 100% 0; display:inline}
#topnav .goto {background:#ffa07a; font-size:1.2em; display:inline}
#topnav .left-now {background:url('images/navbar/tab-bleu-gauche.gif') no-repeat 0 0; display:inline}
#topnav .right-now {background:url('images/navbar/tab-bleu-droite.gif') no-repeat 100% 0; display:inline}
#topnav .navpad {width:6px; height:1px; padding:0}
#topnav a:link, #topnav a:visited, #topnav a:hover, #topnav a:active {color:#000; text-decoration:none; padding:0 4px}
#topnav strong {color:rgb(235,235,235); padding:0 4px}
#topnav #bread {color:rgb(235,235,235); font-size:1.2em; text-align:left; padding:6px 3px 3px 18px;background:rgb(108,109,175); white-space:nowrap}
#topnav #bread strong {font-size:1em}#topnav #bread a {font-size:0.9em; padding:0; background: url('images/navbar/spacer.gif') no-repeat; text-decoration:underline}
#topnav #bread a:link, #topnav #bread a:visited, #topnav #bread a:active {color:#ffa07a; font-weight:bold}
#topnav #bread a:hover {color:white}


#table 
	{
	visibility: visible;
	width: 100%;
	position: relative
	}

#table table   
	{
	color:#333366;font-size: 0.9em;
	font-family: Verdana, Geneva, Arial, sans-serif;
	background-color: transparent
	}

#table td
	{
	background-color: #FFD6AD;
	padding: 0px 4px 0px 4px;
	border-width: 2px 2px 2px 2px;
	border-style: solid;
	border-color: #ffffff #C5CCC5 #C5CCC5 #ffffff;
	text-align: center}

#table th
	{
	padding: 0px 4px 0px 4px;
	border-width: 2px 2px 2px 2px;
	border-style: solid;
	border-color: #fff #99f #99f #fff;
	background-color: rgb(212,212,255);
	text-align: right;
	padding-top:3px; padding-bottom:3px
	}

#table3d 
	{
	visibility: visible;
	width: 100%;
	position: relative
	}

#table3d table   
	{
	font-size: 9px;
	font-family: Verdana, Geneva, Arial, sans-serif;
	background-color: transparent
	}

#table3d td  
	{
	padding: 0 4px;
	border-left: 1px solid #ccc
	}

#table3d tr  
	{
	background-image: url('images/navbar/t3d.gif');
	background-repeat: repeat-x
	}

#table3d th  
	{
	color: #393;
	background-image: url('images/navbar/t3dh.gif');
	background-repeat: repeat-x;
	text-align: left;
	padding-left: 5px
	}