@charset "utf-8";
@import url("police/cssPolice.css");
html { width:100%; height:100%; }
body {
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	cursor: default;
	background-color:#111;
}

chargement {
	width: 100%;
	height: 100%;
	padding: 0px;
	z-index: 8888;
	position: fixed;
	top: 0px;
	left: 0px;
	background: #111;
}

header {
	width: 100%;
	height: 60px;
	z-index: 9999;
	position: fixed;
	top: 0px;
	border-bottom: 1px solid #1c1c1c;
	background-image: url(../img/bg_haut.png);
	opacity: 0.98;
	/*visibility:hidden;*/
}
header section { position:relative; width:1000px; height:60px; margin:0px auto 0px auto; text-align:center }
header section logo { position:absolute; top:15px; left:0px; border:none }
header section nav { position:absolute; top:7px; right:0px }
header section nav ul li {
	display: inline;
	margin-left: 10px;
	font-family: RobotoBold;
	font-size: 11pt;
	text-transform: uppercase;
	color: #BF1713;	
}
header section nav ul li a {
	font-family: RobotoBold;
	font-size: 11pt;
	text-transform: uppercase;
	color: #777;
	padding: 1px 6px 1px 6px;
}
header section nav ul li a:hover { text-decoration: none; }

section article {
	position:relative;
	width:1000px;
	padding:0px;
	margin:0px auto 0px auto;
	font-family: RobotoLight;
	font-size: 12pt;
	color:#999;
}

section ProjTitre {
	font-family: RobotoBold;
	font-size: 30pt;
	text-transform: uppercase;
	text-align:center;
	color: #555;
}
section ProjDesrp { font-family:RobotoLight; color: #888; font-size:30pt; line-height:30px; }

titPage {
	font-family: RobotoLight;
	font-size: 26pt;
	line-height: 22pt;
	text-transform: uppercase;
	color: #555;
	
}
titPage strong { font-family: RobotoBold; color: #666; }

.titGras12 {
	font-family: RobotoLight;
	font-size: 18pt;
	line-height: 22px;
	text-transform: uppercase;
	color:#BF1713;
}
.titGras13 {
	font-family: RobotoLightItalic;
	font-size: 12pt;
	line-height: 16px;
	text-transform: none;
	color: #BF1713;
}
section p, a, li, txt {
	font-family: RobotoRegul;
	font-size: 10pt;
	line-height: 14px;
	text-decoration: none;
	text-transform: none;
	color: #666;
	text-align: justify;
}
section a:hover { text-decoration: none; }
/*section titre1 { line-height:20px; font-size:14px; color:#aaa }*/

#zoomez {
	background-image: url(../img/bg_zoomez.jpg);
	background-size: auto auto;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center center;
}
#zoomez .zoomnous {
	position: relative;
	top: 0px;
	background-color: #A51411;
	width: 100%;
	padding: 90px 0px 20px 0px;
	background-image: url(../img/bg_carreau_rge.svg);
	background-repeat: repeat-x;
	background-size: 4px 76px;
}

#boutZoomez { position:absolute; bottom:50px; width:100%; text-align:center;display: none; border:none }
#boutZoomez img { opacity:0.7; cursor:pointer; height:35px; border:none }
#boutZoomez img:hover { opacity: 1; }

#reseau { position:absolute; right:0px; margin-top:61px }
#reseau img { background-color: #262626; opacity: 0.4; height:35px }
#reseau img:hover { opacity: 1; }

#bloc_metier { width:800px; margin:30px auto 0px auto; text-align:center }
#bloc_metier img { height:210px; }
#bloc_metier ul { margin-top:-10px; list-style-type:square; margin-left:-15px; }
#bloc_metier td { width:33.333%; padding: 20px 0px 20px 0px;  }/*border-top:1px solid #151515;*/

#refs { background-color:#252525; text-align:center; background-repeat: repeat-x; background-size: 4px 76px; }
refs img { height:70px; cursor:pointer; margin:0px 10px 0px 10px; }

#contact {
	height:400px;
	background-image:url(../img/map_zoom.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: auto auto;
	background-attachment:fixed;
	clear:both
}
#footer { height:250px; background-color:#050505; }
#footer article { padding:40px 0px 0px 0px;}
#footer copy {
	font-family: RobotoRegul;
	font-size: 11pt;
	line-height: 18px;
	text-decoration: none;
	color: #222;
	text-align:right;
	float:right;
}
/*
-------------------------------------------------------------------------------------------------
Page projets
-------------------------------------------------------------------------------------------------
*/
projet {
	width:249px;
	height:249px;
	float:left;
	margin:0px 1px 1px 0px;
	padding:0px;
	position:relative;	
	cursor:pointer;
	background-color:#212121;
	background-position: center center;
	background-size: auto 250px;
}
projet savoir {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:150px;
	margin:0px;
	padding-top:100px;	
	background-image:url(../img/bg_roug_transp.svg);
	text-align: center;
	visibility: hidden;
}
projet savoir a {
	font-family: RobotoBold;
	font-size: 14pt;
	line-height: 16pt;
	text-transform: uppercase;
	color: #fff;
}
projet savoir a:hover { color: #fff; text-decoration:underline }
projet savoir a span { font-size: 11pt; font-family: RobotoLight; text-transform: capitalize; opacity:0.8 }
projet savoir img {
	position:absolute;
	top:0px;
	right:0px;
	height:60px;
}