/* Feuille de Style Css Par Clad
/* Version 1.0
/* 13/02/2010 - 11:43
/********************************/

/*Option Graphique General*/
html {
	height: 100%;
	margin: 0;
}
body{
	background-color:#CDD7E3;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:11px;
	color:#000;
	margin: 0;
	height: 100%;
}

/*Option Posionnement et couleur texte General */
div#global {
	min-height: 100%;
	width: 950px;
	padding: 0 10px;
	margin: 0 auto;
	position: relative;
	background: url(./images/imgSite/global.png) center repeat-y;
	}
div#sidebar h3, div#footer p, div#sidebar p  {
	padding: 0 10px;
	}
.imgFormaNews{
	float:left;
	margin-left:10px;
	background-repeat: no-repeat;
	background-position: center center;
}
.txtFormation, .txtSitePlonge, .txtTarif, .txtHistclub, .txtContact {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	font-style: normal;
	text-align: justify;
	margin-left:10px;
	margin-right:10px;
	margin-top:0px;
}
.titreHeure {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	color: #000;
	font-weight: bold;
	position: relative;
	top: 5px;
	left: 45px;
}

.titreDate {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	color: #000;
	font-weight: bold;
	position: relative;
	top: 5px;
	left: 68px;
}
.titreFete {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	color: #000;
    left: 45px;
	font-weight: bold;
	position: relative;
	top: 13px;
}
.titreEdito {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 18px;
	color: #FFF;
	font-weight: bold;
	margin-left : 10px;
}
.titreCom {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	color: #666;
	font-weight: bold;
	height:20px;
	padding-top:2px;
	text-align:center;
}
.titreMenu {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 18px;
	color: #FFF;
	font-weight: bold;
	padding-top:2px;
}

.titreSite {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 22px;
	color: #84C615;
	font-weight: bold;
}

.LienBarre {
	font-size: 8px;
	color: #DD0000;
	
}
.LienMenu{
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	color: #f35e18;
	font-weight: bold;
	padding-left: 15px;
	text-decoration: none;
}

.Copy {
	color: #4d5764;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	font-weight: bold;
}
.CopyTitre {
	color: #f35e18;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	font-weight: bold;
}
.Lien {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	color: #FFF;
	font-weight: bold;
}
.CopyBull {
	color: #4d5764;
	font-size: 10px;
}
.LienBas1{
	margin-top: 20px;
	margin-left: 40px;
}
.LienBas2{
	margin-top: 13px;
	text-align: center;
}

a img{
	border:none;
}

.imgValidation{
  	width:78px;
	height:21px;
	margin-top: 8px;
}
.celTitreAffich{
	background-color:#CDD7E3;
	height:100%;
	width:150px;
	border-width:2px;
	border-color:#369;
	border-top-style:solid;
	border-bottom-style:solid;
	border-left-style:solid; 
	float:left;
	padding-top:4px;
}
.celAffich{
	height:100%;
	width:150px;
	border-width:2px;
	border-color:#369;
	border-top-style:none;
	border-bottom-style:solid;
	border-left-style:solid; 
	float:left;
	padding-top:4px;
}
/*Option de l'entête*/
div#header {
	color: #fff;
	height: 206px;
	}
div#header h1 {
	margin: 0;
	}
#imgTtLogo{
	background-image: url(./images/imgSite/logo6.png);
	height: 58px;
	width: 56px;
	position: absolute;
	left: 131px;
	top: 3px;
}
#imgTtHG{
	background-image: url(./images/imgSite/01.gif);
	background-repeat: no-repeat;
	float: left;
	height: 65px;
	width: 188px;
}
#imgTtHM{
	background-image: url(./images/imgSite/02.gif);
	background-repeat: no-repeat;
	float: left;
	height: 65px;
	width: 476px;
}
#imgTtHD{
	background-image: url(./images/imgSite/03.gif);
	background-repeat: no-repeat;
	float: left;
	height: 65px;
	width: 286px;
}
#imgTtBG{
	background-image: url(./images/imgSite/04.gif);
	background-repeat: no-repeat;
	float: left;
	height: 141px;
	width: 188px;
}
#imgTtBM{
	background-image: url(./images/imgSite/05.gif);
	background-repeat: no-repeat;
	float: left;
	height: 141px;
	width: 476px;
}
#imgTtBD{
	background-image: url(./images/imgSite/06.gif);
	background-repeat: no-repeat;
	float: left;
	height: 141px;
	width: 286px;
}
div#ContBarHaut{
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	height: 51px;
	width: 950px;	
	margin: 0px;
}
#imgBarG{
	background-image: url(./images/imgSite/07.gif);
	background-repeat: no-repeat;
	float: left;
	height: 51px;
	width: 188px;
}
#imgBarM{
	background-image: url(./images/imgSite/08.gif);
	background-repeat: no-repeat;
	float: left;
	height: 51px;
	width: 476px;
}
#imgBarD{
	background-image: url(./images/imgSite/09.gif);
	background-repeat: no-repeat;
	float: left;
	height: 51px;
	width: 286px;
}

