@charset "utf-8";
/* Elements de base */

body {
background-color: #003e60;
font: normal normal 10px Verdana, Arial, Helvetica, sans-serif;
text-align: center;
padding: 0;
margin: 0;
}

a {
font: normal bold 10px Verdana, Arial, Helvetica, sans-serif;
color: #ffffff;
}

a:link {
color: #ffffff;
text-decoration: underline;
}
a:visited {
color: #ffffff;
text-decoration: none;
}
a:hover {
color: #ffffff;
text-decoration: underline;
}
a:active {
color: #ffffff;
text-decoration: underline;
}

.txtcourant, #contenu p, #contenu ul, #contenu li {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; line-height: 13px;}

h1 {
text-indent: 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size: 20px;
margin: 0 0 0 0;
padding: 0 0 0 0;
}

h4 {
text-indent: 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
font-size: 12px;
line-height: 14px;
margin: 0 0 0 0;
padding: 0 0 0 0;
}


h6 {
text-indent: 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
font-size: 10px;
line-height: 14px;
margin: 0 0 0 0;
padding: 0 0 0 0;
}

h7 {
text-indent: 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
font-size: 9px;
line-height: 14px;
margin: 0 0 0 0;
padding: 0 0 0 0;
}
img {
border: 0;
}

table {
margin: 0;
}

/* Conteneurs */

#global0 {
	width: 990px;
	height: 572px;
	background: #003e60 url(../img/com/lion_accueil.gif) left bottom no-repeat;
	margin-left: 0;
	margin-right: 0;
	text-align: left;
	position: relative;
	border: 1px solid #00486c;
}

#global0 h4 {
	text-indent: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size: 12px;
	line-height: 14px;
	color: #fff;
	font-style: normal;
	text-align: left;
	margin: 20px 0 0 720px;
	padding: 0;
}


#global {
	width: 1003px;
	height: 572px;
	background: #ffffff url(../img/com/lion.gif) left bottom no-repeat;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	border: 1px solid #00486c;
	position: relative;
}

html>body #global{
height: auto;
min-height: 572px;
} 

#contenu {
	width: 850px;
	margin: 47px 0 0 145px;
	padding: 0 0 40px 0;
}

#basdepage {background: #ffffff url(../img/com/bas_page.gif) left bottom no-repeat;}


/* Menu IE */
#menuPlvSign {
	position: absolute;
	top : 98px;
	left: 142px;
	width: 150px;
	padding: 0;
	margin: 0;
	text-align: left;
	background-color: #005075;
	visibility: hidden;
}

#menuDoc {
	position: absolute;
	top : 98px;
	left: 356px;
	width: 106px;
	padding: 0;
	margin: 0;
	text-align: left;
	background-color: #005075;
	visibility: hidden;
}

#menuGardeCorps {
	position: absolute;
	top : 98px;
	left: 570px;
	width: 141px;
	padding: 0;
	margin: 0;
	text-align: left;
	background-color: #005075;
	visibility: hidden;
}

#menuBarrierePiscine {
	position: absolute;
	top : 98px;
	left: 677px;
	width: 141px;
	padding: 0;
	margin: 0;
	text-align: left;
	background-color: #005075;
	visibility: hidden;
}

/* MENU FIREFOX / MAC */
html>body #menuPlvSign {
	position: absolute;
	top : 97px;
	left: 139px;
	width: 150px;
	padding: 0;
	margin: 0;
	text-align: left;
	background-color: #005075;
	visibility: hidden;
}

html>body #menuDoc {
	position: absolute;
	top : 97px;
	left: 353px;
	width: 106px;
	padding: 0;
	margin: 0;
	text-align: left;
	background-color: #005075;
	visibility: hidden;
}

html>body #menuGardeCorps {
	position: absolute;
	top : 97px;
	left: 567px;
	width: 141px;
	padding: 0;
	margin: 0;
	text-align: left;
	background-color: #005075;
	visibility: hidden;
}

