/*---------------------------------------------------------------------------------------
  Arrière-plan et paramètres généraux
---------------------------------------------------------------------------------------*/

html {
	/* Pour éviter un bug de redimensionnement du texte dans IE */
	font-size: 100%;
}

body {
	margin: 0; /* supprime les marges par défaut */
	padding: 0;
	font-family: Tahoma, "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #643764;
	font-size: 12px;
	/*font-size: .8em;*/ /* A adapter : entre .65em et 1em */
	/* Dépend de la taille du tx par défaut du navigateur, svt 16px */
	background-color: #ccabc6;
	background-image: url("../images/bg_body.jpg");
	background-repeat: repeat-x;
	background-attachment: scroll;
	background-position: left top;
	text-align: left; /* pour IE6 */
	height:100%;
}

/*---------------------------------------------------------------------------------------
  Conteneur principal
---------------------------------------------------------------------------------------*/

#page {
	position: relative;
	width: 950px;
	background: url("../images/bg_page.png") repeat-y,  white ;
	padding: 0;
	text-align: center; /* aligne le contenu */
	border-left: 1px solid #ccc;
	border-right: 1px solid gray;
	border-top: 1px solid #ccc;
	border-bottom: 2px solid gray;
	box-shadow: 3px 2px 5px rgba( 0, 0, 0, 0.5), 0 -1px 0 rgba( 255, 255, 255, 0.4);
	margin:0 auto ;
	min-height:600px;
}
#logo {
	position:absolute;
	top:25px;
	left:0px;
	margin: 0;
	padding: 0;
	width: 153px;
	height: 200px;
}

#logo a, #logo a:link, #logo:visited {
	display: block;
	padding: 0;
	margin: 0;
	width: 153px;
	background: url("../images/sax.png") -10px 0px no-repeat;
	cursor: pointer;
	height: 200px;
}

#logo span {
	display: none;
}


/*---------------------------------------------------------------------------------------
  Zone de gauche avec  menu
---------------------------------------------------------------------------------------*/

#sidebar {
	float: left; /* indispensable sinon header se place en-dessous */
	width: 153px;
	padding-top:60px;
	background-color: #C59BC3;
	color: #387EB9;
	/*box-shadow: 3px 2px 5px rgba( 0, 0, 0, 0.5), 0 -1px 0 rgba( 255, 255, 255, 0.4);*/
}

/*---------------------------------------------------------------------------------------
  Bannière supérieure et choix de la langue
---------------------------------------------------------------------------------------*/

#header {
	float: right;
	width: 950px;
	margin: 0;
	height: 130px;
	background: url("../images/top.jpg") no-repeat;
}


#description {
	position:absolute;
	left:120px;
	padding-top: 40px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:22px;
	font-weight:normal;
	text-shadow: 0px 1px 2px white;
	color: #FFF;
    text-shadow: -1px 0 #444, 0 1px  #444, 1px 0 #444, 0 -1px #444, 0px 1px 5px black;
}

#switch-langues {
	margin:0;
	float:right;
	color:#FFF;
	padding: 0px 10px 0px 10px ;
	font-weight:bold;
	font-size:14px;
	line-height:20px;
	text-shadow: 0px 1px 2px black;
}
#switch-langues a{
	color:#FFF;
	text-decoration:none;
}
#switch-langues a:hover{
	color: #F90;
	text-decoration:none;
}
#switch-langues li{
	display:inline;
}
/*---------------------------------------------------------------------------------------
  Menu 1 : menu de 1er niveau avec images de fond (onglets)
---------------------------------------------------------------------------------------*/
#menu1{
	position:absolute;
	top:105px;
	width: 950px;
	height: 25px;
	background-repeat: no-repeat;
	border: none;
	margin: 0;
	padding: 0;
	background-image: url("../images/fond_menu2.png");
}

#top-menu1 {
	position:absolute;
	left: 150px;
	display: block;
	margin:0;
	padding:0;
	width: 800px;
	height: 25px;
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size: 10px;
	text-align:center;
	line-height:15px;
	color:#FFF;

}

