/*
Theme Name: LS2N TEST ok DK Responsive 
Template: dk-responsive
Text Domain: dk-responsive
*/

@import url(../dk-responsive/style.css);
@import url('https://fonts.googleapis.com/css2?family=Roboto');
@import url("https://use.typekit.net/iye5qwg.css");
 
body {
	font-family: nimbus-sans, sans-serif ;	
}

#textPresAcc {
	padding-top:10px !important;
	font-size : 0.9em !important;
}

#textPresAcc p {
	
	margin-top:0px !important;
}

@font-face {
    font-family: "futurabold";
    src: url('./css/FuturaBold.ttf');
}
@font-face {
    font-family: "futuralight";
    src: url('./css/FuturaLight.ttf');
}

@font-face {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 700;
    src: local("Montserrat Bold"), local("Montserrat-Bold"), url("https://fonts.gstatic.com/s/montserrat/v10/IQHow_FEYlDC4Gzy_m8fcoWiMMZ7xLd792ULpGE4W_Y.woff2") format("woff2");
    unicode-range: U+0-FF, U+131, U+152-153, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

@font-face {
  font-family: 'atlicon';
  src: url("./fonts/atlicon.eot");
  src: url("./fonts/atlicon.eot?#iefix") format("embedded-opentype"), url("./fonts/atlicon.woff") format("woff"), url("./fonts/atlicon.ttf") format("truetype"), url("./fonts/atlicon.svg#atlicon") format("svg");
  font-weight: normal;
  font-style: normal;
}


.main-navigation {
	background: white  !important;
	border-color: #5b5b5b currentcolor #003366;
	font-family: Roboto, sans-serif !important;
}

#menu-principalfr ul {
	border: 2px solid rgba(9, 113, 206, 0.2) !important;
	border-left: 2px solid #0d3b70 !important;
}

#menu-principalfr a, #menu-principalfr a:visited , #menu-principalen a, #menu-principalen a:visited, #menu-principalfr a:hover   {
	color: #0d3b70;
}

#menu-principalfr li:hover,  #menu-principalen li:hover, #menu-principalen a:hover{
	color: #0d3b70 !important;
	background : rgba(9, 113, 206, 0.2) !important;
}

#menu-principalfr li, #menu-principalen li {

	font-weight :bold;
	font-size:1.2em;
}


.main-navigation ul li {
    padding-left: 25px !important;
    padding-right: 25px !important;
  
}

.main-navigation li li:hover {
   background : rgba(9, 113, 206, 0.3) !important;
   color: #0d3b70  !important;
}
 

.main-navigation ul .current_page_item  , .main-navigation ul .current-menu-item   {
    
     background : rgba(9, 113, 206, 0.3) !important;
}


.current_page_item > a, .current-menu-item > a {
    
    color:white !important;
}

.header {
	position:relative;
	background: rgba(0, 0, 0, 0) url("images/bandeau.jpg");
  	background-repeat: no-repeat;
    	background-position: center top ; 
	width: 100%;
	clear: both;
}

.headerTop {
	margin : 0px !important;
	padding : 0px !important;
}

.header > .container {
	height:250px;
	float:center ;
	display:flex ;
	justify-content: center ;
	align-items: center;
	align-self : center;
	vertical-align: bottom;
	padding-top: auto ;
	padding-bottom : auto;
}

#menuicon{
	display:flex; 
	justify-content: center ;
	align-items: center ;
	align-self : center ;
	align-content : center ;
}


.cat-links::before {
	content: '\f301';
	display: inline-block;
	font: normal 16px/1 Genericons;
	vertical-align: text-bottom;
}


.Logo {
	width: 100%;
	display:flex ;
	justify-content:  center ;
}

h1,h2,h3,h4,h5 {

	font-family: roboto, sans-serif;
}



.site-title {

	max-width:650px !important;
	/*border-color: #cccc00;
    	border-radius: 25px 0;
    	border-style: solid;
   	border-width: 2px;*/
   	color: white;
    	padding: 10px;
	background-color: rgba(9, 113, 206, 0.6) !important; 
}

.site-title a {
	font-family: Roboto, sans-serif;
   	font-size: 120%;
    	border: 1px solid rgba(0, 0, 0, 0.15);
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
    	text-decoration: none;
    	text-transform: uppercase;
    	/*text-shadow: -1px 0 2px #003366;
    	font-weight: bold;
   	font-weight: 900;
    	border-color: #003366;
    	border-style: none;
    	border-width: 0;*/
	color: white !important ;
	padding-top:0px !important ;	
	margin-top:0px !important ;
	vertical-align:top !important;
	
}
a[href^="mailto:"]::before {
	content: '\f410';
}

a[href^="mailto:"]::before,
a[href^="tel:"]::before,
.genericon,
.nav-toggle:before,
button#top-nav-toggle:before,
button#social-nav-toggle:before,
.dropdown-toggle:after,
.featured-post:before,
.byline .entry-author a::before,
.entry-date a::before,
.comments-link a::before,
.post-edit-link::before,
.entry-permalink a::before,
.post-format-link::before,
.entry-terms::before,
.image-sizes::before,
.pagination .prev::before,
.pagination .next::before,
.chat-author cite::before,
.comment-published::before,
.comment-edit-link::before,
.comment-author::before,
.comment-permalink::before,
.comment-reply-link::before,
.comment-reply-login::before,
.loop-nav a[rel="prev"]::before,
.loop-nav a[rel="next"]::after,
#menu-social li a::before,
.widget li::before {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font: normal 16px/1 Genericons;
	vertical-align: text-bottom;
}



@media screen and (min-width: 300px) and (max-width: 375px) {
	.site-title a {	
	 	font-size: 65%!important;

	}
}

@media screen and (min-width: 376px) and (max-width: 420px) {
	.site-title a {	
	 	font-size: 70%!important;

	}
}



@media screen and (min-width: 421px) and (max-width: 490px) {
	
	.site-title a {	
	 	font-size: 80%!important;

	}
}


@media screen and (min-width: 491px) and (max-width: 520px) {
	
	.site-title a {	
	 	font-size: 90%!important;
		
	}

}


@media screen and (max-width: 520px) {

	.site-title {	
		display:flex ;
		justify-content: center ;
		align-items: center;
		 align-content:center;
		 text-align:center;
		 flex-wrap: wrap ;
		padding : 0px !important;
		padding-top:10px !important;
	}

	.site-title img {
		padding-bottom:10px !important;
	}

}


@media screen and (min-width: 521px) and (max-width: 590px) {
	.site-title a {	
	 	font-size: 70%!important;
	}
}

@media screen and (min-width: 591px) and (max-width: 750px) {
	.site-title a {	
	 	font-size: 95%!important;
	}
}

@media screen and (max-width: 1130px) {
	.menu-toggle,
	.main-navigation.toggled .nav-menu {
		display: block;
	}

	.main-navigation ul {
		display: none;
		width:100%;
		float:none;
		margin-top:50px;
	}
	.main-navigation ul ul{	
		width:100%;		
		background-color:transparent !important;
	}
	
	.main-navigation li {
		width:100%;
		float:none;
		text-align:center;
	}
	.carousel-caption {
		top: 0;			
		right: 5%;	
		bottom:5%;	
	}
	.footerBottom .footerrow {
		margin-top:10px;
		float:none !important;
		text-align:center !important;
	}
	
}


@media screen and (min-width: 1131px) and (max-width:1310px) {

	#site-navigation .container {
		float:left;
		padding-left: 0px !important;
	}

	#site-navigation .col-md-12 {

		padding-left: 0px !important;
	}


	.main-navigation ul li {
	    padding-left : 25px !important;

	}
}

@media screen  and (min-width: 1131px) and (max-width:1215px) {

	.main-navigation ul li {
	    padding-left : 10px !important;

	}

}

.main-content-wrapper {

	 border-top: 3px solid #ff6600;

}

#secondary .widget-wrapper:first-child {

	 border-top: 3px solid #cccc00;

}

.catchline {
	font-family: nimbus-sans, sans-serif;
	font-size : 1.2em;
	font-style: italic;
	font-weight: bold;
	color: #999900;
	text-align:justify;
	
}

.stopEquipe {
	color: #ff6600;
}


.content { background-color:white !important;
 
}

#primary .main-content-wrapper_primary, .entry-content, #tribe-events {
	 padding-left: 20px;
	 padding-right: 20px;

}

.content #footer_language_list {
	 padding-left: 20px;
	 padding-bottom : 20px;

}

#titreArticles {
	 background: #f9f9f9 none repeat scroll 0 0;
    border: 1px solid #ececec;
    float: left;
    padding: 0 30px 24px;
    width: 100%;
   
}
.verth1{
	color: #cccc00;
}

#btnIntra {

  position:relative;
  height:40px;
  width : 40px;
  cursor:pointer; 
  float : left;
          
  background: #cccc00;
  background: -webkit-linear-gradient(top, #cccc00, #e0e000);
  background: -moz-linear-gradient(top, #cccc00, #e0e000);
  background: -ms-linear-gradient(top, #cccc00, #e0e000);
  background: -o-linear-gradient(top, #cccc00, #e0e000);
  background: linear-gradient(to bottom, #cccc00, #e0e000);
  -webkit-border-radius: 30;
  -moz-border-radius: 30;
  border-radius: 30px;
  font-family: Arial;
  color: #ffffff;
  padding: 0px ;
  margin:0px;
  text-decoration: none;
z-index:1;
}

#btnIntra:after {
background-position: 5px 2px !important;
position: absolute;
 content : "";
 width: 30px;
 height: 30px;
 background : url(https://www.ls2n.fr/wp-content/uploads/sites/13/2017/01/1484574496_102.png) no-repeat;

 -ms-background-size: cover;
     	-o-background-size: cover;
     	-moz-background-size: cover;
    	-webkit-background-size: cover; 
    	background-size:cover;
	
	top: 0;
 	left: 0;
  	bottom: 0;
 	right: 0
}


#btnIntra:hover {
  background-color: #99ccff;
  background-image: -webkit-linear-gradient(top, #99ccff, #3498db);
  background-image: -moz-linear-gradient(top, #99ccff, #3498db);
  background-image: -ms-linear-gradient(top, #99ccff, #3498db);
  background-image: -o-linear-gradient(top, #99ccff, #3498db);
  background-image: linear-gradient(to bottom, #99ccff, #3498db);
  text-decoration: none;
}

#btnIntra:hover:after {
background-position: 5px 2px !important;
position: absolute;
 content : "";
 width: 30px;
 height: 30px;
 background : url(https://www.ls2n.fr/wp-content/uploads/sites/13/2017/01/1484574506_103.png) no-repeat;

 -ms-background-size: cover;
     	-o-background-size: cover;
     	-moz-background-size: cover;
    	-webkit-background-size: cover; 
    	background-size:cover;
	
	top: 0;
 	left: 0;
  	bottom: 0;
 	right: 0
}

.wp-video {

	margin-left : auto !important;
	margin-right : auto !important;
}


/* === page accueil #cccc00 === */

@media screen and (max-width:991px){
	#primary {
		width:100% !important;
		clear:both !important;
	}
}


#acc_presentation{

    padding-top: 50px;
    position: relative;
    width: 100%;
    height:100%;
    
}


#presentation_text{
	
    background-color: #0d3b70 !important;
    border-width: 1px;
    color: white;
    font-weight : bold;
    margin-left: auto;
    margin-right: auto;
    padding: 15px 15px;
    position: relative;
    text-align: justify;
   
}

#pres_labo_acc{

	position : relative;
	width: 100%;
	height:360px;
	margin-bottom : 30px;
	background-color:white;
	margin-bottom:100px;
}




#pres_labo_acc_text { 

	position : relative;
	color : white;
	text-align : justify;
	background-color: rgba(153, 153, 0, 0.8);
	float:center;
	width: 40%;
	max-height:360px;
	padding : 15px;	
	padding-top:0px;	
	margin-left:auto;
	margin-right:auto;
	border-width:1px;
        border-style:solid;
        border-color:#cccc00;

}

#pres_labo_acc_text span {

	vertical-align: top;

}

#pres_labo_acc {

	padding-top : 15px;

}



.redFont {
	color:#990033 !important;

}

.fa-rss{
	padding-left : 0px;
	padding-right:10px;

}

#titreArticles .exelimg img {
   max-width:800px !important;
}


.imgTop {
position: relative;
vertical-align: top;
margin-right:10px;
margin-top:10px;
max-width:305px !important;
}

.floatTextPresAcc {
    float: left;
}

@media screen and (max-width:990px){
	.floatTextPresAcc {
   		 float:none;
	}
}

#pres_text {

    position: relative;
    top : -15px;
    font-size : 1.2em !important;
   
}

#acc_widHal{
	background: #f9f9f9 none repeat scroll 0 0;
	border: 1px solid #ececec;
	float: left;
	display: flex;
        flex-wrap: wrap;
        justify-content: center;
        padding-left: auto;
        padding-right: auto;
	padding-top:35px;
	padding-bottom: 30px;
}

#acc_widHal #boxPublication{

    width: 90%;
    position:relative;
    border-color: #cccc00;
    border-radius: 30px 0;
    border-style: solid;
    border-width: 1px; 
    background-color: rgba(255, 255, 244, 1) !important;
    padding-bottom: 20px;
    margin-top:0px !important;
}

 #boxPublicationIntra{

    width: 100%;
    position:relative;
    border-color: #cccc00;
    border-radius: 30px 0;
    border-style: solid;
    border-width: 1px; 
    background-color: rgba(255, 255, 244, 1) !important;
    padding-bottom: 20px;
    margin-top:0px !important;
}

#listPubli{
    position:relative;	
    text-align :left;
    font-size: 0.9em !important;
    font-family: nimbus-sans, sans-serif !important;
   
}

#titrePubliHAL{
   color: #fffff4 !important;
   font-family: Roboto, sans-serif !important;
   font-weight: 500;
   font-size: 18px !important;
   position: relative;
   border-style: solid;
   border-width: 1px; 
   border-color: #cccc00;
   background-color: rgba(0, 51, 102, 0.8) !important;
   width: 180px;
   height:50px;	
   padding: 8px; 	
   left: 25px;
   top:-20px;
   display:flex;
	justify-content:center;
	align-items:center;	
}

