/*  ----------------------------------------------------------------
 *	import des feuilles de style specifiques aux squelettes inclus
 *	----------------------------------------------------------------
 */
@import "cartouche.css";	/* fil d'Ariane, titres, sous-titres...  */
@import "entete.css";		/* Leo, baniere et barre d'en-tete  */
@import "forums.css";		/* forums et pétitions  */
@import "navigation.css";	/* encadres (menu de navigation, encarts...)  */
@import "plan.css";			/* plan du site  */
@import "une.css";			/* page d'accueil  */


/*  ----------------------------------------------------------------
 *	generalites
 *	----------------------------------------------------------------
 */

html {									/* par defaut : margin et padding nuls  */
	background-color : #FFFFE0 ;		/* couleur de fond : le jaune "cancoillotte" le plus clair  */
	font-size: 100%;					/* pour etre sûr que toutes les tailles de police heritent de la taille par defaut (16px)  */
}

body {									/* par defaut : margin de 6 ou 7 pixels, padding nul  */
	margin : 0 ;
	min-width : 1000px ;				/* assure une largeur minimale (sans image "spacer")  */
	/*	Pour l'ensemble du site, les tailles de polices seront exprimees en fractions de la taille par defaut
		afin de pouvoir etre redimensionnees, ameliorant ainsi l'accessibilite du site.
		Cette definition nous donne une police de base de 12px (si la police par defaut est de 16px),
		avec les memes familles de polices que le forum.	*/
	font : 0.80em/1em Helvetica, "Comic Sans MS", "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif ;
}



/*  ----------------------------------------------------------------
 *	Positionnement des principaux blocs
 *	----------------------------------------------------------------
 */

/*	2 cadres principaux : en-tete et corps  */
#bloc-entete {
	position : relative ;				/* bloc positionne (afin de contenir ses enfants) en relatif (pour rester dans le flux)  */
	z-index : 20 ;						/* "altitude" du bloc : au-dessus du corps et sous le Leo  */
	text-align : center ;				/* le contenu est centre par rapport au bloc  */
	height : 200px ;					/* hauteur de 200 pixels (pour l'instant), afin d'accueillir une baniere et une barre de navigation  */
}

#bloc-corps {
	position : relative ;				/* bloc positionne (afin de contenir ses enfants) en relatif (pour rester dans le flux)  */
	z-index : 10 ;						/* "altitude" du bloc : à ras du sol ! ;-)  */
}


/*  contenu du bloc-corps  */

#bloc-principal {						/* bloc principal, destine à accueillir le contenu des pages SPIP  */
	position : relative ;				/* bloc positionne (afin de contenir ses enfants) en relatif (pour rester dans le flux)  */
	z-index : 12 ;						/* "altitude" du bloc : au-dessus du corps et sous l'en-tete  */
	margin-left : 240px ;				/* marge gauche >= largeur du bloc-navigation, afin que les articles ne passent pas sous les menus de navigation  */
	padding-left : 5px ;				/* espacement permettant d'aligner le cote gauche du cadre avec celui du Leo  */
}

#bloc-navigation {						/* bloc "navigation" : accueillera les menus lateraux pour l'acces aux rubriques et à l'espace redacteurs  */
	float : left ;						/* positionne à gauche en flottant (hors du flux, mais contenu dans le bloc-corps puisque celui-ci est positionne)  */
	z-index : 13 ;						/* "altitude" du bloc : au-dessus du corps et sous l'en-tete  */
	width : 230px ;						/* largeur proche de celle du Leo  */
	margin-top : 110px ;				/* marge haute permettant d'eviter de chevaucher le Leo  */
	padding-left : 5px ;
}

#bloc-encarts {							/* bloc "encarts" : accueillera les menus lateraux droits pour la navigation laterale  */
	float : right ;						/* positionne en flottant (hors du flux, mais contenu dans le bloc-corps puisque celui-ci est positionne)  */
	z-index : 30 ;						/* "altitude" du bloc : au-dessus du bloc principal  */
	width : 230px ;						/* largeur fixe, proche de celle du menu de navigation (à voir...)  */
	margin-left : 10px ;
}

