/*------------- POLICES ---------------*/
@font-face {
	font-family: 'cousineRegular';
	src: url('../fonts/Cousine-Regular-Latin.ttf');
}
@font-face {
	font-family: 'cousineBold';
	src: url('../fonts/Cousine-Bold-Latin.ttf');
}
@font-face {
	font-family: 'cousineItalic';
	src: url('../fonts/Cousine-Italic-Latin.ttf');
}
@font-face {
	font-family: 'cousineBoldItalic';
	src: url('../fonts/Cousine-BoldItalic-Latin.ttf');
}
/*------------- Global ---------------*/
html, body{
	font-family: cousineRegular;
	font-size:14px;
	line-height:20px;
	margin:0px;
	width:100%;
	height:100%;
}
a{
	text-decoration:none;
	color:#e42618;
}
.container-accueil{
	width:100%;
	/*max-width:1440px;*/
	height:100%;
	/*max-height:750px;*/
	position:relative;
	margin:0 auto;
}

.image-accueil{
	position:absolute;
	top:100px;
	left:0px;
	width:100%;
	height:100%;
	/*max-width:1280px;*/
	background-image:url(../imgs/gabarit.jpg);
	background-size:contain;
	background-repeat:no-repeat;
	opacity:0;
		background-position:center;
}
@media (max-width: 768px) {
	.image-accueil{
		max-height:320px;
		background-position:top;
	}
}

@media (min-width: 768px) {
	.image-accueil{
		top:0px;
		background-size:cover; /* différence avec zoom par ex. */
	}
}

.container-projet{
	width:100%;
	max-width:1440px;
	height:100%;
	/*max-height:750px;*/
	position:relative;
	margin:0 auto;
	min-height:600px;

}
@media (max-width: 768px) {
	.container-projet{
		top:50px;
	}
}
/*------------- entete ---------------*/

.logo{
	position:fixed;
	top:25px;
	left:20px;
	cursor:pointer;
	width:176px;
	height:56px;
	background-image:url(../imgs/logo-objetio-small.png);
		background-repeat:no-repeat;
}
.fond-logo-768{
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100px;
	background-color:#FFFFFF;
}
@media (min-width: 768px) {
	.logo{
		top:50px;
		left:50px;
		width:197px;
		height:68px;
		background-image:url(../imgs/logo-objetio-big.png);
		/*background-image:url(../imgs/LogoDFA_01.svg);*/
		background-repeat:no-repeat;
	}
	.fond-logo-768{
		display:none;
	}

}

.logo .noir{
	color:#000000;
}
.logo .vert{
	color:#cccc33;
}
/*------------- menus ---------------*/
.menu-768{
	position:fixed;
	top:25px;
	right:20px;
	width:30px;
	height:20px;
	background-image:url(../imgs/Menu_Android.png);
	cursor:pointer;
}
@media (min-width: 768px) {
.menu-768{
	display:none;
}
	
}

.menu-global{
	position:fixed;
	top:135px;
	left:50px;
}
@media (max-width: 768px) {
	.menu-global{
		/*position:absolute;*/
		top:95px;
		left:-200px;
		background-color:#FFFFFF;
		height:100%;
	}
}
.menu{
	cursor:pointer;
	margin-bottom:10px;
	margin-top:5px;
}
.menu-content{
	padding-left:10px; 
	padding-right:10px; 
	padding-top:2px; 
	padding-bottom:2px; 
	font-family: cousineBold;
	font-size:14px;
	color:#FFFFFF;
	background-color:#000000;
}

.sous-menu-global{
	padding-left:20x; 
	height:0px;
	overflow:hidden;
}
.sous-menu{
	font-family: cousineBold;
	font-size:13px;
	color:#000000;
	margin-bottom:5px;
	cursor:pointer;
	opacity:1;
	width:160px;
	/*height:20px;*/
}
.sous-menu:hover{
	background-color:#FFFFFF;
	opacity:0.7;
}

