@charset "UTF-8";
html{
	/*min-height: 768px;*/
	height:100%;
}
body {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	line-height: 1.3em;
	margin: 0 0px;
	height:100%;
	/*min-height: 768px;*/
	/*min-width: 1004px;*/

	/*
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;*/
}
a {
	text-decoration:none;
}
a img {
	text-decoration:none;
	border:none;
}
img{
	max-width:100%;
}

/*--------------------------------------*/
/*--- menus --------------------------*/
/*--------------------------------------*/
#menu {
	position:fixed;
	top:0px;
	left:0px;
	min-height: 768px;
	height: 100%;
	width: 200px;
	display:none;

}
#menustatic {
	position:fixed;
	top:0px;
	left:0px;
	min-height: 768px;
	height: 100%;
	width: 200px;
	background-image:url("imgs/fond-neutre.jpg");
	background-repeat:repeat;
	display:none;

}
.ulstatic{
	list-style-type:none;
}
.ulstatic li.mainnumeric a {
	height: 28px;
	width: 196px;
	background-image:url("imgs/blanc-num.jpg");
	position:absolute;
	left:1px;
	top:180px;
}
.ulstatic li.mainnumeric a:hover {
	height: 28px;
	width: 196px;
	background-image:url("imgs/blanc-num-on.jpg");
	position:absolute;
	left:1px;
	top:180px;
}
.ulstatic li.mainedition a {
	height: 28px;
	width: 196px;
	background-image:url("imgs/blanc-edition.jpg");
	position:absolute;
	left:1px;
	top:280px;
}
.ulstatic li.mainedition a:hover {
	height: 28px;
	width: 196px;
	background-image:url("imgs/blanc-edition-on.jpg");
	position:absolute;
	left:1px;
	top:280px;
}

.ulstatic li.mainrecherche a {
	height: 28px;
	width: 196px;
	background-image:url("imgs/blanc-recherche.jpg");
	position:absolute;
	left:1px;
	top:380px;
}
.ulstatic li.mainrecherche a:hover {
	height: 28px;
	width: 196px;
	background-image:url("imgs/blanc-recherche-on.jpg");
	position:absolute;
	left:1px;
	top:380px;
}

.ulstatic li.mainrecherche_actif {
	height: 28px;
	width: 196px;
	background-image:url("imgs/blanc-recherche.jpg");
	position:absolute;
	left:1px;
	top:380px;
}


#myMenu {
	height: 100%;
	min-height: 768px;
	display:none;
}

#menu-toggle{
	position:fixed;
	right:20px;
	top:15px;
	border: none;
	cursor:pointer;
	z-index:2;
}
.bar {
	width: 35px;
	height: 6px;
	border-radius: 3px;
	background-color: #000000;
	margin: 6px 0;
}
/*-- media queries------------------------------------*/
@media screen and (min-width: 46.25em) {
	#menu {
		display:block;
	}
	#menustatic {
		display:block;
	}
	#myMenu {
		display:block;
	}
	#menu-toggle{
		display:none;
	}
}
@media screen and (max-width: 250px) {

    #menu-toggle{
        right:unset;
        left:180px;
    }
}
/*--------------------------------------*/
/*--- content --------------------------*/
/*--------------------------------------*/
#content {
	min-height: 768px;
	height: 100%;
	background-color: #FFFFFF;
}
#contente {
	min-height: 768px;
	height: 100%;
	background-color: #0000cc;
	margin-top: 90px;
}
#contentn {
	min-height: 768px;
	height: 100%;
	background-color: #ff9900;
	margin-top: 90px;
}
#contentrealisation {
	min-height: 768px;
	height: 100%;
	background-color: #ff9900;

	margin-top: 90px;

}
#contentbody {
	background-color: #FFFFFF;
	/*padding-bottom: 100px;*/
	height:auto;
}

/*-- media queries------------------------------------*/
@media screen and (min-width: 46.25em) {
	#content {
		/*min-width: 790px;*/
		width: calc(100% - 200px);
		padding-left: 200px;

	}
	#contentn {
		/*min-width: 790px;*/
		width: calc(100% - 200px);
		padding-left: 200px;
		margin-top: 0px;

	}
	#contente {
		/*min-width: 790px;*/
		width: calc(100% - 200px);
		padding-left: 200px;
		margin-top: 0px;

	}
	#contentrealisation {
		/*min-width: 790px;*/
		width: calc(100% - 220px);
		padding-left: 220px;

		margin-top: 0px;

	}
}

