@charset "UTF-8";

@media screen{
	/********************************/
	/*		CHEMIN DE FER			*/
	/********************************/
	p#chemin {
		position : absolute;
		top : 0;
		left : -999em;
	}
	
	/********************************/
	/*			CONTENU				*/
	/********************************/
	#global #contenu {
		width : 960px;
		margin : 0;
	}
	
	#global #contenu #con_descriptif.accueil {
		width : 956px;
		height : 266px;
		background : url(../images/fondDescription.png) no-repeat 0 0; 
	}
	
	#global #contenu #con_descriptif.accueil span.imgPresentation {
		float : left;
		position : relative;
		width : 510px;
		height : 230px;
		margin : 18px 0 0 18px;
		box-shadow : 0 0 10px #708288;
		-moz-box-shadow : 0 0 10px #708288 !important;
		-webkit-box-shadow : 0 0 10px #708288;
	}
	
	#global #contenu #con_descriptif.accueil span.imgPresentation img {
		margin : 0;
		padding : 0;
	}
	
	#global #contenu #con_descriptif.accueil .presentation {
		float : left;
		display : block;
		width : 400px;
		height : 230px;
		margin : 18px 0 0 10px;
		padding : 0;
		background : url(../images/fondPresentation.png) no-repeat 0 0;
	}
	
	#global #contenu #con_descriptif.accueil .presentation p {
		display : block;
		width : 260px;
		margin : 0 0 0 80px;
		padding : 20px 0 0 0;
		color : black;
		line-height : 1.5em;
	}
	
	#global #contenu .contenusAssocies {
		width : 960px;
		margin : 20px 0 30px 10px;
	}
	
	#devSpe,
	#accompagnement,
	#solutions,
	#business {
		float : left;
		width : 220px;
		margin : 0 10px 0 10px;
	}
	
	#devSpe { margin-left : 0; }
	#business { margin-right : 0; }
	
	#global #contenu .contenusAssocies ul {
		position : relative;
		margin : 0;
		padding : 0;
		list-style : none;
	}
	
	#global #contenu .contenusAssocies ul li a { text-decoration : none; }
	
	#global #contenu .contenusAssocies ul li a span strong.titre {
		display : block;
		width : 200px;
		margin : 0 0 25px 0;
		font-family : trebuchet ms, sans-serif;
		font-size : 1.9em;
		font-weight : normal;
		line-height : 1.2em;
		color : #f90;
	}
	
	#global #contenu .contenusAssocies ul li span.imgAccueil {
		position : relative;
		width : 220px;
		height : 220px;
		margin : 0 0 20px 0;
		overflow : hidden;
	}
	
	#global #contenu .contenusAssocies ul li span.imgAccueil img {
		position : absolute;
		top : 0;
		left : 0;
		border : none;
	}
	
	#global #contenu .contenusAssocies ul li span.imgAccueil span.deco {
		position : absolute;
		top : 0;
		left : 0;
		display : block;
		width : 220px;
		height : 220px;
		background : transparent url(../images/cachePhotoAccueil.png) no-repeat 0 0;
	}
	
	#global #contenu .contenusAssocies ul li span {
		display : block;
		width : 220px;
		font-size : 1.2em;
		line-height : 1.6em;
		color : white;
	}
	
	#global #contenu .contenusAssocies ul li a span.lireLaSuite {
		float : right;
		display : block;
		width : 100px;
		margin : 25px 5px 0 0;
		text-decoration : none;
		font-size : 0.8em;
		font-family : trebuchet ms, sans-serif;
		font-size : 1em;
		overflow : hidden;
	}
	
	#global #contenu .contenusAssocies ul li a span span { color : #5b98b2; }
	
	#global #contenu .contenusAssocies ul li a:hover span span {
		color : #f90;
		text-decoration : underline;
	}
}
@media print {
}