html {
	font-size: 100%;
}
body {
	margin: 0; /* pour éviter les marges */
	text-align: center; /* pour corriger le bug de centrage IE */
	padding: 0;
	background: #1D5A90 url(../images/bandeau.jpg) no-repeat center top;
	color: #333333;
	width: 100%;
	height: 100%;
	font-size: 0.8em;
}
ul {
	list-style: none;
	padding-left: 0;
}

#global {
	position:relative;
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	text-align: left; /* on rétablit l'alignement normal du texte */
	background: #fff url(../images/bg.png) top left repeat-y;
}
#globaladmin{
	position:relative;
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	text-align: left; /* on rétablit l'alignement normal du texte */
	background-color: #fff;
}
#contenuadmin {
	position: relative;
	width: 940px;
	margin: 0 auto;
	padding: 10px;
	font-family: "Trebuchet MS", Arial;
	font-size: 1.1em;
	color: #3B4042;
	text-align: left;
	background-color: #fff;
	height: 100%
}

#header {
	height: 190px;
	width: 960px;
	margin: 0 auto;
	position: relative;
}

#logo {
	/*position: absolute; z-index: 5; top: 0; left: 22px;*/
	padding: 0;
	height: 160px;
/* 	background: url(../images/bandeau.jpg) top center no-repeat; */
}
#lang {
	padding-left: 750px;
	padding-top: 35px;
	font-family: Arial;
	font-size: 11px;
	color: #fff;
	font-variant: small-caps;
}
#contenu {
	position: relative;
	width: 960px;
	margin: 0 auto;
	padding: 20px;
	font-family: "Trebuchet MS", Arial;
	font-size: 1.1em;
	color: #3B4042;
	text-align: left;
}


#contenu960 {
	width: 960px;
	margin: 0 auto;
	padding: 0;
	font-family: "Trebuchet MS", Arial;
	font-size: 1em;
	color: #3B4042;
	text-align: left;
}
#navcontainer {
	padding: 60px 0 5px 0;
	margin-top: -100px;
	margin-left: 45px;
	background:transparent;
	text-align: left;
}

#navlist {
	margin: 0 0 20px 0;
	padding: 0 0 20px 10px;
	border-bottom: 0px solid #95b648;
}

#navlist ul, #navlist li {
	margin: 0;
	padding: 0;
	display: inline;
	list-style-type: none;
	font-size: 16px;
	font-family: "Lucida Grande", Lucida, Tahoma, Helvetica, sans-serif;
	letter-spacing:0px;
}

#navlist a:link, #navlist a:visited {
	float: left;
	line-height: 16px;
	font-weight: bold;
	margin: 0 4px 4px 10px;
	text-decoration: none;
	font-family: "Lucida Grande", Lucida, Tahoma, Helvetica, sans-serif;
	color: #fff;
	border-left: solid 1px #ccc;
	padding-left: 8px;
}

#navlist span {
	font-size: 12px;
	color: #8eb6ff;
	font-weight: normal;
}

#navlist a:link#current, #navlist a:visited#current, #navlist a:hover {
/* 	border-bottom: 6px solid #8eb6ff; */
	padding-bottom: 2px;
	background: transparent;
	color: #ea8400;
	font-size: 16px;
	font-weight:bold;
	font-family: "Lucida Grande", Lucida, Tahoma, Helvetica, sans-serif;

}

#navlist2 {
	margin: 0 0 20px 0;
	padding: 0 0 20px 10px;
	border-bottom: 0px solid #6D071A;
}

#navlist2 ul, #navlist2 li {
	margin: 0;
	padding: 0;
	display: inline;
	list-style-type: none;
	font-size: 12px;
	font-family: Tahoma, Helvetica, sans-serif;
	letter-spacing:1px;
}

