﻿body {width:100%; margin:0 auto; padding:0; border:none; background:#369 url(images/pageBG.gif) repeat-x center top; color:#000; font-family: Verdana, Arial; font-size: 11px; text-decoration:none; text-align:center;}
img {border:none}
hr {color:#000; padding:0; margin:0;}
h1, h2, h3 {font-size:12px; font-weight:bold; line-height:15px; margin:0; padding:0;}
a {font-size:10px; outline:none; text-decoration:none;}
sup, sub {font-size:65%;}

/* entete */

#banner {margin:0 auto; width:inherit; background:#369; max-height:225px;}

#topNav {background:#ccc url(images/topNav.gif) repeat-x center top;}
#topNavItems {padding-right:20px; text-align:right;}

/* colonnes */

.container {border:none; margin:0 auto; padding:0; background:#fff; text-align:center; min-width:780px; max-width:1440px;} 

#menu-wrap {top:-1px; position:relative; text-align:left; margin-bottom:-1px; width:100%;}
#side-wrap {position:relative; text-align:left;	width:100%;}
#body {top:-1px; overflow:hidden;}
#bodyMenu {top:0px; border-right:solid 3px #ccc; background:#369 url(images/menuShade.gif) repeat-x center top;  float:left;	width:198px;	 width:178px; /* actual value */	margin:0; z-index:100; padding:10px; }

/* MENU ELEMENTS */

#menu {padding-left:10px;}
#menu a, #menu a.sub, .menuPics a {color:#ccc; font-size:12px; font-weight:bold;}
#menu a.sub {color:#ccc; font-weight:normal; padding-left:20px;}
#menu a.head {color:#ccc;}
#menu ul {margin:0;	padding:0; list-style:none;}
#menu li {background:url(images/menuSeparator.gif) no-repeat center bottom; margin:0; padding:5px 0 0 10px;}

.menuPics {text-align:center; font-weight:bold; color:#ccc;}
.menuPics img {padding:5px;}

/* BODY TEXT ELEMENTS */ 

#bodyText {top:-1px; background:url(images/bodyShade.gif) repeat-x center top; color:#000098; text-align:justify;	padding:0 5px 0 200px;}
#bodyText .leftImage {text-align:center; float:left; padding-right:15px;}
#bodyText .rightImage {text-align:center; float:right; padding:0 5px 0 10px;}
#bodyText .rightImage span, #bodyText .leftImage span {font-size:75%;}
#bodyText img.border {border:solid 1px #aaa;}

#contentHeader {padding:30px 0 10px 10px; font-size:120%; font-weight:bold;}
#contentHeader h2 {float:left; font-size:100%; line-height:110%}
#contentHeader h2:first-letter {font-size:120%}

#contentText {padding:10px 15px 10px 10px;}
#contentText a {font-size:100%; color:#000098; text-decoration:underline;}
#contentText a:hover {color:red; text-decoration:none;}
#contentText span {color:#036; font-weight:bold;}
#contentText h3.spot, #contentText h3.spot:first-letter {color:#f00; font-weight:bold; font-size:100%; padding:0 0 5px 0; margin:0;}
#contentText h3 {font-weight:bold; font-size:100%; padding:20px 0 0 20px; margin:0;}
#contentText h3:first-letter {font-weight:normal; font-size:140%;}  
#contentText h5 {text-align:center;}
/* FOOT ELEMENTS */

#footer {margin:0 auto; padding:0; padding-top:45px; clear:both; font-weight:bold; z-index:2; text-align:center;  background:#369 url(images/footNavBG.gif) repeat-x center top;}
#footer .container {background:none;}
#footer #footNav {margin:0 auto; margin-top:-40px; margin-right:180px; padding:5px 10px 5px 10px; text-align:left;}
#footer #footNav a {color:#036; font-weight:900; padding:0 10px 2px 10px;}
#footer #footNav a:hover {background:#ccc;}
#footer #footNav #navLinks {margin-top:-3px;}

#copyright {font-size:10px; text-align:center; padding-top:3px; color:#ccc;}
#copyright a {color:#ccc;}

#updated {float:right; font-size:10px; margin-top:-21px; margin-right:10px;}

.left {float:left; padding-left:60px; text-align:left; width:100px;}

.clear {clear:both; text-align:center;}

.clearRight {clear:right; height:10px;}

.spotLeft {width:46%; padding:5px 10px 10px 10px; float:left;  background:#eee; border:solid 1px #aaa;}
.spotRight {width:46%; padding:5px 10px 10px 10px; float:right; background:#eee; border:solid 1px #aaa;}
.spotText {margin-left:114px;}
.spotImage img {height:72px; width:94px; float:left;}
.spotLink {text-align:right; font-weight:bold;  font-size:80%; padding-top:5px;}
.spotLeft h2, .spotRight h2 {color:#f00;padding-bottom:5px;}
.spotLink a {text-decoration:none;}
.spotItem {padding:5px 10px 10px 10px; background:#eee; border:solid 1px #aaa;}

table#spot {border:none;}
table#spot td {width:50%; padding:5px 10px 10px 10px; background:#eee; border:solid 1px #aaa;}
table#spot td.space {width:10px; border:none; background:#ccc;}
table#spot tr.space {padding:5px; border:none; background:#ccc;}

table.spot {border:none;}
table.spot td {width:50%; padding:5px 10px 10px 10px; background:#eee;}
table.spot td.space {width:10px; border:none; background:#ccc;}
table.spot tr {border-bottom:solid 20px #fff;}
table.spot tr.space {padding:5px; border:none; background:#ccc;}

table.image tr td {text-align:center;}
table.image .imageTitle {padding-bottom:5px; border:solid 1px #000;}
table.image .altText {padding-top:4px; padding-bottom:20px; font-size:10px; font-weight:normal;}

#Partners {background: #369; color:#ccc; font-size:10px; font-weight:bold; padding-top:2px; margin:0; text-align:center; z-index:1;}
#Partners a {padding:0 8px 0 8px; color:#ccc;}
#Partners a:hover {color:#ccc;}
.export a{color:#369;}
#fiche td {	width: 25%;	text-align: left;}
#fiche td a{	text-decoration: none;}

#gal{
	text-decoration: none;
	margin: auto;
	text-align:center;
}
#gal td{
	padding-bottom:20px;
}
#menu_page a{
	text-decoration: none;
    color: #efefef;
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
}
.galerie {
    background : #369;
    color : #efefef;
    padding-top: 6px;
    padding-right: 10px;
    padding-bottom: 6px;
    padding-left: 50px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
    font-weight:bold;
}

.page_lien {
	background : #369;
    border-style: none;
    color: #efefef;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    
}

.page_lien a {
    display: block;
    padding-right: 5px;
    padding-left: 5px;
    text-decoration: none;
    color: #efefef;
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
}

.page_lien a:hover {
    background : #EFEFEF;
    text-decoration: none;
    color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
}

.page_vue {
    background: #369;
    border-style: none;
    padding-right: 5px;
    padding-left: 5px;
	color: YELLOW;
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
}


