@charset "utf-8";
/* CSS Document */

body{
	background:#1a1a1a url(../img/background.jpg) repeat-x;
	font-family:arial;
}

div.conteneur{
	position:relative;
	width:666px;
	font-size:12px;
	color:#929698;
	background:#fff;
	margin:auto;
	padding:30px 22px 30px 22px;
	line-height:16px;
}

div.conteneur a{
	color:#929698;
}

div.conteneur a:hover{
	text-decoration:none;
	color:#929698;
}

div.intro-global{
	width:800px;
	height:230px;
    position:absolute;
	z-index:100;
    left: 50%; 
    top: 50%;
    margin-top: -115px; /* moitié de la hauteur */
    margin-left: -400px; /* moitié de la largeur */  
}

div.intro-titre{
	display:block;
	width:600px;
	height:80px;
	color:#ccc;
	font-size:40px;
	margin:auto;
	text-align:center;
}

div.intro-titre span{
	display:block;
	font-size:15px;
	margin-top:10px;
}

div.intro-titre span span{
	display:block;
	font-size:12px;
	margin-top:10px;
	color:#888;
}

img.intro-images{
	display:block;
	margin:auto;
}

div.intro-info{
	width:700px;
	font-size:10px;
	color:#aaa;
	margin-left:auto;
}

div.intro-info span{
	display:inline-block;
	width:15px;
	text-align:center;
	color:#666;
}

div.langues{
	width:700px;
	margin:10px auto 0 auto;
	text-align:center;
	font-size:12px;
	color:#666;
}

div.langues span{
	display:inline-block;
	width:30px;
	text-align:center;
}

div.langues a{
	text-decoration:none;
	color:#bbb;
}

div.langues a:hover{
	color:#888;
}

h1{
	display:block;
	font-size:40px;
	height:55px;
}

h1 span{
	display:block;
	font-size:15px;
	margin-top:10px;
}

img.ban{
	display:block;
	margin:0 0 20px 0;
	border:1px solid #ddd;
	padding:9px;
}

div.menu{
	width:90px;
	position:absolute;
	top:0px;
	left:-135px;
}

div.menu ul a{
	text-decoration:none;
}

div.menu ul a li{
	width:100px;
	line-height:20px;
	background:#4c4c4c;
	padding:5px 10px 5px 10px;
}

div.menu ul a li:hover{
	background:#6c6c6c;
	cursor:pointer;
}

div.menu ul a li{
	color:#fff;
	font-size:12px;
	text-transform:uppercase;
}

div.extranet{
	width:90px;
	padding:10px 10px 10px 10px;
	background:#6c6c6c;
	position:absolute;
	color:#fff;
	top:0px;
	right:-125px;
	text-align:center;
}

div.extranet img{
	display:block;
	margin:auto;
}

div.extranet span{
	display:block;
	margin-bottom:10px;
}

form.extranet-form input{
	width:50px;
	background:#888;
	color:#ddd;
	border:1px solid #999;
	margin-bottom:6px;
	font-size:11px;
	padding:2px 0 2px 0;
}

form.extranet-form input:hover{
	border:1px solid #ccc;
}

div.logon{
	position:absolute;
	width:180px;
	height:35px;
	background:;
	text-align:right;
	top:40px;
	right:20px;
}

div.logon div span{
	font-weight:bold;
}

div.conteneur div.titre{
	color:#999;
	font-size:17px;
	margin-bottom:20px;
}

div.conteneur div.titre span{
	font-weight:bold;
}

div.footer{
	width:666px;
	font-size:11px;
	color:#929698;
	background:#444;
	margin:auto;
	padding:10px 22px 10px 22px;
	line-height:16px;
}

div.footer span{
	display:inline-block;
	width:15px;
	text-align:center;
	color:#666;
}

div.footer a{
	color:#929698;
}

div.footer a:hover{
	text-decoration:none;
}

div.texte-form{
	width:350px;
	float:left;
	margin-right:50px;
}

.clearall{
	clear:both;
	height:0px;
	overflow:hidden;
}

form.css{
	display:block;
	float:right;
	width:250px;
}

form.css span{
	display:block;
	margin-bottom:5px;
}

form.css label{
	display: inline;
	position: relative;
	float: left;
	width: 100px;
}
form.css input, form.css textarea{
	background-color:#fff;
	border:solid 1px #dfdfdf;
	color:#3c3c3c;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}
form.css input:hover, form.css input:focus,
form.css textarea:hover, form.css textarea:focus{
	background-color:#fff;
	border:solid 1px #8daf52;
	color:#3c3c3c;
}





div.cssform{
	display:block;
	float:left;
}

div.cssform span{
	display:block;
	margin-bottom:5px;
}

div.cssform label{
	display: inline;
	position: relative;
	float: left;
	width: 100px;
}
div.cssform input, form.css textarea{
	background-color:#fff;
	border:solid 1px #dfdfdf;
	color:#3c3c3c;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}
div.cssform input:hover, form.css input:focus,
div.cssform textarea:hover, form.css textarea:focus{
	background-color:#fff;
	border:solid 1px #8daf52;
	color:#3c3c3c;
}


table tr td{
	width:500px;
	border-bottom:1px solid #eee;
	padding:8px;
}

b
{
	font-weight:bold;
	color:#5e5e5e;
}