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

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

html{height: 100.1%}
p{margin: 0;padding: 0;}
blockquote{}
ul{margin: 0;padding: 0;list-style: none;}
.clear{ /* Class for clearing floats */clear:both;}

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

body {margin: 0;font-family: Arial, Helvetica, sans-serif; font-size: 10pt;}

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

h1, h2, h3, h4, h5, h6{margin: 0;font-family: Verdana, Arial, Helvetica, sans-serif;color: #333;}
h1{font-size: 80%; color: #760303; font-weight: bold; text-transform: uppercase; border-bottom: 1px #DDDEDF solid; margin: 12px 12px 0 12px; }
h2{font-size: 120%;}
h3{font-size: 110%;}
h4{font-size: 100%;}
h5{font-size: 100%;}
h6{font-size: 100%;}

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

#content a{ }
#content a:hover{}
#footer a{}
#footer a:hover{}

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

#menu01{width: 81px; top: 35px; left: 0; color:#CAA884; padding: 0; font-size: 6.5pt; font-weight: bold; text-transform: uppercase; position: absolute; font-family: Arial, Helvetica, sans-serif; }
#menu01 ul{ list-style: none; margin: 0; padding: 0; }
#menu01 ul li {margin-left: 8px; background: transparent url(../img/bg_menu_01.gif) repeat-x bottom left;}
#menu01 ul li a:link, #menu01 ul li a:visited, #menu01 ul li a:active, #menu01 ul li a:hover{ color: #CAA884; text-decoration: none;}
#menu01 ul li a:hover{ color: #9D7E5C;}

#menu02{width: 371px; height: 135px; top: 130px; left: 300px; color:#333; font-weight: bold; font-size: 70%; text-transform: uppercase;font-family: Verdana, Arial, Helvetica, sans-serif; }
#menu02 ul{ list-style: none; margin: 0; padding: 0; position: absolute;}
#menu02 ul li { margin: 0; padding: 6px 0 6px 0; background: transparent url(../img/bg_menu.jpg) no-repeat center left;}
#menu02 ul li a{ padding-left: 8px; padding-right: 275px; margin-top: 2px;}
#menu02 ul li a:link, #menu02 ul li a:visited, #menu02 ul li a:active, #menu02 ul li a:hover{ color: #333; text-decoration: none;}
#menu02 ul li a:hover{ color: #fff;}

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

.left { float: left; padding: 0 5px;}
.right { float: right;}
.borderTop { border-top: 1px #DDDEDF solid; padding:6px 10px 3px 10px; }
.bg{background: #394246 url(../img/bg.jpg) repeat-y top left fixed;}
.bgIntern{background: #394246 url(../img/bg_inter.jpg) repeat-y top left fixed;}
.bgWrap{background: transparent url(../img/bg_content_gauche.jpg) no-repeat top left fixed;}
.bgWrap2{background: transparent url(../img/bg_content_gauche-02.jpg) no-repeat top left fixed;}

/*modif robert le 28 sept. 2010 =Main Content-----------------------------------------------------------------------------*/

#wrap{width: 800px;margin: 0; padding: 0; position: relative; }

#content{width: 443px; margin: 0 -80px 0 300px; padding: 125px 0 15px 0; background: transparent url(../img/bg_header.jpg) no-repeat top left; }
#content p{ color: #485257; margin: 6px 12px 12px 12px; font-size: 90%; line-height: 16px;}
#contentDroit{position:absolute; right:-52px; top: 0; width: 81px; height: 880px; padding: 0; background: transparent url(../img/bg_content_droit.jpg) no-repeat top right; }
#contentDroitIndex{position:absolute; right:-23px; top: 0; width: 81px; height: 880px; padding: 0; background: transparent url(../img/bg_content_droit.jpg) no-repeat top right; }
#contentIntern{width: 571px; margin: 0 29px 0 200px; padding: 125px 0 15px 0; background: transparent url(../img/bg_header.jpg) no-repeat top right; }
#contentIntern p{ color: #485257; margin: 6px 12px 12px 12px; font-size: 90%; line-height: 16px;}

#contentIntern ul.gallery {
	list-style: none;
	margin: 10px 0;
padding-left: 10px;
	float: left;
}
#contentIntern ul.gallery li{
	margin: 0;
	margin-right:10px;
	float: left;
}
#contentIntern ul.gallery li a img{
	border-color: #D4D3CF;
}
#contentIntern ul.gallery li a:hover img{
	border-color: #999;
	background-color: #f1f1f1;
}



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

#footer{ width: 500px; margin: 0 auto; padding: 0; color: #c0c0b0; font-size: 70%; font-family: Verdana, Arial, Helvetica, sans-serif;}
#footer p{text-align: right; margin: 0 12px 12px 0;}