.sous-menu-d{
	/*font-family: cousineBold;
	font-size:13px;
	color:#000000;
	margin-bottom:5px;
	opacity:1;*/
	cursor:pointer;
}
.sous-menu-p{
	/*font-family: cousineBold;
	font-size:13px;
	color:#000000;
	margin-bottom:5px;
	opacity:1;*/
	cursor:pointer;
}
.sous-menu-c{
	/*font-family: cousineBold;
	font-size:13px;
	color:#000000;
	margin-bottom:5px;
	opacity:1;*/
	cursor:pointer;
}

.sous-menu-a:hover{
	background-color:#FFFFFF;
	opacity:0.7;
}

.sous-rubrique-global{
	/*padding-left:20px; */
	height:0px;
	overflow:hidden;
}
.sous-rubrique{
	font-family: cousineRegular;
	font-size:13px;
	color:#000000;
	margin-bottom:5px;
	cursor:pointer;
	opacity:1;
	/*width:160px;*/
}
.sous-rubrique:hover{
	background-color:#FFFFFF;
	opacity:0.7;
}

/*------------- légendes image ---------------*/
.legende-global{
	width:100%;
	position:absolute;
	bottom:0px;
	display:none;
}
.legende{
	font-family: cousineBold;
	font-size:16px;
	color:#FFFFFF;
	background-color:#1e1e1e;
	margin:0 auto;
	width:600px;
	padding-left:18px; 
	padding-top:5px; 
	padding-bottom:5px; 
}

/*------------- signature ---------------*/
.signature{
	font-family: cousineBold;
	font-size:10px;
	color:#000000;
	line-height:14px;
	position:fixed;
	left:50px;		
	
}
@media (max-width: 768px) {
	.signature{
		display:none;
	}
}
.signature-768{
	font-family: cousineBold;
	font-size:10px;
	color:#000000;
	line-height:14px;
	display:none;
		position:absolute;
		bottom:20px;
		left:0px;
}
@media (max-width: 768px) {
	.signature-768{
		display:block;
		/*margin-bottom:20px;*/
	}
}
@media (max-height: 500px) {
	.signature-768{
		top:450px;
	}
}
/* -- dans tout saauf accueil*/
.signature-768-menu{
	font-family: cousineBold;
	font-size:10px;
	color:#000000;
	line-height:14px;
	display:none;
		position:fixed;
		bottom:20px;
		left:-200px;
}
@media (max-width: 768px) {
	.signature-768-menu{
		display:block;
		/*margin-bottom:20px;*/
	}
}
@media (max-height: 500px) {
	.signature-768-menu{
		top:360px;
	}
}
.signature-768-texte{
	font-family: cousineBold;
	font-size:10px;
	color:#000000;
	line-height:14px;
	display:none;
}
@media (max-width: 768px) {
	.signature-768-texte{
		display:block;
		/*margin-bottom:20px;*/
	}
}


#loading{
	position:absolute;
	top:200px;
	left:200px;
	
}
/*------------- projets liste ---------------*/
.table-projets{
	width:100%;
	min-width:700px;
	height:100%;
	position:absolute;
	top:50px;
	left:0px;
	display:table;
}
@media (max-width: 768px) {
	.table-projets{
		min-width:0px;
	}
}
.row-projets{
	width:100%;
	height:100%;
	display:table-row;
}
.cell1-projets{
	width:280px;
	height:100%;
	display:table-cell;
}
@media (max-width: 768px) {
	.cell1-projets{
		width:20px;
	}
}
.cell2-projets{
	height:100%;
	/*background-color:#FFCCCC;
	min-width:320px;*/
	display:table-cell;
	position:relative;
	vertical-align: top;
}
.cell3-projets{
	width:50px;
	height:100%;
	display:table-cell;
}
@media (max-width: 768px) {
	.cell3-projets{
		width:20px;
	}
}

