@CHARSET "UTF-8";

/* ------------------------------------
    BEGIN Reset
------------------------------------ */
*, html{
	padding : 0px;
	margin : 0px;
	font-family :  Arial, sans-serif;
}
a,
a img,
blockquote,
body,
caption,
div,
em,
fieldset,
font,
form,
h1,
h2,
h3,
h4,
h5,
h6,
html,
img,
label,
legend,
object,
p,
pre,
span,
strong
{
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
a:link,
a:visited,
a:active,
a:hover {
  text-decoration: none;
  color: #999; 
  outline : none;
}
img a:hover {
}
fieldset,
img {
  border: 0;
}
ul, ol, li {
	margin : 0px;
	list-style-type : none;
}
/* ------------------------------------
   END Reset
------------------------------------ */



/* ------------------------------------
   BEGIN Colors
------------------------------------ */
.cBrown{
    color : #b38301 ;
}
.cYellow{
    color : #fcd46a ;    
}
.cRed{
    color : #e84303 ;
}
.cGreen{
    color : #acca5c ;
}
.cGray{
    color : #b1b1b1 ;
}
.cBlue{
    color : #00a3e2 ;
}
/* ------------------------------------
   END Colors
------------------------------------ */




/* ------------------------------------
   BEGIN body
------------------------------------ */
html{
    width : 100%;
}
body{
    background : #29170f;    
    font-size : 12px;
    color : #333;
    width : 100%;
    font-family :  Arial, sans-serif;
}
.c1240{
    width : 1240px;
    margin : 0 auto;
}
.cBoth{
    display : block;
    clear : both;   
}
.dNone{
     display : none;   
}
#guru{
 
}
/* ------------------------------------
   END body
------------------------------------ */





/* ------------------------------------
   BEGIN #page
------------------------------------ */
#page{
    width : 100% !important;
    width : 1240px;
    min-width : 1240px;
    overflow : hidden;
    background : #8ACDF3 url(img/body.png) center bottom repeat;   
}
#pageGuru{
    background :  url(img/pageGuru.jpg) center top no-repeat;  
}
/* ------------------------------------
   END #page
------------------------------------ */



/* ------------------------------------
   BEGIN #header
------------------------------------ */
#header{
     
}
#header .c1240{
    margin-bottom : 5px;
    height : 240px;
    position : relative;
    background : url(img/nav.png) bottom left repeat-x; 
}
#htitle{
     color : #00a3e2;
     float : right;
     margin-top : 10px;
     height : 25px;
     background : #d0ebfa url(img/hTitleR.png) center right no-repeat;
     width : 980px;
     padding : 0px 12px 0px 0px;
}
#htitle h1{
    display : block;
    background : url(img/hTitleL.png) center left no-repeat;
    line-height : 25px;
    height : 25px;
    padding-left : 12px;
}
#hlogo{
    display : block;
    height : 190px;
    width : 220px;
    text-indent : -5000px;
    outline : none;
}
#hsearch{
    position : absolute;
    top : 123px;
    right : 364px;
    height : 55px;
    padding-right : 15px;
    width : 360px;
    background : #fff url(img/hSearchR.png) center right no-repeat;
}
#hsearch .round{
    float : left;
    width : 11px;
    display : block;
    height : 55px;
    background : url(img/hSearchL.png) center left no-repeat;    
}
#hsearch form{
    width : 300px;
    margin : 15px 0px 0px 15px;
}
#hsearch input{
     padding : 0px;
     width : auto !important;
     width : 140px;
}
#hsearch input[type="text"]{
     border : 1px solid #b1b1b1;
     margin-right : 20px;
     padding : 5px;
}
*+html #hsearch input[type="text"]{
     width : 170px !important;
}
#hmenu{
    height : 50px;
    position : absolute;
    bottom : 0;
    left : 0;
    width : 100%;
    z-index : 20;
    line-height : 50px;
    background : url(img/hMenu.png) top left no-repeat;
}
#hmenu a{
    font-weight : bold;
    float : left;
    display : block;
    height : 40px;
    font-size : 12px;
    color : #acca5c;
    line-height : 40px;
    margin : 5px 0px 0px 9px !important;
    margin : 5px 10px 0px 10px;
    z-index : 10;
}
#hmenu a:hover{
    text-decoration : underline;
}
#hguru{
     position : absolute;
     right : 0px;
     bottom : 30px;
     height : 160px;
     width : 360px;
     z-index : 2;
     text-indent : -5000px;
     outline : none;
     background : url(img/guru/guru.jpg) bottom right no-repeat;   
}

