/* CSS Document [ynubis.com]
----------------------------------------------
version: 3.0
author: Demkom
email: commercial@el-creation.com
website: http://www.el-creation.com/
----------------------------------------------*/
*{
margin:0;
padding:0;
border:0
}
body{
color:#666;
background:url(barrecouleur.jpg) #ffffff repeat-y left;
font:0.75em "Trebuchet MS",arial,tahoma,sans-serif
}
a{
color:#000000;
text-decoration:none
}
a:hover{
color:#333333;
text-decoration:underline
}
input,select,textarea{
border:#d2d2d2 1px solid;
padding:0px;
color:#000000;
font:11px arial,tahoma,sans-serif
}
select{
padding:1px
}
input.search{
border:0;
margin:5px 0 0;
padding:0 4px;
color:#ffffff;
background:url(btn-search.gif) repeat-x center;
font-size:11px;
height:25px
}
li{
list-style:none
}
#page{
background:url(ykid.jpg) no-repeat left top
}
.showcase {clear:both; width:620px; margin:0; padding:12px 0 0 0;}
.artwork ul {margin:0; padding:0;}
.artwork li {float:left; width:130px; margin:0 16px 16px 0; padding:0; text-align:center; display:inline;}
.artwork img {border:7px solid #094b4a; background:#FFFFFF; padding:1px;}
.artwork a:hover img {border:7px solid #95c957; background:#03191f; padding:1px;}
#fondcouleur{
background:url(foncouleur.jpg) repeat-x top
}
/*--- HEADER ---*/
#header{
font-size:12px
}
#logo{
margin:0 0 0 306px;
position:right;
top:41px
}
#topmenu{
margin:0 0 0 278px;
height:265px;
position:absolute;
top:182px
}
#box1,#box2,#box3,#box4{
float:left;
width:237px;
height:265px
}
#box1{
background:url(nouveauxinscrits.gif) no-repeat top
}
#box2{
margin:0 0 0 3px;
background:url(les+vus.gif) no-repeat top
}
#box2 .spacer{
padding:57px 14px 0 14px
}
#box2 img{
width:59px;
border:2px solid #333333;
margin:3px 3px;
height:55px
}

#box2 img a{
border:0;
}

#box3{
width:237px;
margin:0 0 0 3px;
background:url(adecouvrir.gif) no-repeat top
}
#box3 .spacer{
padding:70px 20px 0 30px
}

#box4{
width:237px;
margin:0 0 0 3px;
background:url(les+vus.gif) no-repeat top
}
#box4 .spacer{
padding:70px 20px 0 30px
}

/*- box1 list -*/
#box1 ul{
padding:70px 0 0 10px;
width:186px
}
#box1 li{
padding:0 0 0 17px;

line-height:30px
}
#box1 li a,#box1 li a:hover{
color:#ffffff;
text-decoration:none
}
#box1 li a:hover{
text-decoration:underline
}
#box1 li.blue,#box1 li.blue a,#box1 li.blue a:hover{
color:#000080;
font-size:11px;
font-weight:bold;
}
/*- box3 list -*/
#box3 ul{
padding:10px 0 0 0;
margin: 0;
}
#box3 a{
text-decoration: none;
}
#box3 li{
padding: 0
}
#box4 ul{
padding:10px 0 0 0;
margin: 0;
}
#box4 a{
text-decoration: none;
}
#box4 li{
padding: 0
}
/*--- COLUMN LAYOUT ---*/
#columns{
padding:450px 0 0;
width:990px
}
/*--- LEFT column styles ---*/
#leftcol{
margin:-30px 0 0;
width:257px;
float:left;
font-size:14px
}
#leftcol ul{
float:right;
width:160px
}
#leftcol li{
padding:0 0 0 3px;
margin:3px 0;
line-height:22px;
height:22px
}
#leftcol li a{
line-height:22px;
height:22px;
display:block;
text-decoration:none
}
#leftcol li a:hover,#leftcol li.active{
display:block;
background:url(ligne2.gif) no-repeat right center;
line-height:22px;
height:22px
}
#leftcol li.active{
font-weight:bold
}
/*--- CENTER column styles ---*/
#centercol{
border-top:4px solid #ffffff;
margin:12px 0 25px 29px;
padding:15px 15px 0 0;
width:459px;
font-size:1.1em;
float:left
}
#centercol p{
padding-top:2px;
padding-bottom:2px;
line-height:normal;
}
#centercol h2{
color:#990000;
font-size:1.4em;
text-transform:uppercase
}
#centercol h2 a{
color:#990000;
text-decoration:none
}

