/* INITIALISATION */

	* { margin: 0; padding: 0; }

	html{ height: 100%;	}

	img { border: 0px; margin: 0px; }

	a { border: 0px; text-decoration: none; 
      position:relative; /*Nécessaire pour éviter bug IE liens incliquables*/
	}

	a:hover { text-decoration: underline; }

	form { margin: 0px; padding: 0px; }

	p {	margin-bottom:10px; }

	ul { margin-left: 10px; }

	
	body {
		height: 100%;
		margin: 0px;
		padding: 0px;
		font-family: Trebuchet MS sans-serif, Arial, Helvetica;
		font-size: 11px;
		color: #707072;
		background-image: url(../images/body_bg.gif);
		background-repeat: repeat-x;
		background-color: #DFE8EA;
		}


/* STRUCTURE DE LA PAGE */
	#conteneur {
		width: 100%;
		height: 100%;
		background-image: url(../images/conteneur_bg.gif);
		background-repeat: no-repeat;
		}
	#conteneur2 {
		width: 990px;
		margin: 0 auto; 
		}
	#header {
		height: 28px;
		}
	#centre {
		margin: 30px 243px 0px 199px;
		}
	#contenu {
		clear: left;
		margin: 0px;
		padding: 0px;
		}

	#gauche {
		float:left;
		width: 199px;
		position: absolute;
		margin-top:-28px;
		text-align: center;
		font-size: 13px;		
		color: #AFB2B3;
		line-height: 38px;
		text-transform: uppercase;
		}
	#droite {
		float:right;
		width: 208px;
		min-height: 478px;
		padding-top: 16px;
		background-image: url(../images/droite_bg.gif);
		background-repeat: no-repeat;
		}
	#footer {
		clear: both;
		height: 31px;
		margin-top: 9px;
		text-align: center;
		font-size: 10px;
		font-weight: bold;
		font-family: Lucida Sans, Trebuchet MS sans-serif, Arial, Helvetica;
		color: #96A7AB;
		}


/* HEADER MENU*/

	#headerMenu {
		position: absolute;
		height: 28px;
		width: 990px;
		background-color: #FFFFFF;
		text-align: right;
		padding-right: 33px;
		text-transform: uppercase;
		font-size: 14px;
		font-weight: bold;
		line-height: 28px;
		margin-left: 0px;
    clear: both;
    margin-top: 0px;
		}

	#headerMenu dl {
		display: block;
		float:right;
		}

	#headerMenu dt {
		display: block;
		cursor: pointer;
		float: left;
		text-align: center;
		padding: 0px 16px;
		margin: 6px 0px;
		border-right: solid 2px #97A8AC;
		line-height: 16px;
		color: #97A8AC;
		}

	#headerMenu dt a {
		color: #97A8AC;
		text-decoration: none;
		}
	#headerMenu dt a:hover {
		color: #97A8AC;
		text-decoration: none;
		}

	#headerMenu dd {
		display: block;
		font-size: 12px;
		margin-top: 28px;
		text-align: center;
		background-image: url(../images/sous-menu_bg.png);
		background-position: left bottom;
		}

	#headerMenu dd ul {		
		padding: 5px 16px 10px 16px;		
		}
	#headerMenu dd ul li {		
		list-style: none;
		}
	#headerMenu dd ul li a , #header dd ul li a:visited {
		color: #AEBBBE;
		text-decoration: none;
		}
	#headerMenu dd ul li a:hover {
		color: #96A7AB;
		text-decoration: none;
		}


/* DROITE */
	#bienvenue {
		color:#FFFFFF;
		font-weight: bold;
		font-size: 14px;
		margin-left: 18px;
		}
	#nom {
		font-size:11px;
		}
	#droite ul {
		color:#FFFFFF;
		font-size:11px;
		line-height: 18px;
		margin: 20px 0px 20px 30px;
		list-style: none;
		list-style-image: url(../images/puce.gif);
		}
	#droite ul a, #droite ul a:hover, #droite ul a:visited{
		color:#FFFFFF;
		font-size:11px;
		text-decoration: none;
		}
	.lien {
		margin-bottom:10px;
		}

/* FOOTER */
	#footer span{
		text-align: center;
		font-weight: normal;
		font-size: 9px;
		font-family: Lucida Sans, Trebuchet MS sans-serif, Arial, Helvetica;
		color: #96A7AB;
		}
		#footer span a, #footer span a:visited{
			color: #96A7AB;
			text-decoration: none;
			}
		#footer span a:hover{
			color: #96A7AB;
			text-decoration: underline;
			}

