/******************************/
/*  STRUCTURE                 */
/******************************/


	html {
		overflow-y: scroll;
		overflow: -moz-scrollbars-vertical;
	}
	
	html,body {
		padding: 0px;
		margin: 0px;
		height: 100%;
	}
	
	body {
		background-color: #FFFFFF;
		text-align: center;
		}
		
	body, table {
		font-size: 12px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		color: #000000;
		}
		
	#global {
		position: relative;
		width: 100%;
		-height: 100%;
		min-height: 100%;
		margin: 0 auto;
		text-align: center;
		}
				
	#top {
		width: 100%;
		height: 310px;
		text-align: center;
		background: url(design/structure/sdio_top_background.jpg);
		}
		
	#topContenu {
		width: 925px;
		height: 310px;
		margin: 0 auto;
		background: url(design/structure/sdio_top_contenu_background.jpg) no-repeat;
		}
		
	#ImgTop {
		float: right;
		margin-right: 1px;
		position: relative;
		}

		
	#contenu {
		width: 925px;
		margin: 0 auto;
		margin-top: 15px;
		text-align: left;

		}
		
	#sous-menu {
		width: 215px;
		float: left;
		text-align: right;
		}
		
	#page {
		width: 450px;
		float: left;
		margin-left: 20px;
		}
	
	#sider {
		width: 220px;
		float: right;
		}
		
	#dernier-element {
		padding-bottom: 35px;
		clear: both;
		bottom: 0px;
		}
				
	#bottom {
		position: absolute;
		width: 100%;
		height: 30px;
		bottom: 0px; 
		left: 0px;
		text-align: center;
		background: url(design/structure/sdio_bottom_background.jpg) repeat-x;
		}
		
		
