/* ~(°_°)--> POUR PAGES ECRAN : TOUTES LES PAGES <--(°_°)~ */

/*Pour imprimer correctement les bandeaux de rubriques */
#tetiere {
	margin:0;
	padding: 0;
}

body {
	background: White;
	font-size: 0.85em;
	font-family: Arial, Verdana, Geneva,  Helvetica, sans-serif;
}

/* Compteurs à zéro*/
* {
	padding: 0;
	margin: 0;
}

a img {
	border: 0;
}

							
/*Conteneur "global" pour centrer la page en largeur */
#global {
	width: 950px;
	height: 600px;
	margin-left: auto;
	margin-right: auto;
}

/*Conteneur menu horizontal*/
#menu	{
	position: relative;
	z-index: 50;
	top: 45px;
	left: 0px;
	/*height:16px;*/
	width: 950px;
	text-align: center;
	margin: 0;
	padding: 0;
	/*border: solid 1px grey;*/
}


#menu ul {
	list-style: none;
}


#menu li, #menu li a {
	display: inline; /* pour placer les item du menu sur une seule ligne */
	font-size: 1em; 
	color: #CC0033;
	font-weight:  bold; 
	font-style: italic;
	text-decoration: none;
	padding: 0 0.7em 0 0.7em;
	margin: 0;
}

#menu li a:hover {
	color: black;
}


/*Conteneur du contenu spécifique à chaque page  */

#conteneur-central {
	z-index: 1;
	position: relative;
	top: 43px;
	left: 0;
	width: 950px;
}


/* Zone de contenu gauche : commun aux rubrique "ateliers" et "angles arrondis" */

/* Le conteneur local de la zone */

#conteneur-gauche {
	position: relative;
	top: 50px;
	left: 85px;
	width: 540px;
}

#conteneur-gauche p {
	color: black;
	font-size: 1.32em; 
	/*font-weight: bold;*/
	text-align: justify;
	padding: 25px 0 0 0;
}


/* les sous-menus de gauche */
#conteneur-gauche ul {
	list-style: none;
	padding: 45px 0 0 5px;
}

#conteneur-gauche li {
	font-size: 2.5em; 
	font-weight:  bold; 
	padding: 0;
	margin: 0;
}


#conteneur-gauche li a {
		color: #CC0033;	
		text-decoration: none;
}

#conteneur-gauche li a:hover, #conteneur-gauche li .actif {
	color: black;
}


/* Zone de contenu droite pour les pqges rubriaue "ateliers" */

#conteneur-droite {
	position: absolute;
	top: 267px;
	left: 740px;
	width: 200px;
	height: 300px;
	margin: 0;
	padding:0;
}


/* Pour les pages du type "Angles arrondis" */

#boite-article {
	position: absolute;
	top: 267px;
	left: 410px;
	width: 480px;
	height: 350px;
}

#chapeau-bloc-texte {
	width: 475px;
	height: 20px;
	background: url(../images/chapeau-bloc-texte.gif) top left no-repeat;
}

#corps-bloc-texte {
	width: 475px;
	background: url(../images/corps-bloc-texte.gif) repeat-y;
	text-align: justify;
} 

#corps-bloc-texte p, #corps-bloc-texte h1, #corps-bloc-texte h2 {
	padding: 0 15px 0 15px;
	margin:0;
}

#corps-bloc-texte h1 {
	font-size: 1.5em;
	color: #697B8B;
}

#corps-bloc-texte h2 {
	font-size: 1.1em;
	font-style: italic;
	color: #778899;
}


#corps-bloc-texte a {
	text-decoration: none;
	color: Gray;
}

#corps-bloc-texte a:hover {
	color: red;
}


#pied-bloc-texte {
	width: 475px;
	height: 20px;
	background: url(../images/pied-bloc-texte.gif) top left no-repeat;
	padding-bottom: 5em;
}

hr {
	display: block;
	width: 90%;
	height: 1px;
	color: Gray;
	margin: 0;
	padding: 0;
	clear: both;
}