#centercol h3 a{
color:#990000;
text-decoration:none
}
#centercol h3{
color:#990000;
font-size:1.3em;
text-transform:uppercase
}

#centercol p.comments{
font-size:1em
}
#centercol p.comments a{
color:#7d0000;
font-size:1em;
text-decoration:none
}
#centercol p.comments a:hover{
text-decoration:underline
}
#centercolbis{
border-top:4px solid #ffffff;
margin:12px 0 25px 29px;
padding:15px 15px 0 0;
width:650px;
font-size:1.1em;
float:left
}
/*--- RIGHT column styles ---*/
#rightcol{
border-top:4px solid #ffffff;
margin:12px 0 0;
width:227px;
float:left;
background:#ffffff;
font-size:12px
}
#rightcol .spacer{
padding:30px 10px 0px 35px
}
#rightcol h3 span{
display:none;
}
#rightcol ul.list1,#rightcol ul.list2,#rightcol ul.list3,#rightcol ul.list4{
padding:15px 0 15px 0;
margin:0 0 10px 0
}

#rightcol ul.list1 li,#rightcol ul.list2 li{
margin:1px 0;
padding:0 0 0 15px;
background:url(document.gif) no-repeat left top
}

#rightcol ul.list4 li{
margin:3px 0;
padding:0 0 0 15px;
background:url(ico-user.gif) no-repeat left top
}

#rightcol ul.list3 li{
margin:3px 0;
padding:0 0 0 15px;
}
#rightcol ul.list2 li{
background:url(ico-user.gif) no-repeat left top
}
#rightcol ul.list1 li a,#rightcol ul.list2 li a{
text-decoration:none
}
#rightcol ul.list1 li a:hover,#rightcol ul.list2 li a:hover{
text-decoration:underline
}
#rightcol ul.list1 li.red,#rightcol ul.list1 li.red a,#rightcol ul.list1 li.red a:hover,
#rightcol ul.list2 li.red,#rightcol ul.list2 li.red a,#rightcol ul.list2 li.red a:hover{
color:#fc0000
}
.search-box{
width:157px;
border-top:1px solid #e6e6e6;
border-bottom:1px solid #e6e6e6;
padding:15px 0;
margin:20px 0 15px 0
}
/*--- FOOTER ---*/
#footer{
padding:3px 0;
clear:both;
margin:0 0 0 285px;
border-top:1px solid #d0d0d0;
font-size:11px
}
#footer a {
text-decoration:none;
}
#footer a.red{
color:#da2903
}

/*---COMMENTS---*/

.comment{
color:#990000;
padding-bottom: 10px;
}

ol.comments{font-size:11px;}

#comment_name_input{
width:300px;
height:20px;}

#comment_web_input{
width:300px;
height:20px;}

#comment_email_input{
width:300px;
height:20px;}

.txpCommentInputMessage{
width:300px;}

#comment_time{
color:#000;
}


input.button{
 color:#fff;
 background-color:#c20300;
 border:1px solid #000;}

.comments_error {
color:#c20300;
border: 1px solid #d2d2d2;
padding : 0.5em;}
 

div.comments_error { 
border: 1px solid #d2d2d2; }

/*--- Poll ---*/

.anketa{
font-size:13px;
width:160px;
margin: 5px 0 10px 0;}

.musicbox{
margin: 20px 15px 15px 50px;}

#anketa p{
color:#000;}

.prev{font-size:11px;}

.clsGraph{ 
width:75%;
color:#000;
padding: 0 0 5px 0;
border-bottom: 1px solid #d2d2d2;}

.clsPerc{
color:#c20300;
}

.pols{ 
font-size:12px;
padding: 0 3px 0 3px;
border:none;
margin: 5px 2px 0px 2px;}

/*--- Misc. styles ---*/
.fix{
clear:both;
line-height:1px;
height:1px
}
.hl{
margin:15px 0 25px 0;
background:url(ligne.gif) repeat-x top;
line-height:16px;
height:16px
}
.bordure{
float:left;
margin:0 15px 10px 0;
padding:5px;
border:4px solid #FFDC9F;
clear:left;
width:115px;
height:83px
}

.bordure2{
float:left;
margin:0 15px 10px 0;
padding:5px;
border:4px solid #d0d0d0;
clear:left;
}

.bordure3{
border:4px solid #d0d0d0;
margin: 10px 0 10px 0 ;
}



.frontcol1 {
width: 220px;
padding-bottom:15px;
float: right;}

.frontcol2 {
width:220px;}