/*---------------------------------------------------------------------------------------
  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: black;
	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: #FFFFFF;
	background-attachment: scroll;
	text-align: left; /* pour IE6 */
	height:100%;
}

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

#page {
	position: relative;
	width: 1024px;
	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:800px;
	background-image: url("../images/bg_page.jpg");
	background-repeat: repeat-y;

}


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

#sidebar {
	float: left; /* indispensable sinon header se place en-dessous */
	width: 270px;
	padding:0 0 0 0;
	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: 1024px;
	margin: 0;
	padding: 0;
	height: 280px;
	background: url("../images/top.jpg") no-repeat;
	border-bottom: 2px solid white ;
}

#description {
	position:absolute;
	top :5px;
	right:20px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:20px;
	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 {
	position:absolute;
	top : 0px;
	left : 0px ;
	margin:0;
	padding: 0;
	color:#FFF;
	font-size:12px;
	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 
---------------------------------------------------------------------------------------*/
#menu1{
	position:absolute;
	top:145px;
	left:130px ;
	width: 890px;
	height: 130px;
	border: none;
	margin: 0;
	padding: 0;
}
#m1 {
	float:left;
	width:145px ;
	height:130px;
	
}
#m1 a {
	display:block;
	width:100%;
	height:25px;
	font-size:14px;
	text-decoration: none;
	padding-top:105px;
}
#m1 a:hover{
	color: #F90;
}
.m1-enabled a {
	color: #F90;
}
#menu2{
	float:left;
	display:block;
	width: 1024px;
	height: 25px;
	border: none;
	margin: 0;
	padding: 0;
	background-color:#09F;
}
#menu2-list {
	/*display: block;*/
	margin: 0 0 0 15px;
	padding: 0 0 0 20px;
	height: 18px;
	list-style-type: none;
	line-height: 22px; /* centrage vertical du texte */

}
#menu2-list ul {
	text-align:center;
}

#menu2-list li {
	display:inline;
	margin: 0;
	padding: 0;
}
#menu2-list a {
	color: #FFF;
	text-decoration: none;
}

/*---------------------------------------------------------------------------------------
 Rapid link en dessous niveau 1
 ---------------------------------------------------------------------------------------*/
#rapid_link1 {
	float:left;
	display:block;
	padding: 0 0 0 15px; 
	margin: 0;
	color: #336;
	width: 1009px;
	height:25px;
	background-color:#EFB116;
	border-bottom: 2px solid blue;
}
#rapid_link1 ul{
	padding: 0 0 0 120px; 
	margin: 0;
	text-align:center;
}
#rapid_link1 li{
	display:inline;
	color:#FFF;
	line-height:25px;
	padding: 0 15px 0 0 ; 
	margin: 0;
}
#rapid_link1 a{
	font-family: arial;
	font-size: 14px;
	color:#0064A4;
}

#rapid_link2 {
	float:left;
	padding: 0 0 0 15px; 
	margin: 0;
	text-align: left;
	width: 254px;
	background-color:#0064A3;
}
#rapid_link2 li{
	list-style:square;
	color:#FFF;
	font-size:14px;
	line-height:20px;
}
#rapid_link2 a{
	font-family: arial;
	font-size: 14px;
	color: #FFF;
}
/*---------------------------------------------------------------------------------------
 Menu de gauche (3e et 4e niveaux)
---------------------------------------------------------------------------------------*/

#left-menu-title {
	float:left;
	padding: 0 0 0 15px; /* indispensable */
	margin: 0;
	text-align: left;
	font-family: arial;
	font-size: 14px;
	font-weight: normal;
	color: #336;
	width: 254px;
	height:25px;
	line-height:25px;
	background-color:#EFB116;
	border-top: 2px solid white ;
	border-bottom: 2px solid white ;
}
#left-menu-img img{
	float:left;
	padding: 0; /* indispensable */
	margin: 0;
	width: 270px;
	/*border-bottom: 2px solid white ;*/
}

#separator {
	float:left;
	width: 269px;
	height: 2px;
	margin:0;
	padding:0;
	background-color:#FFF;
}



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

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

#page-content {
	width: 710px;
	margin-left: 30px;
	margin-right: 10px;
	margin-top: 0;
	margin-bottom: 0;
	min-height:500px;
}
#page-content img{
	border: 1px solid #002B51;
	box-shadow: 3px 2px 5px rgba( 0, 0, 0, 0.5), 0 -1px 0 rgba( 255, 255, 255, 0.4);

}

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

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

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

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

#login-box {
	float:left;
	width: 259px;
	min-height: 34px;
	margin: 0;
	padding: 5px;
	background-color:#0064A3;
	/*background: url("../images/fond_login.jpg") top no-repeat, transparent	;*/
	text-align: left;
}
#login {
	margin: 5px 0px 5px 10px;
}
#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-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);*/
}
#connected {
	padding: 10px 0px 10px 15px;	
}
#not_published {
	padding-top:15px;
	color: #FC3;
	text-shadow: 1px 1px 2px black;
}

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

#search-box {
	float: right;
	background-color: transparent;
	margin: 5px 10px 0px 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 navy;	
}

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

#page-title {
	display: block;
	clear: both; /* nécessaire pour IE6 */
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 20px;
	text-align: left;
	padding: 0px 5px 0px 0px ;
	margin: 5px 5px 15px 20px ;
	width: auto;
	height: 40px;
	line-height: 40px; /* pour le centrage vertical du texte */
	border-bottom: 2px solid #0064A4;
}
#page-title-img{
	float:left;
	margin-left:-10px;
	margin-top:0px;
	padding-top:0px;
	width:auto;
	height: 50px;
}

.page-title-txt {
	display: block;
	margin:0;
	/*float: left;*/
	color: #666;
	padding: 0 8px 0 10px ;
}


#home_news { 
	float: left;
	width:1004px;
	heigth : 80px;
	border-bottom:2px solid #002b51;
	margin:0;
	padding:10px;
	text-align:left;
	background-color: #FFC;
}
#home_news img{
	padding-right:20px;
}
#titre_event {
	color:#F30;
	font-size:14px;
	padding-bottom:5px;
}

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




/*---------------------------------------------------------------------------------------
  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 */


/*---------------------------------------------------------------------------------------
  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 !important;
	color: #002B51 !important;
	text-align: left;
}

h2, .mce_h2  .mceText {
	font-weight: bold;
	font-size: 14px !important;
	color:#002B51 !important;
	text-align: left;
}

h3,.mce_h3  .mceText{
	font-weight: bold;
	font-size: 12px !important;
	color: red !important;
	text-align: left;
}

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 {
	color:#0064A4;
	margin:0;
	text-align: left;
}
li p, blockquote p {
/*	margin: .5em 0; */
	
}

/* Liens */

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

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

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

/* Images */

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

/* Tableaux */

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

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: 0px;
}