/* reset */
* {
margin: 0;
padding: 0;
}


header, footer, section, aside, nav, article {
display: block;
}

body {
	line-height: 1;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666;
	line-height: 18px;
	background-color: #111;
	background-repeat: repeat;
	margin-left: 50px;
	margin-top: 50px;
}
	
/* main layout */

#wrapper {
width: 940px;
margin: 0 auto;
margin-top: 10px;
margin-bottom: 20px;
}


header {
	width: 940px;
	height: 157px;
	margin: 0 auto;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	background-position: left top;
}





/* Root = Horizontal, Secondary = Vertical */
ul#navmenu {
	margin: 0;
	border: 0 none;
	padding: 0;
	width: 940px; /*For KHTML*/
	list-style: none;
	height: 24px;
	background-color: #FFF;
	font-size: 14px;
	}

ul#navmenu li {
	margin: 0;
	border: 0 none;
	padding: 0;
	float: left;
	display: inline;
	list-style: none;
	position: relative;
	height: 24px;
	color: #000000;
	background-color: #99529C;
	font-size: 18px;
	}

ul#navmenu ul {
	margin: 0;
	border: 0 none;
	padding: 0;
	width: 150px;
	list-style: none;
	display: none;
	position: absolute;
	top: 24px;
	left: 0;
	background-color: #FFF;
	}

ul#navmenu ul:after /*From IE 7 lack of compliance*/{
	clear: both;
	display: block;
	font: 1px/0px serif;
	content: ".";
	height: 0;
	visibility: hidden;
	color: #000000;
	}

ul#navmenu ul li {
	width: 220px;
	float: left; /*For IE 7 lack of compliance*/
	display: block !important;
	display: inline; /*For IE*/
	background-color: #FFF;
	}

/* Root Menu */
ul#navmenu a {
	float: none !important;
	float: left;
	display: block;
	color: #FFFFFF;
	text-decoration: none;
	height: auto !important;
	height: 1%;
	text-indent: 2px;
	border-top: 1px solid #FFF;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	border-left: 1px solid #FFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 22px;
	font-weight: bold;
	padding-top: 0;
	padding-right: 5px;
	padding-bottom: 0;
	padding-left: 5px;
	background-color: #FFF;
	background-image: url(images/menu.png);
	background-repeat: repeat;
	}


/* Root Menu Hover Persistence */
ul#navmenu a:hover,
ul#navmenu li:hover a,
ul#navmenu li.iehover a {
	color: #000000;
	background-image: url(images/menu-over.png);
	font-size: 14px;
	}

/* 2nd Menu */
ul#navmenu li:hover li a,
ul#navmenu li.iehover li a {
	float: none;
	color: #000000;
	background-color: #391F3A;
	background-image: url(images/fond_violet.jpg);
	font-size: 14px;
	}

/* 2nd Menu Hover Persistence */
ul#navmenu li:hover li a:hover,
ul#navmenu li:hover li:hover a,
ul#navmenu li.iehover li a:hover,
ul#navmenu li.iehover li.iehover a {
	background: #6BB529;
	color: #FFFFFF;
	font-size: 14px;
	}

/* 3rd Menu */
ul#navmenu li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li a {
	background: #339999;
	color: #000000;
	}

/* 3rd Menu Hover Persistence */
ul#navmenu li:hover li:hover li a:hover,
ul#navmenu li:hover li:hover li:hover a,
ul#navmenu li.iehover li.iehover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover a {
	background: #993399 url(images/dossiers.png);
	color: #000000;
	}

/* 4th Menu */
ul#navmenu li:hover li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li.iehover li a {
	background: #339999;
	color: #000000;
	}

/* 4th Menu Hover */
ul#navmenu li:hover li:hover li:hover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover li a:hover {
	background: #46D9D9;
	color: #000000;
	}

ul#navmenu ul ul,
ul#navmenu ul ul ul {
	display: none;
	position: absolute;
	top: 0;
	left: 200px;
	}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu li:hover ul ul,
ul#navmenu li:hover ul ul ul,
ul#navmenu li.iehover ul ul,
ul#navmenu li.iehover ul ul ul {
	display: none;
	}

ul#navmenu li:hover ul,
ul#navmenu ul li:hover ul,
ul#navmenu ul ul li:hover ul,
ul#navmenu li.iehover ul,
ul#navmenu ul li.iehover ul,
ul#navmenu ul ul li.iehover ul {
	display: block;
	}


#main {
	width: 925x;
	overflow: hidden;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-left: 15px;
	font-size: 14px;
	text-align: justify;
	padding-right: 15px;
	background-color: #FFF;
	background-image: url(images/fond.png);
	}

#content {
	float: right;
	width: 940px;
	background-repeat: repeat-y;
}

footer {
width: 940px;
margin: 0 auto;
clear: both;
}

/* basics */