.projet-vignettes{
	width:300px;
	height:200px;
	background-image:url(../imgs/loading.gif);
	display:inline-block;
	margin-right:15px;
	margin-bottom:10px;
	position:relative;
	overflow:hidden;
	cursor:pointer;
	opacity:0.6;
	background-repeat:no-repeat;
	background-position:top;
}
@media (max-width: 768px) {
	.projet-vignettes{
		width:100%;
		max-width:280px;
		height:270px;
		opacity:1;
	}
}

.titre-vignette{
	background-color:#000000;
	width:280px;
	height:50px;
	color:#FFFFFF;
	padding:10px;
	position:absolute;
	top:-70px;
	left:0px;
	opacity:0.8;
}
.dep-vignette{
	color:#8e8e8e;
}
@media (max-width: 768px) {
	.titre-vignette{
		background-color:#FFFFFF;
		color:#1e1e1e;
		padding:10px;
		position:absolute;
		top:200px;
		opacity:1;
		
		font-family:cousineBold;
		font-size: 16px;
		line-height:20px;
		
			padding-left:0px;

		
	}
}

/*------------- projet ---------------*/
.image-haut-container{
	/*background-color:#C0FAFF;*/
	width:100%;
	text-align:center;
	max-width:980px;
	margin:0 auto;
	position:relative;
		display:block;
}
@media (max-width: 768px) {
	.image-haut-container{
		display:none;
	}
}
.image-haut-container-768{
	/*background-color:#C0FAFF;*/
	width:100%;
	text-align:center;
	max-width:980px;
	margin:0 auto;
	position:relative;
		display:none;
}
@media (max-width: 768px) {
	.image-haut-container-768{
		display:block;
		height:auto;
	}
}

.image-gabarit{
	width:100%;
	opacity:0.0;
}
.image-haut{
	width:100%;
}
@media (min-width: 768px) {
	.image-haut{
		position:absolute;
		top:0px;
		left:0px;
		height:100%;
		background-image:url(../imgs/gabarit.jpg);
		background-size:contain;
		background-repeat:no-repeat;
		background-position:left;
		opacity:0;
		cursor:pointer;		
	}
}
@media (max-width: 768px) {
	.image-haut{
		
	}
}

.puce-haut-container{
	/*background-color:#C0FAFF;*/
	width:100%;
	max-width:980px;
	margin:0 auto;
	position:relative;
	/* maintenance 2016-02-23 
	padding-left:35px;
	height:30px;
	
	*/
}
@media (max-width: 768px) {
	.puce-haut-container{
		display:none;
	}
}
.puce-haut{
	text-align:center;
	padding-top:15px;
	padding-left:15px;
	display:inline-block;
	cursor:pointer;
}
.credits-haut{
	position: absolute;	
	top: 16px;
	/*text-align:center;*/
	padding-left:20px;
	padding-right:100px;
	display:inline-block;
	font-size:10px;
	/*vertical-align:text-top;*/
	color:#e42618;
	line-height: 12px;
}
@media (max-width: 768px) {
	.credits-haut{
		display:none;
	}
}
.credits-haut-768{
	font-size:10px;
	/*vertical-align:text-top;*/
	color:#e42618;
	line-height: 12px;
		display:none;
		padding-bottom:10px;
}
@media (max-width: 768px) {
	.credits-haut-768{
		display:block;
	}
}

.credits-bas{
	font-size:10px;
}

.zoom-haut{
	width:21px;
	height:20px;
	float:right;
	/* maintenance 2016-02-23
	margin-right:62px;
	*/
	margin-top:10px;
	cursor:pointer;
	background-image:url(../imgs/zoom.jpg);
}
.infos-container{
	/*background-color:#C0FAFF;*/
	width:100%;
	max-width:980px;
	margin:0 auto;
	position:relative;
}
.infos-colonne{
	width:45%;
	min-width:300px;
	padding-right:15px;
	display:inline-block;
	vertical-align:top;
}
@media (max-width: 768px) {
	.infos-colonne{
		min-width:250px;
	}
}

