/* CSS Document */

* { margin: 0; padding: 0; border: 0; font-size: 1em; font-style: normal; list-style-type: none; color:#7c0054; border:none; font-family: Arial, Helvetica, sans-serif; }

body { 	font-size:11px; background-color: #FFF; background:url(images/bg.jpg) repeat-x;   }

* html { height:400px; }
	
#global { width:800px; margin-left:auto; margin-right:auto; margin-top:10px; }

#header, #main { margin-bottom:5px; }

#header-logo { float:left; width:180px;  margin-right:5px;  }

#header-tetiere { height:100px; text-align:right; background:url(images/top_right.jpg) right top no-repeat ; font-size:1.1em; }
	#header-tetiere ul { float:right; padding:5px 10px 5px 0;  }	
	#header-tetiere a:link, #header-tetiere a:visited { color:#fff; text-decoration:none; }
	#header-tetiere a:hover { color:#cff04f;  border-right:1px solid #cff04f; padding-right:10px;}

#left { float:left; margin-right:5px; width:180px; }
	
		#logo { text-align:right; width:180px;   }
		#logo img { margin-right:5px; margin-top:5px; }

#main_content { float:left; background-color:#FFFFFF; width:615px;  }

	#bread { font-size:0.9em; margin:5px 0; padding:0 5px 3px 5px; border-bottom:1px solid #CECFC6; }
		#bread form { float:right; margin-top:2px; }
		#bread input { border: 1px solid #CECFC6; padding:2px; text-align:center; }
		#bread input:hover, #bread input:focus { background-color:#faebf5; }
		.content-button { margin-left:5px; padding:0; background-color:#FFF; height:18px;}
	
		
	#rubrique { padding:0 5px 5px 5px; border-bottom:1px solid #CECFC6;  }
	#rubrique p { line-height:1.3em; margin:5px 0; }
	#rubrique ul { float:left; border:1px solid #eb009c; margin:5px 15px 5px 5px; padding:5px; }
	#rubrique li { }	

	#rubrique a:link, #rubrique a:visited { color:#eb009c; text-decoration:none; }
	#rubrique a:hover { text-decoration:underline; }
	.rubrique_titre { text-transform:uppercase; font-weight:bold; }
	
	.rubrique_recherche { width:180px; float:left; border:1px solid #CECFC6; padding:5px; margin: 0 0 5px 5px; text-align:center;  }
			.rubrique_recherche input { border:1px solid #CECFC6; text-align:center; padding:3px; }
			
	
	#content { padding:5px; padding-bottom:20px; min-height:400px;}
	
		.right-img { float:right; border:1px solid #3399cc; margin:5px 0 5px 5px; }
		#content p { margin:0 0 5px 0; line-height:1.5em; }
		.content-img { float:right; clear:right; }
		#content legend { font-size:0.8em; color:#000000; padding:1px;}
		#content ul { list-style-image: url(images/puce.png); margin:5px 0; }
		#content li { margin-left:30px; padding-left:15px; margin-bottom:5px; background:url(images/puce-detail.png) center left no-repeat; vertical-align:top;}
		#content form { margin:5px 0;}
		#content input, #content textarea { padding:2px; margin: 0 0 5px 0; background-color:#FFF; border:1px solid #CECFC6; }
		.rubrique_recherche input:hover, .rubrique_recherche input:focus, #content input:hover, #content input:focus, #content textarea:hover, #content textarea:focus { background-color:#faebf5; }
		
		.select { margin: 0 0 5px 0; float:left;  background-color:#f9df78; }
		#content label { float:left; margin: 5px 0; clear:left; width:120px;}
		
		#pro_form { float:right; border-left:1px dotted #CECFC6; padding-left:10px; }

		
		#content caption { background-color:#faebf5; padding:5px; font-size:1.2em; font-weight:light; margin-top:5px; }
		#content td, #content th {padding:3px; }
		#content table { border-bottom:1px solid #faebf5; margin:10px 0 ; }
		#content th { border-bottom:1px solid #faebf5; font-weight:normal; font-style:italic; font-size:0.9em;  }
		#content thead { background-color:#f7cd21; padding:5px; }
		
			
		.content_bloc { border:1px solid #CECFC6; padding:5px; margin: 0 0 5px 0; }
		.content_bloc p { line-height:1em; margin:5px 0; font-size:0.9em; }
		.content_bloc_img { float:right; padding:0 0 0 5px; }
		.content_big_pic { float:right; margin: 0 5px 5px 5px; padding:1px; }
		
		.content_index_main { color:#eb009c;   }
		.content_index_bloc {  background-color:#fff; width:133px; height:133px; float:left; border:1px solid #eb009c; padding:5px; margin: 5px 5px 5px 0; }
		.content_index_bloc img { margin-bottom:1px; }
		.content_index_titre { font-size:1.3em; font-weight:bold; color:#eb009c; text-align:right;  }
			.content_index_bloc a:link, .content_index_bloc a:visited { color:#eb009c; text-decoration:none; }
			.content_index_bloc a:hover { color:#7c0054; }
				
		.outrouve { padding:5px 0; border-top:1px dotted #faebf5; border-bottom:1px dotted #faebf5; margin-top:5px; display:block; }		
				
		#content a:link, #content a:visited { text-decoration:underline; font-weight:bold; }
		#content a:hover { color:#eb009c; }

#promo { width:160px; margin:5px 0; padding:5px; background:#f7cd21 url(images/block_coin_promo.jpg) no-repeat right bottom; }
	#promo img { float:left; padding: 5px 5px 0 0; }
	
#menu { text-align:left;  font-size:0.9em; width:180px; border-bottom:1px solid #eb009c; }
	#menu ul { margin:0; width:auto; }
	#menu li {  border-bottom:1px solid #FFF;   }
	#menu li a:link, #menu li a:visited { padding:4px; color:#FFF; text-transform:uppercase; font-weight:bold; display:block; text-decoration:none; background-color:#eb009c; }
	html>body #menu li a { width: auto;  }
	#menu li a:hover, #menu #current { color:#eb009c; background-color:#cff04f;  }
	
	#subnavlist ul { }
	#subnavlist  li a:link, #subnavlist li a:visited { background:#fff; color:#eb009c; text-transform:lowercase; text-indent:5px; padding:2px; }
	#subsubnavlist  li a:link, #subsubnavlist li a:visited { text-indent:20px; }
	#subnavlist  li a:hover { background-color:#cff04f ; color:#eb009c; }

#footer { text-align:center; border-top:1px solid #faebf5; padding:1px; letter-spacing:0.05em;}

h1 {font-size:2.5em; margin:5px 0; color:#eb009c; letter-spacing:0.2em; font-weight:normal; text-transform:capitalize; }	
h2 { margin:5px 0; text-align:left; font-size:3.4em; width:280px; letter-spacing: -.05em; line-height: 1em; font-weight:normal; }
h3 { text-align:left; font-size:2.5em; margin:5px 0; letter-spacing: -.05em; line-height: 1em; font-weight:normal;}
h4 { font-size:1em; text-transform:uppercase; margin:0 0 5px 0; font-weight:bold; }

	h4 a, h4 a:visited { text-decoration:none;   }
	h4 a:hover { color:#eb009c; text-decoration:underline;}

h5 { font-size:1.6em; text-transform:uppercase; margin:5px 0; font-weight:normal; }

h6 { font-size:1.3em; text-transform:uppercase; margin:5px 0; font-weight:bold; }


	#copyright { margin-top:5px; text-align:center; color:#000; font-size:0.8em;  }
	#copyright a:link, #copyright a:visited { color:#000; } 

.detail { text-align:left; margin: 0 0 0 5px;}
.alerte { color:#FF0000; text-align:center; }
.logo { float:left; margin-right:5px; }
.spacer { clear:both; }


.showstate{ /*Definition for state toggling image */
cursor:hand;
cursor:pointer;
float: left;
}

.headers{
width: 600px;
font-size: 120%;
font-weight: bold;
}

.switchcontent{
width: 600px;
}



/* CSS Document */