#navlist2 a:link, #navlist2 a:visited {
	float: left;
	line-height: 14px;
	font-weight: normal;
	margin: 0 10px 4px 10px;
	text-decoration: none;
	font-family: Tahoma, Helvetica, sans-serif;
	color: #fff;
}

#navlist2 a:link#current, #navlist2 a:visited#current, #navlist2 a:hover {
/* 	border-bottom: 6px solid #67abdc; */
	padding-bottom: 2px;
	background: transparent;
	color: #67abdc;
	font-size: 12px;
	font-weight:normal;
	font-family: Tahoma, Helvetica, sans-serif;

}

#navlist2 a:hover { 
	color: #67abdc; 
}

#footer {
	margin: 0; /* pour éviter les marges */
	text-align: center; /* pour corriger le bug de centrage IE */
	position:relative;
	background: #599ede;
	bottom:0;
	height:220px;
	clear: both;
}
#footer #wrapper {
		text-align: left;
		padding: 20px;
	}

.footer-mini {
		width: 100px;
		margin: 0;
		float: left;
		}
.footer-large {
		width: 350px;
		margin: 0;
		float: left;
		}
		
#footer #wrapper p {
		margin: 0;
		padding-bottom: 4px;
	}

#footer #wrapper a:link,
#footer #wrapper a:visited {
		font-family: "Trebuchet MS", Lucida, Tahoma, Arial;
		font-size: 1em;
		font-weight: normal;
		color: #fff;
		text-decoration: none;
	}
#footer #wrapper a:hover {
		color: #0ff;
}

#gauche {
	float:left;
	width: 168px;
	margin-bottom: 30px;
	margin-right: 20px;
	padding: 5px;
	z-index: 999;
}
#gauche h1 {
	color: #97836d;
	padding: 0;
}

#gauche a {
	font-size: 1.1em;
	font-weight: bold;
	color: #572541;
	padding-top: 5px;
	text-decoration: none;
}

#centre {
	float:left;
	width: 720px;
	margin-bottom: 30px;
}


#agenda {
	float:left;
	width: 520px;
	margin-bottom: 30px;
}



#col3 {
	float:left;
	width: 650px;
}

h1 {
	font-family: "Lucida Grande", Lucida, Verdana, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1.4em;
	color: #222;
}
h2 {
	font-family: "Lucida Grande", Lucida, Verdana, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1.2em;
	color: #e1771e;
}
h3 {
	font-family: Lucida, Verdana, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: bold;
	color: #444;
}

p,td,th {
	font-family: Lucida, Verdana, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: normal;
	color: #444;
}
td.agenda {
	font-size: 1.2em;
}
pre {
	padding: 10px;
	font-size: 1.1em;
	font-family: "Courier New", Courier, Monospace;
	background-color: #fffce5;
	color: #222;
	border: #e1771e solid 1px;
}
p.trait {
/* 	border-bottom:1px solid #8eb6ff; */
	margin: 0;	
	padding: 5px 0 0 0;
}
.titre {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color:#333333;
	font-size: 0.9em;
}
.titre-noir {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000000;
	font-size: 0.9em;
}
.sous-titre {
	color: #0033FF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
}
.haut{
	border-top: 1px solid #000000;
}
.jour{
	border-top: 1px solid #000000;
	font-size:0.7em;
	height:12px;
	border-right:dotted 1px #999999;
}
.joursem{
	border-top: 1px solid #000000;
	font-size:9px;
	height:12px;
	background-color:#e4e4e4;
	border-right:dotted 1px #999999;
}
.salle {
	font-size:0.7em;
}
.detail {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color:#666666;
	font-size: 0.75em;
}
a:link,a:visited {
	color: #67abdc;
	text-decoration: underline;
	font-weight: bold;
}
.bordure{
	padding:2px;
	border:1px solid #222222;
}
#contenu img {
	padding: 3px;