#hguru.reponse{
background : url(img/guru/reponse.jpg) bottom right no-repeat;
}

#hguru.conjugaison{
background : url(img/guru/conjugaison.jpg) bottom right no-repeat;
}

#hguru.recette-de-cuisine{
background : url(img/guru/recette-de-cuisine.jpg) bottom right no-repeat;
}

#hguru.news{
background : url(img/guru/news.jpg) bottom right no-repeat;
}

#hguru.video{
background : url(img/guru/video.jpg) bottom right no-repeat;
}

#hguru.photo{
background : url(img/guru/photo.jpg) bottom right no-repeat;
}

#hguru.jeux{
background : url(img/guru/jeux.jpg) bottom right no-repeat;
}

#hguru.internet{
background : url(img/guru/internet.jpg) bottom right no-repeat;
}

#hguru.coloriage{
background : url(img/guru/coloriage.jpg) bottom right no-repeat;
}

#hguru.annonces{
background : url(img/guru/annonces.jpg) bottom right no-repeat;
}

#hguru.shopping{
background : url(img/guru/shopping.jpg) bottom right no-repeat;
}

#hguru.telecharger{
background : url(img/guru/telecharger.jpg) bottom right no-repeat;
}

/* ------------------------------------
   END #header
------------------------------------ */

.tel a {
color: black; 
text-decoration: underline; 
}



/* ------------------------------------
   BEGIN #content
------------------------------------ */
#content{
     
}
#content .c1240{
    background : #fff url(img/page.png) center top repeat-y;
    min-height : 800px;  
}