@media screen and (min-width: 1200px) {

	#contentrealisation {
		/*min-width: 790px;*/
		width: calc(100% - 200px);
		padding-left: 200px;

	}

}
/*--------------------------------------*/
/*--- header and footer --------------- */
/*--------------------------------------*/

#header {
	text-align:center;
	height: 120px;
	width: 100%;
	background-color: #FFFFFF;
	padding-top: 10px;
	z-index:1;
}
#headern {
	text-align:left;
	height: 60px;
	background-color: #ff9900;
	padding-top: 10px;
	padding-left:20px;
	padding-right:20px;
	width: calc(100% - 40px);

	position:fixed;
	top:0px;
	z-index:1;
}
#headern img {
	max-width:150px;
}
#headere {
	text-align:left;
	height: 60px;
	background-color: #0000cc;
	padding-top: 10px;
	padding-left:20px;
	padding-right:20px;
	width: calc(100% - 40px);

	position:fixed;
	top:0px;
	z-index:1;
}
#headere img {
	max-width:150px;
}

#headerr {
	text-align:left;
	height: 60px;
	background-color: #ffffff;
	padding-top: 10px;
	padding-left:20px;
	padding-right:20px;
	width: calc(100% - 40px);

	position:fixed;
	top:0px;
	z-index:1;
}
#headerr img {
	max-width:150px;
}
#footer {
	text-align:center;
	position:absolute;
	width:100%;
	padding:20px;
	/*height: 50px;*/
	background-color: #FFFFFF;

	width:calc(100% - 40px);
}
#coord{
	width:100%;
}
#footern {
	text-align:center;
	position:absolute;
	left:200px;
	height: 50px;
	width:calc(100% - 200px);
	background-color: #ff9900;
}
#footerleft {
	float: left;
	width: 200px;
	background: -moz-linear-gradient(left,
	#aaaaaa 0%,
	#ffffff 75%,
	#ffffff 100%,
	); /* FF3.6+ */
	background: -webkit-gradient(linear, left, right, color-stop(0%,#aaaaaa), color-stop(75%,#ffffff), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,
	#aaaaaa 0%,
	#ffffff 75%,
	#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,
	#aaaaaa 0%,
	#ffffff 75%,
	#ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,
	#aaaaaa 0%,
	#ffffff 75%,
	#ffffff 100%); /* IE10+ */
	background: linear-gradient(
			#aaaaaa 0%,
			#ffffff 75%,
			#ffffff 100%); /* W3C */
}
.langs{
	position:fixed;
	top:0px;
	left:55%;
	font-size:1em;
	font-weight:bold;
	padding:10px;
	display:none;/*!!!!!!!!!!!!!!!!!!!!!!*/
}
.langindex{
	left:0px;
}
.langon{
	text-decoration: underline;
	padding-right:10px;
	/*padding-top: 10px;*/
}
.langoff{
	padding-right:10px;
	cursor:pointer;
	padding-top: 10px;
}
/*-- media queries------------------------------------*/
@media screen and (min-width: 46.25em) {

	#headern  {
		text-align:center;
		height: 120px;
		padding-left:20px;
		padding-right:20px;
		width: calc(100% - 40px);

		position:unset;
	}
	#headern img {
		width:unset;
		max-width:unset;
	}

	#headere  {
		text-align:center;
		height: 120px;
		padding-left:20px;
		padding-right:20px;
		width: calc(100% - 40px);

		position:unset;
	}
	#headere img {
		width:unset;
		max-width:unset;
	}

	#headerr  {
		text-align:center;
		height: 120px;
		padding-left:20px;
		padding-right:20px;
		width: calc(100% - 40px);

		position:unset;
	}
	#headerr img {
		width:unset;
		max-width:unset;
	}
	#footer{
		left:200px;
		width:calc(100% - 200px);

		padding:0px;
	}
	#coord{
		width:292px;
	}

	.langs{
		left:0px;
	}
	.langon{

		display:inline-block;
		padding-top: 0px;
	}
	.langoff{
		display:inline-block;
		padding-top: 0px;
	}
}
/*--------------------------------------*/
/*--- alertes  --------------------------*/
/*--------------------------------------*/
#alerte {
	width:100%;
	/*width: 690px;
	position:absolute;
	top:630px;
	*/
	background-color: #FFFFFF;
	text-align:center;
	font-size: 0.8em;
	max-width: 760px;
	margin: 0px auto 30px auto;
	display:none;

}
#alerte a{
	color:#000000;
	font-style: normal;
	font-weight: bold;
}
#alerte a:visited{
	color:#000000;
	font-style: normal;
	font-weight: bold;
}