/* 	border: 1px solid #333; */
	margin: 0 20px 6px 0;
	-moz-box-shadow:0px 0px 10px #333;
	-webkit-box-shadow:0px 0px 10px #333;
	box-shadow:0px 0px 10px #333;

}
#contenu img.none {
	margin: 0;
	padding: 0;
}
#tabs-2 img {
	padding: 3px;
/* 	border: 1px solid #333; */
	margin: 0 10px 6px 0;
}
#menug {
	padding:0;
	margin:0;
}
#menug img {
	border: none;
}
#menug h1 {
	font-family: "Lucida Grande", Lucida, Verdana, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	letter-spacing:-1px;
	margin : 0 0 4px 0;
	padding: 2px;
/* 	background-color: #5575b3; */
	background-color: #599ede;
	color: #fff;
}
#menug h2 {
	font-family: "Lucida Grande", Lucida, Verdana, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	letter-spacing:-.04px;
	margin : 0 0 0 0;
	padding: 2px;
	background-color: #1D5A90;
	color: #fff;
}

#menug ul, #menug li {
	margin: 0;
	padding: 0 0 1px 0;
/* 	display: block; */
	font-family: Verdana, Helvetica, sans-serif;
	font-size: .9em;
	letter-spacing:0px;
/* 	text-transform: uppercase; */
	border-bottom: solid 1px #eee;
}

#menug a:link, #menug a:visited {
/* 	color: #599ede; */
	color: #666666;
	text-decoration: none;
	width:155px;
	display: block;
}

#menug a:link#current, #menug a:visited#current, #menug a:hover {
/* 	color: #ea8400; */
	color: #e68400;
	text-decoration: none;
}
#menug a:hover {
	color: #e68400;
	text-decoration: none;
}

#menug li.ssmenu {
	line-height: .9em;
	margin: 0 0 0 15px;
	padding-left: 0;
	border-bottom: none;
	list-style-image: url(../images/puce.gif) !important;
	list-style-position: outside !important;
}

#menug li.ssmenu a:link, #menug li.ssmenu a:visited {
/* 	background: url(../images/puce.gif) 0% 75% no-repeat; */
	font-weight: normal;
	padding-left: 0;
	padding-top: 5px;
	padding-bottom: 0;
	line-height: 1.1em;
}
#menug li.ssmenu a:link#current, #menug li.ssmenu a:visited#current, #menug li.ssmenu a:hover {
	list-style-image: url(../images/puce2.gif) !important;
	list-style-position: outside !important;
}

ul#portfolio li img {
	border: 1px solid #ccc;
	padding: 4px;
}
#pub {
	width: 155px;
/* 	height: 150px; */
	padding: 3px;
	margin-right: 15px;
/* 	border: 1px solid #616161; */
/* 	background-color: #f6f6f6; */
	background-color: #fff;
	float: left;
	display: block;
}
#pub img {
	border: none;
	margin: 0;
}
#pub div {
	padding-left: 3px;
	padding-top: 6px;
	color:#616161;
	font-family: 'Lucida Grande', Lucida, Arial;
	font-weight: bold;
	font-size: 0.75em;
/* 	text-transform: uppercase; */
}

#navdroite {
	position: absolute;
	top:20px;
	margin-left: 961px;
	width:80px;
	height: 300px;
	display: block;
	z-index: 3;
}
#navdroite img {
	border: none;
}

.photo {
	float: left;
	width: 150px;
}

.liste {
	margin-left: 170px;
	font-family: Lucida, Verdana, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: normal;
	color: #444;
}
a.etab:link, a.etab:visited {
	color: #444;
	text-decoration: none;
}

.plusinfo {
	margin: 8px 20px 6px 0;
	padding: 0;
}
.plusinfo a {
	border-bottom: solid 1px #e7e7e7;
	background-color: #e68400;
	padding: 0 4px;
	font-size: 9px;
	color: #fff;
	text-decoration: none;
}
.resa a {
	border-bottom: solid 1px #e7e7e7;
	background-color: #97d615;
	padding: 0 4px;
	font-size: 9px;
	color: #fff;
	text-decoration: none;
}

