/* ******************** GENERAL ******************** */
html{
/*background-image:url(images/arriere.jpg);
background-color: #F4CAF7;
background-color: #B1C9C9;*/
background-color:#F0F9F0;
}
body
{
	margin: 20px auto;
	font-family: Arial, sans-serif;
	font-size: 14px;
	min-height: 500px;
	width: 1000px;
	padding: 0px;
	border: solid 1px #e2e2e2;
	
}

#thebody{
	font-family: Arial, sans-serif;
	font-size: 14px;
	min-height: 500px;
	width: 1000px;
	background-color: #F9F9F9;
}
center{
	margin: 10px;
	padding:0px;
}
h1
{
	font-variant: small-caps;
	font-size: 30px;
	color: #666666;
	font-weight: normal;
	border-bottom: solid 1px #e2e2e2;
	padding-bottom: 10px;
	margin-bottom: 30px;
	margin-left: 30px;
}
h2
{
	font-size: 23px;
	color: #999999;
	font-weight: normal;
	font-variant: small-caps;
	margin-bottom: 10px;
	margin-left: 30px;
}
h3
{
	color: #68b2d6;
	font-size: 14px;
	font-weight: normal;
	margin-bottom: 5px;
}
a{
	text-decoration:none;
	color: grey;
}
h4{
	font-size: 20px;
	color: #999999;
	font-weight: normal;
	font-variant: small-caps;
	margin-bottom: 10px;
	margin-left: 30px;
	margin-right: 30px;

}

/* ******************** GENERAL ******************** */

/* ******************** HEADER ******************** */
#header{ 
	position: relative;
	height: 250px;
	margin-top: 0px;
	margin-left: 0px;
	width: 1000px;
}

#fond{
	position:absolute; 
	z-index: 2;
	}

#logo{
	position:absolute;
	z-index: 5;
	height: 80px;
	width: 400px;
	padding: 10px;
	margin-top: 10px;
text-align: center;	

}

#logo h1, #logo h1 a, #logo h1 a:hover
{
	font-size: 30px;
	color: #666666;
	font-weight: normal;
	font-variant: small-caps;
	margin: 0;
	padding: 0;
	border: none;
	margin-left:15px;
}
#logo h2, #logo h2 a, #logo h2 a:hover
{
	font-size: 20px;
	color: #999999;
	font-weight: normal;
	font-variant: small-caps;
	margin-bottom: 0;
	margin-top: 0;
}
#logo a:hover
{
	text-decoration: none;
}

/* ******************** /HEADER ******************** */

/* ******************** PAGE ******************** */


/* ********************MENU VERTICAL ******************** */

#plan{
	float: right;
	margin-right: 40px;
	border: 1px solid grey;
}
iframe{ 
	margin: 15px;
}
#coords{
background-color: #F0F9F8;
}


#coords H1 {
font-size: 16px;
color: black;	
font-weight: normal;
font-variant: small-caps;
margin: 0px;
font-family: Alber;
padding: 0px; 
text-align: CENTER;
}
#coords H2 {
font-size: 16px;
color:#475150;
font-variant:normal;
font-weight: normal;
margin: 0px;
font-family: Alber;
padding: 0px; 
text-align: center;
}

#coords H3 {
color: rgb(104, 178, 214);
font-size: 16px;
font-variant: small-caps;
font-weight: bold;
margin-bottom: 5px;
margin: 0px;
padding: 0px;
line-height: normal;
text-align: CENTER;
}
#coords H4 {
font-size: 15px;
color:#475150;
font-weight: normal;
margin: 0px;
font-family: Alber;
padding: 0px; 
text-align: CENTER;
}

#coords H5 {
font-size: 15px;
color:#475150;
font-weight: normal;
font-variant: small-caps;
margin: 0px;
font-family: Alber;
padding: 0px; 
text-align: CENTER;
}


/* ******************** MENU horizontal ******************** */

#menu{
	width: 1000px;
	height: 50px;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 0px;
	margin-right: 0px;
/*	position: left;*/
text-align: center;
	
}
#menu-horizontal              
{                             
    height: 50;                        
    list-style-type: none;             
    margin: 0px; 
}

#menu-horizontal  li                            
{
font-weight: normal;
font-variant: small-caps;
font-family: Alber;
font-size: 18px;
    float: left;                                                                        
    margin: auto;                           
    padding: 0;
    border: 0;
	width: 190px;
	text-align: center;
}

#menu-horizontal  li    a:hover                       
{
background-color: white;
}

#menu-horizontal .menu-deroulant       
{
    display: none;    
    list-style-type: none;
    margin: 0;   
    padding: 0;
    border: 0;
    position: absolute;
  
}
#menu-horizontal .menu-deroulant li              
{
    float: none; 
    padding: 0;
    border: 0;
	width: 185px;
    font-size: 18px;
    text-align: center;
    
}
#menu-horizontal .menu-deroulant li a          
{
display: block; 
color: #A5A0A7; 
background-color: #ECEFEF;
margin: 5px;
padding: 1px;
border-radius: 15px;               
border: 1px solid grey;
text-decoration: none;                 

}

#menu-horizontal .menu-deroulant li a:hover
{
background-color: white;
}
#menu-horizontal li:hover .menu-deroulant
{
display: block;                       
}

#menu-horizontal li a
{
display: block; 
color: #A5A0A7; 
background-color: #ECEFEF;
margin: 5px;
padding: 1px;
border-radius: 15px;               
border: 1px solid grey;
text-decoration: none;

}


/* ******************** MENU horizontal ******************** */

/* ******************** CONTENT ******************** */
#page{
}
center{
}
center.img{
	padding: 60px;
}
#content-page{
width: 700px;
min-height:700px;
padding: 10px;
align: top;
}

p{
	font-family: Alber;
	font-size: 18px;
	margin-left: 30px;
	margin-right: 10px;
	color: #575858;
	text-align: justify; 
	line-height: 25px;
}

td {
	font-family: Alber;
	font-size: 18px;
	text-align: center;
	color: #575858;
	}
/* ******************** CONTENT ******************** */

/* ******************** FOOTER ******************** */
span{
	float: right;
	margin-right: 10px;
	font-family: Alber;
	font-size: 15px;
	/*margin-top: 20px;*/
	font-style: normal;
}

#piedpage {
	height:50px;
	background-color:#F4F4F4;
	background-image:url("images/color.jpg");
	width: 1000px;
	clear: both;
	text-align: right;
	
}
/* ******************** FOOTER ******************** */