html{
	height:100%;
}

body{

	background: url(images/fond.gif) 4px 0;
	margin: 0;
	text-align:center;
	padding: 0;
	font-size: 80%;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	
	height:100%;
}


.degrade{
	background-image: url(images/degrade.jpg);
	text-align:left;
	width: 776px;
	
	background-repeat: repeat-y;
	margin: 0;
	margin-left:auto;
	margin-right:auto;
	padding: 0;
	border-left:1px solid Black;
	height: auto !important;
height: 100%;
min-height: 100%;
	
}

.header{
	margin:0;
	padding:0;
	border:0;
	display: block;
	
}

.headerbleu{
	height: 50px;
	width: 751px;
	background-color: #17195E;
	margin: 0;
	padding: 0;
	font-size: 0.8em;
	position: relative;
	color: #fff;
	overflow: hidden;
}
.liensblanc{
color:#fff;
}
img{
	padding:0;
	margin:0;
	
}
p{
	padding:0;
	
margin-top:0;
	margin-bottom:10px;
}
.contenu{

margin-top:20px;
margin-bottom:20px;
padding:30px 50px 20px 50px;
	width: 650px;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	text-align: justify;
	background-color:#EDEEFC;
color:#17195E;
	
}

.contenu a{
font-weight:bold;
text-decoration:underline;
}

hr.cleaner{
	clear:both;
	height:1px;
	margin: -1px 0 0 0; padding:0;
	border:none;
	visibility:hidden;
}
.coldroite{
	float:left;
	width:195px;
	margin:0;
	padding:0;
	text-align:center;
}
.coldroite-contenu{
	margin:0;
	padding: 17px 0 0 0;
	width:180px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	font-size:0.7em;
}
h3{
	background-color:#17195E;
	color:White;
	font-size:1.2em;
	margin:0;
	text-align:left;

	padding:0;
}
ul{
	padding: 0 0 0 0;
	margin:0;
	max-width:670px;
	
}

li{
	padding: 0;
	margin: 0 0 0 30px;
	
}

.globe{
	background-image: url(images/globe.jpg);
	}

h2{
	color:#1719FF;
	font-size:1.3em;
	text-align:left;
}
.fondbleu{
	background-color:#17195E;
	color:White;
	
}

.headerbleu li{
	padding: 0;
	padding-left:5px;
	padding-right:5px;
	margin: 0;
	
	display: inline;
	text-transform: uppercase;
	border-left:1px black solid;
	border-right:1px black solid;
	border-top:1px black solid;
	list-style-image: none;
	list-style-type: none;
	list-style-position: inside;
}
.headerbleu ul{
	padding: 0;
	margin:0;
	left: 20px;
	bottom: 0px;
	position: absolute;
font-size:1.3em;
	
}

