/* fait disparaître le pointillé sur les liens qd click*/
/* trouvé chez: http://sonspring.com/journal/removing-dotted-links */
a{outline: none;}
:focus{-moz-outline-style: none;}
/* fin */
html {
	background: #e4F3F9 url(graph/fond_bleu.png) 0 0 repeat-x;
	background: #eee url(graph/fond_gris.png) 0 0 repeat-x;
}
#sac {
	position: relative;
	background: transparent url(../graph/bas.png) bottom no-repeat;
}
#site {
	position: relative;
	width: 1024px;
	min-height: 100%;
	height: 100%;
	left: 50%;
	margin-left: -512px;
}
html, body {min-height: 100%;}
			
#menu li {
	list-style: none;
	/* margin-left: 10px; */
}
#menu a {
	text-decoration: none;

}
#menu {
	position: relative;
	/* border: 1px solid red; */
	left: 0px;
	/* top: 10px; */
	margin-top: -26px;
	line-height: 40px;
	width: 1024px;
	height: 380px;
	/*font: 56px/42px 'League Gothic Regular', Arial, sans-serif;letter-spacing: 0;*/
	color: yellow;
	background: transparent url(../graph/trame_menu.png) 0px -10px no-repeat;
}
#esa {
	text-indent: -1000px;
	margin-top: 1px;
	/* border: 1px solid red; */
	width: 749px;
	height: 39px;
	background: white url(../graph/menu.png) 0px -11px no-repeat;
}
#adresse {
	text-indent: -1000px;
	/* border: 1px solid red; */
	width: 1024px;
	background: white url(../graph/menu.png) 0px -50px no-repeat;
}
#item1 {
	margin-top: -8px;
	/* border: 1px solid red; */
	width: 132px;
	height: 51px;
	/* background: white url(../graph/menu.png) 0px -347px no-repeat; */
}
#item1 a {
	position: absolute;
	width: 132px;
	height: 51px;
	text-indent: -2000px;
	background: white url(../graph/menu.png) 0px -82px no-repeat;
}
#item1 a:hover {
	width: 187px;
	background: white url(../graph/menu.png) 0px -347px no-repeat;
}
#item1 a#over {
	width: 187px;
	background: white url(../graph/menu.png) 0px -347px no-repeat;
}
#item2 {
	margin-top: 1px;
	/* border: 1px solid red; */
	width: 310px;
	height: 44px;
	/* background: white url(../graph/menu.png) 0px -399px no-repeat; */
	background: white url(../graph/menu.png) 0px -134px no-repeat;
}
#item2 a {
	position: absolute;
	width: 310px;
	height: 44px;
	text-indent: -2000px;
	/* background: white url(../graph/menu.png) 0px -134px no-repeat; */
}
#item2 a:hover {
	width: 365px;
	background: white url(../graph/menu.png) 0px -399px no-repeat;
}
#item2 a#over {
	width: 365px;
	background: white url(../graph/menu.png) 0px -399px no-repeat;
}
#item3 {
	margin-top: 1px;
	/* border: 1px solid red; */
	width: 136px;
	height: 44px;
	/* background: white url(../graph/menu.png) 0px -444px no-repeat; */
}
#item3 a {
	position: absolute;
	width: 136px;
	height: 44px;
	text-indent: -2000px;
	background: white url(../graph/menu.png) 0px -179px no-repeat;
}
#item3 a:hover {
	width: 191px;
	background: white url(../graph/menu.png) 0px -444px no-repeat;
}
#item3 a#over {
	width: 191px;
	background: white url(../graph/menu.png) 0px -444px no-repeat;
}
#item4 {
	margin-top: 1px;
	margin-left: 0px;
	/* border: 1px solid red; */
	width: 166px;
	height: 44px;
	/* background: white url(../graph/menu.png) 0px -489px no-repeat; */
}
#item4 a {
	position: absolute;
	width: 166px;
	height: 44px;
	text-indent: -2000px;
	background: white url(../graph/menu.png) 0px -224px no-repeat;
}
#item4 a:hover {
	width: 221px;
	background: white url(../graph/menu.png) 0px -489px no-repeat;
}
#item4 a#over {
	width: 221px;
	background: white url(../graph/menu.png) 0px -489px no-repeat;
}
/* item encours rajouter text-indent + width + 55px */

