/* --------------------------------------------------------------

   Theme pour la feuille de style du Cresppa

-------------------------------------------------------------- */

/* ------------------------------------------
/* Habillage des elements du contenu
/* ------------------------------------------ */



* {
  font-family: 'Lato', Arial, "sans-serif";
}

body { 
background:#f7f5f7;
 margin: 0px 0px 5px 0px;
  padding: 0 0px 0 0px;
  font-family: 'Lato', "sans-serif";
  font-size : medium;
  color: #353535;
  line-height: 1.6em;
  text-align: left;
}


 
a:link {color:#ec355c; text-decoration: none; border:none;}
a:focus, a:visited {color:#c04945; text-decoration: none; border:none;}
a:active {color:#c04945; text-decoration: none; border:none; background: #eee;}
a:hover {color:#c14945;  text-decoration: none; border:none;}
.on { font-weight: normal; background:#ddd; } /* liens exposes */


strong {font-weight: 700; font-size: 97%;}
p { font-family: 'Lato', Arial, "sans-serif";
	text-align:justify;
	margin-bottom: 30px;
	color: #353535;
  }
p:first-letter{text-transform: uppercase ; }
li {font-family: 'Lato', Arial, "sans-serif"; text-align:left;}

.spip-puce b {display:none}
.spip-puce{position:relative;top:1px;display:inline-block;font-style:normal;font-weight:700;font-size:1.4em;line-height:0.7;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.spip-puce:before{content:"\203A"; color: #bbb;}
 
	
 @media print {
    .page,
	.principal,
    .wrapper,
    .content { width: auto; }
	#banniere {background: linear-gradient(#f7f5f7,#e7e5e7) url(images/CRESPPA/2023-06_Cresppa.png) no-repeat left  ; }
    .spip-admin-boutons, 
	#nav,
	.cresppa-lutte,
	#menu_lang,
	#navigation,
    p.arbo,
    .aside,
	#pied-de-page,
    .footer { display: none; }
} 
    

/* entete */
   #contenu { position:relative; margin: 0px; padding:0px; background:#fff;
 }
 

@media screen and (min-width:1911px){  
#principal {width:67.5%; margin: 0px auto; padding:10px 0px 50px 0px; background:#fff; position: relative; }
 }
 @media screen and (min-width:1600px) and (max-width:1910px){  
#principal {width:75%; margin: 0px auto; padding:10px 0px 50px 0px; background:#fff; position: relative; }
 }
 @media screen and (min-width:1200px) and (max-width:1599px){  
#principal {width:80%; margin: 0px auto; padding:10px 0px 50px 0px; background:#fff; position: relative; }
 }
 @media screen and (min-width:1000px) and (max-width:1199px){  
 #principal {width:90%; margin: 0px auto; padding: 10px 2.5% 50px 2.5%; background:#fff; position: relative; }
}
 @media screen and (min-width:500px) and (max-width:999px){  
 #principal {margin: 0px 40px; padding:10px 0px 50px 0px; background:#fff; position: relative; }
}
@media screen and (max-width:499px){   
 #principal {margin: 0px 20px; padding:10px 0px 50px 0px; background:#fff; position: relative; }
}


 .bgheader {  
 display:flex ;
display:-webkit-flex ;
display:-webkit-flex-flow:row wrap;
display:flex-flow:row wrap;
display:align-items: top;
 margin: 20px auto 30px auto;
  padding:20px 0px 10px 0; 
  width:%;
 }

 #equipes {
  background: url(images/CRESPPA/Bandeaucresppa-h70.png) no-repeat 30px 40px  ; 
text-align:left;
margin:0px 0px 0px 0px;
padding:150px 0px 0px 0px;
width:350px;
}

 #equipes ul {
margin:0px 0px 0px 20px;
padding:0px 0px 0px 0px;
display:inline;
list-style:none;
}
 #equipes li {
display:inline;
margin:0px -20px 0px 40px;
padding-right:0px;
text-align:left;
font-size:20px;
line-height:0.1em;
letter-spacing:0px;
}
 #equipes li a{
   font-family: Roboto, Arial, "sans-serif"; font-weight: 500;
 color:#333; 
 font-size:22px;
 padding:0px 2px 0px 2px;
 }
 #equipes li a:hover{
 color:#C04945; 
 background:#f7f5f7;
 }


#header {
display:flex ;
display:-webkit-flex ;
display:-webkit-flex-flow:row wrap;
display:flex-flow:row wrap; 
margin-top:0px;
	margin-left: 5%;
	margin-right: 2%;
	margin-bottom: 30px;
width:680px; /*840px ;*/
 height:210px;
  padding: 20px 0px 0px 0px; 
  background:#fff;
  border:1px solid #666; 
  -o-box-shadow:-15px 20px 1px rgba(0,0,0,0.5);
  -moz-box-shadow:-15px 20px 1px rgba(0,0,0,0.5);
  -webkit-box-shadow:-15px 20px 1px rgba(0,0,0,0.5);
  box-shadow:-15px 20px 1px rgba(0,0,0,0.4);
}  
 
 #centre{
width:336px; /*45%;*/
margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
   padding:0px 0px 0px 0px;   
  }
  #centre h1 {
   background:none;
   width:;
  font-family:  "Roboto_Condensed", Arial,  "sans-serif";
text-align:right;
  font-size: 25px; 
  font-weight: 600;
  color: #333;
  line-height:1.4em;
  margin:65px 30px 0px 0px;
  padding:0px 5px 0px 0px; 
}

.logoheader1 {
color:transparent;
margin: 0px 45px 0px 0px;
width:200px;
height:60px;
float:right;
}
.logoheader1 a{
color:transparent;
}
.logoheader1 a:hover{
color:transparent;
font-size:1em;
}

@media screen and (min-width:12.1in){ 
#banniere {
 margin: 0px auto 0px auto;
 padding: 0px 0px 0px 0px;
 background: linear-gradient(#f7f5f7,#e7e5e7);
 height:100%;
 text-align: center;
 }
 .cresppa-lutte {
 margin: 0px auto 0px auto;
 width: 98%;
   text-align: center;
 }
}

@media screen and (max-width:12in){ 
#banniere { width: 0%;
 /*height:70px; */ }
 .cresppa-lutte {width: 1px; height: 1px;}
}
 
