body {
	color: #F0E39E;
	background: #FFFFFF;
}
a {
	color: #000000;
}
a:hover, a:focus {
	color: #000000;
}
strong {
	color: #A1B55D;
}

/* Global */
#global {
	color: #F0E39E;
	background: #FFFFFF; /* Voir -> Note 1 ci-dessous */
}

#menu
{
float:left;
width:1024px;
}

#menu1
{
float:left;
width:610px;
padding-top:10px;
padding-left:27px;
}
#menu2
{
padding-top:10px;
float:left;
width:200px;
}
#menu3
{
 padding-top:-10px;
 margin-top:-10px;
 float:left;
width:180px;
display:inline-table;
 overflow:visible;
}

/* Navigation */



#navigation {
			width:279px;
			height:100%;
    font-family:Arial;
}

#navigation a 
{
	color: #000000;
}

#navigation p
{
  color:#000000;
  padding-left:10px;
  font-weight:bold;
}

#navigation a:hover, #navigation a:focus 
{
	background: #FFFFFF;
}

/* Contenu principal */
#contenu 
{
	color: #363B29;
	background: #FFFFFF;
 z-index:100;
}
#contenu a 
{
	color: #000000;
 z-index:100;
}
#contenu a:hover, #contenu a:focus 
{
	color: #000000;
 z-index:100;
}
#contenu strong 
{
	color: #181A12;
}
 
#global {
	min-height: 100%; /* -> 1 */
	width: 1024px;
	overflow: hidden; /* -> 2 */
	margin-left: auto;
	margin-right: auto; /* -> 3 */
}

/* En-tête */
#entete {
	padding: 0px;
	height:190px;
}
#entete h1 {
	margin: 0;
}
#entete h1 img {
	float: left;
	margin: 0px 0px 0px 0;
}

#entete .sous-titre {
	margin: 4px 0 15px 0;
}

#centre {background: url('../images/fond-menu3.png');}
/* Bloc central */
#centre {
	width: 100%;
	overflow: hidden;
}

/* Menu de navigation */
#navigation {
 background-color:Transparent;
	width: 277px; /* -> 4 */
	float: left;
	overflow:visible;
}

#navigation ul {
	margin: 0px;
	padding: 0px 90px 0px 20px;
	list-style: none;
 font-weight:bold;
}
#navigation a {
	display: block;
	height: 1%; /* -> 5 */
	padding: 6px 6px 6px 10px;
	line-height: 1.5;
	font-size: .9em;
	text-decoration: none;
}

/* Contenu */
#contenu {
	margin-left: 277px; /* -> 6 */
	padding : 0px 0px;
}
#contenu > :first-child {
	margin-top: 0px;
}
#contenu p {
	line-height: 1.0;
}
     
#contenu li
{
 font-family : Arial, Helvetica, "Nimbus Sans L", sans-serif;
 font-size:12px;
 color:Black;
}

#contenu a
{
 text-decoration:none;
 color:#000000;
}

.sectionh36
{
    font-weight:bold;
    font-size:34px;
	font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif;
    color:#CC0066;
	padding : 0px 0px 0px 10px;
    margin : 0px 0px 0px 10px; 
}

.st16lien
{
    font-weight:bold;
    font-size:14px;
	font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif;
    color:#FFCC33;
	padding : 0px 0px 0px 5px;
}


.groupepdfdroite
{
    background-color:#FFFFFF;
    margin :20px 0px 0px 0px;
    float: left;
    width: 321px;
    text-align: left;
    padding: 20px 0px 0px 0px;
    border-bottom: solid 4px #FFFFFF;
    border-top: solid 4px #FFFFFF;
}



.groupedetailgh
{
    background-color:#FFFFFF;
    margin :0px 0px 0px 10px;
    float: left;
    width: 498px;
    text-align: left;
    padding: 0px 0px 0px 10px;
    border-bottom: solid 4px #000000;
}


