header, footer, nav, section, article {
 display:block;
}

/* Reset Common Tags */
html, body, div, ul, ol, dd, dl, dt, li, h1, h2, h3, h4, h5, p, a, form {
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4, h5, p, form {
	font-weight:normal;
}

a img {
	border:0;
}

/* -- HTML ----------------------------------------------------------- */
/* -------------------------------------------------------------------- */
html {
	background: #273238 url(../images/bg.gif);
}

/* -- Body ------------------------------------------------------------ */
/* -------------------------------------------------------------------- */
body {
	color: #fff;
	font: 12px/18px Georgia, "Times New Roman", Times, serif;
}

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

a:hover {
	color: #75848c;
}

/* -- Clearer for floats ---------------------------------------------- */
/* -------------------------------------------------------------------- */
.container {
	clear:both;
	float:left;
}


.clearer {
	clear:both;
	text-align:center;
}

.entre {
	margin:0 0 0 -250px;
}

/* -- Header ------------------------------------------------------------- */
/* -------------------------------------------------------------------- */
#html5 {
	position:absolute;
	top:0;
	right:0;
}
#langue {
	height: 32px;
	background: #242e34;
	border-bottom: 1px solid #2f3b42;
	color: #75848c;
	font-size: 18px;
	padding:12px 0 0 0;
}

	#langue a {
		float:right;
		font:14px Georgia, "Times New Roman", Times, serif;
		display:none;
	}
	

#logo {
	float: left;
	width: 237px;
	margin: 28px 0 23px 0;
}

#disponibilite {
	color: #75848c;
	font-style: italic; 
	font-size:15px;
	line-height:20px;
	margin: -55px 0 50px 0;
	float:left;
	width: 605px;
}

	#disponibilite img {
		position:relative;
		top: 22px;
		margin: 0 8px;
	}
	
	#disponibilite span {
		margin: 0 0 0 228px;
	}

#demandeligne {
	color: #fff;
	font-size: 18px;
	line-height:20px;
	text-transform: uppercase;
	margin: 0;
	float:right;
	width:478px;
	height:60px;
	letter-spacing:0.05em;
}

	#demandeligne img {
		position:relative;
		left:155px;
		top:5px;
	}
	
	#demandeligne span a  {
		position:relative;
		left:228px;
		top:-63px;
	}
	
a.rollover {  background-image: url(../images/bt_demande_FR.png); height: 80px; width:259px; display:block; text-indent: -1999px }
a.rollover span { display:none;  }
a.rollover:hover { background-image:url(../images/bt_demande-over_FR.png); }	
	
/* -- Navigation --------------------------------------------------------- */
/* -------------------------------------------------------------------- */
nav {
	width: 960px;
	margin: 24px auto 0 auto;
	position: relative;
	top: 0px;
	clear:both;
	font-family:Georgia, "Times New Roman", Times, serif;
	text-transform:uppercase;
}

