/* CSS Document */
* {
	margin:0;
	padding:0;
}
a {
	text-decoration:none; 
	outline: none;
	color: #d0276f;
}
a:focus {-moz-outline-style: none;}
a img { border: 0 none; }
p strong {color:#d0276f;}

#global{
	margin:0 auto;
}

#updCP {
	float:left;
}



.photoCanevas img{
	z-index: 0;
	top: 0;
	left: 0;
}

.photoCanevas{
	width: 89px;
	height: 89px;
	display: block;
	position: relative;
	overflow: hidden;
	float: left;
}

.photoCanevas #loadPict {

background:#DAE4E4 url(http://www.ydyle.com/medias/img/design/default/load_pict.gif) no-repeat scroll center center;
display:block;
height:89px;
left:0;
top:0;
width:89px;
z-index:5;
}

html > body .photoCanevas .decoCanevas {
    background-image:url(http://www.ydyle.com/medias/img/design/default/deco_img-89x89.png);
    filter:none;
}

.photoCanevas .decoCanevas {
    display:block;
    height:89px;
    left:0;
    position:absolute;
    top:0;
    width:89px;
    z-index:10;
}


#contentRotateLink.load{
	background: transparent url("http://www.ydyle.com/medias/img/design/default/load_pict_tiny.gif") no-repeat top left;
	height: 25px;
}

#rotatePhoto{
	display: block;
	font-weight: bold;
	color: #F65DA5;
	text-decoration: none;
	margin: 10px 0 0 115px;
}

#rotatePhoto.visibilityHidden{
	visibility: hidden;
}
.rotatePhoto:hover{
	text-decoration: underline;
}



.containsPhoto{

	margin-left: 65px;
}

*+html .containsPhoto{

	margin: 30px 0 0 100px;
}

#pcentPhoto{
	font-weight: bold;
    margin-left:115px;
}

#dlPictTextInput p{

width:200px;
margin-left:110px;
}

#containtBrowsPict{
	color: #F65DA5;
    width:100%;
}

*+html #containtBrowsPict{
	color: #F65DA5;
    width:100%;
    margin-left:-43px;
}

.displayNone {
	display:none;
}

.lineclear {
	clear:both;
	height:0px;
	font-size:0;
	line-height:0px;
}
.lineclear2{
	height:1px;
	line-height:1px;
}
.hide {display:none;}
.fright{float:right;}
.tcenter{text-align:center;}
div#overlay {
	position: absolute;
	z-index: 5;
	background: transparent url(http://www.ydyle.com/medias/img/home_v4/overlay.png) 0 0 repeat;
	width: 100%;
	display: none;
}
body {
	background: #fff url(http://www.ydyle.com/medias/img/home_v4/body-bg.jpg) 0 0 repeat-x;
	font:normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#41465b;
	line-height:14px;
}
/* bandeau */
div#head-100 {
	background: #fff url(http://www.ydyle.com/medias/img/home_v4/head-bg.gif) 0 0 repeat-x;
	height:50px;
}

#memo_connex #memo_pwd{

	float:left;
   margin:-5px 0 0 15px;
}

#memo_connex .session{

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

#head{
	width: 785px;
	margin: 0 auto;
	height: 37px;
	position:relative;
}
#form-login{
}
#form-login .deja{
	float:left;
	padding:9px 0 0 16px;
	width:80px;
}
#form-login .pseudo, #form-login .mdp{
	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:5px 0 0 0;
}
#form-login .pseudo{ margin-right:11px; }
#form-login .mdp{ margin-right:6px; }

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

#bouton-info {
	float:left;
}

a#inscription {
	float: left;
	padding: 8px 0 0 100px;
	font-size: 16px;
	text-transform: uppercase;
	text-decoration: underline;
	color: #32afff;
}
/* POP IN info mot de passe */
#info-mdp {
	position:absolute;
	top:35px;
	left:220px;
	width:250px;
	height:108px;
	background:url(http://www.ydyle.com/medias/img/home_v4/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;
}