.groupedetailgb
{
    background-color:#FFFFFF;
    margin :0px 0px 0px 10px;
    float: left;
    width: 498px;
    text-align: left;
    padding: 0px 0px 0px 10px;
    border-top: solid 4px #000000;
}

.groupedetailgb2
{
    background-color:#FFFFFF;
    margin :0px 0px 0px 10px;
    float: left;
    width: 498px;
    text-align: left;
    padding: 0px 0px 0px 10px;
    border-top: solid 4px #000000;
    border-bottom: solid 4px #000000;
}



.detailpdfd
{
    background-color:#FFFFFF;
    margin :0px 10px 10px 0px;
    float: left;
    width: 70px;
    text-align: left;
    padding: 0px 10px 10px 0px;
}
hr {
  clear: both;
  visibility:hidden;
}

.trait {color :#000000;width:300px;border-top :dashed 10px #CC0066;border-bottom:dashed 10px #CC0066;text-align:left;clear:none; padding: 0px 0px 0px 10px;margin: 0px 0px 0px 0px;
}

.box1 img { border:0px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px}

.PanelG
{
    float:left;
    width:100%;
    height:480px;
    margin:0px 0px 0px 0px;
}

.renvoi12
{
    font-size:12px;
	font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif;
    color:#003366;
	padding : 24px 0px 0px 0px;
    margin : 0px 0px 0px 0px;
    vertical-align:middle;
}

p.st12lien
{
    font-weight:bold;
    font-size:14px;
	font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif;
    color:#FFCC33;
    margin:0px 0px 15px 0px;
	padding : 0px 0px 15px 15px;
    vertical-align:bottom; 
}

p.st12lien img, p.st12lien.span
{
    font-weight:bold;
    font-size:12px;
	font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif;
    color:#FFCC33;
    vertical-align:middle;
	padding : 0px 0px 0px 0px;
    display: inline-block; 
}

p.st12lien p.st12lien.span { 
   padding-left: 5px; 
}


p.renvoi12d{ 
    text-align:right;
    font-size:12px;
	font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif;
    vertical-align:bottom; }
 
p.renvoi12d img, p.renvoi12d.span
{
    font-size:12px;
	font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif;
    color:#003366;
    vertical-align:middle;
    display: inline-block; 
}
p.renvoi12d.span { 
   padding-left: 5px; 
}

 #main {
	margin:0 auto; padding:0;
	width:1022px;	/******** DEBUT DU CODE QUI T'INTERESSE ********/
	position:relative;	/* relative permet de contenir la div suivante #flashContent 
								  pour éviter qu'elle aille se coller en haut à gauche de l'écran/*  */
 overflow:visible;
    top: 0px;
    left: 0px;
}

#flashContent {
			position:absolute; /* absolute permet de dissocier complètement la position de la div du reste de la page */
			top:0; left:0; /* on gère la position de la div au pixel près avec top et left */
			z-index:99; /* z-index définit l'ordre de superposition des div. Donc un z-index:2 sera par dessus un z-index:1 */ 
		}

.t12bwhite
{
    font-size:12px;
	font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif;
    color:#FFFFFF;
    font-weight:bold;
    text-align:center;
}
.t12bblack
{
    font-size:12px;
	font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif;
    color:#000000;
    font-weight:bold;
    text-align:center;
}

.t12black
{
    font-size:12px;
	font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif;
    color:#000000;
    text-align:center;
}

.t14
{
    font-size:14px;
	font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif;
    color:#000000;
}


.t26
{
    font-size:28px;
	font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif;
    color:#FFFFFF;
    text-align:left;
    font-weight:bold;
    margin:10px 15px 5px 15px;
}


.t30
{
    font-size:28px;
	font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif;
    color:#FFFFFF;
    text-align:left;
    margin:5px 5px 5px 5px;
}

.t24
{
    font-size:24px;
	font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif;
    color:#FFFFFF;
    text-align:left;
    font-weight:bold;
    margin:10px 15px 5px 15px;
}

