.displaynone, #footmob{display:none}




.topmenumobile{display:none;}

.topmenumobgris li{display:inline; padding:0 5px;}

.foothomeslid{margin:30px auto;}

.spip-admin-float {  top:auto !important; bottom:0; }
body, h2{font-family:Arial , sans-serif; }
h1, h2, h3, h4, h5{font-weight: 900; color:#666; line-height:1.2em; }

p, header{font-size:1em;}
h1 {font-size:2.2em; color:#106cb7; margin-bottom:20px;}
h2 {font-size:1.7em; margin-bottom:18px; color:#106cb7;}
h3 {font-size:1.5em; margin-bottom:15px;}
h4 {font-size:1.3em; margin-bottom:10px}
h5 {font-size:1.1em; margin-bottom:10px}
h6 {font-size:1.1em; margin-bottom:0px}

#homepage h1{font-size:1.8em;}

small{font-size:0.75em; }

.small{font-size:0.75em; line-height:1.3em }

h3 a, h4 a{text-decoration:none; }
a{color:#106cb7; text-decoration:none;}

p{margin-bottom:20px;}


td, th{border: 1px solid #ddd; padding:3px 5px;}
th{background-color:#ddd;}
tr:nth-child(even) {background: #f8f8f8;}

/*----------------------- Directory Styles --------------------------*/
#annuaire th{background-color:#ddd;}
#annuaire td, th{border: 1px solid #ddd; padding:3px 5px;}
#annuaire tr:nth-child(even) {background: #f8f8f8;}

#annuaire td.gauche {text-align:left}
#annuaire td.centre, th.centre {text-align:center}

#annuaire.identite {
	height: 320px;
	margin: 0 0 15px 20px;
	padding: 5px 5px 5px 5px;
	border: 0px solid yellow;
}

#annuaire.identite div.photo {
	float: left;
	width: 25%;
	height: 100%;
	margin: 0 25px 15px 5px;
	padding: 25px;
	border: 1px solid black;
	text-align: center;
	background-color:#ffffe6;
}

#annuaire.identite div.legende ul {
	list-style-type: none;
	margin: auto;
	padding: 15px;
}

/*----------------------- Seminary Styles --------------------------*/
.seminaire {
			background-color: #ffffff;
}
.seminaire p.para {
			background-color: #ffffff;
			color: black;
}
.seminaire ul {
  list-style-type: none;
}
.seminaire li.semdate {
  color: black;
  font-size: 0.9em; 
  font-weight: bold;
}
.seminaire li.semlieu {
  color: #606060;
  font-size: 1.0em; 
  font-weight: bold;
  padding-top: 10px;
  padding-bottom: 10px;
}
.seminaire li.semauteur {
  color: black;
  font-size: 1.2em; 
}
.seminaire li.semtitre {
  color: black;
  font-size: 1.4em; 
  font-weight: bold;
  padding-top: 5px;
  padding-bottom: 10px;
}
.seminaire li.semresume {
  color: black;
  font-size: 1.0em; 
  padding-top: 3px;
  padding-left: 10px;
  padding-right: 10px;
}
.seminaire li.semorga {
/*  margin: 5px 25px 5px 25px; */
  font-size: 1.0em; 
  color: #606060;
}

/*----------------------- HAL Styles --------------------------*/

.hal-preview h3 {
	margin-bottom:0.5rem!important;
  	font-size: 1.75rem!important;
}

.hal-auteurs {
	line-height:1.5!important;
	margin-bottom:0.5rem!important;
}

.hal-auteur {
	font-size: 1.25rem!important;
}

.hal-citation {
	color: #666!important;
	font-size: 1.25rem!important;
}

.hal-typedoc {
	margin-top:.5rem!important;
	font-size: 1rem!important;
}

/*----------------------- ... --------------------------*/

.puce{position:relative; top:-4px}
.spip_documents{font-size: 1em}

.spip_documents .credit{font-style: italic ; font-size:.80em}

.spip_documents_center{text-align:center; display:block;}

.spip_documents_center .spip_doc_titre{ margin:0 auto}

.spip_doc_descriptif{font-size:0.80em; margin:5px auto 0px auto; line-height: 1.2em;}

.spip-block-right{clear:both; display:block; margin-bottom: 20px;}

	.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } 
	.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

iframe{margin-bottom:20px;}

.mwafisp {
  max-width: 1300px;
}

.notesbasdepage{font-size: 0.9em; border-top:1px solid #ccc; padding-top:20px;}

#osugsearchform label{display:none;}
#osugsearchform div{margin-right:0 !important; }
#osugsearchform input{color:rgba(0, 0, 0, 0.4); font-size:0.9em; padding-left:5px;}

#nav-secondaire-top{display:flex; align-items:center ; background-color:#595959; color:white; flex-wrap:nowrap; justify-content:flex-end;  }
#nav-secondaire-top a{color:white;}
#nav-secondaire-top div{padding-right:15px; margin:5px 15px 8px 0; border-right:1px solid white; }
#nav-secondaire-top div:last-child{border-right:0px solid white; padding-right:0px; margin:0px 15px 0px 0;}
#nav-secondaire-top ul{display:flex; list-style-type:none; margin:0; padding: 0; }
#nav-secondaire-top ul li{margin:0px 0px 0 20px; padding:0}

#secondtopline{display:flex; padding-top: 5px;}

#intranetlink{padding-top:6px}
#intranetlink img {margin-right:5px; margin-top:-4px}

#flagbox a:first-child,
#sociallinkbox a:first-child{margin-right:5px;}

#sociallinkbox ul li{margin:0px 0px 0 0px; padding:0}
#sociallinkbox div:last-child{border-right:0px solid white; padding-right:0px; margin:0px 5px 0px 0;}

div.socialtags {
	margin: 20px 0 0px 0 !important;
	padding: 0;
	clear:both;
}


.logo{ width:100%;}

#nav-secondaire-top{ position:sticky;
  position: -webkit-sticky;
  position: -moz-sticky;
  position: -ms-sticky;
  position: -o-sticky;
  top:0em; 	z-index: 12;
}


.navigation{flex-grow:1; 
  position:sticky;
  position: -webkit-sticky;
  position: -moz-sticky;
  position: -ms-sticky;
  position: -o-sticky;
  top:42px; bottom:0em;
  z-index: 10;
}


[type="text"],
textarea {
  width:100px;
  white-space: nowrap;
  font-size: .9em;
  border: 0;
  box-shadow: 0 0 0 1px #aaa inset;
  color: #aaa;
  vertical-align: middle;
  padding: 1px 6px;
  margin: 0px 0 0 0;
  transition: 0.25s;
  transition-property: box-shadow, background-color, color, border;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: #fff; 
}

/* STICKY MENU HOME */


#header,  .logo, .logo img, .baseline, ul#nav {-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;}

#header.sticky {height:70px;}
#header.sticky .logo{ width:120px;}

#header.sticky .logo img{padding:10px 20px 10px 20px; width:120px}
#header.sticky .baseline{  font-size:1.05em; color:#106cb7; margin-top: 20px;}
#header.sticky ul#nav {margin: 20px 0 0 0;}


#header.sticky [type="text"], #header textarea {display:none;}

.slides li {position:relative; color:white; }
.slides li p{text-align: center; position:absolute;  display:block; width:100%}

.fs-categorie{top:7%;}
.fs-categorie a{padding:2px 10px 3px; color:white; text-decoration:none;}
.fs-categorie a:hover{color:white; background-color:#2e6cb1;}


.fs-titre{top:15%; font-size:4vw; line-height:1.1em; font-weight:bold; padding:0 15%}

.fs-soustitre{top:45%;}

.fs-readmore{top:80%; font-size:1.1em}
.fs-readmore a, a.more{padding:4px 12px 3px; color:white !important; text-decoration:none; background-color:#2e6cb1; margin-bottom:10px; display:inline-block;}
.fs-readmore a:hover,  a.more:hover{color:white; background-color:rgba(0, 0, 0, 0.5);}
.fs-readmore a:after, a.more:after{font-family: "flexslider-icon"; content: ' \f002'; font-size:.8em; margin-left: 5px; 
}

#main  ul.slides{margin:0  0 00px 0;}


#fildariane{margin: 10px 40px 30px 40px; font-size:0.8em;}

.homeintro{text-align: center; padding:0 100px 30px; }


.homepicto{display:flex; flex-wrap:nowrap; justify-content:space-around; background-color: #efefef; padding:40px 0; 
box-shadow: rgba(0, 0, 0, 0.4) 0px 30px 30px -30px inset,  rgba(0, 0, 0, 0.4) 0px 30px 30px -30px; text-transform: uppercase; text-align: center;}


.homerendezvous{background-image:url('bg-ovale.png'); background-repeat: no-repeat; padding:30px 40px; 
    background-position: 0px -5px;  
margin-top:40px;}


#flexredvhome{ display:flex; flex-wrap:nowrap;  }
#flexredvhome > div{width:50%;}



#homerdvpublics h2 {color:white;}
#homerdvpublics h3 {color:black;
    border-top: 1px solid #ccc;
    padding-top: 15px;
}

#homerdvpublics{border-right:2px solid #106cb7; padding-right:30px}


#homerdvscientifiks {padding-left:30px}
#flexredvhome p {margin: 0 10px 10px; font-size:.9em;}



#flexrdvpublic{ display:flex; flex-wrap:nowrap; justify-content:space-between;}


#flexrdvpublic > div{width:calc(50% - 10px) }

.resumerdvpublic{box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.4); }
.resumerdvpublic img{margin-bottom:10px;}

#flexredvhome p.date{font-size:0.85em; margin-top:0 !important}

#flexredvhome p.surtitre{font-size:1em; font-weight: bold; margin:10px 0 0 10px;}



.resumerdvscientific{box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.4); background-color:#efefef; border-radius: 10px; margin-bottom: 20px;}
.resumerdvscientific p.date{margin:8px 0 0 10px !important; font-size:0.8em !important;}

.resumerdvscientific h5{margin:8px 0 0 10px !important;}

#flexrdvscientifique{display:flex; flex-wrap:nowrap; justify-content:space-between;}

#flexrdvscientifique > div{width:calc(49% - 10px);}


.nousrejoindre{display:block !important}

.nousrejoindre h3{margin:40px 0 0 0px;}

.nousrejoindre h3:first-child{margin-top:0px}

.nousrejoindre a{padding:4px 12px 3px; 
    color:white !important; text-decoration:none; background-color:#2e6cb1; 
    margin:10px 0 0 -10px; 
    display:inline-block;}
.nousrejoindre a:after{font-family: "flexslider-icon"; content: ' \f002'; font-size:.8em; margin-left: 5px; 
}




#seminairedelabo{margin-top:40px;}

#seminairedelabo h2{margin-bottom:10px}

#seminairedelabo a{display:inline-block; margin:0 5px; text-decoration:underline;}
#seminairedelabo a:first-child{ margin:0 5px 0 0; }

#seminairedelabo p{margin:0}


.homelibre{background-color: #efefef; padding:40px 0; 
    
    box-shadow: rgba(0, 0, 0, 0.4) 0px 30px 30px -30px inset; }


#homelibreflex{display:flex; padding:0 40px; justify-content:space-between; }

#homelibreflex > div{width:calc(50% - 20px)}







#barfootblue{background-color:#106cb7; color:white; padding:10px 40px; font-size:0.9em}

#barfootblue a{color:white;}

#barfootlogo{display:flex; padding:30px 40px 100px; justify-content:space-around;   box-shadow: rgba(0, 0, 0, 0.4) 0px 30px 30px -30px inset;}




#flexcorps{display:flex;}

#navdeux{min-width:260px; margin-right:10px;}


.flexrubart{display:flex;}

.flexrubart div{ margin:0 20px 20px 0;}

.flexrubart .imageoupas {max-width:180px; min-width:180px;}

#rubrique article{border-bottom:1px solid #ccc; margin-bottom:30px; padding-bottom:20px;}

#rubrique article h3{font-size:1.5em; line-height:1.2em}



#rubrique article .date{font-size:0.8em; font-weight:600; }
    #rubrique article p{margin-bottom:5px}



.contenu{padding:30px; width:100%;}

#ariane{font-size:0.9em; margin-bottom:20px;}

#navdeux {background:#efefef; max-width: 260px;}
#navdeux h2{padding:15px 15px 10px 15px; text-transform: uppercase ; margin:0;}

#navdeux ul{list-style-type: none; list-style-position:outside; font-weight:bold; font-size:1.1em;}

#navdeux > ul{border-bottom:1px solid #106cb7;}

#navdeux ul li a{border-top:1px solid #106cb7; padding:5px 3px 2px 20px; margin:0 !important; 
    background-color:#e1e1e1; display:block}

#navdeux ul li a:hover, #navdeux ul li a.on {background-color:#106cb7; color:white; text-decoration:none;}

#navdeux ul ul li a:hover, #navdeux ul ul li a.on {background-color:rgba(18, 122, 206, 0.97); color:white; text-decoration:none;}

#navdeux ul ul ul li a:hover, #navdeux ul ul ul li a.on {background-color:rgba(20, 135, 228, 0.95); color:white; text-decoration:none;}




#navdeux ul ul{list-style-type: none; font-weight:normal; font-size:0.9em;color:#106cb7}

#navdeux ul ul li a:before {content:"\25B6"; font-size:7px; position:relative; top:-2px; margin-right:3px;}
#navdeux ul ul li a{ display:block; background-color:#efefef; padding:5px 3px 2px 30px; margin-left:0px !important; }
#navdeux ul ul ul li a:before {content:"";margin-right:0px; }





#navdeux ul ul li{display:none}

#navdeux ul li.on ul li{display:block}


#navdeux ul li ul li ul li a {background-color:#fcfcfc;}
#navdeux ul li ul li ul li a{padding-left:40px;}


#navdeux ul li.on ul li ul li{display:none}


#navdeux ul li.on ul li.on ul li{display:block}







#navcontexte{display:none;}


#flexarticlesalt{display:flex; flex-wrap:wrap;}

#flexarticlesalt article{width:30.3333%; margin-right:3%; border-bottom:0px solid #ccc;}

.readmore{background-color:#106cb7; color:white; padding:3px 10px 2px;}

.readmore:hover{background-color:#686868; color:white; text-decoration:none;}



#flexarticlesalt article h3{font-size:1.45em;color:#106cb7; }








.col-un-un{display:flex; flex-grow:1; margin-bottom:0px;}
.col-un-un > div{width:calc(50% - 20px); }
.col-un-un > div:first-child{margin-right:20px;}
.col-un-un > div:last-child{margin-left:20px;}

.col-un-un-un{display:flex; flex-grow:1; margin-bottom:0px;}
.col-un-un-un > div{width:calc(33.33% - 20px);margin:0 10px 0px 10px; }
.col-un-un-un > div:first-child{margin:0 20px 0 0;}
.col-un-un-un > div:last-child{margin:0 0 0 20px;}


.col-un-deux{display:flex; flex-grow:1; margin-bottom:0px;}
.col-un-deux > div:first-child{width:calc(33.33% - 10px); margin:0 20px 0 0; }
.col-un-deux > div:last-child{width:calc(66.66% - 20px);  margin:0 0 0 10px;}


.col-deux-un{display:flex; flex-grow:1; margin-bottom:0px;}
.col-deux-un > div:first-child{width:calc(66.66% - 10px);  margin:0 20px 0 0;}
.col-deux-un > div:last-child{width:calc(33.33% - 20px); margin:0 0 0 10px; }




.col-un-un p:last-child,
.col-un-un-un p:last-child,
.col-un-deux p:last-child,
.col-deux-un p:last-child,
.col-un-un ul:last-child,
.col-un-un-un ul:last-child,
.col-un-deux ul:last-child,
.col-deux-un ul:last-child
{margin-bottom:0;}




.encartgris{background-color:#e1e1e5; padding: 15px 20px; margin-bottom:20px;}

.encartbleu{background-color:#106cb7; padding: 15px 20px; color:white !important; margin-bottom:20px;}


.textegris{color:#878787;}

.textebleu{color:#106cb7;}

.encartbleu a, 
.encartbleu h1, 
.encartbleu h2,
.encartbleu h3,
.encartbleu h4,
.encartbleu h5,
.encartbleu h6,
.encartbleu li {color:white; text-decoration:none;}
.encartbleu a:hover{text-decoration:underline;}

div.googleplus1{display:none;}


/* Bleu #106cb7 NAV NAV NAV NAV NAV NAV NAV NAV NAV NAV NAV NAV NAV NAV NAV NAV NAV NAV NAV NAV NAV NAV NAV NAV NAV NAV NAV NAV NAV NAV NAV NAV NAV */


#naviphone{display: none;}

ul#nav { 
    text-align:center;
    display:block;
    margin: 0px 0 0 0;
    padding: 0px 0;
    text-transform: capitalize;
    font-size: 1.25em;
    background-color:#106cb7;

}

ul#nav li {
    text-transform: uppercase;
    margin: 0 0px 0 2px;
    padding: 0 0px;
	display:inline-block;
    position: relative;
    list-style: none;
}



#nav > li:last-child {
    margin: 0 0px 0 2px;
}

#nav a {
    display:block;
    padding: 14px 15px;
    margin: 0;
    color:#fff;
    font-weight:bold;
    text-decoration: none;
}

ul#nav > li > a.on,
ul#nav > li:hover > a.on
{color:#106cb7; background-color:white;}


#nav ul li a {
    border-bottom: 1px #106cb7 solid;
    font-size:13px;
  display:block;
        padding: 6px 6px;
}





#nav li:hover {
    background-color: #106cb7;
}

#nav .current a, #nav li:hover > a {
    background-color: #106cb7;
    color: #fff;
}

#nav ul li:hover a, #nav li:hover li a {
    background-color: #fff;
    color: #106cb7;
}

#nav ul li a.on{background-color:#106cb7; color:white; }



#nav ul a:hover {
    background-color: #106cb7;
}

ul#nav li a:hover {
    background-color: #106cb7;
    color: #fff;
}