#int {
	padding-top:4px;
	/*font-size: 17px;*/
	font-size: 15px;
	font-weight: bold;
	text-shadow: 0px 1px 2px black;

}
#int1 {
	padding-top:4px;
	/*font-size: 15px;*/
	font-size: 14px;
	text-shadow: 0px 1px 2px black;
}
#int2 {
	padding-top:6px;
	font-size: 13px;
	text-shadow: 0px 1px 2px black;
}

#top-menu1 a {
	color: #FFF;
	/*font-weight: bold;*/
	margin-left:5px;
	margin-right:3px;
	text-decoration: none;
}

#top-menu1 a:hover,
#top-menu1 a.enabled {
	/*color: #F30;*/
	color: #F4B85E;
	text-decoration: none;
}


/*---------------------------------------------------------------------------------------
  Menu 2 : menu de deuxième niveau
---------------------------------------------------------------------------------------*/

#top-menu2 {
	float: left;
	display: inline;
	width: 950px; 
	height: 21px;
	background-image: url("../images/bg_menu2.gif");
	background-repeat: repeat-x;
	padding: 0;
	margin:0;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000;
	box-shadow: 1px 2px 5px rgba( 0, 0, 0, 0.5), 0 -1px 0 rgba( 255, 255, 255, 0.4);

}

#top-menu2-list {
	/*display: block;*/
	margin: 0 0 0 15px;
	padding: 0 0 0 145px;
	height: 18px;
	list-style-type: none;
	line-height: 18px; /* centrage vertical du texte */

}
#top-menu2-list ul {
	text-align:center;
	background-color:#0C9;
}

#top-menu2-list li {
	display:inline;
	margin: 0;
	padding: 0;
	background-color: transparent;
	border: 0;
	height: 18px;
	width:auto;
}

#top-menu2 a {
	margin: 0;
	padding: 0 3px 0 3px;
	border: none;
	height: 18px;
	color: #643764;
	text-decoration: none;
	background-color: transparent;
	position: relative; /* oblig. pour IE6 */
}

#menu_on{
	color: #E44F38;
}
#top-menu2 a:hover {
	background-color: transparent;
	/*color: gray;*/
	color: #F60;
	border: 0;
	cursor: pointer;
}
#top-menu2 a:active {
	background-color: transparent;
	/*color: gray;*/
	color: #F60;
	border: 0;
	cursor: pointer;
}

#top-menu2 a.enabled {
	color: #F60;
}

/*---------------------------------------------------------------------------------------
 Menu de gauche (3e et 4e niveaux)
---------------------------------------------------------------------------------------*/

#left-menu {
	/* float: left; */
	display: block;
	list-style-type: none;
	padding: 0; /* indispensable */
	margin: 0;
	text-align: left;
	font-family: arial;
	font-size: 12px;
	font-weight: normal;
	/*color: #001488;
	color: #FF0000;*/
	color: #F90;
	width: 153px;
}
#left-menu li {
	margin: 0;
	padding: 0;
	width: 153px; /* obligatoire pour IE6 sinon espaces intempestifs */
	background-color: transparent;
	margin-top:2px;		
	padding-top:2px;
	padding-bottom:1px;
	list-style-type: none;


}
#left-menu a {
	font-weight: bold;
	text-decoration: none;
	/*color: #425C88; 
	color: #3F5372;*/
	color: #643764;
}

#left-menu a.enabled,
#left-menu a:hover {
	color: #F60;
	font-weight: bold;

}
.separator {
	background-image: url("../images/sep_menu.gif");
	background-repeat: no-repeat; /* obligatoire pour IE6 */
	width: 153px;
	height: 2px;
	margin:0px;
	padding:0px;

}


