@charset "UTF-8";
/* CSS Document */







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

#header {
	width:950px;
	margin: auto;
	padding: 0px;

	background-repeat: no-repeat;
	background-position: center top;
	text-align:left;
}


#nav {
	width:935px;
	margin-left: 10px;
	background-image: url(../images/fd-col-one.jpg);
	background-repeat: no-repeat;
	margin-bottom: 0px;
	padding-bottom: 0px;
	margin-top:38px;
	height:44px;

}

#logo {

height:80px; width:412px; margin-top:20px; position:absolute; top:0px; float:left; margin-right:100px; background:url(../images/logo.png) no-repeat;
}


/* Navigationslideshow
----------------------------------------------------------------------------------------*/


#nav ul {
	float: right;
	list-style: none;
	padding: 0;
	margin: 0;

}

#nav li {
	list-style-image: none;
	float: left;
}

#nav li a {
	list-style-image: none;
	float: left;
	color: #ae3a11;
	font: bold 14px/18px Arial, Helvetica, Geneva, sans-serif;
	padding: 6px 0px 0px 0px;
	margin: 6px 0px 0px 20px;
	background-image: none;
	text-decoration:none;
}

#nav li a:hover {
	text-decoration: none;
	border-top: 3px solid #6e5b54;
	border-bottom: none;
	padding: 3px 0px 0px 0px;
}

#nav li.current_page_item a, #nav li.current_page_parent a {

	text-decoration: none;
	border-top: 3px solid #ae3a11;
	border-bottom: none;
	padding: 3px 0px 0px 0px;

}


/* Banner
----------------------------------------------------------------------------------------*/

#container_head {
	width: 932px;
	height:auto;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	
	padding-top: 32px;
	padding-right: 10px;
	padding-left: 10px;
	background-repeat: no-repeat;
	background-position: 260px 38px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}



/* Contenu
----------------------------------------------------------------------------------------*/

#slideshow {
width:700px;
height: 335px;
/*margin:63px 35px 58px 35px;*/
position:relative;
background:#FFFFFF;
margin-right:auto;
margin-left:0px;
float:left;

}



#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}





#content {
	width: 960px;
	height:500px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	
	padding-top: 10px;
	padding-right: 0px;
	padding-left: 0px;
	background-image: url(../images/fd-col-one.jpg);
	background-repeat: no-repeat;
	background-position: 260px 38px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}



#content-top-left { float:left; width:620px;padding: 20px 15px 15px 15px ;}
#content-top-left h1{ color:#ff6e00; padding:15px;}
#content-top-left h3{ color:#5599c7; padding:15px;}



#content-top-right { background: url(../images/content-tr-bg-.jpg) no-repeat top; float:right; width:253px;padding:15px}
#content-top-right h1{ color:#ff6e00; padding:15px;}
#content-top-right h3{ color:#5599c7; padding:15px}


#search { background-color:#e6e6e2;width:218px;padding:0px; float:left;border: solid 2px #9f380b; margin-left:10px; height:332px; magin-bottom:10px; }




#container_presentation_agence { width:930px;}


#presentation-agence { background: url(../images/content-tl-bg.jpg-) no-repeat top; float:left; width:645px;font-size:12px; color:#6e5b54; padding:20px 10px 0px 10px;}
#presentation-agence h1{ color:#cb7a42; padding:0px 15px 5px 15px; font-size:16px; text-align:justify;}
#presentation-agence h5{ color:#6e5b54; padding:15px; font-size:14px; line-height:20px; font-weight:normal; text-align:justify;}




#contact-agence { width:252px; float:left; height:170px; margin-top:60px; margin-left:10px; background-image:url(../images/contact.png); background-repeat:no-repeat; font-size:12px; font-weight:bold; color:#35579C;}
#contact-agence-home { width:252px; float:left; height:170px; margin-top:20px; margin-left:10px; background-repeat:no-repeat; font-size:12px; font-weight:bold; color:#35579C;}