h1 {
	font-size: 24px;
	color: #FFF;
	letter-spacing: 3px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 30px;
	margin-left: 0;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 10;
}
h2 { font-size: 24px; color: #fff; margin: 0 0 20px 0; padding: 0; }
h3 { font-size: 21px; color: #fff; margin: 0 0 20px 0; padding: 0; }
h4 { font-size: 18px; color: #fff; margin: 0 0 10px 0; padding: 0; }
h5 {
	font-size: 16px;
	color: #CCCCCC;
	margin: 0 0 10px 0;
	padding: 0;
}
h6 {
	font-size: 14px;
	margin: 0 0 5px 0;
	padding: 0;
	color: #9F0;
}

a:link, a:visited {
	color: #99529C;
	text-decoration: none;
}

a:hover, a:active {

}

p {
	margin-bottom: 18px;
	margin-left: 0px;
	font-size: 14px;
	margin-right: 10px;
}

li {
	padding-left: 5px;
	margin-left: 15px;
}


/** HEADER */

header h1 {
text-align: center;
margin-top: -50px;
color: #eee;
}

header h1 { 	
font-size: 36px;
font-variant:  small-caps;
}

header h1 a:link, header h1 a:visited {
color: #fff;
}

/** ARTICLES **/

article {
padding: 20px 30px 5px 40px;
}

article img {
border: none;
}

#content h1, h2, h3, h4, h5, h6 {
	color: #FFF;
	line-height: 1.5em;
	margin: 0 20px 20px 0;
	font-size: 14px;
	text-align: left;
}

#content h1, h2, h3 {
	padding-left: 10px;
	color: #99529C;
	font-size: 16px;
	letter-spacing: 3px;
}

.alignleft, img.alignleft {
display: inline;
float: left;
margin-right: 24px;
margin-top: 4px;
}

.alignright, img.alignright {
display: inline;
float: right;
margin-left: 24px;
margin-top: 4px;
}

.aligncenter, img.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
}

img.alignleft, img.alignright, img.aligncenter {
margin-bottom: 12px;
}


/* footer  blocks */

aside h3 {
font-size: 18px;
}

aside ul {
list-style: none;
margin-bottom: 20px;
margin-top: -15px;
}

aside li a {
display: block;
text-decoration: none;
}

aside li a:hover {
	color: #FFFFFF;
	background-color: #7A368D;
}

#footer-area {
	color: #99529C;
	font-size: 98%;
	overflow: hidden;
	padding-top: 18px;
	padding-right: 0;
	padding-bottom: 18px;
	padding-left: 20;
	text-align: center;
	background-repeat: no-repeat;
	background-color: #FFF;
}

.footer-segment {
	float: left;
	width: 190px;
	color: #000;
}

.first {
	margin-right: 20px;
	margin-left: 40px;
	color: #CCBCD9;
	font-size: 14px;
}

.second {
	margin-right: 30px;
	font-size: 14px;
}

.third {
	margin-right: 30px;
	font-size: 14px;
}

.last {
	margin-right: 20px;
	color: #000;
}

footer aside h4 {
	color: #333;
	font-size: 14px;
	line-height: 1.5em;
}

footer a:link, footer a:visited {
	color: #333;
}

footer p {
	margin-top: -15px;
	color: #666;
}* { margin: 0; padding: 0; }

/** Navigation */
.nav-wrap {
	border-top: none;
	border-bottom: 2px solid white;
	color: #666666;
	background-color: #FFF;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	width: 940px;
}


.deconnexion{
	border-top: none;
	border-bottom: 2px solid white;
	color: #666666;
	background-color: #FFF;
	margin-top: 0px;
	padding-right: 15px;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: right;	
}
.group:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }


/** CONTENT */

.box-wrapper { -moz-box-shadow: 0 0 20px black; -webkit-box-shadow: 0 0 20px black; padding: 20px; background: white; border: 1px solid #ccc; margin: -1px 0 0 0; height: 210px; position: relative; }
.content-box { overflow: hidden; position: absolute; top: 20px; left: 20px; width: 658px; height: 230px; }

.current { }

.col-one, .col-two, .col-three { width: 30%; float: left; position: relative; top: 400px; }
.col-one, .col-two { margin-right: 3%; }



#menu_contenu {
	position : relative;
	bottom : 0;
	margin-left: 0px;
	float: none;
	font-size: 16px;
	width: 940px;
	height: 24px;
	background-color: #F0F0F0;
	padding: 0;
	z-index: 10;
}

#menu_contenu  ul{
	list-style : none;
	margin : 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	background-color: #FFF;
}

#menu_contenu  li{
	float : left;
	text-transform : uppercase;
	height : 46px;
	line-height : 42px;
	color: #9900CC;
	padding: 0px;
	background-color: #FFF;
	background-repeat: no-repeat;
	background-position: right;
	font-size: 16px;
}
	
#menu_contenu  li a{
	margin : 0;
	padding : 0 0px;
	text-decoration : none;
	color : #000000;
	font-weight : bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	background-color: #FFF;
}

#menu_contenu li a:hover {
	color : #FFFFFF;
	background-color: #FFFFFF;
}