#nav ul {
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2);
    margin: 0px 0 0 20px;
    padding: 0px 0 0 0;
    width: 185px;
    position: absolute;
    top: 51px;
    left: 10px;
    z-index: 1000;
    display: none;
    background-color: white;
        text-align:left;
}

#nav li:hover > ul {
    display: block;
    z-index: 1000;
    margin: -10px 0 0 0;
}

#nav ul li {
    float: none;
    margin: 0;
    padding: 0px 0;
    display: block;
}

#nav ul a {
    font-weight: normal;
}

#nav ul ul {
    left: 181px;
    top: -3px;
}

#nav:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

#osugsearchform .submit{display:none;}









/* NAV NAV NAV */



ul#navtop li {
    position: relative;
    list-style: none;}
    
    
    ul#navtop > li:first-child {
   position:absolute; left:50px; 
}   


    ul#navtop > li:first-child  img{
   position:absolute; left:-55px; 
}  


#navtop a {
    display:block;
    margin: 0;

}

#navtop ul li a {
    border-bottom: 1px #595959 solid;
    font-size:13px;
  display:block;
        padding: 6px 6px;
}




 
#navtop li:hover li a {
    background-color: #fff;
    color: #595959;
    text-decoration:none;
}

#navtop ul li:hover a{background-color:#595959; color:white;}