/*-- media queries------------------------------------*/
@media screen and (min-width: 46.25em) {
	#alerte  {
		/*display:block;*/

	}

}
/*--------------------------------------*/
/*--- colonnes  --------------------------*/
/*--------------------------------------*/


.tableanab{
	display:none;
	vertical-align:top;

	max-width: 760px;
	margin:50px auto 50px auto;
	padding-left:20px;
	padding-right:20px;

}
.rowanab{
	display:table-row;
	padding-top:50px;
	padding-bottom:50px;

}
.cellanab{
	display:table-cell;
	width:33%;
	padding-left:5px;
	padding-right:5px;
}

#myReal {
	text-align:center;

	position: relative;
	max-width:900px;
	margin:0 auto;
	height:600px;

	display:none;

	width:100%;
}
#myDetails {
	position:absolute;
	top:100px;


	width:100%;
	height:300px;

	visibility:hidden;
}
#myDetailsMobile{
	position:fixed;
	top:1000px;
	transition-duration:0.8s;
	transition-property: top;

	width:100%;
	height:300px;
	display:none;
}
.myDetailsContainer{
	border-width: 1px;
	border-style: solid;
	border-color: #000000;
	width:90%;
	max-width:600px;
	height:100%;
	position:relative;
	margin:0 auto;
}
#myDetailsClose {
	position:absolute;
	top: -15px;
	right: -15px;
	cursor:pointer;

	background-image:url("imgs/boutonFermer.png");
	width:32px;
	height:32px;
	visibility:hidden;

}

#myDetailsCloseMobile {
	position:absolute;
	top: -15px;
	right: -15px;
	cursor:pointer;

	background-image:url("imgs/boutonFermer.png");
	width:32px;
	height:32px;

}
#ifreal{
	background-color:#F90;
	border:none;
	width:100%;
	height:100%;
}
#ifrealMobile{
	background-color:#F90;
	border:none;
	width:100%;
	height:100%;
}
/*-- media queries------------------------------------*/
@media screen and (min-width: 46.25em) {
	.tableanab {
		display:table;

	}

}
@media screen and (min-width: 46.25em) {
	#myReal {
		display:block;
	}

}
/*--------------------------------------*/
/*--- home mobile --------------- */
/*--------------------------------------*/
.home-mobile{
	border-top: solid;
	border-top-width: thin;
	border-bottom: solid;
	border-bottom-width: thin;
	border-top-color:#555555;
	border-bottom-color:#555555;
}
.inmenu{
	height:0px;
	transition-duration:0.6s;
	transition-property: height;
	overflow:hidden;
	border-top: none;
	border-bottom: none;

	position:fixed;
	top:70px;
	width:100%;
	z-index: 2;

}
.home-mobile li{
	cursor:pointer;
}
.menuitem1{
	width: 100%;
	height: 1.5em;
	padding-left:1em;
	background-color:#ff9900;
	font-size: 2.2em;
	line-height: 1.5em;
	background-image: url('./imgs/puce.png');
	background-repeat:no-repeat;
	background-position-x:0.5em;
	background-position-y:0.65em;
	width:calc(100% - 1em);
}
.sous-menuitem1{
	background-color:#ff9900;
	margin:0px;

	transition-duration:0.6s;
	transition-property: height;
	overflow:hidden;
	height:0px;
	font-size: 1.5em;
	line-height:1.8em;
}
.sous-menuitem1 a{
	color:#000000;
}
.menuitem2{
	width: 100%;
	height: 1.5em;
	padding-left:1em;
	background-color:#0000cc;
	color:#FFFFFF;
	font-size: 2.2em;
	line-height: 1.5em;
	background-image: url('./imgs/puce-blanc.png');
	background-repeat:no-repeat;
	background-position-x:0.5em;
	background-position-y:0.65em;
	width:calc(100% - 1em);
}
.sous-menuitem2{
	background-color:#0000cc;
	margin:0px;
	color:#FFFFFF;

	transition-duration:0.6s;
	transition-property: height;
	overflow:hidden;
	height:0px;
	font-size: 1.5em;
	line-height:1.8em;
}
.sous-menuitem2 a{
	color:#FFFFFF;
}

