/* Reset Css */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
body {line-height: 1;color: black;background: white;}
ol, ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
/* Typography */
/* --------------------------------------------------------------
typography.css
* Sets up some sensible default typography.
-------------------------------------------------------------- */
/* Default font settings.
The font-size percentage is of 16px. (0.75 * 16px = 12px) */
body { font-size: 75%;color: #555;background: #fff;font-family: "Helvetica Neue", Helvetica, "Lucida Grande", normal small "Trebuchet MS", Arial, sans-serif;}
/* Headings
-------------------------------------------------------------- */
h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #111; }
h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 2em; margin-bottom: 0.75em; }
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; height: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }
h1 img, h2 img, h3 img,
h4 img, h5 img, h6 img {
margin: 0;
}
/* Text elements
-------------------------------------------------------------- */
p { margin: 0 0 1.5em; line-height:1.4em; }
p img { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 0em 0 1.5em 1.5em; }
p img.left { float: left; margin: 0em 1.5em 1.5em 0; }
a:link, a:visited { color: #6e8c03; background:#ebf2b6; text-decoration: none;}
a:hover, a:active { color: #6e8c03; background:#fff; text-decoration: underline;}
blockquote { margin: 1.5em; color: #666; font-style: italic; }
strong { font-weight: bold; }
em,dfn { font-style: italic; }
dfn { font-weight: bold; }
sup, sub { line-height: 0; }
abbr,
acronym { border-bottom: 1px dotted #666; }
address { margin: 0 0 1.5em; font-style: italic; }
del { color:#666; }
pre,code { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }
/* Lists
-------------------------------------------------------------- */
li ul,
li ol { margin:0 1.5em; }
ul, ol { margin: 0 1.5em 1.5em 1.5em; }
ul { list-style-type: disc; }
ol { list-style-type: decimal; }
dl { margin: 0 0 1.5em 0; }
dl dt { font-weight: bold; }
dd { margin-left: 1.5em;}
/* Tables
-------------------------------------------------------------- */
table { margin-bottom: 1.4em; width:100%; }
th { font-weight: bold; background: #C3D9FF; }
th,td { padding: 4px 10px 4px 5px; }
tr.even td { background: #E5ECF9; }
tfoot { font-style: italic; }
caption { background: #eee; }
/* Misc classes
-------------------------------------------------------------- */
.small { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide { display: none; }
.quiet { color: #666; }
.loud { color: #000; }
.highlight { background:#ff0; }
.added { background:#060; color: #fff; }
.removed { background:#900; color: #fff; }
.first { margin-left:0; padding-left:0; }
.last { margin-right:0; padding-right:0; }
.top { margin-top:0; padding-top:0; }
.bottom { margin-bottom:0; padding-bottom:0; }
.clearfix{clear:both; margin:25px auto; visibility:hidden; }
.clear {clear:both;}
.notice a{font-size:0.8em; color:#333;text-align:center;position:relative;top:-20px;margin-left:240px;padding:5px 0 0 20px;background: #fff url('../images/zoom.png') top left no-repeat;}
/* Layouts */
/******************** HEADER *********************/
/*************************************************/
body {color:#555;background: #eee url('../images/body-bg.png') top left repeat;}
#wrapper {width: 1000px; margin: 0 auto;background: #fff url('../images/wrapper-bg.png') top left repeat-y;overflow:hidden;}
#header {background:#fff;width: 960px; height: 320px; position: relative; margin: 0 auto; padding: 0; }
#header h1{position:absolute;top:0px;left:25px;}
#header h1 a {display:block;width:120px;height:93px;text-indent:-9999px;background: url(../images/logo.gif) no-repeat 0 0;}
#navigation{list-style:none;float:right;margin:0px;padding:0px;position:relative;top:50px;display:block;}
#navigation li{text-align:center;margin:0;display:block;margin:0 20px;float:left;font-family: Georgia, "Times New Roman", Times, serif; font-size:1.2em;text-transform: capitalize; font-variant : small-caps;}
#navigation li a:link, #navigation li a:visited{text-decoration:none; background:none;color:#666;padding:5px;}
#navigation li a:hover, #navigation li a:active{text-decoration:none; background:#6e8c03;color:#fff;-moz-border-radius: 5px 5px 5px 5px;padding:5px;}
#navigation li.current a{text-decoration:none; background:#6e8c03;color:#fff;-moz-border-radius: 5px 5px 5px 5px;padding:5px;}
#banner {clear:both;width: 960px; height:226px; margin:0 auto; overflow:hidden;padding-top:65px;position:relative;top:65px;}
#banner img {position:absolute;top:0px;left:0px;height:226px;width:960px;}
#contact {width:555px;height:295px; background:#464646;}
/******************** CONTENT *********************/
/*************************************************/
#content{background:#fff; min-height:600px;width: 960px; position: relative; clear: left; margin: 0 auto; padding: 0;}
#inner-content{padding: 20px 40px 20px 40px;}
#inner-content h2 {font-family: Georgia, "Times New Roman", Times, serif; font-size:1.4em;text-transform: capitalize; font-variant : small-caps;margin-left:30px;color:#555;}
.column1 {width:290px;float:left;padding:0px;}
.column1 p {padding:0 0 0 30px; text-align:justify;}
.more{float:right;margin-right:8px;padding:2px;}
.gallery{list-style:none;text-align:center;margin:0 0 0 18px;}
.gallery li{display: block;float:left;margin:5px 10px;background:#fff;border:none;}
.gallery li img {margin:0;padding:0;}
div.bloc-wrapper {clear:both;padding-top:50px;}
#plaquette{padding-left:30px;margin-top:25px;}
.column2 {width:500px;float:left;padding:0px;}
#contact{margin-top:25px;margin-left:35px;position:relative;width:810px;float:left;padding:0px;}
#contact h3 {padding:15px;font-size:1.6em;font-family: Georgia, "Times New Roman", Times, serif; color:#f4f4f2;}
#contact p {padding:25px;font-size:1.2em;}
#contact p span {display:block; width : 300px;color: #f4f4f2;}
span.adresse {text-transform:uppercase;margin-bottom:40px;}
span.tel {text-transform:uppercase;margin-bottom:20px;}
#plan {float:right; margin:0; padding:0px;position:absolute; top:12px;left:330px;}
#contact .email a{background:none; color:#fff; border-bottom: #ebf2b6 1px solid; padding-bottom:2px; }
#contact .email a:hover{text-decoration:none;color:#ebf2b6;border:none;}
#main {margin-left:20px;width:600px;float:left;padding:0px;}
#main h2 {font-size:1.8em;margin-left:0px;color:#6e8c03;}
#main h3 {margin-left:10px;font-size:1.6em;color:#FF6600;font-family: "Trebuchet MS", "Arial", "Bitstream Vera Serif", sans-serif;}
#main p {text-align:justify;}
#main img {padding: 7px; background:#ebf2b6;margin-bottom:25px;}
#main p img.no-border {background:#fff;}
#main ul {font-family: Georgia, "Times New Roman", Times, serif; color:#777;line-height:1.4em;margin-bottom:25px;background: transparent url(../images/bg.jpg) top right repeat-y;padding:10px;}
#main ul li {margin-bottom:5px;}
#sidebar {width:250px;float:left;padding:0px;}
#sidebar ul#sub-menu{list-style:none;margin-left:0;padding:0;}
#sidebar ul#sub-menu li{background:#ebf2b6;margin-bottom:3px; padding:8px 0px 8px 10px; border-left:5px solid #6e8c03;}
#sidebar ul#sub-menu li a{color: #6e8c03;display:block; height:100%; width:100%;}
#sidebar ul#sub-menu li:hover, #sidebar ul#sub-menu li.current{background:#fff;margin-bottom:3px; padding:8px 0px 8px 10px; border-left:5px solid #FF6600;}
#sidebar ul#sub-menu li:hover a, #sidebar ul#sub-menu li.current a{background:none;text-decoration:none;color:#FF6600;}
#sidebar ul#sub-menu ul{list-style:none;}
#sidebar ul#sub-menu ul li{background:#fff;border-left:5px solid #FF6600;}
#sidebar ul#sub-menu ul li a{background:none;color:#FF6600;}
#sidebar ul#sub-menu ul li:hover, #sidebar ul#sub-menu ul li.current{background:#ebf2b6;border-left:5px solid #6e8c03;}
#sidebar ul#sub-menu ul li:hover a, #sidebar ul#sub-menu ul li.current a{color: #6e8c03;}
/******************** FOOTER *********************/
/*************************************************/
#footer{background:#fff;width: 960px; position: relative; clear: left; margin: 10px auto;text-align:right;}
#footer span{margin-right:5px;}
#credits img{position:relative;top:5px;}