/* POP IN formulaire inscription */
div#form-inscription-popin {
	position: absolute;
	top: 0; right: 0;
	width: 460px;
	z-index: 10;
	display: none;
	background-color: transparent;
}
div#form-inscription-popin-top {
	height: 18px;
	padding-top: 100px;
	text-align: center;
	background: transparent url(http://www.ydyle.com/medias/img/home_v4/popin-inscription-extr.png) 0 0 no-repeat;
}
div#form-inscription-popin-content {
	padding: 10px 20px 0 20px;
	background: transparent url(http://www.ydyle.com/medias/img/home_v4/popin-inscription-bg.png) 0 0 repeat-y;
}
div#form-inscription-popin-bottom {
	height: 25px;
	background: transparent url(http://www.ydyle.com/medias/img/home_v4/popin-inscription-extr.png) 0 -118px no-repeat;
}
#form-inscription-popin form {
	position: relative;
}

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

#form-inscription-popin .input, #form-inscription-popin select {
	float:left;
	width:175px;
	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;
}
#form-inscription-popin .input.datenaissance {
	width: 50px;
	margin-right: 7px;
	float: left;
}
#form-inscription-popin .input.datenaissance.last {
	margin-right:0;
}
#form-inscription-popin div.hr {
	width: 282px;
	height: 1px;
	font-size:0;
	line-height:0;
	margin: 8px auto;
	background: #f4f4f4 url(http://www.ydyle.com/medias/img/home_v4/popin-inscription-hr.png) 0 0 no-repeat; 
}
#form-inscription-popin input.vert {
	border: 0 none;
	cursor: pointer;
	width: 114px; height: 42px;
	background: #f4f4f4 url(http://www.ydyle.com/medias/img/home_v4/popin-inscription-btns.jpg) 0 0 no-repeat;
    color:#FFF;
}
#form-inscription-popin input.blanc {
	border: 0 none;
	cursor: pointer;
	width: 182px; height: 42px;
	background: #f4f4f4 url(http://www.ydyle.com/medias/img/home_v4/popin-inscription-btns.jpg) -114px 0 no-repeat;
}
#form-inscription-popin input.rouge {
	border: 0 none;
	cursor: pointer;
	width: 105px; height: 42px;
	background: #f4f4f4 url(http://www.ydyle.com/medias/img/home_v4/popin-inscription-btns.jpg) -296px 0 no-repeat;
     color:#FFF;
}
#form-inscription-popin-step-1 input.rouge,#form-inscription-popin-step-2 input.rouge,#form-inscription-popin-step-3 input.rouge { float: right; }
#form-inscription-popin-step-2 input.vert, #form-inscription-popin-step-3 input.vert {float: left;}

#form-inscription-popin-step-2,#form-inscription-popin-step-3, #form-video {
	display: none;
}

#form-inscription-popin-step-3 a#ajouter {
	font-size: 16px;
	text-decoration: underline;
}
.conditions {font-size: 10px; text-align:center;}
.conditions a {
	color:#fd3489;
	text-decoration:underline;
}

.submit {
	position: absolute;
	bottom: 0; left: 58px;
	width:180px;
	height:55px;
	border:none;
	background: none;
	cursor: pointer;
}

/* Contenu principal */
div#global-div {
	width: 769px;
	padding: 0 8px 16px 8px;
	margin: 0 auto;
	border-left: 1px solid #e3e3e4;
	border-right: 1px solid #e3e3e4;
	background-color: #fff;
}
.commonborder {border: 1px solid #e3e3e4;}
.comments {
	font: normal 11px Arial, Helvetica, sans-serif;
}
/* A LA UNE */
div#alaune-wrapper {
	float: left;
	width: 455px;
	padding: 16px 12px 0 0;
}
h2#alaune {
	background: #fff url(http://www.ydyle.com/medias/img/home_v4/title-a-la-une.gif) 0 0 no-repeat;
	width: 86px;
	height: 23px;
	text-indent: -5000px;
}
a#alaune-title-link{
	float: right;
    color:#32AFFF;
}

a#alaune-title-link:hover{
	float: right;
    text-decoration:underline;
}

