body { font-family: Helvetica, Arial, sans-serif; 
				line-height: 1.3em; 
					-webkit-font-smoothing: antialiased;
					font-size:12px; 
						height:100%;}
a { text-decoration:none;}						
a:link {color:#999999;}      /* unvisited link */
a:visited {color:#000000}  /* visited link */
a:hover {color:#000000;}  /* mouse over link */
a:active {color:#999999;}  /* selected link */

.menu {
	font-family:Arial, Helvetica, sans-serif;
	
	text-transform:uppercase;
	font-size:10px; 
	/*font-variant:small-caps;
	letter-spacing:1px;*/
	padding-left:108px; 
	padding-top:31px;
}

.newmenu {
	font-family:Arial, Helvetica, sans-serif;
		text-transform:uppercase;
	font-size:10px; 
	/*font-variant:small-caps; 
	letter-spacing:1px;
	padding-left:108px; 
	padding-top:31px;*/
}

/* #menu-centre { font-size:14px;} */
#menu a:link {color:#000000;}      /* unvisited link */
#menu a:visited {color:#000000;}
#menu a:hover{color:#999999;}      /* unvisited link */

	    .container {
	        width: 90%;
			min-width:800px;
			height:80%;
			min-height:640px;
	        margin: 20px auto;
	        background-color: transparent;
	        padding: 20px;
	    }
		.personnes {
			position:relative;
			display:block;
			left:85px;
			width:65%;
			height:650px;
			min-height:100%;
			background-color: transparent;
		}
		
#right-bar {
	width:35%;
	max-width:800px;
	min-width:450px;
	position:absolute;
	z-index:999;
	height:100% !important;
	min-height:100% !important;
	top:0 !important;
	left:0 !important;
	bottom:0 !important;
	background-color: rgba(255,255,255,0.5);
	margin-left:95px;
	}
	


#production-bar {
	width:80%;
	max-width:1250px;
	min-width:450px;
	position:absolute;
	z-index:999;
	height:100% !important;
	min-height:100% !important;
	top:0 !important;
	left:0 !important;
	bottom:0 !important;
	background-color: rgba(255,255,255,0.5);
	margin-left:95px;
	}
	
#personnes-bar {
	width: 35%;
	max-width: 800px;
	min-width: 450px;
	position: absolute;
	z-index: 999;
	height: 100% !important;
	min-height: 100% !important;
	top: 0 !important;
	left: 0 !important;
	bottom: 0 !important;
	background-color: rgba(255,255,255,0.5);
	margin-left: 160px; /*14 em*/
	}

#distinction-bar {
	width: 35%;
	max-width: 800px;
	min-width: 450px;
	position: absolute;
	z-index: 999;
	height: 100% !important;
	min-height: 100% !important;
	top: 0 !important;
	left: 0 !important;
	bottom: 0 !important;
	background-color: rgba(255,255,255,0.5);
	margin-left: 230px;
	}
	
#publication-bar {
	width: 55%;
	max-width: 800px;
	min-width: 450px;
	position: absolute;
	z-index: 999;
	height: 100% !important;
	min-height: 100% !important;
	top: 0 !important;
	left: 0 !important;
	bottom: 0 !important;
	background-color: rgba(255,255,255,0.5);
	margin-left: 312px;
	}

#publication-bar2 {
	width: 55%;
	max-width: 800px;
	min-width: 450px;
	position: absolute;
	z-index: 999;
	margin-left: 312px;
	}
	
.publication {
position:absolute; 
top:0px; left:312px; 
padding-top:31px;
background-color:rgba(255,255,255,0.5); 
width: 55%; 
min-width:450px; 
max-width:800px; 
height:97vh; 
z-index:998;
}
		
#presse-bar {
	width:35%;
	max-width:800px;
	min-width:450px;
	position:absolute;
	z-index:999;
	height:100% !important;
	min-height:100% !important;
	top:0 !important;
	left:0 !important;
	bottom:0 !important;
	background-color: rgba(255,255,255,0.5);
	margin-left:398px;
	}

#exposition-bar {
	width:35%;
	max-width:800px;
	min-width:450px;
	position:absolute;
	z-index:999;
	height:100% !important;
	min-height:100% !important;
	top:0 !important;
	left:0 !important;
	bottom:0 !important;
	background-color: rgba(255,255,255,0.5);
	margin-left:446px;
	}
	
#jobs-bar {
	width: 35%;
	max-width: 800px;
	min-width: 450px;
	position: absolute;
	z-index: 999;
	height: 100% !important;
	min-height: 100% !important;
	top: 0 !important;
	left: 0px !important;
	bottom: 0 !important;
	background-color: rgba(255,255,255,0.5);
	margin-left: 386px;
	}
#contenu-personne {
margin-top:160px; 
margin-left:10px; 	
}
	
#liens-bar {
	width: 35%;
	max-width: 800px;
	min-width: 450px;
	position: absolute;
	z-index: 999;
	height: 100% !important;
	min-height: 100% !important;
	top: 0 !important;
	left: 0 !important;
	bottom: 0 !important;
	background-color: rgba(255,255,255,0.5);
	margin-left: 420px;
	}
	
#news-bar {
	/*width: 35%;//*/
	max-width: 800px;
	min-width: 450px;
	position: absolute;
	z-index: 999;
	height: 100% !important;
	min-height: 100% !important;
	top: 0 !important;
	left: 0 !important;
	bottom: 0 !important;
	background-color: rgba(255,255,255,0.5);
	margin-left: 110px; /*14 em*/
	}
	