.barre {
  height:50px; border-bottom: 2px solid #ccc;
  background:-o-linear-gradient(#f7f5f7, #e7e5e7);
  background:-webkit-linear-gradient(#f7f5f7, #e7e5e7);
  background:linear-gradient(#f7f5f7, #e7e5e7);
  border-top: 1px solid #ddd;
}
  @media screen and (min-width:12.1in){ 
 .barre {margin: 0px 0px 10px 0px; position: sticky; top:36px; z-index:9;}
 }
 @media screen and (max-width:12in){ 
 .barre {margin: 0px 0px 10px 0px;}
 }

 
/* Menu */
 #menu{border-bottom: 2px solid #ccc; position:fixed; z-index:12;}

@media screen and (min-width:12.01in){ 
 #nav { text-align:center; position:sticky; top: 0px; z-index:10; background: #fff; display: flex; display: -webkit flex; flex-flow:row wrap; -webkit flex-flow: row wrap; align-items: center; width: 100%; border-bottom: 1px solid #ddd; } 
  .menu{  order: 2; margin: 0px auto 0px 12%; padding:10px 0px 10px 0px;  background:white; }
  .menu ul{display: inline; margin: 0px auto; padding: 0px 0px 0px 0px; }
  .menu ul li{margin: 0px ; text-align:center; line-height: 1em; font-size:95%;}
  .menu ul a{ color:#333;}
  .menu ul a.on{background: #666; color:#fff; padding: 0.4em 0em;}
  .menu li.cresppa {margin: 5px 10px 0px 0em ;}
  .home {order: 1; margin: 0px 10px 0px 10px ;}
  .allerequipes {order: 3; margin: 0px 10px 0px 0px; padding: 0px 0px 0px 15px;  background: url(images/more_horiz.png) no-repeat left 15px;}
  ul.equipes {order: 2; margin: 0px 0px 0px 0px;}
  li.csu, li.gtm, li.labtop {margin: 0px 0.4em 0px 10px ;}
}
@media screen and (max-width:12in){ 
 #nav { text-align:left; background: url(images/CRESPPA/Crespparouge-off.png) #fff no-repeat center 65px; padding: 20px 0px 90px 0px;} 
 .menu {display:none;}
 #menumedia {overflow: visible; width: 70%; margin: 20px 0px 0px 0px;  padding:0px 10px 0px 10px;  }
 #menumedia h6 {background: url(images/menumedia.png) no-repeat right top; text-align: right; color: #fff; height: 50px; width: 50px; margin: 0px 0px 0px 0px; padding: 0px;}
 #menumedia ul {z-index:10; display: block; margin: 0px 0px; padding:0px 10px 10px 0px; background: #fff;}
 #menumedia ul li {margin: 10px; padding: 10px 0px 10px 15px; text-align:left;  line-height: 2em; font-size:14px; list-style: none; background: #f3f3f3; border-bottom: 1px solid #ccc; }
 #menumedia ul a{ color:#333; }
 
 .home {background:#f7f5f7; margin: 0px 10px 0px 10px ; padding: 5px 0px 5px 10px;}
 .allerequipes {float: right; margin: 0px 10px 0px auto; padding: 0px 0px 0px 30px;  background: url(images/more_horiz.png) no-repeat left 25px;}
 #menumedia ul.equipes {width: 300px; margin: 0px auto 20px auto; padding: 0px 0px 0px 60px;  background: url(images/more_horiz.png) no-repeat left;}
 li.csu, li.gtm, li.labtop {margin: 20px 0.4em 0px 0px ;}
 }

 .menu ul li {display:inline; }
 .menu ul li {padding: 0.5em ; font-weight: 600;  }
 .menu ul li:hover {color:#A50021;  }
 
 #menumedia li.cresppa,
 .menu li.cresppa {background:#f7f5f7; color:#A50021; font-weight:500; 
 transition: all 0.3s ease-in-out 0s; 
}

.menu li.csu, #menumedia li.csu {background: #C01327; color: #fff;}
.menu li.gtm,  #menumedia li.gtm {background:#D45E3A; color: #fff;}
.menu li.labtop, #menumedia li.labtop {background:#F5CA59; color: #000;} 
 
ul.equipes li.csu  {display: inline-block; width: 50px; 
 background: #C01327;
 text-align:left;
  font-weight:500;
 color:#fff; 
 padding: 2px 0px 0px 10px;
}
 
ul.equipes li.gtm {display: inline-block; width: 55px; 
  background:#D45E3A;
text-align:left;
 font-weight:500;
  color:#f1f1f1;
  padding: 2px 0px 0px 10px;
}
 
 ul.equipes li.labtop  {display: inline-block; width: 75px; 
  background: #F5CA59;
  text-align:left; 
  font-weight:500;
  color:#000;
  padding: 2px 0px 0px 5px;
}


#menu_lang {  
  font-weight: 600; 
   margin: 1em 0.5em 0px 0%; padding: 0.1em 0.6em 0.2em 0.6em;
   float:right; 
}
#menu_lang li, #menu_lang li a {font-size:15px; font-weight:600; border: none; }
#menu_lang strong, #menu_lang li strong {color:#000; font-weight:600; font-size:15px; }
 
 @media screen and (min-width:751px){ 
 #search {margin: 0px 0px 20px 0px; padding: 5px; float:right; position: sticky; top: 80px; z-index: 10; height: 50px; max-width: 500px;}
 #search h6.blocs_titre {background: url(images/search.png) no-repeat right center; min-width: 50px; height: 50px;  margin: 0px; padding: 0px; }
 #search form p {display: inline-block; /* padding: 5px 5px; width: 300px; height: 50px; margin: -73px 50px 0px 0px; */}
 #search input.box {height: 50px;  width: 290px; margin: 0px; padding: 0px 0px 0px 10px; border-color: #bbb; background: #f7f4f3;}
 #search input.box a:focus {border-color: #bbb;}
  }
 @media screen and (max-width:750px){
 #search {margin: 0px auto 0px auto; padding: 5px; position: relative; z-index: 12; width: 95%; }	 
 #search h6.blocs_titre {background: url(images/search.png) no-repeat left center; min-width: 50px; height: 50px;  margin: 0px 0px 0px 0px; padding: 0px; }
 #search form p {display:block; padding: 10px 5px; margin: 0px 0px 0px 0px; background: #f1f1f1; border: 1px solid #ccc;  }
 #search input.box {height: 50px;  width: 290px; margin: 0px; padding: 0px 5px; }
  }
 p.arbo {display:block; text-align:left; margin: 0px 0px 40px 0px; padding: 0px 0px 0px 0px; line-height: 1.6em; font-size: 90%;}
  
 /*** Styles pour le sommaire ***/
 @media screen and (min-width:1001px){ 
 #sommaire { display: grid; grid-template-columns: 65fr 35fr ; grid-gap: 0px 7%; grid-auto-rows: minmax(1px, auto);justify-content: start; align-items: start; margin: 50px 0px 10px 0%;}
 #left {grid-column:1; grid-row: 2; margin: 0px 0% 10px 0px; padding: 0px 0% 0px 0%; }
 .left {grid-column:1; grid-row: 1; margin: 0px 0% 40px 0%; padding: 0px 0% 20px 0%; }
 #right {grid-column:2; grid-row: 1/3; margin: 0px 0px 10px 0px; padding: 0px 0% 0px 0%; }
 .right  { margin:0px 0px 10px 0%; padding: 0px 0px 30px 0px;} 
}

 @media screen and (max-width:1000px){ 
 #sommaire {display: grid; grid-template-columns: 1fr ; grid-gap: 0px 0px; grid-auto-rows: minmax(1px, auto); align-content: center; align-items:start;  margin: 0px 0em 10px 0em;}
  #left { grid-column:1; grid-row: 3; margin: 0px 0px 10px 0px; padding: 0px 0% 0px 0%; }
 .left { grid-column:1; grid-row: 1; margin:30px 0px 20px 0px; padding: 10px 0% 20px 0%; }
  #right {grid-column:1; grid-row: 2; margin: 0px 0px 10px 0px; padding: 0px 0% 0px 0%; }
  .right  { margin:0px 0px 10px 0px; padding: 0px 0px 30px 0px;} 
 }


#sommaire h2 {line-height: 1.4em; margin: 0px 0px 15px 5px; padding: 0px 0px 0px 0px; }

 
.left p { 
  font-weight: 500;
  text-align:justify;
margin:10px 0px 0px 0px;
line-height :1.7em;
font-size:16px;
color:#222;
  }

.une { 
margin: 20px 0px 0px 0px;
padding:10px 20px;
  text-align:center;
}

ul.UA { display:flex ;
display:-webkit-flex ;
-webkit-flex-flow:row wrap;
flex-flow:row wrap;	
justify-content:space-evenly; 
align-items: stretch;
 list-style:none;
 margin: 0px 0px 0px 0px;
 padding: 0px;}
 
ul.UA li { flex-basis:30%; /*250px;*/
	flex-grow:2;
 list-style:none;
 box-sizing: border-box;
 margin: 0px 2% 40px auto;
	border-bottom: 2px solid #ccc;
background:#f7f5f7;}


.une h3 {
 font-family: 'Lato', "sans-serif";
  font-size: 18px;
  color: #c04945;
  font-weight: 600;
  line-height:1.6em;
  margin: 15px 20px 10px 20px;
  border:none;
  text-align: left;
 }
/* .une h4{
   font-weight: 500;
margin: 0px 20px 0px 20px;
padding: 0px 0px 0px 0px;
line-height :1.4em;
font-size:15px;
color:#111;
text-transform: none;
  text-align: left;
 }
 .une h4 a{color:#111; }
.une h4 a:hover{  color: #c04945;  }
*/

 .une p{
 font-weight: 500;
margin: 0px 20px 10px 20px;
padding: 0px 0px 0px 0px;
line-height :1.4em;
font-size:small;
color:#111;
letter-spacing:0px;
  text-align:left;
 }
 
.visuel_even {
  display:block;
margin: 5px 20px 15px 20px;
padding: 0px 0px 0px 0px;
float:left;
   max-width: 100%;
}

.visuel_even img { 
margin: 20px auto 5px auto;
padding:0px 0px 20px 0%;
}
span.image {
margin: 0px auto 0px auto;	
padding:0px 10px 20px 10px;
}

span.image img {
margin: 0px auto 10px auto;	
}

#marquee{
  position:relative;
  direction:right;
  margin: 15px 20px 20px 20px;
  padding: 0px 0px 0px 0px;
  }
 .marquee{
  position:relative;
  direction:right;
  margin: 15px auto 80px auto;
  padding: 20px 0px 20px 0px;
   background:#f7f5f7;
  }

 
.rightune { 
margin: 20px 0 0 0;
padding:10px 20px;
  background-color:#f7f5f7;
  text-align:center;
}
 
.right p { 
  text-align:left;
margin:5px 0px 2px 0%;
line-height :1.4em;
font-size:15px;
color:#222;
  -moz-hyphens:auto;
  hyphens:auto;
  }
.right h1{
font-family: Roboto, arial, "sans-serif";
  font-size: 18px;
  color: #111;
  font-weight: 500;
  line-height:1.3em;
  text-align: left;
  margin: 15px 10px 10px 10px;
  border:none;
 }  

  
.right h2.spip {
font-size: 13px;
font-weight: 500;
color: #4A0F0F; 
line-height: 1.4em;
margin: 0px 70px 0px 0px;
padding: 0px;
text-align:left;
border:none;
background:none;
}
.right h2.spip a {
font-family: 'Lato', Arial,"sans-serif";
font-size: 15px;
font-weight: 500;
color: #c04945 ;
}
 
 .right h4{
   font-weight: 300;
  text-align:left;
margin:0px 20px 0px 0px;
line-height :1.4em;
font-size:12px;
text-transform: none;
color:#333;

 }
 #right h4 a{color:#4A0F0F; }
 #right h4 a:hover{  color: #c04945;  }


#right li.item {background: none;}
#right li.item:hover {background: #edf3fe;}

h5:first-letter{
text-transform: uppercase;
}
.calendrier:first-letter{
text-transform: uppercase;
}

  
 /*** Styles pour la page jour ***/
 #jour {
display:flex ;
display:-webkit-flex ;
display:-webkit-flex-flow:row wrap;
display:flex-flow:row wrap;
display:align-items: top;
margin-top: 0px;
	margin-left: 0%;
	margin-right: 0%;
	margin-bottom: 10px;
}

#jour1 { 
background:#ff;
 width:28%;
display:align-items: start;
margin-top: 0px;
	margin-left: 0%;
	margin-right: 0%;
	margin-bottom: 10px;
padding: 0px 1% 0px 0%;

}
.jour1 { 
 width:85%;
 background:#fff;
margin:30px 0px 20px 0px;
padding: 10px 0% 20px 0%;
border:1px solid #888;
border-radius:10px;
 }
 
 #jour1 h3 {
  font-size: 15px;
  font-weight: 500;
  color: #303030;
  line-height:1.5em;
  margin:15px 8% 10px 8%;
  border:none;
  text-align:left;
 }

 
#jour1 p { 
  text-align:justify;
margin:5px 8% 0px 8%;
line-height :1.6em;
font-size:13.5px;
color:#000;
width:90;
  }
#jour1 h5 {
font-family: 'Lato', Arial,"sans-serif";
font-size: 13px;
font-weight: 500;
color: #555; 
letter-spacing: 0px;
line-height: 1.4em;
margin: 5px 8% 0px 8%;
padding: 0px 0 0px 0;
}
#jour2 {
width:65%;
margin-top: 0px;
	margin-left: 0%;
	margin-right: 0%;
	margin-bottom: 10px;
padding: 0px 0% 0px 5%;
background:;

}
.jour2  {
margin:0px 0% 10px 5px;
padding: 0px 5% 30px 0%;
width:90%;
 } 
 
 #jour2 li.item { 
  font-size: 16px;
  font-weight: 500;
  line-height:1.6em;
  text-align: left;
  margin: 0px 20px 20px 0px;
  padding: 0px;
  color: #333;
  -moz-hyphens:auto;
  hyphens:auto;
  -moz-word-wrap:break-word;
  word-wrap:break-word;
  } 

 