.menuitem3{
	width: 100%;
	height: 1.5em;
	padding-left:1em;
	background-color:#D8D3D8;
	font-size: 2.2em;
	line-height: 1.5em;
	background-image: url('./imgs/puce.png');
	background-repeat:no-repeat;
	background-position-x:0.5em;
	background-position-y:0.65em;
	width:calc(100% - 1em);

}
.sous-menuitem3{
	background-color:#D8D3D8;
	margin:0px;

	transition-duration:0.6s;
	transition-property: height;
	overflow:hidden;
	height:0px;
	font-size: 1.5em;
	line-height:1.8em;
}
.sous-menuitem3 a{
	color:#000000;
}

/*-- media queries------------------------------------*/
@media screen and (min-width: 46.25em) {
	.home-mobile {
		display:none;

	}

}

/*--------------------------------------*/
/*--- textes --------------- */
/*--------------------------------------*/
.titre {
	/*height:50px;*/
	font-family: Arial,Helvetica, Verdana,  sans-serif;
	font-size: 1.2em;
	font-style: normal;
	font-weight: bold;
	color: #777777;

	background-color: #FFFFFF;

	padding-bottom:20px;
}
.titren {
	height:50px;
	font-family: Arial,Helvetica, Verdana,  sans-serif;
	font-size: 1.2em;
	font-style: normal;
	font-weight: bold;
	color: #000000;

	background-color: #ff9900;
}
.titrerealisation {
	text-align:center;
	height:30px;
}
.titrer {
	height:50px;
	font-family: Arial,Helvetica, Verdana,  sans-serif;
	font-size: 1.2em;
	font-style: normal;
	font-weight: bold;
	color: #000000;

	background-color: #ffffff;
}
.titree {
	height:50px;
	font-family: Arial,Helvetica, Verdana,  sans-serif;
	font-size: 1.2em;
	font-style: normal;
	font-weight: bold;
	color: #ffffff;

	background-color: #0000cc;
}



#presentationn {

	text-align:justify;
	background-color: #ff9900;
	display:none;
	max-width: 760px;
	width:calc(100% - 40px);

	padding-left:20px;
	padding-right:20px;

	margin:50px auto 50px auto;
}
#presentationn img {

	max-width:100%;
}

#presentationr {

	text-align:justify;
	background-color: #FFFFFF;
	display:none;
	max-width: 760px;
	width:calc(100% - 40px);

	padding-left:20px;
	padding-right:20px;

	margin:50px auto 50px auto;

}
#presentatione {

	text-align:justify;
	background-color: #0000cc;
	display:none;
	color: #ffffff;
	max-width: 760px;

	width:calc(100% - 40px);

	padding-left:20px;
	padding-right:20px;

	margin:50px auto 50px auto;

}
#presentatione a{
	color:#FFFFFF;
	text-decoration:none;
	font-style: normal;
	font-weight: bold;
}
#presentatione a:visited{
	color:#FFFFFF;
	text-decoration:none;
	font-style: normal;
	font-weight: bold;
}
.articleimg{
	/*float:left;
	width: 210px;*/
	width:100%;
	padding-right:10px;
}
.articleimg img{
	max-width:100%;
}
.articletxt img{
	max-width:100%;
}
.articlebar{
	/*background-image:url('imgs/pixelblack.png'); */
	height:1px;
	width: 100%;
	border-top:solid;
	border-width:thin;
	border-color:#000000;


}
#presentatione ul{
	margin-top:0px;
}

