@import url('blocs.css');
@import url('extensions.css');

/* Reset */
* {
	margin: 0;
	padding: 0;
}

ul, ol {
	margin-left: 20px;
}

p {
	margin-bottom: 5px;
}

a img { border: none; }

a { 
	outline: none;
	text-decoration: none;
	color:#000;
}

a:hover {
	text-decoration: underline;
}

/* titres */
h1{
	font-size:1.5em;
}

h2{
	font-size:1.3em;
}

h3{
	font-size:1.2em;
	color:#FDC333;
	padding-bottom:10px;
}

h4,h5,h6{
	font-size:1.1em;
}

/* Classes generiques */
.skip {
	height: 0;
	width: 0;
	left: -1000em;
	overflow: hidden;
	position: absolute;
}

.clear { clear: both; }

.overflow { overflow: hidden; }

.push {
	height: 19px;
}

.download {
	background: url('../images/autres/icone_pdf.jpg') no-repeat 0 0;
	padding: 11px 0 11px 42px;
	display: block;
	font-weight: bold;
}

.align-center {
	text-align: center;
}

h1.accueil {
	font-weight: normal;
	padding: 15px 0 0 15px;
	font-size: 20px;
	color: #FFF;
	text-align: center;
	width: 340px;
	float: left;
}

body {
	background: #FFF url('../images/fond.gif') repeat-x scroll center 0pt;
	font-family:Arial;
	font-size:12px;
	height:100%;
	text-align:center;
}

	#globalcontainer {
		height: auto !important;
		margin: 0pt auto -19px;
		min-height: 100%;
		text-align: left;
		width: 951px;
	}
	
		#header {
			background: url('../images/header/bandeau.gif') repeat-y scroll 0 0;
			height: 263px;
		}
		
		#deconnexionUser{
			display:none;
		}		

		body#extranet #deconnexionUser{
			display:block;
		}

		#search {
			float: right;
			margin-right: 36px;
			display: inline;
		}
		
			#search input {
				float: left;
				background: #4073c0;
				border: 0;
				width: 102px;
				font-size: 10px;
				color: #FFF;
				padding: 2px;
				margin-top: -1px;
				height:15px;
			}
			
			#search button {
				float: left;
				border: 0;
				background: url('../images/autres/okrecherche.png') no-repeat scroll 0 0;
				height:20px;
				width:20px;
				margin-top:1px;
				margin-left:5px;
				cursor:pointer;
			}
		
		#menu {
		
		}
		
			#menu ul {
				margin: 43px 0 0 200px;
			}
			
				#menu ul li {
					float: left;
					margin-right: 30px;
					list-style: none;
				}
				
				#menu ul li a {
					display: block;
					color: #FFF;
					font-weight: bold;
					text-decoration: none;
					font-size: 13px;
					padding: 0 0 5px 0;
					background: url('../images/header/menu_off.gif') no-repeat scroll center 17px;
				}
				
				#menu ul li.active a, #menu ul li a:hover {
					background: none;
					color: #0043a9;
				}
				
					#menu ul li a .ongletGauche {
						background: none;
						padding: 0 0 16px 4px;
					}
				
					#menu ul li.active a .ongletGauche, #menu ul li a:hover .ongletGauche {
						background: url('../images/header/onglet_gauche.gif') no-repeat left 0;
						padding: 0 0 16px 4px;
						display: block;
					}
					
					#menu ul li a .ongletDroite {
						background: none;
						padding: 0 4px 16px 0;
					}
					
					#menu ul li.active a .ongletDroite, #menu ul li a:hover .ongletDroite {
						background: url('../images/header/onglet_droite.gif') no-repeat right 0;
						padding: 0 4px 16px 0;
						display: block;
					}
					
					#menu ul li a .ongletCentre {
						background: none;
						padding: 0 0 16px 0;
					}
					
					#menu ul li.active a .ongletCentre, #menu ul li a:hover .ongletCentre {
						background: url('../images/header/onglet_centre.gif') no-repeat center 0;
						padding: 0 0 16px 0;
						display: block;
					}
	
		#rootLine {
			margin: 4px 0 10px 25px;
			font-size: 9px;
			color: #6197d8;
		}
			
			#rootLine a {
				font-size: 9px;
				margin: 0 5px;
				color: #000;
			}
			
			#rootLine span {
				margin: 0 5px;
			}
			
		#colGauche {
			float: left;
			width: 668px;
			padding: 0 0 20px 32px;
		}
		
		.pageInterne #colGauche{
			width: 205px;
			padding: 0px 0px 0px 0px;
		}
		
		.pageInterne #colGauche #gaucheNavigation a{
			cursor:pointer;
		}
		
		.pageInterne #colGauche ul	{
			/*padding-bottom:300px;*/
		}
		
		.pageInterne #colGauche ul	ul{
			padding-bottom:0px;
		}
		
		.pageInterne #colGauche ul,
		.pageInterne #colGauche li{
			list-style: none;
			margin-left:0px;
			margin-bottom: 5px;

		}
				
		.pageInterne #colGauche li{
			padding-left:34px;
			padding-top:0px;
			
			background: url('../images/interne/boutoninterne1.png') no-repeat left 0;
		}
		
		.pageInterne #colGauche li ul {
			padding: 5px 0 8px 0;
		}
		
		.pageInterne #colGauche li ul li {
			background-image: none;
			list-style: square;
			padding-left: 0;
			margin-bottom: 0;
		}
		
		.pageInterne #colGauche li ul li a {
			background-image: none;
			height: 100%;
			font-weight: normal;
			display: inline;
		}
		
		.pageInterne #colGauche li ul li a span {
			background-image: none;
			width: 160px;
			padding-top: 0;
			padding-left: 0;
			height: 100%;
			font-weight: normal;
			display: inline;
		}
		
		body#extranet #colGauche li{
		background: none;
		}		
		body#extranet #colGauche li a{
		background: none;
		}
		.pageInterne #colGauche li span{
			background: url('../images/interne/boutoninterne2.png') repeat-x 0 0;
			display: block;
			height: 26px;
			padding-left: 5px;
			padding-top: 5px;
			width: 153px;
			font-weight: bold;
		}
		.pageInterne #colGauche .active a{
			color:#6197d8;
		}
		.pageInterne #colGauche .active ul a{
			color:#000;
		}
		.pageInterne #colGauche .activeSous a{
			color:#6197d8;
		}
		
			.pageInterne #colGauche ul ul li span{
				width:100px;
			}
		
		.pageInterne #colGauche li li{
		/*padding-left:-13px;*/
		}
		
		.pageInterne #colGauche li a{
			background: url('../images/interne/boutoninterne3.png') no-repeat right 0;
			display:block;
			height:26px;
		}		
		
		body#pageSpec #colGauche{
			display:none;
		}
		body#pageSpec #colDroite{
			float:none;
			width:870px;
		}
		body#pageSpec #colDroite .principalBoxPlus h2 .gauche{
			width:850px;
		}

		body#extranet #colGauche ul ul{
			padding-bottom:0px;
		}
		
		body#extranet #colGauche ul,
		body#extranet #colGauche li{
			list-style: none;
			margin-left:0px;

		}
		
		body#extranet #colGauche li {
			background :none;
			padding-left:0px;
			padding-bottom:5px;
		}

		body#extranet #colGauche li a{
			display:block;
			height:65px;
			width:187px;
			background: no-repeat 0 0;	
