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

   perso.css
   Modifications personnelles 
   " au theme par defaut de SPIP 3.1 
   2014 - theme neodist - collectif SPIP "

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



/*-------------------------------------------------------------
début modifs au layout.css: 
1. changement width 960px
---------------------------------------------------------------*/
.page { 
	position: relative; 
	width: 1280px; 
	max-width:95%; 
	margin:2em auto; 
	text-align: left;  
}


/* 2. modif aux " Elements principaux"
suppression de border-top
--------------------------------------*/
.footer { clear: both; padding: 1em 0 0; margin:1em 0 0 0; border-top:none; }


/* 3. largeur calculee du wrapper: 960*70%  = 672px 
Changée en 1280*70% = 784 px
--------------------------------------------------*/
.wrapper { clear: both; float: left; width: 78%; overflow: hidden; }
.content { min-height: 350px; }

/* 4. largeur calculee du aside: 672px / 3 = 224px = 23.333 %
changée en 1280px / 224px = 18 %
-------------------------------------------------*/

.aside { float: right; width: 18%; overflow: hidden; }   
/*--------------------------------------------------------------
fin des modifs au layout.css: 
---------------------------------------------------------------*/


/* modif au theme.css
---------------------------------------------------------------*/
body{
	background-color:#fff;
    background-image: linear-gradient(RGBa(142, 150, 152, 1), RGBa(142, 150, 152, 0.1));
	background-repeat:no-repeat;
}

.header{
	background-image:url(img/header-fond.jpg);
	height: 140px;
	margin: 0.5em 0;
	padding: 0.5em;
	/*border: 0.20em outset #c76e15;*/
	border-radius: 0.5em;	
}

.header .spip_logo_site{
	color: #4e2a11;
	text-shadow: 0px 0px 0.1em #c76e15;
}

.page{
	background-color:#fff;
	border-radius: 0.5em;
	
}

.nav{
	padding: 0.5em;
	/*border: 0.10em solid #000; */
	border-radius: 0.5em;
	
}

.wrapper{
	margin: 0.5em;
	padding: 0.5em;	
	border-radius: 0.5em;
	box-shadow: 8px -8px 12px RGBa(162, 187, 209, 1);	
}

.aside,
.footer{
	background-image:linear-gradient(#a2bbd1, #4d789f);
	padding: 0.5em;
	border-radius: 0.5em;
}

.aside{
	margin-right:0.5em;	
}

/*-----------------------------------------------------------------------------------
 recharge de la fin de layout.ccs
 changement .wrapper width: 100%
 ----------------------------------------------------------------------------------*/

/* 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{ width: 95%;}
    .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 */