#col1{
    float : left;
    width : 680px;
    margin : 20px !important;
    margin : 20px 0px 20px 10px;
}
#col1 .post,
#col1 .bloc{
    padding-bottom : 15px;
    border-bottom : 1px solid #efefef;
    margin-bottom : 15px;
}
#col1 .post .pText{
    float : right;
    width : 420px;   
}
#col1 .post .pTime{
     color : #b1b1b1;
     font-style : italic;
     font-size : 12px;   
}
#col1 .post .pTitle{
    font-size : 22px;
    color : #00a3e2;
    display : block;
    line-height : 26px;
    font-weight : bold;
    margin-bottom : 11px;
}
#col1 .post .pText .pScore,
#col1 .post.full .pScore{
    position : relative;
    float : left;
    display : block;
    height : 16px;   
    margin-right : 5px;
    color : #fff;
    text-align : center;
    background : #00a3e2;
    padding : 0px 10px;
    margin-bottom : 7px;
    line-height : 16px;
}
#col1 .post .pText .pScore span,
#col1 .post.full .pScore span{
    font-weight : bold;
}
#col1 .post .pText .pScore span.r,
#col1 .post.full .pScore span.r{
    position : absolute;
    top : 0;
    right : 0 !important;
    right : -1px;
    display : block;
    width : 10px;
    height : 16px;
    background : #00a3e2 url(img/pScoreR.png) center right no-repeat;
}
#col1 .post .pText .pScore span.l,
#col1 .post.full .pScore span.l{
    position : absolute;
    top : 0;
    left : 0;
    display : block;
    width : 10px;
    height : 16px;
    background : #00a3e2 url(img/pScoreL.png) center left no-repeat;
}
#col1 .post .pText .pScore.red,
#col1 .post.full .pScore.red{
    background : #E84303;   
}
#col1 .post .pText .pScore.red span.r,
#col1 .post.full .pScore.red span.r{
    background : #E84303 url(img/pScoreRedR.png) center right no-repeat;    
}
#col1 .post .pText .pScore.red span.l,
#col1 .post.full .pScore.red span.l{
    background : #E84303 url(img/pScoreRedL.png) center left no-repeat;    
}
#col1 .post .pText .pIntro,
#col1 .post.full .pContent p{
    clear : both;
    padding : 8px 0px;
    font-size : 12px;
    line-height : 15px;
    color : #4c4c4c;
    text-align : left;
    font-family : Verdana, Arial, sans-serif;    
}
#col1 .post .pText .pMore{
     float : right;
     display : block;
     padding : 0px 15px;
     color : #fff;
     height : 18px;
     line-height  : 16px;
     background : #ACCA5C;
     font-size :  14px;
     font-family : Verdana, Arial, sans-serif;    
}
#col1 .post .pThumb{
    
}
#col1 .post .pThumb a,
#col1 .post .pThumb a img{
    display : block;
    height : 200px;
    width : 240px;
    position : relative;
    font-size : 16px;
    font-style : italic;
}
#col1 .post .pThumb2 a img{
    display : block;
    position : relative;
    font-size : 16px;
    font-style : italic;
}
#col1 .post .pThumb .pScore{
    position : absolute;
    bottom : 0;
    left : 0;
    width : 100%;
    height : 24px;
    line-height : 24px;
    color : #fff;
    background : url(img/pThumb.png) repeat !important;
    background : #000;
    text-indent : 10px;
}
#col1 .post .pThumb .pScore span{
    color : #acca5c;
}
#col1 .post.full .pContent{
    clear : both;
    text-align : center;
    padding-top : 5px;
}
#col1 .post.full .pContent p{
    line-height : 24px;
}
#col1 .post.full .pContent img{
    margin : 10px auto 0px;
}

#col1 #scoreit{
    position : relative;
    height : 200px;
}
#col1 #scoreit p{
    color  : #00A3E2;
    font-weight : bold;
    font-size : 16px;
    
    
}
#col1 #scoreform,
#col1 #scoreres{
    position : relative;
    top : 0px;
    left : 0;
}
#col1 #scoreform a{
     display : block;
     float : left;
     height : 37px;
     width : 160px;
     line-height : 37px;
     font-size : 16px;
     font-weight : bold;
     color : #fff;
     text-align : center;
     margin : 16px 4px 0px;
     background : url(img/scoreit.png) center no-repeat;   
}
#col1 #scoreform a:hover{
    background : url(img/scoreitH.png) center no-repeat;   
}
#col1 #scoreform a.red{
    background : url(img/scoreitred.png) center no-repeat; 
}
#col1 #scoreform a.red:hover{
    background : url(img/scoreitredH.png) center no-repeat;
}
#col1 #scoreform a.voted{
    background : url(img/scoreitOk.png) center no-repeat; 
}
#col1 #scoreform a.red.voted{
    background : url(img/scoreitredOk.png) center no-repeat; 
}
#col1 #scoreres{
     background : #fff;
     width : 100%;   
}
#col1 #scoreres span{
    line-height : 80px;
    width : 70px;
    display :block;
    float : left;
    color : #ACCA5C;
    font-size : 18px;
    margin : 20px 0px;
    font-style : italic;
}
#col1 #scoreres span#voted{
    line-height : 90px;
    width : 284px;
    background : url(img/voted.png) 0 0 no-repeat;
    font-size : 32px;
    text-align : center;
    font-weight : bold;
    color : #fff;
    font-style : normal;
}