nav ul {		list-style:none;margin:0;padding:0;font:26px Georgia, "Times New Roman", Times, serif;text-transform:uppercase;}
nav ul li {	float:left;width:240px; margin:0;padding:0;text-align:left; background:url("../images/bg_menu.png");}
nav ul li a {	display:block;padding:15px 20px;height:100%;color:#fff;text-decoration:none;}
nav ul li a:hover, li a:focus, li a:active {color:#242f35}
#menu a {	background:url("../images/bg.png") repeat 0 0;}
nav ul li span {display:block;padding:15px 20px;height:100%;color:#242f35;background:url(../images/bg.png) 0 -230px;border-right:1px solid #d6d6d6;}


#menu a.firstitem {	background:url("../images/bg-home.png") repeat 0 0;}


/* -- Wrapper --------------------------------------------------------- */
/* -------------------------------------------------------------------- */
.wrapper {
	width: 960px;
	margin: 0 auto;
}
/* -- Presentation ---------------------------------------------------- */
/* -------------------------------------------------------------------- */
#presentation {
	width: 100%;
	height:305px;
	background:#fff url(../images/bg_presentation.jpg) repeat-x bottom;
	clear:both;
	border-bottom:1px solid #252f35;
}

div#dessous { 
	position:relative; 
	width:960px; 
	height:315px;
	padding:0; 
}

	#dessous img {
		margin:0 0 0 170px;
	}
	
	.texteintro {
		float:right;
		width: 482px;
		position:relative;
		left:4px;
		margin:25px 0 0 0;
	}
	
	.texteintro a {
		color: #4e6370;
		text-decoration:underline;
	}
	
	.texteintro p {
		color: #2a353b;
		margin: 23px 0;
		font-size: 16px;
		line-height:25px;
	}
	
	
	.texteintro h2 {
		color: #2a343a;
		font-size:28px;
	}
	
	.texteintro h3 {
		color: #2a353b;
		font-size:22px;
		margin:10px 0 0 0;
	}
		
	.titreintro {
		float:left;
		width: 435px;
	}
	.titreintro h1 {
		color: #2a353b;
		margin: 26px 0 0 0;
		padding:0;
		font-size:2.8em;
		line-height:120%;
		width: 435px;
	}
	
	.titreintro h1 span {
		color: #fff;
	}
	
	.titreintro h1 span.accueil {
		background: url(../images/bg_rafraichir_FR.jpg);
	}
	
	.titreintro img {
		margin:0 0 0 0;
	}
	
	.wrapper ul, .wrapper ul li  {
		margin:0;
		padding:0;
	}

	
		#dessous div h2 span {
			font-size: 15px;
			line-height:24px;
		}
		
		#mycarousel li h1 {
			font-size: 23px;
			color: #2a353b;
			margin:-10px 0 0 0 ;
			text-align:left;
		}
		
		#mycarousel li h1 img {
		position:relative;
		top:15px;
		margin:0 10px 5px 0;
		}

/* -- Temoignages  ------------------------------------------------------- */
/* ---------------------------------------------------------------------- */
#temoignages {
    width:960px;
	height:320px;
	background:url(../images/bg_temoignages.png) top left no-repeat;
	margin:40px 0 20px 0;
	padding:20px 0 0 0;
}

	#temoignages h1, #temoignages h2 {
		text-transform: uppercase;
	}
	
	#temoignages h2 {
		text-transform: uppercase;
		font-size: 18px;
		margin: 0 0 6px 0;
	}
	
	#temoignages .col3 h2 {
	font-size: 1.25em;
	}
	
	#temoignages h1 {
		text-transform: uppercase;
		font-size: 16px;
		line-height:170%;
		margin: 60px 0 0 0;
		text-align:center;
	}
	
		#temoignages h1 span {
			font-size: 28px;
		}
		
		#temoignages h1 img {
			margin: 15px 0;
		}


.col1 {
   float: left;
   width:236px;
}

.col2, .col3, .col4 {
   padding: 0 15px 0 25px; 
}

.col2, .col3, .col4 {
   float: left;
   width: 200px;
   background:url(../images/bg_temoignages.gif) repeat-y top left;
}

.col2 h1, .col3 h1, .col4 h1 {
   font: italic 14px Georgia, "Times New Roman", Times, serif;
   color:#abbbc5;
}

.col1 p, .col2 p, .col3 p, .col4 p {
   font: italic 14px Georgia, "Times New Roman", Times, serif;
   color:#abbbc5;
   margin: 10px 0 0  0;
}

.col1 p span, .col2 p span, .col3 p span, .col4 p span {
   font-style: normal;
   color:#7f929e;
}
  
/* -- Contact ---------------------------------------------------- */
/* -------------------------------------------------------------------- */
.moi {
	position:relative;
	top: -85px;
	float:right;
	z-index:10;
	height:1px;
}

#contact {
		padding: 23px 0 0px 0;
		margin:0;
		height:225px;
}

	#contact div {
	float:left;
	width: 250px;
	color:#596972;
	font-size:16px;
	}

		#contact div p {
			margin:15px 0;
			line-height:200%;
		}

		#contact div ul {
			margin:0 0 30px 0;
			list-style:none;
		}

			#contact div ul li {
			margin:0 0 5px 0;
			background: url(../images/puce_menubas.gif) top left no-repeat;
			padding: 0 0 0 25px;
			}
			
			#contact div ul li a {
			text-transform: uppercase;
			color:#aab3b8;
			font-size:14px;
			text-decoration:underline;
			}
			
			#contact div ul li a:hover {
			color:#fff;
			}


	#contact h1 {
		text-transform: uppercase;
		font-size:2.8em;
		height:24px;
		line-height:90%;
		background: url(../images/puce_titre.png) top left no-repeat;
		margin:0 0 0 230px;
		letter-spacing:0.03em;
		padding:0 0 25px 30px;
	}
	
	#contact h3 {
		font-size:26px;
		line-height:100%;
		margin:0 0 0px 260px;
		letter-spacing:0.03em;
		padding:0;
		color:#FFF;
	}
	
		#contact h3 a {
		text-decoration: underline;
		font-size:18px;
		color:#aab3b8;
		}
		
		#contact h3 a:hover {
		color:#fff;
		}
		
		#contact h3 span {
		color:#fff;
		font-size:18px;
		}
		
		#contact h3 a.rollover {
		margin:12px 0 0 -10px;
		}
		