.infos-colonne-invisible{
	display:none;
}
.infos-colonne-max{
	width:95%;
	padding-right:15px;
	display:inline-block;
	vertical-align:top;
}

.simulhr{
    background-image:url(../imgs/dotted.jpg);
	height:2px;
	width:100%;
	margin-top:10px;
	margin-bottom:10px;
}
.titre-projet{
	position:fixed;
	top:450px;
	left:50px;
	font-family:cousineBold;
	width:200px;
	font-size: 15px;
	color:#1E1E1E;
	line-height:20px;
	display:block;
}
@media (max-width: 768px) {
	.titre-projet{
		display:none;
	}
}
.titre-projet-768{
	display:none;
}
@media (max-width: 768px) {
	.titre-projet-768{
		background-color:#FFFFFF;
		color:#1e1e1e;
		
		font-family:cousineBold;
		font-size: 16px;
		line-height:20px;
		
		display:block;
		
	}
}

.image-bas-container{
	/*background-color:#C0FAFF;*/
	width:100%;
	text-align:left;
	max-width:980px;
	margin:0 auto;
	position:relative;
}

.image-bas{
	cursor:pointer;
}
@media (min-width: 768px) {
	.image-bas{
		height:100px;
		margin-top:45px;
		margin-right:45px;
	}
}
@media (max-width: 768px) {
	.image-bas{
		width:100%;
	}
}
.espace-bas{
	height:50px;
	width:100%;
}
/*------------- zoom images ---------------*/
.puce-zoom-container{
	/*background-color:#C0FAFF;*/
	width:100%;
	margin:0 auto;
	position:fixed;
	top:0px;
	display:none;
	text-align:center;
	
}
.zoom-marge{
	width:0px;
	height:50px;
	display:inline-block;
}

.puce-zoom{
	text-align:center;
	padding-top:15px;
	padding-left:15px;
	display:inline-block;
	cursor:pointer;
	margin-top: 60px;
}
.fermer{
	background-image:url(../imgs/fermer.png);
	width:20px;
	height:20px;
	/*float:right;*/
	position:fixed;
	top:60px;
	
	cursor:pointer;
	right:60px;
	display:none;
}
@media (max-width: 768px) {
	.fermer{
		top:20px;
		right:20px;
	}
}
.fleche-gauche{
	background-image:url(../imgs/fleche-gauche.png);
	width:37px;
	height:89px;
	cursor:pointer;
	position:fixed;
	bottom:45%;
	left:50px;
	display:none;
}
.fleche-gauche:hover{
	background-image:url(../imgs/fleche-gauche-over.png);
}

.fleche-droite{
	background-image:url(../imgs/fleche-droite.png);
	width:37px;
	height:89px;
	cursor:pointer;
	position:fixed;
	bottom:45%;
	right:50px;
	display:none;
}
.fleche-droite:hover{
	background-image:url(../imgs/fleche-droite-over.png);
}

.zoom-image-container{
	position:fixed;
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
	background-color:#FFFFFF;
	display:none;
}
.zoom-image-table{
	width:100%;
	height:100%;
	display:table;
}
.zoom-image-row{
	width:100%;
	height:100%;
	display:table-row;
}
.zoom-image-cell{
	width:100%;
	height:100%;
	display:table-cell;
	vertical-align:middle;
	text-align:center;
}

.zoom-image-fond{
	width:100%;
	max-width:800px;
	height:100%;
	max-height:500px;
	/*background-color:#323232;*/
	margin:0 auto;
}

.zoom-image{
	width:100%;
	height:100%;
	background-image:url(../imgs/gabarit.jpg);
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center;
	cursor:pointer;
}
/*-------------------------------------*/

