/**************************
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-color: #E5E5E5; }
/* .index {background: #E5E5E5 url('../img/bg.jpg') no-repeat top center;}
.inside {}*/

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

h1, h2, h3, h4, h5, h6{margin: 0; padding:0;}
h1{font-size: 150%; color: #0D76B6; font-weight: normal; letter-spacing: -1px; padding: 25px 0 7px 0;}
#header h1{ font-size: 140%; color: #674008; font-weight: normal; letter-spacing: -1px; }
h2{font-size: 85%; color: #A16D15; font-weight: bold; border-top: 1px dashed #B4B4B4; padding: 8px 0 0 0; margin: 4px 0 0 0; }
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;}
h5{font-size: 100%;}
h6{font-size: 100%;}

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

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

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

#nav{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 80%; width: 824px; padding: 0; float: left; background: transparent url('../img/bg-nav.gif') no-repeat top center; }
#nav ul{ margin: 8px 0 0 23px; padding:0; width: 785px; list-style: none;}
#nav li { margin: 0; padding: 0; text-align: left; display: inline; float: left;}
#nav li a{ color: #fff; font-weight: bold; margin: 1px 2px; padding: 8px 10px 10px 10px; display: block; text-decoration: none; }
#nav li a:hover{ text-decoration: none; background-color: #fff; color: #0D76B6;}
#nav li a.active { text-decoration: none; background-color: #fff; color: #0D76B6;}

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

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

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

#top{ position: relative; width: 824px; height: 99px; margin: 0 auto; background: transparent url('../img/bg-inside.gif') no-repeat top center;}
#top p{ color: #999; font-size: 75%; }
#top a{ color: #999; font-weight: bold;  text-decoration: none;}
#top a:hover{ color: #999;  text-decoration: underline;}
#top img{ position: absolute; top: 35px; left: 25px;}

.date { position: absolute; right: 40px; bottom: 10px; color: #444;}
#setDate{
	background-color: transparent;
	border: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 7pt;
	color: #444;
}
/* =Wrap-----------------------------------------------------------------------------*/

#wrap{ width: 824px; padding: 0; margin:5px auto 0 auto; }
#contentWrap{ float: left; width: 808px; padding: 0 8px; margin: 0; position: relative; clear: both; background: transparent url('../img/bg-content-wrap.gif') repeat-y top center; }

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

#header{ width: 770px; margin:0 21px 20px 10px; float: left; }
/*#header ul{ color: #674008; width: 180px;list-style:disc; margin: 0; padding: 5px 0 0 20px; line-height: 14px; }
#header ul li{ padding: 2px 0; margin: 0;  }
#header img{ margin-top: 11px;}*/

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

#infobox{ padding: 0; margin: 0; float: left; width: 808px;}

#infobox #content{ color: #555555; margin: 0; padding:0 10px 0 15px; width: 388px; float: left;}
#infobox #content p{ font-size: 75%; padding: 6px 0; text-align: right;}
#infobox #content img{ margin: 0 0 18px 0; }
#infobox #content a{ color: #187CBB; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; }
#infobox #content a:hover{ text-decoration: underline; }

#infobox #colomn{ color: #555555; margin: 0; padding:0 8px 0 15px; width: 370px; float: right;}
#infobox #colomn p{ font-size: 75%; padding: 6px 0; text-align: right; }
#infobox #colomn img{ margin: 15px 0 6px 0; }
#infobox #colomn a{ color: #187CBB; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; }
#infobox #colomn a:hover{ text-decoration: underline; }

#contentWrap #content{ color: #555555; margin: 0 4px; padding:0 407px 0 15px; width: 378px; float: left; background: transparent url('../img/bg-content.gif') repeat-x top center;}
#contentWrap #content p{ font-size: 85%; padding: 6px 0; text-align: justify; color: #333;}
#contentWrap #content img{ padding: 3px; background-color: #fff; border: 1px solid #CACAC9; margin: 0 10px 5px 0;  }
#contentWrap #content a{ color: #187CBB; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; }
#contentWrap #content a:hover{ text-decoration: underline; }
#contentWrap #content ul{ list-style:disc; font-size: 85%; margin: 0 0 0 30px; padding: 15px 0 18px 20px; line-height: 14px;}
#contentWrap #content ul li{ padding: 0; margin: 0; }

a.profil{ font-size: 7pt; border-top: 1px dashed #b4b4b4; padding: 8px 0; text-align: right; clear: both; display: block;}

#contentWrap #colomn{ position: absolute; right: 13px; top: 10px; color: #555555; margin: 0; padding:0 0 0 15px; width: 388px; height: 330px;  background: transparent url('../img/bg-colomn.jpg') no-repeat bottom center;}
#contentWrap #colomn p{ font-size: 75%; padding: 6px 0; text-align: right; }
#contentWrap #colomn img{ margin: 15px 0 6px 0; float: right; }
#contentWrap #colomn a{ color: #187CBB; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; }
#contentWrap #colomn a:hover{ text-decoration: underline; }

#joindreMap{ position: absolute; right: 13px; top: 60px; margin: 0; padding:0 0 0 15px; width: 388px; height: 300px; }
#joindreMap img{ padding: 3px; background-color: #fff; border: 1px solid #CACAC9; margin: 0 0 10px 0;  }

#contentWrap #contentProduits { color: #555555; margin: 0 4px; padding:0 15px 30px 15px; width: 770px; float: left; background: transparent url('../img/bg-content.gif') repeat-x top center;}
#contentWrap #contentProduits table{ margin-bottom: 10px; border: 1px solid #dcdcdc; border-bottom: none;}
#contentWrap #contentProduits td{ padding: 5px 10px 10px 15px; border-bottom: 1px solid #dcdcdc; border-top: none; border-left: none; border-right: none;}
#contentWrap #contentProduits h3{font-size: 90%; color: #236EBB; border-bottom: 1px dashed #bbb; font-weight: bold;  padding: 8px 0 0 0; margin: 4px 0 10px 0; }
#contentWrap #contentProduits p{ font-size: 85%; padding: 3px 0 3px 5px; text-align: left; color: #333; line-height: 16px;}
#contentWrap #contentProduits a{ color: #187CBB; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; }
#contentWrap #contentProduits img{ margin: 10px 0; }
#contentWrap #contentProduits a:hover{ text-decoration: underline; }
#contentWrap #contentProduits ul{ list-style:disc; font-size: 85%; margin: 0 0 0 20px; padding: 15px 0 15px 5px; line-height: 14px;}
#contentWrap #contentProduits ul li{ padding: 0; margin: 0; }

/* =Logos-----------------------------------------------------------------------------*/

#logos{ padding: 10px 0 0 30px; clear: both; position: relative; width: 779px; height: 80px;}

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

#footer{ clear: both; position: relative; height: 46px; margin: 0 auto; padding:0; width: 824px; position: relative; background: transparent url('../img/bg-footer.gif') no-repeat top center;}
#footer p{ color: #fff; font-size: 85%; padding: 0; text-align: left;}

.copy { position: absolute; left: 30px; top: 10px;}
.phone { position: absolute; right: 30px; top: 10px;}