/* outils */
#outils {
	position: relative;
	z-index: 10;
	top: 0px;
	width: 1024px;
	/* height: 42px; */
	height: 67px;
	/* border: 1px solid red; */
	background: url(../graph/outils.png) 0 0 no-repeat; 
}
#outils li {
	list-style: none;
	display: inline;
}
#fr {
	position: absolute;
	right: 80px;
	width: 50px;
	height: 31px;
	background: transparent url(../graph/langues.png) 0 0 no-repeat;
	/* border: 1px solid red; */
}
#fr a {
	position: absolute;
	width: 100%;
	height: 100%;
	text-indent: -2000px;
}
#uk {
	position: absolute;
	right: 16px;
	width: 50px;
	height: 31px;
	background: transparent url(../graph/langues.png) -64px -40px no-repeat;
	/* border: 1px solid red; */
}
#uk a {
	position: absolute;
	width: 100%;
	height: 100%;
	text-indent: -2000px;
	background: transparent url(../graph/langues.png) -64px 0 no-repeat;
}
#uk a:hover {
	background: transparent url(../graph/langues.png) -64px -40px no-repeat;
}
.hide {
	display: none;
}
li ul li {
	float: left;
/* 			display: inline; */
	position: relative;
	/* letter-spacing: .5px; */
	text-transform: uppercase;
	font: 17.5px/20px 'Miso Regular', Arial, sans-serif;
	margin: 3px 0 -3px 0;
	margin-right: 5px;
	background-color: white;
	color: #aaaaaa;
	background-color: white;
	/* background: white url(../graph/trameEm.png) 0 0; */
}
li ul li a {
	/* padding: 0px 5px 0px 5px; */
	padding: 0px 5px 0px 5px;
	color: #404040;
	background-color: white;
}
li ul {
	margin: 0px;
	margin-top: 1px;
	padding: 0px;
	height: 45px;
}
li ul li a:hover {
	background-color: #ff6600;
	color: white;
}
#passw, #log {
	color: #fff;
	width: 100px;
	height: 15px;
	background-color: #2B2B2B;
	border: none;
	margin: 8px 29px 5px 110px;
}
#submit {
	position: absolute;
	left: 471px;
	/* width: 172px; */
	width: 40px;
	height: 31px;
	/* background: transparent url(../graph/connexion.png) 0 0 no-repeat; */
}
a#submit {
	text-indent: -1000px;
	background: transparent url(../graph/connexion.png) 0 -1px no-repeat;
	/*  */
}
a:hover#submit  {
	background: transparent url(../graph/connexion.png) 0 -41px no-repeat;
}
#message {
	position: absolute;
	left: 520px;
	top: 7px;
	width: 370px;
	/* border: 1px solid red; */
	text-transform: uppercase;
	font: 16px 'Miso Regular', Arial, sans-serif;
	line-height: 15px;
	letter-spacing: 1px;
	color: red;
}

#contact {
	z-index: 11;
	position: absolute;
	right: 0px;
	top: 0px;
	width: 147px;
	height: 39px;
	
	
}
#contact a {
	position: absolute;
	width: 147px;
	height: 39px;
	text-indent: -2000px;
	background: transparent url(../graph/contact.png) 0 3px no-repeat;
}
#contact a:hover {
	background-color: white;
}

#contenu {
	position: relative;
	width: 1024px;
	margin-top: -25px;
	height: auto;
}
#blocGauche {
	position: absolute;
	width: 510px;
	background: transparent url(../graph/fondArticle.png) 0 0;
	border: 1px solid #bcbcbc;
}
#blocDroit {
	position: absolute;
	width: 512px;
	left: 512px;
	background: transparent url(../graph/512.png) 0 0;
	background: transparent url(../graph/flecheDroiteSemi.png) 0 0;
}

#contenu h2 {
	/* letter-spacing: .5px; */
	text-transform: uppercase;
	font: 22px 'Miso Regular', Arial, sans-serif;
	letter-spacing: 1px;
	margin-top: -1px;
}
#contenu .titre {
	/* background-color: black; */
	color: #FFF;
	padding: 0px 5px 0px 30px;
	background: black url(../graph/puceTitre.png) 0 1px no-repeat
}
#contenu h3 {
	/* letter-spacing: .5px; */
	text-transform: uppercase;
	font: 20px 'Miso Regular', Arial, sans-serif;
	letter-spacing: 1px;
	margin-top: -1px;
}
#contenu .sstitre {
	/* background-color: black; */
	color: #FFF;
	padding: 0px 5px 0px 40px;
	/* background: #808080 url(../graph/puceTitre.png) 0 1px no-repeat; */
	background-color: #808080;
}
#contenu p {
	/* text-transform: uppercase; */
	font: 16px/18px 'Miso Light', Arial, sans-serif;
	color: #404040;
	padding: 2px 0px 20px 4px;
	/* text-indent: 3px; */
	margin: 0;
	/* letter-spacing: 1px; */
}
#contenu p strong {
	font: 16px 'Miso Regular', Arial, sans-serif;
	color: white;
	/* letter-spacing: 1px; */
	background-color: #ff6600;
	padding: 0px 3px 1px 3px;
}
#contenu p em {
	font: 16px 'Miso Regular', Arial, sans-serif;
	background-color: red;
	color: black;
	background: transparent url(../graph/trameEm.png) 0 0;
	padding: 0 3px 0 3px;
}

#contenu p a {
	/* text-transform: uppercase; */
	text-decoration: none;
	/* background-color: black; */
	color: #FF6600;
	padding: 0px 12px 0px 3px;
	background: black  url(../graph/lien.png) right 6px no-repeat;
}
#contenu p a:hover {
	color: black;
	background: #FF6600  url(../graph/lien.png) right -14px no-repeat;
}
#contenu #blocDroit img {
float: right;
margin: 0;
padding: 0;
border: none;

}
#retour {
position: absolute;
bottom: 0;
height: 20px;
right: 45px;
width: 60px;
margin-bottom: 10px;
background-color: red;
background: white url(../graph/retourMenu.png) 0 0 no-repeat;
}
#retour a {
	position: absolute;
	height: 20px;
	width: 60px;
	text-indent: -2000px;
}