@media all {
	/* Reset
	-------------------------------------------------------------- */
	html, body, div, span,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, cite, code,
	del, dfn, em, font, img, ins, kbd,  samp,
	small, strong,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td {
		margin: 0;
		padding: 0;
		border: 0;
		font-weight: inherit;
		font-style: inherit;
		font-size: 100%;
		font-family: inherit;
		vertical-align: baseline;
	}

	body { line-height: 1; color: #333; background: white; }
	table { border-collapse: separate; border-spacing: 0; }
	caption, th, td { text-align: left; font-weight: normal; }
	blockquote:before, blockquote:after, q:before, q:after { content: ""; }
	blockquote, q { quotes: "" ""; }
	
	/* Typography
	-------------------------------------------------------------- */
	body {
	font-family: 'Trebuchet MS', 'Arial', sans-serif;
	line-height: 1.5; /* Unitless for proper inheritance */
	text-align: center; /* IE Fix */
	}

	body          { font-size: 75%; }   /* IE */
	html > body   { font-size: 12px; }  /* Other browsers */

	/* Headings
	-------------------------------------------------------------- */

	h1,h2,h3,h4,h5,h6 { 
	font-family: 'Trebuchet MS', 'Arial', sans-serif;
	color:#111; 
	clear:both; 
	}

	h1 { font-size: 3em; }
	h2 { font-size: 2em; }
	h3 { font-size: 1.5em; margin:0 0 .5em 0;/*line-height:2em;*/}
	h4 { font-size: 1.2em; line-height:1.25; font-weight:bold; }
	h5 { font-size: 1em; font-weight:bold; }
	h6 { font-size: 1em; }

	/* Text elements
	-------------------------------------------------------------- */

	p           { margin: 0 0 1.5em 0; /*text-align:justify; */}
	p.last      { margin-bottom:0; }
	p img       { float: left; margin: 1.5em 1.5em 1.5em 0; padding:0; }
	.rubrique21 p img {margin: 0.3em 0.3em 0.3em 0}
	p img.top   { margin-top:0; } /* Use this if the image is at the top of the <p>. */

	ul, ol      { margin: 0 0 1.5em 1.5em; }
	ol          { list-style-type: decimal; }
	dl          { margin: 1.5em 0; }
	dl dt       { font-weight: bold; }

	blockquote  { margin: 1.5em 0 1.5em 1.5em; color: #666; font-style: italic; }
	strong      { font-weight: bold; }
	em          { font-style: italic; }
	pre         { margin-bottom: 1.3em; background: #eee; border:0.1em solid #ddd; padding:1.5em; }
	code        { font:0.9em Monaco, monospace; }

	/* Use this to create a horizontal ruler across a column. */
	hr {
	  background: #ffffff;
	  color: #ffffff;
	  clear: both;
	  width: 100%; 
	  height: 0.1em;
	  margin: 0 0 1em 0;
	  border: none; 
	}

	a { 
	color:#c6090a;
	text-decoration:none;
	border-bottom:1px #252525 dotted;
	cursor: pointer;
	outline:none;
	}
	a:hover {
	text-decoration:none;
	border-bottom:1px #252525 solid;
	}
	a:focus{
	outline:#333 dotted 1px;
	}
	p.spip{
	text-align:justify;
	}




}

@media print {
	#main-nav,#side,.hidden,#subnav{
	display:none;
	}
	body{
	text-align: left;
	}	
}

@media screen {
	/*--------------------------*/
	/*	       Général          */
	/*--------------------------*/
	body{
	background: #ffffff url("img/bg.gif") repeat-x 0 0;
	}
	html, body {
	min-height: 100%;
	height: auto !important;
	height: 100% !important;
	}

	#wrapper{
	margin: 0 auto;
	width: 820px;
	text-align: left;
	position: relative;
	}
	
	#siteName{
	top:10px;
	position:absolute;
	}
	
	#siteName a{
	border:none;
	}	
	
	#titreRubrique{
	position:absolute;
	top:18px;
	left:210px;
	}
	#depuis1987{position:absolute;top:35px;left:632px;color:#FFF;}

	#main-nav{
	position:absolute;
	top:72px;
	left:192px;
	}

	#main-nav li {float:left;margin-right:20px;list-style-type:none;}
	#main-nav a {color:#4C4C4C;text-decoration:none;letter-spacing: .1em;border:none;border-bottom:5px #ffffff solid;}
	#main-nav a:hover {color:#c6090a;border-bottom:5px #cccccc solid;}

	#content{
	margin:140px 0 0 0;
	}
	
	#content h2.ref{
	font-size: 1.4em;
	font-weight: bold;
	margin: 0 0 15px 0;
	}
	
