@charset "utf-8";

*{
	margin: 0;
	padding: 0;
	}

body{
	margin: 0;
	padding: 0;
	width: 990px;
	background: white;
	background-repeat: no-repeat;
	background-position: left top;
	color: rgb(143, 143, 143);
	font-family: 'Arial Narrow', Arial, Helvetica, sans-serif;
	/* Temp *
	margin: 8px;*/
	/*background-position: 8px 8px; /*left top;*
	background-color: silver;*/
	}

a, a:link, a:visited{
	color: #333;
	text-decoration: none;
	}
a:hover, a:active, a:focus{
	color: rgb(252, 150, 60);
	text-decoration: underline;
	}

/* Titres */
h1{
	margin: 35px 0 10px;
	font-weight: bold;
	}
h3{
	margin: 10px 5px;
	font-weight: normal;
	text-align: center;
	}
h1, h3{
	font-size: 14px;
	text-transform: uppercase;
	}
	
#contenu h2{
	margin: 10px 0;
	background: transparent;
	color: rgb(252, 150, 60);
	font-size: 14px;
	font-weight: bold;
	}
	#contenu h2 a{
		color: rgb(252, 150, 60);
		}

/* Listes */
ul{
	margin: 0 15px;
	list-style-position: inside;
	}

/* menu */
#menu{
	width: 527px;
	height: 101px;
	text-align: right;
	}
	#menu object{
		margin: 0 0 0 458px;
		padding: 0;
		}

/* Pied de page */
#footer{
	margin-top: 10px;
	margin-left: 458px;
	border-top: 1px solid rgb(23, 159, 123);
	}
#footer ul{
	margin: 0;
	padding: 10px 15px;
	font-size: 12px;
	text-align: right;
	list-style: none;
	}
	#footer li{
		display: inline;
		margin: 0;
		padding: 0 5px;
		border-right: 1px solid black;
		}
	#footer li.last{
		border-right: none;
		}

/* Contenu */
#contenu{
	margin: 0 0 0 465px;
	padding: 0;
	font-size: 14px;
	}
/* Paragraphes */
#contenu p{
	text-align: justify;
	}
#contenu p.intro, #contenu .nota{
		font-style: italic;
		}
/* Liste d'éléments pour le sommaire */
ul.sommaire{
	margin: 15px 0;
	font-weight: bold;
	}
	ul.sommaire li{
		margin: 0 0 10px 0;
		}
		ul.sommaire li a{
			color: rgb(143, 143, 143);
			}

/* En orange */
.superieur{
	background: transparent;
	color: rgb(252, 150, 60);
	}

/* Tableaux */
table#horaires{
	margin: 15px auto;
	border-collapse: collapse;
	border: 1px solid silver;
	}
	#horaires .header{
		background: #FFE1AD url(../images/commun/bg-table-header.jpg);
		}
	#horaires th, #horaires td{
		padding: 5px;
		width: 14%;
		border: 1px solid silver;
		text-align: center;
		}
	#horaires td{
		vertical-align: top;
		}

/* Formulaire de contact */
#formulaire-contact{
	margin: 0;
	padding: 0;
	border: 1px solid silver;
	}
	#formulaire-contact table{
		margin: auto;
		}
	#formulaire-contact th{
		padding: 2px 5px;
		font-weight: normal;
		text-align: left;
		}
	#formulaire-contact td{
		padding: 3px;
		text-align: left;
		}
	#formulaire-contact input.text, #formulaire-contact textarea{
		border: 1px solid rgb(175, 175, 175);
		}
	#formulaire-contact td.checkbox label{
		padding-left: 15px;
		}
	#formulaire-contact td.checkbox{
		padding-left: 25px;
		}
	#formulaire-contact textarea{
		margin: auto;
		width: 90%;
		}
	#formulaire-contact .submit{
		text-align: center;
		}
		#formulaire-contact .submit input{
			padding: 2px 10px;
			background: black;
			color: white;
			border: 5px solid rgb(200, 200, 200);
			font-size: 10px;
			font-weight: bold;
			text-transform: uppercase;
			}

/* Calques */
#layer-genevieve-mayeur{
	margin: 0 0 25px 0;
	padding: 0;
	background: white url(../images/commun/genevieve-mayeur.jpg) no-repeat left top;
	}
	#layer-genevieve-mayeur p{
		margin: 0;
		padding: 10px 0 0;
		font-style: italic;
		}
	#layer-genevieve-mayeur p.credit{
		clear: both;
		margin: 0;
		padding: 2px 5px;
		font-size: 10px;
		}
	#layer-genevieve-mayeur img{
		float: left;
		margin: 0 15px 0 2px;
		}
		
	#layer-info-route{
		margin: 10px 0;
		padding: 10px;
		width: 220px;
		background: rgb(254, 236, 200) url(../images/commun/bg-info-route.jpg) center center;
		border: 1px solid silver;
		}

#layer-institution{
	margin: 1em;
	padding: 0.5em 1em;
	width: 180px;
	background: rgb(255, 226, 176) url(../images/commun/bg-layer-institution.jpg) center center;
	color: inherit;
	border: 1px solid rgb(143, 143, 143);
	list-style: none;
	}
#diaporama{
	margin: 0 auto;
	width: 260px;
	}
		
p.detail{
	clear: both;
	padding: 10px 0;
	}
	span.detail-titre{
		float: left;
		width: 35%;
		}
	span.detail-contenu{
		float: right;
		display: block;
		width: 60%;
		}


.clear{
	clear: both;
	}
/* Spécifications des pages */
	/* Tous les <body> */
	/* Homepage */
	body#homepage{
		text-align: center;
		}
		#homepage a{
			font-size: 12px;
			font-weight: bold;
			}
		#homepage #footer{
			margin: 0;
			text-align: center;
			}
			#homepage #footer ul{
				text-align: center;
				}
	/* Pages */
	body#artherapie{
		background-image: url(../images/commun/bg-artherapie.jpg);
		}
	body#pour-qui{
		background-image: url(../images/commun/bg-pour-qui.jpg);
		}
	body#en-institution{
		background-image: url(../images/commun/bg-en-institution.jpg);
		}
	body#infos-pratiques{
		background-image: url(../images/commun/bg-infos-pratiques.jpg);
		}
	body#genevieve-mayeur{
		background-image: url(../images/commun/bg-genevieve-mayeur.jpg);
		}
	body#nos-actus{
		background-image: url(../images/commun/bg-nos-actus.jpg);
		}
	body#contact{
		background-image: url(../images/commun/bg-contact.jpg);
		}
		#contact #contenu, #contact #footer{
			margin-left: 700px;
			}


* .gris{
	color: rgb(143, 143, 143);
	}
* .orange{
	color: rgb(252, 150, 60);
	}
* .bleu{
	color: blue;
	}
* .vert{
	color: green;
	}
* .rouge{
	color: red;
	}
* .jaune{
	color: yellow;
	}