/* Css fait par Evrard Ludovic pour le travail sur le site des euros régions dans le cours DHM */



/* Corp */



body {

   background-color:#FFFFFF;
   
   background-image:url(images/1.jpg);

   padding: 0px ;

   margin : 0px;

   font-size: 1em;

   font-family: Verdana, Arial;

   color: #000000;

   text-align: left;

   text-decoration: none;

}



a {

	color:#023A65;

	text-decoration:none;

	padding-left: 3px;

	padding-right: 3px;

	padding-top: 1px;

}



a:hover {

	text-decoration:underline;

}



/* Contour du site */



#contour{

	position: relative;

	background-color: #FFFFFF;

	border: 1px #013054 solid;

	padding: 0px;

	width: 984px;

	margin-left: auto;

	margin-right: auto;

	text-align: left;

}



/* Corp */



#header{

   background-image:url(images/header.jpg);

   background-repeat:no-repeat;

   width:984px;

   height:120px;

}



#page{

	margin: 10px;

}



#footer{

   background-image:url(images/footer.jpg);

	padding-top: 30px;

   width: 984px;

	height: 30px;

   font-size: 0.7em;

   text-align: center;

   color: #505050;

}



/* Titre des pages */



h1 {

	border-bottom: 1px solid #66A4D4;

	width: 450px;

	padding: 3px;

	margin: 3px;

	font-size: 1.5em;

	text-align: left;

	color: #023865;

	font-family:Verdana, Arial, Helvetica, sans-serif;

}



/* Menu */





#key-menu {

   background: #66A4D4 url("images/menu.gif") 0 100% repeat;

	padding: 0 0 10px 0;

	overflow: auto;

	margin-bottom: 1em;

}



#key-menu li {

	float: left;

	background: url("images/tabs.gif") 100% -50px;

	padding-right: 5px;

	margin-right: 2px;

	border-bottom: 1px solid #66A4D4;

	margin-bottom: -10px;

}



#key-menu li a, #key-menu li span {

	display: block;

	float: left;

	padding: 3px 15px 2px 20px;

	background: url("images/tabs.gif") 0 -50px;

	color: #491600;

	text-decoration: none;

}



#key-menu li:hover a {

	background-position: 0 -100px;

}



#key-menu li:hover {

	background-position: 100% -100px;

}



#key-menu li.current {

	background: url("images/tabs.gif") 100% 0;

	border-bottom-color: #A7D6FE;

}



#key-menu li.current a, #key-menu li.current span {

	background: url("images/tabs.gif") 0 0;

	color: #074B7F;

	font-style: italic;

}





* html #key-menu {

	overflow: visible;

	height: 1px;

}



#key-menu ul, #key-menu li {

	margin: 0;

	padding: 0;

	list-style: none;

}



#key-menu ul {

	padding: 14px 12px 0 12px;

}



#key-menu li {

	float: left;

	background: url("images/tabs.gif") 100% -50px;

	padding-right: 5px;

	margin-right: 2px;

	border-bottom: 1px solid #66A4D4;

	margin-bottom: -10px;

}



#sousmenu{

	margin: 3px;

	text-align: center;

}



.menu A:link {

	color: #1A3D6B;

	text-decoration: none;

}

.menu A:visited {

	color: #1A3D6B;

	text-decoration: none;

}

.menu A:hover {

	color: #082E5F;

	text-decoration: underline;

}