.displaynone, #footmob{display:none}


.topmenumobile{display:none;}




.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;}


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

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

.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:.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 img,
#flagbox a:first-child{margin-right:5px;}

#sociallinkbox{
	display: flex;
	padding: 0.2em;
	gap:0.25em;
}

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 -16px;  
margin-top:40px;}


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


#homerdvpublics h2 {color:white;}


#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;}


.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-top:8px !important;}

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

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

#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 00px 0 10px;}


.col-deux-un{display:flex; flex-grow:1; margin-bottom:0px;}
.col-deux-un > div:first-child{width:calc(66.66% - 0px);  margin:0 30px 0 0;}
.col-deux-un > div:last-child{width:calc(33.33% - 10px); 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: -5px 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:0; height:50px;
background-image:url('mini-logo-osug.png');
background-repeat: no-repeat;
padding-left:50px;}   

#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;}



.spip_documents_left{margin:0 20px 20px 0;}
.spip_documents_right{margin:0 0 20px 20px;}

/* Ajout Marion base css intranet / 20 juill 2022 pour ... */

.spip_document_left{float: left;}
.spip_document_right{float: right;}

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




@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:5px 10px;}/* display: inline-block; */
    
    .topmenumobile #sociallinkbox{display: inline-block; 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 {
	display: grid;
    	grid-template-columns: 1fr 2fr; /* Divise la grille en deux colonnes égales */
	grid-template-rows: auto auto;
    	grid-gap: 1.5em;
}

fieldset.editer {
	grid-gap: 0 !important;
	padding-bottom: 2em;
	border: 1px solid #ccc;
  	padding-left: 2em;
  	margin-bottom: 1em;
}


.editer-label,
.explication {
    grid-column: 1 ; 
}

.formulaire_spip select, .formulaire_spip input.text, .formulaire_spip textarea {
    grid-column: 2 ; 
    grid-row: 1;
    width: 100%
}

.choix {
    grid-column: 2 ; 
    padding-left: 1.3em;
    padding-top: 0.5em;
}

.formulaire_spip .editer label, .formulaire_spip .editer.gauche label {
    color: #444;
}

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

.datepicker.dropdown-menu {
	width: 50%;
}



/* rétablir taille des input de type radio ou checkbox */
/*
.formulaire_spip input[type="radio"] {
	-webkit-appearance: radio;
}
.formulaire_spip input[type="checkbox"] {
	-webkit-appearance: checkbox;
	box-sizing: border-box;
}
*/

@media (max-width:600px) { 
    
.formulaire_spip .explication{
      grid-column-end: 4;
}

.formulaire_spip .editer {
	display: flex;
  	flex-direction: column;
  	gap: 0.5em;
  	padding-bottom: 1em;
  	padding-left: 1em;
}

}


    
    
.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;
}


/* Commenté le 28/06/2021 par Eric D. (OSUG) - pb avec formulaires Spip */
/*
label{float:none !important; width:100% !important; }
*/