/*       Rezet CSS     */


/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html { 
	background: url(images/bg_site.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

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;
}







/*  Header */
		
#header { 
width:100%;
height:100px;

background-color:#302C26;
position:relative;

}

#logo { 
background-image:url(images/logo.png);
background-repeat:no-repeat;
width:300px;
height:69px;
margin-left:10px;

}

 
#header span { 

visibility:hidden;
}	 
	
	
	
	
.section a {
	text-decoration: none;
	display:block;
	height:100%;
	width:100%;
}




/*          Titre           */


h1 { 
margin-top:10px;
	font: 18px/27px 'TitilliumText22LThin', Arial, sans-serif;
	font-weight: bold;
	color:#FFF;
text-align:center;
}

.section h1 {
	text-decoration: none !important;
	margin-top:0;
}

h2 { 
margin-top:10px;
	font: 28px/37px 'TitilliumText22LThin', Arial, sans-serif;
	color:#FFF;
	font-weight:bold;

width:370px;
padding-bottom:10px;
text-align:left;
padding-left:10px;
}
 
 
 

h3 { 
margin-top:0px;
	font: 27px 'TitilliumText22LThin', Arial, sans-serif;
	color:#FFF;
text-align:left;
margin-bottom:10px;
font-weight:bold;
}



h4 { 
margin-top:30px;
	font: 27px 'TitilliumText22LThin', Arial, sans-serif;
	color:#FFF;
text-align:left;
font-weight:bold;


}











/*    Menu   */	

#menu ul {
	padding : 0; 
	margin : 0;
}

#menu .selected {
	color:#7F9A47;
}

#menu li {
	font: 18px/27px 'TitilliumText22LThin', Arial, sans-serif;
	font-weight: bold;
	display : block;
}


#menu li first {
	
	padding-top:0px;
	display : block;
}

#menu li p {
	text-transform: uppercase;
	font-size: 16px;
	margin-top: 0px;
	margin-left: 0px;
	height:40px;
}

#menu li a {
	color:#fff;
	text-decoration: none;
}

li.niveau1 p:hover { 
	color:#7F9A47;}

#menu li.niveau2 {
	
	
	
	margin-left:130px;
	background:#111; background:rgba(0,0,0,0.75);
	text-indent: 0px;
	
	font-size: 12px;
	width: 120px;
	text-decoration: none;
	-webkit-border-radius: 0px 10px 10px 0px;
-moz-border-radius:  0px 10px 10px 0px;
border-radius:  0px 10px 10px 0px; 
	
	
}

.niveau2 a:link, .niveau2 a:active, .niveau2 a:visited { 
	color: #FFF; 	
	display: block;
	text-decoration: none;
	
}

#menu li ul /* Sous-listes */ { 
	position: absolute;
	left: -999em;
	text-decoration: none;
	
	
}

#menu li:hover ul, #menu li.sfhover ul /* Sous-listes lorsque la souris passe sur un élément de liste*/ {
	
	left: auto; /* Repositionnement normal */
	min-height: 0; /* Corrige un bug sous IE */
	text-decoration: none;
	color:#7F9A47;
	margin-top:-55px;
	
	
}


#content{ position:absolute;left:45%;top:30%;  background:#111; background:rgba(0,0,0,0.85); width:130px; text-align:center; padding:10px 0px 10px 0px;-webkit-border-radius: 4px 4px 4px 4px;
-moz-border-radius: 4px 4px 4px 4px;
border-radius:  4px 4px 4px 4px;-moz-box-shadow: 0px 0px 5px #000;
	-webkit-box-shadow: 0px 0px 5px #000;
 }	
	
#content.show_content {
	left: 10% !important;
}	
	

	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	





/*  Different en fonction de la page */



#cont { 
position:absolute;
width:735px;
height:475px;
left: 22%;
top:23%;
background:#111; background:rgba(0,0,0,0.75);

padding:5px;
-webkit-border-radius: 4px 4px 4px 4px;
-moz-border-radius: 4px 4px 4px 4px;
border-radius:  4px 4px 4px 4px;
overflow:auto;

}
	
.section { 

width:222px;
height:142px;
float:left;
margin:7px;

}

#cont2 { 
position:absolute;
width:715px;
height:400px;
left: 22%;
top:23%;
background:#111; background:rgba(0,0,0,0.85);

