/* CSS Document */



/*-------------------------------------------
	SÉLECTEURS GÉNÉRAUX
-------------------------------------------*/
	
body	{
	width:760px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	color:#530;
	background:#eec;
	font:12px verdana, sans-serif;
	}

p	{
	line-height:18px;
	margin-top:0;
	padding-top:0;
	}

p.exemple	{
	margin:0 0 12px 0;
	padding:10px;
	border:1px #CFCF9A solid;
	}
	
dl	{
	color:#530;
	font:12px verdana, sans-serif;
	background-color:#E9E7C5;
	}

dt	{
	color:#530;
	font-size:14px;
	background-color:#E9E7C5;
	margin-bottom:8px;
	}
	
dd	{
	margin-left:0;
	margin-bottom:20px;
	}
	
hr	{
	float:left;
	border:0;
	height:1px;
	width:33%;
	background-color:#CFCF9A;
	display:block;
	margin-bottom:-20px;
	padding:0;
	}
		
acronym[title]	{
	cursor:help;
	border-bottom:1px dotted gray;
	}
		
cite[title]	{
	cursor:help;
	}
		
span[title]	{
	cursor:help;
	border-bottom:1px dotted gray;
	}
	
span a[title]	{
	cursor:help;
	}
		
pre	{
	font-size:12px;
	}
	
code	{
	font-size:12px;
	}
	
cite.titres	{
	font:bold 14px Verdana, sans-serif;
	}

span.auteur	{
	font-variant:small-caps;
	}

img.photo	{
	margin:0 15px 10px 0;
	display:block;
	}
		
sup	{
	line-height:0;
	}
		
sub	{
	line-height:0;
	}



/*-------------------------------------------
	TITRES
-------------------------------------------*/
	
h1	{
	color:#362;
	background:#eec;
	font:bold 24px Arial, Helvetica, sans-serif;
	margin-bottom:16px;
	margin-top:0;
	clear:left;
	}
	
h1#tagline	{
	color:#333;
	background:#eec;
	font:bold 16px Arial, Helvetica, sans-serif;
	position:relative;
	margin-top:50px;
	width:310px;
	}

h2	{
	color:#530;
	font:bold 16px verdana, sans-serif;
	padding-left:18px;
	background:url(images/carre-vert-pale.gif) no-repeat left center;
	background-color:#E9E7C5;
	margin:8px 0 2px 0;
	}
	
h2#accueil	{
	color:#362;
	background:#eec;
	font:bold 24px Arial, Helvetica, sans-serif;
	margin-bottom:16px;
	margin-top:0;
	clear:left;
	}

h3	{
	color:#333;
	font:bold 16px verdana, sans-serif;
	background-color:#E9E7C5;
	margin:5px 0 13px 0;
	}

h4	{
	color:#530;
	font:bold 13px/4px verdana, sans-serif;
	background-color:#E9E7C5;
	margin-bottom:8px;
	margin-top:20px;
	}
	
h5	{
	color: #530;
	font:bold 13px/6px verdana, sans-serif;
	background-color:#E9E7C5;
	margin-bottom:6px;
	}


	

/*-------------------------------------------
	NAVIGATION
-------------------------------------------*/
	
a:link, a:visited {
	font-weight:bold; 
	text-decoration:none;
	color:#362;
	background:transparent;
	}

a:hover {
	font-weight:bold; 
	text-decoration:underline;
	color:#362;
	background:none;
	}

a:active {
	font-weight:bold; 
	text-decoration:none;
	color:#8b2;
	background:transparent;
	}

div.texte a:link {
	font-weight:normal; 
	text-decoration:underline;
	color:#362;
	background:transparent; 
	}

div.texte a:visited {
	font-weight:normal; 
	text-decoration:underline;
	color:#ADCA93;
	background:transparent; 
	}

div.texte a:hover {
	font-weight:normal; 
	text-decoration:underline;
	color:#362;
	background:#ADCA93;
	}

div.texte a:active {
	font-weight:normal;
	text-decoration:none;
	color:#8b2;
	background:transparent;  
	}
	
