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

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

p{margin: 0;padding: 0;}
ul{margin: 0;padding: 0;}
img{ /* Remove border around linked images */border: 0;}

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

html { margin:0; padding: 0;
}
body { 
	margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #E1D6B8;
	background-color: #000;
}

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

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

h1{font-size: 125%; font-style: italic; margin: 30px 0 12px 0; clear: both;}
h2{font-size: 135%; margin: 15px 0;}
h3{font-size: 105%; font-weight: bold;}
h4{font-size: 105%; font-weight: bold;}
h5{font-size: 100%;}
h6{font-size: 100%;}

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

a{
   color: #E1D6B8;
   text-decoration: none;
}
a:hover{
   color: #f1e6B8;
   text-decoration: none;
}

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

.clear{ /* Class for clearing floats */clear:both; padding: 5px 0 0 0;}
.left { float: left;}
.right { float: right;}
.note{ padding: 20px 10px; margin: 20px 0; border: 1px solid #2C2001; background-color: #1B1401; text-align: center;}
.notice{ font-size: 85%; color: #68604E;}
.center{ text-align: center;}
.logo a{ width: 337px; height: 108px; display: block; padding: 0; margin: 0; position: absolute; top: 20px; left: 125px; text-indent: -10000px; background: transparent url('images/img-logo-h1.gif') no-repeat center left;}
.haut a{ padding: 3px 15px; display: block; background: #1B1401 url('images/img-top.gif') no-repeat center left; background-position: 4px 8px; font-size: 75%; text-transform: uppercase; float: right;}
.haut a:hover{ padding: 3px 15px; background: #1B1401 url('images/img-top.gif') no-repeat center left; background-position: 4px 8px; text-decoration: none;}

.avocat{background: transparent url('images/bg-h1-avocat.gif') no-repeat top left; width: 41px; height: 75px; position: absolute; left: -41px;}
.competences{background: transparent url('images/bg-h1-competences.gif') no-repeat top left; width: 41px; height: 170px; position: absolute; left: -41px;}
.conferences{background: transparent url('images/bg-h1-conferences.gif') no-repeat top left; width: 41px; height: 170px; position: absolute; left: -41px;}
.prix{background: transparent url('images/bg-h1-prix.gif') no-repeat top left; width: 41px; height: 130px; position: absolute; left: -41px;}
.joindre{background: transparent url('images/bg-h1-joindre.gif') no-repeat top left; width: 41px; height: 135px; position: absolute; left: -41px;}

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

#header ul#main-nav{
	position: absolute;
	left: 615px;
	top: 20px;
	list-style: none;
}
#header ul#main-nav li {
	line-height: 30px;
}
#header ul#main-nav li a{
	color: #fff;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 21px;
	letter-spacing: -0.01em;
	text-decoration: none;
	padding: 0;
}
#header ul#main-nav li a span{
	color: #D0D0D0;
	font-style: italic;
	font-size: 14px;
}

#header ul#main-nav li a:hover,
#header ul#main-nav li a.active{
   color: #fff;
   text-decoration: underline;
}

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

#wrap{
	width: 1050px;
	background: transparent url('images/bg-wrap.jpg') no-repeat top right;
	float: left;
}
#header{
	position: relative;
	width: 900px;
	height: 200px;
	margin: 0 auto;
	padding: 0;
}
#container{
	position: relative;
	width: 900px;
	margin: 0 auto;
	padding: 0;
}

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

#container #content{
	width: 560px;
	margin: 0;
	padding: 20px;
	float: left;
	border-right: 1px solid #553E01;
}
#container #content a{
   text-decoration: none;
   background-color: #1B1401;
}
#container #content a:hover{
   text-decoration: none;
   background-color: #352702;
   cursor:pointer;
}

#container #content p{
	padding: 5px 0;
}
#container #content ul{
	list-style: none;
	padding: 5px 20px;
}
#container #content ul li{
	background: transparent url('images/img-puce-ul.gif') no-repeat center left;
	padding-left: 10px;
}
#container #content img{
	border: 1px solid #553E01;
	padding:2px;
	margin: 0 10px 20px 0;
}
#container #content #liste-prix thead p{
	font-size: 85%;
	text-transform: uppercase;
	color: #B2A580;
}
#container #content #liste-prix td{
	padding: 10px 5px 10px 10px;
	vertical-align: top;
	width: 75px;
}
#container #content #liste-prix td.desc{
	width: 250px;
}
#container #content #liste-prix tr.tr-light td{
	border-top: 1px solid #2C2001;
	border-bottom: 2px solid #000;
	background-color: #1B1401;
}
#container #content #liste-prix tr.tr-dark td{
	border-top: 1px solid #1A1301;
	border-bottom: 2px solid #000;
	background-color: #100C01;
}

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

#footer{
	background: #000 url('images/bg-footer.gif') repeat-x top left;
	clear: both;
   margin: 0;
   padding: 15px 0 0 95px;
   height: 60px;
}
#footer p{
   color: #68604E;
   font-size: 85%; 
   padding: 0;
   text-align: left;
}
#footer p a:hover{
	text-decoration: underline;
}