padding:5px;
-webkit-border-radius: 4px 4px 4px 4px;
-moz-border-radius: 4px 4px 4px 4px;
border-radius:  4px 4px 4px 4px;


}


#cont4 { 
position:absolute;
width:705px;
height:450px;
left: 22%;
top:23%;
background:#111; background:rgba(0,0,0,0.85);

padding:15px;
-webkit-border-radius: 4px 4px 4px 4px;
-moz-border-radius: 4px 4px 4px 4px;
border-radius:  4px 4px 4px 4px;
}

#cont4 img {
	margin-right: 15px;
}

#cont4 h4 {
	margin-top: 0;
}
	
.sectionperso { 

width:370px;
height:400px;

float:left;
margin-top:7px;



}

.sectionimage { 

width:320px;
height:400px;

float:left;
margin-top:7px;
margin-left:7px;


}

#cont3 { 
position:absolute;
width:670px;
height:300px;
left: 22%;
top:23%;
background:#111; background:rgba(0,0,0,0.85);

padding:5px;
-webkit-border-radius: 4px 4px 4px 4px;
-moz-border-radius: 4px 4px 4px 4px;
border-radius:  4px 4px 4px 4px;


}

.portrait { 

width:450px;
height:400px;

float:left;
margin:7px;
margin-left:15px;
color:#FFF;
}

.portrait .text {
	font: 14px 'TitilliumText22LThin', Arial, sans-serif;
	text-align: justify;
}
	
.sectionperso2 { 

width:270px;
height:400px;

float:left;
margin:7px;
margin-left:15px;
color:#FFF;


}	

.sectionperso2 .email a {
	color: #FFFFFF;
    font: 15px 'TitilliumText22LThin',Arial,sans-serif;
	text-decoration: none;
}


.titre { 



}



#contactform { 
margin-top:60px;
padding-left:60px;

font: 14px 'TitilliumText22LThin', Arial, sans-serif;
color:#FFF;

}

 
.images { 

border:#FFF 2px solid;

-webkit-border-radius: 4px 4px 4px 4px;
-moz-border-radius: 4px 4px 4px 4px;
border-radius:  4px 4px 4px 4px;

float:left;

} 


#clear { 
clear:both;

}


.texte { 
color:#FFF;
padding:0px;
padding-left:0px;
float:left;
width:370px;
text-align:justify;
font: 14px 'TitilliumText22LThin', Arial, sans-serif;
}


.photo { 
float:right;
margin-top: 20px;
height: 23px;
width: 129px;
}

.photo a {
	display:block;
	width:100%;
	height:100%;
}

.hidden {
	display:none;
}

p.nom { 
color:#7F9A47;
font: 20px 'TitilliumText22LThin', Arial, sans-serif;
margin-top:17px;
font-weight:bold;
}


.archi {
	width:300px;
	height:30px;
	
	color:#FFF;
	
	
	
	
	 }
	 
	 
	 
.ville { 
font: 15px 'TitilliumText22LThin', Arial, sans-serif;

color:#7F9A47;
margin-bottom:0px;
margin-top:10px;
font-weight:bold;
}	 

p.adresse { 
font: 15px 'TitilliumText22LThin', Arial, sans-serif;
color:#fff;

}

p.numero { 
font: 15px 'TitilliumText22LThin', Arial, sans-serif;
color:#FFF;
margin-bottom:3px;
}
p.email { 
font: 15px 'TitilliumText22LThin', Arial, sans-serif;
color:#FFF;
margin-bottom:3px;
margin-top:10px;
}


p.presse { 
font: 14px 'TitilliumText22LThin', Arial, sans-serif;
color:#FFF;
}










.sectionperso3 { 

width:350px;
height:400px;

float:left;
margin-top:7px;
margin-left:20px;



}

.sectionimage2 { 

width:330px;
height:400px;

float:left;
margin-top:7px;
margin-left:7px;


}










/*       Footer     */