div.texte span a:link, div.texte span a:visited {
	font-weight:normal; 
	text-decoration:underline;
	color:#362;
	background:transparent;
	}

div.texte span a:hover {
	font-weight:normal; 
	text-decoration:underline;
	color:#362;
	background:#ADCA93;
	}

div.texte span a:active {
	font-weight:normal; 
	text-decoration:none;
	color:#362;
	background:transparent;
	}
	
div.ressources a:link {
	font-weight:normal; 
	text-decoration:underline;
	color:#362;
	background:transparent; 
	}

div.ressources a:visited {
	font-weight:normal; 
	text-decoration:underline;
	color:#ADCA93;
	background:transparent; 
	}

div.ressources a:hover {
	font-weight:normal; 
	text-decoration:underline;
	color:#362;
	background:#ADCA93;
	}

div.ressources a:active {
	font-weight:normal;
	text-decoration:none;
	color:#8b2;
	background:transparent;  
	}

div.ressources span a:link, div.ressources span a:visited {
	font-weight:normal; 
	text-decoration:underline;
	color:#362;
	background:transparent;
	}

div.ressources span a:hover {
	font-weight:normal; 
	text-decoration:underline;
	color:#362;
	background:#ADCA93;
	}

div.ressources span a:active {
	font-weight:normal; 
	text-decoration:none;
	color:#362;
	background:transparent;
	}
	
span a:link {
	font-weight:normal; 
	text-decoration:underline;
	color:#362;
	background:transparent;
	}

span a:visited {
	font-weight:normal; 
	text-decoration:underline;
	color:#ADCA93;
	background:transparent;
	}

span a:hover {
	font-weight:normal; 
	text-decoration:underline;
	color:#362;
	background:#ADCA93;
	}

span a:active {
	font-weight:normal; 
	text-decoration:none;
	color:#362;
	background:transparent;
	}

div.colonneduvocabulaire ul li a:link {
	font-weight:normal; 
	text-decoration:underline;
	color:#362;
	background:transparent; 
	}

div.colonneduvocabulaire ul li a:visited {
	font-weight:normal; 
	text-decoration:underline;
	color:#ADCA93;
	background:transparent; 
	}

div.colonneduvocabulaire ul li a:hover {
	font-weight:normal; 
	text-decoration:underline;
	color:#362;
	background:#ADCA93; 
	}

div.colonneduvocabulaire ul li a:active {
	font-weight:normal; 
	text-decoration:none;
	color:#8b2;
	background:transparent;  
	}
	
ul.clients a:link, ul.clients a:visited {
	font-weight:bold; 
	text-decoration:underline;
	color:#362;
	background:transparent;
	}

ul.clients a:hover {
	font-weight:bold; 
	text-decoration:underline;
	color:#362;
	background:none;
	}

ul.clients a:active {
	font-weight:bold; 
	text-decoration:underline;
	color:#8b2;
	background:transparent;
	}

div#chemin a:link, div#chemin a:visited, div#chemin a:hover, div#chemin a:active {
	font-weight:normal; 
	text-decoration:underline;
	color:#530;
	background:transparent; 
	}
	
span a[title]	{
	cursor:help;
	}

div.texte h2 a:link {
	font-weight:bold; 
	text-decoration:none;
	color:#530;
	background:#E9E7C5;
	}

div.texte h2 a:visited {
	font-weight:bold; 
	text-decoration:none;
	color:#530;
	background:#E9E7C5;
	}
	
div.texte h2 a:hover {
	font-weight:bold; 
	text-decoration:underline;
	color:#530;
	background:#E9E7C5;
	}

div.texte h2 a:active {
	font-weight:bold; 
	text-decoration:none;
	color:#530;
	background:#E9E7C5;
	}




/*-------------------------------------------
	DIVISIONS
-------------------------------------------*/

.texte	{
	height:300px;
	width:480px;
	float:left;
	margin-bottom:12px;
	background-color:#E9E7C5;
	border:1px #CFCF9A solid;
	padding:10px;
	}
		
.texte ul	{
	margin-top:5px;
	}
		
.texte ul li	{
	line-height:18px;
	list-style-type:square;
	}