marquee {
	padding-top: 5px;
	color:#c00;
}
#promo {
	color: #c00;
}
ul#news {
	border: 1px solid #ccc;
	padding: 10px;
	background:  #eee;
	display: inline;
	overflow: hidden;
}
#titre h1 {
	color: #eb8f00;
}


/*** Mise en forme du formulaire ***/

#inscription {
	border: none;
	margin: 0;
	padding: 0;
	width: 40em;	/*** Largeur du formulaire ***/
}
#titreForm, #piedForm {	/*** Mise en forme du titre et du pied de formulaire ***/
	font: bold 1.1em arial, hevetica, sans-serif;
	color: #fff;
	background: #1d5a90;
	margin: 0;
	padding: .5em;
}
#piedForm {
	text-align: right; /*** Les boutons sont alignés à droite ***/
}
#piedForm input {
	font-weight: bold; /*** Pour améliorer la lisibilité des boutons ***/
	margin-left: 1em;
}
#corpForm {	/*** Mise en fome du corp du formulaire (bordure, couleur du fond...) ***/
	border: 1px solid black;
	color: black;
	background: #f6f6f2;
	margin: 0;
	padding: 1em;
}
#corpForm fieldset {	/*** Mise en forme des cadres ***/
	margin: 0;
	font-style: normal;
	padding: 0 1em 1em;
}
#corpForm legend {	/*** Mise en forme des titres des cadres ***/
	font-weight: bold;
	color: black;
	background: transparent;
}
#corpForm p {	/*** Mise en forme des lignes du formulaire ***/
	padding: .2em 0;
	margin: 0 0 .2em 0;
}
#corpForm fieldset#coordonnees label {	/*** Mise en forme des intitulés de champs ***/
	float: left;	/*** Très important, ne pas suprimer ! ***/
	width: 30%;	/*** Les intitulés prennent 1/3 de la largeur totale du formulaire... ***/
	text-align: right;	/*** ... et ils sont alignés à droite... ***/
	margin: 0;
	padding: 0 .5em 0 0;
	line-height: 1.8;	/*** ... et centrés verticalement. ***/
}
#corpForm label:hover, #piedForm input {
	cursor: pointer;	/*** Petite astuce pour apprendre aux utilisateurs à cliquer sur les intitulés ***/
}
#corpForm label.oblig {
	font-weight: bold;	/*** Mise en évidence des champs obligatoires ***/
}
#corpForm .legende {	/*** Mise en forme des aides contextuelles ***/
	font-style: italic;
	color: #666;
	background: transparent;
	margin: 0;
	padding: 0;
}
#corpForm a.aide {	/*** Mise en forme des bulles d'aide ***/
	text-decoration: none;
}
#corpForm a.aide img {	/*** Mise en forme de l'image des bulles d'aide ***/
	margin: 0;
	padding: 0;
	border: 0;
}
#corpForm a.aide:hover {	/*** Le curseur de la souris change d'aspect quand il passe au-dessus d'une bulle d'aide ***/
	cursor: help;
}
#corpForm .focus {	/*** Mise en avant des champs en cours d'utilisation ***/
	background: #a7daf0;
	color: black;
}
#corpForm .normal {	/*** Retour à l'état normal après l'utilisation ***/
	background: white;
	color: black;
}

/*** Mise en forme des messages d'erreur ***/

#corpForm .alerte {	/*** Mis en évidence des champs mal renseignés ***/
	border: 1px solid red;
}
#corpForm .messageAlerte {	/*** Mise en forme des message d'alerte ***/
	display: block;
	margin: 0 0 .3em .3em;
	padding-left: 2em;
	color: red;
	font-weight: bold;
	background: url('/images/icon_alert.gif') no-repeat left center;
}
.chcache { display: none; }