*
{
	margin : 0;
	font-family : 'Helvetica', Arial, sans-serif;
}
@font-face
{
	font-family : 'Jenna Sue';
	src : url('img/Jennasue.ttf');
}
.jenna
{
	font-family : 'Jenna Sue';
	font-weight : bold;
}
body
{
	background-image : url('img/bg.png');
	width : 100%;
}
#page
{
	width : 960px;
	max-width:1280px;
	min-width:800px;
	overflow:auto;
	margin-left: auto;
	margin-right : auto;
	text-align: center;
} 		
/******* HEADER *******/
header 
{
	margin : 0;
	margin-left : auto;
	margin-right : auto;
	height : 170px;
	background-image : url('img/head2.png');
	border-bottom : 20px solid #376E97;
}
#logo
{
	float : left;
	margin-top : 35px;
	margin-left : 35px;
	border : 2px solid #fff;
}
#entete
{
	padding-top : 40px;
	margin-left : 190px;
	color : #FFF;
	font-size : 50px;
	text-align : left;
}
#batiment
{
	float : right;
	padding-top : 15px;
	padding-right : 50px;
}
/***** NAV *****/
nav 
{
	clear : both;
	color : #fff;
}
/***** SECTION *****/
section 
{
	width : 960px;
	height : auto;
	padding-top : 20px;
	padding-bottom : 20px;
	color : #000;
	background-color : #fff;
	overflow: hidden;
}
#menu 
{
	float: left;
}
#menu ul 
{
	width : 250px;
	list-style-type : none;
	text-align : left;
}
#menu li
{
	display : block;
	font-size : 14px;
	font-weight: bold;
	border-bottom : 1px dashed #162E3F;
	margin-bottom : 20px;
}
#menu a
{
	text-decoration : none;
	display : block;
	padding: 0;
	color : #162E3F;
}
#menu a:hover
{
	color : #376E97;
}
#menu2 li
{
	width : 210px;
	font-size : 12px;
}
#menu a.active
{
	color : red;
}
#coord
{
	padding-right: 5px;
	margin-left : 40px;
}
#coord h1
{
	font-size:18px;
	padding-top : 26px;
	padding-bottom : 6px;
	color : #376E97;
}
#coord table
{
	background-color : #376E97;
	margin-right : 20px;
	border : 1px double #171717;
	padding : 5px;
	border-radius : 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	
}
#coord th
{
	color:#fff;
	font-size : 14px;
	font-weight : bold;
	border : none;
}
#coord td
{
	border : none;
	font-size : 14px;
	color : #fff;
}
#coord a
{
	color : #fff;
}
#coord a:hover
{
	color : #333;
}
.container 
{
	float : right;
	display : inline;
	width : 645px;
}
/**** Accueil ****/
#societe
{
	margin-top : 20px;
	padding-right : 20px;
	padding-left : 20px;
	text-align : justify;
}
#wrapper
{
	width : 500px;
	margin-left : auto;
	margin-right : auto;
}


#bienvenue
{
	font-size : 20px;
	margin-bottom : 20px;
}
/***Moyens***/
#moyens p, #moyens li
{
	text-align : left;
}
#moyens ul
{
	list-style-type : circle;
}
#slider-window
{
	position : relative;
	width : 400px;
	height: 300px;
	overflow : hidden;
	margin-left : auto;
	margin-right : auto;
	margin-top : 20px;
}
#prevSlide, #nextSlide
{
	width : 30px;
	height : 50px;
	position : absolute;
	top : 1025px;
	cursor : pointer;
}
#prevSlide
{
	left : 44%
}
#nextSlide
{
	right: 21%;
}
.slide 
{
	float : left;
	position : relative;
	list-style-type : none;
	left : -40px;
	width : 400px;
	height : 300px;
}
/*** Réalisations ***/
.carrousel { position:relative; }
.realisations{position:relative;}
.realisations .hidden { display:none; position:absolute; width: 303px;
height: 225px;
background:url('img/a_white_bg.png');
top: 0px;
left: 172px; }
.realisations .hidden p { color:#376E97; font-weight:bold; padding-top:100px;  }
.realisations h3
{
	margin-bottom : 20px;
	font-size : 12px;
}/*
.carrousel
{
	width : 300px;
	height : 225px;
}
.carrousel img
{
	overflow: hidden;
	position : absolute;
	left : 100px;
}
.carrousel div
{
	text-align: center;
	width: 300px;
	height: 225px;
	float: left;
	position: relative;
}
.carrousel div img {
	border: none;
}*/
.realisations a
{
	text-decoration : none;
}
.realisations a img
{
	border : none;
	position : relative;
}
.realisations span
{
	display : none;
	
}
.realisations h4
{
	color: #376E97;
}
/*** Réalisation individuelle ***/
.real
{
	width:630px;
	position:relative;
	margin:0 auto;
}
.real h1
{
	margin-bottom : 10px;
}
.real h3
{
	margin-bottom : 20px;
	font-size : 12px;
}
.ariane
{
	font-size : 12px;
	text-align : left;
	position : relative;
	top : -10px;
	left: 0;
	margin-bottom : 10px;
}
.ariane a 
{
	text-decoration : none;
	color : #000;
	border-bottom : 1px dotted #000;
}
.real img
{
	border-radius: 10px;
}
#info_real
{
	margin-top:550px;
}
.real table
{
	margin-top : 20px;
	margin-bottom : 20px;
	margin-left : auto;
	margin-right: auto;
	background-color : #fff;
	border : 1px solid #fff;
	color : #000;
	width : 500px;
	border-collapse: collapse;
}
.real th
{
	text-align : left;
	width : 160px;
}
.real td
{
	padding-left: 15px;
	text-align : left;
}
.real th, td
{
	border-bottom : 1px solid #044EB7;
}
#wrapper-carrou {
	position: absolute;
	width: 500px;
	height : 335px;
	top: 100px;
	left: 11%;
}
#carousel-wrapper {
	padding-bottom: 10px;
	position: relative;
}
#carousel, #thumbs {
	overflow: hidden;
}
#carousel-wrapper .caroufredsel_wrapper {
	border-radius: 10px;
	box-shadow: 0 0 5px #899;
}