#titrePubliHAL::before{
	content: "";
   	background-repeat: no-repeat;
  	background-image:url('images/hal.png');
  	background-size: contain;
  	display: inline-block;
	 background-position: center; 
  	/*size of your image*/
 	 width: 30px;
	 height:30px;
	margin-right: 10px !important;
}	

#listPubli ul {
	padding-left: 10px;
	padding-right: 10px;
	margin-left:10px;
	margin-right:10px;
	
}
 #listPubli li {
	 list-style-type: disc !important;
 }

#lienPubli, #lienPubli a, #lienPubli a:visited {
	position: relative;
 	justify-content: flex-end;
	color: #003366!important;
	text-align: right!important;
	padding-top:5px;
}

 #listPubli li a, #listPubli li a:visited {
	
	color: #990033 !important;
	font-style: italic !important;
}

#lienPubli a:hover, #listPubli a:hover {

	color:  #303030 !important;

}


#recrut_labo_acc_text { 

	position : relative;
	
	color : white;
	text-align : justify;
	margin-top:50px;
	padding-top:0px;
	margin-left:auto;
	margin-right:auto;
	border-width:1px;
	border-style:solid;
 	border-color:#cccc00;
	 z-index: 1; 
	border-radius: 20px 0;
	border-width: 2px;
        border-style: solid; 
        margin-bottom:20px;
}

.recrutText {
    color:#464646 !important;
    font-family: nimbus-sans, sans-serif !important;
    font-size: 1.3em !important;
     padding-bottom : 20px;
	padding-left:20px;
    
     list-style:none !important;
}

#divRecrut .recrutText {
font-size: 1.2em !important;
padding-top : 20px;
color:white !important;
  font-family: nimbus-sans, sans-serif !important;
font-weight: bold;
}

#titrerecrut_labo_acc{
  /* color: #003366 !important;*/
  font-weight: 500;
    color: #999900 !important; 
    font-family: Roboto, sans-serif !important;
    font-size: 22px !important;
    position: relative;
   border-style: solid;
   border-width: 1px; 
   border-color: #cccc00;
   background-color: rgba(255, 255, 244, 1) !important;
   margin:0px;
   padding :0px;
   width:180px;
   height :35px;
   top:-20px;
   left:20px;
text-align:center;
}


#recrut_labo_acc_text ul{
	font-family: Roboto, sans-serif;
	font-size : 1.2em;
	color : #999900;
	margin-left: 2em!important;
	margin-right: 1.5em!important;
	margin-bottom: 1em !important;
}

#buttonPlay {
	text-align:center;
}

.button.secondary {
   
	border-radius:12px 0 12px 0;
	background: #f5f5f5;
	border:none;
	color:#555;
	cursor: pointer; cursor: hand; 
	padding-left:10px;
	padding-right:10px;	
	box-shadow:1px 1px 3px #999;
	margin-left:15px;
	margin-right:15px;
}

.owl-carousel-sem {
	padding-bottom:10px !important;
	
}

.owl-carouselActu {
	
	
}


#actu_titre{
	 color: #003366 !important;
	 font-family: Roboto, sans-serif !important;
	 font-size: 20px !important;
	 position: relative;
	 border-style: solid;
	 border-width: 1px; 
	 border-color: #cccc00;
	 background-color: rgba(255, 255, 244, 1) !important;
	 margin:0px;
	 padding :0px;
	padding-bottom:5px;
	 margin-bottom:10px;
	 max-width:180px;
	 text-align:center;
}
.itemActu{
	position:relative;
	
	
}

.itemActu img{
    background-color: white;
    border: 1px none;
    float: left;
    margin-right: 10px;
    position: relative;
    max-width: 100px !important;
}

.itemActuSecondary img{
    background-color: white;
    border: 1px none;
    float: left;
    margin-right: 10px;
    position: relative;
    width: 75px !important;
}

#textActu {
	text-align:justify;
	font-family: nimbus-sans, sans-serif ;
	
}

#textActuSecondary {
	text-align:justify;
	font-family: nimbus-sans, sans-serif ;
	clear:both;
}


#actusBox, #archives{
	text-align: center;
}

#actusBox h3, #archives h3, #newsletterBox {	

	color: #999900 !important;
	 
	font-size:2em !important;
	display:flex;
	justify-content:center;
	align-items:center;
}

#newsletterBox a, #newsletterBox a:visited {
	color: #999900 !important;
}

#actuBox h3::before {

	content: "";
   	background-repeat: no-repeat;
  	
  	background-size: contain;
  	display: inline-block;
	 background-position: top center; 
  	/*size of your image*/
 	 width: 80px;
	 height:80px;
	margin:0px!important;
	padding:0px!important;
	padding-right: 5px !important;
	top:-10px !important;

}

@media screen and (max-width:991px){
	#actusBox h3::before{
		
		margin-right: 10px !important;

	}

}




#seminairesBox{
	text-align: center;
	

}


#actu_accueil {

	border-color: #cccc00;
 	border-radius: 20px 0;
    border-style: solid;
    border-width: 2px;
    margin: 50px auto 20px;
    padding-top: 0;
    position: relative;
    text-align: justify;
    z-index: 1;
    padding-bottom:10px;
     padding-left:15px;
    padding-right:15px;
}

#seminairesBox h3 {	

	color: #999900 !important;
	 
	font-size:22px !important;
	display:flex;
	justify-content:flex-start;
	align-items:center;
	background-color: rgb(255, 255, 244) !important;
        border-color: #cccc00;
        border-style: solid;
        border-width: 1px;
   	left: 5px;
        height: 35px;
        max-width:605px;
    	margin: 0;
    	padding: 0;
	padding-left:15px;
   	position: relative;
   	text-align: left;
    	top: -20px;
    

}

#seminairesBox h3::before {

	content: "";
   	background-repeat: no-repeat;
  	background-image:url('images/seminaires_icon.png');
	background-position: center center;
  	background-size: contain;
  	display: inline-block;
	
  	/*size of your image*/
 	 width: 60px;
	 height:60px;
	margin:0px!important;
	padding:0px!important;
	padding-right: 5px !important;
	margin-right: 15px !important;
	

}

@media screen and (max-width:750px){

	#seminairesBox h3 {
		height: 70px;
		 
	}

}

@media screen and (min-width:990px) and (max-width:1199px){

	#seminairesBox h3 {
		height: 70px;
		 margin-right: 10px !important;
	}

}


@media screen and (max-width:440px){
	#seminairesBox h3 {
		font-size:16px !important;
	}

}


@media screen and (max-width:991px){
	#seminairesBox h3::before{
		
		margin-right: 10px !important;

	}

}

.itemActuSecondary  a {
    color: #464646;
    transition: all 0.5s ease-in-out 0s;
}

.itemActu a.title, .itemActuSecondary  a.title {
    text-align:justify;
    font-weight:bold !important;
    font-family: Roboto, sans-serif ;
}

.itemActu{

	 text-align:left;
}

.itemActuSecondary  a:hover,
.itemActuSecondary  a:focus,
.itemActuSecondary  a:active {
	color: #eb421b !important;
	text-decoration:none;
	
}

.widget-twitter h3  {
	color: #999900 !important;
	display:flex;
	justify-content:center;
	align-items:center;
	
}

.widget-twitter h3::before  {
	content: "";
   	background-repeat: no-repeat;
  	background-image:url('images/twitter.png');
  	background-size: contain;
  	display: inline-block;
	 background-position: center; 
  	/*size of your image*/
 	 width: 30px;
	 height:30px;
}

#secondary .widget-twitter:first-child {
    border-top: 3px solid #464646;
}

#secondary .widget-twitter {
    background: #f9f9f9 none repeat scroll 0 0;
    border: 1px solid #ececec;
    float: left;
    text-align:center;
    width: 100%;
    padding-bottom:10px;
}

#do-etfw-2 {
	border-top: none !important;
}


#cadreTextePresLabo a::after, #cadreThemesPresLabo a::after, #cadreTextePresEcoleDoc a::after, #cadrePolesPresLabo a::after, #cadreTextePresEcoleDoc a::after, #aLink a::after, #articleContent a::after{ 
	content: "";
  	background-image:url(./images/external-link-green2.gif);
  	background-size: 100% 100%;
  	display: inline-block;
	position:relative;
	
}

 #textPresAcc a {
 color:white !important;
 }


 #textPresAcc a::after { 
	content: "";
  	background-image:url(./images/external-link-blue.gif);
  	background-size: 100% 100%;
  	display: inline-block;
	position:relative;

	
}

 #cadrePolesPresLabo a::after, #cadreThemesPresLabo a::after, #cadreTextePresEcoleDoc a::after, #pres_labo_acc_text #pres_text a::after, #aLink a::after{ 
	margin-left:5px;
	height : 11px !important;
	width : 11px !important;
}

 #cadreTextePresEcoleDoc a::after, #cadreTextePresLabo a::after, #articleContent a::after{ 
	height : 13px !important;
	width : 13px !important;
	margin-left:5px;
}

#textPresAcc a::after{ 
	
	height : 11px !important;
	width : 11px !important;
	margin-left:5px;
	
}

/* tagCloud Colors */
.xbs_tag_color_1 { color: #A20F05 !important; }
.xbs_tag_color_2 { color: #505B93 !important; }
.xbs_tag_color_3 { color: #DFA841 !important; }
.xbs_tag_color_4 { color: #7E882F !important; }
.xbs_tag_color_5 { color: #88ACAC !important; }
.xbs_tag_color_6 { color: #723300 !important; }

.tagcloud {
	line-height: 0.75;
	text-align: center;
}
.tagcloud > a {
	vertical-align: middle;
}

.byline {
	visibility: hidden;
 }

#blocSearch {

display: inline-block;
padding-bottom: 40px;
margin-bottom: 60px;
border-bottom: 3px solid #ff6600;
transition: all 0.3s ease-Out;
width:45%;
margin-right:30px;
}

.titreActuSearch {
font-weight: bold !important;
color:#999900 !important;
}

/* === page publication === */
#blocPublicationText{
 font-size:1.2em !important;
}


.frame {
   max-height: 300px;
   overflow: auto;
   border-bottom: 1px solid #003366 !important;
   text-align : left!important;
}


#listePublis h4 {
    background-color: #cccc00 !important;
    border-bottom: 1px solid #ebebeb !important;
    border-radius: 4px 4px 4px 4px !important;
    font-size: 1.2em !important;
    font-weight: bold !important;
  
    margin: 0 !important;
    margin-top:10px !important;
    padding: 10px !important;
    text-transform: uppercase !important;
    text-align:center;
    color:white;
}



#blocPublicationText h3 , #blocPublicationText > div, #blocPublicationAuteur {
	text-align:center;
}

#blocPublicationText h3 {
	font-size: 1.7em !important;
	font-weight: 700;
	color: #cccc00;
	font-family: Roboto, sans-serif;
}

#blocPublicationText h3 a, #blocPublicationText h3 a:visited, #blocPublicationAuteur h3 a, #blocPublicationAuteur h3 a:visited {
	color:#eb421b;
}

#blocPublicationAuteur h3 {
	font-size: 1.7em !important;
	font-weight: 700;
	color: #cccc00;
	font-family: Roboto, sans-serif !important;
}



#tabRecapPubli {
	width:100% !important;

}

#tabRecapPubli caption {
   text-align:center;
   font-weight: 700;	
}

.frame li {

 	list-style:none;
}

.itaBiblio {
	color:#cccc00;

}


@media screen and (max-width:755px){
	.frame ul {
	 margin-left: .5em !important;
	}

}


/* === page presentation === */

	
#presLabo_titre {
  padding-bottom : 25px !important;
  margin-bottom : 25px !important; 	
}

#presLabo_titre h1, #orgaLabo_titre h1, #OrganisationLabo_titre h1, #annuaireTitre, #planAcces_titre h1, #intranet_titre, #blocNouveauxArrTitre h1, #logicielsTitre{
    color: #cccc00 !important;
    font-family: Roboto, sans-serif !important; 
}

/* === page annuaire === */

#annuaireTitre a, #annuaireTitre a:visited {
	 color: #cccc00 !important;
}

#annuaireTitre {
 padding-top:10px;
 text-align:center;
float:center;
 font-size:26px;
}

#annuaireTitre:before {
	
	font-family: 'FontAwesome';
	content: '\f0c0';
	padding-right : 10px; 
}

.fa-address-booktxt{
font-family: Roboto,Arial, Helvetica, sans-serif !important; 
float:right;
font-size:14px;
font-weight:bold;
}
.fa-address-book{

font-size:26px;
}

#resultAnnuDiv li {
	
	list-style-type: none;
}

#resultAnnuDiv li:before {
	color: #999900;
	font-family: 'FontAwesome';
	content: '\f2bd';
	padding-right : 10px; 
}

.nomAnnu{
	color: #ff6600;
}

.rondAT {
    position: relative;
    display: inline-block;
    height: 18px;
    width: 18px;
    border-radius: 100%;
    border: 1px solid black;
    text-align: center;
    padding-left: 2px;
    padding-right: 2px;
    margin-left: 1px;
    margin-right: 1px;
    font-size: 80%;
}

/* ===#orgaLabo_titre {
	text-align:center;
	
	}=== */

#presLabo_titre .catchline { 
    color: #999900;
    font-style: italic;
    font-weight: bold;
    font-size : 1.3em;

}

#cadreTextePresLabo, #cadreTexteHistoLabo, #cadreTextePresEcoleDoc {

    border-color: #cccc00;
    border-radius: 20px 0;
    border-style: solid;
    border-width: 2px;
    z-index: 1;
    text-align: justify;
    padding-left: 10px;
    padding-right:10px;
    margin-bottom : 25px;
    background-color: rgba(0, 51, 102, 0.9);
    color: white;
    font-size : 1.3em;
}


