
*{
	margin:0;
	padding:0;
}

body{
	background:transparent url(http://www.ydyle.com/medias/img/home_v2/bande.jpg) repeat-x scroll 0 0;
	font:normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#48475d;
	line-height:14px;
}

a{
	text-decoration:none;
}

a img{
	border:none;
}

.displayNone {
	display:none;
}


/* ,.;:¨¨:;.,.;:¨¨:;.,.;:¨¨:;.,.;:¨¨:;.,.;:¨¨:;.,.;:¨¨:;.,.;:¨¨:;.,.;:¨¨:;.,.;:¨¨:;.,.;:¨¨:;. */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Classes display et Clear ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ,.;:¨¨:;.,.;:¨¨:;.,.;:¨¨:;.,.;:¨¨:;.,.;:¨¨:;.,.;:¨¨:;.,.;:¨¨:;.,.;:¨¨:;.,.;:¨¨:;.,.;:¨¨:;. */



.lineclear{
	clear:both;
	height:0px;
	line-height:0px;
}

.lineclear2{
	height:1px;
	line-height:1px;
}

.display{
	display:none;
}



/* ,.;:¨¨:;.,.;:¨¨:;.,.;:¨¨:;.,.;:¨¨:;.,.;:¨¨:;.,.;:¨¨:;.,.;:¨¨:;.,.;:¨¨:;.,.;:¨¨:;.,.;:¨¨:;. */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Classes texte ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ,.;:¨¨:;.,.;:¨¨:;.,.;:¨¨:;.,.;:¨¨:;.,.;:¨¨:;.,.;:¨¨:;.,.;:¨¨:;.,.;:¨¨:;.,.;:¨¨:;.,.;:¨¨:;. */



.couleur1{
	color:#7e8ff5;
}



/* ,.;:¨¨:;.,.;:¨¨:;.,.;:¨¨:;.,.;:¨¨:;.,.;:¨¨:;.,.;:¨¨:;.,.;:¨¨:;.,.;:¨¨:;.,.;:¨¨:;.,.;:¨¨:;. */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Structure ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ,.;:¨¨:;.,.;:¨¨:;.,.;:¨¨:;.,.;:¨¨:;.,.;:¨¨:;.,.;:¨¨:;.,.;:¨¨:;.,.;:¨¨:;.,.;:¨¨:;.,.;:¨¨:;. */


#global{
	margin:0 auto;
	width:919px;
}


/* .°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.° Gauche °.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°. */


#gauche{
	float:left;
	width:472px;
    background-color:#FFF;
}

/* formulaire en haut */

#gauche-haut{
	background:url(http://www.ydyle.com/medias/img/home_v3/bg_gauche-haut.jpg) no-repeat 0 0;
	height:72px;
	position:relative;
}

#formulaire1{
	padding:10px 0 0 0;
}

.deja{
	float:left;
	padding:8px 0 0 10px;
	width:105px;
    font-size:14px;
    font-weight:bold;
}

.pseudo1, .mdp1{
	width:131px;
	float:left;
	border:solid 1px #f565a9;
	height:21px;
	padding:0 0 0 3px;
	font:normal 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#707485;
	line-height:21px;
	margin:4px 0 0 0;
}

.pseudo1{
	margin-right:11px;
}

.mdp1{
	margin-right:6px;
}

#cacheCp {
    background-color:#FFFFFF;
    display:block;
    width:170px;
	height:19px;
    left:198px;
    opacity:0.6;
    position:absolute;
    top:0px;
    z-index:1;
    border:1px solid #FOO;
}

.posRel {
	position:relative;
}

.bouton1{
	background:url(http://www.ydyle.com/medias/img/home_v3/bouton-ok.jpg) no-repeat 0 0;
	border:none;
	height:32px;
	width:32px;
	float:left;
	margin-right:5px;
    cursor:pointer;
}

#bouton-info{
	float:left;
	margin:5px 0 0 0;
    cursor:pointer;
}

/* pop up info mot de passe */

#info-mdp{
	position:absolute;
	top:52px;
	left:190px;
	width:250px;
	height:108px;
	background:url(http://www.ydyle.com/medias/img/home_v3/bg_info-mdp.gif) no-repeat 0 0;
	padding:20px 0 0 13px;
	display:none;
}

#form-motdepasse{
	padding:6px 0 0 0;
}

