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

   Theme pour la feuille de style du Cresppa

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

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



body {
background:rgba(28,189,199,0.4);
 margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}


a:link {color:#067790; text-decoration: none; border:none;}
a:focus, a:visited,
a:active {color:#067790; text-decoration: none; border:none;}
a:hover {color:#999;  text-decoration: none; border:none;}
 




}
/* Menu */
@media screen and (min-width:500px) and (max-width:12in){ 
#nav {background: url(images/GTM/cresppa-gtm-moy.png) #FFF no-repeat center 65px; }
.allerequipes {display:none;}
}
@media screen and (max-width:499px){  
#nav {background: url(images/GTM/cresppa-gtm-petit.png) #FFF no-repeat 80px 70px; }
.allerequipes {display:none;}
}

  /*** Styles pour le sommaire ***/

#sommaire h2 {color: #067790; }  
.une h3 {color: #D45E3A; }

.une h4 {color:#111; }
.une h4 a{color:#111; }
.une h4 a:hover{  color: #c04945;  }

#right h2{color: #067790; }
#right h3 {color:#333;}
  
#right h3.spip {color: #4A0F0F; }
#right h3.spip a {color: #D45E3A;}
#right h4 a:hover{  color: #c04945;  }


 
/*---Syle pour la rubrique Présentation---*/




/*Style pour les publications*/


/*style pour l'affichage des listes de membres*/


/*style pour l'affichage des pages perso*/
#pperso h6.domaine {color:#067790;}

 
/*-----------Style générique pour les rubriques----------*/

.col1 h3 {color:#D45E3A;}
.col1 h4{color: #D45E3A; border-bottom:1px dotted #589482;}
.col1 h6 {color:#D45E3A;} 

.col2 {border-bottom: 1px dotted #B9DCDC; } 



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

#progrsem h3 {color: #222;} 
#progrsem h3.spip {color:#D45E3A;}

/*style pour l'agenda*/
#agenda h3.spip {color: #4A0F0F;}
#agenda h3.spip a:hover{color: #c04945;  }
#agenda a{color:#4A0F0F; }
#agenda h4 a:hover{color: #c04945;}
#agenda li.agenda {color: #C04945;}



/****titres génériques******/


/***Accessoires****/
.suite a {color:#A50021; font-weight:400;}
.suite a:hover {text-decoration: underline;}




     
/* entete */

 .bgheader {  
 display:flex ;
display:-webkit-flex ;
display:-webkit-flex-flow:row wrap;
display:flex-flow:row wrap;
display:align-items: top;
  margin: 20px 0px 0px 0px;
  padding:0px 0px 10px 0px; 
 background:-ms-repeating-linear-gradient(to bottom, white,white 170px, rgba(28,189,199,0.4) 170px, rgba(28,189,199,0.4) 340px);
 background:-webkit-repeating-linear-gradient(to bottom, white,white 170px, rgba(28,189,199,0.4) 170px, rgba(28,189,199,0.4) 340px);
  background:repeating-linear-gradient(to bottom, white,white 170px, rgba(28,189,199,0.4) 170px, rgba(28,189,199,0.4) 340px);
 } 


 #equipes {
 background: url(images/GTM/logo_gtm2.gif) no-repeat 10px 40px  ;  
text-align:left;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
width:310px; 
}
#equipes a {
font-family:  "Roboto_condensed", Arial, Helvetica, "sans-serif";
  font-weight: 600;
  color: #333; 
}
#equipes a {
font-family:  "Roboto_condensed", Arial,  "Lucida_grande", Helvetica, "sans-serif";
  font-weight: 500;
  color: #222; 
}
 #equipes p{
 font-family:  "Roboto_medium", Arial,  "Lucida_grande", Helvetica, "sans-serif";
text-align:left;
  font-size: 25px; 
  font-weight: 500;
  color: #222; 
text-align:left;
margin:135px 0px 10px 10px;
line-height:1.2em;
}

  
#header {
display:flex ;
display:-webkit-flex ;
-webkit-flex-flow:row wrap;
flex-flow:row wrap; 
margin-top:30px;
	margin-left: 2%;
	margin-right: 2%;
	margin-bottom: 20px;
width:640px ;
 height:200px;
  padding: 20px 0px 0px 0px; 
  background:#fff;
  border:1px solid #666;
  -o-box-shadow:15px 10px 1px #111;
  -moz-box-shadow:15px 10px 1px #111;
  -webkit-box-shadow:15px 10px 1px #111;
  box-shadow:15px 10px 1px #111;
 
}


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

 #header h1 a,  #header h1 a:hover,
#header h1{ 
  }

 #centre{
 width:336px;
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_Light", Arial,  "Lucida_grande", Helvetica, "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;
  }

 .bgheader p{
width:210mm;
background:none;
font-family: tahoma, Arial, Helvetica, "sans-serif";
text-align:right;
  font-size: 10pt;
  font-weight: normal;
  color: #555;
  line-height:20px;
  margin: 0px 10px 0px 2px;
  padding: 0px 0px 0px 0px;
  }
  
.logoheader2 {
background:url(images/CRESPPA/accueil.gif) no-repeat;
float: left;
margin: 0px 10px 0px 0px;
}

.barre {
  width:100%;
  height:50px;
  background: #E9573F;