#cadreTexteHistoLabo {
	padding-right:15px;
}



#cadreTextePresLabo a,#cadreTexteHistoLabo a, #cadreTextePresLabo a:visited,#cadreTexteHistoLabo a:visited,#cadreTextePresEcoleDoc a, #cadreTextePresEcoleDoc a:visited    
{

	color:#cccc00;

}

#cadrePresLabo_titre {
    align-items: center;
    color: #cccc00 !important;
    display: flex;
    font-family: Roboto, sans-serif !important;
    height: 40px;
    left: 10px !important;
    margin-bottom: -30px !important;
    place-content: center flex-start;
    position: relative;
    top: -20px !important;
}

#cadrePresLabo_titre h1 {	

	background-color: rgb(255, 255, 244) !important;
	border-color: #cccc00;
	border-style: solid;
	border-width: 1px;
	color: #003366 !important;
        font-family: Roboto, sans-serif !important;
	height: 40px;
	margin: 0 !important;
	padding-top: 3px;
	position: relative;
	text-align: center;
	padding-left : 10px;
	padding-right:10px;

}

#fondPres2, #fondPres3 {	

    color: #cccc00;
    height: 100%;
    padding-top: 50px;
    position: relative;
 
}

#fondPres2Titre, #fondPres3Titre {

	font-size : 1.7em;
	margin-bottom:15px;
}

#fondPres2Titre {
	font-weight:bold;
}

#fondPres3Titre {

    background-color: rgba(0, 51, 102, 0.8) !important;
    border-color: #cccc00;
    border-radius: 20px 0;
    border-style: solid;
    border-width: 2px;
    color: white !important;
    position: relative;
    z-index: 1;
    padding-left:15px;
    padding-right:15px;
    padding-top:5px; 
    padding-bottom:7px;		
 
    width:340px;
}




#cadreTutellesPresLabo, #cadreSitesPresLabo, #cadrePolesPresLabo, #cadreThemesPresLabo {
    align-items: center;
    background-color: white;
    border-color: #cccc00;
    border-style: solid;
    border-width: 1px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    padding: 10px;
    position: relative;
    max-width:550px;
    z-index: 1;
    text-align: center !important;	
}

.blocTutellePresLabo, .blocSitePresLabo {

	position: relative;
	float:left; 
	border-width:1px !important;
	border-style:solid !important;
 	border-color:#cccc00 !important;
	background-color:#990033;
	width: 150px;
        height: 150px;
	margin-left : 5px;
	color:white;
	display: flex !important;
	justify-content: center;
	align-items: center;
	margin : 10px !important;
	z-index:1;
}



.blocTutellePresLabo a, .blocSitePresLabo a {
	position: relative;
	width: 100%;
        height: 100%;
}



.blocTutellesPresLaboText, .blocSitePresLaboText, .blocPolePresLaboText {
	position: relative;
	border-width:1px !important ;
	border-style:solid !important ;
 	border-color:#cccc00 !important ;
	color:white ;
	background-color:#990033 ;
	width: 80% ;
	font-size : 1.2em;
	order:4;
	justify-content: center;
	align-items: center;
	align-self:center;
	padding:5px;
	padding-left:auto;
	padding-right:auto;
	font-weight:bold;
		
}

.blocTutellesPresLaboText{

	text-align: justify !important;
	padding:10px!important;
}

.blocSitePresLaboText, .blocPolePresLaboText, .blocThemePresLaboText {
	
	padding-left:auto !important;
	padding-right:auto !important;
	font-size : 1.2em;
}

.blocSitePresLaboText div, #blocPolePresLaboText div, {
	height: 60px ;
	padding-left:auto !important;
	padding-right:auto !important;
	margin-left:auto !important;
	margin-right:auto !important;
	text-align:center!important;	
}

.blocTutellesPresLaboText p {

	margin:0px!important;
	margin-left:10px!important;
	margin-right:10px!important;
	text-align:justify!important;

}

.blocTutellePresLabo_cn {
	z-index:1;
	order:2;
  	background: url(https://ls2n.fr/wp-content/uploads/sites/13/2016/11/logoECNnantes.jpg);
	background-position:center center; 	
	-ms-background-size: contain;
     	-o-background-size: contain;
     	-moz-background-size: contain;
    	-webkit-background-size: contain; 
    	background-size:contain;
	 background-repeat: no-repeat;
}

.blocTutellePresLabo_imta {
	z-index:1;
	order:3;
  	background: url(https://ls2n.fr/wp-content/uploads/sites/13/2016/12/IMT_Atlantique_logo_RVB_Baseline-300x204.png);
	background-position:center center; 	
	-ms-background-size: contain;
     	-o-background-size: contain;
     	-moz-background-size: contain;
    	-webkit-background-size: contain; 
    	background-size:contain;
	 background-repeat: no-repeat;
}


.blocTutellePresLabo_inria {
	z-index:1;
	order:6;
  	background: url(https://ls2n.fr/wp-content/uploads/sites/13/2016/11/inr_logo_corpo_FR_coul.jpg);
	background-position:center center; 	
	-ms-background-size: contain;
     	-o-background-size: contain;
     	-moz-background-size: contain;
    	-webkit-background-size: contain; 
    	background-size:contain;
	 background-repeat: no-repeat;
	font-size : 1.1rem!important;
}

.blocTutellePresLabo_cnrs {
	z-index:1;
	order:5;
  	background: url(https://ls2n.fr/wp-content/uploads/sites/13/2016/11/logoCNRSpetit.png);
	background-position:center center; 	
	-ms-background-size: contain;
     	-o-background-size: contain;
     	-moz-background-size: contain;
    	-webkit-background-size: contain; 
    	background-size:contain;
	 background-repeat: no-repeat;
	background-size: 90% ;
}


.blocTutellePresLabo_un {
	z-index:1;
	order:1;
  	background: url(https://ls2n.fr/wp-content/uploads/sites/13/2016/12/UnivNantes2012quadri_larg40.png);
	background-position:center center; 	
	-ms-background-size: contain;
     	-o-background-size: contain;
     	-moz-background-size: contain;
    	-webkit-background-size: contain; 
    	background-size:contain;
	 background-repeat: no-repeat;
	margin : 5px;
	background-size: 90% ;
}

@media screen and (max-width:385px){

	.blocTutellesPresLaboText, .blocSitePresLaboText{
		order:1 !important;

	}

	.blocTutellePresLabo_cn{
		order:3 !important;
	}

	.blocTutellePresLabo_un{
		order:2 !important;
	}

	.blocTutellePresLabo_imta, .blocSitePresLabo_imta{
		order:4 !important;
	}

	.blocTutellePresLabo_cnrs {
		order:5 !important;
	}

	.blocTutellePresLabo_inria {
		order:6 !important;
	}

}

@media screen and (min-width:386px) and (max-width:665px){

	.blocTutellesPresLaboText, .blocSitePresLaboText{
		order:3 !important;

	}

	.blocTutellePresLabo_imta, .blocSitePresLabo_imta{
		order:4 !important;
	}

}


.fondBlocTutellePresLabo_cn, .fondBlocTutellePresLabo_imta, .fondBlocTutellePresLabo_cnrs, .fondBlocTutellePresLabo_inria, .fondBlocTutellePresLabo_un {
  	background-color: rgba(36,48,76,0.6);	
	visibility: hidden;
	font-size:16px;
	padding-left:5px;
	padding-right:5px;
	font-weight:bold;
}

.fondBlocTutellePresLabo_inria {
	font-size:16px;
}

.blocTutellePresLabo_cn:hover .fondBlocTutellePresLabo_cn, .blocTutellePresLabo_un:hover .fondBlocTutellePresLabo_un, .blocTutellePresLabo_cnrs:hover .fondBlocTutellePresLabo_cnrs, .blocTutellePresLabo_imta:hover .fondBlocTutellePresLabo_imta, .blocTutellePresLabo_inria:hover .fondBlocTutellePresLabo_inria {
	visibility: visible; 
}


.blocSitePresLabo_fst {
	
	order:2;
  	background: url(https://ls2n.fr/wp-content/uploads/sites/13/2016/12/35.jpg);
	background-position:center center; 	
	-ms-background-size: cover;
     	-o-background-size: cover;
     	-moz-background-size: cover;
    	-webkit-background-size: cover; 
    	background-size:cover;
}

.blocSitePresLabo_cn {
	z-index:1;
	order:1;
	
  	background: url(https://ls2n.fr/wp-content/uploads/sites/13/2016/12/ECN_0073.jpg);
	background-position:center center; 	
	-ms-background-size: cover;
     	-o-background-size: cover;
     	-moz-background-size: cover;
    	-webkit-background-size: cover; 
    	background-size:cover;
}

.blocSitePresLabo_imta {
	
	order:3;	
  	background: url(https://c1.staticflickr.com/1/721/32124025545_bd76d3e280_b.jpg);
	background-position:center center; 	
	-ms-background-size: cover;
     	-o-background-size: cover;
     	-moz-background-size: cover;
    	-webkit-background-size: cover; 
    	background-size:cover;
}

.blocSitePresLabo_iut {
	
	order:6;	
  	background: url(https://ls2n.fr/wp-content/uploads/sites/13/2017/03/IUTNantesb-140x140.gif);
	background-position:left center; 	
	-ms-background-size: cover;
     	-o-background-size: cover;
     	-moz-background-size: cover;
    	-webkit-background-size: cover; 
    	background-size:cover;
}

.blocSitePresLabo_polytechnantes {
	
	width: 160px;
	order:5;	
  	background: url(https://ls2n.fr/wp-content/uploads/sites/13/2016/12/batiment_ireste_300dpi-1-140x140.jpg);
	background-position:left center; 	
	-ms-background-size: cover;
     	-o-background-size: cover;
     	-moz-background-size: cover;
    	-webkit-background-size: cover; 
    	background-size:cover;
}

.fondBlocSitePresLabo_cn, .fondBlocSitePresLabo_imta, .fondBlocSitePresLabo_fst, .fondBlocTutellePresLabo_iut, .fondBlocSitePresLabo_polytechnantes {
  	background-color: rgba(36,48,76,0.6);	
}


.blocSitePresLabo_cn:hover .fondBlocSitePresLabo_cn, .blocSitePresLabo_fst:hover .fondBlocSitePresLabo_fst, .blocSitePresLabo_iut:hover .fondBlocSitePresLabo_iut, .blocSitePresLabo_imta:hover .fondBlocSitePresLabo_imta, .blocSitePresLabo_polytechnantes:hover .fondBlocSitePresLabo_polytechnantes {
	visibility: hidden; 
	
}

.fondBlocSitePresLabo, .fondBlocTutellesPresLabo {
	
	position:relative;
	color:white;
 	width: 100%;
	height:100%;
	display: flex !important;
 	background-position:center center;
    	-ms-background-size: cover;
    	-o-background-size: cover;
    	-moz-background-size: cover;
    	-webkit-background-size: cover; 
    	background-size:cover;
   	z-index: 100;
	justify-content: center;
	align-items: center;
	z-index:1;
}



.fondBlocSitePresLabo_cn, .fondBlocSitePresLabo_imta

 {
  	background-color: rgba(36,48,76,0.6);
	font-size:16px;
	padding-left:5px;
	padding-right:5px;
	font-weight:bold;

}

.fondBlocSitePresLabo_fst, .fondBlocSitePresLabo_polytechnantes, .fondBlocSitePresLabo_iut{
	background-color: rgba(36,48,76,0.6);	
	font-size:16px !important;
	padding-left:5px;
	padding-right:5px;
	font-weight:bold;

}



@media screen and (max-width:665px){

	.blocTutellePresLabo, .blocSitePresLabo {
		
		width: 100px !important;
        	height: 100px !important;

	}

	.fondBlocSitePresLabo_cn, .fondBlocSitePresLabo_imta

 	{
		font-size:14px;
		
	}

	.fondBlocSitePresLabo_fst, .fondBlocSitePresLabo_iut{
		
		font-size:12px !important;
	

	}

	.fondBlocSitePresLabo_polytechnantes {

		font-size:11px !important;

	}


	.fondBlocTutellePresLabo_cn, .fondBlocTutellePresLabo_imta, .fondBlocTutellePresLabo_un 	{	
		font-size:14px;
	
	}

	.fondBlocTutellePresLabo_cnrs, .fondBlocTutellePresLabo_inria {

		font-size:11px;

	}


}

.blocPolePresLabo {

	position: relative;
	float:left; 
	border-width:1px !important;
	border-style:solid !important;
 	border-color:#cccc00 !important;
	background-color:#990033 !important;
	width: 100px;
        height: 100px;
	margin-left : 5px;
	background-color: #990033;
	color:white !important;
	display: flex;
	justify-content: center;
	align-items: bottom !important;
	margin : 10px;
}

.blocPolePresLabo a, .blocPolePresLabo a:hover, .blocPolePresLabo a:focus , .blocPolePresLabo a:visited {
	color:white !important;
}

.blocThemePresLabo a, .blocThemePresLabo a:hover, .blocThemePresLabo a:focus , .blocThemePresLabo a:visited {
	color:white !important;
}

.blocPolePresLaboText {
	position: relative;
	border-width:1px !important ;
	border-style:solid !important ;
 	border-color:#cccc00 !important ;
	color:white ;
	background-color:#990033 ;
	width: 80% ;
	
	order:4;
	justify-content: center;
	align-items: center;
	vertical-align : center !important;
	margin: auto ;
	padding : auto !important;
	
}

.blocPolePresLabo {
	font-size:1.2em;
}

#nomPole_ccs {
	
	background: url(https://ls2n.fr/wp-content/uploads/sites/13/2016/12/Syste_mes-complexes.png);
        background-size: 100px 100px;
        background-repeat: no-repeat;
	width: 100px ;
	height: 100px ;
	
}


#nomPole_rpc {
	
	background: url(https://ls2n.fr/wp-content/uploads/sites/13/2016/12/Robotique-1.png);
	background-size: 100px 100px;
        background-repeat: no-repeat;
	width: 100px ;
	height: 100px ;
}


#nomPole_siel {
	
	background: url(https://ls2n.fr/wp-content/uploads/sites/13/2017/03/Pole_SIEL-blanc-v2.png);

	 background-size: 100px 100px;
    background-repeat: no-repeat;
	width: 100px ;
	height: 100px ;
}


#nomPole_sdd {
	
	background: url(https://ls2n.fr/wp-content/uploads/sites/13/2016/12/Sciences-des-donne_es-1.png);

	 background-size: 100px 100px;
    background-repeat: no-repeat;
	width: 100px ;
	height: 100px ;
}

#nomPole_sls {
	
	background: url(https://ls2n.fr/wp-content/uploads/sites/13/2016/12/Sciences-du-logiciel-1.png);
	display: flex;
	 flex-wrap:wrap;
	overflow-wrap: break-word;
	 background-size: 100px 100px;
    background-repeat: no-repeat;
	width: 85px ;
	height: 100px ;
	padding : 0px;margin:0px;
}

.iconPole, .iconTheme {
	float:left;
	width: 100px ;
	height: 100px ;
	margin : 0px;
	padding:0px;

}


#iconPole_siel {
	background: url(https://ls2n.fr/wp-content/uploads/sites/13/2017/03/Pole_SIEL-rouge-v2.png);
        background-size: 100px 100px;
        background-repeat: no-repeat;

}

#iconPole_ccs {
	background: url(https://ls2n.fr/wp-content/uploads/sites/13/2016/12/Syste_mes-complexes-copie.png);
        background-size: 100px 100px;
        background-repeat: no-repeat;

}


#iconPole_rpc {
	
	background: url(https://ls2n.fr/wp-content/uploads/sites/13/2016/12/Robotique.png);
	background-size: 110px 110px;
        background-repeat: no-repeat;
	margin-bottom:10px;
}


#iconPole_sdd {
	
	background: url(https://ls2n.fr/wp-content/uploads/sites/13/2016/12/Sciences-des-donne_es.png);
	background-size: 100px 100px;
        background-repeat: no-repeat;
}

#iconPole_sls {
	
	background: url(https://ls2n.fr/wp-content/uploads/sites/13/2016/12/Sciences-du-logiciel.png);
	 background-size: 100px 100px;
         background-repeat: no-repeat;
	padding : 0px ; margin:0px;
}



.blocPolePresLabo_ccs {
	order:1;
	background: url(https://ls2n.fr/wp-content/uploads/sites/13/2016/12/Syste_mes-complexes.png);
	background-position: center -15px !important; 	
	-ms-background-size: cover;
     	-o-background-size: cover;
     	-moz-background-size: cover;
    	-webkit-background-size: cover; 
    	background-size:cover;
	padding-top : 65px !important;

	
}

.blocPolePresLabo_rpc {

	order:2;
	background: url(https://ls2n.fr/wp-content/uploads/sites/13/2016/12/Robotique-1.png);
	background-position: center -15px !important; 	
	-ms-background-size: cover;
     	-o-background-size: cover;
     	-moz-background-size: cover;
    	-webkit-background-size: cover; 
    	background-size:cover;
	padding-top : 65px !important;
}

.blocPolePresLabo_sdd {

	order:3;
	background: url(https://ls2n.fr/wp-content/uploads/sites/13/2016/12/Sciences-des-donne_es-1.png);
	background-position: center -15px !important; 	
	-ms-background-size: cover;
     	-o-background-size: cover;
     	-moz-background-size: cover;
    	-webkit-background-size: cover; 
    	background-size:cover;
	padding-top : 65px !important;

}

.blocPolePresLabo_siel {
	padding-top : 65px !important;
	background: url(https://ls2n.fr/wp-content/uploads/sites/13/2017/03/Pole_SIEL_fondtransparent-v2.png);
	background-position: center -15px !important; 	
	-ms-background-size: cover;
     	-o-background-size: cover;
     	-moz-background-size: cover;
    	-webkit-background-size: cover; 
    	background-size:cover;
	order:5;
}

.blocPolePresLabo_sls {

	order:6;
	background: url(https://ls2n.fr/wp-content/uploads/sites/13/2016/12/Sciences-du-logiciel-1.png);
	background-position: center -15px !important; 	
	-ms-background-size: cover;
     	-o-background-size: cover;
     	-moz-background-size: cover;
    	-webkit-background-size: cover; 
    	background-size:cover;
	padding-top : 65px !important;

}


.blocThemePresLabo {

	position: relative;
	float:left; 
	border-width:1px !important;
	border-style:solid !important;
 	border-color:#cccc00 !important;
	background-color:#990033;
	width: 100px;
        height: 100px;
	margin-left : 5px;
	color:white;
	display: flex;
	flex-direction: column ;
	justify-content: center;
	align-items: center;
	margin : 10px;
	 
	
}



.blocThemePresLaboText {
	position: relative;
	border-width:1px !important ;
	border-style:solid !important ;
 	border-color:#cccc00 !important ;
	color:white ;
	background-color:#990033 ;
	width: 80% ;
	
	order:4;
	justify-content: center;
	align-items: center;
	align-self: center;
	margin: auto !important; ;
	padding : auto !important;
	
	padding-top : 5px;
	padding-bottom : 10px;
}


.icodom, #nomTheme_edf, #nomTheme_gemie, #nomTheme_sdv, #nomTheme_ccsn { 
	font-family: "atlicon", sans-serif;
 	text-rendering: optimizeLegibility;
  	font-weight: normal;
 	font-style: normal;
  	display: block;
  	font-size: 2em;
	display: flex;
	justify-content: center ;
	align-items: center ;
	text-align : center ;
	color:white !important;
}




.icodom.education-et-programmation:before {
  content: "\e90a";
}

.icodom.gestion-energie:before,.icodom.blocThemePresLabo_gemie:before,
.icodom.green-it:before, #nomTheme_gemie:before {
  content: "\e90b";
}

.icodom.industrie-du-futur:before,.icodom.blocThemePresLabo_edf:before, #nomTheme_edf:before {
  content: "\e90d";
  font-size: .8em;
}

.icodom.sante-du-futur:before,.icodom.blocThemePresLabo_sdv:before, #nomTheme_sdv:before {
  content: "\e911";
}

.icodom.ville-intelligente:before {
  content: "\e912";
  font-size: 1.4em;
}

.icodom.objets-connectes:before,.icodom.blocThemePresLabo_ccsn:before, #nomTheme_ccsn:before {
  content: "\e90f";
  font-size: 1.4em;
}


#nomTheme_vem::before, #iconTheme_vem {
	content: "";
   background-repeat: no-repeat;
  background-image:url('https://ls2n.fr/wp-content/uploads/sites/13/2017/01/theme_VEM_fondtransparent.png');
  background-size: contain;
  display: inline-block;
  height: 50px;
  width:100px;	
}

#iconTheme_edf {
  font-family: "atlicon", sans-serif;
  content: "\e90d";
  font-size : 2em;
  color:black;
}




.blocThemePresLabo_edf {
	order:1;
}

.blocThemePresLabo_gemie {
	order:2;
}

.blocThemePresLabo_sdv {
	order:3;
}

.blocThemePresLabo_vem {

	font-size : 1.5em !important;
	order:5;
	background-image: url("https://ls2n.fr/wp-content/uploads/sites/13/2017/01/theme_VEM_fondtransparent.png");
    	background-clip: border-box;
    	background-origin: padding-box;
    	background-position: center 15px !important;
   	background-repeat: no-repeat;
    	background-size: 80%;
      padding-top:40px;  
}


.blocThemePresLabo_ccsn {
	order:6;
}

.blocThemePresLabo div {
	  padding-top:5px;
    font-size: 1.5rem !important;
}

@media screen and (max-width:385px) {
	#fondPres3Titre {
	    width:250px;
	}

	#fondPres2Titre, #fondPres3Titre {
		font-size : 1.3em;
	
	}


	.blocTutellesPresLaboText, .blocSitePresLaboText, .blocPolePresLaboText, .blocThemePresLaboText, .blocThemePresLaboText {
		
		font-size : 1em;
			
	}
}

@media screen and (min-width:386px) and (max-width:430px) {
	#fondPres3Titre {
	    width:300px;
	}

	#fondPres2Titre, #fondPres3Titre {
		font-size : 1.5em;
	
	}

}

#divTheme .catchline .blocThemePresLabo {

	font-size:16px !important;
}

#divTheme .catchline .icodom.blocThemePresLabo::before {

font-size:25px !important;
padding-bottom:5px;

}


/* recrutements */


 #recrutements_titre{
	
	position : relative;
	padding-top : 30px;
	float:middle;
	margin-left:auto;
	margin-right:auto;
	padding-left:auto;
	padding-right:auto;
	text-align:center;

}

#recrutements_titre h1, #formationRH_titre h1, #acc_RH_titre h1, #AAP_titre h1  {
    position: relative;
    color : #cccc00 !important;
    font-family: Roboto, sans-serif !important;
    font-size : 26px !important;
    
  
     
}


