/* --- STYLES DE ACADEMIE DE MUSIQUE SEYNE SUR MER --- */
/*Couleurs : 
Vert : #a5ae96
Bleu : #759c91
Rouge : #da0073
Gris foncé : #646459
Orange : #e95e1b*/

* {
	margin: 0;
	padding: 0;
}

.cache {
	display:none;
}

.clear{
	clear: both;
	visibility: hidden;
}

/* Body HTML */ 
html { 
  font-size: 100%;
} 
body { 
  color: #5e5e5e;
  text-align: justify;
  background: white;
	font: 0.80em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
} 

/*les div principales*/

#global {
	width: 990px;
	margin: -20px auto 0;
	position: relative;
	}

#pre-header {
	width: 990px;
	color: gray;
	margin-top: 5px;
	font-size:13px;
}

#mention{
	height: 20px;
	width: 990px;
	padding-top: 5px;
	font: 10px/18px Arial, Helvetica, Geneva, sans-serif;
	text-align: center;
	background-color: #922476;
}

#mention a{
	text-decoration: none;
	color: white;
	font-weight: bold;
}

ul.menu {
	font: small-caps 14px/24px Arial;
	color: white;
	list-style-type: none;
	display: block;
	height: 29px;
	padding: 0;
	background-color: black;
	margin: 0;
}

ul.menu li a{
	text-decoration: none;
	color: #da0073;
	display: inline;
	float: left;
	margin-right: 2px;
	margin-left: 17px;
}

ul.menu li a:hover {
	color:#759c91 ;
	border-bottom: 2px solid #759c91;
}

ul.menu li #actif {
	color: white;
	border-bottom: 2px solid white;
}

#header{
	border: 1px solid black;
	height: 230px;
	width: 988px;
	background: url(IMG/fond-header.png) no-repeat;
	margin-bottom: 10px;
}

#slide {
	width: 655px;
	height: 128px;
	margin-left: 331px;
	margin-top: 1px;
}

#contenu {
	width: 990px;
}

#page-gauche {
	float: left;
	width: 192px;
	margin-right: 12px;
}

#page {
	width: 780px;
	float: left;
}

#footer {
	width: 990px;
	clear: both;
	background-color: #a5ae96;
	color: white;
	height: 48px;
	border: 1px solid black;
}

#footer p {
	font: 11px/9px Arial, Helvetica, Geneva, sans-serif;
	text-align: center;
	padding-top: 5px;
}

#logo {
	width: 210px;
	height: 39px;
	float: left;
}
 
/* Titres */ 
h2, h3, h4, h5, h6 { 
  margin: 1em 0 .5em 0; /* Rapproche le titre du texte. (5) */ 
  line-height: 1.2; 
  font-weight: bold; /* Valeur par défaut. (6) */ 
  font-style: normal; 
} 
h1 { 
	text-align: right;
	padding-top: 128px;
	padding-right: 0;
	color: maroon;
	text-transform: uppercase;
	width: 596px;
	padding-left: 247px;
	font: bold 21px/25px Arial;
} 
h2 {
  margin: 0;
  margin-left: 23px;
  margin-bottom: 5px;
	font-size: 1.3em;
} 
h3 { 
  font-size: 19px;
	text-indent: 40px;
} 
h4 { 
  font-size: 1em; 
} 
 
/* Listes */ 
ul, ol { 
  margin: .7em 0 0 32px; 
  padding: 0; 
}

li {
	list-style-position: inside;
}

.article {
	line-height: 20px;
	list-style-image: url(puces/smallarrowinbox.png);
}

/*Page PROF*/

.prof {
	list-style-type: none;
	width: 223px;
	margin-left: 18px;
	height: 135px;
	float: left;
	margin-right: 17px;
	border: 1px solid silver;
	margin-bottom: 12px;
}

.prof  img{
	float: left;
	padding-top: 1px;
	padding-left: 1px;
	padding-right: 6px;
}