#jour2 h5 {
font-size: 95%;
font-weight: 500;
color: #333; 
letter-spacing: 0px;
line-height: 1.5em;
margin: 5px 5% 0px 0px;
padding: 0px;
}


 
 /*Navigation dans les rubriques*/
 
 
@media screen and (min-width:951px){ 
#navigation,#navigation2 {order:2; width:30%; margin: 0px 0% 10px 0%; }
.navig {margin: 0px 0px 0px 0px;}
.navig ul  {display:block; margin: 0px 0px 5px 5%; padding: 0px 0px 18px 0px; border-bottom: 1px dotted #666;}
.navig ul li  {display:block; margin: 15px 0px 10px 0px; padding: 20px 20px 20px 20px; font-size: 1em; line-height: 2em; background: #f7f5f7; border-bottom: 1px solid #ddd;}
.navig ul li ul  {list-style: none; display:block; margin: 5px 0px 10px 0px; padding: 0px; border:none;}
.navig ul li ul li  {list-style: none; margin: 0px 0px 10px 0px 0px; padding: 0px 0px 0px 0px; line-height: 1.3em; background: none; border: none; font-size: 15px; font-weight: 400; }
.navig ul li a img { display:block; margin: 10px 0px 0px 0px; padding: 0px;}
}

@media screen and (max-width:950px){ 
#navigation {order:1; margin: 20px 0% 10px 0%; border:none; }
#navigation2 {order:2; margin: 20px 0% 10px 0%; border:none; }
.navig {margin: 0px 0px 0px 0px;}
.navig ul  {display:inline; margin: 5px 0px 5px 0%; padding: 10px 0px 18px 0%;}
.navig ul li  {display:inline; margin: 5px 0px 0px 0px; padding: 20px 20px 20px 20px; font-size: 95%; line-height: 5em; background: #f7f5f7; white-space: nowrap;}
.navig ul li ul  {display:inline-block; margin: 5px 0px 5px 0%; padding: 10px 0px 0px 0%;}
.navig ul li ul li {display:inline; margin: 5px 0px 0px 0px; padding: 0px 20px 20px 0px; line-height: 2em; }
}


.navig ul {list-style: none;}
.navig ul li  {list-style: none; font-weight: 500; color:#222;}
.navig ul li ul  {list-style: none; font-size: 16px; font-weight: 500; color:#222;}
.navig ul li ul li  {list-style: none; font-size: 15px; font-weight: 400; }
.navig ul li a {color:#222;}
.navig ul li a:hover {color: #c04945; }
.navig p {font-weight: 300; font-size: 14px; }


/*--Pour les rubriques: employé pour les pages de listes--*/
@media screen and (min-width:951px){ 
 #rubrique { -webkit-flex-flow:row wrap; flex-flow:row wrap;}
 #col1 {width:60%; order:1; flex-grow:1; margin: 0px 20px 0px 0px; padding: 0px 0px 0px 0px; border-right: 1px dotted #666; }
 .col1 {margin:0px auto 0px 0px; padding: 0px 0px 20px 0px; width:90%;}
 .texterub {margin-left: 0px; width: 80%;}
}
@media screen and (min-width:451px) and (max-width:950px){ 
 #rubrique { -webkit-flex-flow:column; flex-flow:column;}
 #col1 {order:2; margin: 0px auto 0px auto; border:none;}
 .col1 {margin:0px 5px 0px 5px; padding: 20px 0px 20px 0px; }
 .texterub {margin:0px 25px 0px 25px; padding: 20px 0px 20px 0px; }
}
@media screen and (max-width:450px){ 
 #rubrique { -webkit-flex-flow:column; flex-flow:column;}
 #col1 {order:2; margin: 0px auto 0px auto; border:none;}
 .col1 {margin:0px 0px 0px 0px; padding: 20px 0px 20px 0px; }
 .texterub {margin:0px 0px 0px 0px; padding: 20px 0px 20px 0px; }
}


 #rubrique {
display:flex ;
display:-webkit-flex ;
align-items: start;
margin: 0px 0px 0px 0px;
}

/*-- --*/


.texterub p,
.col1 p {
margin:25px 0px 5px 0px;
font-weight:500;
line-height :1.7em;
font-size:107%;
}
.col1 ul.spip {
margin:0px 0px 10px 0px;
padding:0px 0px 0px 0px;
}
.col1 ul.spip li {
margin:0px 0px 0px 0px;
padding-left:5px;
line-height :1.6em;
font-size:105%;
 font-weight: 500;
}
 
 .col1 h2.spip{
  font-size: 110%;
  font-weight: 700;
  line-height:1.7em;
  margin: 20px 0px 10px 0px;
  padding: 15px 0px 0px 0px;
  font-variant:small-caps;
 border-top: 1px solid #aaa;
 }
 
 
 .col1 h3{
  font-size: 20px;
  color: #222;
 letter-spacing:0px;
  line-height:1.5em;
  margin: 30px 10px 10px 0px;
  padding: 0px 0px 0px 0px;
 }
 
 .col1 h3 strong{  font-family: Roboto, Arial, "sans-serif"; color: #c04945; font-size: 23px;}
 .col1.chapeau {margin: 30px 0px 0px 0px; padding: 0px 0px; line-height: 2em; background: #f7f5f7; border-top: 1px dotted #666; }

 .col1 h4{
font-size: medium;
color: #ec355c;
line-height: 1.6em;
margin:25px 0px -10px 0px;
 }
 .col1 h4 a{
color: #c04945;
line-height: 1.6em;
 }
 
 @media screen and (min-width:951px){
 .col1 h5{font-size: 18px; font-weight: 500; color: #333; line-height: 1.8em; margin:30px 0px 35px 0px; padding: 0px 0px 0px 0px;  }
 }
  @media screen and (max-width:950px){
 .col1 h5{font-size: 18px; font-weight: 500; color: #333; line-height: 1.8em; margin:30px 0px 35px 0px; padding: 0px 0px 20px 0px; border-bottom: 1px solid #ccc;  }
 }
 
.col1 h5 p {
font-size: 95%;
font-weight: 600;
color: #111;
line-height: 1.7em;
margin:0px 0px 15px 0px;
 }
.col1 h5 p:first-letter {text-transform: uppercase;}

.col1 h6 {background: url(images/add_plus.png) no-repeat scroll left center; padding: 0px 0px 0px 50px; margin: 0px 0px 20px 0px; font-size: 1em; line-height: 1.7em; }
.col1 h6 a {color: green;}



@media screen and (min-width:951px){
ul.deuxcol { margin: 0px 0px 30px 0px; padding: 0px; display: block; list-style: none; }
ul.deuxcol li {columns: 2; column-gap: 50px; margin: 0px 0px 0px 0px; padding: 0px;  break-inside: avoid;}
}
@media screen and (max-width:950px){
ul.deuxcol { margin: 0px 0px 30px 0px; padding: 0px; display: block; list-style: none; }
ul.deuxcol li {margin: 0px 0px 10px 0px; padding: 0px;  break-inside: avoid;}
}

h3.typemot{ 
  font-size: 19px;
  font-weight: 500;
  color: #222;
  line-height:1.5em;
   margin: 50px 10px 10px 0px;
}

ul.motscles  {
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
display:inline;
list-style:none;
}
ul.motscles li{
color:#555;
font-size:14px;
line-height :1.6em;
margin:0px 0px 0px 0px;
padding:0px 2px 0px 2px;
display:inline block;
list-style:none;
text-align:left;
word-wrap:break-word;
}
ul.motscles li a{
background:#f7f5f7;
}
p:first-letter{
 text-transform:  capitalize;
 }
 
 .col2   {margin: 0px 0px 20px 0px; padding: 0px 0px 20px 0px; border-bottom: 1px dotted #666; }
 .col2 h3 {font-family: 'Lato', "sans-serif"; font-size: 90%; font-weight: 600; line-height: 1.7em; margin-bottom: 15px; padding-left: 5px; background: #f3eef0; }
 .col2 h3 a{color:#333; }
 .col2 h3 a:hover{color: #c04945; }
 .col2 p {font-weight: 400; margin:0px 5px 20px 0px; line-height :1.7em; font-size:14px; }
 
/*--Pour les articles--*/
@media screen and (min-width:951px){
	.wrapper {display: grid; grid-template-columns: 0.7fr 0.25fr; grid-gap: 0px 5%; grid-auto-rows:minmax(1px, auto); align-content: start; align-items: start; margin: 20px 0px 0px 0px ; padding: 0px;}
	.headers {grid-column: 1; grid-row:1; margin: 0px 0% 20px 0px;padding: 0px 40% 0px 0px; border-bottom: 1px solid #666; }
	.content {grid-column: 1; grid-row:2/40; margin: 0px; padding: 0px 0px 0px 0px; }
	#border.headers {grid-column: 1; grid-row:1; margin: 0px 0% 0px 0px;padding: 0px 0% 0px 0px; border-right: 1px dotted #666; border-bottom: 0px}
	#border.content {grid-column: 1; grid-row:2/40; margin: 0px 0px 0px 0px; padding: 20px 0px 0px 0px; border-right: 1px dotted #666;}
	.zone_titres {width: 90%; margin: 0px 0% 0px 0px;padding: 0px 30% 0px 0px; border-bottom: 1px solid #666;}
	.logos {grid-column: 2; grid-row:1/3; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; align-self: end;}
	.logoart {margin: 0px 0px 0px 0px; padding: 0px; }
	.aside {grid-column:2; grid-row: 1/4; margin: 0px 0% 10px 0%; padding: 0px 0% 0px 0%; }
	.asideup {grid-column: 2; grid-row:1/3; margin: 0px;padding: 0px 0px 0px 0px;}
	.asidebtom {grid-column: 2; grid-row:3/30; margin: 0px;padding: 0px 0px 0px 0px;}
}
@media screen and (max-width:950px){
	.wrapper {display: grid; grid-template-columns: 1fr; grid-gap: 0px 0px; grid-auto-rows:minmax(1px, auto); align-content: start; align-items: start; margin: 0px ; padding: 0px;}
	.headers, #border.headers {grid-column: 1; grid-row:1; margin:0px 0px 20px 0px;padding: 0px 0px 0px 0px; border-bottom: 1px solid #666;}
	.content, #border.content {grid-column: 1; grid-row:4; margin: 0px 0px 70px 0px;padding: 0px 0px 40px 0px; border-bottom: 2px solid #bbb;}
	.logos {grid-column: 1; grid-row:2; margin: 0px 0px 40px 0px; padding: 20px 0px 20px 0px; background: #f7f5f7; text-align: center; border-bottom: 2px solid #bbb;}
	span.logoart {margin: 0px auto; padding: 0px; }
	.logos hr.spip {display: none;}
	.aside {grid-column:1; grid-row: 5; margin: 0px 0% 10px 0%; padding: 0px 0% 0px 0%; }
	.asideup {grid-column: 1; grid-row:3; margin: 0px; padding: 0px 0px 0px 0px;}
	.asidebtom {grid-column: 1; grid-row:5; margin: 0px;padding: 0px 0px 0px 0px;}
}

p.surtitre {font-size: 90%; font-weight: 600; line-height: 1.7em; margin-bottom: 15px; padding-left: 5px;  background: #f3eef0; text-align:left; }
.headers p.surtitre {margin-bottom: 20px; padding-right: 0px; width: 90%;}
p.surtitre a {color: #353535 !important;}
p.surtitre a:after {content:"\0000a0\279A";}
ul.mots_label {margin: 0px; padding: 0px; list-style: none;}
li.label {background: url(images/label_15.png) no-repeat left 3px; margin: 0px 0px 5px 5px; padding-left: 25px; list-style: none; font-size: 90%; line-height: 1.5em; }

/*styles pour une publication en grille*/
 @media screen and (min-width:10.01in){ 
 /*#pagearticle { display: grid; grid-template-columns: 200px 5fr 2fr ; grid-gap: 0px 80px; grid-auto-rows: minmax(1px, auto);justify-content: start; align-items: start; margin: 60px 0px 10px 0px;}
 .titre2 {grid-column:1/3; grid-row: 1; margin: 0px 0% 20px 0px; padding: 0px 0% 0px 0%; }
 #logo {grid-column:1; grid-row: 2/4; margin: 0px 0px 10px 0px; padding: 0px 0% 0px 0%; }
 .couv2  { margin: 0px; padding: 0px 0px 0px 0px;  }
 .titres {grid-column:2; grid-row: 2; margin: 0px 0% 50px 0%; padding: 0px 0% 0px 0%; }
 .texte {grid-column:2; grid-row: 3/10; margin: 0px 0% 10px 0%; padding: 0px 0% 0px 0%; }
 .aside {grid-column:3; grid-row: 2/4; margin: 0px 0% 10px 0%; padding: 0px 0% 0px 0%; }
 .lesaut {grid-column:3; grid-row: 3/4; margin: 0px 0% 10px 0%; padding: 0px 0% 0px 0%; }*/


#pagearticle { display: grid; grid-template-columns: 6fr 3fr ; grid-gap: 0px 100px; grid-auto-rows: minmax(1px, auto);justify-content: start; align-items: start; margin: 40px 0px 10px 0px;}
 .couv2  { margin: 0px 0px 30px 0px; padding: 0px 0px 0px 0px;  }
 .titres {grid-column:1; grid-row: 1; margin: 0px 0% 50px 0%; padding: 0px 0% 0px 0%; width: 90%; }
 .texte {grid-column:1; grid-row: 2/10; margin: 0px 0% 10px 0%; padding: 0px 0% 0px 0%; width: 90%;}
 }
 

/* @media screen and (min-width:12.01in) and (max-width: 15in){ 
 #pagearticle { display: grid; grid-template-columns: 200px 3fr 1.2fr ; grid-gap: 0px 40px; grid-auto-rows: minmax(1px, auto);justify-content: start; align-items: start; margin: 0px 0px 10px 0px;}
 .titre2 {grid-column:1/3; grid-row: 1; margin: 0px 0% 30px 0px; padding: 0px 0% 0px 0%; }
 #logo {grid-column:1; grid-row: 2/4; margin: 0px 0% 10px 0px; padding: 0px 0% 0px 0%; }
 .couv2  { margin: 0px; padding: 0px 5% 0px 0px; float: right; }
 .titres {grid-column:2; grid-row: 2; margin: 0px 0% 30px 0%; padding: 0px 0% 0px 0%; }
 .texte {grid-column:2; grid-row: 3/10; margin: 0px 0% 10px 0%; padding: 0px 5% 0px 0%; border-right: 1px dotted #666;}
 .aside {grid-column:3; grid-row: 2/4; margin: 0px 0% 10px 0%; padding: 0px 0% 0px 0%; }
 .lesaut {grid-column:3; grid-row: 3/4; margin: 0px 0% 10px 0%; padding: 0px 0% 0px 0px; }
}
*/

 /*@media screen and (min-width:10.01in) and (max-width: 12in){ 
 #pagearticle { display: grid; grid-template-columns: 3fr 7fr ; grid-gap: 0px; grid-auto-rows: minmax(1px, auto);justify-content: start; align-items: start; margin: 0px 0px 10px 0px;}
 .titre2 {grid-column:1/3; grid-row: 1; margin: 0px 0% 30px 0px; padding: 0px 0% 0px 0%; }
 #logo {grid-column:1; grid-row: 2/4; margin: 0px 1% 10px 0px; padding: 0px 0% 0px 0%; }
 .couv2  { margin: 0px; }
 .titres {grid-column:2; grid-row: 2; margin: 0px 0% 30px 0%; padding: 0px 0% 0px 5%; }
 .texte {grid-column:2; grid-row: 3/10; margin: 0px 0% 10px 0%; padding: 0px 0% 0px 0%; }
 .aside {grid-column:1; grid-row: 4/10; margin: 0px 0% 10px 0%; padding: 0px 0% 0px 0%; }
 .lesaut {grid-column:1; grid-row: 4/10; margin: 0px 3% 10px 0%; padding: 0px 0% 0px 0%; }
}
*/

 @media screen and (max-width:10in){ 
 #pagearticle { display: grid; grid-template-columns: 1fr; grid-gap: 20px 0px; grid-auto-rows: minmax(1px, auto);justify-content: start; align-items: start; margin: 0px 0px 10px 0%;}
 .titre2 {grid-column:1; grid-row: 1; margin: 0px 0% 30px 0px; padding: 0px 0% 0px 0%; }
 #logo {grid-column:1; grid-row: 3; align-self: center; margin: 0px 0px 10px 0px; padding: 20px 0% 20px 0%; background: #f7f5f7; }
  .couv2  { margin: 20px auto 0px auto; text-align: center; background: #f7f5f7;}
  .couv2 img  { margin: 0px auto;}
 .titres {grid-column:1; grid-row: 2; margin: 0px 0% 10px 0px; padding: 0px 0% 0px 0%; }
 .texte {grid-column:1; grid-row: 5; margin: 0px 0% 10px 0px; padding: 0px 0% 0px 0%; }
  .lesaut {grid-column:1; grid-row: 4; margin: 0px 0% 10px 0px; padding: 0px 0% 0px 0%; }
}

/*Style pour les listes de publications et les partenariats*/
@media screen and (min-width:10.01in){ 
.listepublis {display: flex; -webkit-flex-flow:row wrap; flex-flow: row wrap; width: 90%; margin: 0px 0px 50px 0px; padding: 0px; border-bottom: 1px solid #ddd;}
.listecouv {flex:1; order:2; padding: 10px 0px 0px 0px; }
.notice {flex:3; order:1; background: none; border: none; margin: 0px 0px 0px 0px; padding: 0px;}
.couv1 {float:right;}
}
@media screen and (max-width:10in){ 
.listepublis {display: flex; -webkit-flex-flow: column; flex-flow: column; margin: 0px 0px 30px 0px; padding: 20px; background: #f7f5f7;}
.listecouv {flex:1; order:1; padding: 10px 0px 0px 0px; margin: 0px auto 20px auto;}
.notice {flex:3; order:2; background: none; border: none; margin: 0px 20px 0px 0px;}
 span.couv1 img { margin: 0px auto;}
}

h2.liste {color: #c04945;}
.listepublis h5 {margin: 0px 0px 10px 0px; font-weight: 600; font-size:17px; line-height:1.7em;  hyphens:none;}
.listepublis h5 p {margin: 0px 0px 15px 0px; text-align: left; font-weight: 600; font-size:l8px; line-height:1.5em; hyphens:none;}
.listepublis p {font-weight: 500; font-size:medium; line-height:1.7em; margin: 0px 0px 10px 0px;}
 span.couv1 img { -webkit-box-shadow: 0px 2px 10px #aaa; box-shadow: 2px 2px 10px #aaa;}
.publications1 {margin: 0 0 0 0%;}

h1.livre {font-size:medium; margin: 0px 0px 10px 0px; padding: 0px; font-weight: 600; color: e04945;}
 .couv2 img  { -webkit-box-shadow: 0px 2px 10px #aaa; box-shadow: 2px 2px 10px #aaa;}

.auteurs, .evenements {margin: 0px 0% 20px 0%; padding: 0px 0% 20px 10px; border-bottom: 1px dotted #bbb; }  
.auteurs {background:#f7f5f7; padding-top: 10px;}
.auteurs:hover {background:#f7f5f7;} 
  
  .auteurs h4 {font-weight: 500; margin: 0px 0px; padding: 0px 0px; font-size: 15px; color: #222;}
  .auteurs p, .evenements p { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;
   line-height:1.7em; font-size: 14px; font-weight: 600;
   color:#333; text-align:left; }


.texte p {
	font-weight: 500;
font-size:108%;
line-height:1.7em;
margin:0px 0px 30px 0px;
padding: 0px 0px 0px 0px;
text-align:justify;
 -moz-hyphens:auto;
  hyphens:auto;
}
.texte ul.spip li {
font-weight: 500; font-size:17px; line-height:1.6em;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 10px;
text-align:left;
 -moz-hyphens:none;
  hyphens:none;
}
.texte ul.spip {margin:0px 0px 0px 10px; padding: 0px 0px 0px 0px;}

 h5.publication { 
   hyphens:none;
   margin: 30px 0px 0px 0px;
   padding: 0px 0px 25px 0px;
   border-bottom: 1px solid #ccc;
   }
 
 
 h5.publication p {
font-size: 1.4em; 
line-height:1.65em;
 color:#333;
margin:0px 0px 10px 0px;
padding: 0px 0px 0px 0px;
text-align:left;
hyphens:none;
  }


.notes {
border-top: 1px solid #999;
clear: both;
color: #919191;
line-height: 1.4em;
margin:40px 10px 25px 200px;
padding:0px 0px 0px 0px;
}
#nb1{
border-top: 50px solid #fff;
margin:0px 0px 5px 10px;
padding:0;
}

#nb1 p{
color: #919191;
font-size: 1em;
line-height: 1.5em;
margin:0px 0px 0px 0px;
padding:0;
}
a.spip_note {
margin:20px 0px 25px 0px;
}



/*-----Styles pour le flux de HAL-------*/
@media screen and (min-width:10in){ 
#pagehal { margin: 20px 0px 0px 0%; padding: 0px 0px 0px 0%;  text-align:justify;}
}
@media screen and (max-width:9.9in){ 
#pagehal { margin: 20px 0px 0px 0%; padding: 0px 0px 40px 0%;  text-align:justify;}
}

 h3.hal, h3.canalU {font-family: 'Lato', "sans-serif"; font-size: 90%; line-height: 2.1em; font-weight: 700!important; text-align:left;    }
 h3.hal a, h3.canalU a {color:#444 !important;}
 /* Liens externes */
h3.hal a:after,
h3.canalU a:after {
  content: "\0000a0\279A";
}
 h3.hal {background: url(images/logo_hal_30.png) no-repeat right top; margin: 30px 0px 10px 0%; padding: 0px 0px 0px 5px; }
 h3.canalU {background:  url(images/canalU_30.png) no-repeat right center; margin: 30px 20px 10px 0%; padding: 0px 0px 0px 5px; }
 
#pagehal p { 
 font-size: 14px;
  font-weight: 400;
  margin: 0px 0px 0px 0px;
  padding-left: 0px;
  line-height: 1.6em;
  color:#555;
  text-align:justify;
}


/*-----fin du style pour de flux de HAL----------*/
/*-----fin du style de la rubrique publications----------*/


/*style pour l'affichage des listes de membres*/
@media screen and (max-width:720px){ 
#pagemembres1 {order:2; width:95%;  margin: 0px 0% 10px 20px; }
#pagemembres1.headers {width:95%; order:1; margin: 0px 0% 20px 0px;}
#pagemembres2 {order:1; width:95%; margin: 0px 0% 10px 0%; border:none;}
.pagemembres1 {border: none;}
}

@media screen and (min-width:721px){ 
#pagemembres1 {order:1; width:60%;  margin: 0px 0% 10px 0px;}
#pagemembres1.headers {width:61%; order:1; margin: 0px 0% 20px 0px;}
#pagemembres2 {order:2; width:35%; margin: 0px 0% 10px 0%; }
.pagemembres1 {border-right: 2px dotted #666;}
}

 
#nom { 
margin: 5px 0px 2px 0px;
padding:0px 0px 0px 0%;
}

#nom a{ 
display:align-items: top;
font-size:16px;
  }
  
#nom strong {
font-weight: 500;
 font-size:15px;
color:#222;
 }
 
#nom p { 
 font-size:14px; 
 line-height:2em; 
   letter-spacing:0px;
   text-align:left;
margin: 0px 0px 0px 0px;
padding: 0 0px 0 0px;
color:#333;
 hyphens:none;
 break-inside:avoid;
 border-bottom: 1px dotted #bbb;
}
#nom p:hover {background: #f7f5f7; }


/*-------------------------------------------------------------*/
/*----style pour l'affichage des pages perso ------------------*/
/*-------------------------------------------------------------*/


#pperso h1  {
font-size: 200%;
font-weight: 700;
color: #222;
line-height: 1.6em;
margin: 20px 45px 5px 0%;
padding: 0px 0px 0px 0px;
width: 85%;
  }

#pperso.zone_titres {width: 95%; padding: 0px 0px 20px 0px;}
#pperso.cartouche {padding-right: 0%;}
.entete {margin: 0px 0px 0px 0px; padding: 0px; text-align: left;}
.entete p {font-size: 97%; font-weight: 600; line-height: 1.8em; margin: 0px 0px 0px 0px; padding: 0px; text-align: left;}

 h2.pperso  {
margin: 25px 0px 40px 0px;
padding: 4px 0px 2px 3px;
  font-weight:700;
  font-size: small;
  text-transform: uppercase;
  color: #fff;
  background:#939999;  
  font-family: 'Nunito', "sans-serif";
 }
 
 @media screen and (min-width:951px){
	h2.pperso  { line-height:1.5em; }
	#pperso hr.col2 {max-width: 300px;}
 }
 @media screen and (max-width:950px){
	h2.pperso  { line-height:1.8em; }
	#pperso.texte {border: none;}
 }

	#pperso h3  {font-family: "Nunito", "sans-serif";
margin:20px 30% 20px 3px;
padding: 0px 0px 0px 0px;
 color: #111;
 }
 
/*#pperso h2.spip  {font-size: 105%; line-height: 1.9em; font-weight: 700; margin: 35px 0% 20px 0px; padding: 0px 20% 0px 5px; border: none; background: #f7f5f7; }*/

#pperso.col1 {margin:0px 0px 0px 0px; padding: 0px 0px 20px 0px; width: 95%;}
#pperso.col1 p.surtitre {display:none;}

#pperso.col1 .listepublis {width: 99%;}
#pperso.col1 h5.listepublis {margin: 0px; padding: 0px; border: none;} 
#pperso.col1 h5.listepublis p, #pperso.col1 p.petit {font-size: initial; border:none; margin-top: 0px; padding: initial;}


 #pperso blockquote.spip {margin: 0px 0px 5px 0px; padding: 0px; line-height:1.5em; background: none; border: none;}
 #pperso blockquote.spip p,
 #pperso blockquote.spip li {font-weight:400; line-height:1.5em; font-size:95%; } 
 #pperso blockquote.spip p strong {font-weight:500; }

  #pperso ul.spip { margin: 0px 0px 5px -3px; padding: 0px 0px 0px 0px; list-style-position: outside;}
  #pperso ul.spip li {margin: 0px 0px 10px 5px; padding: 0px 0px 0px 0px; font-size: 105%; }
  #pperso ul.spip li ul.spip {list-style-image: initial; margin-left: 13px;}
  #pperso ul.spip li ul.spip li {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 5px; list-style-type: circle; font-size: 93%;   }

  #pperso.logoart {text-align: center; margin: 0px auto;}
  .contacter h6 {background: url(images/mail_25.png) no-repeat scroll left center;
	padding: 0px 0px 0px 35px; margin: 50px 0px 20px 0px; font-size: 1em; font-weight: 600; line-height: 1.7em; }

  .nav h6 {background: url(images/menu_page_25.png) no-repeat scroll left center;
	padding: 0px 0px 0px 35px; margin: 30px 0px 20px 0px; font-size: 1em; font-weight: 600; line-height: 1.7em;}
	
	#pperso.listedomaines {border: 0px solid #bbb; background: #f1f1f1; padding: 10px; margin: 10px 0px;}
  #pperso h6.domaine {background: url(images/label_important_25.png) no-repeat scroll left center;
	padding: 5px 0px 5px 35px; margin: 0px 0px 15px 0px; font-size: 1.07em; font-weight: 500; line-height: 1.7em;}
	
  #pperso h6.ident {
	padding: 4px 4px 3px 5px; margin: 30px 0px 5px 0px; font-size: 1em; line-height: 2em; }
  h6.ident::before {content:"ID"; font-size: 85%; padding: 4px 5px 0px 5px; border: 1px solid #888; border-radius: 4px; margin-right: 10px; background: #666; color:white;}
  

  #pperso.navsub ul {margin: 0px 0px 0px 25px; padding: 0px; }
  #pperso.navsub ul li {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 10px; font-size: 95%; font-weight: 500; list-style:none;}
  #pperso.navsub p {margin: 5px 0px 5px 12px; padding: 5px 0px; font-size: 90%; font-weight: 500; line-height: 1.5em; text-align: left; border-top: 1px dotted;}
  #pperso.navsub p a {color: #333;}
  #pperso.col2 p {font-weight: 500;}
  #pperso.col2 p.surtitre {margin-right: 0px;}
  #pperso.col2 ul.spip {margin: 0px 10px 20px 15px; padding: 0px; list-style:none;  }
  #pperso.col2 ul.spip li {font-size: 90%; font-weight:600; margin: 0px 0px 0px 0px; padding: 10px 0px 10px 0px; line-height: 1.7em; border-bottom: 1px dotted #777;}
   #pperso.col2 ul.spip li:last-child {border:none; padding-bottom: 0px;}
  #pperso.col2 p.label {margin-left: 10px;}
  #pperso.datetop {text-align: left; margin-left: 10px;}
 

 .sommaire {display: none;
position:relative;
margin: 30px 0px 5% 0px;
padding-left:0%;
 padding-top:20px;
padding-bottom:20px;
 }


/*fin de pages perso*/

 
/*Pour les listes de thèses*/
.theses { display: block; list-style: none; margin: 20px 30px 50px 0px; padding: 0px 0px;}
.theses p {font-size: 16px; font-weight: 500;  line-height: 1.6em; margin: 0px 0px 5px 0px; padding: 0px 0px;}
.theses p strong {font-weight: 600;font-size: 17px;}

 /*pour les listes de direct. de thèses (commun aux 3 équipes)*/ 
.dirthese { 
margin: 0px 3% 5px 0%;
padding: 0px 0% 5px 0px;
width:70%;
  }
  
.dirthese p {font-weight: 500; line-height: 1.5em; font-size: 15px; }



/****rubrique 37=rubrique contacts **/

 @media screen and (min-width:951px){ 
 #contacts {display: grid; grid-template-columns: 0.7fr 0.3fr; grid-gap: 0px 50px; align-content: start; align-items: start; margin: 0px; padding: 0px;}
.contact1 {grid-column: 1 ; grid-row: 1; border-right: 1px dotted #666; padding: 0px 0px 0px 0px;}
.contact2 {grid-column: 1 ; grid-row: 2; border-right: 1px dotted #666;}
.contactnav {grid-column:2 ; grid-row: 1/4; }
 }
 
  @media screen and (max-width:950px){ 
  #contacts {display: grid; grid-template-columns: 1fr; grid-gap: 0px 0px; align-content: start; align-items: start; margin: 0px 20px; padding: 0px;}
.contact1 {grid-column: 1 ; grid-row: 1; }
.contact2 {grid-column: 1 ; grid-row: 3; }
.contactnav {grid-column:1 ; grid-row: 2; }
 }


 

/***Style pour la liste des colloques et JE**/ 

@media screen and (min-width:951px){ 
.colloques {display:flex; flex-direction:row; align-items:start; margin: 20px auto 10px 0px; padding: 20px 0px 20px 0px; width: 90%; border-bottom: 1px solid #ddd; }
.visuel, .visueleven {flex:1; order:2;  padding: 0px 0px 0px 0px; }
.visuel img {float:right;}
.visueleven img {-webkit-box-shadow: 0px 10px 5px #858585; box-shadow: 0px 10px 5px #ccc; float:right;}
.resumeven {flex:3; order:1; margin: 0px 50px 0px 0px; padding: 0px 0px 30px 0px; max-width: 650px;}
}
@media screen and (max-width:950px){ 
.colloques {display:flex; flex-direction:column; margin: 0px 0px 50px 0px; padding: 20px ; }
.visuel, .visueleven {flex:1; order:1; margin: 0px auto 40px auto; padding: 20px 0px 30px 0px; text-align: center; background: #f7f5f7;}
.resumeven {flex:1; order:2; margin: 0px 40px 0px 0px;}
}


.colloques:hover {background: #edf3fe;}

.resumeven h3 {color: #d55; font-size: larger; font-weight: 500; margin-top: 0px; padding-top: 0px;}
.resumeven p { margin-bottom: 0px; line-height :1.6em;}
.resumeven {font-weight:500; color:#222; text-align: left; line-height: 1.6em; }
.resumeven a { color:#222;}
 
 .colloques ul.motscles  {
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
display:inline block;
list-style:none;
}
 .colloques ul.motscles li {
font-size:90%;
font-weight:500;
line-height :1.5em;
margin:0px 0px 0px 0px;
padding:0px 2px 0px 0px;
list-style:none;
text-align:left;
color:#555;
word-wrap:initial;
}


/*--Pour les articles d'événements: --*/


 #article {
display:flex ;
display:-webkit-flex ;
align-items: start;
margin: 0px 0px 0px 0px;
}

span.evenements{
   float: right;
  margin: 20px 30px 40px 5px;
  padding: 0px 0px 0px 0px;
  -webkit-box-shadow: 0px 10px 5px #ccc;
  box-shadow: 0px 10px 5px #ccc;
  }

/*-- --*/

/***Style pour les séminaires**/



 h3.evenements{
  margin: 0px 30px 20px 0px;
  padding: 0px 0px 0px 0px;
  border:none;
  }
 h3.evenements a { font-family: 'Roboto', "sans-serif"; font-weight:500; line-height: 1.6em;
  margin: 10px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  } 
	h6.colloque {
  color:#222;
  font-size: 16px;
  line-height :1.6em;
  margin: 25px 0px 10px 0px;
  padding: 0px 0px 0px 0px;
 }
  h6.colloque p{
  color:#000;
  font-size: 16px;
  line-height :1.8em;
  margin: 10px 0px 8px 0px;
  border:none;
 }
/* Pour le chapo */
 .entete h5  {
 margin:0px 0px 0px 0px;
padding: 0px 10px 0px 0px;
line-height :1.6em;
font-size:17px;
color:#000;
  font-weight: 500;
  text-align:left;
}

 .entete h5 p {
	font-family: 'Lato', "sans-serif";
 margin:0px 0px 20px 0px;
padding: 0px 10px 0px 0px;
line-height :1.8em;
font-size:17px;
color:#323232;
  font-weight:600;
  text-align:left;
}
/* Pour les pièces jointes */
.docjoint {margin: 40px 0px 0px 0px; padding: 30px 0px 10px 0px; border-top: 2px solid #ccb;}
ul.pdf {display: block; list-style: none; margin: 0px 0px 0px 0px; padding: 10px 5px 5px 5px; background:#939999;}
ul.pdf li {display:block;  background: url(images/download_25.png) no-repeat right top; font-size:93%; font-weight:600; color:white; line-height: 1.7em; 
	margin:0px 0px 10px 0px; padding: 0px 10px 0px 5px;} 
ul.pdf li a{color: #fff !important; padding-right:15px; }
ul.pdf li a:hover {text-decoration: underline;}


#evenement.headers {width: 90%; margin: 0px; padding: 0px 0px 10px 0px;}
#evenement.headers h1,#evenement.headers h2 {margin: 0px 30% 0px 0px; padding: 0px 0px 15px 0px;}
#evenement.col1 h5 {margin-bottom: 0px;}

  /*Pour la date des colloques en haut des événements*/
  .nextseance {font-weight:600; line-height :1.5em; text-align: left; border-bottom: 1.5px dotted #111;
  margin: 10px 0px 40px 0px; 
  padding: 0px 0px 30px 0px;
  }
 
 @media screen and (min-width:951px){
  .nextseance p.dateheure {background: url(images/calendar_month_36.png) no-repeat right center; line-height: 48px; font-size: 105%; font-weight:700; margin: 0px 0% 5px 0px; padding: 0px 0px 0px 0px; }
 }
  @media screen and (max-width:950px){
  .nextseance p.dateheure {line-height: 48px; font-size: 117%; font-weight:700; margin: 0px 0% 0px 0px; padding: 0px 0px 0px 0px;  }
 }
  .nextseance p.lieu {font-size:1em; margin: -10px 0px 0px 0px; text-align: left; line-height: 1.6em; }
  .nextseance a:hover {text-decoration: underline;}
 
/*logo*/
span.logo_even {float: left; /*max-width: 250px;*/ }
span.logo_even img { -webkit-box-shadow: 2px 2px 10px #ccc; box-shadow: 2px 2px 10px #ccc; margin-left: 0px;}

/*pour le descriptif aside bottom*/
 li.descripteven {list-style:none; margin:0px 0px 30px 0px; padding: 20px; font-size: 14px; text-align: left;}
 li.descripteven p {text-align: left;}
  li.descripteven ul.spip {margin: 0px 0px 20px 0px; padding: 0px;}
  li.descripteven ul.spip li {margin: 0px; padding: 0px 5px; font-size: 14px;}
  li.descripteven h3 {margin: 0px 0px 20px 0px; padding: 0px 0px; font-size: large; font-weight: 700; color: #cc5555}
  li.descripteven h3.spip {margin: 0px 0px 10px 0px; padding: 0px 0px; font-size: 1em; color: #222; background: none;}
  
  ul.datesem {margin: 40px 0px 50px 0px; padding: 30px 0px; border-top: 2px solid #ccb; border-bottom: 2px solid #ccb;}
  li.seances {list-style: none; margin: 0px 0px 10px 0px; padding: 10px 0px 20px 0px; font-size: 90%; font-weight: 600;line-height: 1.5em; border-bottom: 1px solid #ccc; }
  li.seances:last-child {  margin-bottom: 0px; padding-bottom: 0px; border: none;  }
  ul.datesem p {text-align: left; font-weight: 400; margin: 0px 0px 0px 0px; line-height: 1.5em; font-size: 90%;}

 


/*style pour l'agenda*/
.agenda { margin: 0px 0px 0px 0px; padding: 0px 0% 0px 0%; } 

#sommaire p.titre_even {
font-size: 14px;
font-weight: 500;
line-height: 1.5em;
margin: 5px 0px 0px 0%;
padding: 0px;
}


.agenda h2.spip a:hover, p.titre_even a:hover{ background:#f7f5f7; }
 
.agenda h4{
font-family: 'Lato', 'sans-serif';
   font-weight: 500;
  text-align:left;
margin:0px 0px 0px 0px;
line-height :1.6em;
font-size:13px;
color:#333;
 }

#agenda h4 a:hover{  color: #c04945;  }

 .agenda p.date_even { font-size: 15px; font-weight: 500; color: #222;}
 p.a_venir { font-size: 15px; font-weight: 500; margin: 0px; padding-left: 10px;}
 .agenda p {
  font-size: 14px;
  line-height:1.6em;
  text-align: justify;
  margin: 0px 0px 0px 0px;
  color: #222;
  hyphens:auto;
  }
  
  .agenda p.lieu {margin: 5px 0px 0px 0px; color: #444;}

  ul.liste-items {list-style:none; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; }
  li.item {list-style:none; 
		margin:0px 10px 30px 0px; padding:10px 10px 10px 10px; font-size: 14px;}

.agenda li.item {background: #f7f5f7;}
.agenda li.item:hover {
background: #edf3fe;
border-radius: 5px;
}
 
/****Style pour l'index******/
/*----Pour la page index------*/
  ul.listemots { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; list-style-image:url(images/puce005.gif);}
  ul.listemots li {font-size:16px; font-weight: 500; line-height:1.7em; margin: 0px 20px 10px 10px; padding: 0px 20px 0px 20px; }
  ul.listemots p {font-size:15px; line-height:1.7em; margin: 0px 20px 10px 0px; padding: 0px 20px 0px 0px; color:#222; }

@media screen and (min-width:1401px){ 
#navigation input.box {width: 300px; height: 40px; }
#navigation form {padding: 20px; background: #f7f5f7;}
}
@media screen and (min-width:981px) and (max-width:1400px){ 
#navigation input.box {width: 250px; height: 40px; }
#navigation form {padding: 5px; background: #f7f5f7;}
}

@media screen and (min-width:421px) and (max-width:980px){ 
#navigation input.box {width: 300px; height: 40px; }
#navigation form {padding: 15px; background: #f7f5f7;}
}

@media screen and (max-width:420px){ 
#navigation input.box {width: 270px; height: 40px; }
#navigation form {padding: 20px 10px; background: #f7f5f7;}
}

/*----Pour la page mot----*/

 h2.index {font-family: 'Roboto', "sans-serif"; font-weight: 500; margin: 30px 0px 20px 0px; padding: 20px 0px 5px 5px; border-bottom: 1px solid #ccc; background:#f3eef0;  }
 h3.index {font-size: 22px; color: #c04945; line-height:1.5em; margin: 20px 0px 20px 0px; padding: 0px 0px 0px 0px; }
 p.index {font-size:16px; font-weight:500; line-height: 1.7em; text-align:justify; hyphens:auto;}
 p.index a:focus {background:#444; color:#f3f3f3;}

 .index h6 {font-size:15px; line-height:1.7em; color:#777; text-decoration:underline; margin: 0px 0px 10px 0px; padding:0px 0px 0px 0px; background: none;}
 
 .index #nom p {border:none;}
 .index ul.spip  {list-style-image:url(images/puce005.gif) left center; margin: 0px 0px 0px 20px; padding: 0px 0px 0px 0px;}
 .index ul.spip li {line-height:1.6em; font-size: 15px; font-weight:500; color:#555; padding: 0px 0px 0px 5px; }
  p.index2 {margin: 0px 0px 0px 0px; text-align:left; }
  

 /*--Pour la page Rechercher--*/
  ul.search {list-style: none; margin: 30px 0px 50px 0px; padding: 0px;}
  ul.search li {margin: 0px 0px 10px 0px; padding: 0px; line-height: 1.7em; font-size: 1em; font-weight: 500; color: #444; }
  
  ul.search li strong.on a {background: none !important; }
  ul.search li a:hover { text-decoration:underline;  }
  ul.search a.voir { background: f1f1f1; color: ;  }

/****titres génériques******/
 h1,h2 {font-family: 'Nunito', "sans-serif";}
 h3, h6,
	h6 a {font-family: 'Roboto', "sans-serif"; font-weight: 500;}
	h2.spip, h5, h5 p, h5 p a {font-family: 'Lato', "sans-serif";}
	
h1{font-weight: 600; font-size: 1.7em; color: #222; line-height:1.7em; margin: 0px 5% 0px 0px; padding: 0px 0px 15px 0px; }

h2{
  font-weight: 600; font-size: 1.3em; color: #222; line-height:1.4em;
  margin: 0px 1% 0px 0px;
  padding: 0px 0px 15px 0px;
 }
 
 h2.spip{
    font-size: 110%;
  font-weight: 700;
  line-height: 1.7em;
  margin: 20px 0px 10px 0px;
  padding: 15px 0px 0px 0px;
  font-variant: small-caps;
  border-top: 1px solid #aaa;
 }
 
 h2 a{
color: #444;
}
 h2 a:hover{
color:#c04945;
}
 h2:first-letter,
 h3:first-letter,
 h4:first-letter,
 h5:first-letter,
 h6:first-letter{
 text-transform: uppercase ;
 }

 h4 {font-size: large; font-weight: 500; color: #e04945; line-height:1.6em; margin: 20px 45px 5px 0%; padding: 0px 0px 0px 0px; width:85%; }


img {max-width: 100%;}
/***Accessoires****/

.accessibility {
  display: none;
}

.clearer {
  clear: both;
}

ul.spip {
 list-style-image:url(images/puce005.gif) ;
}
li.spip {  
}
hr, hr.spip { margin: 40px 0px; color: #ccc;}


.pagination {margin:20px auto 40px auto; text-align: center;}
ul.pagination-items {
  text-align:center;
margin:0px auto 0px auto;
font-size:medium;
color:#555;
display:inline-block;
}

.pagination.lien_pagination,
li.pagination-item {
  margin: 0px 10px 5px 10px;
  padding: 5px 10px 5px 10px;
  border:1px solid #ccc;
  display: inline;
  list-style:none;
}

.pagination a.lien_pagination:hover {
background:#333;
color:#fff;
}

.pagination .on{
background:#333;
color:#fff;
   
}

.prev a{
  margin: 0px 0px 5px 0px;
  font-size:small;
color:#555;
width:70%;
}
.prev a:hover{color:#fff;}

.next a{
  margin: 0px 5px 5px 10px;
  font-size:small;
color:#555;
width:70%;
}
.next a:hover{color:#fff;}



.spip_doc_descriptif { clear: both; margin-right: auto; margin-left: auto; font-size: 0.90em; }


div.separateur  {  
height: 50px; 
   margin: 0px;
 }
 
 .docjoints {
background:url(images/puce005.gif)no-repeat left;
background-position: 2px 9px;
line-height: 1.5em;
margin: 0px 0px 8px 20px;
padding-left: 16px;
}

 span.spip_documents {width: 100%; background: #f3f3f3; }
 .spip_documents_left {margin: 10px 30px 20px 0px; }  
 .spip_documents_right {margin: 10px 0px 20px 30px; } 
 .spip_documents_center { text-align: center;
  display: block;
  clear: both;
  width: 100%;
 margin: 1.385em auto;}

.spip_note {
 margin: 15px 1px 3px 1px;
 font-size:0.9em;
  color:#777;
}

 
 p.suite {
 font-size:small;
 margin:-5px 20px 0px 0px;
 text-align:left;
 }
 
 div.datetop {
   font-family: Lato, Tahoma, Arial, "sans-serif";
  color: #333; 
   font-size:12px;
  line-height: 1.3em;
  text-align:right;
  margin: 15px 20px 3px 1px;
  background:none;
  }
  
  div.espace{margin-top:40px;}


span.vignette {
  float: left;
  margin: 15px 30px 30px 10px;
  padding: 0 0px 0px 0px;
  -webkit-box-shadow: 0px 10px 8px #bbb;
  box-shadow: 0px 10px 8px #bbb;
}

  
  div.logosite {
  margin: 10px 0px 35px 0px;
  padding: 10px 20px;  
  border: 1px solid #ccc;
  background: #f3f3f3;
}
  
  span.couv {
  float: left;
  margin: 0px 45px 0px 10px;
  padding: 0px 0px 0px 0px;
  -webkit-box-shadow: 0px 10px 5px #bbb;
  box-shadow: 0px 10px 5px #bbb;
  color: #313131;
}
 /*  span.affiche {
  float: left;
  margin: 20px 50px 20px 20px;
  padding: 0px 0px 0px 0px;
}

*/

/*span.afficheA {
    float: right;
    margin: 20px 0px 0px 50px;
    padding: 0 0px 20px 0px;
	}

 div.affichedr {
  text-align: center;
  margin: 0px 20px 10px 20px;
  padding: 0px 0px 0px 0px;
}

span.contact {
  float: right;
  margin: 0px 15px 15px 0px;
  padding: 0 0px 0px 0px;  
  color: #313131;
}
*/

.motscles  {
margin:0px 0px 0px 0px;
padding:0px px 0px 0px;
}

.motscles p{
font-family: lato, "Roboto_Light", Tahoma, Arial, "sans-serif";
font-size:0.9em;
color:#444;
}

.motscles ul  {
margin:0px 0px 0px 0px;
padding:0px px 0px 0px;
display:inline;
list-style:none;
}
.motscles li{
font-family: lato, "Roboto_Light", Tahoma, Arial, "sans-serif";
font-size:13.5px;
line-height :1.6em;
margin:0px 0px 0px 0px;
padding:0px 2px 0px 2px;
display:inline;
list-style:none;
text-align:left;
word-wrap:break-word;
}
.motscles li a{
background:#f7f5f7;
}


 .espace{margin-top:25px;}
 

 #up {position:sticky; z-index:12; bottom:10px; right:0px; margin: 0px 10px 10px 0; padding: 0px 0px 0px 0; float:right; background:transparent; }
 #up span.haut {font-family: 'lato'; font-weight:700; display: block; font-size: 2.2em; background: #666 ;
                float:right; text-align:center; color: white; width: 40px; height: 30px; margin: 0px auto 0px auto;  padding: 10px ; }
 span.haut a {color: white !important; }



/*onglets pour l'accès aux rubriques de l'intranet*/
.ongletsdoc ul {
margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 60px;
  width: 700px;
  float: right;
 padding: 5px 30px 0px 10px;
 }

.ongletsdoc li {
   float: right;
  display: inline;
  margin: 25px 10px 0 10px;
  }
 
.ongletsdoc li a{
 margin-top: 0px;
  padding: 25px 10px 25px 10px;
  color: #444;
  font-weight: 600;
 font-family: Arial;
 font-size: 1.3em;
 line-height: 1.3em;
 background: ;
 text-decoration: none; 
   -o-border-radius: 70px;        
  -moz-border-radius: 70px;
  -webkit-border-radius: 70px;
  border-radius: 70px;  
  -o-transition: all 0.3s ease-in-out;        
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;  
 }
  
.ongletsdoc li a:hover{ 
 color: #ffffff;
 background: #E97A87;
 border: 2px solid #DF5B5D; 
} 

 .suite {
 font-size:0.95em;
 text-align:right;
 margin: 0 20px 0 0;
 }
  .suite a{ 
 color:#c04945; text-decoration: none;}
 
.suite a:visited, 
.suite a:hover {color:#c04945; text-decoration: underline;}

 
 /*** Styles de pied de page ***/

#pied-de-page {
display:flex ;
display:-webkit-flex ;
display:-webkit-flex-flow:row wrap;
display:flex-flow:row wrap;
align-items: start;
margin: 50px auto 10px auto;
	width:70%;
 }
 #pied1 {
	 order:2;
	width:30%;
margin-top: 40px 0px 0px 0px;
padding: 0px 0% 0px 0%; 
 }
 .pied1  {
margin:0px 1% 10px 0px;
padding: 10px 0px 10px 0px;
 }
 .pied1 ul {  margin: 10px 5px 0px 0px; padding: 0px 0px 0px 0px; list-style:none;}
 .pied1 li { 
  font-size: 13px;
  font-weight: 500;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: #111;
 text-align: left;
 line-height:1.5em;
 }
 .pied-de-page2 {
	order:1;
   width:60%;
   margin : 40px auto 0px auto;
   padding : 0px 10px 0px 10px;  
}

.pied-de-page2 ul {
    list-style-type:none;
    margin : 0px 0px 15px 0px;
    padding: 0px 20px 5px 0px;
}

.pied-de-page2 ul li {
    display:inline;
	margin : 0px 20px 0px 0px;  
	padding : 55px 40px 3px 20px;
}
 .pied { 
  width:50%;
  font-size: 13px;
  font-weight: 500;
	margin: 0px 100px 0px 20%;
	padding: 20px 0px 0px 0px;
	color: #111;
	text-align: left;
	line-height:1.8em;
	border-top: 1px dotted #333;
 }
#pied-de-page a,
#pied-de-page a:visited,
#pied-de-page a:hover {color: #555;text-decoration: none;} 
  #pied-suite {
 width:20%;
margin-top: 20px 0 10px 0;
padding: 0px 0% 0px 0%;
display: none;
 }
   #pied-suite h3{
	   display: none;
 font-family: "Roboto_condensed", "sans-serif";
   font-weight: 500;
  text-align:left;
margin: 0px 20px 0px 0px;
line-height :2em;
font-size:18px;
color:#111;
}

 
#pied-suite p {
	display: none;
  font-size: 12px;
  line-height:1.5em;
  text-align: left;
  margin: 5px 20px 0px 0px;
  color: #555;
  }