#contact-picto { width:252px; float:left; height:70px; background-repeat:no-repeat; font-size:12px; font-weight:bold; color:#35579C;}



#contact-agence-1 { width:252px; float:left; height:170px; margin-top:30px; margin-left:10px; background-image:url(../images/contact.png); background-repeat:no-repeat; font-size:12px; font-weight:bold; color:#35579C;}
#bloc_featured { width:203px; float:right; height:620px; background-image:url(../images/featured.jpg); background-repeat:no-repeat; font-size:12px; text-align:center;margin:8px 15px 20px 15px; padding:60px 5px 15px 15px;}

#featured {}
#bloc_footer { color:#ac3d17; float:left; width:400px; margin-top:2%; text-align:left; font-size:9px;}



#valeurs-agence { background: url(../images/content-tl-bg.jpg-) no-repeat top; float:left; width:930px;font-size:12px; color:#6e5b54; padding:0px 10px; text-align:justify;}
#valeurs-agence h1{ color:#cb7a42; padding:0px 15px 5px 15px; font-size:16px;}
#valeurs-agence h5{ color:#417CAB; padding:15px; font-size:14px; line-height:20px; font-weight:normal;}



#separate_valeurs{ width:1px; margin-left:auto; margin-right:auto; height:480px; background-color:#cb5118; float:left;}


#bloc_gauche_valeurs { float:left; width:425px; padding:15px 25px 15px 15px;text-align:justify;}
#bloc_gauche_valeurs h1{ color:#cb7a42; padding:0px 0px 5px 0px; font-size:16px;text-align:justify;}

#bloc_droit_valeurs { float:right; width:425px; padding:15px;text-align:justify;}
#bloc_droit_valeurs h1{ color:#cb7a42; padding:0px 0px 5px 0px; font-size:16px;text-align:justify;}

#bloc_droit_contact { float:right; width:265px; padding:15px;text-align:center; margin-right:25px; font-size:10px; font-weight:bold; color:#cb7a42; font-weight:bold;}
#bloc_droit_contact h1{ color:#cb7a42; padding:0px 0px 5px 20px; font-size:16px;text-align:center;}


#bloc_gauche_contact { float:left; width:565px; padding:25px 25px 15px 15px;text-align:justify; }
#bloc_gauche_contact h1{ color:#cb7a42; padding:0px 0px 5px 0px; font-size:16px;text-align:justify;}

#agence { background: url(../images/content-tl-bg.jpg-) no-repeat top; float:left; width:615px;font-size:12px; color:#6e5b54; padding:40px 10px 0px 25px;text-align:justify;}
#agence h1{ color:#cb7a42; padding:0px 15px 5px 0px; font-size:16px; text-align:justify;}
#agence h5{ color:#cb7a42; padding:15px; font-size:14px; line-height:20px; font-weight:normal;text-align:justify;}



#gallery { margin-top:30px; width:400px; margin-left:150px;}



#searchbox { margin-top:90px; width:252px;height:40px;}

/*----------------------------------------------------------------------------------------*/
/*--- search ------------*/

fieldset.search {
	border: none;
	width: 248px;
	margin: 0 auto;
	height:46px;
}
.search input, .search button {
	border: none;
	float: left;
}
.search input.box {
	color: #fff;
	font-size: 1.2em;
	width: 194px;
	height: 30px;
	padding: 8px 5px 0;
	background:  url(../images/search_bg.gif) no-repeat left top;
	margin-right: 5px;
}
.search input.box:focus {
	background: #616161 url(../images/search_bg.gif) no-repeat left -38px;
	outline: none;
}
.search button.btn {
	width: 38px;
	height: 38px;
	cursor: pointer;
	text-indent: -9999px;
	background:  url(../images/search_bg.gif) no-repeat top right;	
}
.search button.btn:hover {
	background:  url(../images/search_bg.gif) no-repeat bottom right;	
}




	