.motdepasse{
	width:170px;
	float:left;
	border:solid 1px #6d89b8;
	height:17px;
	padding:0 0 0 3px;
	font:normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#707485;
	line-height:17px;
	margin:6px 8px 0 0;
}

#more_info{

	float:left;
    width:450px;
    margin-left:115px;
}

*+html #more_info{

	float:left;
    width:450px;
    margin-left:113px;
    margin-top:-10px;
}


#more_info .session{

	float:left;
}


#more_info #memo_pwd{

	float:left;
}

*+html #more_info #memo_pwd{

	float:left;
    margin-top:-4px;
}

#more_info .forget{

	float:left;

}

#more_info .forget a{

	color:#48475d;
}

/* logo */

#video{
	
    width:345px;
    height:195px;
    border:1px solid #C069AC;
    margin:23px 0 0 18px;

}

#logo{
	height:471px;
	background:url(http://www.ydyle.com/medias/img/home_v3/bg_logo.jpg) no-repeat 0 bottom;
	padding:0 0 0 45px;
}



/* .°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.° Droite °.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°. */


#droite{
	float:left;
	width:447px;
	background:url(http://www.ydyle.com/medias/img/home_v3/bg_droite.jpg) no-repeat 0 0;
}

/* promo */

#promo{
	width:411px;
	text-align:center;
	padding:41px 0 0 10px;
}

.promo{
	color:#fff;
	line-height:12px;
}

/* inscription express */

.express{
	font-size:20px;
	line-height:20px;
	width:411px;
	text-align:center;
	padding:20px 0 15px 0;
}

/* formulaire */

#inscriptForm{
	padding:20px 0 0 29px;
}

.label-inscription{
	width:174px;
	font:normal 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	line-height:18px;
	border-bottom:solid 1px #e4e4e5;
	display:block;
	float:left;
	margin:0 22px 18px 0;
}

.select-inscription{
	float:left;
	width:173px;
	padding:0;
	border:solid 1px #6d89b8;
	height:19px;
	font:normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#48475d;
}

.input-inscription{
	float:left;
	width:170px;
	padding:0 0 0 3px;
	border:solid 1px #6d89b8;
	height:19px;
	font:normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#48475d;
	line-height:21px;
}

.input-inscription_birth{
	float:left;
	width:50px;
	padding:0 0 0 3px;
	border:solid 1px #6d89b8;
	height:19px;
	font:normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#48475d;
	line-height:21px;
    text-align:center;
}

.margin_birth{

    margin-left:5px;
}

#updCP{

	float:left;
}

*+html #updCP{

	float:left;
    width:396px;
}

.error{

	float:left;
    margin-bottom:10px;
    color:#F00;
}

.conditions a{
	color:#fd3489;
	text-decoration:underline;
}

.bouton2{
	width:246px;
	height:74px;
	background:url(http://www.ydyle.com/medias/img/home_v3/bouton-inscription.png) no-repeat;
	margin:16px 0 0 64px;
	border:none;
    cursor:pointer;
}


/* .°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.° Footer °.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°. */


#footer{
	width:915px;
	margin:7px 0 10px 1px;
	border-top:solid 1px #adadad;
	border-bottom:solid 1px #adadad;
}

/* menu */

#menu-footer{
	padding:12px 0
}

#menu-footer li{
	list-style-type:none;
	display:inline;
}

#menu-footer li a{
	color:#48475d;
}

#menu-footer li a:hover{
	color:#9d9cb2;
}

/* langues */

#langues{
	float:right;
	width:160px;
}

.choix-langue{
	float:left;
	padding:12px 0 0 0;
}

#fond-langues{
	width:44px;
	height:21px;
	background:url(http://www.ydyle.com/medias/img/home_v3/bg_langues.jpg) no-repeat 0 0;
	float:left;
	margin:4px 0 0 8px;
	padding:6px 0 0 10px;
	position:relative;
}

#pop-langues{
	position:absolute;
	width:87px;
	background:#fff;
	border:solid 1px #ccc;
	padding:0 0 0 7px;
	color:#979bad;
	left: -42px;
	top: -78px;
	display:none;
}

#pop-langues p{
	padding:5px 0;
	line-height:15px;
	height:15px;
}

#pop-langues p a{
	color:#979bad;
}

#pop-langues p a:hover{
	color:#6f717a;
}

#pop-langues p img{
	margin:0 8px 0 0;
}