/*	#photos-home{
	float: left;
	margin: 0;
	padding: 0;
	width: 410px;
	background:#c6090a;
	height:274px;
	position:relative;	
	}*/


	#conteneurSlide{
	margin: 0;
	padding: 0;
	width: 810px;

	height:274px;
	position:relative;	
	overflow: hidden;
	background:#c6090a;
	}
	
	
	
	#slide {
		width:410px;
		width:810px;
		height:274px;
		position:relative;
	}
	
	#slide img{
		position:absolute;
		top:0;
		left:0;
	}
	
	
	#pager {position:absolute;top:20px;left:660px;z-index:999;width:150px;}
	#pager a {float:left;margin:3px;text-indent:-9999px;display:block;width:6px;height:6px;background:#FFF;border:none;}
	#pager a.activeSlide { background: #000; }
	#pager a:focus { outline: none;}
	#slide #desc {
				position:absolute;
				display:block;
				top:10px; 
				left:420px;
				
				height:35px;
				font-weight:bold;
				font-size:130%;
				padding: 5px 10px;
				

			}
	#slide #desc h4, #slide #desc h4 a, #slide #desc h5{
	color:#fff;
	border:none;
	}
	


/*	#accueil{
	margin: 0;
	padding: 0;
	width: 400px;
	height:274px;
	padding-left:10px;
	}*/
	
		#accueil{
		position:absolute;
		top:0;
		left:400px;
		margin: 0;
		padding: 0;
		width: 400px;
		height:274px;
		padding-left:10px;
		}
	
	
	#accueil h2{
	display:block;
	width:287px;
	letter-spacing:.05em;
	font-weight:normal;
	font-size:3em;
	color:#fffdee;
	margin:130px 0 0px 20px;
	}
	
