html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
}
body {
	line-height: 1;
}

	
	
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
#tagline
{
	text-align:center;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/*ESPACE PUB */
#pub1{
   width:880px;
   height:70px;
   display:block;
   text-align:center;
   margin:0 auto;
   overflow:hidden;
   display:none;
}

#pub2{
   width:320px;
   height:70px;
   display:block;
   text-align:center;
   margin:0 auto;
   overflow:hidden;
   padding:5px;
   border:1px dashed #c6d12c;  


}

#pub3{
   width:320px;
   height:auto;
   display:block;
   text-align:center;
   margin:0 auto;
   overflow:hidden;
   border:1px dashed #c6d12c;  
   padding:5px;
}



/* CSS GENERAL */

a{
   text-transform:none;
   text-decoration:none;
   color:#ea348f;
}


a:hover{
   text-transform:none;
   text-decoration:underline;
   color:#ea348f;
}
body{
   font-size:0.625em;
   background:#f1f2da;
   font-family:arial, sans-serif;
   color:#54301a;    
}

h1{
   margin:23px 0 25px 0;
   display:block; 
   color:#ED008C; 
   text-transform:uppercase;
   font-size:1.6em;  
   font-weight:bold;
   line-height:1.04em;
}

#text h2{
   margin:10px 0 14px 0;
   display:block; 
   color:#ED008C; 
   text-transform:normal;
   font-size:2.2em;  
   font-weight:normal;
   line-height:1.04em;
   letter-spacing:-0.07em;
}



h3{
   margin:15px 0 5px 0;
   display:block; 
   color:#c6d12c; 
   text-transform:normal;
   font-size:1.5em;  
   font-weight:normal;
   line-height:1.04em;
}

#gagnant_big h3{
  margin:8px 0 5px 0;    
}

#connexion h3{
   margin:0px 0 10px 0;
   display:block; 
}

h4{
   margin:0px 0 20px 0;
   display:block; 
   color:#c6d12c; 
   text-transform:uppercase;
   font-size:1.2em;  
   font-weight:normal;
}

#connexion h4, #connexion2 h4{
   margin:0px 0 20px 0;
   display:block; 
   color:#54301a; 
   text-transform:uppercase;
   font-size:1.2em;  
   font-weight:bold;
}

#gagnant_big  h4{
   margin:3px 0 10px 0;
   display:block; 
   color:#ea348f; 
   text-transform:uppercase;
   font-size:1.2em;  
   font-weight:normal;
}

#header_2 h2 span{
   display:none;    
}

#gagnant_big h3 span, #connexion h3 span{
   display:none;    
}
hr{
   height:1px;
   line-height:1px;
   border:none;
   border-top:1px dashed #c6d12c;  
   margin:6px 0 0 0;
   padding:0 0 6px 0;
   display:block;  
}

#text p, #text_intern p{
   padding:5px 0;
   line-height:1.42em;
   text-align:justify;    
}

#text_intern p{
   padding:5px 0;
   line-height:1.167em;
   text-align:justify;    
}

#text_intern ul{
   margin:10px 25px;
   list-style-type:disc;  
   line-height:1.167em;
}

#text_intern ul li{
   padding:1px 0;    
}




#default_container{
   width:896px;
   margin:6px auto;    
}