div#alaune-container {
	padding-top:10px;
	margin-bottom: 11px;
	height: 215px;
}
div#alaune-container h3 { 
	font: bold 16px/18px Georgia, "Times New Roman", Times, serif;
	color: #6e0149;
	margin-bottom: 4px;
}
div#alaune-container p { font: normal 11px Arial, Helvetica, sans-serif; }
div#alaune-container p a {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration: underline;
	padding-right: 10px;
}
div#alaune-container img, div#alaune-container object { 
	float: left;
	padding-right: 8px;
}
div#alaune-comments {
	padding: 5px;
	margin-top:5px;	
}
div#alaune-comments-profile {
	float: left;
	width: 220px;
	font-size: 11px;
    margin-left:3px;
}
div#alaune-comments-detail {
	padding-left: 85px;
	text-align: center;
}

/* VIDEO DU JOUR */
div#video-du-jour-wrapper {
	float: left;
	padding-top: 10px;
	width: 302px;
	text-align: center;
}
h2#video-du-jour {
	background: #fff url(http://www.ydyle.com/medias/img/home_v4/title-video-du-jour.gif) 14px 0 no-repeat;
	width: 160px;
	height: 29px;
	text-indent: -5000px;
}
div#video-du-jour-container {
	padding: 12px 0;
	height: 201px;
}
div#video-du-jour-container object,div#video-du-jour-container embed {
	margin-bottom: 4px;
	z-index: 2;
}
div#centralleft {
	width: 145px;
	float: left;
	margin-right: 10px;
	overflow:hidden;
}
/* Daily news */
div#dailynews {
	height: 141px;
	padding: 1px;
	margin-bottom: 10px;
}
h2#daily-title {
	background: #fff url(http://www.ydyle.com/medias/img/home_v4/title-daily.jpg) 0 0 no-repeat;
	width: 141px;
	height: 40px;
}
div#dailynews {
	font: normal 11px Arial, Helvetica, sans-serif;
}
div#dailynews strong, div#dailynews a {
	color: #41465b;
}
div#dailynews p#daily-autres {
	margin-bottom: 4px;	
}
div#dailynews a {
	padding-left: 4px;
	background-color: #fff;
}
div#dailynews a:hover,div#dailynews a:focus {
	background-color: #d0276f;
	color: #fff;
}
/* Tous les styles */
div#tous-les-styles {
	background: #fff url(http://www.ydyle.com/medias/img/home_v4/tous-les-styles-bg.png) 0 0 no-repeat;
	height: 298px;
	padding: 1px;
}
/* Ydyle centre */
div#ydyle-centre {
	position: relative;
	background: #fff url(http://www.ydyle.com/medias/img/home_v4/ydyle-centre-bg.png) 0 0 no-repeat;
	width: 453px;
	height: 275px;
	padding: 1px;
	float: left;
	margin-right: 10px;
	overflow:hidden;
}
div#ydyle-centre p {
	position: absolute;
	font: normal 11px Arial, Helvetica, sans-serif;
}
p#rencontrez {
	top: 40px;
	left: 14px;
}
p#echangez {
	top: 45px;
	right:9px;
	text-align: right;
}
p#partagez {
	left: 13px;
	bottom: 52px;
}
p#publiez {
	right: 14px;
	bottom: 50px;
	text-align: right;
}

/* Rejoignez nous */
div#rejoignez-nous {
	float: left;
	background: #fff url(http://www.ydyle.com/medias/img/home_v4/rejoignez-nous-bg.png) 0 0 no-repeat;
	width: 144px;
	height: 298px;
	padding: 0px;
	overflow:hidden;
}

/* A vos claviers */
div#a-vos-claviers-wrapper {
	position: relative;
	top: -8px;
	float: left;
	margin-right: 12px;
}
h2#a-vos-claviers {
	background: #fff url(http://www.ydyle.com/medias/img/home_v4/title-a-vos-claviers.gif) 0 0 no-repeat;
	width: 118px;
	height: 19px;
	text-indent: -5000px;
}
div#a-vos-claviers-container {
	width: 278px;
	height: 123px;
	padding: 10px;
	font: normal 11px Arial, Helvetica, sans-serif;
}
div#a-vos-claviers-container .infos {
	font-size: 9px;
	text-align: center;
	clear: right;
}
div#a-vos-claviers-container ul {
	padding-top: 4px;
	list-style-type: none;
}
div#a-vos-claviers-container ul strong,div#a-vos-claviers-container .infos strong {
	color: #41465b;
}

