@charset "utf-8";
/* CSS Document */

* =General-----------------------------------------------------------------------------*/

html{height: 100%}
p{margin: 0;padding: 0;}
blockquote{}
ul, ol{margin: 0;padding: 0;list-style: none;}
.clear{ /* Class for clearing floats */clear:both;}
img{ /* Remove border around linked images */border: 0;}

/* =Typography-----------------------------------------------------------------------------*/

body{ height:100%; margin:0px; padding:0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; text-align: left; color: #FFF; background:#000 url("../../img/bg.jpg") top center repeat-x; }
/* =Headings-----------------------------------------------------------------------------*/

h1, h2, h3, h4, h5, h6{margin: 0; padding:0; font-family: Verdana, Arial, Helvetica, sans-serif;}

h3{font-size: 110%;}
h4{font-size: 100%;}
h5{font-size: 100%;}
h6{font-size: 100%;}

/* =Frame-----------------------------------------------------------------------------*/
#wrap{ width:950px; margin:0 auto; }
#baseHome{ width:950px; height:1250px; margin:0 auto; background:transparent url("../../img/homeDesign.jpg") top left no-repeat;}
#baseArchives{ width:950px; height:1406px; margin:0 auto; background:transparent url("../../img/archivesDesign.jpg") top left no-repeat;}
#baseAnimateurs{ width:950px; height:1702px; margin:0 auto; background:transparent url("../../img/animateursDesign.jpg") top left no-repeat;}
#baseContacts{ width:950px; height:925px; margin:0 auto; background:transparent url("../../img/contactsDesign.jpg") top left no-repeat;}

#header{ height:170px; padding:0 93px 0 0; }
#header #headerTop{ height:102px; display:block; }
#header #headerBottom{ height:68px; }
#header #headerBottom #headerSlogan{ height:27px; line-height:27px; text-align:right; font-size:12px; text-transform:uppercase; }
#header #headerBottom #mainMenu{ height:41px; text-align:right; }
#header #headerBottom #mainMenu a{ color:#fff; font-size:13px; font-weight:bold; padding:0 10px; line-height:41px; text-decoration:none; text-transform:uppercase;  }
#header #headerBottom #mainMenu a.active{ color:#990000; }

#baseHome #middle{ height:839px; padding:0 93px 0 79px; }
#baseArchives #middle{ height:982px; padding:0 118px 0 79px; }
#baseAnimateurs #middle{ height:1205px; padding:0 118px 0 79px; }
*html #baseAnimateurs #middle{ height:1265px; padding:0 118px 0 79px; }
*+html #baseAnimateurs #middle{ height:1265px; padding:0 118px 0 79px; }
#baseContacts #middle{ height:485px; padding:0 130px 0 80px; }
*html #baseContacts #middle{ height:525px; padding:0 130px 0 80px; }
*+html #baseContacts #middle{ height:525px; padding:0 130px 0 80px; }
#middle #homeTop{ height:409px; }
#middle #homeTop #homeTopLeft{ width:380px; height:409px; float:left; }
#middle #homeTop #homeTopLeft #homeWeekShow{ height:86px; padding:10px; padding-top:30px; margin-top:59px; overflow:hidden; }
#middle #homeTop #homeTopLeft #homeWeekSketch{ height:86px; padding:10px; padding-top:30px; margin-top:63px; overflow:hidden; }
#middle #homeTop #homeTopRight{ width:376px; height:409px; padding-right:9px; float:right; }
#middle #homeTop #homeTopRight #homeFlash{ height:339px; width:377px; background:#000; top left no-repeat; overflow:hidden; margin-top:31px; }

#middle #archivesWeekShow{ height:385px; width:345px; margin-top:43px; float:left; padding-top:30px; }
#middle #archivesWeekSketch{ height:385px; width:345px; margin-top:43px; float:right; padding-top:30px; }
#middle #archivesMaire{ height:385px; width:345px; margin-top:65px; float:left; padding-top:30px; }
#middle #archivesOther{ height:385px; width:345px; margin-top:65px; float:right; padding-top:30px; }

#middle #animateurs01{ padding:10px 20px 0px 223px; height:250px; margin-top:60px; }
#middle #animateurs02{ padding:10px 20px 0px 223px; height:235px; margin-top:60px; }
#middle #animateurs03{ padding:10px 20px 0px 223px; height:235px; margin-top:60px; }
#middle #animateurs04{ padding:10px 20px 0px 223px; height:240px; margin-top:55px; }

#middle #contactsAdresse{ margin-top:45px; padding-top:10px; height:80px; overflow:hidden; }
#middle #contactsForm{ height:360px; overflow:hidden;  }

#middle a{ color:#fff; }

#middle #homeBottom{ height:413px; margin-top:19px;  }
#middle #homeBottom #homeBottomLeft{ width:380px; height:413px; float:left; overflow:hidden; }
#middle #homeBottom #homeBottomLeft #homeThisWeek{ margin-top:36px; padding:10px 20px 0 0; height:345px; overflow:hidden;  }
#middle #homeBottom #homeBottomRight{ width:376px; height:413px; float:right; overflow:hidden; }
#middle #homeBottom #homeBottomRight #homeMaire{ margin-top:36px; padding-top:10px; height:125px; overflow:hidden;  }
#middle #homeBottom #homeBottomRight #homeGame{ margin-top:60px; height:117px; overflow:hidden; font-size:12px; font-weight:bold;padding:20px 160px 20px 0px; overflow:hidden; cursor:pointer; }

#footer{ margin-top:20px; height:202px; padding:20px 83px 0 74px; text-align:center; }
#footer img{ height:125px; width:125px; border:1px #ccc solid; margin:2px; }

div.date{ font-size:12px; padding-left:2px; font-weight:bold; }
div.txtEcouter{ height:18px; margin-top:5px; width:69px; background:transparent url("../../img/txtEcouter.gif") top right no-repeat; }

div.zonePlayer{ width:230px; float:left; margin-top:10px; }
div.zonePlayer img{ cursor:pointer; }
a.linkDownload{ width:103px; height:28px; display:block; float:left; margin-left:10px; background:transparent url("../../img/btnDownload.gif") bottom right no-repeat; margin-top:7px; }
#middle #homeBottom #homeBottomRight #homeMaire a.linkDownload{ float:none; clear:both; margin:0px; padding-top:10px; }
#baseArchives div.sep{ border-bottom:2px #a8433e solid; padding-top:10px; margin-bottom:10px; }

div.newsTitle{ font-size:13px; font-weight:bold; }
div.txtNews{ height:80px; overflow:hidden; padding-bottom:20px; border-bottom:2px #a8433e solid; margin-bottom:10px; padding-top:10px; }

#contactsForm table{ font-size:12px; font-weight:bold;  }
#contactsForm input.inputTxt{ width:200px; border:1px #000 solid; color:#000; font-size:13px; padding:3px 10px; }
#contactsForm textarea.txtArea{ width:100%; height:175px; border:1px #000 solid; color:#000; font-size:13px; padding:10px; }

#barre {
	width: 100%;
	height: 80px;
	background-color: #000000;
	text-align:center;