/* Css global du site sherlockdoc.com */


/*---------------------------------------*/
/*           CSS GENERALES               */
/*---------------------------------------*/

* {margin: 0; padding: 0; list-style-type: none;}

body {
	color: #504433; 
	font: 14px "Trebuchet MS";
	background: #7A6E62;
	cursor: url(../images/cursor.cur);
}

.stop { clear: both; }

.gauche { float: left; }

.rouge { color: #FF0000; }

/*---------------------------------------*/
/*             CSS HEADER                */
/*---------------------------------------*/

#titre_global {
	position: relative;
	background: url(../images/fond_header.gif) repeat-x;
	border-bottom: solid 3px #504433;
	height: 170px;
}

	#titre {
		position: relative;
		margin: 0 auto;
		width: 950px;
		height: 170px;
	}
	
		#titre a#logo {
			float: left;
			width: 150px;
			height: 170px;
			background: url(../images/logo-nv.gif) no-repeat 0px 57px;
		}
		
			#titre h1 span { display: none; visibility: hidden; }
			
			
		#titre ul {
			float: left;
			margin-top: 90px;
			margin-left: 28px;
			width: 637px;
			height: 76px;
			list-style-type: none;
		}
			
			#titre ul li {
				float: left;
				margin-left: 2px;
				height: 76px;
				display: inline;
			}
			
			#titre ul li a#missions { display: block; width: 148px; height: 76px; background: url(../images/missions.gif) no-repeat; }
			#titre ul li a#missions:hover { display: block; background: url(../images/missionsh.gif); }
			#titre ul li a#investigation { display: block; width: 212px; height: 76px; background: url(../images/investigation.gif); }
			#titre ul li a#investigation:hover { display: block; background: url(../images/investigationh.gif); }
			#titre ul li a#enquetes { display: block; width: 149px; height: 76px; background: url(../images/enquetes.gif); }
			#titre ul li a#enquetes:hover { display: block; background: url(../images/enquetesh.gif); }
			#titre ul li a#enquetes-en { display: block; width: 149px; height: 76px; background: url(../images/enquetes-en.gif); }
			#titre ul li a#enquetes-en:hover { display: block; background: url(../images/enquetesh-en.gif); }
			#titre ul li a#contact { display: block; width: 118px; height: 76px; background: url(../images/contact.gif); }
			#titre ul li a#contact:hover { display: block; background: url(../images/contacth.gif); }
			
			#titre ul li a span { display: none; visibility: hidden; }
			
			
		#titre span#livres img {
			float: right;
			margin-top: 47px;
			margin-right: 0px;
		}
		


/*---------------------------------------*/
/*           CSS HEADER SOUS             */
/*---------------------------------------*/

#header_ss_global {
	position: relative;
	background-color: #FFFFFF;
	border-bottom: solid 2px #A3D8E3;
	height: 137px;
}


	#header_ss {
		position: relative;
		margin: 0 auto;
		width: 950px;
		height: 137px;
		font-size: 16px;
	}
	
		 a.drapeau-anglais {
			 z-index: 100;
			 display: block;
			 width: 30px;
			 height: 20px;
			 position: absolute;
			 z-index: 10;
			 background: url(../images/drapeau-en.gif);
			 float: right;
			 margin-top: -160px;
			 margin-left: 910px;
		}
		
		 a.drapeau-anglais-ht {
			 z-index: 100;
			 display: block;
			 width: 30px;
			 height: 20px;
			 position: absolute;
			 z-index: 10;
			 background: url(../images/drapeau-en.gif);
			 float: right;
			 margin-top: -180px;
			 margin-left: 910px;
		}
		

		 a.drapeau-francais {
			 z-index: 100;
			 display: block;
			 width: 30px;
			 height: 20px;
			 position: absolute;
			 z-index: 10;
			 background: url(../images/drapeau-fr.gif);
			 margin-top: -160px;
			 margin-left: 910px;
		}
		
		 a.drapeau-francais-ht {
			 z-index: 100;
			 display: block;
			 width: 30px;
			 height: 20px;
			 position: absolute;
			 z-index: 10;
			 background: url(../images/drapeau-fr.gif);
			 float: right;
			 margin-top: -180px;
			 margin-left: 910px;
		}
	


/*---------------------------------------*/
/*             CSS CONTENT               */
/*---------------------------------------*/
	
#content_global {
	position: relative;
	background-color: #DDEFF1;
	border-bottom: solid 2px #504433;
	padding-top: 20px;
	padding-bottom: 15px;
}

	#content {
		position: relative;
		margin: 0 auto;
		width: 950px;
	}	
	
	
/*---------------------------------------*/
/*             CSS FOOTER                */
/*---------------------------------------*/

	#footer {
		position: relative;
		margin: 0 auto;
		width: 950px;
		padding-top: 5px;
		padding-bottom: 10px;
		text-align: center;
		font-style: italic;
		font-size: 11px;
		letter-spacing: 1px;
		color: #ffffff;
	}
	
		#footer a { text-decoration: none; color: #ffffff; }
		
		#footer a:hover { text-decoration: underline; color: #ffffff; }