/* Global settings */ 

img, a, p, span, div, strong, em, ul, ol, li, label, input, textarea, form, fieldset, table, tr, th, td, h1, h2, h3, h4, h5, h6, hr, iframe, embed, object {
    list-style-type: none;
    text-decoration: none;
    outline: none;
    border: 0;
    margin: 0;
    padding: 0;
}
table, td, tr, th {
	border-spacing: 0;
	vertical-align: middle;
	border-collapse: collapse;
}
label {
	display: block;
}
html {
	overflow-y: scroll;
	
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {
	display: inline-table;
}
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;

}

a {color:#666;}
a:hover,
a.selected,
li.selected a {color:#006699;}

.hidecursor {
	cursor: none;
}


/* Layout */
body {
	
   
  
    	line-height:20px;
		
	margin:0;
} 
h1 a {
	text-transform:uppercase;
	font-weight:normal;
	font-size:17px;
	color:#006699;
	padding-left:5px;
} 
h1 span {
	text-transform:lowercase;
	padding-left:10px;
	font-size:15px;
}
#logo {  
	margin:3px 5px 0 12px;	
}
h2 {
	position: fixed;
	left: 20px;
	top: 80px;
	z-index:301;    
	background: rgb(0,90,142);
	background: rgba(0,90,142,0.9);
	opacity: 0.90;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	padding:10px;
}
h2,
h2 a {
	color:#fff;     
	text-transform:uppercase;
	font-weight:normal;
	font-size:16px;
}
h2 a:hover {
	color:#f3e832;     
}
#container {
	position:relative;
	margin:0;
	padding:0;	
}
#content {
	margin:0;
	padding:0;	
}
#header .wrapper {
	position:fixed;
	z-index:400;
	top:0px;
	left:-3px;
	width:100%;
	padding:15px;
}
#header .mask {
	position:absolute;
	top:0px;
	left:0;
	width: 100%;
	height: 50px;
	background: rgb(255,255,255);
	z-index: -1;
}
#header .wrapper > h1 {
	position: absolute;
	width:330px;
	top: 12px;
	left: 115px;
	z-index: 300;
}
#footer {
	position:fixed;
	z-index:300;
	bottom:0px;
	left:0px;
	width:100%;
	height:50px;
	background: rgb(255,255,255);
}
#footer .mask {
	position:fixed;
	bottom:0px;
	left:0;
	width: 100%;
	height: 50px;	
	z-index: 290;
}

/* MENU */
#menu {
	position: absolute;
	right:40px;
	top:7px;
	padding:10px;
} 
#menu li {
   display:inline-block;
   padding-left:15px;
}
#menu li:first-child {
   	padding-right:0px;
}
#menu li a {
	text-transform:uppercase;
	float:left;
	font-size:15px;
	color:#adadad;
}
#languages li a:hover,
#languages li.selected a,
#languages li a.selected,
#menu li a:hover,
#menu li.selected a,
#menu li a.selected  { 
	color:#006699;
}

/* LANGUAGES */
#languages {
	position:relative;
	z-index:502;
	float:right;
	padding-top:15px;
	width:80px;
}
#languages li a {
	text-transform:uppercase;
	float:left;
	font-size:13px;
	color:#adadad;
}
#languages li.languages a {
	padding:0 3px;	
}


/* NAVIGATION SLIDESHOW */
#next,
#prev {
	position: fixed;
	top:0px;
	z-index:301;
}
#prev {
	left: 0;
	cursor: url('prev.png'),auto;
}
#next {
	right: 0;
	cursor: url('next.png'),auto;
}


/* LEGENDES SLIDESHOW HOME */
#viewer_description_container {
	/* position:fixed; */
 	 bottom:30px;  
	 
	left:20px;
	text-align:center;
	z-index:501;
	
}

/*REPORTS FOLDER */  
#reports {
	margin:68px 18px 68px 18px;	
}
#reports li,
#publication li {
	background:#005a8e;
	margin:5px;
	float: left;
	position: relative;
	overflow: hidden; 
}
#reports img,
#publication img {
	display: block;
}
#reports .details {
	display:none;
	position:absolute;
	padding:10px;
	left:0;
	bottom:0;
	text-align:left;
	z-index:300;
}
#reports .details h3 {
	color:#f3e832;
	font-weight:normal;
	text-transform:uppercase;
	padding-bottom:5px;
}
#reports .details .description,
#reports .details h4 {
	color:#fff;
	font-weight:normal;
}

/*PUBLICATION FOLDER */ 
#publications_container {
	margin:100px 0;	
}
#publication  {
	padding:0px 8px 55px 24px;	
} 
#publication li {
	background:none;
	
}
#publication img {
	position:absolute;
	bottom:10px;
	box-shadow: 5px 5px 10px #aaa;
	margin-left:10px;
}
#publication .details {
	display:none;
	position:absolute;
	padding:10px;
	left:0;
	top:0px;
	text-align:left;
	z-index:300;
}
#publication > h3 {  
	display:inline;
	text-transform:uppercase;
	font-weight:normal;
	font-size:16px;
	color:#fff;
	background: rgb(0,90,142);
	background: rgba(0,90,142,0.9);
	opacity: 0.90;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	padding:10px;
}
#publication_other  {
	margin-top:90px;
}
#publication .details h3 {
	color:#006699;
	font-weight:normal;
	text-transform:uppercase;
}
#publication .details .description {
	color:#999;
}
#publication .details a {
	color:#f3e832;
}