/*-- media queries------------------------------------*/
@media screen and (min-width: 1024px) {
	#presentationn {
		padding-left:0px;
		padding-right:0px;
		width:100%;
	}
	.articleimg{
		float:left;
		width: 210px;
		padding-right:10px;
	}
}
/*--------------------------------------*/
/*--- social bar --------------- */
/*--------------------------------------*/
#twitterbleu {
	height:20px;
	width:24px;
	background-image:url('imgs/twitter.png');
	background-repeat:no-repeat;

}
#twitterblanc {
	height:20px;
	width:24px;
	background-image:url('imgs/twitterblanc.png');
	background-repeat:no-repeat;

}



.ulstatic li.quantumdesign a {
	height: 38px;
	width: 168px;
	background-image:url("imgs/btn-recherche-quantum-design.jpg");
	position:absolute;
	left:31px;
	top:420px;
}
.ulstatic li.quantumdesign a:hover {
	height: 38px;
	width: 168px;
	background-image:url("imgs/btn-recherche-quantum-design-on.jpg");
	position:absolute;
	left:31px;
	top:420px;
}
.ulstatic li.quantumdesign_actif {
	height: 38px;
	width: 168px;
	background-image:url("imgs/btn-recherche-quantum-design-on.jpg");
	position:absolute;
	left:31px;
	top:420px;
}

.ulstatic li.paradoxes a {
	height: 38px;
	width: 168px;
	background-image:url("imgs/btn-recherche-paradoxes.jpg");
	position:absolute;
	left:31px;
	top:460px;
}
.ulstatic li.paradoxes a:hover {
	height: 38px;
	width: 168px;
	background-image:url("imgs/btn-recherche-paradoxes-on.jpg");
	position:absolute;
	left:31px;
	top:460px;
}
.ulstatic li.paradoxes_actif {
	height: 38px;
	width: 168px;
	background-image:url("imgs/btn-recherche-paradoxes-on.jpg");
	position:absolute;
	left:31px;
	top:460px;
}

.ulstatic li.pucesadn a {
	height: 38px;
	width: 168px;
	background-image:url("imgs/btn-recherche-puces-adn.jpg");
	position:absolute;
	left:31px;
	top:500px;
}
.ulstatic li.pucesadn a:hover {
	height: 38px;
	width: 168px;
	background-image:url("imgs/btn-recherche-puces-adn-on.jpg");
	position:absolute;
	left:31px;
	top:500px;
}
.ulstatic li.pucesadn_actif {
	height: 38px;
	width: 168px;
	background-image:url("imgs/btn-recherche-puces-adn-on.jpg");
	position:absolute;
	left:31px;
	top:500px;
}
#perle{
	background-image:url('imgs/perle-50.png');
	height:50px;
	width: 50px;
	position:absolute;
	left:250px;
	top:-100px;


}
/*--------------------------------------*/
/*--- realisation --------------- */
/*--------------------------------------*/
#myembed{

}
.intitulebkg{

	width:100%;
	opacity:0.8;
	pointer-events: none;
	max-width: 900px;
	margin:0px auto;
	padding-top:80px;

}
.intituleline{
	background: -moz-linear-gradient(left, rgba(255,153,0,0) 0%, rgba(255,255,255,1) 15%, rgba(255,255,255,1) 85%, rgba(255,153,0,0) 100%);
	background: -webkit-linear-gradient(left, rgba(255,153,0,0) 0%,rgba(255,255,255,1) 15%,rgba(255,255,255,1) 85%,rgba(255,153,0,0) 100%);
	background: linear-gradient(to right, rgba(255,153,0,0) 0%,rgba(255,255,255,1) 15%,rgba(255,255,255,1) 85%,rgba(255,153,0,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ff9900', endColorstr='#00ff9900',GradientType=1 );
	width:100%;
	height:1px;/* !!!!! */
	margin-bottom:49px;
}
.intitules-all{
	position:absolute;
	top: 90px;
	left:0px;
	font-family: Arial,Helvetica, Verdana, sans-serif;
	font-size: 0.8em;
	font-style: normal;
	font-weight: bold;
	width:120px;
	text-align:left;
}
.intitule{
	line-height:1em;
	height: 50px;
}
.intitulecourt{
	line-height:1em;
	height: 46px;
}
.container-embed{
	width:calc(100% - 205px);
	position:absolute;
	top:0px;
	overflow-x: scroll;
	margin-left:150px;


}
.arrow{
	width:15px;
	height:27px;
	background-size: cover;
	position:absolute;
	top:20px;
	cursor:pointer;
	background-repeat: no-repeat;
}
#leftarrow{
	background-image: url('./imgs/left-arrow.png');
	left:120px;
}

#rightarrow{
	background-image: url('./imgs/right-arrow.png');
	right:30px;
}