html>body #menuBarrierePiscine {
	position: absolute;
	top : 97px;
	left: 674px;
	width: 141px;
	padding: 0;
	margin: 0;
	text-align: left;
	background-color: #005075;
	visibility: hidden;
}

a.lienMenu:link, a.lienMenu:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #ffffff;
	font-size: 10px;
	font-weight: normal;
	display: block;
	padding: 2px 2px 2px 8px;
}
a.lienMenu:hover, a.lienMenu:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	text-decoration: none;
	font-size: 10px;
	display: block;
	font-weight: normal;
	background-color: #00a0c6;
	padding: 2px 2px 2px 8px;
}


/* Textes d'introduction à chaque rubrique avec bloc coloré */

#intro	{
	margin: 2px;
	padding: 5px;
	/*filter: alpha(opacity=90);*/
	/*-moz-opacity: 0.9;*/
	opacity: 0.9;
	width: 805px;
}

/* Classes */

.archives {
	float: left;
	height: 340px;
	padding: 10px 10px 20px 10px;
	position: relative;
	width: 210px;
}
	.archives a {
		color: #5c81a7;
		text-decoration: none;
	}
	.archives h4 {text-align: center;}
	.archives img {border: 1px solid #5c81a7;}

.blocArchives {
	margin: 0 50px 0 50px;
	text-align: left;
	width: 800px;
}

.TxtIntro {
	font-family: "Trebuchet MS", Verdana, sans-serif;
	font-weight: bold;
	font-size: 12px;
	line-height: 20px;
	color: #5c81a7;
}

.txtUpdate {
	text-align: justify;
	margin: 10px 50px 20px 10px;
}

.divUpdate {
	float: left;
	width: 400px;
}

a.linkUpdate:link, a.linkUpdate:visited, a.linkUpdate:hover, a.linkUpdate:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #5C81A7;
}

.pasdescroll {  overflow: hidden;}

.titreAccueil {
	margin: 80px 0 0 355px;
}
.titreAccueil2 {
	margin: 20px 0 0 20px;
}
.DevenirPortalier {
	margin: 100px 0 0 90px;
	float:left;
}
.cadre { /* Pour creer un encadre */
border: 1px solid #bb001e;
margin: 0;
padding: 5px;
}

.rouge {
color: #bb001e;
}
.jaune {
color: #f6d600;
}
.turquoise {
color: #00a0c6;
}
.Blc {
color: #ffffff;
}
.Bleu {
color: #5c81a7;
}
.Orange {
color: #ff7f2a;
}
.OrangeBarré {
color: #ff7f2a;
text-decoration:line-through;
}

.floatLeft {
float: left;
}
.floatRight {
float: right;
}
.imgFloatLeft {
float: left;
margin: 2px;
}
.imgFloatRight {
float: right;
margin: 2px;
}

.separateur {
color:#00a0c6
}
.separateur2 {
clear: both;
visibility: hidden;
}
a.liencourant:link, a.liencourant:visited {
font: normal bold 10px/14pt Verdana, Arial, Helvetica, sans-serif;
color: #003e60;
}
a.liencourant:hover, a.liencourant:active {
font: normal bold 10px/14pt Verdana, Arial, Helvetica, sans-serif;
color: #00a0c6;
}

a.lienBleu:link, a.lienBleu:visited {
font: normal 10px/14pt Verdana, Arial, Helvetica, sans-serif;
text-decoration:none;
color: #5c81a7;
}
a.lienBleu:hover, a.lienBleu:active {
font: normal 10px/14pt Verdana, Arial, Helvetica, sans-serif;
text-decoration: underline;
color: #5c81a7;
}
a.lienRge:link, a.lienRge:visited {
font: normal bold 10px/14pt Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
color: #bb001e;
}
a.lienRge:hover, a.lienRge:active {
font: normal bold 10px/14pt Verdana, Arial, Helvetica, sans-serif;
text-decoration: underline;
color: #bb001e;
}
a.lienNoir:link, a.lienNoir:visited {
font: normal 9px Verdana, Arial, Helvetica, sans-serif;
text-decoration:underline;
color: #000000;
}
a.lienNoir:hover, a.lienNoir:active {
font: normal 9px Verdana, Arial, Helvetica, sans-serif;
text-decoration: underline;
color: #000000;
}