#introRecrutements{
	position: relative;
	text-align : justify ;
	display: flex;
	align-self:center;justify-content:center;
	margin: auto !important;
	padding : auto !important;
	color: #999900;
        font-family: nimbus-sans, sans-serif ;
        font-size: 1.2em;
        font-style: italic;
        font-weight: bold;
}

#fichRecrut { 

	position: relative;
	margin-left:auto;
 	margin-right:auto;
	text-align: center;
	padding-top:30px;
	   padding-bottom:60px;

}

#divRecrut{

	position: relative;
	width:70%;
	
	margin-left:auto;
 	margin-right:auto;
	text-align: left;

    background-color: rgba(0, 51, 102, 0.8);
    border-color: #cccc00;
    border-radius: 20px 0;
    border-style: solid;
    border-width: 3px;
    color: white;
    margin-left: auto;
    margin-right: auto;
    padding: 0 15px 15px;
    position: relative;
    text-align: justify;
 
}

#divfichRecrut{

	position: relative;
	width:100%;
	
	margin-left:auto;
 	margin-right:auto;
	text-align: left;

	 background-color: #f5f5f5 ;
    border-color: #cccc00;
    border-radius: 20px 0;
    border-style: solid;
    border-width: 3px;
    color: black;
    margin-bottom: 150px;
    margin-left: auto;
    margin-right: auto;
 
    padding: 0 15px 15px;
    position: relative;
    text-align: justify;
  

}


#titreRecrut {
  position: relative;
    margin-left: auto!important;
    margin-right: auto!important;
	    padding-left: auto!important;
    padding-right: auto!important;
	padding-top:15px!important;
	margin-top:15px!important;
	text-align: center!important;
	float:center;
}

#divRecrut a, #divRecrut a:hover, #divRecrut a:visited {
    color: white;
    font-family: nimbus-sans, sans-serif;
    font-size: 1em;
}

 #divRecrut ul {
	font-family: nimbus-sans, sans-serif;
	font-size : 1.8em;
	color : #e0e000;
	padding-top : 5px;
	margin-left: 2em!important;
	margin-right: 1.5em!important;
	text-align:left;
}

#recrut_labo_acc_text li, #divRecrut li {
	font-family: nimbus-sans, sans-serif;
	font-size : 0.9em;
	color : #e0e000;
}


.icontelechargPdf{
	width: 50px;
	padding-left:10px;
	padding-right:10px;
	vertical-align: middle
}

.icontelechargPdf2{
	width: 50px;
	padding-left:10px;
	vertical-align: middle
}
.iconNoemi{
	width: 90%;
	padding-left:10px;
}

#calendarGalaxie, .tabresumlogequip {
    border-color: #cccc00 !important;
    border-style: solid !important;
    border-width: 1px !important;
}

#calendarGalaxie tr:nth-child(1) > td {
    width: 70%;
}


#calendarGalaxie th, #calendarGalaxie td, .tabresumlogequip th, .tabresumlogequip td {
		border-style: none !important;
    border-bottom: 1px solid #ddd;
}
#calendarGalaxie tbody tr:nth-child(2n+1) > td, #calendarGalaxie tbody tr:nth-child(2n+1) > th , .tabresumlogequip tbody tr:nth-child(2n+1) > td, .tabresumlogequip tbody tr:nth-child(2n+1) > th{
    background: white none repeat scroll 0 0 !important;
}

@media screen and (max-width:590px){
	#divRecrut {
		width:90%;
	}
	#recrut_labo_acc_text ul, #divRecrut ul {
		margin-left: 1.5em!important;
		margin-right: 1em!important;
	}

	#recrut_labo_acc_text li, #divRecrut li {
	
		font-size : 0.7em;
		
	}

}

@media screen and (min-width:591px) and (max-width:740px){
	#divRecrut {
		width:85%;
	}
	#recrut_labo_acc_text ul, #divRecrut ul {
		margin-left: 1.5em!important;
		margin-right: 1em!important;
	}

	#recrut_labo_acc_text li, #divRecrut li {
	font-family: nimbus-sans, sans-serif;
	font-size : 0.9em;
	color : #e0e000;
}

}

/* organisation */


.cadreOrgaLabo {

	position : relative;
	width: 100%;
	height:400px;
	
	margin-bottom : 50px;
	background-color: rgba(0, 51, 102, 0.6);
        background-repeat: no-repeat;
}



.cadreTexteOrgaLabo {

	position : relative;
	display: block;
	color : white;
	text-align : justify;
	background-color: rgba(0, 51, 102, 0.6);
 
	float:center;
	width: 60%;
	padding : 15px;	
	margin-top:50px;
	padding-top:10px;
	padding-bottom:30px;
	font-size : 1.2em;

	margin-left:auto;
	margin-right:auto;
	border-width:1px;
	border-style:solid;
 	border-color:#cccc00;
 	z-index: 1; 
	
}


@media screen and (max-width:400px){
	
	.main-content-wrapper article {
   
   	 	padding: 0 10px 10px !important;
    		width: 100%;
	}

	.cadreTexteOrgaLabo {

		width: 100%;

	}
}


