@charset "UTF-8";



@media screen{
	/***** TYPOS POSSIBLES ******/
	/* SANS-SERIF	: Arial, Verdana, Helvetica, Lucida grande (Mac uniquement) */
	/* SERIF		: "Times New Roman", Georgia, Baskerville */
	body {
		margin: 0;
		padding: 0;
		font-family: tahoma, verdana, arial, "sans serif";
		font-size: 62.5%;
		text-align: center;
		background : #151515 url(../images/fond.png) repeat-x 0 0;
	}
	
	#global {
		position: relative;
		margin: 0 auto;
		width: 960px;
		font-size: 1em;
		text-align: left;
	}
	
	img { -ms-interpolation-mode: bicubic; } /* DA FUCKING IE */
	
	a {outline : none;} /*Bye bye les pointillés !!!!*/
	
	ul { list-style : url(../images/puce.png); }
	
	#map { float : right; border : 2px solid #f90;}
	
	/********************************/
	/*			ENTETE				*/
	/********************************/
	
	#entete h1 a {
		position : absolute;
		top : 20px;
		left : 10px;
		display : block;
		width : 223px;
		height : 108px;
		background : transparent url(../images/logo.png) no-repeat 0 0;
	}
	
	#entete h2 {
		position : absolute;
		top : 0;
		left : -999em;
	}
	
	/********************************/
	/*		CHEMIN DE FER			*/
	/********************************/
	p#chemin {
		position : absolute;
		top : 110px;
		left : 30px;
		font-size : 1.1em;
	}
		
	p#chemin span { color : #aabfc7; }
	
	p#chemin span.chemin_last {	color : white; }
		
	p#chemin span.chemin_first { }
	
	p#chemin a {
		color : #aabfc7;
		text-decoration : none;
	}
	
	p#chemin a:hover span {	color : #f90; }
	
	/********************************/
	/*			CONTENU				*/
	/********************************/
	
	#global #contenu {
		position : relative;
		width : 900px;
		padding : 135px 0 0 0;
		margin : 0 0 0 30px;
	}
	
	/*----------------------------*/
	/*--	structure contenu	--*/
	
	h1#con_libelle {
		font-family : trebuchet MS, verdana, tahoma, arial, sans-serif;
		font-size: 3em;
		font-weight : normal;
		color : #f90;
	}
	
	#con_chapeau {
		position : absolute;
		top : 0;
		left : -999em;
		/*font-size: 1.4em;
		line-height: 1.6em;
		color : #d0d0d0;
		margin : 0 0 25px 0;*/
	}
	
	#con_descriptif {
		font-size: 1.2em;
		line-height: 1.6em;
		color : white;
	}
	
	#con_descriptif.contact { width : 480px; }
	
	#con_descriptif p {
		margin : 0 0 15px 0;
		padding : 0;
	}
	
	#con_descriptif em {
		margin : 0;
		padding : 0;
		color : #d0d0d0;
	}
	
	#con_descriptif p img,
	#con_descriptif img {
		margin-top : 15px;
		border : 1px solid #ff9900;
	}
	
	#con_descriptif blockquote {
		display : block;
		padding : 15px 15px 5px 15px;
		font-family : courier new;
		background : black;
		border : 1px dashed silver;
	}
	
	/*------------------------------------*/
	/*--	mise en forme du descriptif	--*/
	/*---------- titraille ---------------*/
	
	#con_descriptif .box {
		position : relative;
		padding : 10px 20px;
		margin : 0;
		border-left : 1px solid #505050;
		border-bottom : 1px solid #505050;
		background : transparent url(../images/FondDiv.png) repeat-x 0 bottom;
	}
	
	#con_descriptif h1 { font-size: 1.8em; font-weight : normal;}
	
	#con_descriptif h1 strong { font-weight : normal; }
	
	#con_descriptif h2 {
		position : relative;
		display : block;
		height : 24px;
		padding : 0;
		margin : 30px 0 0 0;
		font-size: 1.67em;
		font-family : trebuchet MS, Sans-Serif;
		font-weight : normal;
		color : white;
		line-height : 24px;
		text-indent : 50px;
		background : transparent url(../images/fondH2.png) repeat 0 0;
	}
	
	#con_descriptif h2 strong { font-weight : normal; }
	
	#con_descriptif h2 img {
		position : absolute;
		top : -19px;
		left : 10px;
		position : absolute;
	}
	
	#con_descriptif h3 {
		position : relative;
		display : block;
		height : 24px;
		padding : 0;
		margin : 30px 0 0 0;
		font-size: 1.25em;
		font-family : trebuchet MS, Sans-Serif;
		font-weight : normal;
		color : white;
		line-height : 24px;
		text-indent : 50px;
		background : transparent url(../images/fondH2.png) repeat 0 0;
	}
	
	#con_descriptif h3 strong { font-weight : normal; }
	
	#con_descriptif h4 { font-size: 1.2em; font-weight : normal;}
	
	#con_descriptif h4 strong { font-weight : normal; }
	
	/*---------- listes ----------*/
	
	#con_descriptif ul {
		padding : 10px;
		background : #c9d9df url(../images/fondUL.png) repeat-x 0 bottom;
		color : black;
	}
	
	#con_descriptif.contact .box ul { width : 420px; }
	
	#con_descriptif .box ul { width : 840px; }
	
	#con_descriptif li { margin-left : 25px; }
	
	#con_descriptif ul a { color : #303030; }
	
	/*---------- table ----------*/
	#con_descriptif table {  }
	
	#con_descriptif table td { }
	
	#con_descriptif table caption {  }
	
	/*---------- liens ----------*/
	
	#con_descriptif a { color : #AABFC7; }
	#con_descriptif a:hover { color : #F90; }
	
	/*---------- images ----------*/
	
	#con_descriptif a.englobantimage,
	#con_descriptif span.englobantimage {  }
	
	#con_descriptif a.imageright,
	#con_descriptif span.imageright {  }
	
	#con_descriptif a.imageleft,
	#con_descriptif span.imageleft {  }
	
	#con_descriptif img { border: none; }
	
	/*---------- acronym ----------*/
	
	#con_descriptif acronym, abbr {
		border-bottom: 1px dotted #ccc;
		cursor: help;
	}		
	/*---------- séparateurs ----------*/
	#con_descriptif hr { clear: both; background: transparent; color: transparent; height: 1px; border: none; }
	
	/********************************/
	/*			GENERAL				*/
	/********************************/
	.invisible { position: absolute; top: 0; left: -999em; }	
	.leon { clear: both; }
	.leonvisuelpdt { clear: right; }
	.editChampVide { display: none; }
	
	/*-- menu liste des liens d'une rubrique --*/
	
	#contenu .menu_arbo { }
	
	#contenu .menu_arbo ul {
		margin : 0;
		padding : 0;
	}
	
	#contenu .menu_arbo li {
		float : none;
		margin : 0;
		padding : 0;
		list-style : none;
	}
	
	#contenu .menu_arbo li:first-child { margin : 0; }
	
	#contenu .menu_arbo li a {
		display : block;
		margin : 0 0 10px 0;
		padding : 10px 10px 0 10px;
		text-decoration : none;
		font-size : 1.2em;
		/*line-height : 1.6em;*/
		background : #aabfc7;
		border : 1px solid white/*5b98b2*/;
	}
	
	#contenu .menu_arbo li a:hover { border-color : #f90 }
	
	#contenu .menu_arbo li a span strong {
		display : block;
		margin : 0 0 5px 0;
		padding : 0;
		font-size : 1.4em;
		font-family : trebuchet ms, sans-serif;
		color : #303030;
	}
	
	#contenu .menu_arbo li a span p {
		margin : 0 0 10px 0;
		padding : 0;
		color : #303030;
		font-style : italic;
	}
	
	#contenu .menu_arbo li a span .imgCategorie {
		float : right;
		margin-bottom : 7px;
	}
	
	#contenu .menu_arbo li a span .imgCategorie img { border : none; }
	
	/*-- menu liste des liens d'une rubrique Savoir Faire --***************************************************/
	
	#contenu .menu_arbo_savoirFaire { margin : 35px 0 0 0; }
	
	#contenu .menu_arbo_savoirFaire h3 {
		position : absolute;
		top : 0;
		left : -999em;
	}
	
	#contenu .menu_arbo_savoirFaire ul {
		margin : 0;
		padding : 0;
	}
	
	#contenu .menu_arbo_savoirFaire li {
		float : left;
		width : 200px;
		padding : 0;
		margin : 0 10px 0 10px;
		list-style : none;
	}
	
	#contenu .menu_arbo_savoirFaire li.numero_1 { margin-left : 20px; }
	
	#contenu .menu_arbo_savoirFaire li h2 {
		display : block;
		width : 180px;
		margin : 0 0 15px 0;
		font-family : trebuchet ms, sans-serif;
		font-size : 2.2em;
		font-weight : normal;
		/*color : #AABFC7;*/
	}
	
	#contenu .menu_arbo_savoirFaire li .imgCategorie {
		position : relative;
		width : 200px;
		height : 200px;
		margin-bottom : 20px;
		overflow : hidden;
	}
	
	#contenu .menu_arbo_savoirFaire li .imgCategorie .deco2 {
		position : absolute;
		top : 0;
		left : 0;
		width : 200px;
		height : 200px;
		background : transparent url(../images/cachePhotoCategorie.png) no-repeat 0 0;
	}
	
	#contenu .menu_arbo_savoirFaire li img { border : none; }
	
	#contenu .menu_arbo_savoirFaire li a {
		text-decoration : none;
		color : #f90;
	}
	
	#contenu .menu_arbo_savoirFaire li p.description {
		color : white;
		font-size : 1.2em;
		line-height : 1.6em;
	}
}
@media print{
  /* ... définition de formats pour l'impression ... */
}