#col1 #archives,
#col1 #others{
    padding-bottom : 15px;
}
#col1 #newsletter .title,
#col1 #archives .title,
#col1 #others .title{
    display : block;
    text-transform : uppercase;
    font-style : italic;
    font-size : 14px;
    font-weight : bold;
    color : #fff;
    height : 30px;
    line-height : 30px;
    text-indent : 35px;
    background : #acca5c url(img/title/calendar.png) 4px 2px no-repeat;
}
#col1 #others .title{
    background : #acca5c url(img/title/document.png) 4px 2px no-repeat;
}
#col1 #newsletter .title{
    background : #acca5c url(img/title/mail.png) 4px 2px no-repeat;
}
#col1 #archives a{
    margin : 8px 8px 0px 0px;
    float : left;
    display : bloc;
    height : 60px;
    width : 334px;
    border : 1px solid #d5d5d5;
    background : #f8f8f8 url(img/archives.png) 10px 10px no-repeat;
    text-indent : 60px;
    line-height : 60px;
    font-weight : bold;
    font-size : 20px;
    text-transform : uppercase;
    font-style : italic;
    color : #00A3E2;
}
#col1 #archives a.arch2{
    margin-right : 0px;
}


#col1 .col12{
    float : left;
    width : 300px;
    margin-right : 40px;
}
#col1 .col22{
    float : left;
    width : 340px;   
}
#col1 #newsletter{
    background : url(img/page.png) -720px 0px repeat-y;   
    height : 110px;
    position : relative;
}
#col1 #newsletter label{
    font-style : italic;
    line-height : 40px;
    font-size : 14px;
    color : #00A3E2;
    padding-left : 15px;
}
#col1 #newsletter input.text{
    position : absolute;
    left : 15px;
    top : 65px;
    width : 260px;
    border : 1px solid #c1c1c1;
    color : #444;
    padding : 6px 4px;
    font-size : 14px;
}
#col1 #newsletter input.submit{
    position : absolute;
    right : 15px;
    top : 65px;
    width : 30px;
    height : 30px;
    color : #fff;
    background : #acca5c;
    border : none;
    font-size : 14px;
    line-height : 20px;
}



#col2{
    float : left;
    width : 340px;
    padding-top : 10px;
    margin : 0px !important;
    margin-left : -40px;
}
#col2 .bloc{
    padding : 10px 20px;   
}
#col2 .title{
    display : block;
    text-transform : uppercase;
    font-style : italic;
    font-weight : bold;
    font-size : 14px;
    color : #b1b1b1;
}
#col2 .title.space{
    margin-bottom : 12px;   
}
#col2 .bloc p{
     color : #7c7c7c;   
     font-size : 12px;
     line-height : 18px;
     text-align : justify;
}
#col2 .bloc a img.badge{
     margin-top : 10px;    
}
#col2 .list{
     margin-bottom : 10px;   
}
#col2 .list .title{
    display : block;
    text-transform : uppercase;
    font-style : italic;
    font-size : 14px;
    color : #fff;
    height : 30px;
    line-height : 30px;
    text-indent : 25px;
    background : #acca5c url(img/title/top.png) center left no-repeat;
}
#col2 .list .title a{
     color : #fff;   
}
#col2 .list ul{
    background : none;
}
#col2 .list ul li{
    border-bottom : 1px solid #efefef;
}
#col2 .list ul li a{
    color : #00a3e2;
    display : block;
    font-size : 14px;
    background : #fff;
    padding : 8px 5px 9px 10px;
}
#col2 .list ul li a span{
    color : #acca5c;
    display : block;
    text-align : left;
    width : 15px;
    float : left;
}
#col2 .sep{
    display : block;
    height : 5px;
    background : #fff;   
}

#col2 ul.score{
    
}
#col2 ul.score li{
    display : block;
    height : 26px;
    position : relative;
    line-height : 26px;
    text-indent : 20px;
    background : url(img/score.png) 0px 0px repeat-x;
    font-size : 14px;
    color : #fff;
    font-weight : bold;
}
#col2 ul.score li span{
    position : absolute;
    right : 20px;
    top : 0px;
    font-weight : bold;
    height : 100%;
}
#col2 ul.score li.red{
    background : url(img/score.png) 0px -26px repeat-x;
}
#col2 ul.score li.total{
    background : url(img/score.png) 0px -52px repeat-x;
    height : 42px;
    line-height : 42px;
    font-size : 18px;
}