/*Option du Corp*/
div#center {

	/* Pour éviter la superposition 
	du pied de page et du contenu : */
	padding-bottom: 100px; 
	overflow: auto;
	}
div#sidebar {
	float: left;
	width: 185px;
	}
div#content {
	float: right;
	width: 762px;
	}

/*Option du Pied de page*/
div#footer {
	position: absolute;
	width: 950px;
	height: 82px;
	bottom: 0;
	}
#imgPdHG{
	background-image: url(./images/imgSite/13.gif);
	background-repeat: no-repeat;
	float: left;
	height: 47px;
	width: 188px;
}
#imgPdHD{
	background-image: url(./images/imgSite/14.gif);
	background-repeat: no-repeat;
	float: left;
	height: 47px;
	width: 762px;
	vertical-align: middle;
}
#imgPdBG{
	background-image: url(./images/imgSite/15.gif);
	background-repeat: no-repeat;
	float: left;
	height: 35px;
	width: 188px;
}
#imgPdBD{
	background-image: url(./images/imgSite/16.gif);
	background-repeat: no-repeat;
	float: left;
	height: 35px;
	width: 762px;
	text-align: center;
}

/*Option du Menu*/
.ContMenu {
	min-height: 100px;
	width: 165px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
	}
.ContHeaderM {
	height: 29px;
	}
.imgMnHG{
	background-image: url(./images/imgMenu/01.gif);
	background-repeat: no-repeat;
	float: left;
	height: 29px;
	width: 34px;
}
.imgMnHM{
	background-image: url(./images/imgMenu/02.gif);
	background-repeat: repeat-x;
	float: left;
	height: 29px;
	width: 112px;
	text-align: left;
}
.imgMnHD{
	background-image: url(./images/imgMenu/03.gif);
	background-repeat: no-repeat;
	float: left;
	height: 29px;
	width: 19px;
}		
.ContCenterM {
	overflow: visible;
	margin: 0px;
	padding: 0px;
}
.ContCentenM {
	min-height: 65px;
	background-image: url(./images/imgMenu/04.gif);
	background-repeat: repeat-y;
	width: 165px;
	padding: 0px 0px 5px 0px;
	margin: 0px;
	}
.ContCentenM p, .ContFooterM p {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 12px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	}
.ContFooterM {
	height: 12px;
	bottom: 0;
	margin: 0px;
	padding: 0px;
	}	
.imgPdmHG{
	background-image: url(./images/imgMenu/05.gif);
	background-repeat: no-repeat;
	float: left;
	height: 12px;
	width: 13px;
}
.imgPdmHM{
	background-image: url(./images/imgMenu/06.gif);
	background-repeat: repeat-x;
	float: left;
	height: 12px;
	width: 139px;
}
.imgPdmHD{
	background-image: url(./images/imgMenu/07.gif);
	background-repeat: no-repeat;
	float: left;
	height: 12px;
	width: 13px;
}	
	
/*Option du Bloc Edito*/
.ContBlocE {
	min-height: 150px;
	width: 730px;
	padding: 15px;
	margin: 0 auto;
	}	
.ContHeaderBe {
	height: 44px;
	}
.imgHBeHG{
	background-image: url(./images/imgBloc/01.gif);
	background-repeat: no-repeat;
	float: left;
	height: 44px;
	width: 4px;
}
.imgHBeHM{
	background-image: url(./images/imgBloc/02.gif);
	background-repeat: repeat-x;
	float: left;
	height: 44px;
	width: 722px;

	vertical-align: middle;
}
.imgHBeHD{
	background-image: url(./images/imgBloc/03.gif);
	background-repeat: no-repeat;
	float: left;
	height: 44px;
	width: 4px;
}	
.ContCenterBe {
	overflow: visible;
	margin: 0px;
	padding: 0px;
}
.ContContenBe {
	min-height: 100px;
	background-image: url(./images/imgBloc/04.gif);
	background-repeat: repeat-y;
	width: 730px;
	padding: 0px;
	margin: 0px;
	}