#left-menu-login,
#left-menu-login ul,li {
	margin: 0; 
	padding: 0;
	width: 153px; /* obligatoire pour IE6 sinon espaces intempestifs */
	background-color: transparent;
	/*height:54px;*/
	/*text-align:left;*/

}
#left-menu-login a {
	display:block;
	font-size: 11px;
	margin-left:15px;
	color: #405F84;
	font-weight: bold;

}
#left-menu-login li {
	list-style:none;
}
#left-menu-login {
	/*background-color: #B0C8FF;	*/
	background-color: #c5d8e9;
}
#left-menu-login a:hover {
	color: #F60;
	font-weight:normal;
	text-decoration:none;
	font-weight: bold;
}

.left-menu-item {
	background-color: #643764;
	color: #ffffff;
	/*width: 150px;*/ /* réduit de 153 à 150 pour IE 8 */
	width : auto;
	/*height: 22px;*/
	margin: 0;
	padding: 0; /* avant : 3px */
	line-height: 22px;

}

#left-menu-footer {
	float: left;
	margin: 0;
	padding: 0;
	width: 153px;
	height: 91px;
}

.infos-sidebar {
	list-style-type: none;
	padding: 0; /* indispensable */
	margin: 0;
	text-align: left;
	font-family: Tahoma;
	font-size: 10px;
	font-weight: normal;
	color: white;
}

#left-menu ul,li {
	/* pour annuler les parametres par defaut du browser */
	padding: 0;
	margin: 0;
	vertical-align: bottom;


}
.level3 {
	vertical-align: bottom;
	list-style-type: none;
	font-size: 12px;
	color: #643764;

}
.level3 li{
	list-style-type: none;
	vertical-align: bottom;
	background: transparent url("../images/btn_l3.jpg") no-repeat top;
	
}


#level3_on {
	list-style-type: none;
	vertical-align:bottom;
	background: transparent url("../images/btn_l3_on.jpg") no-repeat top;

}


.level4 {
	list-style-type: none;
	display: none;
	margin-left: 18px;
	font-size: 0.8em;
	color: #643764;

}
#level44 {

	line-height:14px;
	height:14px;
	background: transparent url("../images/l4_off.jpg") no-repeat left;
}

#level4_on {
	line-height:14px;
	height:14px;
	background: transparent url("../images/l4_on.jpg") no-repeat left;
}
	
.rapid_link {
	height:40px;
	text-align:center;
	padding-top:10px;
}
.frl {
	background-image:url("../images/loupe.jpg");
	background-color: transparent;
	padding: 10px 0 10px 0;
}

/*---------------------------------------------------------------------------------------
  Corps du document
---------------------------------------------------------------------------------------*/

#content {
	background-color: transparent;
	float: right;
	width: 787px;
	height: auto;
	margin: 0;
	padding: 0;
	text-align: left;
}

#page-content {
	background:white;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 0;
	margin-bottom: 0;
	min-height:500px;
}

/*---------------------------------------------------------------------------------------
  Pied de page
---------------------------------------------------------------------------------------*/

#footer {
	clear: both;
	display: block;
	background: url("../images/bg_page.png") repeat-y,  white ;
	width: 100%;
	height: 145px;
	padding: 0;
	margin-bottom: 0;
}

#copyright {
	float: right;
	width: 787px;
	height: 91px;
	background-color: white;
	text-align: center;
	padding: 15px 0 0 0;
}

/*---------------------------------------------------------------------------------------
  Formulaires de saisie
---------------------------------------------------------------------------------------*/

#login-box {
	clear: both;
	width: 153px;
	min-height: 50px;
	margin: 0;
	padding: 0;
	background: url("../images/fond_login.jpg") top no-repeat, #e2cfe3	;
	text-align: left;
	vertical-align: middle;
	text-decoration:none;
}
#login {
	padding: 5px;
	padding-right:0px;
	
}
#login input {
	height:12px
}
#login input[type=image] { 
	height:22px
}
#login-box a {
	font-size: 11px;
	text-align: left;
	margin-left: 0px;	
	color: #EEE;
	text-decoration:none;
	text-shadow: 0px 1px 1px black;

}
#login-box a:hover {
	color: #F90;
}
#login-invalid {
	color: #F00;
	padding-left:5px;
}
/* pour formulaire login, search, ... */
input.form-text {
	background-color: white;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: gray;
	padding-left: 2px;
	margin: 0;  /* nécessaire pour Chrome */
}