#navtop ul {
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2);
    margin: 0px 0 0 20px;
    padding: 0px 0 0 0;
    width: 185px;
    position: absolute;
    top: 21px;
    left: 0px;
    z-index: 1000;
    display: none;
    background-color: white;
        text-align:left;
    border-top:13px solid #595959;
}

#navtop li:hover > ul {
    display: block;
    z-index: 1000;
    margin: -5px 0 0 0;
}

#navtop ul li {
    float: none;
    margin: 0;
    padding: 0px 0;
    display: block;
}

#navtop ul a {
    font-weight: normal;
}

#navtop ul ul {
    left: 181px;
    top: -3px;
}

#navtop:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}



/*NAV MOBILE*/



#naviphone{position:relative; margin:0px 0 0px 0;}

#naviphone h4.blocs_titre {
	background-image:none;
    background-color: #106cb7;
	padding:5px 30px 3px 10px;
	margin:0px;
	cursor:pointer;
    border:none;
}


#naviphone .cs_done a {
  display: block;
text-align:center;
  padding:10px 15px;
  font-size:1.4em;
    font-weight:bold;
  text-decoration: none;
  color: #fff !important;

}



#naviphone .cs_done a:after {
  content:"\2630";
  position:absolute;
  top:15px;
  right:20px;
