/* CSS Document */

/* -------------------------- GENERAL ----------------------------*/


*
{
margin: 0;
padding: 0;
/*border: none;*/
font-size: small;
font-weight: normal;
font-style: normal;
/*text-decoration: none;*/
font-family: Arial, Helvetica, sans-serif;
color: #0b63a2;

}

.Encart {background-color:white;}

body {
	background-color : #0b63a2; /* couleur de fond : bleu */
	/*background-image:url(../img/Background-Recto-Web.png);*/
	margin:0; /* suppression de toutes les marges */
	padding:0;
	margin-left:5%;
	margin-right:5%;
	width:90%;
	scrollbar-face-color:GhostWhite;
	scrollbar-highlight-color:#0b63a2;
	scrollbar-3dlight-color:#0b63a2;
	scrollbar-darkshadow-color:black;
	scrollbar-arrow-color:#0b63a2;
	scrollbar-track-color:#0b63a2;
}


h1  { 	font-size: x-large;
	color:#1b2e68;
	text-align: center;
	margin-top:1em;
	margin-bottom:1em; }

h2  { font-size: large;
	color: Red;
	text-align: center ;
	margin-top:1.0em;
	margin-bottom:1em;}

h3 { font-size: medium;
	text-align: center;
	margin-top:1em;
	margin-bottom:0.5em; }

h4  { font-size: small;
	text-align: left;
	margin-top:0.5em;
	margin-bottom:0.5em; }

h5  { font-size: small; text-align: left;
	margin-top:0.5em;
	margin-bottom:0.5em; }

p {
	margin-top:0;
	margin-bottom:0.5em; }
}

ul {
	margin-top:0;
	margin-bottom:0.5em;}

a  { color: #0b63a2;
	font-size: 100%;
}
a:hover { color: red;
}

img {
  border:0;
  padding:0;
  margin:0;
}


/* -------------------------- DIV CONTENU ----------------------------*/

#Contenu  { background-color: White;
	/*background-image:url(../img/Background-Recto-Web.png);*/
	background-image:url(../img/Background-Verso-Web.png);
	text-align: center;
	float: none;
	margin:0;
	padding-top:0;
	padding-bottom:0.5em;
	padding-left:2em;
	padding-right:2em;
 }

/* -------------------------- DIV BANDEAU ----------------------------*/

#Bandeau {
	float: none;
	width: 100%;
	margin:0;
	padding:0;
}


/* -------------------------- Espace du LOGO ----------------------------*/
#logo {
 	/*
 	background-color : Black;
	*/
	margin:0;
	padding:1em;
	float:left;
	text-align:center;
	/*width: 15em;*/
	width: 17%;
}
#logo img {
  border:0;
}
/* -------------------------- Espace du formulaire de RECHERCHE ----------------------------*/
#Recherche {
 	/*
 	background-color : #0b63a2; /* couleur de fond :  foncé */
	*/
	float:none;
	margin:0;
	padding:0;
	padding-top: 2em;
	padding-left: 1em;
	text-align:left;
}
/* -------------------------- Boutons ----------------------------*/
#Boutons {
	float: none;
	margin:0;
	padding:0;
	margin-top:0.5em;
	/*background-image: url(../img/bande.gif);
	background-position:0 0;
	background-repeat:repeat-x;*/
}

#Bandeau .bouton {
	float: left;
	margin:0;
	padding:0;
	padding-left:0.6em;
	padding-right:0.6em;
}
#Bandeau .actif {
 color: #0b63a2; /* couleur = bleu clair */
 }
#Bandeau .bouton a:link  { color: #1b2e68; text-decoration: none; }
#Bandeau .bouton a  { color: #1b2e68;text-decoration: none; }
#Bandeau .bouton a:hover { color: Red; }


/* --------------------------  ----------------------------*/

#Boutons h1  {
	color: #1b2e68;
	font-weight: bold;
	font-size: small;
	margin-bottom: 0.3em }

/*------------------------- Banniere --------------------*/

#Banniere {
	background-color : White; /* couleur de fond  */
	align:center;
	float:none;
	margin:0;
	padding:0;
 	  }
#Banniere marquee {
	width:80%;
	margin-left: 0.10em;
	/*behavior=scroll direction=up width=115
	scrollamount=1 scrolldelay=30 onmouseover="this.stop()"
	onmouseout="this.start()">...</*/
}
#Banniere h1 {
 	color: #0b63a2;
 	font-size: large;
	margin: 0;
	padding: 0;
 	background-color : blanc; /* couleur de fond : blanc */
	 }