@media screen and (min-width:401px) and (max-width:500px){
	
	.cadreTexteOrgaLabo {

		width: 100%;

	}
}

@media screen and (min-width:501px) and (max-width:600px){
	
	.cadreTexteOrgaLabo {

		width: 90%;
	}
}


@media screen and (min-width:601px) and (max-width:1100px){
	
	.cadreTexteOrgaLabo {

		width: 80%;
	}
}


.cadreOrgaLabo_titre h1 {
	color:white;
	border-left-style: solid;
        border-width: 5px;
	padding-left:5px;
	font-size : 1.5em; 
}

#cadreOrgaLaboTutelles{
	height:400px;


}

#cadreOrgaLaboSites {


	position : relative;
	display: block;
	color : white;
	text-align : justify;
	
 
	float:center;
	width: 60%;
	margin-left:auto;
	margin-right:auto;
        background-repeat: no-repeat;
	
}


#cadreOrgaLaboSites > .cadreTexteOrgaLabo {

  width: 100% !important;

}

#cadreOrgaLaboSites > .cadreTexteOrgaLabo > .cadre_exerg_orga {

	width: 350px !important;
	margin-left:auto;
	margin-right:auto;

}

.imgOrga {
	position:relative; 
	vertical-align:top;
	
	margin-left:15px;
	width : 35% !important;
	float:right;

}

.imgOrgaLeft {
	position:relative; 
	vertical-align:top;
	padding-top:15px;
	margin-right:15px;
	width : 35% !important;
	float:left;

}

#cadreOrgaLaboSites .cadreTexteOrgaLabo .cadre_exerg_orga img {

	width : 100% !important;

}

#cadreOrgaLaboThemes > .cadreTexteOrgaLabo > .cadre_exerg_orga {

	height : 600px !important;
	border-style:none;

}

#cadreOrgaLaboPoles > .cadreTexteOrgaLabo > .cadre_exerg_orga {

	height : 335px !important;

}



#cadreOrgaLaboPoles > .cadreTexteOrgaLabo {

	padding-bottom:10px !important;

}


#cadreOrgaLaboSites::after { 


	content: "";
	
  	background: url(https://ls2n.fr/wp-content/uploads/sites/13/2016/12/planSiteNantes.png);
	background-position: center center; 
		
	-ms-background-size: cover;
     	-o-background-size: cover;
     	-moz-background-size: cover;
    	-webkit-background-size: cover; 
    	background-size:cover;
  	opacity: 0.6;
  	top: 0;
 	left: 0;
  	bottom: 0;
 	right: 0;
 	position: absolute;
	background-repeat: no-repeat;
	
}

 


/*pages equipe */

.presentation_equip {
		text-align : justify;
		font-size:1.2em!important;
	}

	.img_group_equip {
		float:left; 
		padding-right:20px; 
		width:300px !important;
		z-index: 1 !important;
	}

	.img_pres_equip {
		clear:both;			 
		width:450px !important;
		z-index: 1 !important;
	}
	
	#img_equip_fin {
		text-align:center;
		padding-bottom:15px;
	}

	.img-zoom { 
		position: absolute; 
		clear:both;
		width: 0px; 
		-webkit-transition: width 0.3s linear 0s; 
		-moz-transition: width 0.3s linear 0s; 
		-ms-transition: width 0.3s linear 0s; -o-transition: width 0.3s linear 0s;
		transition: width 0.3s linear 0s;
		 z-index: 1 !important; 
	} 


	.img_group_equip:hover + .img-zoom { 
		position: relative; 
		width: 1000px; 
		clear:both;
		z-index: 1 !important; 
	}

 #formModifPresDiv h3, #formModifPresThemaDiv h3, #intituleThematiqueCorps h3, #formModifThemesTransDiv h3, #formModifPoleDiv h3 {
	color:black !important;
}

#intituleThematiqueCorps h4:before{
font-family: 'FontAwesome';
content: '\f085';
padding-left : 10px;
padding-right:10px;
 
}


#fichEquip {

	position: relative;
	width:100%;
	font-size:1em;

}

#divEquip {

	position: relative;
	width:100%;
	top:0px;
	margin-top:0px;
	padding-top:0px;
	margin-left:auto;
 	margin-right:auto;
	text-align: left;

}

#divEquip h3 {
	font-family: Roboto, sans-serif;
	display:block !important;
	margin-left:auto !important;
 	margin-right:auto !important;
	padding:5px;
	text-align: center !important;
	border-width:1px !important;
	border-style:solid !important;
 	border-color:#999900 !important;
	font-size : 25px!important;
	color:white;


}

.blue2 {
    background-color: rgba(0, 102, 204, 0.8);
}


#polesEquipes {
	
	display: flex;
	justify-content: left;
	align-items: center;
   	padding-top:15px;
	padding-bottom:15px;
}


.icone_pole {
	position: relative;
	float:left; 
	border-width:1px !important;
	border-style:solid !important;
 	border-color:#cccc00 !important;
	background-color:#990033;
	margin-left : 5px;
	color:white;
	font-weight : bold;
	display: flex;
	justify-content: center;
	align-items: center;
	background-repeat:no-repeat;
	height: 60px !important;
        width: 60px !important;
	 
	/*position du texte */
}

.Liste_equipe_DescPole {
	font-family: 'Lato','Helvetica Neue',Helvetica,sans-serif;
	font-size: 18px;
	line-height:27px;
}

a .icone_pole {	
	font-family: 'Lato','Helvetica Neue',Helvetica,sans-serif;
	font-size: 20px;
	color:white;
	text-decoration : none;
}
.polesls {
	background-image: url("https://ls2n.fr/wp-content/uploads/sites/13/2017/02/icone_polesls.png");
	/*position du texte */
	padding-top:30px;
	width: 43px;
	height: 58px;
	background-position:center top;
}

.polerpc {
	background-image: url("https://ls2n.fr/wp-content/uploads/sites/13/2017/02/icone_polerpc.png");
	/*position du texte */
	padding-top:30px;
	width: 43px;
	height: 58px;
	background-position:center top;

}

.polesiel {
	background-image: url("https://ls2n.fr/wp-content/uploads/sites/13/2017/02/icone_polesiel.png");
	padding-top:30px;
	width: 43px;
	height: 58px;
	background-position:center top;
}

.polesdd {
	background-image: url("https://ls2n.fr/wp-content/uploads/sites/13/2017/02/icone_polesdd.png");
	padding-top:30px;
	width: 43px;
	height: 58px;
	background-position:center top;
}

.poleccs {
	background-image: url("https://ls2n.fr/wp-content/uploads/sites/13/2017/02/icone_poleccs.png");
	padding-top:30px;
	width: 43px;
	height: 58px;
	background-position:center top;
}



#titreThematiqueEquip, #titreRecrutementEquip {
	font-family: Roboto, sans-serif;
	font-size: 1.4em;
	font-weight:bold;
	color: white;
	line-height : 30px;
	background-color: #cccc00;
	margin-bottom : 20px;
	padding-left : 20px;
}

#soustitreThematiqueEquip {
	font-family: Roboto, sans-serif;
	font-size: 15px;
	line-height : 20px;
	color: black;
	margin-left: 40px;
	text-decoration: none;
	background-image: url("http://ls2n.fr/wp-content/uploads/sites/13/2017/01/carre_bleu-pt.png");
	background-repeat: no-repeat;
	background-position: 5px 7px;
	padding-left : 20px;
	text-align: left;
}

ul.itemThematiqueEquip li {
	font-family: Roboto, sans-serif;
	font-size: 14px;
	color: #444;
	margin-left: 30px;
}

	#equipeMenu {
	
		padding:0px !important;
		width:115% !important;


	}

	@media screen and (min-width:990px){
		.affix-top, .affix{
			position: static;
		}


		#secondary.affix-top {
		    position: static;
		    margin-top:0px;
		    max-width:180px;
		}
	  
		#secondary.affix {
		    position: fixed;
		    top:70px;
		    width:180px;
		}


	}

	@media screen and (max-width:989px){

		#equipeMenu {
			width:100% !important;
			margin-bottom:15px;
		}


	}

	#sidebarMenu H3{   
	    display: inline-block;
	    min-height:40px;
	     padding-top: 0px;
	    color: #cccc00 !important;
	    font-family: Roboto, sans-serif;
	    position: relative;	
	    font-size: 1.2em;
	    padding-bottom:0px;
	    margin-bottom:0px;
	    padding-left:auto!important;
	    padding-right:auto!important;
	    
	}

	#sidebarMenu{
		text-align: center!important;
	}

	#sidebarMenu li{
		font-family : Roboto, sans-serif !important;
		 font-size: 1.4em !important;
		font-weight: bold !important;
		padding-top:0px;
		margin-top:0px;
		list-style-type: none; 
		border-color: #cccc00;
		border-width: 1px; 
		border-style: solid;
		padding-left:auto!important;
		padding-right:auto!important;
		margin-right:auto!important;
	  
	}

	#sidebarMenu li.active {
  		border:0 #eee solid;
  		border-right-width:4px;
	}

	#sidebarMenu li li.active {
	  	border:0 #ccc solid;
	  	border-right-width:3px;
	}

	#sidebarMenu a {
	    border : none !important;
	   font-family : Roboto, sans-serif !important;
	}

	a:visited{
		border:none;

	}


#navEquipes, #navPoles, #navThemes {
	clear:both;
	display: flex;
	justify-content: space-between;
	flex-wrap:wrap; 
	font-weight: bold;
}

#blocMembresText h2{
	text-align:center;
}

#blocMembresText h2:before {

	font-family: 'FontAwesome';
	content: '\f0c0';
	padding-right : 10px; 
}

#blocMembresText li {
list-style-type: none;
}

#blocMembresText li:before {
	color: #999900;
	font-family: 'FontAwesome';
	content: '\f2bd';
	padding-right : 10px; 
}



/* publications Ã©quipes */

#divEquip #blocPublication #blocPublicationText H3 {

	color:#003366 !important;
	border:none !important;
}

#navEquipesPrec, #navPolesPrec
	width:250px;
}

#navThemesPrec {
	width:300px;
}

#navigDates a {
	color:#eb421b;
}


/* publications équipes */
#motsclefsthemes {
	color:#999900;
	 font-style: italic;
}



/* plans accès */

@media screen and (max-width : 1700px) {
	
		input.vfb-small, input.vfb-small[type="text"], input.vfb-small[type="tel"], input.vfb-small[type="email"], input.vfb-small[type="url"], select.vfb-small {
	    width: 50%;
	}
}


#cadreSitesPlanAcc{
	position: relative;
	clear:both;
	width : 100%;
	top : 20px;
	display: flex;
	text-align : center;
	justify-content: center;
	align-content: flex-start;
	margin: auto ;
	padding : auto !important;
	padding-bottom : 100px;
	min-height : 500px;
	flex-wrap : wrap;
}

.cadreSitePlanAcc {
	clear:both;
	position: relative;
	text-align : left ;
	margin : 10px;
	padding : 10px;
	border-width:1px;
	border-style:solid;
 	border-color:#cccc00;
	width : 25%;
	min-height:200px;

}




#titreSitesPlanAcc{
	clear:both;
	position:relative;
	display: flex;	
	align-self:center;
	justify-content:center;
	  align-items: center;
	text-align : center;
	font-family: Roboto, sans-serif !important;
	font-size:20px;
	color:#cccc00 !important;
	padding-top:20px;
	padding-bottom:15px;
}

#pentaSites {
	

	width : 150px;

}

#vfb-form-2{
	text-align : left;
	margin : auto;
	padding : auto;
	width : 100%;

}

@media screen and (max-width : 445px) {
	
	.cadreSitePlanAcc{

		width : 70%;

	}
}

@media screen and (min-width : 446px) and (max-width : 666px) {
		
	.cadreSitePlanAcc{
		width : 50%;
	    
	}
}

@media screen and ( min-width:667px) and (max-width : 950px) {
	
	.cadreSitePlanAcc{

		width : 40%;

	}
}

@media screen and (max-width : 666px) {
	
	#cadreSitesPlanAcc{
		position: relative;
		width : 100%;
		flex-direction: column;
		justify-content:center !important;
		align-items : center;
		align-self : center;			
		text-align : center;	
		flex-wrap : nowrap !important;
	
	}

}

.titreSite {
	font-size: 18px;
	color: #999900;
    	font-family: Roboto, sans-serif;
}

.quartierSite {

font-size: 14px;
    font-style: italic;
  color: #990033;

}

.adresseSite	{

    font-size: 16px;
    
}

    


.wpgmp_map_container #map2{
	position: relative;
	margin: auto !important;
	padding : auto !important;
	text-align : center;
	float:center !important;
}




/* poles */



#zonePoles {
  position: relative;
  display: flex;
  margin-top: 0;
  -moz-box-pack: start;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;

  padding-bottom : 20px;
          
}



#zoneThemes {
  position: relative;
  display: flex;
  margin-top: 0;
  -moz-box-pack: start;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;

  padding-bottom : 50px;
          
}


.nomPole {
  position: absolute;
  z-index: 10;
  text-align: center;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100%;
  max-width: 100%;
  padding-right : 10px !important;
  background: none;
  color: #FFF;
  opacity: 0;
  -webkit-transition: opacity 0.4s ease-in-out;
          transition: opacity 0.4s ease-in-out;
 display: flex;
	justify-content: center;
	align-items: center;
     	
}

.nomTheme {
  position: absolute;
  overflow-wrap : break-word;
  white-space:normal;
  z-index: 10;
  text-align: center;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100%;
  padding: 20px;
  background: none;
  color: #FFF;
  opacity: 0;
  -webkit-transition: opacity 0.4s ease-in-out;
          transition: opacity 0.4s ease-in-out;
}


.blocPole {
	position : relative ;
  -webkit-transition: padding 0.4s ease-in-out;
          transition: padding 0.4s ease-in-out;
	padding : 0px ;
        margin : 0px;
	clear:both;
	float:left;
	
}