#header_container{
   background:url(../images/header.jpg) top left no-repeat;
   height:295px;
   overflow:hidden;
   padding:0 8px;
   position:relative;
}
   #bebe_header{
      position:absolute;
      z-index:0;
      left:8px;
      top:6px;
             
   }
   #header_1, #header_2{position:relative;z-index:10;}
   #header_1{
      float:left;
      width:235px;
      
   }
   
       #header_1 #logo{
          display:block;
          margin:14px 0 0 15px;   
       }
   
       #header_1 ul{
         display:block;
         margin:11px 0 0 48px;    
       }
   
       #header_1 ul li{
         display:block;
         margin:0 0 1px 0  
       }
       #menu_boutons{
           display:block;
           padding:34px 0 0 0; 
        }
       #menu_boutons li{
           height:33px;  
           display:block; 
           overflow:hidden; 
        }
        
        #menu_boutons li a{ 
           height:33px;  
           display:block; 
           overflow:hidden; 
        }
        
        #menu_boutons li span{ 
          display:none; 
        }
        
        #menu_boutons li#forum a{
              background:url(../images/forum-trans.png) top left no-repeat;
              width:89px;
        }
        
        #menu_boutons li#forum a:hover{
              background:url(../images/forum-trans.png) bottom left no-repeat;
              width:89px;
        }
        
       #menu_boutons li#blogue a{
              background:url(../images/blogue-trans.png) top left no-repeat;
              width:90px;
        }
        
         #menu_boutons li#boutique a{
              background:url(../images/boutique-trans.png) top left no-repeat;
              width:170px;
        }
        
       #menu_boutons li#blogue a:hover{
              background:url(../images/blogue-trans.png) bottom left no-repeat;
              width:90px;
        }
        
         #menu_boutons li#boutique a:hover{
              background:url(../images/boutique-trans.png) bottom left no-repeat;
              width:170px;
        }
        
   
   #header_2{
      float:right;
      margin:40px 0 0 0;
      width:355px;
      
   }
      #background{position:absolute;left:50%;top:0px;z-index:1000;margin:75px 0 0 -557px;}
      #destination{margin:16px 0 0 17px;}
      #infolettre_img{margin:9px 0 0 15px;}
      #twitter{margin:5px 0 0 60px;}
      #facebook{margin:20px 0 0 60px;}
      
      #connecte p{
        float:right;
        display:block;
        color:#fff;
        font-size:1em;
        padding:4px 0 0 0px;
        font-weight:bold;
      }
      #menu_p ul{
         float:right;   
      }
      
      #connecte ul{
         float:right;   
      }
      #menu_p ul li, #connecte ul li{
         display:block;
         float:left;
         display:inline;   
      }
      #menu_p{
         margin:25px 0 0px 1px;
         display:block;
         position:absolute;
         z-index:1000;
         right:25px;
         width:800px;
          
      }
      
      #connecte{
         margin:4px 0px 0px 1px;

         padding:0px 15px 0px 0px;
         display:block;
         position:absolute;
         z-index:1000;
         right:9px;
         width:865px;
         background:#C6D12C;
          
      }
      
             #connecte ul li a{
         color:#fff;
         text-transform:uppercase;
         font-size:1em;
         font-weight:bold;
         text-decoration:none; 
         padding:4px 15px 5px 15px;
         display:block;
         float:left;
          
      }
      
             #connecte ul li a:hover{
         background:#fff;
         color:#DD1A7D;
          
      }
      
             #connecte ul li.sep{
         color:#fff;
         text-transform:uppercase;
         font-size:1em;
         font-weight:bold;
         text-decoration:none; 
         padding:3px 0px 5px 0px;
         margin:0 -1px 0 0;
      }
      
      #menu_p ul li a{
         color:#0dbecc;
         text-transform:uppercase;
         font-size:1.1em;
         font-weight:bold;
         text-decoration:none; 
         padding:7px 15px 9px 15px;
         display:block;
         float:left;
          
      }
      
       #menu_p ul li a:hover{
         background:#0dbecc;
         color:#fff;
          
      }
      
       #menu_p ul li.sep{
         color:#0dbecc;
         text-transform:uppercase;
         font-size:1.1em;
         font-weight:bold;
         text-decoration:none; 
         padding:7px 0px 9px 0px;
         margin:0 -1px 0 0;
      }
      
      #infolettre_content{
          padding:0px 0 21px 2px;
   
      }
      form#infolettre input{
         width:284px; 
         border:1px solid #aa988d;
         font-size:1.2em;
         padding:4px 7px;  
         float:left;
         display:inline;
         margin:0 0 1px 0;
   
      }
      
      form#infolettre input.form_courriel{
         width:253px;
      }
      
      form#infolettre input.form_submit{
         width:30px;
         padding:3px 4px 3px 4px;
         float:left;
         font-weight:bold;
         color:#fff;
         background:#c6d12c;
         margin:0 0 0 1px;
      }
      
      
      
