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

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

body{background-color:#0f1012; font-family:arial; font-size:12px; margin:0;}
img{border:0;}
a{outline:none;}
a:hover{text-decoration:none;}

.conteneur{width:970px; margin:auto; background:url(../images/header.jpg) top center no-repeat; padding-top:88px;}

.liens{padding-left:354px; height:46px;}
.liens a{float:left; display:block; width:154px; height:46px; background-position:top; background-repeat:no-repeat;}
.liens a:hover{background-position:bottom;}
	.lien-accueil{background:url(../images/btn_accueil.png);}
	.lien-decouvrir{background:url(../images/btn_decouvrir.png);}
	.lien-creer{background:url(../images/btn_creer.png);}
	.lien-contact{background:url(../images/btn_contact.png);}
.lien-select{float:left; display:block; width:154px; height:46px; background-position:bottom; background-repeat:no-repeat;}

.video{width:593px; height:370px; background:url(../images/cadre_video.png) no-repeat; float:left;}
.intro{width:355px; height:370px; padding:0 10px; float:left;}

.milieu{width:970px; float:left; padding:40px 0 120px 0;}
.milieu-clnG, .milieu-clnD, .milieu-clnD-video, .milieu-clnG-contact, .milieu-clnD-contact{float:left;}
.milieu-clnG{width:442px; padding:0 20px 0 20px;}
	.milieu-clnG-div{display:block; padding-left:17px; margin:30px 0; margin-left:2px; border-left:1px solid #3f4e51;}
	.milieu-clnG-div p{font-size:12px; color:#718c91; text-align:justify;}
.milieu-clnD{width:455px; padding-right:20px;}
.milieu-clnD-video{width:486px; height:365px; background:url(../images/cadre_video_petit.png) no-repeat;}
.milieu-clnG-contact{width:350px; padding:0 20px 0 20px;}
.milieu-clnD-contact{width:560px; padding-right:20px;}

.milieu-connexion{width:100%; float:left; padding:40px 0 120px 0;}
.conteneur-connexion{width:603px; height:371px; background:url(../images/cadre_connexion.png) no-repeat; margin:auto; padding:60px 40px 0 40px;}
.conteneur-connexion p{color:#92b5bb; font-size:16px; margin:23px 0;}
.conteneur-connexion label{padding-right:20px;}
.conteneur-connexion .inputTxt{border:1px solid #445457; background-color:#000000; color:#FFFFFF; padding:2px; width:230px; height:20px;}
.conteneur-connexion .inputImg{float:right; margin-top:180px;}
.homme{display:block; float:left; width:142px; height:211px; background:url(../images/btn_homme.png) no-repeat; margin-right:50px;}
.homme:hover div,.femme:hover div, div.selectSexe{border:2px solid red; width:122px; height:168px; margin:8px 0 0 8px;}
.femme{display:block; float:left; width:142px; height:211px; background:url(../images/btn_femme.png) no-repeat;}

.contact{clear:left; color:#718c91; padding-left:17px; margin-left:2px; border-left:1px solid #3f4e51;}
.contact a{color:#FFFFFF;}
.demande{clear:left; color:#718c91; padding-left:17px; margin-left:2px; border-left:1px solid #3f4e51;position:relative;}
.demande td{padding:4px 0;}
.demande input, .demande textarea{border:1px solid #2f3a3c; background-color:#0f1012; margin:0; padding:0; color:#718C91; padding:0 2px;}
.demande input{width:145px; height:20px;}
.demande textarea{width:433px; height:120px;}
.lien-envoyer{border:0px;display:block; float:right; width:112px; height:39px; background:url(../images/btn_envoyer.png) top no-repeat;}
.lien-envoyer:hover{background-position:bottom;}

.lien-visite{margin:auto; display:block; width:256px; height:60px; background:url(../images/btn_visiter.png) no-repeat; background-position:top;}
.lien-visite:hover{background-position:bottom;}

.etape1, .etape2, .etape3, .etape4{height:91px; padding-left:98px; background-position:top left; margin-top:30px;}
	.etape1{background:url(../images/btn_1.png) no-repeat;}
	.etape2{background:url(../images/btn_2.png) no-repeat;}
	.etape3{background:url(../images/btn_3.png) no-repeat;}
	.etape4{background:url(../images/btn_4.png) no-repeat;}
.etape-texte{font-size:12px; color:#7c9a9f; margin:16px 0 0 9px; padding-left:10px; border-left:1px solid #3f4e51;}
.etape-bouton{float:right; display:block; width:112px; height:39px; background:url(../images/btn_video.png) top no-repeat;}
.etape-bouton:hover{background-position:bottom;}

.footer{width:970px; color:#576c70; font-size:11px; padding-bottom:40px; text-align:center;}
.footer a{color:#576c70; font-size:11px;}

.errorsContainer{position:absolute; border:1px solid #3F4E51; background-color:#0F1012; padding:10px; width:250px; height:121px; color:#ffffff; display:none; left:285px; top:49px;}