.blocTheme {
	position : relative ;
  -webkit-transition: padding 0.4s ease-in-out;
          transition: padding 0.4s ease-in-out;
	padding : 0px ;
        margin : 0px;
	 
	clear:both;
	float:left;
	
}

.photoTheme:hover .nomTheme,
.blocTheme.active .photoTheme .nomTheme {
  opacity: 1;
 margin : 0px;
  padding : 0px;
	  border:none;
}

.photoTheme:hover:after,
.blocTheme.active .photoTheme:after {
  background: #ea5045;
margin : 0px;
  padding : 0px;
  border:none;
}


.photoPole:hover .nomPole,
.blocPole.active .photoPole .nomPole {
  opacity: 1;
 margin : 0px;
  padding : 0px;

}

.photoPole:hover:after,
.blocPole.active .photoPole:after {
  background: #ea5045;
margin : 0px;
  padding : 0px;  border:none;
}

.nomTheme {
display: inline;
flex-wrap:wrap; 
    padding: 20px!important;
    overflow-wrap: break-word;
}


.innerWidth, .innerSmallWidth, .innerLittleWidth {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.innerWidth {
  max-width: 1100px;
   
}


  .fullGrid, .tableGrid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: center !important;
    -webkit-justify-content: center !important;
        -ms-flex-pack:center !important;
            justify-content: center !important;
	   vertical-align : center !important;
  }

  .fullGrid > *, .tableGrid > * {
    -webkit-box-flex: 100%;
    -webkit-flex: 100%;
        -ms-flex: 100%;
            flex: 100%;
  }
	


.fullGrid > *, .tableGrid > * {
    -webkit-box-flex: 50%;
    -webkit-flex: 50%;
        -ms-flex: 50%;
            flex: 50%;
    max-width: 50%;
  }

#zonePoles .nomPole {

	 display:flex;
	 align-items: center;
	 align-content: center;
	 opacity: 1;
	 font-weight: bold;
	 font-size: 2rem;	
	 height : 125px; 
	
	
}

#zonePoles {

	border-bottom: 1px solid #ea5045;

}

#zonePoles h3 {
  	
  position: relative;
  text-align: center;
  color: #ea5045;
   font-size: 2rem !important;
  font-weight: bold;
  padding : 0px !important;
  margin : 0px !important;
  margin-top:50px!important;
 margin-bottom:50px!important;
}

#zonePoles h3 strong {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  font-size: 1.6rem;
  font-weight: bold;
   text-align: center; vertical-align : center;
}



#zonePoles .blocPole .photoPole {
  overflow: visible;
	margin : 0px;
  padding : 0px;
}

#zonePoles .blocPole .bgVisuel {
  -webkit-transition: opacity 0.4s ease-in-out;
          transition: opacity 0.4s ease-in-out;
	
}

#zonePoles .blocPole:hover .bgVisuel,
#zonePoles .blocPole:focus .bgVisuel,
#zonePoles .blocPole.active .bgVisuel {
  opacity: .5;
}

#zonePoles .photoPole:after {
  display: none;
   
}

.photoPole {
    display: block;
    overflow: hidden;
    position: relative;
    margin : 0px;
  padding : 0px;
  font-size: 0;

}

.photoPole a, a.photoPole {
 
  margin : 0px !important;
  padding : 0px !important;
  text-decoration : none;
  display: block;
  white-space: nowrap;
  font-size: 0;
}



.photoPole:after {

    background: #fff none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.5;
    position: absolute;
    top: 0;
    bottom : 0;
    transition: background 0.4s ease-in-out 0s;
    width: 100%;
    margin : 0px !important;
    padding : 0px !important;
}



#zoneThemes .nomTheme {
  opacity: 1;
  font-weight: 600;
  font-size: 1.6rem;
}

#zoneThemes h3 {
  position: relative;
  text-align: center;
  color: #ea5045;
  padding : 0px !important;
  margin : 0px !important;
  padding-top : 45px !important;

}

#zoneThemes h3 strong {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  font-size: 1.6rem;
  font-weight: normal;
   text-align: center; vertical-align : center;
}



#zoneThemes .blocTheme .photoTheme {
  overflow: visible;
	margin : 0px;
  padding : 0px;
}

#zoneThemes .blocTheme .bgVisuel {
  -webkit-transition: opacity 0.4s ease-in-out;
          transition: opacity 0.4s ease-in-out;
	
}

#zoneThemes .blocTheme:hover .bgVisuel,
#zoneThemes .blocTheme:focus .bgVisuel,
#zoneThemes .blocTheme.active .bgVisuel {
  opacity: .5;
}

#zoneThemes .photoTheme:after {
  display: none;
   
}

.photoTheme {
    display: block;
    overflow: hidden;
    position: relative;
    margin : 0px;
  padding : 0px;
  font-size: 0;

}

.photoTheme a, a.photoTheme {
 
  margin : 0px !important;
  padding : 0px !important;
  text-decoration : none;
  display: block;
  white-space: nowrap;
  font-size: 0;
}



.photoTheme:after {

    background: #fff none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.5;
    position: absolute;
    top: 0;
    bottom : 0;
    transition: background 0.4s ease-in-out 0s;
    width: 100%;
    margin : 0px !important;
    padding : 0px !important;
}


/* themes transverses */

.labelForm {
 padding-bottom:5px;
font-weight : bold;
font-size:1.2em;	 

}

.champForm {

 padding-bottom:15px;

}

.textAreaHeigth {
	height: 5em;
}


/*   */

.descMembre h3 {
  text-align: left;
  height: auto;
}

.descMembre {
  position: absolute;
  text-align: justify;
  left: 0px;
  right: 0px;
  box-sizing: border-box;
  height: auto;
  margin : 0px !important;
  padding : 0px !important;	
 padding-right : 25px !important;
  
  width: 1100px;
  overflow: hidden;
  max-height: 0;
  -webkit-transition: max-height 0.4s ease-in-out, padding 0.4s ease-in-out;
          transition: max-height 0.4s ease-in-out, padding 0.4s ease-in-out;
}

.innerMembre {
  position: relative ;
  border-top: 1px solid #ea5045 ; 
  height: auto ;
  padding-top: 30px !important ;
  font-size:1.2em !important;
  z-index : 1;
}

.decalpole {
 padding-left : 15px !important;
  padding-right : 15px !important;
left:-550px;

}

@media screen and (max-width: 1200px) {

	.textWrap {

		flex-wrap: wrap !important;
		white-space:wrap !important;
		word-wrap : break-word !important;
		width:80% !important;	

	}
	
	.descMembre {
 
		  width: 100% !important;
		  left:0px!important;
		  padding-left:auto!important;
		  padding-right:auto!important;
		  margin-left:auto!important;
		  margin-right:auto!important; 
 	}


	.decalpole {

		left:0px!important;

	}


	.fullGrid > *, .tableGrid > * {
    -webkit-box-flex: 100%;
    -webkit-flex: 100%;
        -ms-flex: 100%;
            flex: 100%;
    max-width: 100%!important;
  }
	.nomTheme {
		width: 65%;
	}
}

.decalTheme {

left:-550px;

}

.closeDesc {
  position: absolute;
  top: 0;
  right: 0;
  width: 30px !important;
  height: 30px;
  padding: 0 !important;
  text-align: center;
  text-indent: 999px;
  overflow: hidden;
  background: #ea5045;
  color: #ea5045;
   font-family: "atlicon", sans-serif;
  text-rendering: optimizeLegibility;
  font-weight: normal;
  font-style: normal;
}

.closeDesc:before {
  content: "\e903";
  position: absolute;
  right: 0;
 height: 30px;
  padding: 6px;
  padding-left:2px;
 margin-bottom:10px !important;
 padding-bottom:10px!important;
  font-size: 2rem;
  font-weight:bold;
  color: #FFF;
  text-indent: 0;
  -webkit-transition: -webkit-transform 0.4s ease-in-out;
          transition: transform 0.4s ease-in-out;
}

.closeDesc:hover:before {
  -webkit-transform: rotateZ(90deg);
          transform: rotateZ(90deg);
}

.closeDesc, .closeDesc a, .closeDesc a:hover, .closeDesc a:visited {
color: #ea5045 !important;
}

@media screen and (max-width: 475px) {

	#zonePoles .nomPole {

		font-size: 1.1rem;
		flex-wrap: wrap !important;
		white-space:wrap !important;
		word-wrap : break-word !important;
	}

	.innerMembre {
		font-size: 1em !important;
	}

}


@media screen and (min-width: 476px) (max-width: 570px) {

	#zonePoles .nomPole {

		font-size: 1.3rem;
	}

	.innerMembre {
		font-size: 1em !important;
	}
}

@media screen and (min-width: 571px) and (max-width: 670px) {

	#zonePoles .nomPole {

		font-size: 1.7rem;
	}

	.innerMembre {
		font-size: 1.1em !important;
	}
}

@media screen and (max-width: 670px) {


	#nomPole_ccs {
	
	background: url(https://ls2n.fr/wp-content/uploads/sites/13/2016/12/Syste_mes-complexes.png);
        background-size: 50px 50px;
        background-repeat: no-repeat;
	width: 50px ;
	height: 50px ;
	
	}


	#nomPole_rpc {
	
		background: url(https://ls2n.fr/wp-content/uploads/sites/13/2016/12/Robotique-1.png);
		background-size: 50px 50px;
		background-repeat: no-repeat;
		width: 50px ;
		height: 50px ;
	}


	#nomPole_siel {
	
		background: url(https://ls2n.fr/wp-content/uploads/sites/13/2017/03/Pole_SIEL-blanc-v2.png);

		 background-size: 50px 50px;
	    background-repeat: no-repeat;
		width: 50px ;
		height: 50px ;
	}


	#nomPole_sdd {
	
		background: url(https://ls2n.fr/wp-content/uploads/sites/13/2016/12/Sciences-des-donne_es-1.png);

		 background-size: 50px 50px;
	    background-repeat: no-repeat;
		width: 50px ;
		height: 50px ;
	}

	#nomPole_sls {
	
		background: url(https://ls2n.fr/wp-content/uploads/sites/13/2016/12/Sciences-du-logiciel-1.png);
		display: flex;
		 flex-wrap:wrap;
		overflow-wrap: break-word;
		 background-size: 50px 50px;
	    background-repeat: no-repeat;
		width: 50px ;
		height: 50px ;
		padding : 0px;margin:0px;
	}


}


/* poles */


#divPole h3, #divTheme h3  {
	font-family: Roboto, sans-serif;
	display:block !important;
	margin-left:auto !important;
 	margin-right:auto !important;
	padding:5px;
	text-align: center !important;
	border-width:1px !important;
	border-style:solid !important;
 	border-color:#999900 !important;
	font-size : 2em !important;
	color:white;

}

.presentation_pole h3 {
    color: #3392dd !important;
    margin-top: 20px !important;
}

.presentation_pole div, .presentation_pole li, .presentation_pole p {
	font-size : 1.3em !important;
}

.presentation_pole {

text-align:justify;
} 
.presentation_theme {

font-size : 1.3em !important;
text-align:justify;
}

#respPole {
padding-top:10px;
font-size : 1.3em !important;

}

#Liste_equipe_DescPole {

font-size : 1.3em !important;
}

/* equipes */

#equipesTitle   {
	color: #cccc00 !important;
       font-family: Roboto, sans-serif !important;
	text-align:center;
	font-weight:bold !important;
}

#respEquipe{

	font-size:1.2em;
}

#zoneEquip{

	position: relative;
	display: flex;
	flex-wrap:  wrap  ;
	 justify-content: center ;
	margin-left:auto;
 	margin-right:auto;
	text-align: center;
	
}

#block_equip {

	position: relative;
	margin-left:auto;
 	margin-right:auto;
	float:left;
	width: 430px;
	height: 270px;
	border-width:1px;
 	border-style:solid;
 	border-color:#cccc00;
	text-align: center;
	padding : auto;
	margin : 10px;
}


#block_equip::after { content: "";
  	background: url(https://ls2n.fr/wp-content/uploads/sites/13/2016/11/DSCN2183.jpg);
	background-position:center center; 	
	-ms-background-size: cover;
     	-o-background-size: cover;
     	-moz-background-size: cover;
    	-webkit-background-size: cover; 
    	background-size:cover;
  	opacity: 0.5;
  	top: 0;
 	 left: 0;
  	bottom: 0;
 	 right: 0;
 	 position: absolute;
 	 z-index: -1;
}


.infoTheme {
  
    position: absolute;
    display:block;
    z-index:100;
    width: 430px;
    height: 220px;
    color : white;
    font-size : 1em;
    font-weight:bold;
    padding-left : 10px;
    text-align : left;
    margin-top:50px;
    padding-bottom:10px;
}

.infoTheme ul {
 margin-top:5px;
 margin-left: 15px !important;
 margin-right: 0px !important;
  padding-right: 0px !important;
}


.infoTheme::after { content: "";
  	background: url(https://ls2n.fr/wp-content/uploads/sites/13/2016/11/DSCN2183.jpg);
	background-position:center center; 	
	-ms-background-size: cover;
     	-o-background-size: cover;
     	-moz-background-size: cover;
    	-webkit-background-size: cover; 
    	background-size:cover;
  	opacity: 0.5;
  	top: 0;
 	 left: 0;
  	bottom: 0;
 	 right: 0;
 	 position: absolute;
 	 z-index: -1;
}

.infoThemeSims::after { content: "";
  	background: url(./images/equipes/SIMS/blocEquipe.png) !important;
	background-position: center -20px !important; 	
	-ms-background-size: contain !important;
     	-o-background-size: contain !important;
     	-moz-background-size: contain !important;
    	-webkit-background-size: contain !important;
    	background-size: 100% auto !important;
  	
}

.nomEquipe {

	font-size:2em!important;
	color:white;
	font-weight:bold;
}

#block_equip:hover .infoTheme {
	 
  	
}

#block_equip:hover .nomEquipe {
	opacity: 100;
}


.blue1 {

	background-color: rgba(0, 51, 102, 1);
}

.blue2 {
	background-color: rgba(0, 102, 204, 1);
}