/* Clip Ydyle */
div#clip-ydyle-wrapper {
	position: relative;
	top: -8px;
	float: right;
	width: 300px;
	height: 145px;
}
h2#clip-ydyle {
	background: #fff url(http://www.ydyle.com/medias/img/home_v4/title-clip-ydyle.gif) 0 0 no-repeat;
	width: 83px;
	height: 19px;
	text-indent: -5000px;
}
div#clip-ydyle-container {
	width: 296px;
	height: 141px;
	padding: 1px;
}

/* Articles les plus consultés */
div#articles-consultes-wrapper {
	float: left;
	width: 222px;
	margin-right: 12px;
}
h2#articles-consultes {
	background: #fff url(http://www.ydyle.com/medias/img/home_v4/title-articles-consultes.gif) 0 0 no-repeat;
	width: 203px;
	height: 23px;
	text-indent: -5000px;
}

a.other_une:hover{

	cursor:pointer;
}

div#articles-consultes-container {
	width: 200px;
	height: 204px;
	padding: 10px;
	font-family: Arial, Helvetica, sans-serif;
}
div#articles-consultes-wrapper h3 {
	font-size:10px;
	color:#d0276f;
	text-transform: uppercase;
}
div#articles-consultes-wrapper ul {
	list-style-type: none;
	font-size:12px;
}
div#articles-consultes-wrapper a {
	color: #41465b;
}
div#articles-consultes-wrapper a:hover {
	background-color: #d0276f;
	color: #fff;
}
/* Un site qui vous ressemble */
div#site-ressemble-wrapper {
	float: left;
	width: 300px;
	margin-right: 12px;
	padding-top: 5px;
}
h2#site-ressemble {
	background: #fff url(http://www.ydyle.com/medias/img/home_v4/title-site-ressemble.gif) 0 0 no-repeat;
	width: 225px;
	height: 18px;
	text-indent: -5000px;
}
div#site-ressemble-container {
	width: 298px;
	height: 224px;
	position: relative;
}
div#site-ressemble-container p {
	padding: 6px;
	font-family:Arial, Helvetica, sans-serif;
}
div#site-ressemble-container object {
	position: absolute;
	bottom: 0;
}
/* Les + d'ydyle */
div#les-plus-ydyle-wrapper {
	float: left;
	width: 223px;
	padding-top: 5px;
}
h2#les-plus-ydyle {
	background: #fff url(http://www.ydyle.com/medias/img/home_v4/title-les-plus-ydyle.gif) 0 0 no-repeat;
	width: 106px;
	height: 18px;
	text-indent: -5000px;
}
div#les-plus-ydyle-container {
	width: 201px;
	height: 204px;
	padding: 10px ;
}
div#les-plus-ydyle-container img { padding: 23px 0 0 17px; }

/* footer */
#footer-100{
	margin-bottom:7px;
	background: #fff url(http://www.ydyle.com/medias/img/home_v4/foot-bg.jpg) 0 0 repeat-x;
	height: 44px;
}
#footer {
	width:785px;
	padding: 1px 0 3px 0;
	margin:0 auto;
}

#menu-footer li{
	list-style-type:none;
	display:inline;
	line-height: 40px;
}
#menu-footer li a{
	color:#48475d;
}
#menu-footer li a:hover{
	color:#9d9cb2;
}

/* langues */
#langues{
	float:right;
	width:160px;
}
.choix-langue{
	float:left;
	line-height: 40px;
}
a#lang-select {
	float: right;
	display:block;
	width:15px;
	height:15px;
}
#fond-langues{
	width:44px;
	height:21px;
	background:url(http://www.ydyle.com/medias/img/home_v4/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;
}
#bloc_gratuit{
	float:left;
	margin-top:20px;
}