/* Reset Defaults
--------------------------------------------------------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, del, dfn, font, img, ins, kbd, q, s, samp, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline;}
:focus { outline: 0;}
ul { list-style: none;}
table {	border-collapse: separate; border-spacing: 0;}
caption, th, td { text-align: left;	font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after { content: "";}
blockquote, q {	quotes: "" "";}


/* Basic Selectors
--------------------------------------------------------------------------------------- */

html {height: 100%;}
body { background: #f7f5f5  url(../images/bg_body.jpg) top center no-repeat; font: normal 62.5% Arial, Helvetica, Verdana, sans-serif; color: #6e5b54; height:auto;	background-color: #eaebe6;
}

h1, h2, h3, h4, h5, h6 { font-size:1.8em; font-weight:bold; color: #000000; font-family: Helvetica, Arial, Verdana, sans-serif; }
p { font-size:1.2em; line-height:1.4em; margin:12px 0; }
small { font-size:1.1em;}

.align-left { text-align:left; }
.align-center { text-align:center; }
.align-right { text-align:right; }

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

.clear-left {clear: left;}
.clear-right {clear:right;}
.push {clear:both;}

.hide {display: none;}
.overflow { width: 100%; overflow: hidden; }
p.btn { margin-top: 20px; margin-bottom: 0; }
p.last { margin-bottom: 0; }

.article_thumb { float: left; display: inline; margin: 16px 16px 16px 0; }

.title_full_width_border { width:100%; padding-bottom:12px; border-bottom:6px solid #ccc; }





/* Homepage Layout
--------------------------------------------------------------------------------------- */

.rotator { margin-bottom: 20px; }


.home_panel_left { float: left; display: inline; width: 646px; }
.home_panel_right { float: right; display: inline; width: 234px; background: #f9f6f5; border-top: 10px solid #8c817d; padding: 12px 10px 10px 10px; }

.home_projects { float: left; display: inline; width: 313px; border-top: 10px solid #ff6e00; padding-top: 12px; }
.home_help { float: right; display: inline; width: 313px; border-top: 10px solid #00cfe5; padding-top: 12px; }

.home_projects h3 { color: #ff6e00; }
.home_help h3 { color: #00cfe5; }

.home_projects_row { width:100%; overflow: hidden; margin-top: 12px; border-bottom: 1px solid #ebebeb;}
.home_projects_row img { float: left; display: inline; border: 5px solid #ebebeb; }
.home_project_content { float: right; display: inline; width: 49%; }
.home_project_content h4 { font-size: 1.4em;}
.home_project_content p { margin: 10px 0; }

.help img { border: 0; }

.home_help_row { overflow: hidden; margin-top: 12px; border-bottom: 1px solid #ebebeb;}
.home_help_row img { float: left; display: inline; border: 5px solid #ebebeb; }
.home_help_content { float: right; display: inline; width: 79%; }
.home_help_content h4 { font-size: 1.4em;}
.home_help_content p { margin: 7px 0; }

.home_bottom_left { float: left; display: inline; width: 424px; margin-top: 20px; }
.home_bottom_right { float: right; display: inline; width: 202px; margin-top: 20px; border-top: 10px solid #dfe4e1; padding-top: 12px; }
.home_bottom_right h3 { font-size: 1.3em; color: #939895; margin-bottom: 18px; }

.home_blog { width: 202px; border-top: 10px solid #dfe4e1; padding-top: 12px; }
.home_blog h4 { font-size: 1.3em; color: #939895; margin-bottom: 18px; }

.home_current_newsletter { overflow: hidden; width:100%; }
.home_current_newsletter img { float: left; display: inline; border: 3px solid #ebebeb; }
.home_news_content { float: right; display: inline; width: 40%; }
.home_news_content h4 { font-size: 1.4em;}
.home_news_content p { margin: 10px 0; }

.home_panel_right h3 { color: #8c817d; }
.home_events_row { padding: 12px 0; border-bottom:  1px solid #e7e2e0; }
.home_events_row h6 { font-size: 1.1em; color: #b8b0ad; }
.home_events_row h4 { font-size: 1.4em; margin-top: 4px; }

.home_ads { margin-top: 10px; }