#login-links-inscription,
#login-links-inscription a {
	padding-top: 2px;
	display: block;
	font-size: 11px;
	text-align: left;
	margin: 0; /* sinon marge automatique */
	margin-left: 2px;	
	color: #643764;
	font-weight: bold;
	/*text-shadow: 1px 1px 3px white;*/
	text-shadow: 0px 1px 1px white;
}
#login-links-forget a {
	display: block;
	font-size: 9px;
	text-align: left;
	margin: 2px 0 0 0; /* sinon marge automatique */
	margin-left: 3px;	
	font-weight: bold;
}
#login-zone-links,
#login-zone-links li a {
	padding-top: 2px;
	display: block;
	font-size: 11px;
	text-align: left;
	margin: 0; /* sinon marge automatique */
	margin-left: 2px;	
	color: #636;
	font-weight: bold;
	/*text-shadow: 1px 1px 3px white;*/
	text-shadow: 0px 1px 1px white;
}

#login-box input{
	vertical-align: middle;	
	/*background-color: rgba(255, 255, 255, 0.2);	
	border: 1px solid  #FFF;
	box-shadow: 0 0 5px rgba( 0, 0, 0, 0.5), 0 -1px 0 rgba( 255, 255, 255, 0.4);*/
}
#login-line {
	margin: 10px 7px 2px 3px ;
	border-color:#FFF;
}
#connected {
	padding: 10px 0px 10px 15px;	
}

#search-box input{
	vertical-align: middle;
}

#search-box {
	float: right;
	background-color: transparent;
	margin: 10px 10px 10px 5px;
	text-align: right;
	width: 100%;
	/*background-color: #ECECEC;*/
	/*width: 230px;
	height: 24px;
	margin: 10px 10px 15px 5px;
	padding: 3px 3px 3px 3px;*/
}

#login-legend {
	line-height: 2em;
}


/*---------------------------------------------------------------------------------------
  Path : affichage du chemin complet de la page
---------------------------------------------------------------------------------------*/

#page-path {
	position:absolute;
	top:153px;
	left:160px;

	float: left;
	font-size: 9px;
	color: #999999;
	padding: 0;
	margin: 5px 1em 0 1em;
}

#page-path a:link, #page-path a:visited {
	color: #999999;
	text-decoration: none;
	/*font-weight: bold;*/
}

#page-path a:hover {
	color: #F93;
	border-bottom: 1px solid #F93;	
}

/*---------------------------------------------------------------------------------------
  Titre de la page
---------------------------------------------------------------------------------------*/

#page-title {
	display: block;
	clear: both; /* nécessaire pour IE6 */
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 18px;
	text-align: left;
	padding: 0px 5px 0px 0px ;
	margin: 30px 5px 10px 10px ;
	width: auto;
	height: 20px;
	line-height: 18px; /* pour le centrage vertical du texte */
	border-bottom: 2px dotted;
	border-top: 2px dotted;
	border-color: #C59BC3;
}


.page-title-txt {
	display: block;
	float: left;
	color: #643764;
	background-color: white;
	padding-left: 0;
	padding-right: 8px;
}

.titre2,
.titre2 a:link ,
.titre2 a:visited { /* titre des news */
	font-weight: bold;
	font-size: 13px;
	color: #369;
	text-align: left;
	padding-bottom: 5px;
	line-height:12px;
}

.titre2 a:hover 
 { /* titre des news */
	font-weight: bold;
	font-size: 13px;
	color: #F60;
	text-align: left;
	padding-bottom: 5px;
}

.news{ /* bord des image dans news*/
	border-style: solid;
	border-color: #666;
	border-width:1px;
	margin-left: 2px;
	margin-right: 10px;
	margin-bottom: 10px;
}

