/* BASIC
================================================== */
html {
	font-size: 62.5%;
}
body {
	margin: 0; /* pour éviter les marges */
	text-align: center; /* pour corriger le bug de centrage IE */
	padding: 0;
	background: #fefefe url(../background/bg_2013.jpg) no-repeat center center fixed;
	-webkit-background-size: cover; /* pour Chrome et Safari */
	-moz-background-size: cover; /* pour Firefox */
	-o-background-size: cover; /* pour Opera */
	background-size: cover; /* version standardisée */
	color: #333333;
	width: 100%;
	height: 100%;
	font-size: 14px;
}

/* BASIC STYLE
================================================== */
ul {
	list-style: none;
	padding-left: 0;
}

h1 {
/* 	font-family: "Lucida Grande", Lucida, Verdana, Helvetica, sans-serif; */
/* 	font-family: "Open sans", arial, sans-serif; */
	font-weight: 400;
	font-size: 1.6em;
	color: #222;
}
h2 {
/* 	font-family: "Open sans", arial, sans-serif; */
/* 	font-family: "Lucida Grande", Lucida, Verdana, Helvetica, sans-serif; */
	font-weight: 400;
	font-size: 1.4em;
/* 	color: #e1771e; */
	color: #82734c;
}
h3 {
/* 	font-family: Lucida, Verdana, Helvetica, sans-serif; */
/* 	font-family: "Open sans", arial, sans-serif; */
	font-size: 1em;
	font-weight: 400;
	color: #444;
}

p,td,th {
/* 	font-family: Arial, Lucida, Verdana, Helvetica, sans-serif; */
/* 	font-size: 0.9em; */
	font-weight: 400;
	color: #444;
}

pre {
	padding: 10px;
	font-size: 1.1em;
	font-family: "Courier New", Courier, Monospace;
	background-color: #fffce5;
	color: #222;
	border: #e1771e solid 1px;
}

a:link,a:visited {
	color: #67abdc;
	text-decoration: underline;
/* 	font-weight: bold; */
}


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

#contenu {
	position: relative;
	width: 960px;
	margin: 0 auto;
	padding: 20px 10px;
	font-size: 1em;
	color: #3B4042;
	text-align: left;
	overflow: hidden;
}

#contenu960 {width: 960px; margin: 0 auto; padding: 0; font-size: 1em; color: #3B4042; text-align: left;}



/* HEADER
================================================== */
#topheader {position: absolute; z-index: 1000; top: 0; left: 0; right: 0; padding: 4px 0 0 0; height: 30px; background: rgba(0,0,0,0.57); 	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000,endColorstr=#80000000);}

.contain980 {width: 980px; margin: 0 auto; padding: 0 10px; position: relative;}

#header {height: 280px; width: 980px; margin: 0 auto; position: relative;}
.logo {position: absolute; top: 30px; left: 10px; width: 80px; height: 124px; z-index: 1000;}
#logo {
	/*position: absolute; z-index: 5; top: 0; left: 22px;*/
	padding: 0;
	height: 160px;
