/* CSS Document */
/* CSS conçus grace aux tutoriels et aux coneils des 
sites www.alsacreations.com et http://openweb.eu.org 
qu'ils en soient remerciés.

Cette feuille de style défini la mise en page du site asamplongee.com
Cette mise en page originale est la propriété de MIKLC (www.mikaweb.org)

Les BLOCS de menu sont au niveau de la ligne 208
Les autres BLOCS sont au niveau de la ligne 324
Les CLASS sont à la ligne 448


***********************************
  GENRALITES : Balises modifiées
 classées par ordre alphabétique
***********************************/

A {color:#0000CC}
A:hover {color: black; text-decoration:none}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size:10pt;
	font-style: normal;
	background:#FFFFFF;
	color: #000000
	}
	
form {margin:0; padding: 0}
input {vertical-align:middle}
textarea {vertical-align:middle}
	
H1 {	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
	font-style: normal;
	font-weight: bolder;
	color: #330066;
	display: inline;
	}
	
H2 {	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: #003399;
	display: inline;
	}
	
H3 {
	font-size:10pt;
	font-family: verdana, sans-serif;
	color:#330066;
	text-decoration:none;
	font-weight:bold
	}
	
ACRONYM {
	border-bottom: dotted 1px #999;
	cursor:help;
	}

/***********************************
			   IMAGES
 **********************************/

img {border:0;}
.img_gauche {float:left; padding-right:10px; padding-top:3px;}
.img_droite {float:right; padding-left:12px; padding-top:3px;}
.img_centre {text-align:center}

/**********************************
   TEMPLATE : Les BLOCS principaux
    Classé par ordre d'affichage
***********************************/

#principal {
	margin: 0px auto;
	width: 750px;
	position: relative;
	left: -2px;
	}
	
#logohead{
	padding-bottom:20px;
	}

.spacer {
	CLEAR: both; VISIBILITY: hidden
}	
	
#menu {
	float:left;
	padding-right:30px;
	width:150px;
	font-size:08pt;
	font-weight: bold;
	color:#000000;
	text-decoration:none;
	}
	
.blanctitre {
	font-size: 8pt;
	font-weight: bold;
	text-align:center;
	background-color: #9083D3;
	color: #FFFFFF
	}

#blocindexgauche { 
	width:260px;
	float:left;
	padding-bottom:10px;
	vertical-align:top;
	font-family: verdana, sans-serif;
	font-size:11px;
	}
	
#blocindexdroite { 
	width:280px;
	float:right;
	padding-bottom:20px;
	vertical-align:top;
	font-family: verdana, sans-serif;
	font-size:11px;
	}

#blocindexcentre{ 
	width:570px;
	float:left;
	padding-left:30px;
	vertical-align:top;
	font-family: verdana, sans-serif;
	font-size:11px;
	text-align:justify;
	}
	
#body {
	float:left;
	width:570px;
	}

#footer {
	width:750px;
	text-align:center;
	border-top:1px dotted #666666;
	margin-top:15px;
	padding-top:5px;
	font-size:08pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#003399;
	text-decoration:none;
	margin-bottom:10px
	}
	
#footer A{
	color: #003399; 
	text-decoration:none 
	}
	
#footer A:hover {
	color: red; 
	text-decoration:underline
	}
	
/* les blocs alternatifs */

#centre {
	text-align:center}

/**********************************
    Mise en forme du MENU GAUCHE
***********************************/

#menu ul{
	border-width:1px 1px 0 1px;
	border-style:solid;
	border-color:#666;
	padding:0;
	margin:0;
}

#menu li{
	border-bottom:1px solid #666;
	list-style:none;
	margin:0;
}

#menu a{
	display:block;
	text-decoration:none;
	color:#383256;
	background-color:white;
	padding-left:1em;
}

#menu a:hover{
	background-color:#CFC7F9;
	color:red;
}


/**********************************
		Les autres BLOCS
***********************************/

/* Blocs spéciaux */

#center {text-align:center}
#center2 {text-align:center}
#center3 {text-align:center}

/**********************************
     la MISE en Page - les class
***********************************/

.fin {
	font-size:08pt
	}

.gras{
	font-weight: bold;
	}

.marine {
	color:#000066
	}

.marinegras {
	font-weight: bold;
	color: #000099;
	font-size:10pt;
	}

.marinegraslarge {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: bolder;
	color: #000099
	}
	
.rougefin {color:#FF0000;
	font-size:07pt;
	font-family: verdana, sans-serif;
	}
	
.rougefingras {
	color:#FF0000;
	font-size:07pt;
	font-weight: bold;
	font-family: verdana, sans-serif;
	}

.rougegros {
	font-family: Verdana, sans-serif;
	font-weight: bolder;
	font-size: 10pt;
	color: #FF0000
	}
	
.toutpetit {font-size:4px}

.verdableu {
	font-size:10pt;
	font-family: verdana, sans-serif;
	color:#003399;
	text-decoration:none;
	}
	A.verdableu:hover {color: red; text-decoration:underline }
	
.verdableugras {
	font-size:10pt;
	font-family: verdana, sans-serif;
	color:#003399;
	text-decoration:none;
	font-weight:bold
	}
	A.verdableugras:hover {color: red; text-decoration:underline }
	
.verdableumarinegras {
	font-size:10pt;
	font-family: verdana, sans-serif;
	color:#330066;
	text-decoration:none;
	font-weight:bold
	}
	A.verdableumarinegras {color: red; text-decoration:underline }	
	
	
.verdafin {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:08pt;
	}
	
.verdagras {
	color:#000099;
	font-size:08pt;
	font-weight: bolder;
	font-family: verdana, sans-serif;
	}