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

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

p{margin: 0;padding: 0;}
ul{margin: 0;padding: 0;list-style: none;}
img{ /* Remove border around linked images */border: 0;}
hr{ margin:15px 0; border: none; border-bottom: 1px solid #2F2E29; height:1px;}
blockquote{ font-style:italic; padding: 10px 0 0 0; margin: 0; color: #dfdfdf;}
blockquote span{ font-style: normal; font-size: .8em;  color: #dfdfdf;}
html { margin:0; padding: 0;}

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

html { 
	background: #24282D url('../../img/bg-repeat.gif') repeat;
}
body { 
	margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 10pt;
}

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

h1, h2, h3, h4, h5, h6{margin: 0; padding:0; font-weight: normal; font-family: Georgia, "Times New Roman", Times, serif;}

h1{ 
	color: #162433;
	font-size: 160%;
	padding: 0;
}
#content h1{
	font-size:185%;
	margin-bottom:15px;
	margin-top: 10px;
	letter-spacing: -1px;
	border-bottom: 1px dotted #bbb;
}
#content h1 span{
	padding: 3px 0;
	font-size:70%;
	letter-spacing: normal;
	color: #41638A;
}
#content h2{
	padding-top:13px;
	padding-bottom:5px;
	font-size: 150%;
	color: #39516D;
	letter-spacing: -1px;
}
#content h2 span{
	padding: 3px 0;
	font-size:75%;
	letter-spacing: normal;
	color: #5BA140;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
#content h2 span strong{
	font-weight: normal;
	font-size:75%;
	color: #666;
}
#sideContent h1{
	color: #fff;
	line-height:21px;
	padding-top:0;
	padding-bottom:15px;
	padding-left:4px;
	letter-spacing: -1px;
}
#sideContent h2{
	padding-top:10px;
	padding-bottom:5px;
	padding-left:4px;
	font-size: 125%;
	color: #fff;
}
h3{
	color: #878577;
	font-size: 115%; padding: 4px 0; font-weight: bold;
}
h4{
	font-size: 120%;
}
h5{
	color: #878577;
	font-size: 75%; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif;
}
h6{
	font-size: 100%;
}

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

a{
	color: #355B8D;
	text-decoration: underline;
}
a:hover{
	color: #355B8D;
	text-decoration: none;
}

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

.clear{ /* Class for clearing floats */clear:both; padding: 5px 0 0 0;}
.left { float: left;}
.right { float: right;}

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

#wrap{
	background: transparent url('../../img/bg-top.gif') repeat-x;
}

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

#top{
	background: transparent url('../../img/bglogo.gif') no-repeat;
	height: 148px;
	position: relative;
}

#top h1{
	padding: 27px 0 5px 0;
}
#top h1 a{
	background: transparent url('../../img/logo-source-granite-2.gif') no-repeat;
	display: block;
	text-indent: -10000px;
	margin-top: 5px;
	margin-bottom: 23px;
	margin-left:35px;
	width: 334px;
	height: 66px;
}
#top p#langue a{
	background: transparent url('../../img/bt-francais.gif') no-repeat;
	display: block;
	text-indent: -10000px;
	position: absolute;
	top: 0;
	right: 10px;
	z-index:1000;
	width: 58px;
	height: 80px;
}
#container{
	width: 904px;
	margin: 0 auto;
}
#contentWrap, #indexWrap{
	background: #fff url('../../img/bg-wrap.gif') repeat-y;
	width: 884px;
	border-top: 10px solid #fff;
	border-bottom: 10px solid #fff;
	padding: 0 10px 0 10px;
	margin: 0;
	clear:both;
	float: left;
}

/* =Index Content-----------------------------------------------------------------------------*/

#indexWrap #content h1{
	color: #fff;
	width: 195px;
	height: 134px;
	border: none;
	padding: 6px 0 0 4px;
	margin: 0;
	margin-top: 167px;
	font-size: 270%;
	line-height: 30px;
	text-transform:uppercase;
}
#indexWrap #content {
	background: #fff url('../../img/img-sample-index.jpg') no-repeat;
	width: 622px;
	height: 305px;
	position: relative;
	padding: 0;
	margin: 0 ;
	margin-right: 10px;
	clear: both;
	float: left;
}
#indexWrap #content img{
	border: none;
}

/* = Index Content Side-----------------------------------------------------------------------------*/

#contentWrap #sideContent ul,
#indexWrap #sideContent ul{
	margin: 0 10px;
	padding:0;
	font-size:85%;
}
#contentWrap #sideContent ul li,
#indexWrap #sideContent ul li{
	line-height: 16px;
	padding-left: 10px;
	color: #fff;
	background: transparent url('../../img/img-puce.gif') no-repeat;
	background-position: 0 6px;
}

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

#contentWrap #content {
	background: transparent url('../../img/bg-content.gif') repeat-x;
	width: 593px;
	padding: 10px 15px;
	margin: 0 ;
	float: left;
	margin-right:10px;
}
#contentWrap #content img{
	background-color: #f8f8f8;
	border: 1px solid #ddddd7;
	padding:4px;
}
#contentWrap #content p{
	color:#333;
	line-height: 20px;
	font-size: 85%;
	padding: 10px 0;
}
#contentWrap #content p.note{
	font-size:75%;
	border-top: 1px solid #f0f1f3;
	padding-top: 10px;
	margin-top: 10px;
	clear: both;
}
#contentWrap #content p.note strong{
	color: #5BA140;
}
#contentWrap #content div.section{
	float:left;
	margin: 0 8px 0 0;
	padding-bottom: 10px;
	width: 140px;
}
#contentWrap #content div.finition{
	float:left;
	margin: 0 6px;
	margin-bottom: 5px;
	padding-bottom: 10px;
}
#contentWrap #content div.finition h2{
	font-size:100%;
	width: 170px;
	height: 40px;
	border-bottom: 1px solid #ddd;
	padding: 5px;
	margin-bottom: 5px;
}
#contentWrap #content ul{
	margin: 0;
	padding:0;
	font-size:100%;
}
#contentWrap #content ul li{
	line-height: 16px;
	padding-left: 14px;
	color: #333;
	line-height: 20px;
	font-size: 8pt;
	background: transparent url('../../img/img-puce-content.gif') no-repeat left;
}
#contentWrap #content ul.services{
	margin: 0;
	margin-bottom: 20px;
	padding:2px 25px;
	width: 320px;
}
#contentWrap #content div.formulaire{
	clear: both;
	margin: 0 8px 0 0;
	padding-bottom: 10px;
	width: 595px;
}

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

#indexWrap #sideContent,
#contentWrap #sideContent{
	margin: 0;
	padding: 10px 10px 10px 4px;
	width: 234px;
	float: left;
}
#contentWrap #sideContent ul li a img{
	border: 1px solid #E4E6E8;
	margin: 4px 0 0 4px;
	float: left;
	display: inline;
}
#contentWrap #sideContent ul li a:hover img{
	border: 1px solid #202A34;
}
#indexWrap #sideContent p,
#contentWrap #sideContent p{
	color:#E2E9EE;
	line-height: 18px;
	font-size: 85%;
	padding: 5px 0;
	padding-left:4px;
	text-align: justify;
}
#indexWrap #sideContent strong,
#contentWrap #sideContent strong{
	color:#fff;
}

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

#footer{
	clear: both;
	margin: 0 auto;
	padding:0;
	width: 904px; 
}
#footer p{
	color: #B3BCC4;
	font-size: 85%; 
	padding: 5px 10px;
	text-align: left;
}