.bordeau {
	background-color: rgba(255, 102, 0, 1);
}


.vert1 {
	background-color: rgba(204, 204, 0 ,1 );
	
}

@media screen and (max-width:520px){

	#zoneEquip{

	display: table;
	
	}


}

@media screen and (max-width:340px) {

.infoTheme {
	   
	    font-size : 0.9em;
	    margin-right:0px !important;
	    padding-right:0px !important;
	   
	}

	.infoTheme ul {
		 padding-right:0px !important;
		 margin-right:0px !important;
	}
	
		#block_equip {
			width: 110% !important;
		}

}


@media screen and (min-width:341px) and (max-width:405px) {

	#zoneEquip {
		width: 100%;

	}

	.nomEquipe {

		font-size:2em!important;
	}

	#block_equip {
		float:center;
		width: 110% !important;
		height: 310px;
		padding-left:0px !important;
		margin-left:0px !important;
	}


	
	.infoTheme {
	   
	    width: 100%;
	    height: 260px;
	    color : white;
	    font-size : 0.85em;
	    font-weight:bold;
	     margin-right:10px !important;
	    padding-right:10px !important;
	   
	}

	.infoTheme ul {
		 padding-right:5px !important;
		 margin-right:5px !important;
	}
}




@media screen and (min-width:406px) and (max-width:465px) {
	.nomEquipe {

		font-size:1.8em!important;
	}

	#block_equip {
		float:center;
		width: 110%;
		height: 270px;
		margin : 10px;
		padding-left:0px;
		margin-left:0px
	}


	
	.infoTheme {
	   
	    width: 100%;
	    height: 220px;
	    color : white;
	    font-size : 0.85em;
	    font-weight:bold;
	    padding-right:5px !important;
	   
	}

}

@media screen and (min-width:466px) and (max-width:520px) {


	.nomEquipe {

		font-size:2em!important;
	}

	#block_equip {
		float:center;
		width: 90%;
		height: 270px;
		margin : 10px;
	
	}


	
	.infoTheme {
	   
	    width: 100%;
	    height: 220px;
	    color : white;
	    font-size : 0.85em;
	    font-weight:bold;
	   
	}

}

/*************   Logiciels  **********************/

.tabresumlogequip thead td  {

	border-bottom: 1px solid #ddd !important;
}

#blocTitreLog h1 {
	margin-top : 0px !important ;
	padding-right:10px;
	float:left !important ;
}


#blocLogiciels{

		display:flex;

		justify-content:center;
		
		align-content: flex-start;
		
	}
	
        #blocLogicielsText{
		width:60%;
		
	}
	
	#blocLogicielsText button{
		width:200px;
		font-size : 0.8em!important;
	}

	#logMenuEquipes{

		
	}

	#logMenuEquipes h1{
		margin-bottom: 0.5em;
		
	}


	.logTabNom{
	
		width:20% !important;
	}

	.logTabType{

		width:10% !important;
	}

	.logTabMots{

		width:50%  !important;
	}

  	.logTabLien{
		width:20% !important;
	}



@media 
	only screen and (max-width: 650px),
	(min-device-width: 658px) and (max-device-width: 1024px)  {
	
		/* Force table to not be like tables anymore */
		.tabresumlogequip table, .tabresumlogequip thead, .tabresumlogequip tbody, .tabresumlogequip th, .tabresumlogequip td, .tabresumlogequip tr { 
			display: block; 
		}
		
		/* Hide table headers (but not display: none;, for accessibility) */
		.tabresumlogequip thead tr { 
			position: absolute;
			top: -9999px;
			left: -9999px;
		}
		
		.tabresumlogequip tr { border: 1px solid #ccc; }
		
		.tabresumlogequip td { 
			/* Behave  like a "row" */
			border: none;
			border-bottom: 1px solid #eee; 
			position: relative;
			padding-left: 30%; 
		}
		
		.tabresumlogequip td:before { 
			/* Now like a table header */
			position: absolute;
			/* Top/left values mimic padding */
			top: 6px;
			left: 6px;
			width: 45%; 
			padding-right: 10px; 
			white-space: nowrap;
		}
		
		/*
		Label the data
		*/
		.tabresumlogequip td:nth-of-type(1):before { content: "Nom"; }
		.tabresumlogequip td:nth-of-type(2):before { content: "Licence"; }
		.tabresumlogequip td:nth-of-type(3):before { content: "Mots clés"; }
	  .tabresumlogequip 	td:nth-of-type(4):before { content: "Lien"; }
		
	}
	



/*************   Plates-formes  **********************/
#zone_plateforme {
	position: relative;
	display: table;
	margin-left:auto;
 	margin-right:auto;
        padding-left:auto;
	padding-right:auto;
	text-align: center;
	 
}

#zone_plateforme a {
	display: inline-block;
	margin-left:auto;
 	margin-right:auto;
        padding-left:auto;
	padding-right:auto;
	text-align: center;
}

#block_plateforme {
	position: relative;
	margin-left:auto;
 	margin-right:auto;
	float:left;
	width: 350px;
	height: 200px;
	border-width:1px;
 	border-style:solid;
 	border-color:#d0c800;
	text-align: center;
	padding : auto;
	margin : 10px;
}

.nom_plateforme {
	font-weight: bold;
	color : #d0c800;
	font-family: Roboto, sans-serif;
	font-size: 16px; }

/*#block_plateforme::after { 
	content: "";
  	background : url(http://ls2n.fr/wp-content/uploads/sites/13/2016/11/DSCN2183.jpg);
	background-position:center center; 	
	-ms-background-size: cover;
     	-o-background-size: cover;
     	-moz-background-size: cover;
    	-webkit-background-size: cover; 
    	background-size:cover;
  	opacity: 0.8;
  	top: 0;
 	 left: 0;
  	bottom: 0;
 	 right: 0;
 	 position: absolute;
 	 z-index: -1;
}*/

.info_plateforme {
    position: absolute;
    display:none;
    width: 350px;
    height: 200px;
    color : white;
    font-family: nimbus-sans, sans-serif;
    font-size : 17px;
    padding : 5px;
    text-align : left;
}


.vert1 > .nom_plateforme , .bordeau > .nom_plateforme {
	color : #003066 !important;
}



.blockInfoPlateform {
	border: 2px solid #999900;
	padding :15px;
	border-style: dashed ;
	border-radius: 25px;
	max-width:50%;
}

.blockInfoPlateform svg {

	position : relative;
	float: right;
	font-size:3em;
	color:#ea5045;
	top:-30px;
	right:-30px;
	background-color:#f9f9f9;
}


.textPlateform{
text-align:justify;
}

.textPlateform img{
	margin-left:15px;
}

#plateformeTitle {
	font-family: Roboto, sans-serif !important;
	text-align: center;
	color:#ea5045;
	font-weight: bold !important;
}

#mammonext1img, #mammonext2img {
		text-align:center;
	
}

#mammonext1 img{
	float:middle;
	max-width:120px;

}

#mammonext2 img{
	
	max-width:450px;

}


/************  fin plateformes *********************/


 
/************  membres equipes *********************/

#blocMembresText .table {
	padding-left : 30px !important;
	border : 0 ! important ;
}

#blocMembresText .table td {
padding : 0 !important ;
padding-top : 2px !important;
padding-bottom : 2px !important;
padding-left : 5px !important;	 
font-size : 1em !important ;
}

#blocMembresText .fa-phone, #blocMembresText .fa-envelope {
	color:#999900;
}

#blocMembresText h2 {
	color:#999900;
}

#blocMembresText h3 {
	color:black;
}


/************ fin membres equipes *********************/

#blocNouveauxArrTitre {
    text-align: center;
}

#blocNouveauxArrTxt{
	font-size: 1.4em !important;
}

.table th, .table td, #nouveauxArrTableau table {
	border : none !important;
	font-size: 2rem !important;
}

@media screen and (max-width : 580px) {
 	
	#blocNouveauxArrTxt{
		font-size: 1em !important;
	}

	.table th, .table td, #nouveauxArrTableau table  {
		font-size: 1rem !important;
	}

	#blocNouveauxArrTitre h1 {
		font-size: 1.5em;
	}
}

.table tbody tr > td,
.table tbody tr > th {
	background: #fafafa !important;
}

.table tbody tr:nth-child(2n+1) > td,
.table tbody tr:nth-child(2n+1) > th {
	background: white !important;
}

.table th, .table td {
    border-bottom: 1px solid #ddd !important;
}

.table caption, .table th, .table td {
    text-align: left !important;;
}
.table th, .table td {
    padding: 6px 2% !important;
}

  .table table{
    
    margin: 0 0 1.5em !important;
    width: 100% !important;
    border-collapse: collapse !important;
    border-spacing: 0 !important;
    
}

.table a, .table a:visited {

	color: #990033;
}

#imgNXArrivants {
    margin-right: 10px;
    max-width: 111px !important;
}

/* footer */


#footer {

	position: relative;
	clear : both !important;
	z-index:1;
 	margin-left:auto;
  	margin-right:auto;
	margin-top:30px;
	padding-top : 10px;
 	text-align: center;
	min-height : 150px;
	background-color: #0d3b70; /* fallback color if gradients are not supported */
}

footer #colophon{

	position: relative;

  	text-align: center;
  	display: table;
  	padding-top: 30px;
  	padding-bottom: 20px;
  	margin-top: 30px;
  	margin-left:auto;
  	margin-right:auto;
  	border-top: 1px solid #ea5045;
       
}

	.btt a {
		border-radius: 50%;
		border: 1px solid #0d3b70 !important;
		color:  #0d3b70 !important;
		background-color: white;
		display: block;
		font-size: 18px;
		height: 35px;
		z-index:1;
		position: absolute;
		right: 60px;
		top: -45px;
		width: 35px;
		text-decoration :none !important;
	
	}

	 .btt a:visited i, .btt a:active i {
		color:  #0d3b70 !important;
		text-decoration :none !important;
	}
	
	 .btt a:hover, .btt a:visited, .btt a:active {
		
		text-decoration :none !important;
	}

	 .btt a:hover svg {
		color: #99ccff !important;
	}
	
	.btt a:hover {
		border: 1px solid #99ccff !important;
	}

	.btt a svg {
		position: relative;
		display: block;
		color: #0d3b70 !important;
		margin-left:8px;
		margin-top:6px;
	}



div.logo {
	position: relative;
    	display: inline-block;
    	text-align: center;
    	margin: auto;
    	padding: 5px;
	border-width:1px !important ;
	border-style:solid !important ;
 	border-color:#cccc00 !important ;
	
}


#texteLogos {
	
	color:white !important;
	font-size : 20px !important;
	padding-bottom:10px;
}

#footer #logos > .logo {
	
	background-color :white !important ;
	border-width:1px !important ;
	border-style:solid !important ;
 	border-color:#cccc00 !important ;
}


#logoUNIV, #logoUN{
	padding-left:0px;
	padding-right:0px;
}
#logoUNIV img, #logoUN img {
	height:65px;padding-left:10px;padding-right:10px;
}

#logoCNRS {

	width:110px;
}

#logoCNRS IMG { 
	height:65px; padding-top: 0px !important ; padding-bottom: 0px !important ;
}

#logoCN IMG {  height:65px; padding-left:5px ; padding-right:5px ; }

#logoIMT IMG, #logoIMT-A IMG, #logoInria IMG { height:65px; }



@media screen and (max-width:750px) {

	
	#logoUNIV img, #logoUN img{
		height:45px;
	}

	#logoCNRS {

		width:60px;
	}

	#logoCNRS IMG { 
		height:45px;
	}

	#logoCN IMG {  height:45px;  }

	#logoIMT IMG,#logoIMT-A IMG, #logoInria IMG { height:45px; }
}




/* mentions lÃ©gales */

#cadreMentionLeg{
	position: relative;
	width : 50%;
	text-align : left;
	margin: auto ;
	padding : auto !important;
	padding-bottom : 100px;
	min-height : 500px;
	
}

#bandeauFooter{

 background: #0d3b70 ; 
 color : white;
 height: 50px;
 display: flex;	
 align-self:center;
 justify-content:center;
 align-items: center;
 text-align : center;
}

#bandeauFooter a:visited, #bandeauFooter a {
	color : white !important;
}

#cadreHistoLabo, #cadreEcoleDoc {
	padding-top : 50px;

}


#cadrePresHistoLabo_titre {
    position: relative;
    color : #cccc00 !important;
    font-family: Roboto, sans-serif !important;
    font-size : 20px !important;
    display: flex;
    left:  10px !important;
    top : -35px !important;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    min-height :80px;
}

#cadrePresHistoLabo_titre h1 {
	color: #003366 !important;
	font-family: Roboto, sans-serif !important;
	font-size: 24px !important;
	position: relative;
	border-style: solid;
	border-width: 1px; 
	border-color: #cccc00;
	background-color: rgba(255, 255, 244, 1) !important;
	padding-top:3px;
	margin : 0px !important;
	max-width:500px;
	min-height :70px;
	text-align:center;
}



#cadrePresEcoleDoc_titre {
    position: relative;
    color : #cccc00 !important;
    font-family: Roboto, sans-serif !important;
    font-size : 20px !important;
    display: flex;
    left:  10px !important;
    top : -35px !important;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
     
}

#cadrePresEcoleDoc_titre h1 {
	color: #003366 !important;
	font-family: Roboto, sans-serif !important;
	font-size: 24px !important;
	position: relative;
	border-style: solid;
	border-width: 1px; 
	border-color: #cccc00;
	background-color: rgba(255, 255, 244, 1) !important;
	padding-top:3px;
	margin : 0px !important;
	max-width:600px;
	min-height :50px;
	text-align:center;
	padding-left:10px;
	padding-right:10px;
	padding-top:7px;
	padding-bottom:7px;
}


#cadreTextePresEcoleDoc p {
	margin : 0px !important;
	padding : 0px !important;
	margin-bottom: 5px !important;

}


@media screen and (max-width:445px) {

	#logos {

		margin-top:30px;
	}

}