width:29px;
  height:26px;
  display:block;
      font-size:1.3em;
}


#naviphone .blocs_destination{
    padding:0px 16px 20px 0; 
    background-color: rgba(244, 244, 244, 1);
    margin:0px 0 0 0;
}




#naviphone .blocs_destination ul {
  list-style-type: none;
    margin-bottom:10px;
    
}
#naviphone .blocs_destination ul a {
  color: #106cb7;
  text-decoration: none;
  display: block;
  text-align: left;
    font-size:14px;
  border-top: 1px solid ;
 
}


#naviphone .blocs_destination > ul > li > a 
{ font-size:18px; font-weight:bold;  padding: 10px 15px 5px; }




#naviphone .blocs_destination ul li:first-child a{border-top:0px; }



#naviphone .blocs_destination ul a:hover {
  background-color: #fff;
}
#naviphone .blocs_destination ul ul a {
  padding:1px 15px 2px 30px;
color:#106cb7;
    border-top: 0px;
}
#naviphone .blocs_destination ul li:nth-child(2) ul li:nth-child(1) a 
{ color:#6f2c91;  }



#naviphone .blocs_destination ul ul a:before {
  content: "• ";
}
#naviphone .blocs_destination > ul li {
  text-align: left; 
    
}
#naviphone ul {
  padding-left: 0em;
}