/* -------------------------- DIV Actualites à DROITE déroulant----------------------------*/
#ActualitesDeroulantes   {
	background-color: GhostWhite;
	float: right;
	margin-top: 0.5em;
	margin-right: 0.5em;
	margin-bottom: 0.5em;
	padding: 0.5em;
	border: solid thin #6495ed;
	width: 30%;
	height: 10em;
	overflow: auto }

#ActualitesDeroulantes .Titre h1 {
 	color: #0b63a2; /* couleur =  fonce */
 	font-size: large;
	text-align:center;
	margin-top: 0em;
	padding-top:0.10em;
	padding-bottom:0.10em;
	margin-bottom: 0em;
}

#ActualitesDeroulantes h1   {
	color: Red;
	font-weight: bold;
	font-size: large;
	margin-top: 0.5em;
	margin-bottom: 0.10em;
	text-align:center;
	 }
#ActualitesDeroulantes h2  {
	font-weight: bold;
	font-size: medium;
	margin-top: 0.10em;
	margin-bottom: 0.10em; }
#ActualitesDeroulantes ul   {
	font-size: medium;
	font-weight: bold;
	list-style-type: square;
	padding-left:1.4em;
	padding-right: 0.10em;
	margin-top: 0.1em;
	margin-bottom: 0em;
	 }
#ActualitesDeroulantes li  {  }
#ActualitesDeroulantes li span  {  }
#ActualitesDeroulantes a  {  }
#ActualitesDeroulantes a:hover { color:#1b2e68;}
#ActualitesDeroulantes h2 a  {font-size: medium;  }

/* -------------------------- DIV Actualites à DROITE ----------------------------*/
#Actualites  {
	background-color: GhostWhite; /* couleur =   */
	/*background-image:url(../img/Background-Recto-Web.png);*/
	background-image:url(../img/Fond_Web.png);
	float: right;
	margin-top: 1.9em;
	margin-bottom: 1.9em;
	margin-right: 0.10em;
	padding-top: 0em;
	padding-left: 0.10em;
	padding-right: 0.10em;
	padding-bottom: 1.9em;
	width: 40%;
	height: 80%;
	overflow: auto ;
	border: solid medium #0b63a2;
	}
#Actualites .Titre h1 {
 	color: #0b63a2; /* couleur =  fonce */
 	font-size: large;
	text-align:center;
	margin-top: 0em;
	padding-top:0.10em;
	padding-bottom:0.10em;
	margin-bottom: 0em;
}

#Actualites h1   {
	color: Red;
	font-weight: bold;
	font-size: large;
	margin-top: 0.5em;
	margin-bottom: 0.10em;
	text-align:center;
	 }
#Actualites h2  {
	font-weight: bold;
	font-size: medium;
	margin-top: 0.10em;
	margin-bottom: 0.10em; }
#Actualites ul   {
	font-size: medium;
	font-weight: bold;
	list-style-type: square;
	padding-left:1.4em;
	padding-right: 0.10em;
	margin-top: 0.1em;
	margin-bottom: 0em;
	 }
#Actualites li  {  }
#Actualites li span  {  }
#Actualites a  {  }
#Actualites a:hover { color:#1b2e68;}
#Actualites h1 a  {font-size: large;  }

#Actualites h2 a  {font-size: medium;  }

/* -------------------------- DIV TEXTE ----------------------------*/


#Texte {
	background-color : #FFFFFF; /* couleur de fond : blanc*/
	height:100%;/**/
	padding:1em;
	margin:0;
	margin-left:1em;
	margin-right:1em;
	float: none;
	border: solid medium #0b63a2;
}
#TexteIntro {
	background-color : #FFFFFF; /* couleur de fond : blanc*/
	height:100%;/**/
	padding:1em;
	margin:0;
	padding-top: 0.10em;
	padding-left:0.10em;
	padding-right: 0.10em;
	float: none;
}
#TexteIntro span  {
	color: Red;
	font-size: 100%;
}

#TextePlan {
	  padding:0;
	  margin:0;
	  float: none;
}
/* -------------------------- Classes Photos  ----------------------------*/
#Contenu .PhotoD {
	border:0;
	margin:0;
	padding:0;
	padding-left:0.5em;
	float:right;
	align:top;
	text-align: center;
}