a.facebook { background-image: url(../images/icone_facebook.gif); height: 30px; width:30px; display:inline-block;text-indent: -1999px }
a.facebook:hover { background-image:url(../images/icone_facebook-over.gif); }
a.twitter {  background-image: url(../images/icone_twitter.gif); height: 30px; width:30px; display:inline-block; text-indent: -1999px}
a.twitter:hover { background-image:url(../images/icone_twitter-over.gif); }
a.linkedin {  background-image: url(../images/icone_linkdin.gif); height: 30px; width:30px; display:inline-block; text-indent: -1999px }
a.linkedin:hover { background-image:url(../images/icone_linkdin-over.gif); }

a.facebook span,  a.linkedin span, a.twitter span { display:none; font-size:0; }	
		
.lignebas {
	position:relative;
	top: 3px;
	z-index:2;
}

/* -- Realisations  ----------------------------------------------------- */
/* ---------------------------------------------------------------------- */	
#realisations {
	width:670px;
	color:#FFF;
	text-transform: uppercase;
	padding:0 0 30px 0;
	/*height:630px;*/
	float: left;
}

	#realisations h1 {
		margin: 40px 0 25px 0;
		font-size: 35px;
		line-height: 34px;
		font-weight:normal;
		letter-spacing:0.05em;		
	}
	
	#realisations h1 span {
		letter-spacing:0.02em;
		margin: 5px 0 0 0;
		font-size: 22px;
		font-weight:normal;		
	}

/* -- Portfolio & Services  ------------------------------------------------------- */
/* ---------------------------------------------------------------------- */
a.portfolio {  background-image: url(../images/bt_portfolio_FR.png); height: 179px; width:248px; display:inline-block;  font-size:0;text-indent: -1999px }
a.portfolio:hover { background-image:url(../images/bt_portfolio-over_FR.png); }

.portfolio, #services {
	float: left;
    width:288px;
}

	.portfolio h1, #services h1  {
		text-transform: uppercase;
		font-size:2.8em;
		height:24px;
		line-height:90%;
		background: url(../images/puce_titre.png) top left no-repeat;
		margin:95px 25px 0 0;
		letter-spacing:0.03em;
		padding:0 0 0 30px;
		float:right;
	}
	
	#services h1  {
		margin:30px 45px 13px 0;
	}
	
	.portfolio div, #services div {
		float: left;
		width:248px;
		background:url(../images/bg_coin.png) top right no-repeat;
		margin:10px 0 0 0;
		padding: 12px 0 0 40px;
		font-size:15px;
	}
		.portfolio div span {
			margin: 0 0 0 15px;
			display:block;
		}	
		.portfolio div img {
			margin: 10px 0 25px 0; 
			position: relative;
			left: 8px;
		}
		
		.portfolio div p {
			margin: 0 20px 0 0;
		}
		
	#services div {
		padding: 10px 0 15px 40px;
		margin:0 0 25px 0;
	}
	
	#services ul {
		padding:0;
		margin: 0;
	}
		
		#services ul li {
			margin: 0 18px 15px 10px;
			padding: 0 0 0 25px;
			background:url(../images/puce_liste.gif) top left no-repeat;
			list-style:none;
		}
	
/* -- Footer --------------------------------------------------------- */
/* -------------------------------------------------------------------- */

footer	
{
	font-size:16px;
	clear:both;
	color:#596972;
	padding:0 0 40px 0;
}

	footer img	
	{
		position: relative;
		top:10px;
	}
	
	footer span	
	{
		font-size:14px;
		margin: 0 0 0 50px;
	}
	
/* -- pop up ie6 --------------------------------------------------------- */
/* -------------------------------------------------------------------- */	
#ie6, #filtre {
display:none
}