#carousel span, #carousel img,
#thumbs a, #thumbs img  {
	display: block;
	float: left;
}
#carousel span, #carousel a,
#thumbs span, #thumbs a {
	position: relative;
}
#carousel img,
#thumbs img {
	border: none;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 10px;
	-webkit-transition: border-color .5s;
	-moz-transition: border-color .5s;
	-ms-transition: border-color .5s;
	transition: border-color .5s;
}


#carousel span {
	width: 500px;
	height: 335px;
}

#thumbs-wrapper {
	padding: 20px 40px;
	position: relative;
}
#thumbs a {
	border: 2px solid #899;
	width: 33px;
	height: 22px;
	margin: 0 10px;
	overflow: hidden;
	border-radius: 10px;
	
	-webkit-transition: border-color .5s;
	-moz-transition: border-color .5s;
	-ms-transition: border-color .5s;
	transition: border-color .5s;
}
#thumbs a:hover, #thumbs a.selected {
	border-color: #566;
}

#prev, #next {
	background: transparent url('img/carousel_nav.png') no-repeat 0 0;
	display: block;
	width: 19px;
	height: 20px;
	margin-top: -10px;
	position: absolute;
	top: 50%;
}
#prev {
	background-position: 0 0;
	left: 10px;
}
#next {
	background-position: -19px 0;
	right: 10px;
}			
#prev:hover { 
	background-position: 0 -20px;				
}
#next:hover {
	background-position: -19px -20px;				
}
#prev.disabled, #next.disabled {
	display: none !important;
}
			