#Contenu .PhotoG {
	border:0;
	margin:0;
	padding:0;
	padding-right:0.5em;
	float:left;
	align:top;
	text-align: center;
}

#Contenu .PhotoD p, #Contenu .PhotoG p  {
 	color: #0b63a2;
 	font-style: italic;
 	font-size: x-small;
 	text-align: center;
 }

#TexteIntro .PhotoG {
	border:0;
	margin:0;
	padding:2em;
	float:left;
	text-align:center;
	width:50%;
}

#TexteIntro .PhotoInfo {
	border:0;
	margin:0;
	padding:0;
	padding-left:0.5em;
	float:right;
	align:top;
	text-align: center;
}
#TexteIntro .PhotoInfo a span {
	display:none;
}
#TexteIntro .PhotoInfo a:hover span {
	display:block;
	position:absolute;
	border:solid medium #0b63a2;
	color:#000000;
	text-align:center;
	padding:0.15em;
	background-color:#FFFFFF;
	top:10em;
	left:12em;
	font-size:medium;
	width:50%;  
}

 
#Texte .PhotoG {
	border:0;
	margin:1em;
	padding:0em;
	float:left;
	text-align:center;
	width:30%;
}


/* -------------------------- ----------------------------*/

#Contenu iframe {
	frameborder:0;
	scrolling: auto;
}

#Contenu hr  {
	color: #0b63a2;
}

#Texte h3 {
	/*color: Red;*/
	text-align: left;
}
#Contenu h4  {
	color:Red; }

#Contenu ul    {
	text-align:left;
	list-style-type: disc;
	padding-right: 0.10em;
	padding-left: 1.4em }
#Contenu ul ul    {
	text-align: left;
	list-style-type: disc;
	padding-right: 0.10em;
	padding-left: 1.4em }

#Contenu li  {
	color:Black;
	font-weight: normal;
}
#Contenu li span  {
	color: Red;
}

#Contenu h3 span  {
	color: Red;
	font-size: medium;
}

#Contenu p   {
	text-align: justify;
	color: Black;
	/*font-weight: bold;*/
	font-size: small }

#Contenu .Centre {
	text-align:center;
}

#Contenu .Mev1 {
	font-size: x-large;
	font-weight:bold;
	text-align:center;
	margin-top:1.4em;
	color: Red;
}

#Contenu .Mev2 {
	font-size: medium;
	font-weight: bold;
	text-align:center;
	color: Black;
	margin-top:1.4em;
}

/* -------------------------- DIV  dans Texte ----------------------------*/
#Contenu .Encadre   {
	float: none;
	margin:0.10em;
	padding: 0.5em;
	border: solid medium #0b63a2;
}

#Contenu .Colonne, .Colonne2, .Colonne3   {
	float: left;
	margin-top: 0em;
	margin-left:1em;
	margin-right:1em;
	margin-bottom:0em;
	padding: 0;
}
#Contenu .Colonne2,   {
	width:45%;
}
#Contenu .Colonne3,   {
	width:30%;
}

#Contenu .Separateur   {
/*	width:100%;
	float:none;*/
	padding:0;
	margin:0;
	text-align:right;
	font-style:italic;
  clear: both;
}

/* ------------------------- RUBRIQUES --------------------------------------*/

.TexteRubrique1,.TexteRubrique1Old,.TexteRubrique2,.TexteRubrique3 {
	padding:1em;
	margin:0;
	margin:0.2em;
}

.TexteRubrique1 {
	float:none;
	border: solid medium #0b63a2;
}
.TexteRubrique1Old {
	float:none;
	background-color:GhostWhite;
}

.TexteRubrique1Old h2{
	color:Silver;
}

.TexteRubrique2 {
	float:left;
	width:45%;
}
.TexteRubrique3 {
	float:left;
	width:30%;
}


/* -------------------------- PIED ----------------------------*/

#Pied{
	margin:0;
	padding:0;
	padding-top: 0.10em;
	text-align:center;
}

#Pied p   {
	color: #0b63a2;
	font-size: x-small;
	text-align:center;
}

#Pied .Stats {
	background-color : white;
	text-align:center;
	padding-top :0em;
	padding-left:1.4em;
	padding-right:1.4em;
}