/* CSS Document */

#page{
	width:960px;
	position:relative;
	margin:0 auto 50px auto;
	/*padding:0 56px 0 44px;*/
	/*background:url(../imgs/backgrounds/header_area.jpg) no-repeat right top;*/
	background:url(../imgs/backgrounds/total.jpg) no-repeat left top;
}
	#header{
		position:relative;
		/*height:267px;*/
		/*background:url(../imgs/deco/logo.png) no-repeat left 20px;*/
		height:214px;
	}
	
		#header #menu-horizontal{
			/*background:url(../imgs/backgrounds/menu.jpg) repeat-y left;*/
			top:121px;
			width:100%;
			border-collapse:collapse;
			border-spacing:0;
			position:absolute;
		}
		#header #menu-horizontal tr{
		}
		#header #menu-horizontal td{
			background:url(../imgs/backgrounds/menu.png) repeat-x;
			padding:5px 0;
			border:1px #fff solid;
			border-right:0;
			text-align:center;
			padding:3px 0;
		}
		#header #menu-horizontal td:last-child{
			border-right:none;
		}
		#header #menu-horizontal td:first-child{
			border-left:none;
		}
		#header #menu-horizontal td a,
		#header #menu-horizontal td a:focus{
			color:#fff;
			font-size:15px;
			text-decoration:none;
		}
		#header #menu-horizontal td a:hover{
			color:#0392F5;
			text-decoration:none;
		}
		#header #img_bandeau{
			background:url(../imgs/deco/bandeau.png) no-repeat 0 -4px;
			height:81px;
			width:100%;
			border:0;
		}
		#header #img_mask{
			position:absolute;
			right:0;
			top:0;
			background:url(../imgs/backgrounds/header.png) no-repeat right top;
			width:625px;
			height:321px;
		}
	
	#content{
		margin:0;
	}
		.filet-vertical{
			width:1px;
			height:326px;
			border-left:1px solid #fff;
			float:left;
			margin-left:15px;
			margin-top:10px;
		}
		#content-centre{
			width:667px;
			float:left;
			margin-right:10px;
			margin-left:13px;
			min-height:540px;
		}
			#h1-title_id{
				margin:0 0 10px;
			}
			#content-centre-top{
				background:url(../imgs/backgrounds/content-centre-top.jpg) no-repeat top center;
				width:667px;
				height:16px;
			}
			#main{
				padding:10px;
				background:url(../imgs/backgrounds/content-centre-middle.jpg) repeat-y top center;
			}
				#main h2{
					text-align:center;
					color:#006aa6;
					margin:20px;
				}
				body.sites #main{
					padding-top:1px;
				}
				body.sites #main .fond-centre{
					padding:0 20px 20px 20px;
					background:url(../imgs/backgrounds/centre-sites.png) no-repeat top center;
				}
				body.formations #main .fond-centre{
					padding:20px;
					background:url(../imgs/backgrounds/centre-formations.jpg) no-repeat top center;
				}
				body.groupes #main .fond-centre{
					padding:20px;
					background:url(../imgs/backgrounds/centre-groupes.png) no-repeat top right;
				}
				
				#main h3.home-end{
					margin-left:200px;
				}
				#main h2{
					margin:10px 0 10px 0;
				}
				#main h2.sites-level1{
					color:#088820;
				}
				#main h2.sites-level2{
					color:#014f8d;
				}
				#main h2.sites-level3{
					color:#e30000;
				}
				body.liens #main h3.titre-partenaires{
					display:inline;
					font-size:12px;
				}
				body.liens ul{
					margin:30px;
					min-height:100px;
				}
				body.liens ul li{
					color:#005a8f;
					margin-left:120px;
				}
				body.liens ul li span{
					color:#6b6b6b;
				}
				body.liens ul.ul1{
					background:url(../imgs/deco/pictos/tente.png) no-repeat left center;
				}
				body.liens ul.ul2{
					background:url(../imgs/deco/pictos/home-cles.png) no-repeat left center;
				}
				body.liens ul.ul3{
					background:url(../imgs/deco/pictos/home.png) no-repeat left center;
				}
				body.liens ul.ul4{
					background:url(../imgs/deco/pictos/plongeur.png) no-repeat left center;
				}
				body.liens ul.ul5{
					background:url(../imgs/deco/pictos/planche-a-voile.png) no-repeat left center;
				}
				body.liens ul.ul6{
					background:url(../imgs/deco/pictos/bike.png) no-repeat left center;
				}
				body.liens ul.ul7{
					background:url(../imgs/deco/pictos/art.png) no-repeat left center;
				}
				
				
				body.sites .ui-widget-content p{
					font-size:13px;
				}
				body.sites #main .img-sites{
					float:left;
					margin:0 10px 0 0;
				}
				
				body.formations .block{
					margin:30px 0 10px 0;
				}
				body.formations .paragraphe{
					margin:10px 0;
				}
				body.formations .block h3{
					font-size:12px;
					font-weight:bold;
					color:#000;
				}
				body.formations .paragraphe img{
					margin:20px 10px;
				}
				body.formations .paragraphe.left img{
					float:right;
				}
				body.formations .paragraphe.right img{
					float:left;
				}
				body.formations .paragraphe.left p,
				body.formations .paragraphe.left ul{
					text-align:right;
				}
				body.formations .paragraphe.right p,
				body.formations .paragraphe.right ul{
					text-align:left;
				}
				
				body.structure .left{
					margin-right:10px;
				}
				body.structure .right{
					margin-left:10px;
				}
				
				body.explorations #main table{
					border-collapse:collapse;
					border-spacing:0;
				}
				body.explorations #main table.tab1{
					background:url(../imgs/backgrounds/centre-explorations-tab1.jpg) no-repeat center center;
					width:588px;
					height:130px;
				}
				body.explorations #main table.tab2{
					background:url(../imgs/backgrounds/centre-explorations-tab2.jpg) no-repeat center center;
					width:588px;
					height:130px;
				}
				body.explorations #main table thead tr{
					background:none;
					border:none;
				}
				body.explorations #main table thead th{
					border:none;
					padding:0;
					text-align:right;
					font-weight:bold;
					height:55px;
				}
				body.explorations #main table tbody td{
					font-weight:bold;
					text-align:right;
				}
				body.explorations #main table tbody tr.tr1{
					color:#fff;
				}
				body.explorations #main table.tab1 tbody tr.tr2{
					color:#9fd1ff;
				}
				body.explorations #main table.tab2 tbody tr.tr2{
					color:#3fa2ff;
				}
				body.explorations #main table tbody tr.tr3 td{
					height:20px;
				}
				body.explorations #main table tbody .end{
					width:10px;
				}
				
				body.groupes .cadre{
					margin:20px auto;
					text-align:center;
					width:500px;
				}
				body.groupes #main .cadre h2{
					text-align:left;
					margin:0;
					font-size:15px;
					color:#333;
				}
				
				body.contact table{
					width:70%;
					margin:10px auto;
					color:#002F67;
				}
				body.contact table input,
				body.contact table textarea{
					width:100%;
					border:1px solid #002F67;
					background:#C5E4FF;
					color:#002F67;
					margin:4px 0;
				}
				body.contact table textarea{
					height:200px;
				}
				body.contact table input[type=submit]{
					background:#27629E;
					color:#fff;
					font-weight:bold;
					font-size:15px;
					width:300px;
					padding:3px 0;
					margin:10px auto;
					display:block;
					cursor:pointer;
				}
				body.contact table input[type=submit].hover{
					background:#9D1432;
				}
				body.contact .tab_retour{
					color:#9D1432;
					padding:10px;
					font-style:italic;
				}
				body.contact table tr.red {
					color:#9D1432;
				}
				body.contact table tr.red input,
				body.contact table tr.red textarea{
					border:1px solid #9D1432;
				}
				
				
				
				#main h2.titre-partenaires{
					display:inline;
					font-size:12px;
				}
				
				#main .tabs{
					margin-bottom:80px;
				}
				#main .tabs:last-child{
					margin-bottom:20px;
				}
				#main .tabs p{
					margin:0 10px;
				}
				#main .right-img{
					float:right;
					width:180px;
					margin:10px;
				}
				#main .left-img{
					float:left;
					width:220px;
					margin:10px;
				}
				#main .ui-tabs-nav a{
					font-size:12px;
				}
				
		#content-right{
			width:209px;
			/*height:540px;*/
			float:right;
			margin-right:28px;
			margin-top:35px;
			background:url(../imgs/backgrounds/bloc-droite.jpg) repeat-y top center;
		}
		#content-right a{
			color:#0d2c47;
			font-weight:bold;
		}
			
	
	#footer{
		padding:10px 0;
	}
		#footer ul{
			margin:0 auto;
			text-align:center;
			color:#fff;
			font-weight:bold;
			font-size:11px;
			
		}
		#footer li{
			display:inline;
			margin:0;
			list-style:none;
		}
		#footer ul,
		#footer li,
		#footer li a{
			color:#fff;
			font-weight:bold;
			font-size:11px;
		}
		#footer li a:hover{
			text-decoration:underline;
		}