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

   layout.css
   Disposition des blocs principaux
   Le PIC SPIP 3.2.11 - 15/5/2021

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

body {width:100%;height:100%;margin:0;padding:0;background-color:#d7e6f8;background-image:url('img/bandeau2.png'); background-repeat:repeat-x;}

 
/*------------------------------------------------
 bandeau supérieur, entete et barre de navigation
 -----------------------------------------------*/

.header {display:block;width: 100%;height:100px;}
#bandeau{max-width:1000px;height:100px;margin:0 auto;}
#bandeau img {margin:3px 3px 0 3px;}
#bandeau a:hover {opacity:0.7;}
.infotitres {float:left;width:200px;margin:0 3px; height:100px;}
#container{max-width:100%;height:48px;margin:0 auto;}

/* Recherche en cliquant sur l'icone */
.recherche-trigger { 
	position:fixed;top: 175px;right: 20px;display:block; width:38px; height:36px; cursor:pointer; padding:0; visibility:visible; background-image:url(img/search.png); opacity: 0.5; Z-index:10;
}
.recherche-trigger:hover { opacity: 1;}
.recherche {
	position:fixed; top:125px; right:61px;height:90px; width:210px; padding-left: 10px;
	background:#e4e4e4;	visibility:visible; display:none; Z-index:10;
	border: 2px blue solid;
}


/* fonctions additionnelles */
.special {clear:both; float:right; margin-right:.9%; margin-bottom:0.15%;}
.itemspe{margin:7px auto; font-size:14px;}
.itemspe a{
	float:left; color:#fff; background-color:#485C96;padding: 3px 0 3px 5px;width:57px; border-radius:7px; box-shadow:2px 2px 0px #eee;text-decoration: none; font-weight:normal;
}
.itemspe a:hover, #itemspe a:focus{background-color:#bfe2e5; color:#040B6a;font-weight:bold;}

.choix_plateforme p a{margin-left:40px; height:10px; padding: 10px 5px;}


/* Navigation horizontale racine du site */
.main_nav {max-width:1000px;margin:0 auto;}
.main_nav a.item{color:#040b6a; text-decoration: none; font-weight: normal;}

.item {background-color:#F7FAFD;}

.item_expo,
.item{
	float:left; display:block; width:20%; line-height:1.1em; padding:2px 0; margin-top:5px;
	text-transform:uppercase; font-size:14px;
	text-align:center; color:#040b6a; border-radius:7px; box-shadow: 2px 2px 0px #aaa; }
.item_expo,
a:hover.item_expo/*,
.cont_expo*/{background-color:#040b6a; color:#fffbee; } /*********************/

a:hover.item,
a:focus.item { background-color:#bfe2e5; font-weight: bold;}

.formulaire_menu_lang { position: absolute; right: 0; top: .9em; display: block; width: 30%; }

/*---------------------------------------------------
 centre des pages:navigation contextuelle et contenus
 ----------------------------------------------------*/

#main {display:block;width:100%;
	max-width: 1000px;
	min-height:400px;
	margin:6em auto;} 
	
.main {float:left;display:block;width:75%;max-width: 760px;padding-left: 10px;}

#footer {float:left;display:block; width:100%;/* height:600px;*/ margin-top:50px;background-color:#97BBEC;}
#footer .colophon {width:300px; margin:8px auto;}
#footer .colophon .logo{margin: 0 10px 7px 10px;}
#footer .colophon p {text-align: center; margin: 0 0 8px 0;line-height:1.8em;}
#footer .colophon a {font-size:16px; padding:5px;}
.colophon a:focus {background-color: transparent!important;}
 
.wrapper { clear: both; float: left; width: 70%; overflow: hidden; }
.content { min-height: 350px; }
.aside { float: right; width: 25%; overflow: /*hidden*/auto; }


/*formulaires de contact*/ 
#contenus-articles #formulaire_spip form, #contenus-articles #formulaire_spip form fieldset {
	float:left;display:block;width:300px;text-align:left;border:0;margin:0;}


/* Gabarit d'impression
------------------------------------------ */
@media print {

.wrapper,
.content { width: auto; }
.nav,
.arbo,
.aside,
.footer { display: none; }
}

/* Affichage sur petits ecrans
Cf.: http://www.alsacreations.com/astuce/lire/1177
------------------------------------------ */
@media (max-width: 590px) {

/* passer tous les elements de largeur fixe en largeur automatique */
body,

.header,
.wrapper,
.content,
.aside { width: auto !important; margin: auto !important;}


/* Déplacement du bloc fonctions */
#main{margin-top: 100px;}
.main {width:94%; padding:0;}


/* Passer à une seule colonne (à appliquer aux elements multi-colonnes) */
.content,
.aside { clear: both; float: none !important; width: auto !important; }
.nav ul li a { float: none; border: 0; }
.arbo { display: none; }

/* header du calendrier full-calendar */
table.fc-header td { display: block; text-align: left; }

}

/* end */