body, div, h1, h2, h3, p, ul, ol, li {
    margin: 0; padding: 0; border: 0;
}

body {background: #8AA6CB url(background.png) repeat-x top; color: #626262;
   	font: 80%/160% "Trebuchet MS", sans-serif; padding-bottom: 20px; text-align: center}
a {outline: none; color: #006BA5}
a:hover {color: #003350}


/* HAUT DE PAGE */

#wrapper {background: #fff url(bordure.gif) no-repeat bottom left; margin: 0 auto; 
    overflow: hidden; padding: 0; padding-bottom: 10px; text-align: left; width: 960px}
#header {background: transparent url(banniere.jpg) no-repeat top left; 
    width: 960px; height: 125px; position: relative}
#brand {float: left}
#brand a {position: absolute; left: 24px; top: 24px; width: 371px; height: 60px;
    background: url(logo.png) no-repeat; display: block; text-indent: -5000px}
#top { padding:0px; margin:0px; margin-bottom:7px; text-align:center; height:17px }
#top h1 { margin:0px; height:17px; font-size:11px; font-weight:normal; color:#FFFFFF}
#promo {float: right; position: absolute; right: 24px; top: 24px; width: 468px; height: 60px}


/* MENU NAVIGATION SUPERIEURE */

#Nav {width: 960px; background: transparent url(menu.gif) repeat-x top left}
#aboveNav {background: transparent url(menu-dessus.gif) repeat-x top left;
height:5px; width: 960px}
#belowNav {background: transparent url(menu-dessous.gif) repeat-x top left;
height:4px;width: 960px}

#dropMenu {margin:0 0 0 20px; padding:0; list-style:none; height:29px; 
position:relative; z-index:600; font-family: "Trebuchet MS", sans-serif}
#dropMenu li {float:left}
#dropMenu li a {display:block; float:left; height:29px; line-height:29px; color:#fff;
 font-size:13px; font-weight:bold; text-decoration:none; letter-spacing: 1px; padding:0 20px 0 20px}
#dropMenu table {border-collapse:collapse; position:absolute;  width:0; 
height:0; top:0; left:0}
#dropMenu li a:hover {z-index:200; position:relative; color:#fff; background-color:#663333}
#dropMenu li:hover {position:relative; z-index:200}
#dropMenu li:hover > a {background: transparent url(menu-over.gif); color:#fff}
#dropMenu li.current a {background: transparent url(menu-over.gif); color:#fff}
#dropMenu :hover ul { left:0; top:29px; width:120px; background:#884444} 
#dropMenu ul, 
#dropMenu :hover ul ul {position:absolute; left:-9000px; top:-9000px; margin:0; 
padding:0; width:0; height:0; list-style:none}
#dropMenu :hover ul :hover ul {left:190px; top:-1px; background:#442222; 
white-space:nowrap; width:160px; z-index:200; height:auto}
#dropMenu :hover ul li {margin:0; border-top:1px solid #CC6666; border-right:1px solid #CC6666; 
border-left:1px solid #CC6666}
#dropMenu :hover ul li a {width:190px; padding:0; text-indent:8px; 
background:#76474F; color:#ccc; height:28px; line-height:28px; font-size:12px}
#dropMenu :hover ul :hover {background-color:#663333; color:#fff}

.m1 {border-left: 2px solid #400000; border-right: 2px solid #400000}
.m2 {border-right: 2px solid #400000}
.m3 {border-bottom: 1px solid #400000}
.m4 {width:190px; padding:0; text-indent:8px; text-transform:uppercase; font-weight:bold; 
background: transparent url(menu-over.gif); color:#fff; height:28px; line-height:28px; font-size:12px}

/* BAS DE PAGE */
 
#footer {background: #fff; border-top: solid 2px #BDBDFF;
    margin: 0px 15px; padding-top: 16px; font-size:12px}
#footer ul.footernav {margin: 0; margin-bottom: 5px}
#footer ul.footernav li {border-left: solid 2px #BDBDFF;
        display: inline; list-style: none;padding: 0 10px}
#footer ul.footernav li.first {border: 0; padding-left: 0}
#footer p {color: #626262; clear: both; line-height: .5em}
#footer a {text-decoration: none}


/* CONTENU */

#content {background: transparent url(bord1.gif) repeat-x top left;
    padding: 25px 15px 15px 15px; padding-bottom: 0}
#content h1 {font-size:18px; font-weight:bold; color:#BD2129}
#content h2 {font-size:14px; font-weight:bold; color:#BD2129}
div.container, #container {overflow: hidden}
#primary {float: left; margin: 0 15px 15px 0; padding: 0}
#primary { width: 950px; overflow: hidden}
body.home #primary { width: 950px}
#primary div.left1 {float: left; width: 240px}
#primary div.right1 {float: right; width: 690px}
#primary div.left2 {float: left; width: 471px}
#primary div.right2 {float: right; width: 459px}

/* BLOC */

#primary div.discoverhead {background: #221F20 url(discover-bottom.gif) no-repeat left bottom; padding-bottom: 6px}
#primary h2.discover {background: #221F20 url(discover-top.gif) no-repeat left top; border: 0; height: auto;
    line-height: 1.1em; margin: 0; min-height: 12px; padding: 15px 0 10px 10px; text-transform: uppercase; color:#fff}
#primary div.block { margin-bottom: 0; padding: 10px}
#primary div.discover {background: #5A6BE7 url(discover-back.gif) no-repeat left bottom; padding-bottom: 25px; min-height: 250px; color: #FFFFFF}

#primary div.tourismhead {background: url(tourism-bottom.gif) no-repeat left bottom; padding-bottom: 6px}
#primary h2.tourism {background: url(tourism-top.gif) no-repeat left top; border: 0; height: auto;
    line-height: 1.1em; margin: 0; min-height: 12px; padding: 15px 0 10px 10px; text-transform: uppercase; color:#fff}
#primary div.tourism {background: #D8FFA6 url(tourism-back.gif) no-repeat left bottom; padding-bottom: 25px; min-height: 194px; max-width: 419px}

/* BLOC SOMMAIRE */

#sommaire .home {float:left; margin-bottom:12px; width:440px; height:60px}
#sommaire .home .image {float:left; width:94px; height:59px; border:1px solid #CCCCCC}
#sommaire .home .image img {margin: 2px}
#sommaire .home .text {float:right; margin:0px 7px 0px 7px; width:330px}
#sommaire .home .text .rubrique {text-transform:uppercase; font-size: 10px; color: #999999}
#sommaire .home .text .rubrique a {color: #999999; text-decoration:none}
#sommaire .home .text .titre {font-weight:bold; margin-top: -2px}
#sommaire .home .text .titre a {color: #00A000}
#sommaire .home .text .titre a:hover {color: #004000}
#sommaire .home .text .edito {font-size:11px; color:#333; margin-bottom:10px}

/* IMAGES */

IMG.gauche {MARGIN: 0px 10px 0px 0px}
IMG.droite {MARGIN: 0px 0px 0px 10px}
IMG.igauche {MARGIN: 5px 5px 0px 0px}
IMG.idroite {MARGIN: 5px 0px 0px 5px}