﻿body {background:#fff url(../images/bg.gif) repeat;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:0.7em; color:#000;}

h3{padding:0;margin:0;}

a:link, a:visited{color:#fff;font-weight:bold;}
a:hover, a:active{color: #000;}

a.bleu:link, a.bleu:visited{color:#38b6b9;font-weight:bold;}
a.bleu:hover, a.bleu:active{color: #d9004b;}

/*-----------------------------------------------------------
MasterPage
-----------------------------------------------------------*/
#pagePrincipale {width:950px; margin:auto; padding:0 6px 0px 6px;}
#content{width:870px;background:#fff;margin:0 0 0 37px;padding:0 10px 0 10px;}
#footer{background:url(../images/footer.gif) no-repeat;height:217px;color:#808080;text-align:center;padding:100px 250px 0 250px;}
#footer a:link, #footer a:visited{color:#808080;text-decoration:none;font-weight:normal;}
#footer a:hover, #footer a:active{color: #ac2b91;text-decoration:underline;}

/*-----------------------------------------------------------
Accueil
-----------------------------------------------------------*/
#concoursacc{width:315px;height:250px;color:#fff;float:left;padding:20px 25px 0 25px;background:url(../images/bg_concoursacc.gif) no-repeat;}
#videoacc{float:left;margin-left:13px;}

/*-----------------------------------------------------------
Personnages, Auteur
-----------------------------------------------------------*/
#clara{width:390px;height:305px;float:left;background:url(../images/bg_clara.gif) no-repeat;padding:40px 0 0 40px;}
#mirabelle{width:390px;height:305px;float:left;background:url(../images/bg_mirabelle.gif) no-repeat;padding:40px 0 0 20px;}
#yulia{width:390px;height:305px;float:left;background:url(../images/bg_yulia.gif) no-repeat;padding:50px 0 0 20px;}
#victor{width:390px;height:305px;float:left;background:url(../images/bg_victor.gif) no-repeat;padding:40px 0 0 40px;}
.photo{width:178px;float:left;margin-right:8px;}
.desc{width:193px;float:left;color:#fff;}

/*-----------------------------------------------------------
Livres
-----------------------------------------------------------*/
.quatre{width:180px;padding-left:10px;height:400px;float:left;}
/*#serie{width:570px;height:275px;color:#fff;margin-left:100px;padding:25px 25px 0 50px;background:url(../images/bg_serie.gif) no-repeat;}*/
#serie{background:url(../images/bg_serie2.gif) no-repeat;width:400px;height:350px;color:#fff;padding:40px 0 0 40px;}
#col1{float:left;width:450px;}
#col2{float:left;width:400px;}
dl{margin-top:25px;font-size:10px;}
dt{font-weight:bold;clear: left;float: left;}
dd{display: block;}

/*-----------------------------------------------------------
Contact
-----------------------------------------------------------*/
#contact{background:url(../images/bg_contact.gif) no-repeat;width:350px;height:500px;color:#fff;padding:50px 25px 0 25px;float:left;}

/*formulaire*/
fieldset{border:none;margin:0;padding:0;}
fieldset input[type=text], input[type=text]{font-size:1em;height:14px;border:1px solid #a5acb2;margin:3px;}
fieldset select, select{font-size:1em;height:18px;border:1px solid #a5acb2;margin:3px;}
fieldset label{font-weight:bold;width:100px;}
fieldset label.label{display:block;float:left;}
.btSubmit{margin:15px 0 0 105px;}


/*-----------------------------------------------------------
Concours
-----------------------------------------------------------*/
#boxConcours{background-color:#f1ed63;margin-left:200px;padding:15px;width:400px;}
#video{float:left;margin-left:20px;height:350px;}
#concours{width:315px;height:305px;color:#fff;float:left;margin:0 0 0 5px;padding:20px 25px 0 25px;background:url(../images/bg_concours.gif) no-repeat;}


/*-----------------------------------------------------------
MISC
-----------------------------------------------------------*/
.clearfix:after {content: ".";display: block;height: 0;clear: both; visibility: hidden;}
.clearfix {display: inline-block;}  /* for IE/Mac */
.clearAll{clear: both;}