html,body {
		height : 100%;
	}
	
	body {
		margin : 0;
		padding : 0;
		/*background-color : #d2d9d4;*/
		background-color : #BCBCBC;
	}
	
	.page {
		position: relative;
		width: 800px;
		margin: auto;
		background-color : #fff;
	}
	

/* ----------En Tête ----------------- */

#entete,
#entete_accueil{
	width: 100%;
	background-image: url('../images/entete-deco-haut.gif');
	background-repeat: no-repeat;
}

#entete_accueil{
	height: 447px;
}
	
#entete {
	height: 313px;
}


#entete_accueil #entete_princ,
#entete #entete_princ{
	
	position: absolute;
	
	top: 94px;	
	
	width: 100%;
	background-image: url('../images/entete-back.gif');
	background-color: #404040;
}

#entete_accueil #entete_image{
	background-image: url('../images/accueil-image.jpg');
	width: 450px;
	height: 353px;
}

#entete #entete_image{
	background-image: url('../images/accueil-image2.gif');
	width: 415px;
	height: 219px;
}


#entete_accueil #entete_princ{
	height: 353px;
}

#entete #entete_princ{
	height: 219px;
}

#entete_titre{
	position: absolute;
	top: 15px;
	left: 75px;
	
	/* width: 461px; */
	width: 600px;
	height: 68px;

	z-index : 10;
}

#titre_logo{	
	
	position: absolute;
	top: 6px;
	left: 0px;
	
	margin: 0;
	padding: 0;
	
	overflow: hidden;
	
	background-image: url('../images/entete-logo.gif');
	background-repeat: no-repeat;
}

#logo_lien {
	display: block;
	
	width: 279px;
	height: 68px;
	
	overflow: hidden;
	text-indent: -9000px;
}

#titre_separateur{
	position: absolute;
	top: 11px;
	left: 287px;
	
	width: 13px;
	height: 65px;
	
	background-image: url('../images/entete-separateur.gif');
	background-repeat: no-repeat;
}

#titre_texte{
	position: absolute;
	top: 35px;
	left: 307px;
	
	font-size: 7pt;
	font-weight: bold;
	color: #164063;
	
	margin: 0;
	padding: 0;
}

#titre_concours {
	position : absolute;
	top : 5px;
	right : 5px;
	
	z-index : 11;
}

#zone_promotion{
	
	position: absolute;
	bottom: 20px;
	right: 20px;
	
	/*width: 318px;
	height: 195px;*/

	width: 300px;
	height: 120px;
	border:0;

	
}

#promotion {
		
	/*width: 318px;
	height: 195px;
	
	background-image: url('../images/promo-alarme.jpg');
	background-repeat: no-repeat*/


	
}

#zone_soumission{
	
	position: absolute;
	bottom: 40px;
	right: 18px;
	
	width: 180px;
	height: 46px;
}

#bouton_soumission{
	
	display: block;
			
	width: 180px;
	height: 46px;
	
	background-image: url('../images/bouton-soumission-en-ligne.gif');
	background-repeat: no-repeat;	
}

/* ---- MENU ---- */
	
#menu{
	position: absolute;
	top: 34px;
	right:0px;
	
	float:right;
	
	width: 100%;
	height: 50px;
}

#menu_princ{
	height: 35px;
}

#menu_princ a{
	display: block;
	height: 35px;
	float: right;
	
	overflow: hidden;
	text-indent: -9000px;
	background-position: top left;
}

#smenu_profil li{
	display: block;
	height:23px;
	overflow:hidden;
}

#menu_princ a:hover{
	background-position: bottom left;
}


/*
#menu_princ .selectionne {
	background-position: bottom left;
}
*/

#menu_princ #menu_fin{
	float: right;
	height: 35px;
	width: 21px;
	background-position: top left;
	background-image: url('../images/menu-fin.gif');
}