/*--------------------------------------*/
/*--- list real --------------- */
/*--------------------------------------*/
.tablereal{
	display:table;
	padding-left:20px;
	padding-right: 20px;
}
.tableentreprises{
	display:table;
	padding-left:20px;
	padding-right: 20px;
}
.rowreal{

	display:table-row;
}
.cellrealyear{
	display:table-cell;
	font-weight: bold;
	font-size:1.5em;
	padding-top:10px;
	padding-bottom:10px;

	background-color: #ffbe5d;
	text-align: center;

}

.cellrealimg{

	display:table-cell;
	width:100px;
	padding-top:10px;
	padding-bottom:10px;

	/*border-top-style:solid;*/
	border-bottom-style:solid;
	border-width:thin;
	border-color:#000000;
	height:100%;
}
.cellrealimg img{
	max-width:100%;

}
.cellrealresume{
	padding-top:10px;
	padding-bottom:10px;

	/*border-top-style:solid;*/
	border-bottom-style:solid;
	border-width:thin;
	border-color:#000000;

	display:table-cell;
	vertical-align:top;
	padding-left:10px;
	padding-right:20px;
	position:relative;
	height:100%;
}
.celledition{
	border-color:#FFFFFF;

}
.listtitle{
	font-weight:bold;
}

.listtype{
	font-size:0.8em;
	font-style:italic;
}
.more{

	color:#FFFFFF;
	cursor:pointer;
	font-weight: bold;
}
.moreedition{
	color:#FFFFFF;
	cursor:pointer;
	font-weight: bold;
}
.editionimg img{
	max-width:100%;
}
.editionback{

	color:#FFFFFF;
	cursor:pointer;
	font-weight: bold;
	text-align: right;
}
/*-- media queries------------------------------------*/
@media screen and (min-width: 46.25em) {
	.tablereal{
		display:none;
	}

}
.iaimg{
	max-width:200px;
	margin-bottom:10px;
}
.nojustify{
	text-align:left !important;
}
.containSavoirFaire1{
	min-height:360px;
}
/*--------------------------------------*/
/*--- unused ? --------------- */
/*--------------------------------------*/
#middle {
	text-align:center;
	width: 100%;
	height: 100%;
	width: 100%;
	background-color: #FFFFFF;
}
.gauche {
	/*position:absolute;
	left:200px;
	top:220px;*/
	display:inline-block;
	padding-left:10px;
	padding-right:10px;
	width: 240px;
	background-color: #FFFFFF;
}
.centre {
	/*position:absolute;
	left:468px;
	top:220px;*/

	display:inline-block;
	padding-left:10px;
	padding-right:10px;
	width: 240px;
	background-color: #FFFFFF ;
}
.droite {
	/*position:absolute;
	left:736px;
	top:220px;*/

	display:inline-block;
	padding-left:10px;
	padding-right:10px;
	width: 230px;
	background-color: #FFFFFF;
}
.colonnes {
	text-align:left;

}
.auteur-citation{
	margin-top: 20px;
	font-family: Arial,Helvetica, Verdana, sans-serif;
	font-size: 1.0em;
	font-style: italic;
	color: #ffffff;
	background-color: #0000cc;
	margin-bottom: 20px;
	text-align: right;
}
.presimg{
	max-width:100%;
}
@media screen and (min-width: 46.25em) {
	.presimg{
		height:200px;
	}

}

@media screen and (min-width: 900px) {
	.presimg{
		height:400px;
	}

}