html{
   text-align: center;
   background: #ffffff url(fd_page.jpg) repeat-x left top;
   font-family: Verdana;
   font-size: 10px;
   color: #636363;
   position: relative;
}

body{
   position: relative;
   height: auto;
}


a, a:visited, a:hover, a:focus{
   color: inherit;
}


strong{
   font-weight: bold;
}

#contenu{
   margin: 0 auto;
   width: 1000px;
}

#contenu #header{
   background: #ffffff url(header.jpg) no-repeat left top;
   width: 1000px;
   height: 250px;
}

#contenu #header #logo{
   height: 185px;
   width: 400px;
   display: block;
}

#contenu #header #logo a{
   height: 185px;
   width: 400px;
   display: block;
}

#contenu #header #logo a span{
   display: none;
}

#contenu #header #menu{
   background: #ffffff url(fd_menu.jpg) no-repeat left bottom;
   width: 1000px;
   height: 65px;
   text-align: left;
   display: block;
}

#contenu #header #menu ul{
   clear: both;
   overflow: hidden;
   width: 905px;
   height: 30px;
   margin: 0;
   padding: 0;
}

#contenu #header #menu ul li{
   float:left;
   display: block;
   height: 30px !important;
   text-align: center;
}

#contenu #header #menu ul li a{
   display: block;
   height: 30px;
}

#contenu #header #menu ul li a span{
   display: none;
}

#accueil_bnt{
   width: 95px !important;
}
#actus_bnt{
   width: 135px !important;
}
#qui_bnt{
   width: 200px !important;
}
#nos_bnt{
   width: 135px !important;
}
#newsletter_bnt{
   width: 160px !important;
}
#contact_bnt{
   width: 160px !important;
}

#content{
   width: 980px;
   padding: 20px 10px;
   text-align: left;
   overflow: hidden;
   clear: both;
}
p{
   font-size: 1.2em;
   padding-bottom: 15px;
   line-height: 1.45em;
}


#ct_footer{
   position: relative;
   width:100%;
   background: #ffffff url(fd_footer.jpg) repeat-x left top;
   height: 250px;
   text-align: center;
}

#footer{
   margin: 0 auto;
   width:1000px;
   background: transparent url(footer.jpg) no-repeat bottom center;
   height: 250px;
}

#footer p.blanc{
   color: #FFFFFF;
   font-weight: bold;
   font-size: 1.25em;
   padding-top: 35px;
   font-family: tahoma;
}

#footer p.liens{
   color: #565656;
   font-size: 1.15em;
   padding-top: 25px;
   font-family: tahoma;
}

h2{
   font-family: tahoma;
   color: #0097eb;
   font-size: 2em;
   font-weight: normal;
   padding-bottom: 20px;
   clear: both;
}

h3{
   font-family: tahoma;
   color: #0097eb;
   font-size: 1.7em;
   font-weight: normal;
   padding-bottom: 3px;
   clear: both;
}

h4{
   font-family: tahoma;
   color: #0097eb;
   font-size: 1.4em;
   font-weight: bold;
   padding-bottom: 10px;
   clear: both;
}


p.info{
   border: 1px solid #99ff66;
   padding: 5px !important;
   margin: 15px 0;
}
p.erreur{
   border: 1px solid #ff3366;
   padding: 5px !important;
   margin: 15px 0;
}

.red{
   color: #ff3366;
}

p.mini{
   font-size: 1em;
}

.center{
   text-align: center;
}
.center .tocentre{
   margin-left: auto;
   margin-right: auto;
}


img.droite{
   float: right;
   margin: 5px 0 5px 10px;
}


img.gauche{
   float: left;
   margin: 5px 10px 5px 0;
}














/* PAGE D'ACCUEIL */

.col_acc{
   clear: both;
   overflow: hidden;
   margin-bottom: 20px;
}

.col_acc .col_left{
   float: left;
   width: 455px;
   padding-right:10px;
}
.col_acc .col_left h2, .col_acc .col_left p{
   padding-left:10px;
}
.col_acc .col_right h2, .col_acc .col_right p{
   /*padding-left:10px;*/
}
.col_acc .col_right{
   float: left;
   width: 505px;
   padding-left: 10px;
}





.box_ct{
   clear: both;
   overflow: hidden;
}

.box{
   height: 145px;
   width: 300px;
   padding:10px;
   float: left;
   position: relative;
}
.box p{
   margin-top:35px;
   padding: 5px;
   text-align: left;
   line-height: 16px;
   font-size: 1.1em;
}
* html .box p{ /* ie 6 */
   margin-top:45px;
}
*+html .box p{ /* ie 7 */
   margin-top:45px;
}

.box .box_btn{
   position: absolute;
   bottom: 15px;
   right: 15px;
}

#box_magasins{
   background: transparent url(box_magasins.jpg) no-repeat top left;
}
#box_newsletter{
   background: transparent url(box_newsletter.jpg) no-repeat top left;
   margin-left: 10px;
}
#box_creacouleurs{
   background: transparent url(box_creacouleurs.jpg) no-repeat top left;
   margin-left: 10px;
}







/* Newsletter */



.newsletter{
   float: right;
}
.newsletter ul{
   padding: 0 30px;
   width: 400px;
}

.newsletter ul li{
   clear: both;
   padding-bottom: 7px;
   overflow: hidden;
   text-align: left;
}

.newsletter ul li.center{
   text-align: center !important;
}

