body 		{
				font-size: 18px; 
				background-color: white;
				background: url(Images/fond.jpg) repeat;
				margin: 0;
				padding: 0;
				height: 100%;
			}
			
div.box		{
				border-top: 5px solid black;
				border-bottom: 5px solid black;
				height: auto;
				width: 100%;
				margin: auto;
				color: white;
				position: fixed;
				text-align: center;
				background-color: #1b8bff;
				opacity: 1;
				z-index: 15;
				left: 0;
				top: 200px;
				padding: 10px;
			}
			
div.box a.OK	{
				display: block;
				width: 100px;
				text-decoration: none;
				border: white solid 2px;
				color: black;
				padding: 5px;
				margin: 0 auto;
				font-size: 18pt;
				font-weight: bold;
				
				/* Ombre portée */
				-moz-box-shadow: 4px 4px 12px 0 #333;
				-webkit-box-shadow: 4px 4px 12px 0 #333;
				box-shadow: 4px 4px 12px 0 #333;

				/* Arrière Plan */
				-webkit-background-clip: border-box;
				-webkit-background-origin: padding-box;
				background-attachment: scroll;
				background-color: #1b8bff;
				background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1b8bff), color-stop(0.5, #dedede), to(#1b8bff));
				background-image: -moz-linear-gradient(90deg, #1b8bff, #dedede, #1b8bff);
				background-repeat: repeat;
				filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#1b8bff', startColorstr='#dedede', gradientType='0');
			}
	
div.box a.OK:hover { 
			background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#dedede), color-stop(0.5, #1b8bff), to(#dedede));
			background-image: -moz-linear-gradient(90deg, #dedede, #1b8bff, #dedede);
			filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#dedede', startColorstr='#1b8bff', gradientType='0');
		}
		
div.valide	{
				position: fixed;
				width: 100%;
				height: 100%;
				top: 0px;
				bottom: 0px;
				z-index: 8;
				left: 0px;
				background-color: #1b8bff;
				opacity: 0.30;
			}

div.NObox		{
				border-top: 5px solid black;
				border-bottom: 5px solid black;
				height: auto;
				width: 100%;
				margin: auto;
				color: white;
				position: fixed;
				text-align: center;
				background-color: #f66;
				opacity: 1;
				z-index: 15;
				left: 0;
				top: 200px;
				padding: 10px;
			}
			
div.NObox a.NO {
				display: block;
				width: 100px;
				text-decoration: none;
				border: white solid 2px;
				color: black;
				padding: 5px;
				margin: 0 auto;
				font-size: 18pt;
				font-weight: bold;
				
				/* Ombre portée */
				-moz-box-shadow: 4px 4px 12px 0 #333;
				-webkit-box-shadow: 4px 4px 12px 0 #333;
				box-shadow: 4px 4px 12px 0 #333;

				/* Arrière Plan */
				-webkit-background-clip: border-box;
				-webkit-background-origin: padding-box;
				background-attachment: scroll;
				background-color: #f66;
				background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f66), color-stop(0.5, #dedede), to(#f66));
				background-image: -moz-linear-gradient(90deg, #f66, #dedede, #f66);
				background-repeat: repeat;
				filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#1b8bff', startColorstr='#dedede', gradientType='0');
			}
	
div.NObox a.NO:hover { 
			background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#dedede), color-stop(0.5, #f66), to(#dedede));
			background-image: -moz-linear-gradient(90deg, #dedede, #f66, #dedede);
			filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#dedede', startColorstr='#f66', gradientType='0');
		}
		
div.NOvalide	{
				position: fixed;
				width: 100%;
				height: 100%;
				top: 0px;
				bottom: 0px;
				z-index: 8;
				left: 0px;
				background-color: red;
				opacity: 0.30;
			}
			
div.haut		{
				position: fixed;
				left: 0px;
				top: 0px;
				width: 100%;
				height: 178px;
				margin: 0;
				background-color: white;
				background: url(Images/fond.jpg) repeat;
				text-align: center;
				border-bottom: 2px solid black;
			}
			
div.gauche	{
				position: absolute;
				width: 150px;
				height: auto;
				left: 0px;
				top: 150px;
				padding-left: 3px;
				padding-top: 10px;
				border-top: 2px solid black;
			}
			
div.contenu	{
				position: relative;
				width: auto;
				height: 100%;
				left: 0px;
				top: 178px; 
				padding: 10px 150px 200px 150px;
				border-top: 2px solid black;
				text-align: justify; 
				background-color: #fff;
				background:  url(Images/gauche.png) top left repeat-y, url(Images/droite.png) top right repeat-y, white;
			}
			
div.bas		{
				position: fixed;
				left: 0px;
				bottom: 0px;
				width: 100%;
				text-align: center;
				border-top: 2px solid black;
				background-color: white;
				background: url(Images/fond.jpg) repeat;
				font-size: 14px;
			}
			
div.logo_SAP {
				position: fixed;
				top: 0px;
				left: 0px;
				height: 150px;
				padding-left: 3px;
			}
			
h1			{
				text-align: center;
				color: #1b8bff;
				font-weight: bold;
				
				/* Ombre portée */
				-moz-text-shadow: #aed7ff 15px 8px 3px;
				-webkit-text-shadow: #aed7ff 15px 8px 3px;
				text-shadow: #aed7ff 15px 8px 3px;
			}

h3			{
				display: inline;
				text-decoration: underline; 
				font-size: 18px; 
				color: #1b8bff;
			}
			
img			{
				border: 0px;
			}
table		{
				vertical-align: middle;
				text-align: left;
				border: 0px black solid;
				padding: 2px;
				margin: 0px;
				width: 100%;
			}

td			{
				width: 50%;
			}
				
tr.entete	{
				color: white;
				font-weight: bold;
				background-color: #1b8bff;
				text-align: center
			}
			
tr.pair		{
				background-color: #aed7ff;
			}		
			
tr.impair	{
				background-color: white;
			}		

div.centrer	{
				display: block;
				margin: 0 auto;
				width: 747px;
				text-align: center;
			}			
			
div.accueil	{
				display: block;
				text-align: justify;
				width: 450px;
				margin: auto;
			}			
			
div.haut a 	{ 
				display: table-cell;
				vertical-align: middle; 
				width: 150px; 
				height: 25px; 
				border-left: 2px #1b8bff solid; 
				border-top: 2px #1b8bff solid; 
				border-right: 2px #1b8bff solid; 
				text-align: center;  
				color: black; 
				font-weight: bold; 
				text-decoration: none;
						
				/* Coins arrondis */
				-moz-border-radius-topleft: 10px; 
				-webkit-border-top-left-radius: 10px; 
				border-radius-topleft: 10px;
				-moz-border-radius-topright: 10px; 
				-webkit-border-top-right-radius: 10px; 
				border-radius-topright: 10px;

				/* Ombre portée */
				-moz-box-shadow: 4px -4px 12px 0 #333;
				-webkit-box-shadow: 4px -4px 12px 0 #333;
				box-shadow: 4px -4px 12px 0 #333;

				/* Arrière Plan */
				-webkit-background-clip: border-box;
				-webkit-background-origin: padding-box;
				background-attachment: scroll;
				background-color: #1b8bff;
				background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1b8bff), color-stop(0.5, #dedede), to(#1b8bff));
				background-image: -moz-linear-gradient(90deg, #1b8bff, #dedede, #1b8bff);
				background-repeat: repeat;
				filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#1b8bff', startColorstr='#dedede', gradientType='0');
			}

div.w3c		{
				position: fixed;
				left: 0px;
				bottom: 0px;
			}
			
p.asterisque {
				font-style: italic;
				font-size: 16px;
			}	

p.souligne	{
				text-decoration: underline;
				display: inline;
			}

p.villes	{
				display: inline;
				font-size: 14px;
			}

div.haut a:hover, div.haut a.active { 
				background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#dedede), color-stop(0.5, #1b8bff), to(#dedede));
				background-image: -moz-linear-gradient(90deg, #dedede, #1b8bff, #dedede);
				filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#dedede', startColorstr='#1b8bff', gradientType='0');
			}
			
div.form_contact {
				margin-left: auto;
				margin-right: auto;
				width: 500px;
			}
			
form 		{
				width: 500px;
				padding: 10px 20px;
				background: lavender;
				color: midnightblue;
			}
			
form p 		{
				margin: 1em 0;
			}
			
form p.double {
				/* Empêcher le dépassement des flottants */
				overflow: hidden;
				/* Idem pour IE6 */
				width: 100%;
			}
			
form p.double label {
				float: left;
				width: 150px;
				text-align: right;
				font-weight: bold;
				cursor: pointer;
			}
			
form p.double label span.info {
				display: block;
				margin-top: .2em;
				font-size: .8em;
				font-weight: normal;
				cursor: default;
			}
			
form p.double input,
form p.double textarea {
				width: 250px;
				margin-left: 12px;
				border: solid 1px midnightblue;
				padding: 2px 4px;
			}
			
form p.double textarea {
				padding: 2px 0 0 4px;
				width: 320px;
				height: 6em;
			}
			
form p.simple {
				margin-left: 160px;
			}