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

/* Structure */
#ed{
	margin-left:17px;
}
html, body {
	min-height: 100%;
	height: auto!important;
	height: 100%;
	margin:0;
}
form{
	margin:0;
	padding:0;
}
input{
	border:1px solid #b7d8e6;
	width:150px;
	margin:0;
	padding:2px;
	color:#999999;
	background-color:#FFF;
}
ul, ol, dl, li, dt, dd {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}
img{
	border:0;
}
body {
	background: url('files/img/bg_body.jpg') center top no-repeat #000;
	color: #666;
	font-size: 12px;
	font-family: Arial, Geneva, Verdana, Helvetica, sans-serif;
	text-align: center;
}
#wrapper {
	background: transparent url('files/img/bg_wrapper.jpg') left top repeat-y;
    margin-left: auto;
    margin-right: auto;
    width: 880px;
    text-align: left; /* on rétablit l'alignement normal du texte */
}

/* Header */
#header{
	background: url('files/img/bg_header.jpg') left top no-repeat;
	width:880px;
	height:103px;
	position:relative;
}
/* Header - Language tab */
div#language{
	position:absolute;
	top:15px!important;
	top:35px;
	right:-24px;
}
div#language li{
	background:#fff;
	width:22px;
	height:20px;
	padding-left:3px;
	line-height:24px;
	text-transform:uppercase;
	margin-bottom:5px;
	border-right:5px solid #948e92;
}
div#language li#sel{
	border-right:5px solid #ec008c;
}
div#language li a{
	color:#948e92;
	font-size:10px;
	text-decoration:none;
	font-weight:bold;
	text-transform:uppercase;
}
div#language li a#selected, div#language li a:hover{
	color:#ec008c;
}
/* structure - content */
div#content{
	background: transparent url('files/img/bg_content.jpg') left top no-repeat;
	min-height: 500px;
	height: auto!important;
	height: 500px;
	padding-top:1px;
}
div#contenttext{
	margin-left:30px;
	padding-top:10px;
}
div#contentbox{
background-color:#141a4b;
margin-left:7px;
margin-right:6px;
	padding-top:10px;
		min-height: 500px;
	height: auto!important;
	height: 500px;
	border-bottom:1px solid #fff;
}
div#contenttext h1{
font-size:14px;
}
div#contenttext p{
font-size:12px;
}
h1.etape{
font-size:14px;
padding-left:8px;
line-height:30px;
color:#FFf;
background: transparent url('files/img/bg_etape.gif') left top no-repeat;
width:488px;
height:29px;
}
/* Naviguation - Menu */
div#menu{
	background: transparent url('files/img/bg_menu.jpg') left top no-repeat;
	width:880px;
	height:33px;
	padding-top:1px;
	position:relative;
}
div#menu ul {
	margin:0;
	padding-left:15px;
	
}
div#menu li{
	background: transparent url('files/img/separator.gif') right top no-repeat;
	display:inline;
	float:left;
	height:34px;
	line-height:25px;
	padding-right:15px;
	margin-left:15px;
	margin-top:3px;
}
div#menu li.last{
	border-right:0;
}
div#menu li a, div#menu li a:visited, div#menu li a:link {
	color:#fff;
	font-size:14px;
	text-decoration:none;
	font-weight:bold;
	text-transform:uppercase;
}
div#menu li a#selected, div#menu li a:hover{
	color:#ecd550;
}
/* Naviguation - SubMenu */
#submenu{
	background: url('files/img/bg_submenu.jpg') left top no-repeat #fff;
	width:300px;
	min-height: 554px;
	height: auto!important;
	height:554px;
	float:right;
	margin-right:6px;
	margin-left:15px;

}
#submenu h2{
	color:#052e40;
	background-color:#c6e5f7;
	padding:5px 10px 5px 25px;
	font-size:12px;
	width:200px;
	
}
#submenu input{
	color:#052e40;
	font-size:12px;
	border:1px solid  #4d8ba6;
	margin-left:25px;
	margin-top:5px;
	width:200px;
}
#refimg img {
	margin-left:15px;
	margin-bottom:15px;
	margin-top:15px;
}
/* Naviguation - Bottom */
#bottom{
	margin-top:10px;
	margin-left:6px;
	width:869px;
	padding-bottom:5px;
	height:54px;
	border-bottom:1px solid #fff;
	background: url('files/img/bg.gif') left bottom repeat-x #fff;
	text-align:center;
	line-height:20px;
}
#bottom a, #bottom a:link, #bottom a:visited{
	color:#333333;
	text-decoration:none;
}
#bottom a:hover{
	color:#ec008c;
	text-decoration:underline;
}
.icones{
	float:left;
	margin-right:10px;
}
#go{
	float:right;
	margin-right:30px;
	width:34px;
	height:59px;
	cursor:pointer;
}
#techno{
	margin-left:22px;
	margin-top:10px;
	border:2px solid #ecf1f3;
}
.line{
	margin: 15px 0 15px 0;
}

/* contact form */
form#contact{
	margin: 10px 0;
}
fieldset{
	margin: 20px 0px;
	padding: 0 10px 10px;
	border: 1px solid #2295cb;
}
legend{
	padding: 0 5px;
	font-weight: bold;
	font-size: 12px;
	color: #2295cb;
}
strong{
	color: #aaaaaa;
}
fieldset div{
	clear: both;
	margin: 10px 0;
	padding: 1px 0;
}
fieldset label{
	font-weight: bold;
	vertical-align: middle;
	line-height: 22px;
}
fieldset#personal label{
	float: left;
	width: 100px;
	font-weight: bold;
	vertical-align: middle;
	line-height: 22px;
}
fieldset#personal label.checklabel{
	font-weight: normal;
	float: none;
}
input{
	margin: 0 2px;
	vertical-align: middle;
}
input.button{
	padding: 2px;
}
input.text:focus, fieldset#demande textarea:focus{
	background: #E2E6EA;
}
input.text,select{
	border: 1px solid #c4ccd5;
	margin: 2px 0;
}
input.text{
	height: 16px;
	padding: 3px;
}
fieldset#controls{
	border: none;
	padding: 0;
}
fieldset#controls input{
	background-color:#FFFFFF;
	border: 1px solid #2295cb;
	color:#2295cb;

}
fieldset#demande textarea{
	width:480px;
	margin: 0;
	height: 120px;
	border: 1px solid #c4ccd5;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
#divcontact{
	width:325px;
	float:right;
	margin-left:25px;
	margin-top:62px;
	height:600px;
}
#divcontact a{
	color:#5c6061;
}
#returnContact {
	background-color:#c6e5f7;
	border:1px solid #0b2a47;
	padding:10px;
	font-size:18px;
	color: #0b2a47;
	width:500px;
}

/* REF _-------------------------------------------------- */

.ref{
	background: url('files/img/box_ref.gif') right top no-repeat;
	width:520px;
	height:180px;
	position:relative;
	margin-bottom:15px;
	
}
.ref .avatar{
	float:left;
	width:120px;
}
.ref .textref{
	float:left;
	margin-left:45px;
	margin-top:4px;
	width:145px;
	color:#FFFFFF;
}
.ref .video{
	position:absolute;
	top:10px;
	left:320px;
}

/* explaine ----------------------- */
.explaine p {
	width:500px;	
}

.cadreVideo {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:#464646;
	display:none;
	-moz-opacity:0.5;
	opacity: 0.5;
	filter:alpha(opacity=50);
}