/*** Partenaires ***/
#partenaires table
{
	margin-left : auto;
	margin-right : auto;
	margin-top : 40px;
	width : 500px;
}
#partenaires th 
{
	width : 150px;
}
#partenaires td
{
	border : none;
	font-size : 13px;
	font-weight : bold;
	margin-left : auto;
	margin-right: auto;
}
#partenaires a
{
	text-decoration : none;
	color : #333;
}
#partenaires a:hover
{
	border-bottom : 1px dotted #333;
}
/*** DIAPORAMA ***/
#wrapper_big
{
	background-color: #fff;
	border: 1px solid #ccc;
	width: 600px;
	height: 450px;
	padding: 20px;
	margin: -220px 0 0 -370px;
	position: absolute;
	top: 275px;
	right: 10px;
	box-shadow: 0 0 10px #ccd;
}
.carousel_big, .carousel_big div
{
	width: 600px;
	height: 450px;
	overflow: hidden;
}
/*** Contact ***/
.msg 
{
	font-size : 1.2em;
}
#contact form,input,select,textarea
{
	color:#ffffff;
}	
#contact 
{
	margin-bottom : 20px;
	margin-right : 5px;
}
#contact a 
{
	text-decoration : none;
	color : #fff; 
}
#contact a:hover
{
	border-bottom : 1px dotted #fff;
}
#formulaire 
{
	float: left;
	width: 620px;
	background:#376E97;
	position:relative;
	top:20px;
	left : 20px;
	padding-bottom : 10px;
	border:1px solid #162E3F;
}
#formulaire h1 
{ 
	color:#ffffff;
	font-size:18px;
	text-transform:uppercase;
	padding:5px 0 5px 5px;
	border-bottom:1px solid #162E3F;
	border-top:1px solid #162E3F; 
}
#formulaire label 
{
	width:100%;
	display: block;
	background:#376E97;
	padding:10px 0 10px 0;
}
#formulaire label span 
{
	display: block;
	color:#fff;
	font-size:16px;
	float:left;
	width:100px;
	text-align:right;
	padding:5px 20px 0 10px;
}
#formulaire .input 
{
	padding:10px 10px;
	width:200px;
	background:#0099CC;
	border-bottom: 1px solid #162E3F;
	border-top: 1px solid #162E3F;
	border-left:1px solid #333333;
	border-right:1px solid #333333;
}
#formulaire .input:focus:invalid, #formulaire .message:focus:invalid
{
	background : url('img/cancel.png') 98% center no-repeat;
}
#formulaire .input:focus:valid, #formulaire .message:focus:valid
{
	background : url('img/ok.png') 98% center no-repeat;
}
#formulaire .message
{
	padding:7px 7px;
	width:350px;
	background:#0099CC;
	border-bottom: 1px double #162E3F;
	border-top: 1px double #162E3F;
	border-left:1px double #333333;
	border-right:1px double #333333;
	overflow:hidden;
	height:150px;
}
#formulaire .button
{
	margin:0 0 10px 0;
	padding:4px 7px;
	background:#0099CC;
	border:0px;
	position: relative;
	top:10px;
	width:100px;
	border-bottom: 1px double #162E3F;
	border-top: 1px double #162E3F;
	border-left:1px double #333333;
	border-right:1px double #333333;
	cursor : pointer;
}
#formulaire select
{
	padding: 10px 10px;
	width: 220px;
	background:#0099CC;
	border-bottom: 1px solid #162E3F;
	border-top: 1px solid #162E3F;
	border-left: 1px solid #333333;
	border-right: 1px solid #333333;
}
.error
{
	display : none;
}
#info 
{
	color : #000;
}
/***Plan d'accès***/

#acces h1
{
	margin-bottom : 20px;
}
#acces p
{
	font-size : 12px;
}
#acces form
{
	margin-left: auto;
	margin-right: auto;
}
#acces .input
{
	padding:10px 10px;
	width:300px;
	background:#0099CC;
	border-bottom: 1px solid #162E3F;
	border-top: 1px solid #162E3F;
	border-left:1px solid #333333;
	border-right:1px solid #333333;
}
#acces label
{
	width:600px;
	margin-left : auto;
	margin-right: auto;
	display: block;
	background:#376E97;
	border-top:1px solid #162E3F;
	border-bottom:1px solid #162E3F;
	padding:10px 0 10px 0;
}
#acces label span
{
	display: block;
	color:#fff;
	font-size:14px;
	float:left;
	width:200px;
	text-align:right;
	padding:10px 20px 0 10px;
}
#acces .button
{
	margin:0 0 10px 0;
	padding:4px 7px;
	background:#0099CC;
	border:0px;
	position: relative;
	top:10px;
	width:200px;
	border-bottom: 1px double #162E3F;
	border-top: 1px double #162E3F;
	border-left:1px double #333333;
	border-right:1px double #333333;
	cursor : pointer;
}
#legendmarker
{
	color : #000;
	font-size : 14px;
}
#legendmarker h1
{
	font-size : 16px;
}
#legendmarker h1, #mini_logo
{
	display : inline;
	vertical-align : middle;
}
#mini_logo
{
	padding : 0 20px 5px 0;
}
#carte
{
	width : 600px;
	height : 500px;
	margin-left : auto;
	margin-right: auto;
	margin-top : 20px;
	margin-bottom : 20px;
	color : #000;
}
#panel 
{
	width : 600px;
	margin-left : auto;
	margin-right : auto;
}
#panel td
{
	border-bottom : none;
}
/*** Mentions ***/
#mentions
{
	text-align : justify;
	margin-right : 20px;
}
#mentions h2
{
	font-size : 15px;
}
#mentions h3
{
	font-size : 14px;
}
#mentions p
{
	font-size : 12px;
}

/***** FOOTER *****/
.clear
{
	clear: both;
}
footer 
{
	width : 100%;
	height : 40px;
	background-color : #376E97;
}
footer p
{
	color : #fff;
	font-size : 13px;
	font-weight : bold;
	padding-top : 11px;
}
footer a
{
	text-decoration : none;
	color : #ffffff;
	border-bottom : 1px dotted #ffffff;
}
footer a:hover
{
	border-bottom : 1px dotted #0099CC;
	color : #0099CC;
}