#naviphone .blocs_replie:after,
#naviphone .blocs_titre:after
{display:none;}

.logoms{display:none}


.video { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } 
.video iframe, .video object, .video embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.contenu ul{list-style-position: inside;  margin:0px  0 10px 0px; padding-left:15px; }




#plandusite #main{padding:50px;}


/* version 4.0 : à mettre dans un fichier à part (spip.css) / cf partie squelettes_dist (Logos, documents et images) */

.spip_documents_left{margin:0 20px 20px 0;}
.spip_documents_right{margin:0 0 20px 20px;}
/* Ajout Eric / 07 juin 2022 pour ... */
.spip_document_left{float: left;}


/* */
td, th{border: 1px solid #ddd; padding:3px 5px;}
th{background-color:#ddd;}
tr:nth-child(even) {background: #f8f8f8}



.slides {background-color:black;}

.slides img{opacity: 0.7;}





@media (min-width: 1300px) {.fs-titre{font-size:52px !important;}}
@media (max-width: 1000px) {
    #flexarticlesalt article{width:47%; margin-right:3%; border-bottom:0px solid #ccc;}

}

@media (max-width: 900px) {  
	
	#naviphone{display: block;}
	ul#nav{display: none;}
    
    #footmob{display:block;
    background-color:#595959; color:white; text-align: center; padding:10px;}
    
    #footmob a{color:white;}
    

    .topmenumobile{display:block; background-color: #595959;text-align:center}
    .topmenumobile a{color:white; }
    
        .topmenumobile #flagbox{display: inline-block; margin:0px 10px 5px;}
    
    .topmenumobile #sociallinkbox{display: none; margin:5px 10px;}
    
    
    
	#nav-secondaire-top{display:none;}
	
	
    #nav-secondaire-top{flex-direction: column;}
    #nav-secondaire-top ul{justify-content:space-around;}
    #nav-secondaire-top div{border-right:0px solid white; }
    
#secondtopline{justify-content:space-around;}
    
    #osugsearchform{display:none;}
    .logobs{display:none}
    .logoms{display:block;}

.homeintro{text-align: center; padding:0 40px 30px; }
    
    .homepicto{flex-wrap:wrap; justify-content:space-around; background-color: #efefef; padding:30px 10px 10px; }
    
    .homepicto h2 a{font-size:0.7em;}

    .homepicto div{width:50%; padding:0 0px;}

    .homepicto div img{max-width:50px;}

  #flexredvhome{ display:flex; flex-wrap:wrap;  flex-direction: column; }  
    
    #flexredvhome > div{width:100%;}
    
    
    #homerdvpublics{border-right:0px solid #106cb7; padding-right:0px; margin-bottom:30px;}
    
    #homerdvscientifiks {padding-left:0px}

    
.fs-categorie{display:none !important;}

.fs-titre{top:10%; font-size:4vw; line-height:1.1em; font-weight:bold; padding:0 10%}
.fs-readmore{top:70%; font-size:1em}

    #homelibreflex{display:flex; flex-direction: column; padding:0 40px; justify-content:space-between; }

#homelibreflex > div{width:100%}


  #flexcorps{display:flex; flex-direction: column;}

#navdeux{display:none; min-width:100%; max-width:100%;}

.flexrubart .imageoupas {max-width:200px; min-width:100px;}
  
    #navcontexte {display:block; }
     
      #navcontexte a{ display:block;   padding:20px 0 15px 30px; background-color:#E5E5E5; font-weight:bold;
    font-size:1.2em; color:#444; text-align:center;} 
     #navcontexte a:hover{ text-decoration: none; } 
    
    #navcontexte a:after{ content:"\2630"; float:right; margin-right:20px; font-size:1.5em;}
 
    


}


@media (max-width: 750px) { 

.col-un-un{flex-direction: column; margin-bottom:20px;}
.col-un-un > div{width:100%; }
.col-un-un > div:first-child{margin:0 0 20px 0; }
.col-un-un > div:last-child{margin:0 0 20px 0; }

.col-un-un-un{flex-direction: column; margin-bottom:20px;}
.col-un-un-un > div{width:100%; margin:0 0 20px 0; }
.col-un-un-un > div:first-child{margin:0 0 20px 0;}
.col-un-un-un > div:last-child{margin:0 0 20px 0;}


.col-un-deux{flex-direction: column; margin-bottom:0px;}
.col-un-deux > div:first-child{width:100%; margin:0 0 20px 0; }
.col-un-deux > div:last-child{width:100%;  margin:0 0 02px 0;}


.col-deux-un{flex-direction: column; margin-bottom:0px;}
.col-deux-un > div:last-child{width:100%; margin:0 0 20px 0; }
.col-deux-un > div:first-child{width:100%;  margin:0 0 20px 0;}

}



@media (max-width: 500px) { 
.flexrubart{flex-direction: column;}

.flexrubart div{ margin:0 0px 20px 0;}

.flexrubart .imageoupas {max-width:600px; min-width:150px;}
    
    
    #flexarticlesalt article{width:100%; margin-right:0%; border-bottom:0px solid #ccc;}

}
}

@media (max-width: 400px) {    #nav-secondaire-top{font-size:0.9em} 
#nav-secondaire-top ul li{margin:0px 0px 0 11px; padding:0}}



.activenav{display:block !important; }



/* FORM  FORM  FORM  FORM  FORM  FORM  FORM  FORM  FORM  FORM  */





.formulaire_spip .editer {
    padding: .6925em 10px;
    clear: both;
    overflow: hidden
}


.formulaire_spip .editer, .formulaire_spip .editer.gauche {
    padding-left: 210px
}

.formulaire_spip .editer label, .formulaire_spip .editer.gauche label {
    color: #444;
    width: 190px;
    float: left;
    margin-left: -200px;
    text-align: left
}


.formulaire_spip input.text, .formulaire_spip input.password, .formulaire_spip textarea,
.formulaire_spip select {
    font-size: 1em;
    padding: 3px;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box
}

.formulaire_spip .explication{background-color:#ddd; font-size:0.9em; padding:3px 5px;}

/* Ajout le 06/12/2020 par Eric D. (OSUG) */
.formulaire_spip div.choix label[for] {
    /* color: SlateBlue; */
    color: #444;
    float : none;
    margin-left: 5px;
    padding: 0px 0px 0px 0px;
    text-align: left;
    width: 230px; 
}


@media (max-width:600px) { 
    


.formulaire_spip .editer, .formulaire_spip .editer.gauche {
    padding-left: 0px; }

.formulaire_spip .editer label, .formulaire_spip .editer.gauche label {
width: 100%;
margin-left: -00px;
}

}
    
    






.submit {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
	background:-moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9',GradientType=0);
	background-color:#f9f9f9;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#666666;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
}
.submit:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9));
	background:-moz-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-webkit-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-o-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-ms-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9',GradientType=0);
	background-color:#e9e9e9;
}
.submit:active {
	position:relative;
	top:1px;
}










.refbasecss td {
    display: block;
 }

.refbasecss td.links {display:inline; }