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


/*RESET*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}



/*font-face*/
@font-face {
    font-family: 'AgencyFBRegular';
    src: url('font-face/agencyfb-reg.eot');
    src: url('font-face/agencyfb-reg.eot') format('embedded-opentype'),
         url('font-face/agencyfb-reg.woff') format('woff'),
         url('font-face/agencyfb-reg.ttf') format('truetype'),
         url('font-face/agencyfb-reg.svg#AgencyFBRegular') format('svg');
}






/*base style*/

body { background-color:white ; padding:0px; margin: 0px;}

.global { width: 990px; height:auto; margin:0px auto; position:relative;}

.header { width:auto; height:81px; margin-top:50px; margin-bottom: 35px;}

.nav { width:990px; height:47px; background-color:#FFF; margin-bottom:16px; border-top: solid 1px black; border-bottom: solid 1px black;}

.contenu { width:990px; height:1050px; background-color:#FFF; padding-bottom:16px; padding-top:33px; position:relative; }

.contenu_details { width:990px; height:777px; background-color:#FFF; padding-bottom:16px; padding-top:33px; }

.contenu_apropos { width:990px; height:1560px; background-color:#FFF; padding-bottom:16px; padding-top:33px; }

.contenu_demarche { width:990px; height:915px; background-color:#FFF; padding-bottom:16px; padding-top:0px; }

.contenu_demarche iframe {
	width: 990px;
	height: 460px;
	margin-bottom: 45px;
}

.contenu_contact { width:990px; height:100px; background-color:#FFF; padding-bottom:16px; padding-top:33px; }

.contenu_mentions { width:990px; height:250px; background-color:#FFF; padding-bottom:16px; padding-top:33px; }

.footer { width:990px; height:80px; background-color:white;}

.col {width:928px; margin:0px auto;}

.col_gauche { width:348px; float:left; margin:0px 74px 0px Opx;}

.col_droite { width:506px; float:right;}

.clear { clear:both;}

.btn1 { float:left; }
.btn2 { float:right; }

.btn1, .btn2, a { text-decoration:none; color:#FFFFFF;}

.border_footer { width:928px; height:30px; border-top:solid #000 1px; margin:0px auto; clear:both; bottom:30px; position:relative; font-family: 'AgencyFBRegular'; font-size:13px; padding-top:15px; text-align:center;}


/*actualités*/
.col_gauche ul li { font-family:Arial, Helvetica, sans-serif; color:#000000; font-size:13px; margin-bottom:20px; text-align:justify; list-style: url(../images/puce.gif); margin-left:12px; height:auto; line-height:15px;}

/*portfolio*/
.col_droite ul li a { width:162px; height:162px; float: left; display: inline; background-color:#666666; margin-bottom:10px;}

.separateur1 { width:10px; height:10px; background-color:#FFFFFF; float:left;}

.portfolio { width:930px; margin:-3px auto ;}

.portfolio ul li a {display: inline; }

.portfolio ul li { float:left; width:162px;height:162px; margin-bottom:30px;}


.separateur2 { width:30px; height:30px; background-color:#FFFFFF; float:left;}

.portfolio-cat {
	width:232px;
	float:left;
	text-align: center;
	margin-top: 30px;
}

.portfolio-cat img {
	margin: 0px auto;
}

.portfolio-cat h4 {
	margin: 10px auto;
	width:232px;
	background-image: none;
	color: black;
	font-size: 20px;
	}

.portfolio-cat h4 a {
	color: black;
}

.portfolio-duende {
	width: 432px;
	float:left;
}

.explication-duende {
	width: 558px;
	float:left;
}

.explication-duende p {
	font-family:Arial, Helvetica, sans-serif; 
	color:#000000; 
	font-size:13px; 
	text-align:justify; 
	margin-bottom:10px; 
	line-height:15px;
}

.portfolio-duende ul li a {display: inline; }

.portfolio-duende ul li { float:left; width:162px;height:162px; margin-bottom:30px;}

.portfolio-extraction ul li { float:left; width:354px; height:218px; margin-bottom:13px;}
.portfolio-extraction {
	width: 432px;
	float:left;
}

/*titre*/

h1 { font-family: 'AgencyFBRegular'; color:#244599; font-size:50px; margin-bottom:5px; text-align: center;}

h2 { font-family:'AgencyFBRegular'; color:#ee652e; font-size:20px; letter-spacing:1px; text-align: center;;}

h3 { font-family:'AgencyFBRegular'; color:#000; font-size:18px; letter-spacing:1px; border-bottom:solid #000000 1px; text-transform:uppercase; height:25px; margin-bottom:10px;}

h4 { font-family: 'AgencyFBRegular'; height:42px; width:162px; color:#FFFFFF;  text-decoration:none; text-align:center; line-height:42px; font-size:18px; background-image:url(../images/bg_btn.gif);}

h3 a { color:#000;} 


/*navigation*/
.nav ul { width:990px; height:47px; overflow: auto;}

.nav ul li a { font-family: 'AgencyFBRegular'; color:#000; font-size:23px; text-transform:uppercase; display:inline; list-style:none; width:247.5px; height:47px; line-height:47px; text-decoration:none;}

.nav ul li a:hover { color:#ee652e;}

#on { color:#244599;}

.nav ul li { float:left; width:247px;  text-align:center;}



/*SLIDER*/

#slider { width:928px; height:400px; margin:0px auto; background-color:#666; margin-bottom:26px; position:relative;}

/* Easy Slider */

	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:928px;
		height:426px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:58px;
		height:74px;
		position:absolute;
		left:50px;
		top:225px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:910px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:58px;
		height:74px;
		background:url(../images/left.png) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(../images/right.png) no-repeat 0 0;	
		}	
		
	/* numeric controls */	

	ol#controls{
		margin:1em 0;
		padding:0;
		height:28px;	
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#controls li a{
		float:left;
		height:28px;
		line-height:28px;
		border:1px solid #ccc;
		background:#DAF3F8;
		color:#555;
		padding:0 10px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#5DC9E1;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
/* // Easy Slider */



/*DETAILS*/

.detail { 
	width: 928px;
	height: 420px;
	margin: 0px auto;
	margin-bottom: 50px;
	position: relative;
	padding-top: 0px;
}

#infos_toile ul li { font-family:Arial, Helvetica, sans-serif; color:#000000; font-size:13px; margin-bottom:10px; width: auto; height:auto; float:none; }

#bold { font-weight:bold;}

#bold_ {font-family: 'AgencyFBRegular'; }

.left {
	width:31px;
	height:40px;
	position:absolute;
	left: 20px;
	top: 190px;
}

.right {
	width:31px;
	height:40px;
	position:absolute;
	right: 20px;
	top: 190px;
}

/*A PROPOS*/
.contact ul li { font-family:Arial, Helvetica, sans-serif; color:#000000; font-size:13px; margin-bottom:20px; text-align:justify; list-style: url(../images/puce.gif); margin-left:12px; height:90px; line-height:15px;}


/*CONTACT*/

.contact { width:930px; margin:-3px auto ;}

.contact p { font-family:Arial, Helvetica, sans-serif; color:#000000; font-size:13px; text-align:justify; margin-bottom:10px; line-height:15px;}