/* -------------------------------------STYLE  */
html, body {background:url(../images/design/bg-global.jpg) top center repeat-x;font-family:Arial, Helvetica;color:#000;margin:0;padding:0;background-color : #fff;text-align:center;}
#site{width:760px;overflow:auto;margin:0 auto;padding:3px 0 0 0;text-align:center;}
#header{background:url(../images/design/bg-header.png) top right no-repeat;width:760px;height:170px;margin:0 auto;padding:0;float:right;positioon:relative}
#deux-colonnes{background:url(../images/design/bg-contenu.gif) top right repeat-x;width:760px;position:relative;float:right;text-align:left;margin:0;padding:0;background-color:#2f5876}
/* ------------------------------------- Textes */
span.bold{font-size:16px;font-weight: bold;color:#005288;line-height:1.3em;margin:0;padding:0 0 0 0;text-align:right}
p{font-size:11px;color:#ffffff;line-height:1.3em;margin:0 15px 10px 20px;padding:0;text-align:justify}
p a, p a:hover{font-size:11px;color:#ffffff;line-height:1.3em;margin:0;padding:0;text-align:justify}
p.underline{font-size:11px;color:#ffffff;line-height:1.3em;margin:0 15px 10px 20px;padding:0;text-align:justify;text-decoration:underline}
p.header{color:#005288;line-height:1.3em;margin:0;padding:0;text-align:right;position:relative}
h1.bleu{font-size:20px;line-height:1.5em;color:#0093d0;font-weight:900;text-align:left;margin:10px 0 0 0;padding:0;background-color:transparent}
h2{font-size:12px;line-height:1.5em;color:#ffffff;font-weight:bold;text-align:left;margin:10px 0 10px 20px;padding:0;background-color:transparent}
/* ------------------------------------- Titres */
span.titre{display:none}
h1.notre-mission {background:url(../images/titres/notre-mission.gif) top left no-repeat;margin:15px 0 15px 20px;padding:0;width:291px;height:18px;}
h1.equipe-dynamique {background:url(../images/titres/equipe-dynamique.gif) top left no-repeat;margin:25px 0 15px 20px;padding:0;width:291px;height:18px;}
h1.plan-du-site {background:url(../images/titres/plan-du-site.gif) top left no-repeat;margin:15px 0 15px 20px;padding:0;width:291px;height:18px;}
h1.fou-brak-animation {background:url(../images/titres/fou-brak-animation.gif) top left no-repeat;margin:15px 0 15px 20px;padding:0;width:291px;height:18px;}
h1.soiree-flash {background:url(../images/titres/soiree-flash.gif) top left no-repeat;margin:15px 0 15px 20px;padding:0;width:291px;height:18px;}
h1.demande-emploi {background:url(../images/titres/demande-emploi.gif) top left no-repeat;margin:15px 0 15px 20px;padding:0;width:291px;height:18px;}
h1.activites-complementaires {background:url(../images/titres/activites-complementaires.gif) top left no-repeat;margin:15px 0 15px 20px;padding:0;width:291px;height:18px;}
h1.programmation {background:url(../images/titres/programmation.gif) top left no-repeat;margin:15px 0 15px 20px;padding:0;width:291px;height:18px;}
h1.contactez-nous {background:url(../images/titres/contactez-nous.gif) top left no-repeat;margin:15px 0 15px 20px;padding:0;width:291px;height:18px;}
h1.nouvelles {background:url(../images/titres/nouvelles.gif) top left no-repeat;margin:15px 0 15px 20px;padding:0;width:291px;height:18px;}

/* ------------------------------------- Images */
#polaroid{width:760px;position:relative;float:right;text-align:left;margin:0;padding:0;}
#polaroid img{margin:0;padding:0;}
div.logo{background:url(../images/design/logo-loisirs-action.png) top left no-repeat;width:197px;height:86px;margin:19px 0 0 34px;padding:0;float:left;position:relative;cursor: pointer; 	}
div.adresse{width:380px;height:90px;margin:19px 15px 0 0;padding:0;float:right;position:relative}
#bas-rond{background:url(../images/design/2colonnes-bas.gif) top left no-repeat;width:760px;height:12px;position:relative;float:left;margin:0 0 0 0;padding:0;}
#fond-etoiles{background:url(../images/design/etoiles.png) bottom left no-repeat;width:760px;position:relative;float:left;margin:0 0 0 0;padding:0;}
#bande-logos{width:367px;height:66px;position:relative;float:left;margin:15px 0 15px 20px;padding:0;text-align:center;}
img{border:none}
#map {margin: 10px 0 0 20px;border: 1px solid #666666;position:relative;float:left}
.dashline{margin:20px 0 20px 20px;padding:0;}
.dashline2{margin:20px 0 20px 0;padding:0;}


/* ------------------------------------- Zone Nouvelles */
#zone-nouvelles{width:292px;height:295px;position:relative;float:left;margin:1px 0 0 34px;padding:0;}
#nouvelles-bloc-top{background:url(../images/design/bloc/nouvelles-bloc-top.png) no-repeat top left;width:287px;height:19px;position:relative;float:left;margin:0;padding:0;font-size: 0px;}
#nouvelles-bloc-milieu{background:url(../images/design/bloc/nouvelles-bloc-milieu.jpg) repeat-y top left;min-height:200px;height:auto !important;height:200px;width:280px;height:auto;position:relative;float:left;margin:0;padding:0;}
#nouvelles-ombrage-droite{background:url(../images/design/bloc/nouvelles-bloc-droite.png) repeat-y left;width:287px;position:relative;float:left;margin:0;padding:0;}
#nouvelles-bloc-bas{background:url(../images/design/bloc/nouvelles-bloc-bas.png) no-repeat bottom left;width:289px;height:29px;position:relative;float:left;margin:0 0 0 0;padding:0;font-size: 0px;}
#nouvelles-bloc-top-paperclip{background:url(../images/nouvelles/top-nouvelles-paper-clip.png) no-repeat top left;width:287px;height:25px;position:relative;float:left;margin:0;padding:0;}
#nouvelles-bloc-milieu-paperclip{width:280px;height:auto;position:relative;float:left;margin:0 0 0 0;padding:0;}
#nouvelles-bloc-bas-paperclip{background:url(../images/nouvelles/nouvelles-bloc-bas-paperclip.png) no-repeat bottom left;width:287px;height:8px;position:relative;float:left;margin:0;padding:0;font-size: 0px;}

/* ------------------------------------- Naviation Principale */
#nav-princ{background:url(../images/nav-princ/bg-nav-princ.gif) no-repeat top left;width:760px;height:33px;position:relative;float:left;margin:0 0 0 0;padding:0;}
#nav-princ ul{margin:0;padding:0;}
#nav-princ ul li{display:inline;margin:0;padding:0;}
#nav-princ a.accueil{background:url(../images/nav-princ/accueil.gif) top left no-repeat;width:127px;height:33px;position:relative;float:left;margin:0;padding:0;}
#nav-princ a.accueil:hover{background:url(../images/nav-princ/accueil-over.gif) top left no-repeat;width:127px;height:33px;position:relative;float:left;margin:0;padding:0;}
#nav-princ a.accueil2{background:url(../images/nav-princ/accueil-over.gif) top left no-repeat;width:127px;height:33px;position:relative;float:left;margin:0;padding:0;}
#nav-princ a.programmation{background:url(../images/nav-princ/programmation.gif) top left no-repeat;width:127px;height:33px;position:relative;float:left;margin:0;padding:0;}
#nav-princ a.programmation:hover{background:url(../images/nav-princ/programmation-over.gif) top left no-repeat;width:127px;height:33px;position:relative;float:left;margin:0;padding:0;}
#nav-princ a.programmation2{background:url(../images/nav-princ/programmation-over.gif) top left no-repeat;width:127px;height:33px;position:relative;float:left;margin:0;padding:0;}
#nav-princ a.soiree-flash{background:url(../images/nav-princ/soiree-flash.gif) top left no-repeat;width:127px;height:33px;position:relative;float:left;margin:0;padding:0;}
#nav-princ a.soiree-flash:hover{background:url(../images/nav-princ/soiree-flash-over.gif) top left no-repeat;width:127px;height:33px;position:relative;float:left;margin:0;padding:0;}
#nav-princ a.soiree-flash2{background:url(../images/nav-princ/soiree-flash-over.gif) top left no-repeat;width:127px;height:33px;position:relative;float:left;margin:0;padding:0;}
#nav-princ a.activites-complementaires{background:url(../images/nav-princ/activites-complementaires.gif) top left no-repeat;width:127px;height:33px;position:relative;float:left;margin:0;padding:0;}
#nav-princ a.activites-complementaires:hover{background:url(../images/nav-princ/activites-complementaires-over.gif) top left no-repeat;width:127px;height:33px;position:relative;float:left;margin:0;padding:0;}
#nav-princ a.activites-complementaires2{background:url(../images/nav-princ/activites-complementaires-over.gif) top left no-repeat;width:127px;height:33px;position:relative;float:left;margin:0;padding:0;}
#nav-princ a.fou-brak-animation{background:url(../images/nav-princ/fou-brak-animation.gif) top left no-repeat;width:127px;height:33px;position:relative;float:left;margin:0;padding:0;}
#nav-princ a.fou-brak-animation:hover{background:url(../images/nav-princ/fou-brak-animation-over.gif) top left no-repeat;width:127px;height:33px;position:relative;float:left;margin:0;padding:0;}
#nav-princ a.fou-brak-animation2{background:url(../images/nav-princ/fou-brak-animation-over.gif) top left no-repeat;width:127px;height:33px;position:relative;float:left;margin:0;padding:0;}
#nav-princ a.demande-d-emploi{background:url(../images/nav-princ/demande-d-emploi.gif) top left no-repeat;width:125px;height:33px;position:relative;float:left;margin:0;padding:0;}
#nav-princ a.demande-d-emploi:hover{background:url(../images/nav-princ/demande-d-emploi-over.gif) top left no-repeat;width:125px;height:33px;position:relative;float:left;margin:0;padding:0;}
#nav-princ a.demande-d-emploi2{background:url(../images/nav-princ/demande-d-emploi-over.gif) top left no-repeat;width:125px;height:33px;position:relative;float:left;margin:0;padding:0;}
#nav-princ span{display:none}
/* ------------------------------------- Naviation Contact */
#nav-contact{width:473px;height:28px;position:relative;float:left;margin:0 0 0 287px;padding:0;}
#nav-contact ul{margin:0;padding:0;}
#nav-contact ul li{display:inline;margin:0;padding:0;}
#nav-contact a.contactez-nous{background:url(../images/nav-princ/contactez-nous.gif) top left no-repeat;width:183px;height:28px;position:relative;float:left;margin:0 2px 0 0;padding:0;}
#nav-contact a.contactez-nous:hover{width:183px;height:28px;position:relative;float:left;margin:0 2px 0 0;padding:0;}
#nav-contact a.inscrivez-vous{background:url(../images/nav-princ/inscription-en-ligne.gif) top left no-repeat;width:183px;height:28px;position:relative;float:left;margin:0;padding:0;}
#nav-contact a.inscrivez-vous:hover{width:183px;height:28px;position:relative;float:left;margin:0;padding:0;}
#nav-contact span{display:none}
/* -------------------------------------Colonne gauche  */
#colonne-gauche{width:340px;min-height:600px;height:auto !important;height:600px;position:relative;float:left;text-align:left;margin:25px 0 0 0;padding:0;}
/* -------------------------------------CONTENU  */
#colonne-droite{width:420px;min-height:600px;height:auto !important;height:600px;position:relative;float:left;text-align:left;margin:25px 0 0 0;padding:0;}
/* -------------------------------------BLOC ZONE CONTENU  */
#bloc_top{background:url(../images/design/bloc/contenu-bloc-top.gif) no-repeat top;width:371px;height:14px;position:relative;float:right;margin:0 29px 0 0;padding:0;}
#bloc_milieu{background:url(../images/design/bloc/contenu-bloc-milieu.gif) repeat-y left;width:371px;min-height:400px;position:relative;float:right;margin:0 29px 0 0;padding:0;}
#bloc_bas{background:url(../images/design/bloc/contenu-bloc-bas.png) no-repeat bottom;width:371px;height:14px;position:relative;float:right;margin:0 29px 0 0;padding:0;}

#bloc_milieu ul{width:350px;color:#CCCCCC;line-height:1.3em;font-size:11px;text-align:left;margin:0 0 20px 10px ;padding:0;float:left;position:relative}
#bloc_milieu li{list-style-type:none;background:url(../images/design/arrow.gif) no-repeat left top;text-align:left;margin:10px 0 0 10px;padding:0 0 0 15px;}
#bloc_milieu li a,#colonne_droite li a:hover{color:#ffffff;text-align:left;text-decoration:underline;margin:0;padding:0;}
/* -------------------------------------FORM */
form{width:330px;float:left;}
#form-courriel input{color:#333;font-size:0.8em;background-color:#E9E9E9;border:1px solid #616161;margin:5px 0 0 0;padding:0.2em;}
fieldset{border:0 dashed #616161;margin:0 0 0 0;padding:0;}
fieldset.submit{border:0;text-align:left;margin:0 0 5px 20px;padding:0;float:left;color:#005288}

/* -------------------------------------FOOTER  */
#footer{text-align:center;width:760px;float:left;margin:15px 0 10px 0;padding:0;}
#footer p{font-family:Arial, Helvetica, sans-serif;font-size:0.7em;color:#666;margin:0 0 0;padding:0;text-align:center}
#footer p a{color:#666;text-decoration:none;margin:0;padding:0;}
#footer p a:hover{color:#039;text-decoration:none;margin:0;padding:0;}
#footer p.copyright{font-family:Arial, Helvetica, sans-serif;font-size:0.7em;color:#999;margin:5px 0 0;padding:0;}
#footer p.copyright a{color:#999;text-decoration:none;margin:5px 0 0;padding:0;}
#footer p.copyright a:hover{color:#039;text-decoration:none;margin:5px 0 0;padding:0;}

#menu{position:relative;width:205px;margin:0 0 30px 20px}
#menu input#s{width:80%;background:#eee;border:1px solid #999;color:#000}
#menu ul{width:250px;color:#CCCCCC;line-height:1em;font-size:11px;text-align:left;margin:1px 0 20px 0 ;padding:0;float:left;position:relative}
#menu li{list-style-type:none;background:url(../images/design/arrow2.gif) no-repeat left top;text-align:left;margin:10px 0 0 10px;padding:0 0 0 15px;}
#menu li a,#colonne_droite li a:hover{color:#252b32;text-align:left;text-decoration:underline;margin:0;padding:0;}

h2.nouvelles{border-bottom: 1px dotted #ffffff;font-size:11px;line-height:1.2em;color:#92D2FF;font-weight:bold;text-align:justify;margin:0 15px 10px 20px;padding:0;background-color:transparent;text-decoration:none;text-transform:uppercase;}
p.time{color:#0093d0;line-height:1.2em;text-align:left;margin:5px 15px 15px 0;padding:0;}
h2 a, h2 a:visited{color: #FFFFFF;text-decoration: none}
.postmetadata { margin:0 15px 10px 20px}
p.moretext{color:#ffffff;margin: 10px 0 15px 0}
p.moretext a{color:#ffffff;margin: 10px 0 15px 0;text-decoration:none}
p.moretext a:hover{color:#ffffff;margin: 10px 0 15px 0;text-decoration:underline}
div.entry{margin:0 0 0 0;padding:0}