#content{
  background:url(../images/bkg.jpg) top left repeat-y;
  min-height:300px;
  margin-bottom:3px;
  padding:0 8px 20px 7px;
  font-size:1.2em;
}

#default_container .home{
  background:url(../images/bkg-home.jpg) top left repeat-y;
  min-height:300px;
  padding:0 8px 20px 7px;
  font-size:1.2em;
}

   #content #flash{
      width:163px;
      margin:0 0 0 0px;
      float:left;
   }
   #text{
	   font-size:13px;
	   line-height:16px;
   }
   #content #text{
      width:326px;
      margin:0px;
      padding:0 24px 0 14px;
      float:left;
   }
      #content #text_splash{
		  background: #FFF;
      margin:5px;
      padding:10px;
	  
border:1px dashed #C6D12C;
display:block;
overflow:hidden;
}

   #content #sidebar{
      width:334px;
      margin:17px 20px 0 0px;
      float:right;
   }
   
   
   
   
   #default_container .home2 {
font-size:1.2em;
min-height:300px;
   }
   .home2 {
   padding:2px 8px 0px 7px !important;
   }
#defulat_container
{
   padding:2px 8px 20px 7px;
}
     
	  #default_container .infolettres {
font-size:1.2em;
min-height:300px;
padding:2px 8px 20px 7px;
   }
   
      #content #concours{
           margin:5px auto;
           width:320px;
           position:relative;
           border:1px dashed #c6d12c; 
           padding:5px;
height:373px;           
      }
      
      #concours2
	  {
		  
		margin:5px auto;
           width:320px;
           position:relative;
           border:1px dashed #c6d12c; 
           padding:5px;
	  }
	  
      #concours-titre{
         position:absolute;
         z-index:10;
      }
   
   
  #text_intern{
     padding:23px 60px;    
  }
  
      #entete ul li{
         display:block;
         float:left;
         display:inline;   
      }
      #entete ul{
         margin:13px 0 0px 1px;
         display:block;
          
      }
      
      #entete ul li a{
         color:#0dbecc;
         text-transform:uppercase;
         font-size:1em;
         font-weight:bold;
         text-decoration:none; 
         padding:5px 10px 5px 10px;
         display:block;
         border-left:1px solid #0dbecc;
          
      }
      
      #entete ul li a:hover, #entete ul li a.active{
         background:#0dbecc;
         color:#fff;
          
      }
      
      #entete ul li.sep{
         color:#0dbecc;
         text-transform:uppercase;
         font-size:1.1em;
         font-weight:bold;
         text-decoration:none; 
         padding:7px 2px 9px 2px;
      }
      
      
      #description{
         margin:23px 0;   
      }
  
  
     #gagnant_big{
         padding:5px;
         display:block;
         background:url(../images/bkg_gagnant-big.jpg) top left no-repeat;
         height:160px;
         overflow:hidden;
     }
        #gagnant_big_left{
            float:left;
            width:400px;
            height:160px;
            margin:5px 0 0 5px;
        }
        
           #gagnant_big_left p{
              font-size:1.167em;
              line-height:1.167em;

           }
           #gagnant_big_left #felicitations{
              margin:30px 0 0 0;   
           }
             
        #gagnant_big_right{
            float:right;
            width:160px;
            height:160px;
            overflow:hidden;
            margin:0;
        }
        
        
   #connexion{
       background:url(../images/bkg_inscription.jpg) 35% 100% no-repeat #f1f2da;
       padding:10px;   
   }
   
   #connexion2{
       background:url(../images/bkg_inscription.jpg) 55% 100% no-repeat #f1f2da;
       padding:10px;   
   }
   
   #connexion .col, #connexion2 .col{
      float:left;
           display:inline;

      width:312px;
      padding:0 20px 0 0;
      margin:0 10px 0 0;
      height:330px;
      border-right:1px dashed #c6d12c;   
   }
   
   #connexion2 .col{
      float:left;
           display:inline;

      width:312px;
      padding:0 20px 0 0;
      margin:0 10px 0 0;
      height:430px;
      border-right:1px dashed #c6d12c;   
   }
   
   
      
   #connexion2 .col2{
      float:right;
      display:inline;
      width:395px;
      overflow:hidden;
   }
   #connexion .col span, #connexion2 .col span{
      clear:both;
      display:block;
      width:200px;
      text-align:left;
      margin:3px 0 0px 111px;
   }   
   #connexion .col span input, #connexion2 .col span input{
      width:10px;
      margin:0 5px;  
   }
   #connexion .col2{
      float:left;
           display:inline;

      width:362px;   
   }
   
   #connexion .col label, #connexion2 .col label{
      float:left;
      display:inline;
      width:110px; 
            font-weight:bold;   
  
   }
   
    #connexion .col2 label, #connexion2 .col2 label{
      float:left;
      display:inline;
      width:160px;
      font-weight:bold;   
   }
   
   #connexion .col input.submit, #connexion2 .col input.submit{
     color:#fff;
     font-weight:bold;
     text-transform:uppercase;
     background:#c6d12c;
     border:0px;
     padding:3px 10px;
     margin:20px 0 20px 111px;
     float:none;
     clear:both;
     width:auto; 
     cursor:pointer;  
     display:block;
   }
   
   
   #connexion .col2 input.submit, #connexion2 .col2 input.submit {
     color:#fff;
     font-weight:bold;
     text-transform:uppercase;
     background:#c6d12c;
     border:0px;
     padding:3px 10px;
     margin:20px 0 20px 161px;
     float:left;
     width:auto;      
     display:inline;

     cursor:pointer;  
   }
   
   #connexion2 .col2 input.off{
     color:#fff;
     font-weight:bold;
     text-transform:uppercase;
     background:#ccc;
     border:0px;
     padding:3px 10px;
     margin:20px 0 20px 161px;
     float:left;
     display:inline;
     width:auto; 
     cursor:pointer;  
   }
   
   
   #connexion input, #connexion select, #connexion2 input, #connexion2 select{
      margin:2px 0;  
      padding:3px 0;
      width:200px;
      border:1px solid #ccc;
      background:#fff;
   }   
   #connexion label, #connexion2 label{
      margin:2px 0; 
      padding:3px 0;
 
   }
   
   #connexion .col2 span, #connexion2 .col2 span{
      clear:both;
      display:block;
      width:200px;
      margin:3px 0 10px 161px;
      font-size:0.833em;
         
   }


