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

   layout.css
   Disposition des blocs principaux
   cf.: http://romy.tetue.net/structure-html-de-base

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

.spip-admin-float {
	right: 60%;
}

/* Elements principaux
------------------------------------------ */
body { text-align: center; } 
.page { position: relative; width: 960px; max-width:95%; margin:0 auto; text-align: left;  }
.header {}
.main { padding: .5em 0; background:#fff; border-radius: 4px; box-shadow: 0px 1px 4px #666; min-height:645px;   }


/* largeur calculee du wrapper: 960*70%  = 672px */
.wrapper { clear: both; float: right; width: 76%; overflow: hidden; margin:0; }
.content { min-height: 600px; padding: 0em 1.5em 0 0; }
/* largeur calculee du aside: 672px / 3 = 224px = 23.333 %*/
.aside { float: left; width: 23%; padding:0 .5em; }    
.invisible { display:none; font-size:0;}
.clear{ clear:both; margin:0; padding:0; font-size:0;}

/* Entete
------------------------------------------ */
.header { position:relative; margin:0; padding:0; min-height:100px; }
.header .logosite { position:absolute; top:0; lef:0; margin:0; padding:0; z-index:2; }
.header .spip_logo_site { display: block; margin: 1.4em 0; line-height: 1; font-weight: bold; padding:0; width:85%; float:right; color: #0477BF; }
.header .spip_logo_site,
.header .spip_logo_site a,
.header .spip_logo_site a:hover { background: transparent; text-decoration:none; color: #0477BF; text-align:center; }
.header .spip_logo_site a:hover  {color:#c85000;}
.header .spip_logo_site a:hover img {opacity:0.7;}
.header .spip_logo_site {margin-bottom:0;}
.header #slogan { margin: 0; width:70%; float:right; }
.headtool { position:absolute; top:.5em; right:0; width:220px; height:30px; }
.headtool img.spip_logo { border-radius:0; margin: 0px 0 0 4px; float:right;  }
#formulaire_recherche { margin:0; float:left;  }
.formulaire_menu_lang { position: absolute; right: 0; top: .9em; display: block; width: 30%; }

/* colonne gauche menu agenda
------------------------------------------ */
.nav {
width:100%; 
height:330px; 
margin: 2em 0em 0em 0em; 
display: flex; 
flex-flow: column wrap; 
justify-content:space-between; 
align-items: stretch; 
position:relative;
z-index:8; 
color:#666; 
padding-top:3em; }
.navlist a { padding:0.25em; margin:0; color:#666; font-size:1.1em; position:relative;}
.li:first-letter { }
.navlist .on { text-decoration: none; color:#666;  font-weight: bold; }
.navlist a:hover { text-decoration: none;  color:#0477BF;}
.nav ul.ssrub { display:none;  margin:0.2em 0em; padding:1em; }
.nav ul.ssrub li { list-style:none; background-color: rgba(4, 119, 191, 0.8); color: #fff; padding:.4em 0em .4em 1em; display:block; }
.nav ul.ssrub li a { color:#fff; }
.nav ul.ssrub li a:hover { color:#ddd; }
.nav ul li { position:relative; }
.nav ul li.navlist:hover { background-color: rgba(4, 119, 191, 0.2); }
/* .nav ul.ssrub li:hover { background-color: rgba(4, 119, 191, 0.8); } */
.nav ul li:hover ul.ssrub { 
display:block; 
position:absolute;
left:150px;
top:-40px;
min-width:385px;
font-size:.8em;
font-weight:normal;
z-index:10;
 }
.nav ul li:focus ul.ssrub { 
transition-delay: 2s;
 }

 
 
.agenda {width:95%; box-shadow: 2px 2px 3px #CCC; -webkit-box-shadow: 2px 2px 3px #CCC; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; padding:.8em .8em .8em 0; margin-top: .8em; height:298px;}
.agenda h2 a { color:#0477BF; margin-bottom:.5em;font-size:0.7em;}
.agenda h2 a:hover { color:#666;}


/* homepage module actus & job
------------------------------------------ */
.flexslider {width: 100%;  margin: 0; padding: 0; position:relative; z-index:3;}
.flex-caption {width: 90%; padding: 2%; position: absolute; left: 0; bottom: 0; background: rgba(102,102,102,.6); color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.3); font-size: 14px; line-height: 18px; text-transform:uppercase; border-radius: 0px 5px 5px 0; -webkit-border-radius: 0px 5px 5px 0; -moz-border-radius: 0px 5px 5px 0; -o-border-radius: 0px 5px 5px 0;}



.actus {width:75%; box-shadow: 2px 2px 3px #CCC; -webkit-box-shadow: 2px 2px 3px #CCC; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; padding:.8em 0 0 0; margin-top: 1.5em; float:left; height:300px; overflow:hidden }
.actus h2, .job h2  {padding-bottom:.2em; color:#0477BF; font-family: 'Cabin', sans-serif; font-weight:700; margin-bottom:.1em; }
.actus a:hover h2, .job a:hover h2  {color:#666;}
.actus a , .job a { text-decoration:none; }
.job {width:20%; box-shadow: 2px 2px 3px #CCC; -webkit-box-shadow: 2px 2px 3px #CCC; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; padding:.8em .8em 0 0; margin: 1.5em 0.5em 0.5em 0; float:right; height:300px;}
.actus h2 .spip_logos, .job h2 .spip_logos { margin-right:.8em; }
.actus h3, .job h3  {padding:.4em 0 .2em 0; color:#666; font-family: 'Cabin', sans-serif; font-weight:600;}
.actus h3 a {color:#0477BF;}
.actus h3 a:hover {color:#666;}
.actus h4{ color:#F29000; font-weight: bold; margin:0; font-size:1.1em;}
.actus h5{ color:#333; font-weight: bold; margin:0em; padding:.2em; font-size:.8em;}
.actus p{ margin:0; text-align:justify; font-size:1em;}
.actus img{ margin: 0 .2em .2em 0;}
.actus hr{ margin:.1em 0;}
.plus { margin:0; margin-top:-2ex; text-align:right; padding:0 }
.plus a{ text-decoration:none; font-weight:bold; font-size:1.1em;}
.job li { margin: 1em auto; padding:1em 0;}
.news-item .spip_logos { margin-right:.5em}
/* .news-item { min-height: 220px; } */


.panel-default { height:280px;  position:relative;}
.panel-body { height:260px;  overflow:hidden; padding-right:.4em;}
.panel-footer { background-color:#fff; position:absolute; bottom:0; z-index:4; width:100%; height:20px; padding:.2em 0 0 .5em; box-shadow: -1px -4px 4px #ddd;}
.pagination > li:first-child > a, .pagination > li:first-child > span {
	margin: .2em;
	padding: .4em;
	background:url(../../IMG/png/down.png) no-repeat; width:20px; height:16px;
}
.pagination > li:first-child > a:hover {
	opacity:.5;
}
.pagination > li:nth-child(2) > a, .pagination > li:nth-child(2) > span {
	margin: .2em;
	padding: .4em;
	background:url(../../IMG/png/up.png) no-repeat; width:20px; height:10px;
}
.pagination > li:nth-child(2) > a:hover {
	opacity:.5;
}
.pagination > li > a, .pagination > li > span {
	float: left;    
	position: relative;
	text-decoration: none;
}


/* footer et sitemap
------------------------------------------ */
.footer { clear: both; padding: .5em .5em 0 .5em ; margin:0;  color:#fff; position:relative; }
.partner{ margin:0; padding:0; float: right; width:100%; }
.partner img { float: right; margin:.4em; }
.footer .colophon { position:absolute; bottom:0; height: 25px; width: 30%; margin-left: 30%; color:#666; z-index:10; }
.footer .generator { float: right; }
.footer a { color:#666; }
.footer a:hover { color:#0477BF; }
#sitemap{ position:absolute; bottom:0; cursor: pointer; width:40%; z-index:8;  }
#sitemap a{ color:#fff; }
#sitemap a:hover{ color:#ccc; }
#sitemap .action{ color:#fff; background-color: rgba(4, 119, 191, 1); -webkit-border-radius: 5px 5px 0px 0px; -moz-border-radius: 5px 5px 0px 0px; -o-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px; position:relative; bottom:0; padding: .2em .4em; margin:1em 0 0 0; cursor:  pointer; text-align:center; max-width:40%;    }
#sitemap ul.plan { display:none; width:400px; text-align:left; background-color:none; }
#sitemap ul.plan li { font-size:1em; list-style:none  }
#sitemap ul.plan2 li { font-size:.8em; padding-left:.8em; list-style:none  }
#sitemap .action:hover { background-color: rgba(4, 119, 191, 0.8); max-width:90%; transition: background-color 2s ease-in 0.5s, max-width 1s ease-in 0.5s ; }
#sitemap .action:hover > ul.plan { display: block; position: relative; }


/* rub 4 equipes
------------------------------------------ */
.team li{ min-height:90px; list-style-type:none; margin:1em 0em;}
.team li img{ margin:.5em 1em .5em 0em;}
.team li h2{ margin:0;}
.team li a{ text-decoration:none;}
.team li p{ margin: 0em 4em 0em 4em; text-align:justify;}
.color2 a, .color7 a{ color:#f29000; font-size:.8em;}
.color3 a, .color8 a { color:#93176d; font-size:.8em;}
.color4 a, .color9 a { color:#0477bf; font-size:.8em;}
.color2 a:hover, .color7 a:hover, .color3 a:hover, .color8 a:hover, .color4 a:hover, .color9 a:hover{ color:#999; font-size:.8em;}
.logoteam{ width:60px; height:90px; float:left; margin:.5em 1em .5em 0em;}


.documents_joints h3 {font-size: 1em; margin: 0 0 0.2em 1em; font-weight: bold;}

/* sousrub 4 pages equipes
------------------------------------------ */
h6.group { text-align:right; margin:0 0 1em 0;}
.teamannu {margin: 2em 0; border-bottom:solid 1px #999; padding:1em 0;}
.teampub {margin: 2em 0; padding:1em 0;}
.teamannu h3 img, .teampub h3 img, h3.picto img{ margin-top:-10px;}
.lettrine img{ margin:.5em .5em .5em 0;}


/* rub 14 seminaires
------------------------------------------ */
a.semune{ text-decoration:none}
h2.sem { border-bottom:solid 2px #0477BF; color:#0477BF; }
.semg{float:left; width:60%; margin: 1em 0em; font-size:.9em;}
.semd{float:right; width:35%; margin: 1em 0em; font-size:.9em;}
a.boutton { padding:.5em 1em; background:#0477BF; border-radius:.25em; color:#fff; text-decoration:none;}
a.boutton:hover { background-color: rgba(4, 119, 191, 0.8); color:#ddd;}
h3.datelist {color:#0477BF; font-size:1.5em;}
h3.dateshift { margin-bottom: -1em; }
h3.eventlist {
/*color:#0477BF; */
font-size:1em; border:none; margin: .2em 0;}
.horaire { font-size:1em; font-weight:bold; margin: .2em 0;}
h3.title {background-color: rgba(4, 119, 191, 0.5); color:#fff; padding:.4em; margin: .3em 0em .1em; border-radius: 4px;}
.desc { text-align:justify; font-size:.9em; margin: 1em 0em;}
.semg li { margin-bottom:1em;}
h2.titlelist { font-size:1.1em; margin: .4em 0em; text-align:justify;}
.lieu {background-color: rgba(4, 119, 191, 0.2); color:#666; padding:.1em .5em; border-radius: 4px;}
.lieu h4 {margin-bottom: .1em;}
.desc { text-align:justify; padding:0 .5em 0 0;}

/* page seminaires archives seminaires
------------------------------------------ */
.archive { font-size:.9em;}
h3.an{background-color: rgba(4, 119, 191, 0.5); color:#fff; padding:.4em; margin: .5em 0em; text-align:center;}
h4.mois{ padding:.4em; margin: .5em 0em; text-align:center; font-size:1.2em;}
.ical-plus { float: right;}

/* page actualites
------------------------------------------ */
/*.themactu { width:50%; float:right;  color:#0477BF; font-size:.8em; text-align:right; padding:0; margin:0;} */
.themactu { width:100%; color:#0477BF; font-size:.8em; text-align:right; padding:0; margin:0;}
.themactu a {color:#0477BF;}
.horaire { width:100%;}
/*.eventlist .event .themactu { margin-top: -2em; margin-bottom: 1em; }*/

/* plugin HAL page équipes et publications
------------------------------------------ */
.hal-form-recherche-wrapper { font-size:.75em; background-color: rgba(4, 119, 191, 0.4); padding:1em .5em .5em .5em; background-image:url(../../IMG/png/search_picto.png); background-position:right top; background-repeat:no-repeat;}
.hal-recherche input.submit { border:solid 1px #fff; color:#fff; }
.hal-filtre li { margin:.5em 0em .5em 0em; font-size:.8em;}
.hal-filtre label { color:#333; font-weight:bold; }
.hal-nb-resultats { margin-top:1em;}

/* pages annuaires 
------------------------------------------ */
h2.annutitre{ color: #0477bf; font-size:1.2em; margin:.8em 0 .5em 0; border-bottom:solid 2px #0477bf;}
/*.annutitre:first-child{ color: #0477bf; font-size:1.2em; margin:.8em 0 .5em 0; border-bottom:none;}*/
ul.choixannu { text-align:right;}
ul.choixannu li { display:inline; padding:.2em;}
ul.choixannu li a { color:#fff; padding:.2em .4em; background-color:#0477bf;  -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px;}
ul.choixannu li a:hover { color:#fff; padding:.2em .4em; background-color:#999;  -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px;}

table.annuaire, table.annualpha {margin:.2em 0; width:100%; text-align:left; font-size:.9em;}
table.annuaire tbody tr th,
table.annuaire tr td { background: none; }
table.annuaire tr.odd td, table.annualpha tr.odd td { background: #EED; }
table.annuaire tr:hover td, table.annualpha tr:hover td {background: #999; color:#000;}
table.annuaire thead th, table.annualpha thead th { background: none; border: 1px solid; border-width: 1px 0; }
table.annuaire tr.row_even, table.annualpha tr.row_even {background: #eee;}
table.annuaire td:first-child { width:16%;}
table.annuaire td:nth-child(2) { width:18%; text-transform:uppercase;}
table.annuaire td:nth-child(3) { width:24%; }
table.annuaire td:nth-child(4) { width:16%; text-align:justify; padding: 0 2em; font-family:Arial, Helvetica, sans-serif;}
table.annuaire td:nth-child(5) { width:10%;}

table.annualpha td:first-child { width:18%; text-transform:uppercase;}
table.annualpha td:nth-child(2) { width:16%; padding-left:1em; }
table.annualpha td:nth-child(3) { width:24%; padding-left:.2em;  }
table.annualpha td:nth-child(4) { width:22%; text-align:justify; padding: 0 2em; font-family:Arial, Helvetica, sans-serif; font-size:.9em;}
table.annualpha td:nth-child(5) { width:10%;}

/* page personne
------------------------------------------ */
.photoperso { float:left; margin-right:1em; width:18%;}
.coordperso { float:left; width:78%; }
.functionstitleperso {float: left;}
.functionsperso {display: block; margin-left: 5.1em;}
ul.perso { margin:0 0 .5em 0; font-size:.9em; }
ul.perso a { color:#0477BF;}
ul.perso a:hover { color:#666;}
ul.perso small { font-size:1em; color:#999;}
.perso-presentation { text-align: justify;}

/* page agenda
------------------------------------------- */
abbr[title], acronym[title] {
border-bottom: none;
text-decoration: none;
cursor: auto;
}

/* agenda surcharge de minical.css page agande jour mois
------------------------------------------ */
.calendriermini { margin:0 0 0 .4em; }
.calendriermini .ui-datepicker-buttonpane button { display:none; }
.ui-state-highlight a:hover{background: #F29000;color: #666;border-color:#F29000;}
.eventlist {border-bottom:solid 1px #0477bf; margin:.5em 0; }
.ui-datepicker-calendar thead { text-transform:uppercase;}

/* Thierry Masson */
p a:link,
p a:visited,
p a:hover,
p a:active {
		text-decoration: underline;
		color: #666;
}

p.pagination a {
		color: #fff;
		text-decoration: none;
}
/* Fin Thierry Masson */


/* Gabarit d'impression
------------------------------------------ */
@media print {
    .page,
    .wrapper,
    .content { width: auto; }
    .nav,
    .arbo,
    .aside,
    .footer { display: none; }
}

/* Affichage sur petits ecrans  
Cf.: http://www.alsacreations.com/astuce/lire/1177
------------------------------------------ */

/* largeur pour tout �cran et de maximum 767px */
@media screen and (max-width: 767px) {
	body {   	width: none;		padding: 0 20px; font-size:1em;	} /*modification du font-size � 1, modification du padding de 20px a 10px pour observer tous les informations sur petit et grand �cran et du width de 100% � none*/ 
	.page {  	width: none;  	max-width: none; font-size:1em;	} /*modification du font-size � 1 et du width de 100% � none*/
}
 
/* largeur pour tout �cran et de maximum 640px */
@media (max-width: 640px) {
     /* layout */
	---------------------------
		/*modification du font-size � 1*/


    .wrapper{font-size:1em},
    .content{font-size:1em},
    .aside {font-size:1em},
    .content{font-size:1em},
    .aside {font-size:1em}}

    /* Passer a une seule colonne (a appliquer aux elements multi-colonnes) */
    .nav ul li a { float: none; border: 0; }
    .arbo { display: none; }
    .footer .colophon { width: auto; float: none; }
    .footer .generator { display: none;font-size:1em;} /*modification du font-size � 1*/

    /* header du calendrier full-calendar */
    table.fc-header td { display: block; text-align: right; font-size:1em;}/* modification du font-size � 1*/

}

/* fin */