/* ++++++ BODY */
body {
	font-family: Verdana, Arial, Helvetica, serif, sans-serif;
	font-size: 12px;
	margin: 0;
	padding: 0;
	color: #cccccc;
	line-height: 1.2em;
	background-color: #182827; /*cette couleur sera appliquée sur tout body. Elle peut être différente ou continuer l'image */
	background-image: url(../images/fondhaut.jpg); /*Cette image viendra se placer sur le haut de body*/
	background-repeat: repeat-x; /*Ceci indique que l'image doit se répéter sur l'horizontal uniquement*/
}

/* ++++++ LIENS CONTENU */

a:link{
	color: #DAA520;
	text-decoration: none;
}

a:visited{
	color: #DAA520;
	text-decoration: none;
} 

a:hover{
	color: #cccccc;
	/*text-decoration: underline;*/
}


/* ++++++ GRAPH' PAGE */
div#conteneur {
	margin-top: 5px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	padding: 0px;
	width: 974px;
	height: auto;
}

.nojs{
	background-color: White;
	margin: 0;
	padding-top:5px;
	padding-bottom:5px;
	width:965px;
	height:auto;
	border:2px solid red;	
	color:red;
	text-align: center;
	font-weight: bold;	
}

div#tete {
	background: url(../images/tete.png) no-repeat;	
	margin: 0;
	width: 976px;
	height: 137px;
}

div#corps{
	z-index:0;
	background: url(../images/corps.png);
	margin: 0;
	width: 974px;
	height: auto;
}

div#pied{	
	background: url(../images/pied.png) no-repeat;
	margin: 0;
	width: 976px;
	height: 41px;
}

/* ++++++ MENTIONS*/

ul#mentions{
	margin: 0;
	padding: 17px 0 0;
	text-align: center;
	font-size: 10px;
	list-style-type: none;
}

#mentions li{
	display: inline;
}

#mentions a{
	color: #8D9DB0;
	text-decoration: none;
}

#mentions a:visited{
	color: #8D9DB0;
	text-decoration: none;
} 

#mentions a:hover{
	color: Silver;
}

/* ++++++ LOGO PRO INDEX*/

#logospro {
background: url(../images/fond_contenu.png);
	margin: 20px 0px 0px 15px;
	width: 940px;
	height: 45px;
	text-align: center;
	border: 1px solid White;
}


/* ++++++ HORLOGE*/

#horloge{
	position: absolute;
	margin: 14px 0px 0px 15px;
	padding: 0;
	width:auto;
	height: auto;
	color: #919191;
	font-size: 10px;
}


/* ++++++ ENTETE*/

p#www{
	position:absolute;
	margin:5px 0px 0px 0px;
}

#p_entete{	
	position: absolute;
	margin: 110px 0px 0px 235px;	
	width: auto;		
	padding: 0;
	height: 20px;
	color: #F1F1F1;
	font-size: 12px;
	font-weight: bold;
}

/* ++++++ CONTENU*/

h1{
	margin: 0;
	padding: 45px 0px 15px 240px; /* position du titre*/
	font-size: 16px;
	color: Silver;
}

h2, h3, h4{
	color: #6082A8;
	margin:0;
}

.b_color b{
	color:#6082A8;
}

div#page {
	background: url(../images/fond_contenu.png);
	margin: 0px 217px;
	padding: 5px;
	width: 520px;
	height: 510px; /* règle la hauteur du contenu + extension du graph'*/
	overflow: auto;
	border: 1px solid #4B4B4B;
}

div.cadredotted{
	margin: 10px;
	padding: 5px;
	width: auto;
	border: 1px solid Silver;
}

p{
	margin:0px 0px 10px 0px;	
	text-align: justify;
	text-indent: 20px;
}

hr#hrsep{
	margin-top: 30px;
	margin-left: auto;
	margin-bottom: 0;
	margin-right: auto;
	color: grey;
	background-color: grey;
	width: 150px;
	height: 1px;
	border: 0px;
}

#titre_liens{
	color: Highlight;
}

/* ++++++ MENU ACCUEIL */

#ul_menuac{
	position: absolute;
	margin:75px 0px 0px 40px;
	padding: 0;
	text-align: center;
	list-style-type: none;
}

#ul_menuac li{
	display:inline;
}

/* ++++++ MENU SERVICES */

div#m_services{
	position:absolute;
	margin:120px 0px 0px 20px;
	width:182px;
	height:auto;
	/*border:1px solid red;*/
}

#m_services p{
	font-size:15px;
	text-indent: 0%;/* annule l'indent imposé par les autres p*/
}

#m_services span{
	margin-right:80px;
	font-size:9px;
}

/* ++++++ ACCES AUX JEUX */

#accesjeux{ /*+++++++++++++++++++++++++++++*/
	position:absolute;
	margin:250px 0px 0px 40px;
	width: 144px;
	height: auto;
}

#texteBS div {
	background: url(../images/fond_survol.png);
	margin: -70px 0px 0px 170px;
	padding:5px;
	width: 320px;
	height: auto;
	color:#cccccc;
	border: 1px solid #4B4B4B;	
}

#texteBS div {visibility:hidden }
#texteBS:hover div {visibility:visible}


/* ++++++ MENU ARTICLES */

div#m_articles{
	background: url(../images/fond_contenu.png);
	position: absolute;
	margin: 125px 0px 0px 760px;
	padding:5px;
	width: 180px;
	height: auto;
	border: 1px solid white;
}

