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

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

html{height: 100.1%}
p{margin: 0;padding: 5px;}
.clear{ /* Class for clearing floats */clear:both;}
img{ /* Remove border around linked images */border: 0;}
td {line-height: 15px; font-size: 85%; text-align: justify; color: #555; vertical-align: top;}

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

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

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

h1, h2, h3, h4, h5, h6{margin: 0; padding:0; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal;}
h1{font-size: 185%; color: #663333; }
h2{font-size: 160%; color: #A30B0A; padding: 10px 0 15px 0;}
h3{font-size: 125%; }
h4{font-size: 110%; color: #cd502f; margin-bottom: 3px;}
h5{font-size: 100%;}
h6{font-size: 100%;}

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

a{text-decoration: none; color: #663333;}
a:hover{text-decoration: underline; color: #663333;}
#content a{text-decoration: underline; color: #A12424;}
#content a:hover{text-decoration: none; background-color: #663333; color: #fff;}
#footer a{color: #666;text-decoration: none;	}
#footer a:hover{background: none;text-decoration: underline;}

/* =Top-----------------------------------------------------------------------------*/

#top{ width: 834px; height: 310px;}
#header{ float: right; width: 620px;height: 220px;}
#logoTop{ position: absolute; top:80px; left: 8px; width: 196px; height: 110px;}

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

#menu01{width: 852px; height: 20px; color:#fff; padding: 0; font-size: 8pt; text-transform: uppercase;  }
#menu01 ul{ list-style: none; margin: 0; padding: 0; padding-top: 5px; }
#menu01 ul li{ float: right; position: relative; }
#menu01 ul li a{ display: block; margin-left: 5px; margin-right: 5px; color: #666; font-size: 85%;}
#menu01 ul li a:link, #menu01 ul li a:visited, #menu01 ul li a:active, #menu01 ul li a:hover{ color: #000; text-decoration: none;}
#menu01 ul li a:hover{ color: #000; text-decoration: underline;}

#menu02{position: absolute; width: 832px; height: 25px; top: 251px; left: 0; padding: 5px 10px; background-color: #cb1f41; }
#menu02 ul{ list-style: none; margin: 0; padding: 0; }
#menu02 ul li{ float: left; position: relative; }
#menu02 ul li a{ display: block; color: #fff; }
#menu02 ul li a:hover{ color: #222; background-color: #fff;}

#menu03{position: absolute; left: 0; top: 0; width: 205px; padding: 0;  margin: 0; font-size: 80%; background: transparent url(../img/bg_menu_boutique.gif) repeat-y top left; text-align: left; }
#menu03 ul{ margin: 0; padding: 0;  line-height: 15px;}
#menu03 ul li{ list-style-image: url(../img/img_puce.gif); border-bottom: 1px #E9EAEC solid; margin: 0 1px 0 30px;}
#menu03 ul li a{ color: #000; display: block;}
#menu03 ul li a:hover{ color: #000; background-color: #F0F0F1; text-decoration: none;}
#menu03 img{padding: 15px 0 10px 8px;}

#menuTop{position: absolute; right: 0; top:5px; width: 100px; font-size: 60%; font-weight: bold;font-family: Verdana, Arial, Helvetica, sans-serif;}
#menuTop ul{ list-style: none; margin: 0; padding: 0; }
#menuTop ul li{ float: right; position: relative; }
#menuTop ul li a{ color: #fff; text-decoration: none; display: block; margin: 2px 5px 2px 5px; text-transform: uppercase;}
#menuTop ul li a:hover{ color: #fff; text-decoration: underline;}
#menuTop img{padding: 0 3px 0 0;}

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

.left { float: left;}
.right { float: right; padding: 0 0 0 5px;}
.menuBg {background: transparent url(../img/bg_menu_boutique_top.gif) no-repeat top left; }
#menuBgbottom {position: relative; bottom: 0; left: 0; background: transparent url(../img/bg_menu_boutique_bottom.gif) no-repeat top left; width: 205px; height: 45px;}
dl {padding:0; margin: 0; background: transparent url(../img/bg_menu_boutique_top.gif) no-repeat top left; }
.linkPdf a{ border-bottom: 1px #E7E7E8 solid; text-decoration: none; }
.linkPdf a:hover{ background-color: #E7E7E8; text-decoration: none; }
.linkPdf ul{ list-style: none; margin: 0; padding: 15px 0 15px 20px; font-size: 85%;}
.linkPdf ul li{ list-style-image: url(../img/img_pdf.gif); margin-bottom: 10px; }
.clear{ clear: both;}

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

#wrap{margin: 0 auto; border-left: 1px solid #cfd0d3; border-right: 1px solid #cfd0d3; background-color: #fff; width: 852px; padding:0; position: relative;}
#wrapContent{ width: 832px; margin: 0; padding:0 10px; padding-bottom: 15px;}
#sidebar{float: left; width: 205px;margin: 0; padding:0; }
#sidebar img{ margin-bottom: 15px;}
#content{float: right; width: 610px;margin: 0; padding:0;}
#content p{ padding: 0; margin: 0; line-height: 16px;}
#content td p{ padding: 0; margin: 0; line-height: 14px; font-size: 85%; text-align: justify; color: #222;}
#content img{padding:0;}
#content ul li{ list-style-image: url('../img/img_puce.gif'); margin-bottom: 5px; line-height: 14px; padding:0;} 
#menupos{ width:120px;} 
/* =Footer-----------------------------------------------------------------------------*/

#footer{ clear: both; width: 852px; padding-top: 20px; padding-bottom: 100px; margin-top: 25px; background-color: #000107; color: #fff; font-size: 80%;text-align: left;}
#footer img{float: left; padding: 10px 20px 50px 15px;}
#footer p{ padding: 8px 0 0 0; line-height: 16px;}
#footer a{ color: #cb1f41;}
#footer a:hover{ color: #fff; text-decoration: underline;}

/* =Forms-----------------------------------------------------------------------------*/

/* Removes fieldset borders. even on Opea 7 */
fieldset {border: 0px solid transparent;}
form{margin: 0; padding: 0; }
input{margin: 0; padding: 0; color: #666; font-size: 90%; text-align: center;}
button{margin: 0; padding: 0;}
text{margin: 0; padding: 0;}
.fieldSearch{border: 1px #737272 solid; width: 250px; height: 16px; margin-top:9px; padding: 0;}
.fieldConnect{border: 1px #737272 solid; width: 120px; height: 16px; margin-top:13px; padding: 0; }
.fieldInfo{border: 1px #737272 solid; width: 150px; height: 16px; margin: 0 0 0 12px; padding: 0; }
.button {width: 17px; height: 16px; background: transparent url(../img/bt_go.gif) no-repeat center; margin-left: 5px;border: 0px #373A3E solid;}

/* =Tables-----------------------------------------------------------------------------*/

/* =Misc 1-----------------------------------------------------------------------------*/

/* =Misc 2-----------------------------------------------------------------------------*/