/* 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}

/* PIED */

a {color: #006BA5}
a:hover {color: #003350}

/* 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}

/* VIEWER */

.viewer-cadre { width:670px; height:330px; overflow:hidden; position:relative; margin-bottom:10px; }
.viewer-navigation { position:absolute; bottom:10px; left:240px; z-index:50; }
.viewer-encart { }
.viewer-encart span { cursor:pointer; float:left; }
.viewer-encart img { border:solid 1px #000000; margin-left:10px; }
#viewer-box {position:absolute; left:0px;}
#viewer-box div {width:670px; height:330px; float:left}
#viewer-box img {width:670px; height:330px}
#viewer-box .viewer-text { background-image:url('viewer-back.png'); position:absolute; z-index:50; width:185px; height:160px; top:20px; margin-left:455px; overflow:hidden; text-align:left; padding:10px}
#viewer-box .viewer-text .viewer-title { width:190px; color:#FFFFFF; font:bold 154%/100%  "Trebuchet MS", sans-serif; margin-bottom:30px; clear:both}
#viewer-box .viewer-text .viewer-title a {color:#FFFFFF; text-decoration:none}
#viewer-box .viewer-text .viewer-description {width:190px; color:#FFFFFF; font:normal}
.viewer-mask { position:absolute; top:0px; left:0px; width:670px; height:330px; overflow:hidden}