.containactu{
	width:100%;
	max-width:600px;
	font-size:12px;
	line-height:20px;

}
.titreactu{
	font-family: cousineBold;
	font-size:14px;
	line-height:20px;
	/*margin-bottom:15px;*/

}
.simulhractu{
    background-image:url(../imgs/slash.png);
	height:10px;
	width:100%;
	margin-top:0px;
	margin-bottom:10px;
}
.videactu5{
	height:5px;
	width:100%;
}
.videactu20{
	height:20px;
	width:100%;
}
.imgactu{
	width:100%;
	margin-top:20px;
}
@media (max-width: 768px) {
	.imgactu{
	margin-top:0px;
	}
}
.img450{
	width:100%;
	max-width:450px;
}
.img600{
	width:100%;
	max-width:600px;
}
.img980{
	width:100%;
	max-width:980px;
}
.table450{
	width:100%;
	max-width:450px;
}
.table600{
	width:100%;
	max-width:600px;
}

/*-------------------------------------*/
.equipe-vignettes{
	width:150px;
	height:210px;
	display:inline-block;
	margin-right:30px;
	margin-bottom:10px;
	position:relative;
	/*overflow:hidden;
	cursor:pointer;*/
}
@media (max-width: 768px) {
	.equipe-vignettes{
		width:130px;
		height:190px;
		margin-right:20px;
	}
}
.equipe-vignettes-photo1{
	width:150px;
	height:150px;
    position:absolute;
	top:0px;
	left:0px;
	background-image:url(../imgs/loading.gif);
	background-position:center;
}
@media (max-width: 768px) {
	.equipe-vignettes-photo1{
		width:130px;
		height:130px;
	}
}

.equipe-vignettes-photo2{
	width:150px;
	height:150px;
    position:absolute;
	top:0px;
	left:0px;
	display:none;
	background-image:url(../imgs/loading.gif);
	background-position:center;
}
@media (max-width: 768px) {
	.equipe-vignettes-photo2{
		width:130px;
		height:130px;
	}
}

.equipe-vignettes-titre{
    position:absolute;
	width:150px;
	height:60px;
	top:160px;
	left:0px;
	background:#FFFFFF;
	color:#4b4b4b;
	font-size:10px;
	line-height:13px;
	font-family: cousineBold;
}
@media (max-width: 768px) {
	.equipe-vignettes-titre{
		width:130px;
		top:140px;
	}
}

.equipe-vignette-titre-haut{
	color:#000000;
}
.equipe-vignettes-resume{
    position:absolute;
	width:150px;
	height:210px;
	top:220px;
	left:0px;
	display:none;
	background:#FFFFFF;
	color:#4b4b4b;
	font-size:10px;
	line-height: 13px;
}
@media (max-width: 768px) {
	.equipe-vignettes-resume{
		width:130px;
		height:190px;
		top:200px;
	}
}

.espace-bas-equipe{
	width:100%;
	height:300px;
}
.containpersonne{
	width:100%;
	max-width:450px;

}

.global-buttons{
	width:100%;
	text-align:center;
	position:absolute;
	top:120px;
	height:auto;
	
	
}
.global-buttons-img{
	padding-left:20px;
	padding-right:20px;
	display:inline-block;
	cursor:pointer;
}
.mentions{
	width:100%;
	text-align:center;
	position:absolute;
	
}
@media (max-width: 768px) {
	.mentions{
		top:550px;
	}
}

@media (min-width: 768px) {
	.mentions{
	bottom:30px;
	}
}
.mentions-img{
	display:inline-block;
	cursor:pointer;
}
.texte{
	padding-left:20px;
	padding-right:40px;
		position: absolute;
		top: 135px;
	/*font-size:1.2em;
	line-height:1.5em;*/
}
@media (min-width: 768px) {
	.texte{
		left: 300px;
	}
}
.texte-img{
	width:80%;
	max-width:640px;
}
.credits{
	position:absolute;
	left:50px;
}
@media (max-width: 768px) {
	.credits{
		top:580px;
		left:45px;
	}
}

@media (min-width: 768px) {
	.credits{
	bottom:30px;
	}
}
.lientelecharge{
	color:#0A00FF;
}
.mdpoublie{
	color:#0A00FF;
	cursor:pointer;
}