/*	#accueil a#lireAccueil{float:right;color:#FFF;margin-right:20px;}*/
	#accueil a#lireAccueil{position:absolute;z-index:999;bottom:10px;right:20px;color:#FFF;}
	
	#accueil span{
	color:#fffdee;
	font-family:Trebuchet MS, sans-serif;
	letter-spacing:.08em;
	line-height:1.4em;
	font-size:1.1em;
	font-weight:bold;
	display:block;
	width:380px;
	}
	#accueil a{color:#000;font-size:130%;}
	
	.editoTxt {background:#F3F3F3;padding:10px;}
	.editoTxt h3 {}
	.editoTxt a {border:none;}
/*	.editoTxt img {margin-left:10px;}*/
	.editoTxt .spip {text-align:left;}

	.home-offre{
	float: left;
	margin: 0 10px;
	padding: 15px 0;
	width:260px;
	font-size:1em;
/*	height:118px;*/
	height:10em;
	
	line-height:1.4em;
	background:#ffffff url("img/corners-260.gif") no-repeat 0 0;	
	}
	
	.home-offre h3{
	margin: 0 0 0 20px;
	}	
	
	.home-offre p{
/*	height:90px;*/
	height:8em;
	padding:5px 10px 15px 20px;
	background:#ffffff url("img/corners-260.gif") no-repeat 0 bottom;	
	}

	#editoMetier{
	float: left;
	margin: 0;
	padding: 0 10px 0 0;
	width: 390px;
	}
	
	div.editoMetierTxt{
	margin: 0 0 -5px 0;
	}
	
	#editoMetier h3,
	#nosmetiers h3{
	padding: 0;
	margin: 0;
	}
	#edito{
	float: left;
	margin: 0 0 0 10px;
	padding-left:20px;
	width: 379px;
	border-left: 1px dotted #ccc;
	}
	
	#actualites{
	float: left;
	margin: 0 0 0 10px;
	padding: 20px 0 0 20px;
	width: 379px;
	border-left: 1px dotted #ccc;
	}	

	.intro{
	font-size:1.2em;
	font-weight:bold;
	margin-bottom:1em;
	}

	#medium{
	float: left;
	margin: 0 20px 0 0;
	width: 610px;	
	}
	
	#nosmetiers{
	float: left;
	width: 420px;
	}
	
	div.nosmetiersTxt{
	float: left;
	width: 190px;
	padding: 0 15px 20px 0;
	}
	
	div.formulaireRef{
	width: 360px;
	}
	
	span.introFormRef{
	font-size: 1.3em;
	color: #707070;
	}
	
	span.introFormRef{
	font-size: 1.3em;
	color: #707070;
	}
	
	.formulaireRef legend{
		display: none;
	}
	
	p.spip_form_ok{
		font-weight: bold;
		color: #C10B0C;
	}
	
	#references{
	float: right;
	width: 400px;
	}
	
	#imgref{
	height: 300px;
	margin-top: 20px;
	}
	
	#references a img{
	display: block;
	margin: 20px 0 0 0;
	border: none;
	}
	
	#large{
	float: left;
	margin: 0;
	width: 820px;	
	}

	#side{
	float: left;
	width: 190px;
	}

	#menu{
	width: 190px;
	background: #f6f6f6 url("img/tapisse.png") repeat 17px 0;		
	}
	
	#side .bottomRightCorner{
	width:190px;
	height: 15px;
	margin: 0;
	background:transparent url("img/coin-deco.gif") no-repeat right bottom;		
	}

	#menu ul{
	width: 190px;
	display:block;
	background:transparent url("img/corner-deco-top.gif") no-repeat 0 0;
	margin:0;
	padding-top:15px;
	list-style-type:square;
	}
	
	#menu address{
	background:transparent url("img/corner-deco-top.gif") no-repeat 0 0;		
	padding:15px;
	}
	
	#menu dl{
	background:transparent url("img/corner-deco-top.gif") no-repeat 0 0;	
	padding:10px 10px 0 15px;
	}
	
	#menu dl dt{
	font-size:1.4em;
	color:#c6090a;
	}			

	#menu li{
	font-size:1.1em;
	line-height:15px;
	margin:0 0 .25em 30px;
	}
	
	#menu li span.on{
	font-size:1.2em;
	font-weight:bold;
	}
	
	#contextRef{
	margin:0 0 0 30px;
	padding-top:15px;
	list-style-type:square;
	}
	
	
	.fiche-resum{
	margin:0 10px 5px 0;
	padding:15px 0 0 0;
	border-top:1px solid #fff;
	border-right:1px solid #fff;
	border-bottom:1px solid #DBDBDB;
	border-left:1px solid #fff;			
	width:610px;
	overflow:hidden;
	}

	.fiche-resum dt{
	float: left;
	margin: 0 15px;
	}

	.fiche-resum dd{
	display:block;	
	float: left;
	width:400px;
	margin: 0 0 0 0;
	}

	.page-offre{
	width:148px;
	float:left;
	margin:20px 10px 0px 10px;
	padding:15px 20px 0 20px;
/*	background:#ffffff url("img/corners-260.gif") no-repeat 0 0;	*/
	border: 1px solid #ccc;
	-moz-border-radius:16px 0px;
	height:190px;
	}
	
	.page-offre h3{
/*	margin:0 0 0 20px;*/
	}
	.page-offre p{
/*	display:block;
	margin:0 0 0 20px;
	height:110px;*/
	font-size:11px;
	}
	
	#demo{
		margin-top:10px;
		padding:180px 20px 20px 20px;
		height:50px;
		border: 1px solid #ccc;
		-moz-border-radius:16px 0px;
		background:#ffffff url("img/08_L040_002_LAVALVIRTUAL_TRACT-1.jpg") no-repeat center center;				
	}

	.page-offre .pics{
	height:220px;
	padding:0 0 15px 20px;
	background:#ffffff url("img/corners-260.gif") no-repeat 0 bottom;		
	}

	.pics img {
		position:absolute;
	}

	.vignette{
		margin:0 5px 10px 5px;
		float:left;
	}

	.vignette a{
		display:block;
		float:left;
	 	border:1px solid #EAEAEA;
	}
	
	.vignette a img{
		margin:15px;
	}
	
	.vignette a:hover{
		background-color:#f6f6f6 !important;
		border:1px solid #EAEAEA;
	}


	.bigvignette{
		margin:0 5px 10px 5px;
		float:left;
	}

	.bigvignette a{
		display:block;
		float:left;
	 	border:1px solid #EAEAEA;
	}
	
	.bigvignette a img{
		margin:15px;
	}
	
	.bigvignette a:hover{
		background-color:#f6f6f6 !important;
		border:1px solid #EAEAEA;
	}
	
	
	#desc{
	float:left;
	width:330px;
	margin:0 10px 0 0;
	}
	
	#gall{
	float:left;
	width:260px;
	margin:0 0 0 10px;	
	}	

	.story{
	border-top:1px solid #fff;
	border-right:1px solid #fff;
	border-bottom:1px solid #DBDBDB;
	border-left:1px solid #fff;	
	padding:0 15px 15px 15px;
	margin:0 0 15px 0;
	overflow:hidden;
	}

	.top{
	border:1px solid #fff;
	padding:15px;
	background: #f6f6f6 url("img/tapisse.png") repeat 17px 0;
	margin:0 0 15px 0;
	overflow:hidden;
	}	
	
	.story img{	
	float:right;
	margin:0 0 0 15px ;
	}	
	
	p.spip .spip_documents{
	border:1px solid #EAEAEA;
	padding:0 15px;
	margin:5px 10px 5px 10px ;
	}
	


	.first  { margin-left: 0; }
	.last   { margin-right: 0; }

	.hidden{
	display: block;
	overflow: hidden;
	width: 0;
	height: 0;
	}
	
	span.separation{
	clear:both;
	display:block;
	background:transparent url("img/separation.png") no-repeat 50% 50%;
	width:100%;
	height:40px;
	}
	
	#footer{
	clear:both;
	letter-spacing:.03em;
	border-top:2px #B5B5B5 solid;	
	padding:10px;
	height:50px;
	text-align:right;
	overflow:hidden;
	margin:20px 0 0 0;
	background: #fffdee url("img/tapisse.gif") repeat 0 0;
	background: #f6f6f6 url("img/tapisse.png") repeat 0 0;
	}

	#footer a{
	color:#fffdee;
	color:#252525;
	}
	#footer #subnav{
	float:left;
	}
	#footer address{
	float:right;
	line-height:1.2em;
	}	

	.rubrique20 #wrapper {width:500px;}
	body.rubrique20 {height:auto;min-height:auto;}
	.rubrique20 #content {margin:20px 0 0 0;}
	.rubrique20 #content h2 {margin-bottom:50px;color:#FFF;}
	
	.rubrique21 #fondVideo {background:#F3F3F3;padding:10px;height:200px;}
	.rubrique21 #chapoVideo {float:left;margin:30px 80px 20px 50px;width:300px;}
	.rubrique21 #video {float:right;margin-right:50px;}
	
	.rubrique21 h2 {color:#c6090a;font-weight:bold;font-size:18px;margin-bottom:20px;}
	.rubrique21 h3 {color:#000;font-weight:bold;font-size:18px;margin-bottom:10px;}
	.rubrique21 h4 {color:#c6090a;font-weight:bold;font-size:12px;margin-top:15px;margin-bottom:10px;}
	.rubrique21 strong {margin-bottom:5px;display:block;}
	
	.rubrique21 p.spip .spip_documents {margin:5px 20px;}
	.rubrique21 h4.space {margin-top:30px;}
/*	.rubrique21 .spip_documents_left {margin:5px 20px 5px 0;}*/

	/*--------------------------*/
	/*	  Formulaire Contact    */
	/*--------------------------*/
	
	fieldset{
	width:610px;
	}
	legend{
	margin-bottom: 0.25em;
	font-size: 1.7em;
	color:#c6090a;
	}
	
	
	.spip_form_champ .spip_form_label{
	display:block;
	}
	
	.spip_form_champ label{
	font-weight:bold;
	}	
	
	.spip_form_champ .spip_form_label_obligatoire,.spip_form_label_details{
	font-weight:normal;
	font-style:italic;
	font-size:.8em;
	}		
	
	.spip_form_champ input,.spip_form_champ textarea{
	font-family: 'Trebuchet MS', 'Arial', sans-serif;
	font-weight:normal;
	font-size:1em;
	border: 3px double #C9C9C9;
	background:#f6f6f6;
	}
	
	.spip_form_champ input:focus,.spip_form_champ textarea:focus{
	background:#ffffff;
	}	

	.spip_form_champ input{
	width:50%;
	margin-bottom:1em;
	float:left;		
	}
	
	.spip_form_champ textarea{
	width:100%;
	}
	
	.spip_form_champ .erreur{
	display:block;
	float:left;
	width:200px;
	color:#cc0000;
	padding:2px 0 0 5px;
	}

	.nettoyeur{
	clear:both;
	display:block;
	width:100%;
	}
	
	.spip_bouton input{
	margin:15px 0 0 0;
	border: 3px double #C9C9C9;
	background:#848484;
	color:#fff;
	font-weight:bold;
	}


 	.form_1 .message{
	display:none;
	}


	/* ----------------------------------------------------------------------------------------------------------------*/
	/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
	/* ----------------------------------------------------------------------------------------------------------------*/
	#TB_window {
		font: 12px Arial, Helvetica, sans-serif;
		color: #333333;
	}

	#TB_secondLine {
		font: 10px Arial, Helvetica, sans-serif;
		color:#666666;
	}

	#TB_window a:link {color: #666666;}
	#TB_window a:visited {color: #666666;}
	#TB_window a:hover {color: #000;}
	#TB_window a:active {color: #666666;}
	#TB_window a:focus{color: #666666;}

	/* ----------------------------------------------------------------------------------------------------------------*/
	/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
	/* ----------------------------------------------------------------------------------------------------------------*/
	#TB_overlay {
		position: fixed;
		z-index:100;
		top: 0px;
		left: 0px;
		height:100%;
		width:100%;
	}

	.TB_overlay,.TB_overlayMacFFBGHack{
		background-color:#000;
		filter:alpha(opacity=75);
		-moz-opacity: 0.75;
		opacity: 0.75;
	}

	* html #TB_overlay { /* ie6 hack */
	     position: absolute;
	     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
	}

	#TB_window {
		position: fixed;
		background: #ffffff;
		z-index: 102;
		color:#000000;
		display:none;
		border: 4px solid #525252;
		text-align:left;
		top:50%;
		left:50%;
	}

	* html #TB_window { /* ie6 hack */
	position: absolute;
	margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
	}

	#TB_window img#TB_Image {
		display:block;
		margin: 15px 0 0 15px;
		border-right: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		border-top: 1px solid #666;
		border-left: 1px solid #666;
	}

	#TB_caption{
		height:25px;
		padding:7px 30px 10px 25px;
		float:left;
	}

	#TB_closeWindow{
		height:25px;
		padding:11px 25px 10px 0;
		float:right;
	}

	#TB_closeAjaxWindow{
		padding:7px 10px 5px 0;
		margin-bottom:1px;
		text-align:right;
		float:right;
	}

	#TB_ajaxWindowTitle{
		float:left;
		padding:7px 0 5px 10px;
		margin-bottom:1px;
	}

	#TB_title{
		background-color:#e8e8e8;
		height:27px;
	}

	#TB_ajaxContent{
		clear:both;
		padding:2px 15px 15px 15px;
		overflow:auto;
		text-align:left;
		line-height:1.4em;
	}

	#TB_ajaxContent.TB_modal{
		padding:15px;
	}

	#TB_ajaxContent p{
		padding:5px 0px 5px 0px;
	}

	#TB_load{
		position: fixed;
		display:none;
		height:13px;
		width:208px;
		z-index:103;
		top: 50%;
		left: 50%;
		margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
	}

	* html #TB_load { /* ie6 hack */
	position: absolute;
	margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
	}

	#TB_HideSelect{
		z-index:99;
		position:fixed;
		top: 0;
		left: 0;
		background-color:#fff;
		border:none;
		filter:alpha(opacity=0);
		-moz-opacity: 0;
		opacity: 0;
		height:100%;
		width:100%;
	}

	* html #TB_HideSelect { /* ie6 hack */
	     position: absolute;
	     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
	}

	#TB_iframeContent{
		clear:both;
		border:none;
		margin-bottom:-1px;
		margin-top:1px;
		_margin-bottom:1px;
	}
	
	

	.gvIIContainer{
		width:600px;
		position:relative;
		background:#000;
		padding:10px 0 10px 10px;
/*		border:10px solid #fff;*/
	}
	.gvIIContainer .gvIIImgContainer{
		width:590px;
		height:385px;
		position:relative;
		overflow:hidden;
		margin-bottom:10px;
	}
	.gvIIContainer .gvIIImgContainer .gvIILoader{
		background: url("img/ajax-loader.gif") no-repeat center center;
		width:590px;
		height:385px;
		display:none;
	}
	.gvIIContainer .gvIIHolder{
		position:relative;
		height:207px;
		width:590px;
		overflow:auto;
	}
	.gvIIContainer .gvIIHolder .gvIIItem{
		float:left;
		height:55px;
		width:80px;
		border:5px solid #fff;
		margin:2px;
		position:relative;
		overflow:hidden;
	}
	.gvIIContainer .gvIIHolder .gvIIItem .gvIIFlash{
		background:#fff;
		position:absolute;
		top:0;
		left:0;
		height:55px;
		width:80px;
		cursor:pointer;
	}
	.gvIIContainer .gvIIHolder .gvIIItem img{
		position:absolute;
		top:0;
		left:0;
		padding:0;
		margin:0;
		margin-left:0;
		margin-top:0;
		border:none;
		cursor:pointer;
	}	
	.pasvu{display:none;}
	
}


/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> Référence internet <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

#refInternet {float:left;margin:10px;}
#refInternet #captureInternet {border:2px solid #F6F6F6; width:210px; height:130px;}
#refInternet #captureInternet img {width:210px; height:130px;}
#refInternet #lienInternet {clear:left;text-align:center;}