#top3{
   width:756px;
   background:#fbd6e9;   
   border:1px solid #f8b8d8; 
}   

#top3 td{
   width:189px; 
   padding:7px;
   text-align:center;   
      vertical-align:top;      

} 

#top3 td img{
   padding:4px;  
   border:1px dashed #84cadb; 
  
}    

table#photos{
   width:756px;
   background:#fff;   
}   

table#photos td{
   width:189px; 
   padding:7px;
   text-align:center;
   vertical-align:top;      
} 

table#photos img{
   padding:4px;  
   border:1px dashed #84cadb; 
  
}

table#photos span.vote a, table#top3 span.vote a{
   display:block;
   float:left;
   padding:4px 11px;
   border:1px solid #fff;
   background:#0dbecc;
   color:#fff;
   text-transform:uppercase;
   font-size:0.833em;
   font-weight:bold;

}


table#photos span.vote2, table#top3 span.vote2{
   display:block;
   float:left;
   padding:4px 11px;
   border:1px solid #fff;
   background:#ccc;
   color:#fff;
   text-transform:uppercase;
   font-size:0.833em;
   font-weight:bold;

}


table#photos span.vote a, table#top3 span.vote a{

   color:#fff;
   text-decoration:none;
}

table#photos span.vote a:hover, table#top3 span.vote a:hover{

   color:#fff;
   text-decoration:underline;
}

table#photos span.rank, table#top3 span.rank{
   display:block;
   float:right;
   width:53px;
   padding:4px 0;
   border:1px solid #fff;
   background:#ea348f;
   color:#fff;
   text-transform:uppercase;
   font-size:0.833em;
   font-weight:bold;

}

table#photos span.rank a, table#top3 span.rank a{

   color:#fff;
   text-decoration:none;
}