#bloc-pied {							/* pied de page  */
	clear : both ;						/* le bloc se placera sous les blocs flottants precedemment generes (=> ne recouvrira ni menu, ni encart)  */
	position : relative ;				/* bloc positionne (afin de contenir ses enfants) en relatif (pour rester dans le flux)  */
	z-index : 11 ;						/* "altitude" du bloc : au-dessus du corps et sous l'en-tete  */
	border-top : solid thin black ;
	background : #ff9 ;
	padding : 15px ;
	margin : 0 ;
	text-align : center ;
	font-size : 0.75em/1em ;
}



/*	----------------------------------------------------------------
 *  contenu du bloc-pied
 *  (inutile d'avoir un fichier css separe pour si peu...)
 *	----------------------------------------------------------------
 */

#bloc-pied li {
	display : inline ;					/* affichage horizontal */
}



/*  ----------------------------------------------------------------
 *	Contenu principal des pages
 *	----------------------------------------------------------------
 */

#contenu {
	margin : 25px 0 10px ;
	padding-right : 10px ;
	text-align : justify ;
	line-height : 1.3em ;				/* pour aérer le texte  */
}

#chapo {
	margin : 10px 230px 10px 0px ;		/* marges haut, droite, bas et gauche  */
	padding : 12px 5px ;
	overflow : hidden ;
	line-height : 1.3em ;
	/* le fond sera en degrade sur Firefox, Chrome et Safari, mais en bleu sur I.E.  */
	background : #D0E0FF url("http://www.cancoillotte.net/images/cancoillotte2010/gradient.gif") repeat-x ;
}

.carte_gis {							/* cartes GoogleMaps  */
	width : 100% ;
	height : 350px ;
}

#portfolio {
	display : inline ;
	margin-top : 10px ;
	overflow : hidden ;
	line-height : 1.3em ;
}

#portfolio h2 {
	border-top : 1px dashed #444 ;
	padding-top : 5px ;
}

#ps {
	margin-top : 10px ;
	margin-bottom : 15px ;
	font-style : italic ;
	line-height : 1.3em ;
	color : #34A ;
}

#ps h2 {
	border-top : 1px dashed #444 ;
	padding-top : 5px ;
}

#desc_site {
	padding-left : 40px ;
}

.pagination {
	padding : 10px 0 ;
}

.rub-liste {
	margin-top : 2px ;
	line-height : 1.1em ;
}

#page_login, #newsletter {
	width : 400px ;
	margin-top : 25px ;
	margin-left : 50px ;
}

/*  ----------------------------------------------------------------
 *	Typographie generale
 *  (les css importes ont des regles specifiques)
 *	----------------------------------------------------------------
 */

p {
	font-size : 1em/1em ;
}


/*	liens	----- */
/* sauf exception (comme l'encart listant les articles freres), les liens sont en bleu et en gras  */

a, a:visited {
	color: #017 ;
	font-weight: bold ;
	text-decoration: none ;
}

a:hover, a:focus {
	color: #017 ;
	font-weight: bold ;
	text-decoration: none ;
	background: #bdf ;
}

.fond_bleu a:hover,
.fond_bleu a:focus {
	background: #FFFFE0 ;
}


a img {
	border: none ;					/* pour supprimer les cadres bleus autour des images qui sont contenues dans des liens */
}


/*	titres	----- */

h1{
    /* Par defaut, ce texte s'affichera à 20px */
    font: bold 2em/1em "Arial black", "Trebuchet MS", Arial, Helvetica, sans-serif;
    color : #017 ;
    margin : 5px 0 ;
}

h2{
    /* Par defaut, ce texte s'affichera à 15px */
    font: bold italic 1.5em/1em ;
    color : #017 ;
	padding-top : 15px ;
}

h3{
    /* Par defaut, ce texte s'affichera à 12px */
    font: bold 1.25em/1em Arial, Helvetica, sans-serif;
    color : #017 ;
}    

input, select, textarea{
    font-size : 100% ;					/* retour à une taille de police de 100% pour que les formulaires s'affichent correctement  */
}