/**************************
Keyven Ferland
http://www.keyvenferland.com
Default Stylesheet
**************************/

/* =General-----------------------------------------------------------------------------*/

p{margin: 0;padding: 0;}
ul{margin: 0;padding: 0;list-style: none;}
.clear{ /* Class for clearing floats */clear:both;}
img{ /* Remove border around linked images */border: 0;}

/* =Typography-----------------------------------------------------------------------------*/

body {margin: 0; font-family: Arial, Helvetica, sans-serif; font-size: 10pt; background: #120E0C url('../img/bg.gif') repeat-x top left; }

/* =Headings-----------------------------------------------------------------------------*/

h1, h2, h3, h4, h5, h6{margin: 0; padding:0;}
h1{font-size: 180%; padding: 10px 0; color: #195B57; font-weight: normal; letter-spacing: -1px;}
h2{font-size: 120%;}
h3{font-size: 110%;}
h4{font-size: 100%;}
h5{font-size: 100%;}
h6{font-size: 100%;}

/* =Links-----------------------------------------------------------------------------*/

a{color: #248AEC;  text-decoration: underline;}
a:hover{ color: #2E3B49; text-decoration: none;}

/* =Main Nav-----------------------------------------------------------------------------*/

#nav{margin: 0 auto; padding: 0; width: 800px; height: 51px; background: transparent url('../img/bg-nav.gif') no-repeat top center;}
 
#nav ul{ list-style: none; margin: 0 auto; padding: 0 20px; float: right;}
#nav ul li{ list-style: none; float: left; margin: 0; font-weight: bold; }
#nav ul li a{ display: block; color: #fff; padding: 13px 2px 0 2px; margin: 0 13px; font-size: 90%; text-decoration: none;  border-top: 3px solid #000;}
#nav ul li a:hover { color:#fff; text-decoration: none; border-top: 3px solid #926341;}

/* =Class-----------------------------------------------------------------------------*/

.left { float: left;}
.right { float: right;}

/* =Header-----------------------------------------------------------------------------*/

#header01{ margin: 0 auto; width: 800px; height:231px; position: relative; background: transparent url('../img/header-01.jpg') no-repeat top left;}
#header02{ margin: 0 auto; width: 800px; height:231px; position: relative; background: transparent url('../img/header-02.jpg') no-repeat top left;}
#header03{ margin: 0 auto; width: 800px; height:231px; position: relative; background: transparent url('../img/header-03.jpg') no-repeat top left;}
#header04{ margin: 0 auto; width: 800px; height:231px; position: relative; background: transparent url('../img/header-04.jpg') no-repeat top left;}
#header05{ margin: 0 auto; width: 800px; height:231px; position: relative; background: transparent url('../img/header-05.jpg') no-repeat top left;}
#header06{ margin: 0 auto; width: 800px; height:231px; position: relative; background: transparent url('../img/header-06.jpg') no-repeat top left;}
#header07{ margin: 0 auto; width: 800px; height:231px; position: relative; background: transparent url('../img/header-07.jpg') no-repeat top left;}
#header08{ margin: 0 auto; width: 800px; height:231px; position: relative; background: transparent url('../img/header-08.jpg') no-repeat top left;}

.logo{ position: absolute; top: 20px; left: 20px;}

/* =Main Content-----------------------------------------------------------------------------*/

#content{ color: #341B05; margin: 0 auto; padding:0px; width: 800px; background-color: #fff;}
#content p{ font-size: 90%; padding: 5px 10px 5px 10px; text-align: left; line-height: 17px;}
#content img{ float: left; padding: 16px 0; clear: both;}
#content ul{list-style: none; margin: 0; padding: 0; line-height: 16px; }
#content ul li{ list-style-image: url('../img/img-puce.gif'); padding: 0; margin: 0; }
#content li{ list-style-image: url('../img/img-puce.gif'); padding: 0; margin: 0; }
#content a{ color: #23837D; text-decoration: underline; font-weight:bold;}
#content a:hover{ color: #23837D; text-decoration: none;}

/* =Bande-----------------------------------------------------------------------------*/

#bande {clear: both; padding:20px;  margin: 0 auto; width: 760px; height: 60px;background-color: #F1F1F1;}
#bande img{ float: left; padding: 0 25px;}
#bande a img{ float: left; padding: 0 25px;}

/* =Footer-----------------------------------------------------------------------------*/

#footer{ color: #7F5B36; margin: 0 auto; padding:0; width: 800px; background: transparent url('../img/bg-footer.gif') no-repeat top center;}
#footer p{ font-size: 80%; padding: 15px 0; text-align: left;}
#footer a{ color: #F3E8E0; text-decoration: none;}
#footer a:hover{ color: #7F5B36; text-decoration: underline;}

#footer ul{ list-style: none; margin: 0; padding: 12px 5px; float: right; text-align: left;}
#footer ul li{ font-size: 85%; display: inline;}
#footer ul li a{ color: #fff; text-decoration: none; }
#footer ul li a:hover{ text-decoration: underline; }