/* ++++++ PANCARTE BOUTIQUE */

div#boutique{
	position: absolute;
	margin: -35px 0px 0px 765px;
	width: 200px;
	height: 134px;		
}

a.bout_rol{
	display: block;
	width: 200px; 
	height: 107px;
	background-image: url(../images/gpms_boutique2.png);
}

a.bout_rol:hover { 
	visibility: visible
}

a.bout_rol:hover img {
	visibility: hidden;
}

/* ++++++ MENU HAUT */

.para {  /* dl, dt, dd, ul, li */
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#menuhaut {
	position: absolute;
	margin: 2px 0px 0px 295px; /* position générale du menu */
	z-index: 50;
	height: auto;
	/*border: 1px solid yellow;*/
}
#menuhaut .dlmh {
	float: left;
	width: 130px; /* espace entre les menus */
	margin: 0 1px;
}

#menuhaut .dtmh {
	text-align: center;
	font-weight: bold;
	background-image: url(../images/menu01.jpg);
	width: 110px; /* largeur menus */
	line-height: 26px; /* hauteur menus */
	/*border: 1px solid red;  /*cadre menus */
}

#menuhaut .ddmh {
	border: 1px solid #000000; /* cadre sous-menu */
	margin-top: 1px ; /* espace entre menu et sous-menu */
	width: 130px; /* largeur sous-menu */
	height: 155px; /* hauteur sous-menu */
	background-image: url(../images/sousmenu01.jpg);
}

#menuhaut .limh { 
	text-align: left;/*position liens de sous menu*/
	height: 18px; /*espace entre les liens de sous menu*/
}

#menuhaut .limh a, #menuhaut .dtmh a {
	text-decoration: none;
	display: block;
	height: 100%;	
}

#menuhaut .dtmh a:hover  { 
background-image: url(../images/menu02.jpg);	
}

#menuhaut .limh a:hover{
	background-image: url(../images/sousmenu02.jpg);	
	height: 16px;	/*hauteur image hover liens sous menu*/
} 

.ulmh{
	margin-top: 10px;/*hauteur liens de sous menu*/
}
.liajust{
	padding-left: 8px;/*retrait liens de sous menu*/		
}

/* ++++++ MENU BAS */


#ulmenubas{	
	position: absolute;
	margin:520px 0px 0px 40px;
	padding: 0;
	text-align: center;
	list-style-type: none;
	line-height: 20px;
}


/* ++++++ TOUS DROITS RESERVES */

#droits_reserves{
position:absolute;
	margin:10px 0px 0px 400px;
	padding: 0;	
	color: black;
	font-size: 12px;
	text-indent: 0px;		
}

/* ++++++ GALERIE */

ul#ulgalerie {
	position:absolute;
	margin:50px 0px 0px 165px;
	padding:0;
	list-style-type: none;
	text-align: center;
	font-weight: bold;	
	width: 200px;
	height:auto;
	line-height: 26px; 
	/*border:1px solid silver;*/
}

/* ++++++ SPAN FAQ (Cette FAQ a été faite avec un menu de http://www.cssplay.co.uk */

#menu {
  margin:0; 
  padding:0; 
  height:auto; 
  overflow:hidden;   
  }
#menu li {
  list-style-type:none; 
  float:left; 
  display:block; 
  width:100%;
  }
#menu li a {
  display:block; 
  text-decoration:none;   
  margin:0; 
  width:100%;
  }
#menu li a span {
  display:none;  
  }
#menu li a.one span {
  display:block; 
  height:15em; 
  margin:0 10px;
  }

#menu li a:hover span {
  display:block; 
  height:20em; /* Hauteur des span */
  margin:0 10px; 
  cursor:pointer;
  }
#menu .h2 {
  margin:0 5px; 
  padding:0; 
  border:0;
  }
#menu .h3 {
  margin:0 5px; 
  padding:0; 
  font-size:1.1em; 
  color:#00b;
  }

.curved {
  width:auto;
  }
  
.curved .b1, .curved .b2, .curved .b3, .curved .b4  {
  font-size:1px; 
  display:block; 
  background:none;
/* hide overflow:hidden from IE5/Mac */ 
}

.curved .b1, .curved .b2, .curved .b3 {
  height:1px;
}
  
.curved .b2, .curved .b3, .curved .b4 {
  border-left:1px solid silver; 
  border-right:1px solid silver;
  }
.curved .b1 {
  margin:0 4px; 
  background:silver;
  }
.curved .b2 {
  margin:0 2px; 
  border-width:0 2px;
  }
.curved .b3 {
  margin:0 1px;
  }
.curved .b4 {
  height:2px; 
  margin:0;
  }
.curved .c1 {
  margin:0 5px; 
  background:silver;
  }
.curved .c2 {
  margin:0 3px; 
  border-width:0 2px;
  }
.curved .c3 {
  margin:0 2px;
  }
.curved .c4 {
  height:2px; 
  margin: 0 1px;
  }
.curved .boxcontent {
  display:block; 
  background:transparent; 
  border-left:1px solid silver; 
  border-right:1px solid silver;  
  text-align:justify;
  }
  
 /* ++++++ PAGE BANNIERE */
 
#ban_reglage p{
	padding:0;
	margin:20px 0px 0px 0px;
	text-align:center;
	/*border:1px solid red;*/
	text-indent: 0;
} 

#ban_reglage h3{
margin-top:20px;
text-align:center;
}