/* 	background: url(../images/bandeau.jpg) top center no-repeat; */
}
#lang {float: right; font-family: Arial; font-size: 11px; color: #fff; font-variant: small-caps; padding: 5px; margin: 0 20px 0 0;}
.recherche {float: right; position: relative; margin: 0; padding: 0;}
.recherche input[type=text] {border: 1px solid #ccc; background: white; float: left; margin: 0; padding: 2px 10px; height: 17px; width: 150px;}
.recherche input[type=submit] {position: absolute; top: 1px; right: 0; width: 21px; height: 21px; border: 0; background: url(../images/search.png) center right no-repeat;}


	/* MENU
	================================================== */
	#navcontainer {position: absolute;	bottom: 0; left: 0; margin: 0; padding: 0; width: 980px; text-align: left; background: white; font-family: "Open Sans", arial, sans-serif; }
	#navcontainer > ul {margin: 0; padding: 0; list-style-type: none;}
	#navcontainer > ul > li {position: relative; display: block; float: left; margin: 0; padding: 0; list-style-type: none; border-left: 1px dotted #988a8a; background: white;}
	#navcontainer > ul > li:first-child {margin: 0; border: 0;}
	#navcontainer > ul > li:last-child {border-right: 3px solid white;}
	#navcontainer > ul > li#current1 {background: #efefef; margin: -10px 0 0 0; padding: 10px 0 0 0; border: 0;}
	#navcontainer > ul > li > a {display: block; padding: 10px 30px 10px 20px; margin: 0; color: #27b9d9; font-size: 14px; font-weight: 700; text-decoration: none;}
	#navcontainer > ul > li > a > span {color: #b1a7a7; font-size: 12px; font-style: italic; font-weight: 300;}

	#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;}


/* CENTRE
================================================== */
	
	/* DROITE
	================================================== */
	#navdroite {position: absolute; top:20px; right: -80px; width:80px; height: 300px; z-index: 3;}
	#navdroite a { display: block; height: 72px; margin: 0 0 5px 0;} 
	#navdroite img {border: none;}

	/* MENU GAUCHE
	================================================== */
	#gauche {
		float:left;
		width: 183px;
		padding: 0; margin: 0;
		z-index: 999;
		background: white;
		box-shadow: 3px 3px 5px #c1c1c1; -moz-box-shadow: 3px 3px 5px #c1c1c1; -webkit-box-shadow: 3px 3px 5px #c1c1c1; -ms-box-shadow: 3px 3px 5px #c1c1c1;
		font-family: "Open sans", arial, sans-serif;
		font-size: 1em;
		border: 1px solid #d7d7d7;
	}
	#gauche h1 {color: #97836d; padding: 0;}
	#gauche a {
	/* 	font-weight: bold; */
	/* 	color: #582642; */
	/* 	padding-top: 5px; */
		text-decoration: none;
	}

	#menug {padding:0; margin:0;}
	#menug img {border: none;}
	#menug h1 {
	/* 	font-family: "Lucida Grande", Lucida, Verdana, Helvetica, sans-serif; */
	/* 	letter-spacing:-1px; */
	/* 	background-color: #5575b3; */
	/* 	background-color: #599ede; */
	/* 	font-family: 'Open sans', Arial, sans-serif; */
		margin : 0 0 10px 0; padding: 5px 10px; color: #fff; background-color: #c4c0b4; font-size: 1.2em; font-weight: 400;}
	#menug h2 {
	/* 	background-color: #1D5A90; */
	/* 	font-family: "Lucida Grande", Lucida, Verdana, Helvetica, sans-serif; */
	/* 	letter-spacing:-.04px; */
	/* 	font-family: 'Open sans', Arial, sans-serif; */
		margin : 0; padding: 5px 10px; font-size: 1em; font-weight: 400; background-color: #00a6bd; color: #fff;}
	
	#menug ul {margin: 0; padding: 0; list-style-type: none;}
	#menug li { 
	/* 	font-family: 'Open sans', Arial, sans-serif; */
		margin: 0; padding: 3px 10px; font-size: .85em; font-weight: 400; border-top: solid 1px #eee;}
	#menug li:first-child {border: 0;}
	#menug strong {font-weight: 400;}
	#menug a:link, #menug a:visited {
	/* 	color: #599ede; */
		color: #666666; text-decoration: none; width:155px; display: block;}
	
	#menug > a {margin: 0 0 0 5px;}
	
	#menug a:link#current, #menug a:visited#current {
	/* 	color: #ea8400; */
	/* 	color: #e68400; */
		color: #00a6bd; text-decoration: none;}
	#menug a:hover {
	/* 	color: #e68400; */
		color: #00a6bd; text-decoration: none;}
	
	#menug li.ssmenu {
	/*
		list-style-image: url(../images/puce.gif) !important;
		list-style-position: outside !important;
		line-height: .9em;
	*/
		margin: 1px 0 10px 5px; padding: 0 10px; border: 0; list-style-type: none;}
	#menug li.ssmenu a:before {content: "› ";}
	#menug li.ssmenu:last-child {margin-bottom: 10px;}
	#menug li.ssmenu a:link, #menug li.ssmenu a:visited {
	/* 	background: url(../images/puce.gif) 0% 75% no-repeat; */
		font-weight: normal; 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;
	*/
	}


	/* CENTRE
	================================================== */
	#centre {font-family: "Open sans", arial, sans-serif; float:right; width: 730px; padding: 10px 15px; margin: 0 0 30px 0; background: white; font-size: .9em; border: 1px solid #d7d7d7;	
		box-shadow: 3px 3px 5px #c1c1c1; -moz-box-shadow: 3px 3px 5px #c1c1c1; -webkit-box-shadow: 3px 3px 5px #c1c1c1; -ms-box-shadow: 3px 3px 5px #c1c1c1;}
	
	#centre b, #centre strong {font-weight: 700;}
	

	/* Liste fiche */
	.photo {float: left; width: 150px; margin: 0 20px 0 5px;}
	.liste {margin: 10px 0; font-weight: normal; color: #444; overflow: hidden;}
	.liste_texte {float: left; width: 550px; padding: 0 0 5px 0;}
	.plusinfo {margin: 8px 20px 6px 0; padding: 0;}
	.plusinfo a {
	/* 	background-color: #e68400; */
		background-color: #00a6bd; padding: 3px 10px; font-size: 0.9em; color: #fff; text-decoration: none; border-bottom: solid 2px #e7e7e7; border-right: solid 2px #e7e7e7;}




/* FOOTER
================================================== */
#footer {
	font-family: "Open sans", arial, sans-serif;
	margin: 0 auto; /* pour éviter les marges */
	text-align: center; /* pour corriger le bug de centrage IE */
	position:relative;
	background: rgba(0,0,0,0.5);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#800000ff,endColorstr=#800000ff);
	width: 980px;
	height:220px;
	clear: both;
	font-size: .8em;
}
#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-weight: normal; color: #fff; text-decoration: none;}
#footer #wrapper a:hover {color: /* #0ff */#00a6bd;}




/* OTHER STYLE
================================================== */

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

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


td.agenda {
	font-size: 1.2em;
}
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;
}
.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;
}

ul#portfolio li img {
	border: 1px solid #ccc;
	padding: 4px;
}
#pub {
	width: 150px;
/* 	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: 'Open sans', Arial, sans-serif; */
	font-weight: 700;
	font-size: 0.8em;
/* 	text-transform: uppercase; */
}


a.etab:link, a.etab:visited {color: #444; 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: #00a6bd;)


/*** 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; visibility: hidden;}