/*-------------------------------------form-------------------------------------*/
.form{width:500px;float:left;clear:both;padding:0px 0 40px 20px;}
.form_row{
	width: 500px;
	float: left;
	clear: both;
	margin: 20px 0 0 0;
	background-color: #99529C;
}
.form_row label{
	width: 120px;
	float: left;
	padding: 5px 20px 0px 0;
	font-size: 14px;
	text-align: right;
	text-transform: lowercase;
}
.form_input{width:320px;height:35px;float:left;padding:0px 0px 0 10px; background-color:#E7E5DE; border:none; color:#000;}
.form_textarea{
	width: 320px;
	height: 70px;
	float: left;
	padding: 10px 0px 30px 10px;
	background-color: #333333;
	border: none;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
input.form_submit{
	float: right;
	clear: both;
	margin: 20px 30px 0 0px;
	width: 149px;
	height: 34px;
	text-align: center;
	color: #99529C;
	font-size: 16px;
	background: #666666;
	border: none;
	font-weight: bold;
	padding: 0 0 0 0px;
	cursor: pointer;
}


.services_section {
	clear: both;
	padding-bottom: 30px;
	margin-bottom: 30px;
	border-bottom: 1px solid #CCC;
	background: url(images/divider.jpg) bottom repeat-x;	
}

.services_section h4 {
	margin-bottom: 20px;
}

.services_section .left {
	float: left; 
	width: 150px;
}

.services_section .left img {
	border:1px solid #CCC;
	padding: 5px;
}

.services_sectio .services_content {
	clear: both;
	margin: 10px 0;
}

.services_section .right {
	float: right; 
	width: 370px;
}

.post_section{
	clear: both;
	padding-bottom: 30px;
	margin-bottom: 30px;
	border-bottom: 1px solid #112e41;
}

.post_section .post_content {
	clear: both;
	margin: 10px 0;
}
.post_content .right {
	float: right; 
	width: 200px;
}

.post_content .right img {
	width: 180px;
	height: 180px;
	border:1px solid #112e41;
	background: #16374c;
	padding: 5px;
}

.post_content .left {
	float: left; 
	width: 320px;
}

.post_section p {
	text-align: justify;
	padding-bottom: 5px;
	margin-bottom: 8px;
}

.post_section .comment_tab {
	padding: 10px 0;
	margin: 40px 0 20px 0;
	border-bottom: 1px dashed #666;
	font-size: 20px;
	font-weight: bold;
}

/* gallery */

#gallery {
	width: 960px;
	padding: 10px 0 40px;
}

#gallery ul { list-style: none; margin: 0; padding: 0; }
#gallery h5 {
	color: #FFF;
	 }
	 #gallery h6{
	color: #CCCCCC;
	font-size: 12px;
	 }
	
#gallery ul li {
	float: left;
	display: inline;
	padding: 0;
	width: 250px;
	padding: 9px;
	border: 1px solid #000;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 40px;
	margin-left: 25px;
	background-color: #391F3A;
	border-radius: 5px 10px 0 5px;
}

#gallery ul img {
		width: 245px;
		height: 130px;
		border: none;
		margin-bottom: 10px;
}



#gallery2 {
	width: 960px;
	padding: 40px 0;
}

#gallery2 ul { list-style: none; margin: 0; padding: 0; }
	
#gallery2 ul li {
	float: left;
	display: inline;
	padding: 0;
	margin: 0;
	width: 400px;
	padding: 9px;
	margin: 0 0 40px 40px;
	background: #1b1f29;
	border: 1px solid #000;
	color: #FFFFFF;
}

#gallery2 ul img {
		width: 245px;
		height: 130px;
		border: none;
		margin-bottom: 10px;
}


/* end of gallery */

#contact_form {
	padding: 0;
	color: #FFFFFF;
}

#contact_form form {
	margin: 0px;
	padding: 0px;
}

#contact_form form .input_field {
	height: 18px;
	width: 350px;
	background-color: #99529C;
	border: #FFFFFF 1px solid;
	color: #FFFFFF;
	padding: 5px;
}

#contact_form form label {
	display: block;
	font-size: 14px;
	color: #99529C;
}

#contact_form form textarea {
	width: 350px;
	height: 150px;
	background-color: #99529C;
	border: #FFFFFF 1px solid;
	color: #FFFFFF;
	padding: 5px;
}

#contact_form form .submit_btn {
	margin-right: 100px;
	background-color: #99529C;
	border: #FFFFFF 1px solid;
	color: #FFFFFF;
	padding: 5px 15px;
}

#sidebar {
	float: right;
	width: 240px;
	padding: 40px;
}

#request_a_quote {
	margin-bottom: 60px;
}

#request_a_quote form {
	margin: 0;
	padding: 0;
}

#request_a_quote label {
	color: #000;
}

#quote_input {
	height: 20px;
	width: 260px;
	padding-top: 5px;
	margin-bottom: 10px;
	color: #333;
	font-size: 12px;
	font-variant: normal;
	line-height: normal;
}

#submit_btn {
	float: right;
	cursor: pointer;
	width: 180px;
	height: 45px;
	font-size: 14px;
	text-align: center;
	vertical-align: bottom;
	white-space: pre;
	border: none;
	background: url(images/request_a_quote.png) no-repeat;
}





.two_col {
	width: 260px;
}

.col_w450 {
	width: 430px;
}

#com_add {
	float: right;
	width: 350px;
}