/* PAGES LOGIN */
	#login {
		width: 100%;
		height: 100%;
		background-image: url(../images/conteneur_bg.gif);
		background-repeat: no-repeat;
		}

	#login #header {
		height: 28px;
		background-color: #FFFFFF;
		text-align: right;
		padding-right: 120px;
		text-transform: uppercase;
		font-size: 14px;
		font-weight: bold;
		line-height: 28px;
		}
	#login #header a, #login #header a:visited{
		color: #AFB2B3;
		text-decoration: none;
		}
	#login #header a:hover{
		color: #707072;
		text-decoration: none;
		}
	#acces{
		margin-bottom: 65px;
		}
	#acces ul{
		list-style: none;
		}
		#rubrique1 {
			display: block;
			margin: 5px 0px;
			width: 201px;
			height: 41px;
			background-image:url(../images/bt_home_client.png);
			background-repeat: no-repeat;
			cursor: pointer;
			}
		#rubrique2 {
			display: block;
			margin: 5px 0px;
			width: 201px;
			height: 41px;
			background-image:url(../images/bt_home_veto.png);
			background-repeat: no-repeat;
			cursor: pointer;
			}
		#rubrique3 {
			display: block;
			margin: 5px 0px;
			width: 201px;
			height: 41px;
			background-image:url(../images/bt_home_veto-non_inscrit.png);
			background-repeat: no-repeat;
			cursor: pointer;
			}
		#rubrique4 {
			display: block;
			margin: 5px 0px;
			width: 201px;
			height: 41px;
			background-image:url(../images/bt_home_veto-inscrit.png);
			background-repeat: no-repeat;
			cursor: pointer;
			}
		#rubrique5 {
			display: block;
			margin: 20px 0px;
			width: 201px;
			height: 41px;
			background-image:url(../images/bt_home_deconnexion.png);
			background-repeat: no-repeat;
			cursor: pointer;
			}
		#horaires {
			margin-top: 20px;
			margin-left: 234px;
			font-size: 14px;
			text-transform: uppercase;
			font-weight: bold;
			line-height: 22px;
			color:#707072;
			}
		#horaires span{
			font-size: 14px;
			color: #96A7AB;
			text-transform: uppercase;
			font-weight: normal;
			line-height: 16px;
			}
		#liste {
			margin-top: 20px;
			margin-left: 0px;
			margin-right: 100px;
			font-size: 14px;
			text-transform: uppercase;
			font-weight: bold;
			line-height: 22px;
			color:#707072;
			}
		#liste span{
			font-size: 14px;
			color: #96A7AB;
			text-transform: uppercase;
			font-weight: normal;
			line-height: 16px;
			}
		#acces ul li a span {
			display: none;
			}

		#login #centre{
      position: static;
			margin: 18px 243px 0px 210px;
			background-image:url(../images/login_bg.png);
			background-repeat: no-repeat;
			height: 475px;
			}
		#login #centreInscrit{
			margin: 18px 0px 0px 210px;
			background-image:url(../images/login-inscrit_bg.png);
			background-repeat: no-repeat;
			height: 720px;
			}
		#login #centreInscrit #acces{
			margin-bottom: 35px;
			}
		#frame {
      position:relative; /*Nécessaire pour éviter bug IE*/
			width: 600px;
			height: 510px;
			margin-left: 110px;
			}
		#login #formulaire{
			margin: 0px 0px 0px 58px;
			float: left;
			}
		#login #formulaire{
			margin: 0px 0px 0px 58px;
			float: left;
			}

	.field {
			border: solid 1px #96A6AA;
			height: 20px;
			background-image: url(../images/field_bg.gif);
			background-position: left bottom;
			background-repeat: repeat-x;
			}

	.bouton {

		}

		.fieldSelect {
			border: solid 1px #96A6AA;
			height: 20px;
			width: 145px;
			background-color: transparent;
			background-image: url(../images/field_bg.gif);
			background-position: left bottom;
			background-repeat: repeat-x;
			margin-left: 5px; 
			font-size: 11px;
			font-weight: bold;
			color: #85888A;
			line-height: 20px;
			text-align: center;
			}

			.fieldSelect option {
				font-size: 11px;
				font-weight: bold;
				color: #85888A;
				line-height: 14px;
				padding: 3px;
				background-color: #FFFFFF;
				}
			.fieldSelect option:hover{
				background-color: #DEDEDE;
				}

		.tableauLigne1 {
			background-image: url(../images/tableau_ligne-1.gif);
			background-position: left bottom;
			background-repeat: repeat-x;
			background-color: #DFE8EA;
			margin-left: 22px;
			float: left;
			width: 525px;
			}
		.tableauLigne2 {
			background-image: url(../images/tableau_ligne-2.gif);
			background-position: left bottom;
			background-repeat: repeat-x;
			margin-left: 22px;			
			background-color: #DFE8EA;
			float: left;
			width: 525px;
			}
		.tableauLigne1 div, .tableauLigne2 div {
			width:165px;
			margin: 4px 4px;
			float: left;
			text-align: center;
			padding-bottom: 7px;
			}
		.tableauLigne1 div a, .tableauLigne1 div a:hover, .tableauLigne1 div a:visited, .tableauLigne2 div a, .tableauLigne2 div a:hover, .tableauLigne2 div a:visited {
			text-decoration: underline;
			color: #707072;
			}

		.tableauLigne1 div a img, .tableauLigne2 div a img{
			width: 60px;
			height:	60px;
			border-top: solid 1px #A6B6B9;
			border-right: solid 2px #A6B6B9;
			border-bottom: solid 2px #A6B6B9;
			border-left: solid 1px #A6B6B9;
			text-decoration: none;
			}
	.tableauLigne1 .picto, .tableauLigne2 .picto {
			position:relative;
			float:left;
			top: 5px;
			left: -15px;
			margin-right: -100%; /* Pour que la div à suivre commence au bord quelle que soit la largeur du picto */
			}
			