.faq	{
	margin: 0;
	padding: 0;
}

.faq h6 {
	color: #5c81a7;
	font-weight:bold;
}	
.cadreJaune { /* Pour creer un encadre */
border: 1px solid #f6d600;
margin: 0;
padding: 8px;
}

/* Tables */
.TableType	{
	margin: 0;
	padding: 0;
	background-color:#ffffff;  
	width: 805px;

}

.TableType	th{
	text-align:left;
	font-size: 10px;
	color: #ffffff;
	background-color:#3c5f84;
	font-weight:bold;
	padding-top:2px; 
	padding-bottom:2px; 
	padding-left:6px; 

}
.TableType td {
	text-align:left;
	font-size: 10px;
	font-weight:normal;
	padding-top:2px; 
	padding-bottom:2px;  
	padding-left:6px; 
}


.formations	{
	margin: 0;
	padding: 0;
	background-color:#ffffff;  
	width: 805px;

}
.formations tr {
	background-color:#ffffff;  
}
.formations	th{
	text-align:left;
	font-size: 10px;
	color: #ffffff;
	background-color:#98b1c4;
	font-weight:bold;
	padding-top:2px; 
	padding-bottom:2px;  
	padding-left:6px; 

}
.formations td {
	text-align:left;
	font-size: 10px;
	font-weight:normal;
	padding-top:2px; 
	padding-bottom:2px; 
	padding-left:6px; 
}
	
.actualites	{
	margin: 0;
	padding: 0;
	width: 805px;
	background-color:#ffffff;
	position:relative;  
}

#actualites h4 {
	line-height: 22px;
	color: #000;
}

.actualites h6 {
	color: #5c81a7;
	font-weight:bold;
}	

.actualites th {
	text-align:left;
	font-size: 10px;
	color: #ffffff;
	background-color:#98b1c4;
	font-weight:bold;
	padding-top:2px; 
	padding-bottom:2px;  
	padding-left:6px; 
}
.actualites td {
	text-align:left;
	font-size: 10px;
	font-weight:normal;
	padding-top:2px; 
	padding-bottom:2px; 
	padding-left:6px; 
}

.normes	{
	margin: 0;
	padding: 0;
	width: 805px;
}

.normes td {
	text-align:left;
	font-size: 10px;
	font-weight:normal;
	padding-top:2px; 
	padding-bottom:2px; 
	padding-left:3px; 
}


.documentations	{
	margin: 0;
	padding: 0;
	background-color:#ffffff;  
	width: 805px;

}
.documentations tr {
	background-color:#ffffff;  
}
.documentations	th{
	text-align:left;
	font-size: 10px;
	color: #ffffff;
	background-color:#98b1c4;
	font-weight:bold;
	padding-top:2px; 
	padding-bottom:2px;  
	padding-left:6px; 

}
.documentations td {
	text-align:left;
	font-size: 10px;
	font-weight:normal;
	padding-top:2px; 
	padding-bottom:2px; 
	padding-left:6px; 
}
.txtAccueilInscription {
	color: #FFFFFF;
	font-weight: bold;
	margin: 20px 20px 0 20px;
	text-align: justify;
}	
.tabInscription {
	color: #FFFFFF;
	font-weight: bold;
	margin: 20px 20px 0 100px;
	text-align: justify;
}
.tabInscription input.ColCentre {width: 200px;}
.tabInscription input.ColDroite {vertical-align: middle;}
.tabInscription td {vertical-align: top;}
.tabInscription td.Aligncenter {text-align: center;}
.tabInscription td.ColDroite {padding-left: 20px;}
.tabInscription td.ValignBas {vertical-align: bottom;}
.tabInscription textarea {
	height: 60px;
	width: 95%;
}