/* ~(°_°)--> SPECIFIQUE A l'impression <--(°_°)~ */


body {
	background: White;
	font-size: 11pt;
	font-family: Georgia, Garamond, serif;
}


#global {
	margin: 0;
	padding: 0;
}


h1, h2, h3, #conteneur-gauche li, .legende-cour, #infos-annexes h1, #infos-annexes-stand2col h1 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: left;
}


/* Conteneurs de chaque zone du sommaire de la page d'accueil : pour l'encadré sur le lien au survol */

#som-asso a, #som-lieu-histoire a, #som-ateliers a, #som-contacts a, #som-evenements a, #som-projets a,
#conteneur-actu, 
#boite-actu, #pied-actu{
		display: none;
}

/*Conteneur menu horizontal*/
#menu	{
	display: none;
}


/* Le conteneur texte de la home page */

#conteneur-pres {
	position: relative;
	padding: 0 0.5cm 0 0;
	margin: 0;
	top: 0.5cm;
	left: 0;
	width: 8cm;
	float: left;
}

#conteneur-pres p {
	margin: 0;
	padding: 0;
	color: Black;
	font-size: 10pt; 
	text-align: justify;
}

#print-logo {
	float: left;
	padding: 0.5cm 0 0 0.5cm;
}



#conteneur-central {
	z-index: 1;
	position: relative;
	left: 0;
	width: 16cm;
}


/* Bandeau comportant l'image de la rubrique */
#tetiere img {
	width:16cm;
	height: 3.65cm;
}

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

/* Le conteneur local de la zone */

#conteneur-gauche {
	position: relative;
	top: 0;
	left: 1cm;
	width: 5cm;
}

#conteneur-gauche p {
	color: black;
	font-size: 1em; 
	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: 1.2em; 
	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 pages rubrique "ateliers" */

#conteneur-droite,  {
	position: absolute;
	top: 4cm;
	left: 7cm;
	width: 9cm;
	/*height: 300px;*/
	margin: 0;
	padding:0;
}


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

#boite-article {
	position: absolute;
	top: 4cm;
	left: 7cm;
	width: 9cm;
	/*height: 350px;*/
}

#chapeau-bloc-texte {
	display:none;
}

#corps-bloc-texte {
	width: 9cm;
	/*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.3em;
	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 {
	display: none;
}


#pied-bloc-texte {
	display:none;
}

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


/* Pour la page de rubrique "Ateliers" */

#conteneur-droite table {
	width: 2cm;
	padding-left: 6cm;
}

.vignette-cour {
	display: none;
}


.legende-cour {
	/*width: 90px;*/
	position: absolute;
	top: 4cm;
	left: 1cm;
	margin: 0;
	font-size: 1.1em;
	font-weight: bold;
	color: black;
}


.legende-cour a, .legende-cour a:hover{
	display: none;
}

  


/* Pour la présentation synthétique des ateliers cour par cour */

#conteneur-gauche p {
	width: 7cm;
}

#conteneur-gauche table {
	position: absolute;
	left: 1cm;
	top: 1cm;
	width: 14cm;
}

#conteneur-gauche table .nom {
	font-size: 1em;
	font-weight: bold;
	line-height: 1.9em;
}

#conteneur-gauche table .activite {
	font-size: 1em;
	font-weight: bold;
	font-style: italic;
	color: gray;
}

#conteneur-gauche table a {
	text-decoration: none;
	color: #B21030;
}

#conteneur-gauche table a:hover {
	color: black;
}


/* Conteneur pour le bandeau des fiches individuelles de présentation des ateliers */
#bando-ateliers {
	z-index: 48;
	position: absolute;
	width: 950px;
	height: 130px;
	top: 0;
	left: 0;
	background: url(../images/bandeau-pres-atelier.jpg) top left no-repeat;
}

#identite {
	z-index: 60;
	position: absolute;
	top: 23px;
	left: 136px;
	width: 768px;
	height: 91px;
}


#logo-atelier {
	float: left;
	margin: 0;
	padding: 0;
	float: left;
	/*height: 90px;*/
	width: 90px;
}

#logo-atelier img {
	margin: 0;
	padding: 0;	
}

#identite h1, #identite h2 {
	float: left;
	width: 658px;
	padding: 0 0 0 20px;
	margin-top: -10px;
	color: #CE3003;
	font-weight: normal;
	font-size: 2em;
	text-transform: lowercase;
}


/* Placement hauteur  pour les gabarits standards "deux cols" */
#infos-annexes-stand2col, #infos-principales-stand2col {
	top: 4cm;
}

/* Placement hauteur  pour les gabarits "deux cols" présentation des ateliers */
#infos-annexes, #infos-principales {
	top: 4cm;
	
}


/* Critères communs de la colonne de gauche pour les deux types de gabarits "deux cols" */
#infos-annexes, #infos-annexes-stand2col {
	position: absolute;
	left: 0;
	width: 4cm;
	background-color: white;
	padding-bottom: 2em;
	padding-top: 10px;
}

#infos-annexes h1, #infos-annexes-stand2col h1 {
	font-size: 1em;
	font-weight: bold;
	font-style: italic;
	color: #834F38;
}

#infos-annexes p, #infos-annexes-stand2col p {
	/*padding-bottom: 0.55em;*/
	color: black;
}


#infos-annexes p{
	font-size: 0.95em;
}

#infos-annexes-stand2col p {
	font-size: 0.80em;
}

#infos-annexes-stand2col p a {
	text-decoration: none;
	color: black;
}

#infos-annexes-stand2col p a:hover {
	color: red;
} 

/* Critères communs de la colonne de droite pour les deux types de gabarits "deux cols" */
#infos-principales, #infos-principales-stand2col  {
	position: absolute;
	left: 6cm;
	width: 9.5cm;
	padding-bottom: 2em;
	margin: 0;
	text-align: justify;
}

#infos-principales p, #infos-principales-stand2col p {
	/*float: left;*/
	text-align: justify;
	padding-bottom: 1em;
	font-size: 1em,
}

p.spip {
	text-align: justify;
}

#infos-principales h1, #infos-principales-stand2col h1 {
	font-size: 1.5em;
	color: #697B8B;
}

#infos-principales h2, #infos-principales-stand2col h2 {
	font-size: 1.1em;
	font-style: italic;
	color: #778899;
} 

.post-scriptum {
	padding: 0.8em 0 1em 0;
	color: #80909F;
}

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

#infos-principales img, #infos-principales-stand2col img {
	float: left;
	vertical-align: sub;
	padding: 0 8px 8px 0;
}


#infos-principales a, #infos-principales-stand2col a {
	text-decoration: none;
	color: red;
}

#infos-principales a:hover, #infos-principales-stand2col a:hover {
	color: black;
}

#infos-principales p.spip .spip_documents {
	padding-right: 15px;
}