table#photos span.rank a:hover, table#top3 span.rank a:hover{

   color:#fff;
   text-decoration:underline;
}

table#photos .ligne-nom, table#top3 .ligne-nom{
   display:block;
   text-align:left;
   color:#543019;
   padding:10px 0 7px 0;
   text-decoration:none;
}

table#photos .ligne-nom .nom, table#top3 .ligne-nom .nom{

   color:#0dbecc;

}
#nbphotos{
   float:left;
   color:#54301a;
   font-weight:bold;
   font-size:0.917em;
}

#tri{
   float:right;
   color:#0dbecc;
   text-transform:uppercase;
   font-size:0.917em;
   margin:0 0 10px 0;
}

#tri a{
   text-transform:none;
   text-decoration:none;
   color:#0dbecc;
}



#tri a:hover, #tri a.active{
   text-transform:none;
   text-decoration:underline;
   color:#0dbecc;
}

#nbphotos a:hover{
   text-transform:none;
   text-decoration:underline;
   color:#ea348f;
}

#nbphotos a{
   text-transform:none;
   text-decoration:none;
   color:#ea348f;
}



#pagination a, #plus a{
   text-transform:none;
   text-decoration:none;
   color:#ea348f;
}

#pagination a:hover, #plus a:hover{
   text-transform:none;
   text-decoration:underline;
   color:#ea348f;
}

#pagination{
   text-align:center;
   display:block;
   width:100%;
   margin:30px 0 -20px 0;    
}


#plus{
   text-align:right;
   display:block;
   width:761px;
   margin:30px 0px -20px 0;    
}


#decompte{
  background:url(../images/decompte.jpg) top left no-repeat;
  float:right;
  display:block;
  width:365px;
  height:53px;
  margin:10px 0;
     border:1px dashed #c6d12c;  

}

#decompte span{
   display:block;
   font-size:1.833em;  
   color:#c6d12c;  
   font-weight:bold;
   margin:15px 0 0 140px;
   width:20px;
   text-align:center;
}


#archives{
   float:right;   
}





#footer_home{
 background:url(../images/bkg-home.jpg) top left repeat-y !important;
  height:21px;
  padding:15px 8px 0px 7px;
  font-size:1.2em;
  text-align:center;
  color:#0dbecc;
}

#footer{
 background:url(../images/footer.jpg) top left repeat-y !important;
  height:21px;
  padding:15px 8px 0px 7px;
  font-size:1.2em;
  text-align:center;
  color:#0dbecc;
}

#default_container .fhome{
  background:url(../images/footer-home.jpg) top left repeat-y;
    
}
#default_container .fhome2{
    
}




#footer a{
   color:#0dbecc;
}

#footer a:hover{
   color:#0dbecc;
   text-decoration:none;
}
  
#commanditaires{
  background:url(../images/bkg_commanditaires.jpg) -2px 0 no-repeat;
  margin:-10px 0 0 0;
  height:77px;
  padding:10px;
  text-align:center;
}  

#commanditaires img{
  margin:0 10px;
} 

#message{
   background:#EB3490;
   display:block;
   padding:10px;
   text-align:center;
   margin:0 0 5px 0;
   color:#fff;   
   font-weight:bold;
   line-height:1.3em; 
}

#infolettre_content #message{
   background:#EB3490;
   display:block;
   width:290px;
   padding:5px;
   text-align:center;
   margin:0 0 -20px 0;
   color:#fff;   
   font-weight:bold;
   line-height:1.3em; 
}

.dejasoumis{
   background:#B5DFD8;
   border:1px dashed #0DBFCD;
   display:block;
   padding:10px;
   margin:0 0 20px 0;   
}

#connexion2 .col2 .dejasoumis label{
   width:200px;
   padding-right:10px;  
}

#connexion2 .col2 .dejasoumis p{
   text-align:center;  
}
   
.end{
   clear:both;    
}

#connexion2 p{
   font-size:0.917em;    
}
#texte_col{
  width:220px;
  margin:0 0 0 160px;
  float:left;   
  font-weight:normal; 
  display:inline;
}

small{
   font-size:0.9em;    
}