#contact-bar {
	width: 35%;
	max-width: 800px;
	min-width: 450px;
	position: absolute;
	z-index: 999;
	height: 100% !important;
	min-height: 100% !important;
	top: 0 !important;
	left: 0 !important;
	bottom: 0 !important;
	background-color: rgba(255,255,255,0.5);
	margin-left: 455px;
	}
	
		
#top-bar {
	width:100% !important;
	min-width:100% !important;
	position:absolute;
	z-index:9999;
	height:160px !important;
	min-height:160px!important;
	top:0 !important;
	left:0 !important;
	bottom:0 !important;
	background-color: rgba(250,177,124,0);
				/* background-image:url(../images/pages/base.png);
			background-repeat:no-repeat; */
	display:block;
	}
	
.logo {
    background: url(../images/pages/base.svg);
    				background-repeat:no-repeat;
}

.no-inlinesvg .logo {
    background: url(../images/pages/base.png);
					background-repeat:no-repeat;
}


      pre, code {
        font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
        font-size: 12px;
        color: #333;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
      }
	    pre { border: 1px solid #CCC; background-color: #EEE; color: #333; padding: 10px; overflow: scroll; }
      code { padding: 2px 4px; background-color: #F7F7F9; border: 1px solid #E1E1E8; color: #D14; }

      .other { height: 300px; color: #FFF; }
      .other div {
        position: absolute;
        bottom: 0;
        width: 100%;
        background: #000;
        background: rgba(0,0,0,0.7);
      }
      .other div p { padding: 10px; }

.logorotate {

/* Safari */
-webkit-transform: rotate(-90deg);

/* Firefox */
-moz-transform: rotate(-90deg);

/* IE */
-ms-transform: rotate(-90deg);

/* Opera */
-o-transform: rotate(-90deg);

/* Internet Explorer */
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

}

/* PRODUCTION */

.vignette {
float:left; 
padding-right:10px; 
padding-bottom:10px;
}
.vignette img {
cursor:pointer;
opacity:0.7;
filter:alpha(opacity=70); /* For IE8 and earlier */
border:none;
}

.navititre {
position: absolute; 
top: 170px; 
left: 36px; 
z-index: 99999; 
width: 450px; 
height: 45px; 
}

.desccriptionproj {
	position: absolute;
	top: 215px;
	left: 45px;
	z-index: 99999;
	width: 450px;
	display: none;
	margin-left: 60px;
	margin-top: 40px;
	margin-right : 69px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	padding-right: 10px;
	height: 400px;
	overflow-y: scroll;
	outline: none !important;
	
}

.descriptionprojcontent {

background-color: rgba(255,255,255, 0.8);

padding-top:6px;
	/* COLONNES */
-moz-column-count:2; /* Firefox */
-webkit-column-count:2; /* Safari and Chrome */
column-count:2;

-moz-column-gap:15px; /* Firefox */
-webkit-column-gap:15px; /* Safari and Chrome */
column-gap:15px;

-moz-column-rule:3px outset #white; /* Firefox */
-webkit-column-rule:3px outset #white; /* Safari and Chrome */
column-rule:3px outset #white;

padding-left:10px;
padding-right:10px;
margin-left:-10px;
}

.desccriptionproj p{
	text-align:justify;
	line-height:1.3em;
	padding-bottom:5px;
}

.desccriptionproj h3 {
	color: #666;
	padding-bottom:3px;
}

/*SANS COLONNES */

.descriptionprojcontent2 {

background-color: rgba(255,255,255, 0.8);
min-height:400px;
padding-top:10px;

/*padding-top:6px;
 COLONNES
-moz-column-count:2; 
-webkit-column-count:2; 
column-count:2;

-moz-column-gap:15px; 
-webkit-column-gap:15px;
column-gap:15px;

-moz-column-rule:3px outset #white; 
-webkit-column-rule:3px outset #white;
column-rule:3px outset #white;
 */
padding-left:10px;
padding-right:10px;
margin-left:-10px;
}

.desccriptiontechproj {
	position: relative;
	top: 615px;
	left: 45px;
	z-index: 99999;
	width: 450px;
	display: none;
	margin-left: 60px;
	margin-top: 40px;
	margin-right : 69px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	padding-right: 10px;
	height: 400px;
	overflow-y: scroll;	
	
}

#apDiv1 {
	position: absolute;
	width: 470px;
	padding-right: 20px;
	height: 110px;
	z-index: 100000;
	top: 655px;
	left: 105px;
}

#descriptiontech { 
padding-top:10px; 
padding-right:20px; 
padding-bottom:10px;
text-align:right; 
background-color: rgba(255,255,255,0.8);
}

/* NOT WORKING FOR IE9+ Using Jquery hoverizr instead 
.vignetteprojNB { 
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: url(grayscale.svg); 
  filter: gray; 
*/



.detailpub {
	position: absolute;
	top: 215px;
	left: 45px;
	z-index: 99999;
	width: 450px;
	display: none;
	margin-left: 60px;
	margin-top: 40px;
	margin-right : 69px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	padding-right: 10px;
	height: 400px;
	/*overflow-y: scroll;*/
	overflow:hidden;
	
}

.descriptionpub {
	cursor:pointer;
}
	
.titre_news {
	font-weight:bold;
}

.titre_news_content {
}