.agenda{ /* bord des image dans agenda*/
	border-style: solid;
	border-color: #666;
	border-width:1px;
	margin-left: 2px;
	margin-right: 10px;
	margin-bottom: 10px;
}

.punaise {
	 /* background-image:url("../images/punaise.png");*/
	display: block;
	 /*float: left;*/
	background-image: url("../images/punaise.gif");
	background-repeat:no-repeat;
	background-position:right;
	width: 350px;
	 /*height: 25px;*/
	line-height: 25px;
	vertical-align:middle;

}
.table_event {
	/* border: thin solid #bbbbbb;*/
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.agenda_publier { /* phrase Actualité publiée le 25/04/1963 */
	color: #999; 
	font-size: 9px;
}

/* les boutons + et - dans les news et agenda */
.more {
      display: none;
}
a.showLink, 
a.hideLink,
a:hover.showLink{
      padding-right: 8px;
	  color: #333;
      /*background: transparent url(../images/more.png) no-repeat right; */

}
a.hideLink {
	  padding-left: 10px;
	  padding-bottom:2px;
      background: transparent url(../images/less.png) no-repeat right;
}



/*
.event a:link, .event a:visited  {
	text-decoration: none;
	font-weight: bold;	
	color: #141C64;
	text-align: left;
}
*/

/*---------------------------------------------------------------------------------------
  Adaptation du style de l'éditeur TinyMCE
---------------------------------------------------------------------------------------*/

/* Pour que le fond soit blanc et non identique au <body> */
.mceContentBody {
	background-image: none;
	background: #FFFFFF;
}

/* Pour que le menu de niveau 1 soit mis en forme correctement dans la liste des formats */
.mce_h1 .mceText {
	font-weight: bold;
	font-size: 16px !important;
	color: #387EB9 !important;
	text-align: left !important;
}


/*---------------------------------------------------------------------------------------
  Mise en forme du CONTENU - Styles utilisés par l'éditeur WYSIWYG
---------------------------------------------------------------------------------------*/

/* Titres */

h1, h2, h3, h4, h5, h6 {
	margin: 1em 0 .5em 0;
}

/* .titre2 sert pour les news */
h1, .mce_h1 .mceText {
	font-weight: bold;
	font-size: 16px;
	color: #643764;
	text-align: left;
}

h2, .mce_h2 .mceText {
	font-family: Georgia, "Bitstream Vera Serif", Norasi, serif;
	font-weight: bold;
	font-size: 12px;
	font-style: italic;
	color: black;
	text-align: left;
	padding-left: 10px;
}

h3 {
	font-weight: bold;
	font-size: 12px;
	color: black;
	text-align: left;
	padding-left: 10px;
}

h4 {

}

h5 {

}


/* Listes */

ul, ol {
	/* Pour supplanter le padding-left ou margin-left des navigateurs */
	margin: .75em 0 .75em 24px;
	padding: 0;
}
ul {
	list-style: square;
}
li {
	margin: 0;
	padding: 0;
	width:auto;
	list-style: disc;
}

/* Paragraphes */

p {
	margin: .75em 0;
	text-align: left;
}
li p, blockquote p {
	margin: .5em 0;
}

/* Liens */

a {
	color: #C59BC3;
	text-decoration: none;
}
a:hover, a:focus {
	color: crimson;
	text-decoration: underline;
}
a img {
	border: none;
}

/* Divers éléments de type en-ligne */

em {
	font-style: italic;
}
strong {
	font-weight: bold;
	color: dimgray;
}

/* Images */

img {
	border: none; /* pour IE6 */
	margin: 0;
	padding: 0;
}

/* Tableaux */

table {
	/*border: thin solid #bbbbbb; */
	border-collapse: collapse;
	/*margin: auto; */ /* centre le tableau */
}

th {
	background-color: transparent;
	background-image: url("../images/bg-th.jpg");
	background-repeat: repeat;
	background-attachment: scroll;
	background-position: 0% 0%;
	border: thin solid #bbbbbb;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 5px;
	text-align: left;
}

td {
	/* border: thin solid #bbbbbb;*/
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 8px;
}