.newsletter .mini{
   padding: 10px 30px;
}
.newsletter ul li label{
   width: 360px;
   text-align: left;
   line-height: 18px;
   padding: 7px 0;
   display: block;
   font-size: 1.2em;
}
.newsletter ul li input.text{
   width: 360px;
   height: 18px;
   line-height: 18px;
}
.newsletter ul li select{
   width: 364px;
   height: 23px;
   line-height: 23px;
}



/* Contact */

.contact{
   float: right;
}
.contact ul{
   padding: 0 30px;
   width: 400px;
}

.contact ul li{
   clear: both;
   padding-bottom: 7px;
   overflow: hidden;
   text-align: left;
}
.contact ul li.center{
   text-align: center !important;
}
.contact ul li label{
   width: 360px;
   line-height: 18px;
   padding: 7px 0;
   display: block;
   font-size: 1.2em;
}
.contact ul li input.text{
   width: 360px;
   height: 18px;
   line-height: 18px;
}
.contact ul li textarea{
   width: 360px;
   height: 200px;
   line-height: 18px;
}
.contact .mini{
   padding: 10px 30px;
}



.contact .bordergrey{
   border: 1px solid #999999;
   margin: 0 30px;
   width: 362px;
   padding: 0 !important;
}

.contact ul li.cbx label{
   width: 335px;
   line-height: 18px;
   padding: 7px 0;
   display: block;
   float: right;
}
.contact ul li.cbx input{
   width: auto;
   height: auto;
   float: left;
   margin-top: 10px;
}
.contact ul li.cbx{
   line-height: 18px;
   padding-left: 5px;
}
.contact ul li select{
   width: 344px;
   height: 23px;
   line-height: 23px;
}







.form_left{
   float: left;
   width: 500px;
   
}





/* Block de colones */

.line50{
   clear: both;
   overflow: hidden;
}

.line50 .col50{
   float: left;
   padding: 10px;
   width: 450px;
   margin: 10px;
}

.line50 .magl{
   float: left;
   padding-right: 10px;
   width: 470px;
   margin-right: 10px;
}

.line50 .magr{
   float: left;
   padding-left: 10px;
   width: 470px;
   margin-left: 10px;
}




/* actus */

.miniactu{
   float: left;
   margin: 5px 10px 0 0;
   border: 1px solid #999999;
   background-color: #ffffff;
   padding: 1px;
}

.line50 .actua{
   float: left;
   padding-left: 10px;
   width: 470px;
   margin-left: 10px;
   margin-top: 30px;
}

.line50 .actual{
   float: left;
   padding-right: 10px;
   width: 470px;
   margin-right: 10px;
   margin-top: 30px;
}
.line50 .actua p, .line50 .actual p{
   text-align: justify;
}
.line50 .actua h4, .line50 .actual h4{
   padding-bottom: 0px;
}
.line50 .actua p.date, .line50 .actual p.date{
   text-align: left;
   font-size: 1.0em;
   color: #999999;
}

/* Nos magasins */

.magcolleft{
   float: left;
   width: 650px;
   margin-right: 10px;
}

.magcolright{
   float: right;
   width: 315px;
   padding-top: 40px;
   text-align: right;
}

.ct_gal{
   clear: both;
   overflow: hidden;
   margin: 0;
   padding: 0;
}
.ct_gal .galerie{
   float: right;
   margin: 0;
   padding: 3px;
}

p.search{
   display: block;
   width: auto;
   float: left;
   padding-right: 30px;
}



.mtop50{
   margin-top: 50px;
}

.mtop40{
   margin-top: 40px;
}

.mtop30{
   margin-top: 30px;
}

.mtop20{
   margin-top: 20px;
}

.mbottom50{
   margin-bottom: 50px;
}

.mbottom40{
   margin-bottom: 40px;
}

.mbottom30{
   margin-bottom: 30px;
}

.mbottom20{
   margin-bottom: 20px;
}




























/* Admin */

ul.admin{
   padding: 30px 100px 0 100px;
}

ul.admin li{
   clear: both;
   padding-bottom: 10px;
   overflow: hidden;
   text-align: right;
}
ul.admin li label{
   width: 210px;
   float: left;
   text-align: left;
   line-height: 18px;
}
ul.admin li input.text{
   width: 410px;
   float: right;
   height: 18px;
   line-height: 18px;
}
ul.admin li select{
   width: 414px;
   float: right;
   height: 23px;
   line-height: 23px;
}
ul.admin li textarea{
   clear: both;
   width: 770px !important;
   height: 400px;
   line-height: 18px;
}
ul.admin li.tinymce textarea{
   clear: both;
   width: 770px !important;
   height: 400px;
   line-height: 18px;
}
ul.admin li.tinymce label{
   clear: both;
}

ul.listeadmin li{
   text-align: left;
   padding-bottom: 10px;
}

.fichiers{
   clear: both;
   overflow: hidden;
}

.fichiersleft{
   width: 20%;
   height: 100%;
   float: left;
   overflow: auto;
}
.fichiersright{
   width: 75%;
   height: 100%;
   float: right;
   overflow: auto;
}

.fichiersright .folder{
   width: 120px;
   height: 40px;
   float: left;
   margin: 5px;
   background-color: #eeeeee;
}

.fichiersright .file{
   width: 120px;
   height: 140px;
   float: left;
   margin: 5px;
   background-color: #eeeeee;
   position: relative;
}

.fichiersright .file img{
   max-width: 120px !important;
   max-height: 120px !important;
}

.fichiersright .file .del{
   width: 120px;
   position: absolute;
   bottom: 0;
   left: 0;
}