#menu_princ #menu_profil{
	width: 153px;	
	background-image: url('../images/menu-profil.gif');
}

#menu_princ #menu_particuliers{
	width: 142px;	
	background-image: url('../images/menu-particuliers.gif');
}

#menu_princ #menu_entreprises{
	width: 123px;	
	background-image: url('../images/menu-entreprises.gif');
}

#menu_princ #menu_programmes{
	width: 161px;	
	background-image: url('../images/menu-programmes.gif');
}

#menu_princ #menu_services{
	width: 141px;	
	background-image: url('../images/menu-services.gif');
}


#menu_sec{
	
	float: none;
	position: absolute;
	width: 350px;
	
	top: 34px;
	right:0;
	
	padding: 5px 20px 0 0;
	margin: 0;
	
	
}

#menu_sec a {
	color: #fff;
	text-decoration : none;
	font-size: 7pt;
	
	display:block;
	float: right;
}

#menu_sec a:hover{
	text-decoration : underline;
}

#menu_sec .separateur{
	float: right;
	background-image:url('../images/separateur.gif');
	background-repeat: no-repeat;
	height: 7px;
	width: 7px;
	
	margin: 4px 5px 0px 5px;
	padding:0;
}

#smenu_outils li{
	display: block;
	height:12px;
	overflow:hidden;
}

/* ---- Contenu ---- */

#principal{	
	position: relative;
	background-image: url('../images/contenu-back.gif');
	background-repeat: repeat-y;	
	width: 100%;
	min-height: 120px;	
}

*html #principal {
	height: 120px;
}

#princ_deco{
	background-image: url('../images/contenu-deco.gif');
	background-repeat: no-repeat;	
	width: 41px;
	height: 44px;
	float: left;
	
}

#contenu {
	/*position: relative;*/
	padding: 40px 0px 40px 0px;
	margin : 0 0 0 80px;
	width: 680px;	
	
	line-height: 150%;
}

#contenu p{
	margin: 0px;
	padding: 0 0 15px 0;
	
}

#contenu a{
	color: #002e54;
}

#contenu a:hover{
	color: #000;
}

#contenu h1,
#contenu h2,
#contenu h3 {
	color : #F57B21;
}

#contenu h1{
	margin: 0px;
	padding: 0 0 10px 0;
}

#contenu h2{
	margin: 0px;
	padding: 7px 0 5px 0;
}

#contenu .acc_separateur {
		
	/*width: 14px;*/
	height: 120px;
	
	background-image: url('../images/accueil-separateur.gif');
	background-repeat: no-repeat;
	
	margin: 15px 8px 0 8px;
}

#contenu .sf_titre{
	background-image:url('../images/sf-tab-back.gif');
	
}

#contenu .titre_alt{
	color: #fff !important;
}

#contenu ul {
	list-style-type: none;
	margin:0;
	padding:0 0 12px 0;
}

#contenu ul li{
	background-image: url(../images/puce.gif);
	background-repeat: no-repeat;
	background-position: top left;
	margin :0;
	padding:0 0 3px 15px;
}

#contenu ul li ul{
	padding:5px 0 0px 5px;
}	

#contenu ul li ul li{
	background-image: url(../images/puce2.gif);
	background-repeat: no-repeat;
	background-position: top left;	
}

#contenu .sf_titre{
	border: 1px #d6a400 solid !important;	
}

.sf_liste{
	border: 1px #aaa solid !important;
}


/* ---- pied --- */

#pied{
	position: relative;
	background-image: url('../images/pied-back.gif');
	
	width: 100%;
	height:39px;

}


#pied_liens {
	position: absolute;
	right: 30px;
	top: 5px;
}

#pied_liens a{
	display: block;
	float: left;
	
	color: #000;
	text-decoration : none;
	font-size: 7pt;	
}

#pied_liens a:hover{
	text-decoration : underline;
}

