/* Created by Anagram Web Solutions - April 2007 */

body{background: #AFC5DC url(../images/img_bodyBG.jpg) 0 0 repeat-x; margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif;}

frameset, frame{ margin: 0; padding: 0;}

/* Wrap to Centre Page and to show top fade background ********** */
#mainWrap{background: url(../images/img_mainBG.gif) center 110px no-repeat; margin: 0 auto; padding:0; width: auto; text-align: center;}


/* *************************************************************
Main wrap to hold the content in the centre
************************************************************* */
#contentWrap{width: 768px; text-align: left; margin: 0 auto; clear: both; border-width: 0 5px; border-style: solid; border-color: #BCD6F1; background-color: #fff; padding: 0 1px; overflow: auto;}


/* *************************************************************
HEADER
************************************************************* */
#header{ float: left; height: 70px; padding: 19px 0 0 0; font-family: "Times New Roman", Times, serif; border-bottom: 5px solid #FF9900; background-color: #fff; width: 768px;}
#companyName { float: left; width: 300px; margin: 0 0 0 20px; display: inline;}
#companyName h1{ margin: 0; padding: 0; color: #669900; font-weight: normal; line-height: 80%; font-size: 230%; letter-spacing: -0.03em;}
#companyName h1 span{ color: #99CC00; font-size: 80%; clear: both; display: block; margin: 0 0 0 10px;}
#quote{ width: 370px; float: right; color: #FF6600; font-style: italic; padding: 0 3px 0 22px; margin: 5px 30px 0 0; background: url(../images/icon_quotes.gif) 0 0 no-repeat; display: inline; line-height: 130%; font-size: 105%;}


/* Main Header Picture ********** */
#headerPic{border-width: 1px 0; border-style: solid; border-color: #fff; width: 768px; float: left;}


/* Green Bar to separate Header Pic from Nav ********** */
#greenBar{width: 768px; font-size: 0; background-color: #669900; height: 5px; border-bottom: 1px solid #fff; float: left;}


/* *************************************************************
TOP NAVIGATION
************************************************************* */
#topNav{width: 768px; background-color: #99CC00; height: 2.25em; padding: 0; float: left;}
#topNav ul{padding: 0; margin: 0; list-style: none;}
#topNav li{ float: left; padding: 0; margin: 0; font-size: 90%; font-weight: bold; height: auto;}
#topNav li a{ padding: 10px 15px; background-color: #99CC00; color: #fff; text-decoration: none; border-right: 1px solid #fff; display: block;}
#topNav li a:hover{ background-color: #669900;}
#topNav .active{ background-color: #669900;}

/* Top FADE under Navigation  ********** */
#topFade{width: 768px; font-size: 0; background: url(../images/img_topFade.jpg) 0 0 no-repeat; height: 24px; margin: 1px 0 0 0; float: left;}


/* *************************************************************
MAIN CONTENT
************************************************************* */
#bodyContent{ float: left; width: 375px; margin: 0 0 0 20px; display: inline; clear: both;}
#bodyContent h1{font: 200% "Times New Roman", Times, serif; color: #FF6600; margin: 0 0 10px 0; padding: 0 0 0 30px; background: url(../images/bg_titleOrange.gif) bottom left no-repeat; height: 1.15em;}
#bodyContent h2{font: 130% "Times New Roman", Times, serif; color: #669900; margin: 30px 0 0 0; padding: 0 0 0 30px; background: url(../images/bg_titleGreen.gif) bottom left no-repeat; height: 1.35em;}
#bodyContent h3{font: 130% "Times New Roman", Times, serif; color: #3399FF; margin: 0; padding: 0 0 0 30px; background: url(../images/bg_titleBlue.gif) bottom left no-repeat; height: 1.35em;}
#bodyContent h4{ color: #669900; font-weight: normal; line-height: 180%; padding: 0; margin: 0 0 10px 0;}
#bodyContent p{ font-size: 75%; text-align:justify; color: #444; line-height: 180%; margin: 0 0 10px 0; padding: 0;}
#bodyContent p a{ color: #669900; text-decoration: none; border-bottom: 1px dashed #669900;}
#bodyContent p a:hover{ color: #336600; border-bottom: 1px solid #336600;}


/* LISTS ********** */
.greenListLarge, .greenList{ margin: 0 0 20px 0;}
.greenList ul, .blueList ul{ margin: 10px 0 0 10px; padding: 0; list-style: none; color: #444;}
.greenListLarge ul{ margin: 0; padding: 0 0 20px 10px; list-style: none; border-bottom: 1px dashed #99CC00;}
.greenListLarge li{font-size: 90%; line-height: 130%; color: #336600;}
.greenList li, .blueList li{font-size: 75%; line-height: 170%;}
.greenListLarge li, .greenList li { background: url(../images/icon_bulletGreen.jpg) 0 6px no-repeat; padding: 0 0 0 20px;}
.blueList li { background: url(../images/icon_bulletBlue.jpg) 0 6px no-repeat; padding: 0 0 0 20px;}
.greenListLarge li a, .greenList li a{ color: #669900;}
.greenListLarge li a:hover, .greenList li a:hover{ color: #FF6600;}


/* *************************************************************
TARIFS
************************************************************* */
#tarifs { float: left; width: 370px;}
#tarifs dl{ margin: 0; padding: 0; float: left; font-size: 75%; clear: both; width: 100%;}
#tarifs dt, #tarifs dd{margin: 0 0 10px 0; padding: 10px 0 0 0; float: left; border-top: 1px dotted #ccc; line-height: 180%;}
#tarifs dt{ width: 70%; clear: both;}
#tarifs dd{ width: 30%;}


/* *************************************************************
CONTACT
************************************************************* */
fieldset{ border: 1px solid #e1e1e1; margin-top:20px; padding:10px; width:340px;}
legend{ font: 80% Verdana, Arial, Helvetica, sans-serif;  color: #3399FF; font-weight: bold; display: block; width:160px; }
form p{ clear:left; margin:0; padding:0; padding-top:5px;}
form p label{ float:left; width:30%;}
input{ margin-left:10px;}
input.txt{ color:#444; width:200px;}
textarea{ margin-left:10px;}
textarea.txt{ color:#444; width:200px; font: 100% Verdana, Arial, Helvetica, sans-serif;}
select { color:#444;}
.button{ border: 2px solid #669900; background-color: #99CC00; color: #fff; font-weight: bold; font-size: 90%; text-transform: uppercase; padding: 5px 8px;}
.button:hover{ background-color: #FFCC00; color: #FF6600; border: 2px solid #FF6600;}
.button:active{ background-color: #FF6600; color: #fff;}
.footnote{ font-size: 5em;}
#bodyContent a.date{border-bottom: none;}
#bodyContent a:hover.date{border-bottom: none;}


/* *************************************************************
GALLERIE
************************************************************* */
#gallerie{ float: right; width: 315px; margin: 0 20px 0 0; display: inline; text-align:left; background: url(../images/bg_slideshow.jpg) 0 0 no-repeat;}
#previewPane {margin: 18px 0 0 15px; height: 240px; display: inline; float: left; padding: 0 0 25px 0;}
#thumbs{ float: left; width: 325px; clear: both; margin: 0 0 0 5px; display: inline;}
#gallerie p{ font-size: 70%; padding: 0; margin: 0 5px 0 0; float: right; color: #0066CC; display: inline;}
#thumbs a{ float: left; width: 99px; height: 84px; padding: 7px 0 0 7px; background: url(../images/bg_thumb.jpg) 0 0 no-repeat;}


/* *************************************************************
GALLERIE.PHP
************************************************************* */
/* #contentFooter{font-size:75%;width: 100%; height: auto; margin: 0 0 0 0; padding: 0; color:#333333; float: left; display: inline;} */
.picList{text-align:center; width: 150px; height: 200px; background-color: #FFF; float: left; margin: 0 0 25px 25px; border: 1px solid #ccc; display: inline;}
.picList .img{vertical-align: baseline; height: 150px;}
.picList td{border:0;}
#bodyContent .picList p{  margin: 0; padding: 5px; line-height: 150%; background-color:#E1E1E1; height: 40px; text-align: left;}
#underline {font-size:75%; clear:both; height:30px;  border-top: 1px dashed #CCC; padding-top: 8px; margin: 20px 0 10px 0;}
#underline a{ text-decoration:none; color:#495F97; font-weight:bold; }
#underline a:hover{ color:#999; }

/* List of Activities ********** */
.activities{ clear: both; float: left; margin: 30px 0 0 0; width: 725px;}
.activitiePic{float: left; padding: 0 20px 0 0; height: auto;}
.activitiePic img{ padding: 2px; border: 1px solid #AFC5DC;}
.activities .activitiesText{ float: left; }
#bodyContent .activities h2{ background: none; margin: 0; padding: 0; color: #669900; font-size: 120%; border: none; float: left;}
.activities h2 a{ color: #669900; text-decoration: none;}
.activities h2 a:hover{ color: #FF6600; text-decoration: underline;}
.activities ul{ margin: 10px 0 0 0; padding: 0; list-style: none; color: #444; clear: both;}
.activities li{font-size: 75%; line-height: 170%;}
.activities li{ background: url(../images/icon_bulletGreen.jpg) 0 6px no-repeat; padding: 0 0 0 20px;}


/* *************************************************************
ACCESS MAP
************************************************************* */
#accessMap{ float: right; height: 20em; width: 300px; margin: 10px 20px 0 0; background: url(../images/img_map.gif) 0 0 no-repeat; clear: right; display: inline;}
#accessMap h2{ color: #336600; font-size: 80%; margin: 240px 0 2px 15px; padding: 0;}
#accessMap p{ color: #669900; font-size: 70%; margin: 0 0 0 15px; line-height: 150%;}
#accessMap p a{ color: #669900; text-decoration: none; border-bottom: 1px dashed #669900;}
#accessMap p a:hover{ color: #336600; border-bottom: 1px solid #336600;}


/* *************************************************************
FOOTER
************************************************************* */
#footer {clear: both;background: #fff url(../images/img_footer.jpg) top center no-repeat; margin: 0 auto; padding: 20px 0 0 0; height: 70px; width: auto; text-align: center; font-size: 65%;}
#footer ul{border-top: 1px solid #ddd; margin: 0 auto; padding: 20px 0 0 0; list-style: none; width: 730px;}
#footer li{ margin: 0 10px 0 0; padding: 0 10px 0 0; border-right: 1px solid #99CC00; float: left; color: #669900; line-height: 180%;}
#footer li.last{ margin: 0; padding: 0; border-right: none;}
#footer li.anagramme{border-right: none; color: #99CC00;}
#footer a{ color: #669900; text-decoration: none; border-bottom: 1px dashed #669900;}
#footer a:hover{ color: #336600; border-bottom: 1px solid #336600;}


#footerFlowers{background: #fff url(../images/img_flowers.gif) top center repeat-x; margin: 0 auto; height: 90px; padding:0; width: 100%; text-align: center;}