/******************************/
/*  CONTENU                 */
/******************************/
	
	
	/******************************/
	/*  Remise ŕ 0                */
	/******************************/
	form, img, ul, li, h1, h2, h3, h4, p, table {
		padding: 0;
		margin: 0;
		border: 0;
		}
		
	ul {
		margin-left: 1.2em;
	}
	
	/******************************/
	/*  Titre et paragraphes       */
	/******************************/	
	h1 {
		color: #000000;
		text-transform: uppercase;
		font-size: 18px;
		font-weight: normal;
		margin-bottom: 15px;
		}
	
	h1.SousMenu {
		font-size: 14px;
		}
		
	h2 {
		color: #3366CC;
		text-transform: uppercase;
		font-size: 14px;
		margin-bottom: 15px;
		font-weight: normal;
		}
				
	h3 {
		text-transform: uppercase;
		font-size: 14px;
		margin-bottom: 15px;
		font-weight: normal;
		}
	
	p, ul {
		margin-bottom: 20px;
		}
	
	.bottom {
		margin-bottom: 0px;
	}
		

	/******************************/
	/*  Liens                 */
	/******************************/	
	
	a, a:visited, a:focus {
		color: #3366CC;
		text-decoration: underline;
		}
	
	a:hover {
		color: #3366CC;
		text-decoration: none;
		}
		
	/******************************/
	/*  images                     */
	/******************************/	
	#sider img {
		margin-bottom: 15px;
		}
		
	/******************************/
	/*  Formulaires               */
	/******************************/	
	
	input, select, textarea {
		background-color: #FFFFFF;
		border: #3366CC solid 1px;
	}

	/******************************/
	/*  Sous-Menu                  */
	/******************************/	
	
	#sous-menu li, #sous-menu li.Inactif {
		list-style: none;
		list-style-image: none;
		margin-bottom: 15px;
		font-size: 13px;
		}
		
	#sous-menu li a, #sous-menu li a:visited, #sous-menu li a:focus, #sous-menu li.Inactif {
		color: #999999;
		text-decoration: none;
		}
		
	 #sous-menu li.Inactif {
		color: #CCCCCC;
		}
			
	#sous-menu li a:hover, #sous-menu li.SousPageActive a {
		color: #3366CC;
		text-decoration: none;
		}

	/******************************/
	/*  Pied de page              */
	/******************************/		
	.bottom {
		margin-top: 8px;
		color: #FFFFFF;
		bottom: 5px;
		}
		
	.bottom a, .bottom a:visited, .bottom a:focus  {
		color: #FFFFFF;
		text-decoration: underline;
		}
	
	.bottom a:hover  {
		color: #FFFFFF;
		text-decoration: none;
		}
		
	/******************************/
	/*  Page Comité               */
	/******************************/		
 	.Comite {
		padding-bottom: 9px;
		margin-bottom: 9px;
		line-height: 18px;
		border-bottom: #3366CC solid 1px;
	}
	
	p.Comite .Nom {
		font-size: 13px;
		font-weight: bold;
	}
	
	p.Comite .Titre {
		font-size: 13px;
		font-style: italic;
	}
	
	.popper {
		position : absolute;
		visibility : hidden;
	}
	
	/******************************/
	/*  Page Evenement               */
	/******************************/		
 	.LienPhotos {
		padding: 5px;
		margin-bottom: 10px;
		font-size: 15px;
		padding-left: 55px;
		background: #C9E3FF url(design/divers/photo_logo.gif) no-repeat 5px ;
	}
	
 	.LienPhotos a {
		color: #3366CC;
		text-decoration: none;
	}
	
 	.LienPhotos a:hover {
		color: #000000;
		text-decoration: none;
	}
		
	/******************************/
	/*  Photos                    */
	/******************************/	
	
	.TabAlbums {
		width: 100%;
	}	
	
	.TabAlbums td {
		padding: 10px;
	}	
	
	.TabAlbums td.Titre {
		padding: 0px;
	}	
	
	.TabAlbums td.Image {
		width: 50px;
	}	

	
	.TabAlbums img {
		border: #FFFFFF solid 2px;
	}

	.GalerieHover {
		background-color: #B2DAF6;
		text-decoration: none;
		color: #3366CC;
		cursor: pointer;
	}
	
	.GaleriePhoto .Navigation, .GaleriePhoto .Images {
		width: 100%;
		text-align: center;
	}

	.GaleriePhoto img {
		border: #FFFFFF solid 2px;
	}
	
	.GaleriePhoto .Titre {
		font-weight: bold;
	}

	.GaleriePhoto .Navigation td {
		width: 33%;
		padding-bottom: 5px;
	}
	
	.GaleriePhoto .Images td {
		padding: 5px;
	}
	
	.TabGaleries {
		width: 100%;
		text-align: left;
	}	
		
	.TabGaleries td.Image {
		width: 65px;
	}
		
	
	/******************************/
	/*  Agenda                   */
	/******************************/	
	
	.Evenement, .Agenda {
		margin-bottom: 30px;
	}	
	
	.Agenda p {
		margin-bottom: 5px;
	}	
	
	.Evenement .Date, .Agenda .Date {
		border-bottom: #3366CC solid 1px;
		text-transform: uppercase;
		color: #333333;
	}	
	
	.Evenement .Titre, .Evenement .Titre a, .Evenement .Titre a:visited, .Evenement .Titre a:active, 
	.Agenda .Titre, .Agenda .Titre a, .Agenda .Titre a:visited, .Agenda .Titre a:active {
		font-size: 15px;
		color: #3366CC;
		text-decoration: none;
	}	
	
	.Evenement .Titre a:hover, .Agenda .Titre a:hover {
		color: #000000;
	}	
	
	.Evenement .Lieu, .Agenda .Lieu {
		font-weight: bold;
	}
	
	.Details .Lieu {
		margin-bottom: 20px;
	}

	
	.SelectedDate, .Details {
		background-color: #C9E3FF;
		padding: 3px;
	}
	
	.Details {
		border: #3366CC solid 1px;
		padding: 5px;
	}
	
	.Details p {
		margin-bottom: 10px;
	}
	
	.Pdf td {
		vertical-align: middle;
	}
	
	#sider .Pdf img {
		margin: 0px;
	}


	/******************************/
	/*  Page Liens             */
	/******************************/		
 	
	.tabLiens {
		width: 100%;
		vertical-align: middle;	
	}
	
	.tabLiens td {
		padding-bottom: 10px;
	}	
	.tabLiens td.Titre {
		padding: 0px;
	}

 	.tabLiens img {
		width: 100px;
	}
	
 	.tabLiens .Images {
		width: 110px;
	}
	
 	.tabLiens p {
		margin: 0px;
		padding-top: 10px;	
		padding-bottom: 10px;
		text-transform: uppercase;
	}
	
	 .tabLiens a, .tabLiens a:visited, .tabLiens a:active {
		text-decoration: none;
		color: #000000;
	}
	
	 .tabLiens a:hover {
		text-decoration: none;
		color: #3366CC;
	}
	
	.tabLiens h2 {
		margin-top: 50px;
		border-bottom: #3366CC solid 1px;
	}
	
	h2.Premier {
		margin-top: 0px;
	}

	

	/******************************/
	/*  Page City-Management      */
	/******************************/		
 	.CityManagement {
		width: 100%;
		vertical-align: middle;	
	}
	
 	.CityManagement  h2 {
		margin: 0px;
	}
	
 	.CityManagement  h2 a, .CityManagement  h2 a:visited, .CityManagement  h2 a_active {
		text-decoration: none;
	}
	
 	.CityManagement  h2 a:hover {
		text-decoration: none;
		color: #000000;
	}
	
 	.CityManagement .Date {
		margin: 0px;
		color: #666666;
		font-size: 10px;
	}
	
 	.CityManagement .Media {
		margin: 0px;
		margin-bottom: 5px;
	}
	
	.CityManagement .ImagePDF {
		vertical-align: bottom;
		width: 30px;
	}	
	
	.CityManagement .ImagePDF img {
		width: 40px;
	}
	
	.CityManagement td {
		padding-bottom: 30px;
	}