/*			color:transparent;		*/
		}
		
		body#extranet #colGauche li .newsletter{background-image: url('../images/extranet/newsletter.png');}
		body#extranet #colGauche li .navigation{background-image: url('../images/extranet/navigation.png');}		
		body#extranet #colGauche li .secourisme{background-image: url('../images/extranet/secourisme.png');}
		body#extranet #colGauche li .natation{background-image: url('../images/extranet/natation.png');}
		body#extranet #colGauche li .securite{background-image: url('../images/extranet/securite.png');}
		body#extranet #colGauche li .affectation{background-image: url('../images/extranet/affectation.png');}
		body#extranet #colGauche li .formation{background-image: url('../images/extranet/formation.png');}


		body#extranet #colGauche li .newsletter:hover{background-image: url('../images/extranet/hover/newsletter.png');}
		body#extranet #colGauche li .navigation:hover{background-image: url('../images/extranet/hover/navigation.png');}		
		body#extranet #colGauche li .secourisme:hover{background-image: url('../images/extranet/hover/secourisme.png');}
		body#extranet #colGauche li .natation:hover{background-image: url('../images/extranet/hover/natation.png');}
		body#extranet #colGauche li .securite:hover{background-image: url('../images/extranet/hover/securite.png');}
		body#extranet #colGauche li .affectation:hover{background-image: url('../images/extranet/hover/affectation.png');}
		body#extranet #colGauche li .formation:hover{background-image: url('../images/extranet/hover/formation.png');}		
		
		body#extranet #colGauche li .newsletterAct{background-image: url('../images/extranet/active/newsletter.png');}
		body#extranet #colGauche li .navigationAct{background-image: url('../images/extranet/active/navigation.png');}		
		body#extranet #colGauche li .secourismeAct{background-image: url('../images/extranet/active/secourisme.png');}
		body#extranet #colGauche li .natationAct{background-image: url('../images/extranet/active/natation.png');}
		body#extranet #colGauche li .securiteAct{background-image: url('../images/extranet/active/securite.png');}
		body#extranet #colGauche li .affectationAct{background-image: url('../images/extranet/active/affectation.png');}
		body#extranet #colGauche li .formationAct{background-image: url('../images/extranet/active/formation.png');}		

		#colDroite {
			float: left;
			width: 198px;
			padding: 0 0 20px 52px;
		}
		
		.pageInterne #colDroite {
			width: 716px;
			float:right;
			padding: 0 0 20px 30px;
		}
		.pageInterne #colDroite h1,
		.pageInterne #colDroite h2,
		.pageInterne #colDroite h3,
		.pageInterne #colDroite h4{
			color:#FDC333;
		}


		.pageInterne #colDroite #colDroiteUno{
			float:left;
			width:49%;
		}

		.pageInterne #colDroite #colDroiteUno{
			float:right;		
		}
			#colDroite .membre {
				width: 199px;
			}
			
				#colDroite .membre h2 {
					background: url('../images/right-col/membres.gif') no-repeat 0 0;
					height: 20px;
					font-size: 12px;
					color: #FFF;
					padding: 6px 0 0 40px;
				}
				
				#colDroite .membre .contenu {
					background: url('../images/right-col/border.gif') repeat-y 0 0;
					padding: 5px;
					padding-bottom:15px;
				}
			
			#colDroite .mediatheque {
				width: 199px;
			}
			
				#colDroite .mediatheque h2 {
					background: url('../images/right-col/media.gif') no-repeat 0 0;
					height: 20px;
					font-size: 12px;
					color: #FFF;
					padding: 6px 0 0 40px;
				}
				
				#colDroite .mediatheque .contenu {
					background: url('../images/right-col/border.gif') repeat-y 0 0;
					padding: 5px;
				}
				
			#colDroite .contactDroite {
				width: 199px;
			}
			
				#colDroite .contactDroite h2 {
					background: url('../images/right-col/media.gif') no-repeat 0 0;
					height: 20px;
					font-size: 12px;
					color: #FFF;
					padding: 6px 0 0 40px;
				}
				
				#colDroite .contactDroite .contenu {
					background: url('../images/right-col/border.gif') repeat-y 0 0;
					padding: 5px 5px 15px 5px;
					text-align: center;
				}
			
			#colDroite .don {
				width: 199px;
			}
			
				#colDroite .don h2 {
					background: url('../images/right-col/don.gif') no-repeat 0 0;
					height: 20px;
					font-size: 12px;
					color: #FFF;
					padding: 6px 0 0 40px;
				}	
				
				#colDroite .don .contenu {
					background: url('../images/right-col/border.gif') repeat-y 0 0;
					text-align: center;
					padding: 5px 0;
				}
				
			#colDroite .footer {
				background: url('../images/right-col/footer.gif') repeat-y 0 0;
				height: 19px;
				width: 199px;
			}
	
	.pageInterne #imgBaspageGConteneur{
		position:absolute;
	}
	
		.pageInterne #imgBaspageG{
			position:absolute;
			width: 180px;
			background: no-repeat  scroll 0 0;		
		}
	
		.pageInterne .img1 #imgBaspageG {
			background-image: url('../images/interne/imageBas1.png');
			height: 149px;
			top:-139px;
		}
	
		.pageInterne .img2 #imgBaspageG {
			background-image: url('../images/interne/imageBas2.gif');
			height: 	287px;
			top:-289px;
		}	
	
	#footer {
		background: url('../images/footer.gif') no-repeat 0 0;
		height: 16px;
		margin: 0pt auto;
		width: 951px;
		color: #FFF;
		font-size: 10px;
		padding: 3px 0 0 0;
	}
	
		#footer a {
			color: #FFF;
			font-size: 10px;
		}