.t22
{
    font-size:22px;
	font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif;
    color:#FFFFFF;
    text-align:left;
    font-weight:bold;
    margin:10px 15px 5px 15px;
}

.t20
{
    font-size:20px;
	font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif;
    color:#FFFFFF;
    text-align:left;
    font-weight:bold;
    margin:10px 15px 5px 15px;
}

.t18
{
    font-size:18px;
	font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif;
    color:#FFFFFF;
    text-align:left;
    font-weight:bold;
    margin:10px 15px 5px 15px;
}

.t16
{
    font-size:16px;
	font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif;
    color:#FFFFFF;
    text-align:left;
    font-weight:bold;
    margin:10px 15px 5px 15px;
}


#contenu ul.decale
{
  padding: 0px 0px 0px 40px;
 /* margin : 0px 0px 0px 40px; */
}

.groupeselectleft
{
    background-color:#FFFFFF;
    float: left;
    width: 300px;
    text-align: left;
    padding: 0px 17px 5px 0px;
    border-bottom: solid 4px #000000;
    border-top: solid 4px #FFFFFF;
    margin-left: 40px;
    margin-right: 17px;
    margin-bottom: 5px;
}

.groupeselectright
{
    background-color:#FFFFFF;
    padding: 0px 17px 5px 0px;
    float: left;
    width: 300px;
    text-align: left;
    border-bottom: solid 4px #000000;
    border-top: solid 4px #FFFFFF;
    margin-bottom: 5px;
}

.spantitreh32 { background-image:url('../images/trait41.gif');  background-repeat:repeat-x; 	padding : 0px 0px 0px 0px;
	margin : 0px 0px 0px 0px;
	background-position: left center;
 display:inline-block;
 height:41px;}
/*********************************/
#logo {
float:left;	
margin:0px 0px 0px 0px;
 width:250px;
 height:130px;
 }
		
#actus{background:url(22actus.png) top left no-repeat; padding-left:32px;}

#col1{
	width: 350px;
    height:350px;
	background: url(IL_Panneau.jpg) no-repeat left top;
}

#map 
{
    height:650px;
    width:712;
    margin :30px 0px 0px 40px;
}

#divPlayer_0 
{ 
    margin :30px 0px 0px 40px;
    height:600px;
    width:650px;
}

#enteteleft
{
    background-color:#FFFFFF;
    margin :0px 0px 0px 0px;
    float: left;
    width: 277px;
    text-align: left;
    padding: 0px 0px 0px 0px;
}

#enteteright
{
    background-color:#FFFFFF;
    margin :0px 0px 0px 0px;
    float: left;
    width: 742px;
    padding: 0px 0px 0px 0px;
}

#menuaccueil
{
float:left;
width:220px;
padding-top:10px;
padding-left:25px;
}

#navigation li.ssmenu {
	margin: 0px;
/*	background: #FFF url('../images/ssmenu.png') no-repeat center;*/
	padding: 0px 0px 0px 0px;
	list-style: none;
 font-weight:bold;
width:200px;}

#navigation a.urltheme {
	display: block;
	height: 1%; /* -> 5 */
	padding: 6px 6px 6px 10px;
	line-height: 1.0;
	font-size: .7em;
	text-decoration: none;
}

/********************************/

#sousmenu1 
{
  width: 110px;
  height: 48px;
  margin-left : 20px ;
  background-color:#FFF;
  padding-left:20px;
  border-left: solid 2px #000000;
 float :left;

}

#sousmenu1 ul 
{
  padding: 3px 0 0 0px;
  margin: 0px 0 0 0px;
  list-style: none;
}

#sousmenu1 ul li 
{
  width:185px;
  margin-top:5px;
 padding-top:5px;
  margin-right: 5px;
  display: inline;
/* display:inline-block;*/
}

#sousmenu1 li a 
{
  text-decoration: none;
  color: #000;
  font-size: 1em;
  font-weight: bold;
  font-variant: small-caps;
}