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

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

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

/* Elements principaux
------------------------------------------ */
html{ ;
}

body { background:url("/fichiers/fond_site.png") no-repeat center center fixed;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
background-size:cover;
text-align: center; 
border-top: 5px solid; border-bottom: 5px solid;
margin:8px;}

.page { position: relative; width: 90%; margin: 0 auto;padding:0; text-align: left;  }

.header {opacity:0.6;}

.main { width:100%; display:inline-block; padding: 1em 0 0 1em; background: transparent;border-radius:15px;  }

.footer { clear: both; padding: 2px 10px 2px 10px; margin-bottom:8px;
	border-radius:15px; border: 1px solid; background-color:#6A8598; color:#000000; }

.wrapper { background: transparent; clear: both; float: left; overflow: hidden;width:95%;}

.contentsommaire { min-height: 350px;width:100%; background: transparent; opacity:0.9;}

.content { min-height: 350px;width:98%; background: transparent; opacity:0.9;background-color:#8A9C8B;box-shadow:2px 2px 4px 2px #000000; 
	border-radius: 10px; border: 1px; padding-right:6px;padding-left:6px;}


#contentG {float:left;min-width:350px;width:46%}
#contentD {position:absolute;left:55%;min-height: 350px; min-width:350px;opacity:0.9;width:42%}

#logo {margin-bottom:0;}
#logo a,a:hover {background:transparent;}
.colonne {background-color:#6A8598; opacity: 0.9; color: #000000; border-radius:15px; border: 1px;height: 40px; 
	line-height:40px; text-align:center;}

.h2 entry-title {font-weight:bold; padding: 2px 2px 2px 2px;}

.aside { display:none;float: right; width: 25%; overflow: hidden; }

  
/* Entete et barre de navigation
------------------------------------------ */
.header { padding-bottom: 1.5em;  }
.header .spip_logo_site { display: block; margin: 0; line-height: 1; font-weight: bold;  }
.header .spip_logo_site,
.header .spip_logo_site a,
.header .spip_logo_site a:hover { background: transparent; text-decoration:none; color:#222; }
.header .spip_logo_site a:hover  {color:#c85000;}
.header .spip_logo_site a:hover img {opacity:0.7;}
.header .spip_logo {margin-bottom:0;}
.header #slogan { margin: 0; }

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

.nav {width:100%; background-color:#6A8598; border: solid #000000; border-width: 2px; border-radius: 30px; padding:1px 1px 1px 1px; text-align:center;}
.nav ul {}
.nav ul li {display:inline;}
.nav ul li a {padding:4px 4px 4px 4px;
	text-decoration: none; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#000000;border-radius:10px;}
.nav ul li a:focus,
.nav ul li a:hover {background-color:#8A9C8B;}
.nav ul li a:active {background-color: #38454E;font:#000000; }

/* Pictogramme maison
--------------------- */
#homecjm:active img  {background-color:#38454E);}
#homecjm:hover img {background-color:#8A9C8B);}


/*Menu déroulant
----------------*/
#menu-deroulant, #menu-deroulant ul{padding:0;margin:0;list-style:none;text-align:center;border-radius:10px;}
/*Titres
--------*/
#menu-deroulant li{display:inline-block;position:relative;border-radius:10px;font-size:18px;}
/*Items des titres
------------------*/
#menu-deroulant ul li{position:relative;display:inherit;border-radius:0;z-index:1;opacity:0.9;width:100%;}
#menu-deroulant ul li:hover{border-radius:10px;}
/*Bordure du dernier item
-------------------------*/
#menu-deroulant ul li:last-child{border-radius:0 0 10px 10px;}
#menu-deroulant ul {position:absolute;max-height:0;left: 0;right: 0;overflow:hidden;
-moz-transition: .8s all .3s;
-webkit-transition: .8s all .3s;
transition: .8s all .3s;}

#menu-deroulant li:hover ul{max-height:40em;}
#menu-deroulant ul{background-color: #6A8598;
background-image:-webkit-linear-gradient(top, #6A8598 0%, #38454E 100%);
background-image:linear-gradient(to bottom, #6A8598 0%, #38454E 100%);}

#menu-deroulant li li {background:#6A8598;
background-image:-webkit-linear-gradient(top, #6A8598 0%, #38454E 100%);
background-image:linear-gradient(to bottom, #6A8598 0%, #38454E 100%);}

#menu-deroulant li:hover, #menu-deroulant li li:hover{background:#6A8598;}
#menu-deroulant a {text-decoration:none;display:block;padding:8px 32px;color:#000000;}
#menu-deroulant ul a{padding:8px 0;}
#menu-deroulant li:hover li a{color:#000000;text-transform:inherit;}
#menu-deroulant li:hover a, #menu-deroulant li li:hover a {color:#000;}

.icone-menu-deroulant {height:30px;vertical-align:middle;padding-right:10px;}




#articles_recents ul li {background-color:#8A9C8B; box-shadow:2px 2px 4px 2px #000000; 
	border-radius: 10px; border: 1px; margin-bottom:80px;margin-left:30px; padding: 6px; }

#formulaire_recherche { clear:both; top: 50px; right: 50px; border: 0; }

.footer .colophon { float: left; height: 40px; width: 70%; margin: 0;margin-bottom:8px; }
.footer .colophon a:hover { background-color:#8A9C8B;color:#000000; }
.footer .generator { float: right; }
.footer .generator a { padding: 0; background: none; }

/* 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 maximum 767px */
@media (max-width: 767px) {
	body {   	width: 100%;		padding: 0 20px;	}
	.page {  	width: 100%;  	max-width: none; 	}
}
 
/* largeur maximum 640px */
@media (max-width: 640px) {
     /* layout */
    .wrapper,
    .content,
    .aside { width: 100%;}
    .content,
    .aside { clear: both; float: none; width: 100%; }

    /* 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; }

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

}

/* fin */