/**************************
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-----------------------------------------------------------------------------*/

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

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

h1, h2, h3, h4, h5, h6{margin: 0; padding:0;}
h1{font-size: 140%; color: #003D71; font-style: italic; font-weight: normal; letter-spacing: -1px; border-bottom: 1px solid #E5E5E5; margin: 0 0 10px 0; background: transparent url('../img/bg-h1.gif') no-repeat top right;}
h1 span{ font-size: 55%; color: #999; font-style: normal; letter-spacing: normal;}
h2{font-size: 140%; color: #003D71; font-style: italic; font-weight: normal; letter-spacing: -1px; border-bottom: 1px solid #E5E5E5; margin: 0 0 10px 0; }
h2 span{ font-size: 55%; color: #999; font-style: normal; letter-spacing: normal;}
h3{font-size: 120%; color: #003D71; margin: 20px 0 4px 0; font-style: italic; border-bottom: 1px solid #E5E5E5; }
h4{font-size: 120%; color: #003D71; margin: 10px 0 0 0; font-style: italic; margin-bottom:5px;}
h4 span{ font-size: 70%; color: #666; font-weight: normal; font-style: normal; letter-spacing: normal; }
h5{font-size: 100%;}
h6{font-size: 100%;}

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

a{color: #003D71;  text-decoration: underline;}
a:hover{ color: #003D71; text-decoration: none;}

#content a.plus { color: #003D71; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; padding: 6px 18px; float: right; font-weight: bold; font-size: 85%; background: transparent url('../img/bg-plus.gif') no-repeat center; }
#content a:hover.plus { text-decoration: underline;}
/* =Main Nav-----------------------------------------------------------------------------*/
#setDate{
	background-color: transparent;
	border: none;
	font-size: 6.5pt;
	color: #333;
}
#nav{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 80%; padding: 0; float: left; }
#nav ul{ margin: 0 0 0 25px; padding:0; width: 200px; list-style: none;}
#nav li { margin: 0; padding: 0; text-align: left; border-bottom: 1px solid #E5E5E5;}
#nav li.produits{ background: transparent url('../img/bg-nav-produits.gif') no-repeat left center;}
#nav li a{ color: #333; font-weight: bold; margin: 1px 0; padding: 6px 10px 6px 19px; border-left: 2px solid #34658F; display: block; text-decoration: none; }
#nav li a:hover{ text-decoration: none;  border-left: 2px solid #FDB010;}
#nav li a.active { text-decoration: none; border-left: 2px solid #FDB010;}
#nav img{ margin: 50px 0 0 25px;}
/* MENU */

#navig{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 80%; padding: 0; float: left; }

#navig ul{ margin: 0 0 0 25px; padding:0; width: 200px; list-style: none;}
#navig li { margin: 0; padding: 0; text-align: left; border-bottom: 1px solid #E5E5E5;}
#navig li.produits{ background: transparent url('../img/bg-nav-produits.gif') no-repeat left center;}
#navig li a{ color: #333; font-weight: bold; margin: 1px 0; padding: 6px 10px 6px 19px; border-left: 2px solid #34658F; display: block; text-decoration: none; }
#navig li a:hover{ text-decoration: none;  border-left: 2px solid #FDB010;}
#navig li a.active { text-decoration: none; border-left: 2px solid #FDB010;}
#navig img{ margin: 50px 0 0 25px;}

#navig li ul {position: absolute; display: none; background-color:#FBFDB3; top: 95px; left: 195px;}
#navig ul li a {display: block;	text-decoration: none; padding: 3px; padding-left: 15px;}

/* sous-menu */
#navig li:hover ul,#navig li.over ul { 
	display: block;
} 
/* =Class-----------------------------------------------------------------------------*/

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

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

#top{ position: relative; width: 902px; height: 205px; margin: 0 auto;}
#top p{ font-family: Verdana, Arial, Helvetica, sans-serif; color: #999; font-size: 75%; font-weight: bold; padding: 8px 0 0 25px;}
#top a{ color: #999; font-weight: bold;  text-decoration: none;}
#top a:hover{ color: #999;  text-decoration: underline;}
#top img{ position: absolute; top: 112px; right: 45px;}

/* =Wrap-----------------------------------------------------------------------------*/

#wrap{ margin:0 auto; background: transparent url('../img/bg-top.jpg') no-repeat top center; }

#center{ width: 906px; margin: 0 auto;}

#contentBg{width:906px; float: left; margin:0 auto; background: transparent url('../img/bg-content.gif') repeat-y top center;}

#contentWrap{width:906px; margin: 0 auto; padding: 25px 0 15px 0; float: left; position: relative;  background: transparent url('../img/bg-top-content.gif') no-repeat top center;}
#contentWrap .actu a{ font-family: Verdana, Arial, Helvetica, sans-serif; text-transform:uppercase; text-decoration: none; color: #003D71; font-weight: bold; font-size: 75%; position:absolute; right: 20px; top:10px;}
#contentWrap .actu a:hover{ color: #003D71; text-decoration: underline;}

#contentWrapBottom{width:906px; height: 41px; clear:both; margin:0 auto; background: transparent url('../img/bg-bottom-content.gif') no-repeat top center;}

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

#content{ color: #555555; margin: 0; padding:0 17px 0 48px; width: 360px; float: left;}
#content p{ font-size: 100%; padding: 6px 0; text-align: left; line-height: 17px;}
#content p strong{color: #003D71;}
#content img{ padding: 0 5px 0 0; }
#content a img{ padding: 0;}
#content ul{ list-style:disc; margin: 0; padding: 5px 0 12px 20px; line-height: 14px; font-style: italic;}
#content ul li{ padding: 5px 0; margin: 0; }
#content a{ color: #003D71; text-decoration: underline; font-weight: bold;}
#content a:hover{ color: #003D71; text-decoration: none;}

#content .box{ padding: 15px; border: 1px dotted #dfdfdf; background-color: #f9f9f9; color: #444; font-size: 85%; line-height: 16px; clear: both;}
#content .box img{margin: 0 0 0 5px; float: right; border:1px solid #cbcbcb; padding: 2px; background-color: #fff;}
#content ul.box{ list-style:disc; margin: 0; padding: 10px 0 12px 25px; line-height: 14px; font-style: italic;}
#content ul.box li{ padding: 5px 0; margin: 0; }

/* =Col-----------------------------------------------------------------------------*/

#colR{ margin: 0; padding: 0 20px 165px 15px; width: 213px; float: right; background: transparent url('../img/bg-bottom-wrap.gif') no-repeat bottom right;}
#colR p{ color: #666666; font-size: 80%; padding: 10px 0; font-style:italic; text-align: left;}
#colR #testimonials p{ padding: 1px 0; font-style: normal;}
#colR img{ float: right; padding: 0;}
#colR a{ color: #003D71; text-decoration: underline; font-weight: bold;}
#colR a:hover{ color: #003D71; text-decoration: none;}

#colRightPro{ margin: 0; padding: 0 20px 0 15px; width: 213px; float: right; }
#colRightPro p{ color: #666; font-size: 85%; padding: 5px 0; text-align: left;}
#colRightPro a{ color: #003D71; text-decoration: underline; font-weight: bold;}
#colRightPro a:hover{ color: #003D71; text-decoration: none;}

#colRightPro .box{ padding: 15px; margin:5px 0; border: 1px dotted #dfdfdf; background-color: #f9f9f9; color: #444; font-size: 85%; line-height: 16px; font-weight: bold; clear: both;}
#colRightPro .box img{margin: 0 0 0 5px; float: right; border:1px solid #cbcbcb; padding: 2px; background-color: #fff;}
#colRightPro .box strong{ font-size: 260%; font-weight: normal;}

.imgBorder{margin: 0; border:1px solid #cbcbcb; padding: 2px; background-color: #fff;}

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

#footerWrap{ background: #fff url('../img/bg-footer.gif') repeat-x top left; clear: both; padding-bottom: 50px;}

#footer{ color: #999; margin: 0 auto; padding:10px 0 0 10px; width: 902px; position: relative; }
#footer p{ color: #999; font-size: 85%; padding: 1px 5px; text-align: left;}
#footer strong{ color: #888;}
#footer p img{ padding: 1px 0;}
#footer img{ float: left; padding: 15px 67px 25px 67px;}
#footer img.haut{ position: absolute; right:25px; top: 25px; padding: 0;}
#footer a{ color: #999; text-decoration: none;}
#footer a:hover{ color: #666; text-decoration: underline;}

#footer ul{ list-style: none; margin: 0; padding: 15px 5px 5px 5px; text-align: left;}
#footer ul li{ font-size: 85%; display: inline;}
#footer ul li a{ padding: 0; }
#footer ul li a:link, #footer ul li a:visited, #footer ul li a:active, #footer ul li a:hover{ color: #666; text-decoration: none; }
#footer ul li a:hover{ text-decoration: underline; }