
body {	
	background-color: #77808E;
	font-family: Times New Roman, Times, serif;	
	font-size: 1em;	

	color: #FFFFFF;
	margin-top: 0.1em;
	margin-right: 0.1em;
	margin-bottom: 0.1em;
	margin-left: 0.1em;
	scrollbar-face-color:#77808E;
  	scrollbar-arrow-color:#AFB1B6;
  	scrollbar-track-color:#929DAD;
  	scrollbar-shadow-color:#000000;
  	scrollbar-highlight-color:#FFFFFF;
  	scrollbar-3dlight-color:#FFFFFF;
  	scrollbar-darkshadow-Color:#000000;
	}

font,th,td,p { font-family: Arial, Helvetica, sans-serif;  }
a:link,a:active,a:visited {text-decoration: underline ; color : #FFFFFF; }
a:hover		{
	text-decoration: underline overline;
	color : #FFFFFF;
	font-family: inherit;
	font-size: inherit;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
}

.maj_14 {	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#3A4451;
}

.maj_12 {	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	color:#3A4451;
}

.maj_12:link,a:active,a:visited {text-decoration: underline ; color : #3A4451; }


.maj_12:hover {	
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: underline overline;
	font-size: 12px;
	color:#3A4451;
}

.maj_14_L {	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	color:#3A4451;
}

.maj_14_L:link,a:active,a:visited {text-decoration: underline ; color : #3A4451; }


.maj_14_L:hover {	
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: underline overline;
	font-size: 14px;
	color:#3A4451;
}

.crea_22 {	
	font-family: Arial, Helvetica, sans-serif;  
	font-size: 22px;
	color:#FFFFFF;
}

.crea_22F {	
	font-family: Arial, Helvetica, sans-serif;  
	font-size: 22px;
	color:#3A4451;
}

.crea_16 {	
	font-family: Arial, Helvetica, sans-serif;  
	font-size: 16px;
	color:#3A4451;
}

.crea_14_U {	
	font-family: Arial, Helvetica, sans-serif;  
	font-size: 14px;
	text-decoration: underline;
	color:#3A4451;
}

.crea_14 {	
	font-family: Arial, Helvetica, sans-serif;  
	font-size: 14px;
	color:#FFFFFF;
}



.crea_16F {	
	font-family: Arial, Helvetica, sans-serif;  
	font-size: 16px;
	color:#FFFFFF;
}

.crea_14F {	
	font-family: Arial, Helvetica, sans-serif;  
	font-size: 14px;
	color:#FFFFFF;
}

.crea_12 {	
	font-family: Arial, Helvetica, sans-serif;  
	font-size: 12px;
	color:#FFFFFF;
}

.crea_12_L {	
	font-family: Arial, Helvetica, sans-serif; 
	text-decoration: underline; 
	font-size: 12px;
	color:#FFFFFF;
}

.crea_12_L:link,a:active,a:visited {text-decoration: underline ; color : #FFFFFF; }


.crea_12_L:hover {	
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: underline overline;
	font-size: 12px;
	color:#3A4451;
}


.crea_10 {	
	font-family: Arial, Helvetica, sans-serif;  
	font-size: 10px;
	color:#3A4451;
}

.fond_tab {	
	font-family: Arial, Helvetica, sans-serif;  
	font-size: 14px;
	color:#FFFFFF;
	background-color:#AFB1B6;
}

.fond_tab_1 {	
	font-family: Arial, Helvetica, sans-serif;  
	font-size: 14px;
	color:#FFFFFF;
	background-color:#77808E;
}

.fond_tab_2 {	
	font-family: Arial, Helvetica, sans-serif;  
	font-size: 14px;
	color:#FFFFFF;
	background-color:#929DAD;
}

.fond_tab_3 {	
	font-family: Arial, Helvetica, sans-serif;  
	font-size: 22px;
	color:#FFFFFF;
	background-color:#77808E;
}


.ecrit_tab_1 {	
	font-family: Arial, Helvetica, sans-serif;  
	font-size: 14px;
	color:#77808E;
}

.ecrit_tab_2 {	
	font-family: Arial, Helvetica, sans-serif;  
	font-size: 14px;
	color:#929DAD;
}

.logo_sh { 
	background-color: #3A4451; 
	border-color: #3A4451;
	border-width: 1px;
	border-style:solid; 
	position: absolute; 
	top: 11px; 
	left: 11px; 
	width: 180px; 
	height: 125px
	}
	
.logo { 
	background-color: #77808E; 
	background-image: url(images/logo_sda.jpg); 
	background-repeat: no-repeat; 
	background-position: 0px 0px; 
	border-color: #FFFFFF;
	border-width: 1px;
	border-style:solid; 
	padding: 0px; 
	position: absolute; 
	top: 10px; 
	left: 10px; 
	width: 180px; 
	height: 125px
	}
	
.diamant_logo {
	border-style:none; 
	position: absolute; 
	top: 30px; 
	left: 105px; 
	width: 90px; 
	height: 108px; 
	}	
	
.banniere { 
	background-color: #77808E; 
	background-image: url(images/banniere.jpg); 
	background-repeat: no-repeat; 
	background-position: 0px 0px; 
	padding: 0px; 
	position: absolute; 
	top: 15px; 
	left: 195px; 
	width: 770px; 
	height: 108px
	}
	
.menu { 
	background-color: #77808E; 
	background-position: 0px 0px; 
	padding: 0px; 
	position: absolute; 
	top: 123px; 
	left: 195px; 
	width: 780px; 
	height: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0em;	
	line-height: 0em;
	}

.menu_download { 
	background-color: #77808E; 
	background-position: 0px 0px; 
	padding: 0px; 
	position: absolute; 
	top: 165px; 
	left: 10px; 
	width: 180px; 
	height: 100px;
	text-align: center
	}

.menu_infos { 
	background-color: #77808E; 
	background-position: 0px 0px; 
	padding: 0px; 
	position: absolute; 
	top: 415px; 
	left: 10px; 
	width: 180px; 
	height: 100px;
	text-align: center
	}	

.page_sh {
	background-color: #3A4451;
	padding: 0px;
	border-color: #3A4451;
	border-width: 1px;
	border-style:solid; 
	position: absolute;
	top: 146px;
	left: 201px;
	width: 770px;
	height: 510px;
	overflow: auto;
	font-family: Times New Roman, Times, serif;	
	}
	
.page {
	background-color: #AFB1B6;
	background-position: 0px 0px;
	background-attachment:scroll;
	background-repeat:no-repeat;
	padding: 0px;
	border-color: #FFFFFF;
	border-width: 1px;
	border-style:solid; 
	position: absolute;
	top: 145px;
	left: 200px;
	width: 770px;
	height: 510px;
	overflow: auto;
	font-family: Times New Roman, Times, serif;	
	}
	
.fd_galaad {
	background-color: #AFB1B6;
	background-position: 0px 0px;
	background-attachment:scroll;
	background-repeat:no-repeat;
	padding: 0px;
	border-color: #FFFFFF;
	border-width: 1px;
	border-style:solid; 
	position: absolute;
	top: 0px;
	left: 0px;
	width: 770px;
	height: 510px;
	overflow: auto;
	font-family: Times New Roman, Times, serif;	
	}
	
.ep {
	background-image:url(../../images/site/trans.png);
	background-position: 0px 0px;
	background-repeat:repeat;
	padding: 0px;
	border-width: 0px;
	border-style:solid; 
	position: absolute;
	top: 370px;
	left: 25px;
	width: 350px;
	height: 50px;
	font-family: Times New Roman, Times, serif;	
	}	
	
.player {
	background-image:url(../../images/site/trans.png);
	background-position: 0px 0px;
	background-repeat:repeat;
	padding: 0px;
	border-width: 0px;
	border-style:solid; 
	position: absolute;
	top: 148px;
	left: 203px;
	width: 78px;
	height: 40px;
	font-family: Times New Roman, Times, serif;	
	}	
	
	
.bar_vol_player {
	background-image:url(../../images/site/bar_volume.png);
	background-position: 0px 0px;
	background-repeat:repeat;
	padding: 0px;
	border-width: 0px;
	border-style:solid; 
	position: absolute;
	top: 30px;
	left: 18px;
	width: 20px;
	height: 4px;
	font-family: Times New Roman, Times, serif;	
	}

.maj_sh { 
	background-color: #3A4451; 
	border-color: #3A4451;
	border-width: 1px;
	border-style:solid; 
	position: absolute; 
	top: 271px; 
	left: 11px; 
	width: 180px; 
	height: 110px
	}
	
.maj { 
	background-color: #929DAD; 
	/* background-image: url(site/fond_degrade.jpg); */
	background-repeat: repeat; 
	background-position: 0px 0px; 
	border-color: #FFFFFF;
	border-width: 1px;
	border-style:solid; 
	color: #FFFFFF;
	padding: 0px; 
	position: absolute; 
	top: 270px; 
	left: 10px; 
	width: 180px; 
	height: 110px
	}
	
.pied_page { 
	background-color: #77808E; 
	background-position: 0px 0px; 
	padding: 0px; 
	position: absolute; 
	top: 665px; 
	left: 200px; 
	width: 770px; 
	height: 80px;
	line-height: 14px;
	text-align: center;
	color: #3A4451;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	}

.mini_banniere_sh { 
	background-color: #3A4451; 
	border-color: #3A4451;
	border-width: 1px;
	border-style:solid;
	padding: 0px; 
	position: absolute; 
	top: 616px; 
	left: 11px; 
	width: 180px; 
	height: 40px
	}
	
.mini_banniere { 
	background-color: #77808E; 
	background-image: url(images/mini_banniere.jpg); 
	background-repeat: no-repeat; 
	background-position: 0px 0px; 
	border-color: #FFFFFF;
	border-width: 1px;
	border-style:solid;
	padding: 0px; 
	position: absolute; 
	top: 615px; 
	left: 10px; 
	width: 180px; 
	height: 40px
	}

.copyright { 
	background-color: #77808E;  
	position: absolute; 
	top: 665px; 
	left: 10px; 
	width: 180px; 
	height: 20px;
	text-align: center;
	color: #3A4451;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	}

.newsletter_sh { 
	background-color: #3A4451; 
	border-color: #3A4451;
	border-width: 1px;
	border-style:solid; 
	position: absolute; 
	top: 146px; 
	left: 701px; 
	width: 350px; 
	height: 140px;
	}
	
.newsletter { 
	background-color: #77808E; 
	background-repeat: no-repeat; 
	background-position: 0px 0px; 
	border-color: #FFFFFF;
	border-width: 1px;
	border-style:solid; 
	padding: 0px; 
	position: absolute; 
	top: 145px; 
	left: 700px; 
	width: 350px; 
	height: 140px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight: bold;
	color:#FFFFFF
	}
	
.change_color_sh { 
	background-color: #3A4451; 
	border-color: #3A4451;
	border-width: 1px;
	border-style:solid; 
	padding: 5px; 
	position: absolute; 
	top: 596px; 
	left: 121px; 
	width: 118px; 
	height: 92px;
	}
	
	
.change_color { 
	background-color: #929DAD; 
	background-repeat: no-repeat; 
	background-position: 0px 0px; 
	border-color: #FFFFFF;
	border-width: 1px;
	border-style:solid; 
	padding: 5px; 
	position: absolute; 
	top: 595px; 
	left: 120px; 
	width: 118px; 
	height: 92px;
	font-size:16px;
	font-weight: bold;
	color:#FFFFFF
	}
	
.news { 
	background-color: #929DAD; 
	/* background-image: url(site/fond_degrade.jpg); */
	background-repeat: repeat; 
	background-position: 0px 0px; 
	border-color: #FFFFFF;
	border-width: 1px;
	border-style:solid; 
	color: #FFFFFF;
	padding: 10px; 
	position: absolute; 
	overflow: auto;
	font-size:12px;
	top: 218px; 
	left: 410px; 
	width: 300px; 
	height: 249px
	}
	
.photo { 
	border-color: #FFFFFF;
	border-width: 1px;
	border-style:solid; 
	}
.photo_lien { 
	border-color: #FFFFFF;
	border-width: 1px;
	border-style:solid; 
	}
	
.photo_lien:hover { 
	border-color: #FFFFFF;
	border-width: 3px;
	border-style:solid; 
	}
	
	
.miniature { 
	border-color: #FFFFFF;
	border-width: 1px;
	border-style:solid;
	  /* for IE */
  filter:alpha(opacity=60);
  /* CSS3 standard */
  opacity:0.6;
	}
	
.miniature:hover { 
	border-color: #FFFFFF;
	border-width: 1px;
	border-style:solid; 
	  /* for IE */
  filter:alpha(opacity=100);
  /* CSS3 standard */
  opacity:1;
	}
	
.miniature_slct{ 
	border-color: #FFFFFF;
	border-width: 2px;
	border-style:solid; 
	  /* for IE */
  filter:alpha(opacity=100);
  /* CSS3 standard */
  opacity:1;
	}	
		

.diapo { 
	background-color: #AFB1B6; 
	background-repeat: no-repeat; 
	background-position: 0px 0px; 
	border-color: #FFFFFF;
	border-width: 1px;
	border-style:solid; 
	padding: 0px; 
	position: absolute; 
	top: 145px; 
	left: 200px; 
	width: 770px; 
	height: 510px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#FFFFFF
	}
	
	
.world {
	background-color: #929DAD;
	background-position: 0px 0px;
	padding: 0px;
	border-color: #FFFFFF;
	border-width: 1px;
	border-style:solid; 
	position: absolute;
	top: -1px;
	left: -1px;
	width: 0px;
	height: 0px;
	overflow:hidden;
	font-family: Times New Roman, Times, serif;	
	}
	
	
.photo_world {
	background-color: #929DAD;
	padding: 0px;
	border-color: #FFFFFF;
	border-width: 1px;
	border-style:solid; 
	position: absolute;
	top: 60px;
	left: 61px;
	width: 650px;
	height: 405px;
	overflow:hidden;
	font-family: Times New Roman, Times, serif;	
	}
	
.x_world_carte {
	background-image:url(../../creations/themes/galaad/galaad/images/select_null.png);
	padding: 0px;
	border-color: #FFFFFF;
	border-style:none; 
	position: absolute;
	top: 5px;
	left: 745px;
	width: 20px;
	height: 20px;
	overflow:hidden;
	color: #FFFFFF;
	font-size: 16px;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;

	}
	
.carte_over { 
	background-color: #808080;
	background-repeat:repeat;
	background-position: 0px 0px; 
	border-color: #FFFFFF;
	border-style:none; 
	padding: 0px; 
	position: absolute; 
	top: 0px; 
	left: 0px; 
	width: 1680px; 
	height: 1048px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#FFFFFF

	}

.img_carte_over { 
	border-color: #F3DDBB;
	border-width: 0px;
	border-style:solid;
	  /* for IE */
  filter:alpha(opacity=60);
  /* CSS3 standard */
  opacity:0.6;
	}
	
.carte_out { 
	background-color: #B78753;
	background-image:url(../../creations/themes/galaad/galaad/images/carte.jpg);
	background-repeat:repeat;
	background-position: 0px 0px; 
	border-color: #FFFFFF;
	border-style:none; 
	padding: 0px; 
	position: absolute; 
	top: 0px; 
	left: 0px; 
	width: 1680px; 
	height: 1048px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#FFFFFF

	}
	
.nom_quartier {
	background-image:url(../../creations/themes/galaad/galaad/images/select_null.png);
	padding: 0px;
	border-color: #FFFFFF;
	border-style:none; 
	position: absolute;
	top: 0px;
	left: 0px;
	width: 0px;
	height: 0px;
	color: #FFFFFF;
	}

	
.preload { 
	background-color: #FFFFFF;
	background-repeat:repeat;
	background-position: 0px 0px; 
	border-color: #FFFFFF;
	border-style:none; 
	padding: 0px; 
	position: absolute; 
	top: 0px; 
	left: -80px; 
	width: 50px; 
	height: 50px;
	}
	
.q_galaad{ 
	background-image:url(../../creations/themes/galaad/galaad/images/select_null.png);
	background-repeat:repeat;
	background-position: 0px 0px; 
	border-style:none;
	padding: 0px; 
	position: absolute; 
	top: 240px; 
	left: 0px; 
	width: 600px; 
	height: 512px;
	}
	
.q_plage{ 
	background-image:url(../../creations/themes/galaad/galaad/images/select_null.png);
	background-repeat:repeat;
	background-position: 0px 0px; 
	border-style:none;
	padding: 0px; 
	position: absolute; 
	top: 51px; 
	left: 91px; 
	width: 228px; 
	height: 218px;
	}		
	
	
.q_aff{ 
	background-image:url(../../creations/themes/galaad/galaad/images/select_null.png);
	background-repeat:repeat;
	background-position: 0px 0px; 
	border-style:none;
	padding: 0px; 
	position: absolute; 
	top: 6px; 
	left: 281px; 
	width: 330px; 
	height: 116px;
	}
	
.q_hmonts{ 
	background-image:url(../../creations/themes/galaad/galaad/images/select_null.png);
	background-repeat:repeat;
	background-position: 0px 0px; 
	border-style:none;
	padding: 0px; 
	position: absolute; 
	top: 6px; 
	left: 385px; 
	width: 490px; 
	height: 227px;
	}	
	
	.q_peche{ 
	background-image:url(../../creations/themes/galaad/galaad/images/select_null.png);
	background-repeat:repeat;
	background-position: 0px 0px; 
	border-style:none;
	padding: 0px; 
	position: absolute; 
	top: 675px; 
	left: 0px; 
	width: 945px; 
	height: 339px;
	color: #FFFFFF;
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
	}	
	
.q_phare{ 
	background-image:url(../../creations/themes/galaad/galaad/images/select_null.png);
	background-repeat:repeat;
	background-position: 0px 0px; 
	border-style:none;
	padding: 0px; 
	position: absolute; 
	top: 720px; 
	left: 608px; 
	width: 1072px; 
	height: 328px;
	}	
	
	
.q_cascade{ 
	background-image:url(../../creations/themes/galaad/galaad/images/select_null.png);
	background-repeat:repeat;
	background-position: 0px 0px; 
	border-style:none;
	padding: 0px; 
	position: absolute; 
	top: 208px; 
	left: 591px; 
	width: 1020px; 
	height: 310px;
	}
	
	
.q_eglise{ 
	background-image:url(../../creations/themes/galaad/galaad/images/select_null.png);
	background-repeat:repeat;
	background-position: 0px 0px; 
	border-style:none;
	padding: 0px; 
	position: absolute; 
	top: 16px; 
	left: 966px; 
	width: 400px; 
	height: 192px;
	}	
		
.fleche_g { 
	background-image:url(images/fleche_g.png);
	background-repeat:repeat;
	background-position: 0px 0px; 
	border-style:none;
	padding: 0px; 
	position: absolute; 
	top: 225px; 
	left: 10px; 
	width: 30px; 
	height: 60px;
	}

.fleche_d { 
	background-image:url(images/fleche_d.png);
	background-repeat:repeat;
	background-position: 0px 0px; 
	border-style:none;
	padding: 0px; 
	position: absolute; 
	top: 225px; 
	left: 730px; 
	width: 30px; 
	height: 60px;
	}
	
.fleche_h { 
	background-image:url(images/fleche_h.png);
	background-repeat:repeat;
	background-position: 0px 0px; 
	border-style:none;
	padding: 0px; 
	position: absolute; 
	top: 10px; 
	left: 355px; 
	width: 60px; 
	height: 30px;
	}
	
.fleche_b { 
	background-image:url(images/fleche_b.png);
	background-repeat:repeat;
	background-position: 0px 0px; 
	border-style:none;
	padding: 0px; 
	position: absolute; 
	top: 470px; 
	left: 355px; 
	width: 60px; 
	height: 30px;
	}
	
.photo_accueil_sh { 
	background-color: #929DAD; 
	border-color: #3A4451;
	border-width: 1px;
	border-style:solid; 
	padding: 0px; 
	position: absolute; 
	top: 61px; 
	left: 136px; 
	width: 500px; 
	height: 376px;
	}

.photo_accueil { 
	background-color: #929DAD; 
	border-color: #FFFFFF;
	border-width: 1px;
	border-style:solid; 
	padding: 0px; 
	position: absolute; 
	top: 60px; 
	left: 135px; 
	width: 500px; 
	height: 376px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight: bold;
	color:#FFFFFF
	}
	
.credit_accueil { 
	background-color: #AFB1B6; 
 	padding: 0px; 
	position: absolute; 
	top: 446px; 
	left: 185px; 
	width: 400px; 
	height: 50px;
	text-align: center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF
	}	
	
	
.bouton {
	background-color:#929DAD;
	color: #FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	}
	
.photo_01_menu_contemporain { 
	background-color: #77808E; 
	border-color: #FFFFFF;
	border-width: 1px;
	border-style:solid; 
	padding: 0px; 
	position: absolute; 
	top: 52px; 
	left: 502px; 
	width: 180px; 
	height: 140px;
}

.photo_01_menu_contemporain_sh { 
	background-color: #77808E; 
	border-color: #3A4451;
	border-width: 1px;
	border-style:solid;
	padding: 0px; 
	position: absolute; 
	top: 53px; 
	left: 503px; 
	width: 180px; 
	height: 140px;
	}
	
.photo_02_menu_contemporain { 
	background-color: #77808E; 
	border-color: #FFFFFF;
	border-width: 1px;
	border-style:solid; 
	padding: 0px; 
	position: absolute; 
	top: 277px; 
	left: 70px; 
	width: 110px; 
	height: 150px;
	}
	
.photo_02_menu_contemporain_sh { 
	background-color: #77808E; 
	border-color: #3A4451;
	border-width: 1px;
	border-style:solid; 
	padding: 0px; 
	position: absolute; 
	top: 278px; 
	left: 71px; 
	width: 110px; 
	height: 150px;
	}
	
.bouton_banniere { 
	background-color: #77808E; 
	border-color: #FFFFFF;
	border-width: 1px;
	border-style:solid; 
	padding: 0px; 
	position: absolute; 
	top: 456px; 
	left: 305px; 
	width: 88px; 
	height: 31px;
	}
	
	.cpt_diapo {
	border-color: #FFFFFF;
	border-width: 0px;
	border-style:solid; 
	padding: 0px; 
	position: absolute; 
	top: 50px; 
	left: 0px; 
	width: 50px; 
	height: 50px; 
	}	
	

	
	