/* MEDIAS SLIDESHOW */ 
#slideshow_home {
	position:absolute;
	top:0;
	left:0;
	overflow: hidden;
	width: 100%;
	z-index:-2;
}
 #slideshow {
	position:absolute;
	top:50px;
	bottom:50px;
	left:0;
	right:0;
	overflow: hidden;
	width: 100%;
	z-index:-2;
	padding:20px 0;
}
#medias {
	padding:150px 20px 50px 20px;
}
#medias ul li {
	float: left;
	position: relative;
	overflow: hidden;
	margin:5px;
	text-align:center;
}
#slideshow ul li,
#slideshow_home ul li {
	float: left;
	position: relative;
	overflow: hidden;
	text-align:center;
	z-index:300;
	padding:0;
	background:none;  
}
#slideshow li img {
	vertical-align:middle;
	margin: auto;
	background:none;
}
#slideshow ul .slides {
	background:none;
}
#medias img {
	display: block;
	vertical-align:middle;
	margin: auto;
	width:300px;
}
#medias img:hover {
	opacity: 0.3;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}



/* Infos Medias */
#medias_infos {
	width:320px;
	padding-bottom:20px;
	padding-left:3px;
}    
#medias_infos p {
	color: #399bc6;
	font-size:13px;
}
#medias_infos span {
	color:#adadad;
	font-size:11px;
	text-transform:uppercase;
	margin-right:5px;
}


/* FOOTER Infos Slideshow */

#footer .infos_slideshow  {
	display:none;
	padding-top:14px;
	text-align:center;
}
#footer .infos_slideshow p,
#footer .infos_slideshow h3 {
	font-weight:normal;
	display:inline;
	color: #adadad;
	font-size:12px;	
}
#footer .infos_slideshow .buttons img {
	height:26px;	
}
#footer .buttons {
        position:relative;
	float:left;
	z-index:502;
	padding:0 0 0 20px;
	cursor: pointer;
}
#footer .buttons span {
	padding: 0 4px;
}


/* CLIENT 
#links {
	margin:70px 20px 70px 20px;	
}
#links li {
	width:40%;
	height:30px;
	color:#006699;		
}
#links h3 {
	float:left;
	background: #2e77a1;
	opacity: 0.9;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	padding:5px;
	text-transform:uppercase;
	text-align:right;
	width:48%;
	margin-right:10px;
	font-weight:normal;	
	margin-right:10px;
	padding-right:10px;	
	color:#fff;	
}
#links p {
	line-height:32px;	
}
#links h3 a {
	color:#f3e832;	
}
#links h3 a:hover {
	color:#fff;
}*/  

/* Infos Mask Slideshow */
.viewer .infos {
	display:none;
	position:absolute;
	padding:20px;
	top:120px;
	left:0px;	
	z-index:303;
	color:#fff;
	font-size:14px;	
}
.viewer .infos h2 {
	background:none;
	color:#f3e832;
	padding:10px 0;
	width:260px;     
}
.viewer .infos .description span {
	color:#9ccbe0;
	font-size:12px;
	text-transform:uppercase;
}
.viewer .infos .description,
.viewer .infos h4  {
	padding-bottom:10px;
	width:260px;
	font-weight:normal;	
}
.viewer .infos .preview a {
	color:#f3e832;
}
.viewer .infos button {
	float: left;
}
.viewer .infos_mask {
	display: none;
	position:absolute;
	z-index:302; 
	width:300px;
	top:0px;
	left:0px;
	background: rgb(0,90,142);
	background: rgba(0,90,142,0.8);
	opacity: 0.80;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	cursor: url('../img/close.png'),auto;
} 


/* Text */   

#document {
	margin:70px 20px;	
}
.scrollable {
	overflow: hidden;
}
#contact_container,
#texts_container {
	position:relative;
	width:900px;
	padding:20px;
	background:#fff;
	color:#006699;
	font-size:14px;
	margin-right:auto 40px;
} 
#contact_container a,
#texts_container a {
	color:#399bc6;
}
#contact_container img,
#texts_container img {
	width:100%;
} 
#texts {
	width:100%;
	float:left;
} 
#contact_container article:first-child .container {
	display:block;
}
#contact_container article:first-child h4,
#texts_container article.opened h4 {
	color:#006699;
	border-bottom:1px solid #006699;  
}
#texts .container {
	display:none;
	margin-top:20px;
	margin-bottom:20px;	
}
#texts h4 {
	cursor:pointer;
	padding:5px 0;
	color:#adadad;
	border-bottom:1px solid #adadad;   
	text-transform:uppercase;
	font-weight:normal;	
	margin-bottom:5px;	
}
#texts h4:hover {
	color:#006699;
}



/* Contact */


#contact_form { 
	width: 400px;
}
#contact_form p {
	margin-bottom: 10px;
	color:#fff;
}


/* SEARCH */
#search {
	padding:150px 100px;
}
#search h2 span {
	color:yellow;
}

#search_form { 
	width: 160px;
	position:absolute;
	right:90px;
	top:13px;
	z-index:502;
}
#search_form input {
	width: 120px;
	color: #fff;
	background:#ccc;
	padding:4px;
	font-size:12px;
	margin-top:1px;
}
#search_form button {
	text-decoration: none;
	cursor: pointer;
	float:right;
	background:#ccc;
	color:#fff;
	border:0;
	padding:3px;
	margin-top:1px;
	font-size:12px;
}


#search h3 { 
	margin-top:30px;
	margin-bottom:5px;
	line-height:25px;
	color:#006699;
	font-weight:normal;
}
#search h3 a { 
	text-transform:uppercase;
	font-size: 18px;
	font-weight:normal;
}
#search h4 { 
	margin-bottom:5px;  
	margin-top:20px;  
}
#search h4 a { 
	font-size:14px;
	font-weight:normal;
	text-transform:uppercase;  
}
#search h5 { 
	font-size:9px;
	font-weight:normal;
	width:200px;
}
#search_medias h5 { 
	display:none;
}
#search_medias img { 
	float:left;
	height:120px;
	margin-right:5px;
}