/* HOMEPAGE */
	#homepage {
		width: 100%;
		height: 100%;
		background-image: url(../images/homepage_bg.gif);
		background-repeat: no-repeat;
	 }
	#homepage #conteneur {
		width: 990px;
		background-image: none;
		margin: 0 auto; 
		}
	#homepage #header {
		height: 28px;
		background-color: #FFFFFF;
		text-align: right;
		padding-right: 33px;
		text-transform: uppercase;
		font-size: 14px;
		font-weight: bold;
		line-height: 28px;
		}
	#homepage #header a, #homepage #header a:visited{
		color: #AFB2B3;
		text-decoration: none;
		}
	#homepage #header a:hover{
		color: #707072;
		text-decoration: none;
		}
	#homepage #headerMenu { /* Nécessaire de réduire le menu pour que le logo puisse passer dessus (vérifier si le menu complet tiendra dedans)*/
		width: 850px;
		margin-left: 140px;
    }
	#homepage #logo {
		position: absolute;
		text-align: center;
		font-size: 14px;
		color: #AFB2B3;
		line-height: 38px;
		text-transform: uppercase;
		margin: 12px 0px 0px 24px;
		}
	#homepage #centre {
		margin: 0px;
		display: block;
		float: right;
		width: 770px;
		background-image: url(../images/homepage-centre_bg.png);
		background-repeat: no-repeat;
		}
	#homepage #centre #accroche {
		position:relative;
                font-size: 19px;
		line-height: 30px;
		color: #96A7AB;
		text-transform: uppercase;
		float: right;
		margin: 45px 33px 220px 0px;
		}
	#homepage #centre #accroche #message {
                position: absolute;	
                top:220px;left:150px;width:280px;
                border: #CC0000;
                border-width: 1px;
                border-style:solid;
                font-size: 19px;
		line-height: 30px;
		color: #96A7AB;
		text-transform: uppercase;
		text-align: center;
		float: left;
		}
	#homepage #centre #accroche #message a, #homepage #centre #accroche #message a:visited {
                color: #CC0000;
                border: 0px; text-decoration:none; 
                position:relative; /*Nécessaire pour éviter bug IE liens incliquables*/
                }
	#homepage #centre #accroche #message a:hover {
                text-decoration: underline;
                }
	#homepage #centre #bas {
		width: 700px;
		float: right;
		text-align: left;
		clear: both;
		margin-bottom: 30px;
		}
	#homepage #centre #bas #message {
		font-size: 19px;
		line-height: 30px;
		color: #96A7AB;
		text-transform: uppercase;
		text-align: center;
		float: center;
		margin: -20px 0px 0px 0px;
		}
	#homepage #rubrique1 {
			margin: 20px 0px;
		}
	#homepage #acces{
		margin-bottom: 0px;
		width: 201px;
		margin-right: 33px;
		float: left;
		}
	#homepage #footer {
		clear: both;
		height: 31px;
		margin-top: 9px;
		text-align: center;
		font-size: 10px;
		font-weight: bold;
		font-family: Lucida Sans, Trebuchet MS sans-serif, Arial, Helvetica;
		color: #96A7AB;
		}
	#homepage #footer span{
		text-align: center;
		font-weight: normal;
		font-size: 9px;
		font-family: Lucida Sans, Trebuchet MS sans-serif, Arial, Helvetica;
		color: #96A7AB;
		}
		#homepage #footer span a, #footer span a:visited{
			color: #96A7AB;
			text-decoration: none;
			}
		#homepage #footer span a:hover{
			color: #96A7AB;
			text-decoration: underline;
			}