#pied_liens .separateur {
	float: left;
	
	background-image:url('../images/pied-separateur.gif');
	background-repeat: no-repeat;
	height: 18px;
	width: 3px;
	
	margin: 3px 9px 0px 9px;
	padding:0;
}

#pied_liens #pied_logo{
	float: left;
	background-image:url('../images/pied-logo.gif');
	background-repeat: no-repeat;	
	height: 23px;
	width: 17px;
	
	margin: 0 12px 0 0;
	
	position: relative;
	top: -5px;
}

#basdepage {
	/*background-color : #d2d9d4;*/
	background-color : #BCBCBC;
	color: #5E5E5E;

	padding-top : 1em;
	height : 1.5em;
	padding-bottom : 1em;
}

#basdepage a {
	color: #5E5E5E;
	text-decoration : none;
}

#basdepage a:hover {
	color : #222;
}

#realisation {
	float:right;
}

#lien_nexion{
	padding-right: 17px;
	background-image:url('../images/logo-nexion.gif');
	background-repeat: no-repeat;
	background-position: center right;
}


/* ----FORMULAIRES ---- */

	
.formulaire .ligne {
	position: relative;
	
	margin-bottom : 0.8em;
	
}

.formulaire h2{
	font-size: 11pt !important; 
}

.formulaire .ligne .right{
	position: absolute;
	
	top: 0px;
	right: 0px;
}

.formulaire label {
	display : block;
	/*float : left;*/
	margin-right : 10px;
	text-align : left;
	/*width: 500px;*/
	
	font-weight: bold;
}

.formulaire p {
	padding:0 0 2px 0 !important;
	margin:0 !important;
}

.formulaire .ligne p{
	font-weight: bold;
}

.formulaire .ligneChampTexte input {
	border : 1px solid #666;
	width : 300px;
}

.formulaire .ligne select {
	border : 1px solid #666 !important;
	width : 302px;
}

*html .formulaire .ligne select{
	width : 305px;
}


.formulaire .ligneChampOption{
	overflow:auto;
	position: relative;
	/*width: 300px;*/
}

.formulaire .ligneChampOption label {
	display:block;
	margin-left: 20px;	
	height: 20px;	
	line-height: 130%;
	/*width: 200px;*/
	
	font-weight: normal;
	
}

.formulaire .ligneChampOption input {
	display:block;
	float:left;
	margin: 0;
	padding: 0;
	height: 20px;	
	line-height: 130%;
	
}


.formulaire .ligneChampCaseACocher{
	margin: 0;
}

.formulaire .ligneChampCaseACocher input{
	border-width: 0px;
}

.formulaire .ligneChampCaseACocher label{
	width : 300px;
	display : inline;
	float : none;	
}

.formulaire .ligneBouton {
	margin-top : 2em;
	margin-bottom : 1em;
}

.formulaire .ligneBouton input {
	margin-left : 0px;

	border : 2px solid #000;
	background-color : #fff;
	color : #000;
	font-family : tahoma,helvetica,sans-serif;
	font-size : 9pt;
	padding : 5px 10px 5px 10px;
	width : 120px;
	font-weight : bold;
}
   
.formulaire .reclamation p{
	font-weight: bold;
}

.formulaire .reclamation label{
	font-weight: normal !important;
}

.formulaire .reclamation table{
	border-collapse: collapse;
}
.formulaire .reclamation table td{
	padding-right: 10px;
	vertical-align: top;
}

.formulaire .ligneChampMessage textarea {
	border : 1px solid #666;
	width : 300px;
	height : 100px;
}

.formulaire .responsabilite{
	padding-bottom: 13px;
}

.formulaire .responsabilite p{
	font-weight: normal;
}
.formulaire .responsabilite input,
.formulaire .responsabilite label{
	display:inline;
	float: none;
	padding:0;
	margin:0;
	height: 12px;
}

.formulaire .responsabilite label{
	margin-right: 30px;
}