.prof p {
	font-size: 11px;
	margin: 4px;
}

/* Paragraphes */ 
p {
	margin-right: 5px;
	margin-left: 13px;
}

address { 
  margin: .75em 0; 
  font-style: normal; 
} 
 
/* Liens */ 
a {
	font-weight: bold;
	text-decoration: none;
} 
a:link { 
  color: teal;
} 
a:visited { 
  color: #339; 
} 
a:hover, a:focus, a:active { 
  color: #00F; 
} 
/* Pas de bordure pointillée ou halo lors du clic sur un lien */ 
a:active { 
  outline: none; 
} 
/* Pas de bordure autour des images dans les liens */ 
a img { 
  border: none; 
}

.titre{
	margin-left: 170px;
}

.left {
	float: left;
	margin-left: 14px;
	margin-right: 10px;
	margin-bottom: 10px;
	border: 1px solid gray;
}

.left-article {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	border: 1px solid gray;
}

.right {
	float: right;
	margin-left: 14px;
	margin-right: 10px;
	margin-bottom: 10px;
	border: 1px solid gray;
}
 
/* Divers éléments de type en-ligne (8) */ 
em { 
  font-style: italic; 
} 
strong { 
  font-weight: bold; 
}

/* MENU GAUCHE */

#page-gauche h2 {
  margin: 0 0 5px 10px;
font-size: 14px;
	font-variant: small-caps;
} 

#page-gauche ul{
	list-style-type: none;
	width: 168px;
	margin-left: 11px;
}

#page-gauche ul li a{
	color: #759c91;
	text-decoration: none;
	font-size: 0.90em;
	border-bottom: 1px solid #e2e2e2;
	display: block;
	line-height: 1.4em;
	list-style-type: none;
}

#page-gauche ul li a:hover {
	background-color: #dfdfdf;
	color: #041833;	
}
 
/* Formulaires */ 
form, fieldset { 
  margin: 0; 
  padding: 0; 
  border: none; 
} 
input, button, select { 
  vertical-align: middle; /* Solution pb. d'alignement. (9) */ 
}

/* --- STYLES DE BASE SUPPLÉMENTAIRES --- */ 
 
/* Met en évidence les abréviations (ayant un attribut title) */ 
abbr[title] { 
  border-bottom: 1px dotted; 
  cursor: help; 
} 
 
/* Met en évidence les citations */ 
blockquote { 
  margin: .75em 0 .75em 20px; 
  padding: 0 0 0 10px; 
  border-left: solid 2px #ddd; 
} 
q, cite { 
  font-style: italic; 
} 
q cite, q q { 
  font-style: normal 
} 
 
/* Supprime les guillemets automatiques (citations courtes) */ 
q { 
  quotes: none; 
} 
q:before, q:after { 
  content: ""; /* Nécessaire pour Safari/Chrome */ 
} 
 
/* Rapproche les paragraphes dans les listes et citations */ 
blockquote p, li p { 
  margin: .5em 0; 
} 
 
/* Styles de base pour les listes de définition */ 
dl { 
  margin: .75em 0; 
} 
dt { 
  margin: .75em 0 0 0; 
  font-weight: bold; 
} 
dd { 
  margin: .25em 0 .25em 32px; 
} 
 
/* Mise en forme simple pour les tableaux */ 
table { 
  margin: 0; 
  border: 1px solid gray; /* Pas de bordure = "none". */ 
  border-collapse: collapse; /* Valeur par défaut: "separate". */ 
  border-spacing: 0; 
} 
table td, table th { 
  padding: 4px; /* Pas de retrait autour du texte = "0". */ 
  border: 1px solid #ccc; /* Pas de bordure = "none". */ 
  vertical-align: top; /* Valeur par défaut: "middle" */ 
} 
 
/* Conteneurs sémantiques de HTML 5 */ 
article, aside, dialog, figure, footer, header, 
hgroup, menu, nav, section { 
  display: block; 
}