#col3{
    float : left;
    width : 140px;
    padding-top : 20px;
    margin-left : 20px;
}
#col3 .bloc{
    margin-bottom : 5px;
}

#col3 .post,
#col3 .bloc{
    padding-bottom : 5px;
    border-bottom : 1px solid #efefef;
    margin-bottom : 5px;
}
#col3 .post .pText{
    float : right;
    width : 140px;  
    font-size : 12px; 
}
#col3 .post .pTime{
     color : #b1b1b1;
     font-style : italic;
     font-size : 10px;   
}
#col3 .post .pTitle{
    font-size : 10px;
    color : #00a3e2;
    display : block;
    font-weight : bold;
    margin-bottom : 0px;
}

#col3 .post .pTitle2red{
    font-size : 10px;
    color : #00a3e2;
    font-weight : bold;
    margin-bottom : 0px;
}

#col3 .post .pTitle2gris{
    font-size : 10px;
    color : #b1b1b1;
    font-weight : bold;
    margin-bottom : 0px;
}


#col3 #others{
    padding-bottom : 14px;
}

#col3 #others .title{
    display : block;
    font-style : italic;
    font-size : 12px;
    font-weight : bold;
    color : #fff;
    height : 25px;
    line-height : 25px;
    text-indent : 5px;
    background : #E84303 4px 2px no-repeat;
}

#col3 #others .title2{
    display : block;
    font-style : italic;
    font-size : 10px;
    color : #fff;
    height : 25px;
    line-height : 25px;
    text-indent : 5px;
    background : #E84303 4px 2px no-repeat;
}

#col3 .post.full .pContent p{
    clear : both;
    padding : 0px 0px;
    font-size : 10px;
    line-height : 10px;
    color : #4c4c4c;
    text-align : left;
    font-family : Verdana, Arial, sans-serif;    
}
#col3 .pMore{
     float : right;
     display : block;
     padding : 0px 15px;
     color : #fff;
     height : 16px;
     line-height  : 16px;
     background : #ACCA5C;
     font-size :  12px;
     font-family : Verdana, Arial, sans-serif;    
}
/* ------------------------------------
   END #content
------------------------------------ */