.ContContenBe p, .ContFooterBe p {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 12px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	}
.ContFooterBe {
	height: 19px;
	bottom: 0;
	margin: 0px;
	padding: 0px;
}
.imgPdBeHG{
	background-image: url(./images/imgBloc/05.gif);
	background-repeat: no-repeat;
	float: left;
	height: 19px;
	width: 19px;
}
.imgPdBeHM{
	background-image: url(./images/imgBloc/06.gif);
	background-repeat: repeat-x;
	float: left;
	height: 19px;
	width: 693px;
}
.imgPdBeHD{
	background-image: url(./images/imgBloc/07.gif);
	background-repeat: no-repeat;
	float: left;
	height: 19px;
	width: 18px;
}

/*Option du Bloc Commentaire*/

.ContBlocC {
	min-height: 80px;
	width: 730px;
	padding: 15px;
	margin: 0px auto;
	}	
.ContHeaderBc {
	height: 20px;
	}
.imgHBcHG{
	background-image: url(./images/imgCom/01.png);
	background-repeat: no-repeat;
	float: left;
	height: 20px;
	width: 15px;
}
.imgHBcHM{
	background-image: url(./images/imgCom/02.png);
	background-repeat: repeat-x;
	float: left;
	height: 20px;
	width: 700px;

	vertical-align: middle;
}
.imgHBcHD{
	background-image: url(./images/imgCom/03.png);
	background-repeat: no-repeat;
	float: left;
	height: 20px;
	width: 15px;
}	
.ContCenterBc {
	overflow: visible;
	margin: 0px;
	padding: 0px;
}
.ContContenBc {
	min-height: 100px;
	background-image: url(./images/imgCom/04.png);
	background-repeat: repeat-y;
	width: 730px;
	padding-top:10px;
	margin: 0px;
	}
.ContContenBc p, .ContFooterBc p {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 12px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	}
.ContFooterBc {
	height: 6px;
	bottom: 0;
	margin: 0px;
	padding: 0px;
}
.imgPdBcHG{
	background-image: url(./images/imgCom/05.png);
	background-repeat: no-repeat;
	float: left;
	height: 6px;
	width: 6px;
}
.imgPdBcHM{
	background-image: url(./images/imgCom/06.png);
	background-repeat: repeat-x;
	float: left;
	height: 6px;
	width: 718px;
}
.imgPdBcHD{
	background-image: url(./images/imgCom/07.png);
	background-repeat: no-repeat;
	float: left;
	height: 6px;
	width: 6px;
}

/* Tableau */
.rounded-corner{
	font-family:Tahoma, Geneva, sans-serif;
	font-size:11px;
	text-align: center;
	border-collapse:collapse;
	margin:auto;
}
.rounded-corner thead th.rounded-company{
	background:#b9c9fe url(./images/imgSite/left.png) left -1px no-repeat;
	min-width:60px;
	text-align:center;
	font-weight: bold;
}
.rounded-corner thead th.rounded-q1{
	min-width:60px;
	text-align:center;
	font-weight: bold;
}
.rounded-corner thead th.rounded-q4{
	background:#b9c9fe url(./images/imgSite/right.png) right -1px no-repeat;
	min-width:60px;
	text-align:center;
	font-weight: bold;
}
.rounded-corner th{
	font-weight:normal;
	font-size:13px;
	color:#039;
	background:#b9c9fe;
	padding:8px;
}
.rounded-corner td{
	background:#e8edff;
	border-top:1px solid #fff;
	color:#669;
	padding:8px;
}
.rounded-corner tfoot td.rounded-foot-left{
	background:#e8edff url(./images/imgSite/botleft.png) left bottom no-repeat;
}
.rounded-corner tfoot td.rounded-foot-right{
	background:#e8edff url(./images/imgSite/botright.png) right bottom no-repeat;
}
.rounded-corner tbody tr:hover td{
	background:#d0dafd;
}