@media screen {
	
	/********************************/
	/*		MENU NAVIGATION			*/
	/********************************/	
	#menu_menuprincipal {
		position : absolute;
		top : 55px;
		right : 10px;
		width : 684px;
		height : 30px;
		background : transparent url(../images/filetBottomMenu.png) no-repeat right bottom;
	}
	
	#menu_menuprincipal h3 {
		position : absolute;
		top : 0;
		left : -999em;
	}
		
	#menu_menuprincipal ul {
		position : absolute;
		right : 0;
		margin : 0;
		padding : 0;
		list-style : none;
	}
	
	#menu_menuprincipal li {
		float : left;
		display : block;
		margin : 0 10px 0 0;
		padding : 0 0 2px 10px;
		border-left : 1px solid #505050;
	}
	
	#menu_menuprincipal li:first-child { border : none; }
	
	#menu_menuprincipal li a {
		display : block;
		height : 28px;
		font-family : trebuchet ms, verdana, arial, tahoma, sans-serif;
		font-size : 2.2em;
		color : white;
		text-decoration : none;
	}
	
	#menu_menuprincipal li a:hover { color : #ff9900; }
	
	#menu_menuprincipal ul ul {
		position : absolute;
		top : 0;
		right : -7px;
		width : 294px;
		margin : 30px 0 0 0;
		padding : 10px 15px 20px 10px;
		background : url(../images/fondSsMenu.png) no-repeat right bottom;
		visibility : hidden;
	}
		
	#menu_menuprincipal ul li:hover ul { visibility : visible; }
		
	#menu_menuprincipal ul ul li {
		float : none;
		display : block;
		margin : 0 0 2px 0;
		padding : 0 5px 0 5px;
		text-align : right;
		border : none;
		list-style-image : none;
	}
		
	#menu_menuprincipal ul ul li a {
		display : inline;
		font-family : trebuchet ms, verdana, arial, tahoma, sans-serif;
		font-size : 1.5em;
		color : #404040;
		text-decoration : none;
	}
	
	#menu_menuprincipal ul ul li a:hover { color : white; }
	
	#menu_menuprincipal ul ul ul,
	#menu_menuprincipal ul li:hover ul ul { display : none; }
		
	/********************************/
	/*		MENU PIED DE PAGE		*/
	/********************************/
	/*
	.footer {
		position : relative;
		width : 960px;
		padding : 10px 0 10px 0;
		background : transparent url(../images/separateurFooter.png) repeat-x top left;
	}
	
	.footer .logoFooter {
		position : absolute;
		right : 5px;
		bottom : 5px;
		display : block;
		width : 180px;
		height : 80px;
		background : transparent url(../images/logoFooter.png) no-repeat 0 0;
	}
	
	.footer a {
		display : block;
		color : #aabfc7;
		font-size : 1.2em;
		margin-bottom : 3px;
	}
	
	.footer a:hover { color : #f90; }
	
	#menu_menuPrincipalePiedPage ul {
		float : left;
		margin-right : 80px;
	}
	
	#menu_menuPrincipalePiedPage h3 {
		position : absolute;
		top : 0;
		left : -999em;
	}
	
	#menu_menupieddepage h3 {
		position : absolute;
		top : 0;
		left : -999em;
	}	
	*/
	
	
	#footer {
		position: relative;
		width : 960px;
		margin : 0 auto;
		padding-top : 40px;
		padding-bottom : 20px;
		text-align : left;
		font-size : 1.3em;
		overflow : hidden;
		color : white;
		/*background : url(../images/fondFooter.png) no-repeat left top;*/
		background : transparent url(../images/separateurFooter.png) repeat-x top left;
	}
	
	#footer ul {
		margin : 0;
		padding : 0;
		list-style : none;
	}
	
	#menu_menupieddepage h3,
	#menu_menuholding h3,
	#menu_menuliensutiles h3 {
		position : absolute;
		top : 0;
		left : -999em;
	}
	
	#coordonnees {
		float : left;
		width : 220px;
		margin : 0 10px;
	}
	
	#coordonnees p { margin: 0; }
	#coordonnees span.vcard { display : block; }
	#coordonnees span.vcard:first-child { margin-bottom : 20px; }
	
	#coordonnees strong {
		/*display : block;*/
		margin : 0;
		padding : 0;
		font-size : 1em;
		color : #e55412;
	}
	
	#coordonnees a {
		text-decoration : none;
		color : white;
		transition : all 0.3s ease-in-out;
	}
	
	#coordonnees a:hover {
		text-decoration : underline;
		color : #b8cad6;
	}
	
	#menu_menuholding {
		float : left;
		width : 300px;
		margin : 0 10px;
	}
	
	#menu_menuliensutiles {
		float : left;
		width : 220px;
		margin : 0 10px;
	}
	
	#menu_menuliensutiles a {
		text-transform : uppercase;
		text-decoration : none;
		font-family : 'Yanone'; font-family: Arial;
		font-size : 2.1em; font-size: 1.2em; font-weight: bold;
		color : white;
		text-shadow : 0 1px black;
		letter-spacing: -1px;
		transition : all 0.3s ease-in-out;
	}
	
	#menu_menuliensutiles a:hover {
		color : #b2c1ca;
		text-decoration : underline;
	}
	
	#menu_menusuivi {
		float : left;
		width : 140px;
		margin : 0 10px;
	}
	
	#menu_menusuivi h3 {
		margin : 0;
		padding : 0;
		text-transform : uppercase;
		text-decoration : none;
		font-family : 'Yanone';font-family: Arial;
		font-size : 2.1em; font-size: 1.2em; font-weight: bold;
		/*font-weight : normal;*/
		color : white;
		letter-spacing: -1px;
		text-shadow : 0 1px black;
	}
	
	#menu_menusuivi ul {
		margin : 0;
		padding : 0;
		list-style : none;
	}
	
	#menu_menusuivi ul li {
		position : relative;
		display : block;
		width : 140px;
		height : 30px;
		margin : 10px 0;
		padding : 0;
	}
	
	#menu_menusuivi ul li a {
		position : absolute;
		top : 0;
		left : 0;
		display : block;
		width : 140px;
		height : 30px;
		line-height : 30px;
		text-decoration : none;
		text-indent : 40px;
		font-size : 1.2em;
		color : white;
		transition : all 0.3s ease-in-out;
	}
	
	#menu_menusuivi ul li a:hover {
		color : #b2c1ca;
		text-decoration : underline;
	}
	
	#menu_menusuivi ul li a img {
		position : absolute;
		top : 0;
		left  : 0;
		border : none;
	}
	
	#menu_menuholding ul {
		width : 300px;
		overflow : hidden;
	}
	
	#menu_menuholding ul li a {
		position : relative;
		float : left;
		display : block;
		width : 100px;
		margin : 0;
		padding-top : 60px;
		text-shadow : 0 1px black;
		text-decoration : none;
		font-size : 0.85em;
		color : white;
	}
	
	#menu_menuholding ul li.numero_1 a {
		float : none;
		width : 300px;
		height : 150px;
		margin : 0;
		padding : 0;
		text-align : center;
		font-size : 0.9em;
		background : url(../images/logoKawakFooter.png) no-repeat center center;
	}
	
	#menu_menuholding ul li.numero_2 a { background : url(../images/logoComUnDeclicFooter.png) no-repeat 0 0; }
	#menu_menuholding ul li.numero_3 a { background : url(../images/logoDeclicSoftFooter.png) no-repeat 0 0; }
	#menu_menuholding ul li.numero_4 a { background : url(../images/logoDeclicWebFooter.png) no-repeat 0 0; }
	
	#menu_menuholding ul li a:hover {
		transition : all 0.3s ease-in-out;
		color : #b2c1ca;
	}
}

@media print {
}