#footer_logo {
	
	float:right;
	padding: 15px 10px 10px 10px;
	opacity: 0.2;
	
	 }
	 
	#footer { margin:0 auto; height:52px; width:100%; bottom:0; left:0; z-index:4; background-color:#302C26; position:fixed; }
		#footer_controls { overflow:hidden; height:100%; text-align:left; z-index:5; padding:0 10px; /* Increase padding to give thumbnails room */ }
			#copy { float:left; color:#fff; font:13px 'TitilliumText22LThin', Helvetica, Arial, sans-serif; text-shadow:#000 0 -1px 0; margin:19px 10px 18px 20px; }
			#slidecaption { overflow:hidden; float:left; color:#FFF; font:16px 'TitilliumText22LThin', Helvetica, Arial, sans-serif; font-weight:bold; text-shadow:#000 0 2px 0; margin:23px 20px 23px 0; }
			#navigationright {position:absolute; top:87%; left:95%; margin:auto;  }
			#navigationleft { position:absolute; top:87%; left:97%; margin:auto } 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	input, textarea, select, option {
 background:rgba(0,0,0,0.75);
 }
input, textarea, select {
 padding:3px;
color:#FFF;
border: 1px #666 solid;
margin:2px;
-webkit-border-radius: 4px 4px 4px 4px;
-moz-border-radius: 4px 4px 4px 4px;
border-radius:  4px 4px 4px 4px;
width: 240px;
 }

textarea {
	width: 310px;
}
 
select {
 margin-top:10px;
 }

input[type=submit], input[type=reset] {
 width:100px;
 margin-left:5px;

 cursor:pointer;
 }
	 
	 
	 
	 
	 
/*       Pluggin CSS     */



/*
	Supersized - Fullscreen Slideshow jQuery Plugin
	Version 3.1.3
	www.buildinternet.com/project/supersized
	
	By Sam Dunn / One Mighty Roar (www.onemightyroar.com)
	Released under MIT License / GPL License
*/

* { margin:0; padding:0; }
	img{ border:none; }
	
	#supersized-loader { display:none; /* position:absolute; top:50%; left:50%; z-index:10; width:60px; height:60px; margin:-30px 0 0 -30px; text-indent:-999em; background-color:#111; background:rgba(0,0,0,0.8) url(../img/progress.gif) no-repeat center center; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; */}
	
	#supersized { position:fixed; left:0; top:0; overflow:hidden; z-index:-999; height:100%; width:100%; }
		#supersized img{ width:auto; height:auto; position:relative; display:none; outline:none; border:none; }
			#supersized.speed img { -ms-interpolation-mode:nearest-neighbor; image-rendering: -moz-crisp-edges; }	/*Speed*/
			#supersized.quality img { -ms-interpolation-mode:bicubic; image-rendering: optimizeQuality; }			/*Quality*/
		
		#supersized a { z-index:-30; position:absolute; overflow:hidden; top:0; left:0; width:100%; height:100%; background:#111;}
			#supersized a.prevslide { z-index:-20; }
			#supersized a.activeslide { z-index:-10; }
			#supersized a.prevslide img, #supersized a.activeslide img{ display:inline; }
	
	
	
	
	
	
	
	




/*  Font-face      */


	
	
	
	
	/* Scroll Bar Master Styling Starts Here */
/* All comments can be freely removed from the css */

/*  scrollgeneric is used for corrective styling of elements, and should not be modified or removed */ 
.scrollgeneric {
line-height: 1px;
font-size: 1px;
position: absolute;
top: 0; left: 0;
}

.vscrollerbase {
width:22px;
}
.vscrollerbar {
background-image: url(scrollbar.png);
width: 22px;
/* following is the bit that allows us fixed height scrollbars */
height: 110px !important;
/* for fixed height, we force the vscrollerbar class with an !important decleration, and fleXcroll follows suit.*/

background-image: url(scrollbar.png);
/* unfortunately, due to limitations of CSS, we cannot provide a color for the background when we are
using alpha images, thay have to be transparent.*/
}

* html .vscrollerbar {
/* IE6 alpha png trick */
/* IE7 is not affected by this trick, as it perfectly handles the normal png */
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='scrollbar.png');
background-image: none;
}


/* do not forget to give horizontal scrollbars some color properties even if you don't plan on using them */
.hscrollerbase {height: 22px;}
.hscrollerbar {height: 22px; background-color: #84ADD6;}

.vscrollerbar, .hscrollerbar {
/* paddings of these elements will decide how far the scrollbar will stop in both ends, and are not actually
used for styling, and are set to 0 by the script, here we will set them the size of our faux arrows */
padding: 0px;
z-index: 2;
}

/* properties for scroller jog box, just in case */
.scrollerjogbox {
width: 22px;
height: 22px;
top: auto; left: auto;
bottom: 0px; right: 0px;
background: #698AAA;
}


/* Scroll Bar Master Styling Ends Here */