@media screen and (max-width:765px) {
	#cadrePresHistoLabo_titre h1 {
		font-size: 18px !important;
		max-width:300px;
		min-height :50px;
	}

	#cadrePresEcoleDoc_titre h1 {
		font-size: 18px !important;
		max-width:300px;
		min-height :50px;
	}

}
@media screen and (max-width:600px) {
	#cadreTexteHistoLabo {
		font-size: 1em;
	}

	#cadreTexteEcoleDoc {
		font-size: 1em;
	}
}





/* events */

.tribe-events-meta-group {
    width: 50% !important;
}

.tribe-events-meta-group-gmap{
	width: 100% !important;

}


#titreArticles {
    
    margin: auto;
    text-align: justify;

}

#titreArticles .post-thumbnail {
    margin-right: 20px;
}


#titreArticles img {

max-width:300px!important;

}

.post-thumbnail {
    text-align: center;
    
}

#articleContent {
    margin-left: 15px;
    line-height: 1.5;
     margin-right: 15px;
     
}

#articleContent div {
    margin: 0 0 1.5em;
}

#articleContent h1 {
    margin-bottom: 20px;
    font-size: 1.8em;
     font-weight: 700;
    
}

.entry-footer {
	padding-bottom: 10px;
	 
	}
	
.post-navigation, .nav-previous, .post-navigation .nav-previous{
    border-bottom: 1px solid #ddd;
    margin-left: auto;
    margin-right: auto; 
}


.nav-links {

	display: flex;
	flex-direction: column ; 
    	justify-content: center;
   	box-sizing: inherit !important;
}

.post-navigation .nav-previous {
	text-align: left;
	width: 100%;
	padding-bottom: 10px;
}

.post-navigation .nav-next {
	text-align: right;
	width: 100%;
	padding-top: 10px;
}


.post-navigation a {
	display: block;
	padding-left: 20px;
	padding-right: 20px;
}

.post-navigation .meta-nav {
     	font-family: nimbus-sans, sans-serif;
    	display: block;
    	font-weight: 400;
    	text-transform: uppercase;
    	color: #777;
 	font-size: 1.3em;
}

.tags-links {
 margin-top: 0px !important;

}

/* formations et AAP */
#AAP_titre h1 {

	text-align:center;
}

#AAP_titre h1:before, #listeFormationRH_titre h1:before  {
	font-family: 'FontAwesome';
	content: '\f19c';
	padding-right : 10px; 
}

#AAP_titre h1:after, #listeFormationRH_titre h1:after  {

	font-family: 'FontAwesome';
	content: '\f275';
	padding-left : 10px; 

}




.logoBlocFormations {
	position : relative;
	display: flex;
	justify-content: center;
	align-items: center;
	 align-content:center;
	padding-bottom:10px;
	
}
.logoBlocFormations img {
	max-height:50px!important;
}

#blocListeInfosFormations {
	position : relative;
	width : 100%;
	padding:auto;
	margin:auto;
	padding-top:25px;
	
	
}

#listeFormationRH_titre h1, #listAAP_titre h1{
	
	color : #cccc00 !important;
        font-family: Roboto, sans-serif !important;
        font-size : 20px !important;
	margin:0px!important;
	padding:0px!important;
	margin-left : 5px!important;
	
}

/* formation */

#cadreFormationsInfo {
    background-color: white;
    border-color: #cccc00;
    border-radius: 30px 0;
    border-style: solid;
    border-width: 3px;
    color: black;
    margin-left: auto;
    margin-right: auto;
    max-height: 400px;
    padding: 0 15px 15px;
    position: relative;
    text-align: justify;
    top: 100px;
    width: 650px;
    z-index: 1;
    
}


#formationsExergue, #carriereExergue {
	margin: auto !important;
	padding : auto !important;
	display: flex;	
	flex-direction: column;
	justify-content: center;
	align-self:center;
	  align-items: center;
	
}

#blocFormationsExergue, #blocCarriereExergue {
    text-align:left;
    width:100%;
    margin:10px;
	padding:10px;
}

#blockCouleur{
	background-color: rgba(36,48,76,0.6);
}

#blocTitreformationsExergue {
        padding-top: 10px;
	text-align:center;
}

#blocInfosFormations, #blocInfosRHAcc, #blocInfosCarrierre {
	margin: auto !important;
	padding : auto !important;
	display: flex;	
	justify-content: center;
	align-self:center;
	align-items: center;
	width:100%;
	padding-left : 15px;
	padding-right : 15px;
}

#blocCarriere {
	padding-left : 15px;
	padding-right : 15px;
}

#blocFormationsCNRS, #blocFormationsUNIV, #blocCarriere  {
   text-align:left;

}

#blocFormationsCNRS a, #blocFormationsCNRS a:visited, #blocFormationsUNIV a, #blocFormationsUNIV a:visited, #blocCarriere a:visited {
   color: #003066;

}

#blocFormationsCNRS, #blocFormationsUNIV, #blocCarriere {

	width: 80%; 
}

#blocFormations  {
   text-align:left;
   margin : auto !important;
   padding : auto !important;
   background-color: rgba(153, 153, 0, 0.1); 
 padding-left:20px !important;
    padding-right:20px !important;
}

 #blocCarriere  {
   text-align:left;
   margin : auto !important;
   padding : auto !important;
}

#blocFormations ul, #blocCarriere ul, #blocFormationsCNRS ul, #blocFormationsUNIV ul  {
 	padding-top : 20px !important;
 	padding-bottom:20px !important;	

}

.infoBulle::after {
    color: #999900;
    font-family: 'FontAwesome';
    content: '\f06a';
    padding-left: 10px;
}


.blocAccesLiens {
  
  padding-left:21px;
   text-align:left;
   
}

.nomLien, .blocTextLiens a, .blocTextLiens a:visited, .nomLien a , .nomLien a:visited  { 
  cursor: pointer !important;
  padding-bottom:5px !important;
  font-size:1.6rem !important;
   color: #337ab7 !important; 
}

.nomLien:hover, .blocTextLiens a:hover, .nomLien a:hover {
color: #23527c !important;

}


.uncloudImg {
width:70%;

	
}


.blocHDRHaut{
	display: flex;
	 justify-content: space-between ;
}

.blocHDRDroite {
	min-width:150px; 
	 
}

.titreHDR {
    font-size: 1.7em !important;
    font-weight: 700;
    color: #cccc00;
    font-family: Roboto, sans-serif;
}

.labelAuteurHDR {
	color:#ff6600;   
	 font-weight:bold;
}


.auteurHDR {
	color:#ff6600;   
}

.nomTitreHDR .fa-square {
	background-color: #cccc00;
	color: #cccc00;
}

.labelTitreHDR {
	color: #337ab7;
	font-weight:bold;
	 margin-bottom:10px;
	 font-size:1.2em;
	margin-right:30px;
	 text-align: center;
	padding-left:auto !important;
	padding-right:auto !important;
}

#blocResumCle {
      border-width:1px;
      border-style:dotted;
      border-color:black;
      padding:20px;
      margin-top:20px;
     margin-bottom:10px;
      margin-left:20px;
      

}

.blocResum {
    text-align: justify;
    background: #f8f8f8;
    padding: 10px;
    border-bottom: 1px solid #dddddd;
    margin-bottom: 10px;
}

.nomTypePartenaire, .nomTitreHDR { 
  cursor: pointer;
  padding-bottom:5px;
   color: #337ab7;
}

.nomTypePartenaire:hover, .nomTitreHDR:hover{
	color: #23527c;
}

.blocTextPart
{
      padding: 12px;
      display: none;
      border-width:1px;
      border-style:dotted;
      border-color:black;
      max-width:600px;
      margin-bottom:30px;
      height: auto !important;
      text-align:justify;
      background-color: rgba(153, 153, 0, 0.1);
}

 .blocHDRPart
{
      padding: 12px;
      display: none;
      border-width:1px;
      border-style:dotted;
      border-color:black;
      width:90%;
      margin-top:15px;
      margin-bottom:30px;
      height: auto !important;
      text-align:justify;
      background-color: rgba(153, 153, 0, 0.1);
      padding-left:auto;
      padding-right:auto;
}


.blocTextPartenaire {
	display: block !important;
	
}

.blocTextPart img
{
	margin-right:10px!important;
}

#blocTextPartIntro {
 font-size: 1.2em;
 border-style:none !important;
 max-width:100%;
color: #999900;
font-style: italic;
text-align:justify;
background-color: transparent;
}

.orange {

	color:#ff6600 !important;
}

.blocTextLiens {

     padding: 12px;
     display: none ;
     

    }


.titreNomPartenaire, .titreNomPartenaire a, .titreNomPartenaire a:visited {

	color: #23527c;
	font-weight : bold;
	font-size: 1.1em;
	
}

.titreNomPartenaire a:hover {
	color:#ff6600 !important;

}

.widget_intraEquip {
  
 padding-right: 0px !important;
}

.widget_intra h3, .widget_intraEquip h3 {
	justify-content: left !important;
	padding-right:0px!important;
}


.search-submit {
	margin-left:20px;
	
}


#logoPartenaires {

	max-width:150px;

}

/* ============================================================
  newsletters
============================================================ */
.newsletterBlock {
	font-size:1.1em;
}

.newsletterBlock li {
	list-style-type: none;
	color: #999900;

}

.newsletterBlock .news_icon:before {
	color: #999900;
	font-family: 'FontAwesome';
	content: '\f073';
	padding-right : 10px; 
}


/* ============================================================
  PAGINATION Nouveaux arrivants
============================================================ */
.custom-pagination span,
.custom-pagination a {
  display: inline-block;
    padding: 8px 11px;
    text-decoration:none!important;
}
.custom-pagination a {
  background-color: #958a83;
  color: #fff;
  transition: all 0.2s ease-in-out
}
.custom-pagination a:hover {
  background-color: #c9a64f; 
  color: #fff;
}
.custom-pagination span.page-num {
  margin-right: 10px;
  padding: 0;
}
.custom-pagination span.dots {
  padding: 0;
  color: gainsboro;
}
.custom-pagination span.current {
  background-color:  #c9a64f;
  color: #fff;
}

.custom-pagination{  text-align: center;  margin-top: 2em;}
.clear{clear:both}




.rss_bicloo{
clear : both !important;

}

#bicloo {

	background-image:url("./images/Header_bicloo_2015.gif") ;
	background-repeat: no-repeat;
	width: 100%;
	float:left;

}


#bicloo IMG{
	margin-right: 15px;
	margin-bottom: 10px !important;
	float:left;
}

.div_bicloo {
	padding-left: 25px !important;
	text-align : left !important;
	color: #000;
	padding-bottom:10px;
	border-bottom: 1px solid rgb(204, 204, 204); 
}



#bicloo DIV>UL>LI{
  
   list-style-type: square;
   list-style-position: inside;
   font-size: 15px;
}

#bicloo DIV>UL{
   margin-top:-10px !important;
}

.div_tan{
	font-size: 13px;
	margin-top:147px!important;
	margin-left:10px;
	border: 1px solid #000000; 
	-webkit-border-top-left-radius: 20px;
	-webkit-border-bottom-right-radius: 20px;
	-moz-border-radius-topleft: 20px;
	-moz-border-radius-bottomright: 20px;
	border-top-left-radius: 20px;
	border-bottom-right-radius: 20px;
	position:absolute;
	width: 66%;
	background: rgba(49,170,78,0.1);
	background-image:url("./images/logoTAN.png") ;
	background-repeat: no-repeat;
}

.titre_tan{
	margin:auto;
	padding:auto;
	margin-bottom:5px!important;
	font-size:14px !important;
}

.div_tan_box{
position:relative;
font-size: 13px;
border: 1px solid #000000; 
-webkit-border-top-left-radius: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-bottomright: 20px;
border-top-left-radius: 20px;
border-bottom-right-radius: 20px;
height:200px;
padding-top : 10px;
padding-left:10px;
background: rgba(49,170,78,0.1);
background-image:url("./images/logoTAN.png") ;
background-repeat: no-repeat;
float:right;
margin-right:15px;
padding-right:20px;

}

/* pour picto ligne TAN */
.infotrafic-ligne-picto{
 width: 30px;}


.rss_nantes{
 	position:relative;
	clear:both;
	width: 100%;
	margin-top:10px;
	padding-top:20px;
	
}

.titrePerturbation { 

font-size: 14px;
font-weight: bold;
}

#affNantes{
	position:relative;

	background: rgba(0,76,193,0.1);
	background-image:url("./images/nantes.png") ;
	background-size: auto 20% ;
	background-repeat: no-repeat;
	background-position:left top;

	height : 200px!important;
	padding-top:15px!important;
	padding-left:10px!important;
	
	 
	margin-right:15px;

	border: 1px solid #000000; 
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;

}


.titreSecteur{
font-size: 15px;
color:#932c2c;
font-weight: bold
}

#meteoBox {
position:relative;
float:left;
width:100%;
margin-top:15px;
}
 

#meteoBox table td {

	padding :5px !important;
	font-size: 10pt !important ;

}

.meteoTitle {
	 background: #932C2C; 
	/*background: #3B5998;*/
	border: 1px solid #FFFFFF;
	border-bottom: none;
	color: #FFFFFF;
	padding: 3px;
}

.meteo p {

height : 230px!important;
border: 1px solid #000000; 
}

.meteo h3 {
width: 400px;
height :25px;
padding-top:5px;
padding-bottom:-5px;
background: rgba(41, 32, 99,1);
color:#FFF;
border: 1px solid #FFF; 
-webkit-border-top-right-radius: 20px;
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-topright: 20px;
-moz-border-radius-bottomleft: 20px;
border-top-right-radius: 20px;
border-bottom-left-radius: 20px;

font-size: 13px;

}

.meteo .hal {
height : 230px!important;
border: 1px solid #000000; 
}

/* changement css mailpoet */
td .mailpoet_image, .mailpoet_image, td .mailpoet_padded_bottom ,  td .mailpoet_padded_side {
	padding-bottom : 0px !important;

}


.attention {

	color:#ff6600;
}