/* ------------------------------------
   BEGIN #footer
------------------------------------ */
#footer{
    background : url(img/footerbg.jpg) center bottom repeat-x;
}
#footerGuru{
    background :  url(img/footerGuru.jpg) center -6px no-repeat;  
}
#footer .c1240{
    background : url(img/footer.jpg) center bottom no-repeat;
    height : 610px;
    position : relative;
}
#footer .footerL2 {
    background:transparent url(img/footerL2.jpg) no-repeat scroll 0 0;
    height:30px;
    left:-20px;
    position:absolute;
    top:394px;
    width:20px;
}
#footer a{
    position : absolute;
    text-indent : -5000px;
    outline : none;
}
#fGuru{
    top : 0;
    left : 400px;
    width : 400px;
    height : 460px;
}
#fBloc1{
    top : 120px;
    left : -25px;
    width : 50px;
    height : 50px;
}
#fBloc2{
    top : 40px;
    left : 20px;
    width : 50px;
    height : 50px;
}
#fStars{
    top : 100px;
    left : 150px;
    width : 50px;
    height : 100px;
}
#fTwi1{
    top : 80px;
    left : -130px;
    width : 40px;
    height : 40px;
}
#fTwi2{
    top : 60px;
    left : -60px;
    width : 50px;
    height : 40px;
}
#fTwi3{
    top : 440px;
    left : 530px;
    width : 60px;
    height : 70px;
}
#fTwi4{
    top : 55px;
    right : 15px;
    width : 70px;
    height : 70px; 
}
#fTwi5{
    top : 20px;
    right : -60px;
    width : 50px;
    height : 50px;
}
#fTwi6{
    top : 110px;
    right : -60px;
    width : 35px;
    height : 35px;
}
#fChro1{
    top : 390px;
    left : -20px;
    width : 35px;
    height : 35px;   
}
#fChro2{
    top : 430px;
    left : 80px;
    width : 30px;
    height : 30px; 
}
#fChro3{
    top : 460px;
    left : 130px;
    width : 40px;
    height : 40px;
}
#fChro4{
    top : 440px;
    left : 650px;
    width : 60px;
    height : 60px;
}
#fChro5{
    top : 460px;
    left : 710px;
    width : 60px;
    height : 50px;
}
#fChro6{
    top : 440px;
    left : 860px;
    width : 40px;
    height : 50px;
}
#fCoca{
    top : 180px;
    left : 20px;
    width : 120px;
    height : 100px; 
}
#fDaft{
    top : 240px;
    left : 90px;
    width : 100px;
    height : 140px; 
}
#fBoyle{
    top : 280px;
    left : 20px;
    width : 70px;
    height : 220px; 
}
#fMiss{
    top : 300px;
    left : 180px;
    width : 160px;
    height : 200px; 
}
#fPig{
    top : 220px;
    left : 180px;
    width : 160px;
    height : 100px; 
}
#fDance{
    top : 180px;
    left : 300px;
    width : 100px;
    height : 120px;
}
#fMario{
    top : 350px;
    left : 370px;
    width : 80px;
    height : 140px;
}
#fMotte{
    top : 70px;
    left : 660px;
    width : 40px;
    height : 80px;
}
#fRiha{
    top : 220px;
    left : 680px;
    width : 80px;
    height : 200px;
}
#fSonic{
    top : 370px;
    left : 790px;
    width : 80px;
    height : 120px;
}
#fPris{
    top : 200px;
    left : 820px;
    width : 260px;
    height : 100px;
}
#fBush{
    top : 260px;
    left : 860px;
    width : 130px;
    height : 140px;
}
#fShirt{
    top : 260px;
    left : 960px;
    width : 150px;
    height : 160px;
}
#fBrit{
    top : 350px;
    left : 900px;
    width : 120px;
    height : 140px;
}
#fGorilla{
    top : 340px;
    left : 1030px;
    width : 200px;
    height : 160px;
}
#fLol{
    top : 490px;
    left : 1030px;
    width : 200px;
    height : 120px;
}
#fRings{
    top : 160px;
    right : 40px;
    width : 120px;
    height : 60px;
}
#fOkGoes{
    top : 230px;
    right : 15px;
    width : 120px;
    height : 60px;
}
#fJackson{
    top : 80px;
    right : -120px;
    width : 50px;
    height : 70px;
}
/* ------------------------------------
   END #footer
------------------------------------ */




/* ------------------------------------
   BEGIN #guru.notwide
------------------------------------ */
#page.notwide .footerL2,
#page.notwide #fTwi1,
#page.notwide #fTwi2,
#page.notwide #fTwi5,
#page.notwide #fTwi6,
#page.notwide #fJackson{
    display : none;    
}
/* ------------------------------------
   END body
------------------------------------ */



/* ------------------------------------
   BEGIN #bottom
------------------------------------ */
#bottom{
    width : 100% !important;
    width : 1240px;
    min-width : 1240px;
    background : #29170f;
    border-top : 10px solid #adcb59;
    color : #fff;
}
#bottom .c1240{
    padding : 30px 0px;
}
#bottom p, #bottom a, #bottom a:hover{
     color : #fff;
     font-style : italic;   
}
#bottom p{
     font-size : 14px;
     line-height : 24px;
     margin-bottom : 15px;   
}
/* ------------------------------------
   END #bottom
------------------------------------ */