.rose{
	background-color: #EDEEFC;
	background-image: url(images/pixelnoir.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	
}
.blanc{
	background-color: White;



}

a{
	text-decoration:none;
	color: #17195E;
}

.fondbleu a{
	color: White;
}
 a:active, a:focus,  a:link, a:visited {
	
}

.headerbleu a:hover{
	text-decoration: none;
}

.colgauche a:hover{
	text-decoration: underline;
}
.coldroite a:hover{
	text-decoration: underline;
}

.fred{
	
}
input, textarea, select{
	margin: 2px 0 0px 0px;
	padding: 1px;
	color: #17195E;
	
}
textarea{
	overflow: auto;
}
.souligne{
	text-decoration: underline;
}
.gris{
	color:#666666;
}
.sansbord{
	border:0;
	margin-right:15px;
	margin-left:15px;
	
}

.loginlabel {
 float:left;
    
    width: 250px;
padding: 0 32px;
    
    text-align: right;
	 margin:0px;
	
	 font-size:1em;
}

a div{
	display: none;
}
a:hover div {
	display: block;
	position: absolute;
	width: 180px;
	text-decoration: none;
	background: white;
	text-align: center;
	color: Black;
	border: 1px solid Black;
	border-top:5px solid #17195E;
	margin-left: -180px;
	background-image: url(images/fonpop.jpg);
	background-position: top;
	background-repeat: repeat-x;
}
a:hover {
background: none; /* correction d'un bug IE */
}

h4{
	font-size:1.2 em;
}
.gras{
	color:Black; 
	font-weight:bold;
	}
	
	
.menu{
background: url(images/menu.jpg);
height:218px;
border-bottom:1px solid Black;
position:relative;
font-weight:bold;
width:750px;
font-size:12px;
}
.menu li{
display:inline;
height:30px;
}
.menu a{
height:50px;
display:block;
width:150px;
}
.menu a:hover{
height:50px;
display:block;
width:150px;
color:#BE9B88;
}
li#news{position:absolute; top:150px; left:45px;}
li#options{position:absolute; top:110px; left:115px;}
li#elearning{position:absolute; top:84px; left:218px;}
li#young{position:absolute; top:54px; left:290px;}
li#prices{position:absolute; top:30px; left:420px;}
li#prix{position:absolute; top:33px; left:430px;}
li#information{position:absolute; top:25px; left:520px;}
li#translations{position:absolute; top:44px; left:635px;}

dt{
font-weight:bold;
margin:0;
padding:0;
}

.contenu li
{
	list-style-position: outside;
	font-weight:bold;
	text-align:left;
padding:5px;
}

table{
	
	padding:0;
	margin:0;
	text-align:left;
	border-collapse: collapse;
	font-size:0.9em;
	background: White;
	
}
td{
	margin: 0;
	padding: 5px;
	border: 1px solid #A87641;
	text-decoration: none;
	
}
tr{
	padding:0;
	margin:0;
}

.liege{
background: url(images/liege.jpg);
color:#fff;
-moz-border-radius: 6px;
}
.formlabel {
 float:left;
    
    width: 170px;
    padding-right: 12px;
    text-align: right;
	 margin:0px;
	 padding-top:0px;
	 font-size:1em;
}

#chapo{
position:absolute;
top:-110px;left:250px;
}
#photobatiment{
border:1px solid #000;
margin-top:55px;
}
address{
text-align:center;
height:30px;
padding: 10px 30px 10px 50px;
color:#1719FF;
font-style:normal;
}

blockquote{
padding: 8px;
border: 1px solid #000;
background-color:#17195E;
color:White;
}



/* Form styles */
div.form-container { margin: 10px 0;   border: #EEE 1px solid; }

p.legend { margin-bottom: 1em; }
p.legend em { color: #C00; font-style: normal; }

div.errors { margin: 0 0 10px 0; padding: 5px 10px; border: #FC6 1px solid; background-color: #FFC; font-weight:bold;}
div.errors p { margin: 0; }
div.errors p em { color: #C00; font-style: normal; font-weight: bold; }

div.form-container form p { margin: 0; }
div.form-container form p.note { margin-left: 170px; font-size: 90%; color: #333; }
div.form-container form fieldset { margin: 10px 0; padding: 10px; border: #DDD 1px solid; }
div.form-container form legend { font-weight: bold; color: #666; }
div.form-container form fieldset div { padding: 0.25em 0; }
div.form-container label, 
div.form-container span.label { margin-right: 10px; padding-right: 10px; width: 150px; display: block; float: left; text-align: right; position: relative; }
div.form-container label.error, 
div.form-container span.error { color: #C00; }
div.form-container label em, 
div.form-container span.label em { position: absolute; right: 0; font-size: 120%; font-style: normal; color: #C00; }
div.form-container input.error { border-color: #C00; background-color: #FEF; }
div.form-container input:focus,
div.form-container input.error:focus, 
div.form-container textarea:focus {	background-color: #cbdbf4;  border: 2px solid #17195e; }
div.form-container div.controlset label, 
div.form-container div.controlset input { display: inline; float: none; }
div.form-container div.controlset div { margin-left: 170px; }
div.form-container div.buttonrow { margin-left: 180px; }