@charset "UTF-8";

body {background:#000000 url(img/fond.jpg) repeat-x top; margin:0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; text-align:justify; color : #222;}
#global { margin:0 auto; position:relative; width:980px; }
hr { clear:both; visibility:hidden; }
h2{ font-weight:bold; font-size:13px; padding : 0px; margin: 0px; margin-top : 10px;}
#content{padding : 10px 0px 20px 0px;; text-align:left; width : 700px; }
#content a {color :#be9e56; text-decoration:underline;}

#content2{color : #DDD;}
#content2 a {color :#be9e56; text-decoration:underline;}
#contact{float : right; width : 300px; margin-left : 100px;}

#logo { float:left; }
#logo-focal {position : absolute; left : 470px;  }

#top { clear:both; height:117px; margin:5px 0 30px 0;position : relative;}
#mini-map{position : absolute; left : 800px; top : 15px;  width : 140px; text-align:center; margin-left:10px;}
#mini-map a{color :#be9e56; text-decoration:underline;}
#brochure{position : absolute; left : 400px; top : 50px;  width : 110px; text-align:center; margin-left:10px;}
#voir{ position : absolute; font-family:Arial, Helvetica, sans-serif; top : 170px; left : 620px; color : #be9e56; font-size:12px;"><a href="youtube.html" style=" color : #be9e56; text-decoration:none;}

/* Images */
a img, img { border:0; margin:0; }
a:link, a:visited, a:hover, a:active{ border:0; color:#000; text-decoration : none;}
a:hover { text-decoration:none;}


 
#images { margin:15px 0 0 0; padding:0; }
#images img { margin:0 20px 0 0; }
#images img.last {margin:0;}

/* Reflet */
#bas { background:url(img/reflets.jpg) top no-repeat; height:100px;}

/* le div affichant la vidéo */
#bgflou{background-image:url(img/bg-youtube.jpg); height : 400px; background-repeat:no-repeat; text-align:center; padding-top : 20px;}
#youtube{position:absolute; top : 250px ; left: : 0; width : 100%; text-align:center;}
#video{border: 10px solid #be9e56; width : 425px;}
#lienaccueil{background color : #be9e56; color : #be9e56;}
#lienaccueil{text-decoration : none;}
#lienaccueil a:hover{text-decoration:underline;}


/* les contacts */
#mainEcoute { width:980px; height:508px; background:url(img/fond-contact.jpg) no-repeat;}
#flashcontent{float : left;}
#texteEcoute { margin:0 0 0 450px; padding:30px 40px 0 40px; width:450px; text-align:left; }
#texteEcoute table{margin-bottom : 30px;}
#texteEcoute h1{ font-size:18px; padding:0px 0px 10px 0px;}

#texteEcoute th{ padding : 0px 5px 0px 5px; font-size:12px; font-weight:normal; margin:0; border-bottom:1px solid black;}
#texteEcoute th p{margin : 0px; padding:5px 0px;} 
#texteEcoute td{height : 20px; padding : 8px 5px 0px 5px; border-bottom:1px dotted #c80000; font-size:11px; }
#texteEcoute tr{margin-bottom:5px;}

#texteEcoute img{ margin-right : 10px;}
#texteBoutique{ margin:0 0 0 450px; padding:0px 40px 0 40px; width:465px;}
#texteBoutique h1{margin : 0px; margin-top : 15px; padding : 0px;}
#texteBoutique a{ text-decoration:none;  background-color:#c4b884;}
#texteBoutique a:hover{color : black; background-color:white;}
#googlemap{ text-align:center; width : 465px; height : 320px;}
#googlemap a{ color:#c80000; background-color:#CCCCCC; text-decoration:none; padding : 0px 20px; font-weight:normal;}
.boutique-liens{float : right; text-align:right; width : 185px; font-weight:normal;}
.boutique-liens a {color : #c800ff; font-weight:normal; text-decoration:underline; color : #c80000;}
.puce-retour a{ font-weight:normal; text-decoration:none;font-weight:bold; color:#c80000; }