.texte ol li	{
	line-height:18px;
	}

#en-tete	{
	height:80px;
	width:760px;
	margin-bottom:28px;
	margin-top:0;
	float:left;
	background-color:#eec;
	border-bottom:1px #CFCF9A solid;
	}

#logo	{
	height:78px;
	width:642px;
	float:left;
	margin-top:2px;
	background:url(images/logoRD2.3.gif) no-repeat;
	}

#utilitaires	{
	height:54px;
	width:104px;
	float:right;
	background-color:#eec;
	margin-top:20px;
	}

.fleche	{
	height:18px;
	width:12px;
	float:left;
	background-color:#eec;
	}

.etiquette	{
	height:18px;
	width:86px;
	float:right;
	background-color:#eec;
	font:14px/75% "Trebuchet MS", Verdana, sans-serif;
	}
	
.vocabulaire	{
	text-align:left;
	color:#530;
	font:12px verdana, sans-serif;
	height:300px;
	width:480px;
	float:left;
	margin-bottom:12px;
	background-color:#E9E7C5;
	border:1px #CFCF9A solid;
	padding:10px;
	}
		
.vocabulaire ul	{
	padding:0;
	margin:0;
	}
		
.vocabulaire ul li	{
	line-height:18px;
	list-style-type:none;
	padding:0;
	margin:0;
	}

.colonneduvocabulaire	{
	height:auto;
	width:232px;
	float:left;
	}

.menu {
	height:186px;
	width:224px;
	float:right;
	background-color:#E9E7C5;
	border:1px #CFCF9A solid;
	margin-bottom:12px;
	padding:10px;
	}
	
.menu ul  {
	margin-left:0;
	margin-top:5px;
	padding-left:0;
	font:12px verdana, sans-serif;
	list-style-type:none;
	}

.menu ul li	{
	line-height:18px;
	}
		
.menu h2  {
	margin-top:5px;
	padding-left:0;
	}
	
.menu2 {
	height:80px;
	width:224px;
	float:right;
	clear:right;
	background-color:#E9E7C5;
	border:1px #CFCF9A solid;
	padding:10px;
	margin-bottom:12px;
	}
	
.menu2 ul  {
	margin-left:0;
	margin-top:5px;
	padding-left:0;
	font:12px verdana, sans-serif;
	list-style-type:none;
	}

.menu2 ul li	{
	line-height:18px;
	}
	
.realisations {
	height:400px;
	width:224px;
	float:right;
	clear:right;
	background-color:#E9E7C5;
	border:1px #CFCF9A solid;
	padding:10px;
	}
	
.realisations ul  {
	margin-left:25px;
	margin-top:0;
	padding-left:0;
	font:12px verdana, sans-serif;
	list-style-type:square;
	}

.realisations ul li	{
	line-height:18px;
	}
		
.ressources {
	height:auto;
	width:480px;
	float:left;
	margin-bottom:12px;
	background-color:#E9E7C5;
	border:1px #CFCF9A solid;
	padding:15px 10px;
	}
	
.ressources ul  {
	margin-left:0;
	margin-top:5px;
	padding-left:0;
	font:12px verdana, sans-serif;
	list-style-type:none;
	}

.ressources ul li	{
	line-height:18px;
	}

.ressources span ul  {
	margin-left:10px;
	margin-top:-10px;
	padding-left:5px;
	font:12px verdana, sans-serif;
	list-style-type:circle;
	}

.ressources span ul li	{
	line-height:18px;
	}
	
.biblio	{
	margin-bottom:34px;
	}
			
.biblio ul li	{
	margin-bottom:8px;
	list-style-type:square;
	}
		
#chemin	{
	height:auto;
	width:auto;
	float:left;
	margin-top:-18px;
	}

#chemin ul	{
	margin-left:0;
	padding:0;
	}
		
#chemin ul li	{
	list-style-type:none;
	display:inline;
	}

#adresse	{
	clear:left;
	width:495px;
	margin-bottom:25px;
	}
	
#adresse p	{
	font:normal 12px/18px Verdana, sans-serif;
	}