/* CSS Document */

* {margin:0; padding:0;}

body {margin-top:0; font-family:Georgia, "Times New Roman", Times, serif; background:#5e171c; position: relative;}

#banner {width:980px; height:210px; margin-left:auto; margin-right:auto; margin-top:0; text-align:center; background:url(../img/fondMilieu4.jpg) repeat-y;}

#menu { width: 980px; height: 36px; margin-left: auto; margin-right: auto; background: url(../img/menufnd.jpg) no-repeat; text-align: center; position: relative; z-index: 500;}

#menuh {width: 744px; height: 30px; margin-left: auto; margin-right: auto; background: url(../img/boutonMenu2b.jpg) repeat-x;}
a.nav, a.nav:link, a.nav:visited {display:block; width:91px; height:29px; background: url(../img/boutonMenu2b.jpg) repeat-x; border-left: 1px solid #5e171c; color: #fff; text-decoration: none; text-align: center; line-height: 30px; overflow: hidden; float: left;}

a.nav:hover {background: url(../img/boutonMenu1b.jpg) repeat-x;} 

#container {width:980px; height:auto; position:relative; margin-left:auto; margin-right:auto; padding-top:0; background:url(../img/fond4.jpg) repeat-y;}

#milieuxtop {width:980px; height:40px; background:url(../img/fondTop4.jpg) no-repeat;}

#milieux {width:980px; height:auto; background:url(../img/fondMilieu4.jpg) repeat-y;}

#contenuCtexte {width:728px; margin-left:auto; margin-right:auto; position:relative;}

#contenuCtexte p {font-size:100%; line-height:150%; padding-left: 20px;}

#contenuCtexte h1 {font-size:120%; text-align:center; color: #5e171c;}

#findpage {width:980px; height:230px; margin-left:auto; margin-right:auto; margin-top:0; position:relative; background:url(../img/fondBas4.jpg) no-repeat;}

#footer {width:720px; height:40px; color:#fff; margin-left:auto; margin-right:auto; font-size:80%; text-align:center; position:relative; line-height: 150%;}

#footer a {color:#fff; text-decoration:none;}

#footer a:hover {color:#fff; text-decoration:underline;}

#logo{width: 90px; height: 65px; margin-left: auto; margin-right: auto; line-height: 65px; margin-top: 20px;}

#jn {color: #fff; font-size: 75%; width: 220px; margin-left: auto; margin-right: auto; padding-bottom: 10px;}
#jn a{color:#fff; text-decoration:none;}
#jn a:hover{color:#fff; text-decoration:underline;}

#contentamain{ width: 660px; height: auto; margin-left: auto; margin-right: auto;}
#noel {width: 660px; height: 536px; margin-left: auto; margin-right: auto; background: url(../img/noel-fond1.jpg) no-repeat; position: relative;}
#noeltxt {width:300px; height: 385px; position: absolute; left: 10px; top: 85px;}
#noeltxt p {padding: 10px; font-size: 110%; font-weight: bold; color: #000; text-align: left;}
#noeltxt h1 {font-size: 180%; color: #000;}
#noeltxt h2 {text-align: left; padding-left: 10px;font-size: 140%; color: #000;}

#contentamaind {width: 660px; height: 536px; margin-left: auto; margin-right: auto; background: url(../img/nouvelans3.jpg) no-repeat; position: relative;}
#n-ans {width:450px; height:300px; position: absolute; left: 0; top: 45px;}
#n-anstxt p {padding: 5px; font-size: 110%; font-weight: bold; color: #000; text-align: left;}
#n-anstxt h1 {font-size: 130%; color: #a21915;}
#n-anstxt h2 {text-align: left; padding-left:80px;font-size: 110%; color: #000;}

#contentamainE {width: 660px; height: 536px; margin-left: auto; margin-right: auto; background: url(../img/soireLatino.jpg) no-repeat; position: relative;}
#l-atin {width:450px; height:300px; position: absolute; left: 0; top: 130px; color: #fff;}
#l-atin p {padding: 5px; font-size: 110%; font-weight: bold; color: #000; text-align: left;}
#l-atin h1 {font-size: 130%; color: #d90000; text-align:left; padding-left: 30px;}
#l-atin h2 {text-align: left; padding-left:30px;font-size: 110%; color: #d90000;}

#contentamainEk {width: 660px; height: 536px; margin-left: auto; margin-right: auto; background: url(../img/jeudikaraoke.jpg) no-repeat; position: relative;}
#l-karaoké {width:450px; height:300px; position: absolute; left: 0; top: 130px; color: #fff;}
#l-karaoké p {padding: 5px; font-size: 110%; font-weight: bold; color: #000; text-align: left;}
#l-karaoké h1 {font-size: 130%; color: #d90000; text-align:left; padding-left: 30px;}
#l-karaoké h2 {text-align: left; padding-left:30px;font-size: 110%; color: #d90000;}


#contentamainG {width: 660px; height: 536px; margin-left: auto; margin-right: auto; background: url(../img/SoirerockNroll-2.jpg) no-repeat; position: relative;}
#l-rock {width:450px; height:300px; position: absolute; left: 0; top: 130px; color: #fff;}
#l-rock p {padding: 5px; font-size: 110%; font-weight: bold; color: #000; text-align: left;}
#l-rock h1 {font-size: 130%; color: #960496; text-align:left; padding-left: 30px;}
#l-rock h2 {text-align: left; padding-left:30px;font-size: 110%; color: #960496;}


#contentamainH {width: 660px; height: 536px; margin-left: auto; margin-right: auto; background: url(../img/metallica2.jpg) no-repeat; position: relative;}
#l-rockmeta {width:450px; height:300px; position: absolute; left: 0; top: 130px; color: #fff;}
#l-rockmeta p {padding: 5px; font-size: 110%; font-weight: bold; color: #000; text-align: left;}
#l-rockmeta h1 {font-size: 130%; color: #960496; text-align:left; padding-left: 30px;}
#l-rockmeta h2 {text-align: left; padding-left:30px;font-size: 110%; color: #960496;}


#contentamainf{ width: 660px; height: auto; margin-left: auto; margin-right: auto;}
#pyjama {width: 660px; height: 536px; margin-left: auto; margin-right: auto; background: url(../img/pyjama_fond1.jpg) no-repeat; position: relative;}
#pyjamatxt {width:300px; height: 385px; position: absolute; left: 10px; top: 85px;}
#pyjamatxt p {padding: 10px; font-size: 110%; font-weight: bold; color: #000; text-align: left;}
#pyjamatxt h1 {font-size: 180%; color: #000;}
#pyjamatxt h2 {text-align: left; padding-left: 10px;font-size: 140%; color: #000;}

#contentamaine {width: 660px; height: 536px; margin-left: auto; margin-right: auto; background: url(../img/beachparty3.gif) no-repeat; position: relative;}
#beach-p {width:640px; height:300px; position: absolute; left:0px; top: 400px;}
#beach-ptxt p {padding: 5px; font-size: 100%; font-weight: bold; color: #000; text-align: left;}
#beach-ptxt h1 {font-size: 120%; color: #a21915;}
#beach-ptxt h2 {text-align: left; padding-left:80px;font-size: 110%; color: #000;}
.imglabat {margin-left: auto; margin-right: auto;}
.image2{width: 400px; margin-left: auto; margin-right: auto;}
.image3{width: 155px; margin-left: auto; margin-right: auto;}
.image4{width: 500px; margin-left: auto; margin-right: auto;}
.image5{width: 700px; margin-left: auto; margin-right: auto;}
.image6{width: 230px; height: auto; margin-left: auto; margin-right: auto; margin-top: 20px; margin-bottom: 40px;}

.bannerslist {width: 468px; height: auto; margin-left: auto; margin-right: auto;}
#bannerslist2 {width: 625px; height: auto; margin-left: auto; margin-right: auto; margin-top: 40px;}

.bannerpub {width: 468px; height: 60px; margin-top: 10px; margin-bottom: 10px;}
.bannerpub2 {width: 75px; height: 75px; margin-left: 10px; margin-top: 10px;}
.bannerpub3 {width: 468px; height: 75px; margin-left: auto; margin-right: auto; text-align: center; margin-bottom: 20px;}

#contentamain a{color: #652023; text-decoration: none; font-weight: bold; font-size: 80%;}
#contentamain a:hover {color: #BA9E9A; text-decoration: underline; font-weight: bold; font-size: 80%;}

td a {color: #becdf5; text-decoration: none;}
td a:hover {color: #fff; text-decoration: underline;}
h6 {font-size: 110%; color:#5e171c; padding-left: 180px;}
h3 {color: #5e171c; text-align: left; padding-left: 20px; font-size: 110%;}
h2 {color: #5e171c; text-align: left; padding-left: 80px; font-size: 110%;}
.chanteuses{color: #C00; font-size: 120%; padding-left: 15px;}
.famille{color: #000; padding-left: 15px;}
#map {width: 600px; height: 360px; margin-left: auto; margin-right: auto; clear: both; border: 2px solid #5e171c;}
#partner {width: 720px; margin-left: auto; margin-right: auto; margin-top: 20px; margin-bottom: 20px;}
#bannerrotator {width: 468px; height: 60px; border: 1px solid #fff; overflow: hidden; margin-left: auto; margin-right: auto;}
#dropcontentsubject{width: 468px;}
.dropcontent{width: 468px; height: 60px; display:block;}
#compteur {width: 220px; font-size: 75%; margin-left: auto; margin-right: auto; text-align: center; color: #fff;}
.encadre1 {width: 340px; height: auto; padding: 5px; border: 1px solid #5e171c; margin-top: 20px; margin-left: 210px;}
.encadre1 p{color:#5e171c;}
.encadre2 {width: 335px; height: auto; padding: 5px; border: 1px solid #5e171c; margin-top: 20px; margin-left: auto; margin-right: auto;}
.encadre2 p{color:#5e171c;}
.claire {clear: both;}
#shouttitle {width: 660px; height: 30px; background: #5E171B; color: #E5DED4;}
#shouttitle h2{color: #e5ded4; font-size: 130%; padding-left: 220px;}

#videodanger {width: 580px; height: auto; margin-left: auto; margin-right: auto; position: relative;}
#videodangerinleft {width: 250px; height: 260px; float: left; padding: 20px;}
#videodangerinleft h4 {text-align: center; font-size: 110%; padding-bottom: 20px; color: #5e171c;}
#videodangerinright {width: 250px; height: 260px; padding: 20px;}
#videodangerinright h4 {text-align: center; font-size: 110%; padding-bottom: 20px; color: #5e171c;}