@charset "ISO-8859-1";
/* CSS Document */

body {
font-family:Helvetica, Arial, sans-serif;
background-image:url(../img/fond14.jpg);
	background-color:#ececec;
	/*	font-family:Georgia, "Times New Roman", Times, serif; margin:0; color:#111; font-size:16px;*/
	/*font-family:Verdana, Geneva, sans-serif;*/
	margin:0;
	padding:0;
	overflow:hidden;/*	color:#413742;*/
}
div#header {
	/*background-image:url(../img/fond3.jpg);
	background-color:#FFF;*/
	position:fixed;
	width:100%;
	height:100px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #000;/*	background-color:#666;*/
	
	
}
div#footer {
		padding-left:30px;
	position:fixed;
	width:100%;
	height : 20px;
	bottom:0; /* stick to bottom */
/*background-color:#FFF;*/
}
div#footer p {
	padding:0;
	margin:0;
}
#pied {
	padding-top:0px;
	font-size:12px;
	font-weight:100;
	width:1000px;
	height : 20px;
	margin:0px;/*color:#172983;*/
	padding-left: 30px;
	padding-top: 2px;
}
#pied a{
	text-decoration:underline;
	color:#333;

}
#pied a:hover{
	text-decoration:underline;
	color:#000;

}
#signature {
	margin:0;
	float:left;
	padding-top: 30px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}
#signature h1 {	margin:0;
	font-family: Helvetica, Arial, sans-serif;
	font-size:34px;
	font-weight:300;
	/*color:#2b5aa0;*/
	padding-left:30px;
	
}
#signature h2 {
	/*	color:#2b5aa0;*/
font-size:18px;
	font-weight:100;
	padding-left:30px;
	margin:0;
}
ul {
	font-family: Helvetica, Arial, sans-serif;
	padding:0;
	margin:0;
}
ul {
	font-family:Helvetica, Arial, sans-serif margin:0; color:#000; font-size:18px;
	/*font-family:Georgia, "Times New Roman", Times, serif; margin:0; color:#111; font-size:28px;*/
	list-style-type:none;
/*color:#111;*/
	font-weight:300;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 50px;
	padding-top: 50px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0px;
}
.mfltrt { /* cette classe permet de rendre flottant le côté droit d'un élément dans la page. L'élément flottant doit précéder l'élément à côté duquel il doit se trouver dans la page. */
	margin-right: 100px;
}
.pfltrt { /* cette classe permet de rendre flottant le côté droit d'un élément dans la page. L'élément flottant doit précéder l'élément à côté duquel il doit se trouver dans la page. */
	display:block;
	float:right;
	height : 100px;
	bottom:0; /* stick to bottom */
}

.telephone {
	padding:0;
	color:#3a3d44;

	
	
	
	
	font-size:50px;
	font-weight:600;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 20px;
}
.clearfloat { /* cette classe doit être placée pour un élément div ou break et doit être l'élément final avant la balise de fin d'un conteneur qui doit contenir entièrement un élément flottant */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
.flottant_droit{
	padding-right:10px;
	float:right;}
	
	
/*------------------------------------------*/
/* SCROLLABLE */
	
/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {

	/* required settings */
	position:relative;
	
	overflow:hidden;
	width: 1680px;
	height:500px;

	/* custom decorations */
	/*border:1px solid #ccc;*/
/*background-image:url(../img/fond12.jpg);*/
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */

	width:20000em;

	position:absolute;
	clear:both;
	
	top: 0px;

	height:800px;
}

.items div {
		color:#000;

	float:left;
	width:1680px;
	overflow:hidden;
	height: 800px;
}
.items div p {
	font-size:12px;
	padding-top:40px;
	padding-left:50px;

}

/* single scrollable item */
.scrollable img {
	float:left;
	padding:2px;
	/*	border:1px solid #ccc;
	width:100px;
	height:75px;*/
	
/*	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;*/
	margin-left: 21px;
}

/* active item */
.scrollable .active {
	
	border:2px solid #000;
	position:relative;
	cursor:default;
}
	
/*------------------------------------------*/
/* SCROLLABLE burtton */
	
	
	/* this makes it possible to add next button beside scrollable */
.scrollable {
	float:left;	
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
	background:url(../img/scrollable/arrow/hori_large.png) no-repeat;
	display:block;
float:right;
	cursor:pointer;
	
	font-size:15px;
	font-weight:100;
	

	margin-top: 70px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
}

/* right */
a.right 				{



}
a.right:hover 		{ text-decoration:underline;

}
a.right:active 	{  } 


/* left */
a.left				{


	color: #000;

} 
a.left:hover  		{  text-decoration:underline;}
a.left:active  	{  }

/* up and down */
a.up, a.down		{ 


}

/* up */
a.up:hover  		{  }
a.up:active  		{  }

/* down */
a.down 				{ }
a.down:hover  		{ }
a.down:active  	{  } 


/* disabled navigational button */
a.disabled {
	color:#CCC;
	/*visibility:hidden !important;		*/
} 	
div#container {
	position:relative; /* needed for footer positioning*/


	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
}
h3{
	font-weight:100;}
	h4{
		
		padding-left:50px;
	font-weight:100;}