/* Corps de la page */
	body {
		margin: 0;
		padding: 0;
		background-image :  url(images/fond.jpg);
	}
	
/*intro */
#intro1 {
position:absolute; 
left:0px; 
top:0px;
width:800px; 
height:647px;
z-index:1; 
visibility:visible;
border: 0px none;
}
#xhtml {
border: 0px none;
}
#intro2 {
position:absolute;
left:0px;
top:647px;
width:550px; 
height:53px;
z-index:2; 
font-family :"Trebuchet MS", Arial, sans-serif; 
font-size : 14px; 
color: #ffffff;
visibility:visible;
text-align:center;
background-image : url('images/intro1.jpg'); 
background-repeat : no-repeat; 
border: 0px none;
}
#intro3 {
position:absolute;
left:550px; 
top:647px;
width:250px; 
height:53px;
z-index:3; 
visibility:visible;
}
/* Contenu générale du site */
	#conteneur {
		position: absolute;
		width: 815px;
		left: 15%;
		background-color: #ffffff;
	}
/* Haut du site : banniere + les deux barres horizontales de navigations */
	#header {
		position : relative;
		height: 219px;
		background-color: #ffffff;
		width: 815px;
		top: 0px;		
	}
	#haut {		
		left:104px; 
		top:0px;
		width:815px; 
		height:21px;
		background-image :  url(images/haut.gif);
		font-family: Verdana; 
		color : #3e4b55; 
		font-size : 13px; 
		font-style : inherit;
		text-align : center ;
	}
	#banniere {
		left:104px; 
		top:21px;
		width:815px; 
		height:147px;
		background-image :  url(images/banniere.jpg);
	}
	#gris_clair_gauche {
		left:104px; 
		top:169px;
		width:19px; 
		height:27px;
		background-image :url(images/gris_clair_gauche.jpg);
	}
	#fond_slogan {
		position:absolute; 
		left:19px; 
		top:169px;
		width:268px; 
		height:27px;
		background-color: #dde1e4;
	}
	#fond_skiner {
		position:absolute; 
		left:287px; 
		top:169px;
		width:164px; 
		height:27px;
		background-color: #dde1e4;
		font-style: normal;
		font-size: 9px;
		font-family: Verdana;
		text-decoration: none;
		text-decoration: none;
		color: #3e4b55;
	}	
	#fond_fr {
		position:absolute; 
		left:451px; 
		top:169px;
		width:116px; 
		height:27px;
		background-color: #dde1e4;
	}
	#fond_gb {
		position:absolute; 
		left:567px; 
		top:169px;
		width:116px; 
		height:27px;
		background-color: #dde1e4;
	}
	#fond_germ {
		position:absolute; 
		left:683px; 
		top:169px;
		width:116px; 
		height:27px;
		background-color: #dde1e4;
	}
	#gris_clair_droit {
		position:absolute; 
		left:799px; 
		top:169px;
		width:16px; 
		height:27px;
		background-image :url(images/gris_clair_droit.jpg);
	}
	#gris_fonce_gauche {
		left:104px; 
		top:195px;
		width:19px; 
		height:27px;
		background-image :  url(images/gris_fonce_gauche.jpg);
	}
	#date {
		position:absolute; 
		left:19px; 
		top:195px;
		width:114px; 
		height:27px;
		background-color : #3e4b55;
	}
	.date {
		font-style: inherit;
		font-size: 11px;
		font-family: Verdana; 
		text-decoration: none;
		color: #dde1e4;
		margin-top : 3px;
		padding-top : 2px;
		text-align : center;
		}
	#gris_fonce_milieu {
		position:absolute; 
		left:133px; 
		top:195px;
		width:25px; 
		height:27px;
		background-image :  url(images/gris_fonce_milieu.jpg);
	}
	#fond_compteur {
		position:absolute; 
		left:158px; 
		top:195px;
		width:338px; 
		height:27px;
		background-color : #3e4b55;
		font-style: inherit;
		font-size: 11px;
		font-family: Verdana; 
		text-decoration: none;
		text-decoration: none;
		color: #dde1e4;
	}
	#fond_search {
		position:absolute; 
		left:496px; 
		top:195px;
		width:112px; 
		height:27px;
		background-color : #3e4b55;
		font-style: inherit;
		font-size: 11px;
		font-family: Verdana;
		text-decoration: none;
		text-decoration: none;
		color: #dde1e4;
	}
	#search_haut {
		position:absolute; 
		left:608px; 
		top:195px;
		width:157px; 
		height:4px;
		background-image :url(images/search_haut.gif);
	}
	#search_gauche {
		position:absolute; 
		left:608px; 
		top:199px;
		width:11px; 
		height:19px;
		background-image :url(images/search_gauche.gif);
	}
	#search {
		position:absolute; 
		left:619px; 
		top:198px;
		width:136px; 
		height:19px;
		background-color :#ffffff;
	}
	#ok {
		position:absolute; 
		left:765px; 
		top:195px;
		width:34px; 
		height:27px;
		text-align : center;
		background-color : #3e4b55;
	}
	.search_ok {
		background-color: #3e4b55;
		font-style: inherit;
		font-size: 11px;
		font-family: Verdana; 
		text-decoration: none; 
		color : #dde1e4; 
		height : 20px;
		margin-top : 3px;
		padding-top : 2px;
	}
	.input{
		font-style: inherit;
		font-size: 14px;
		font-family: Verdana; 
		text-decoration: none; 
		color : #669900; 
	}
	#search_droit {
		position:absolute; 
		left:755px;
		top:199px;
		width:10px; 
		height:19px;
		background-image :url(images/search_droit.gif);
	}
	#search_bas{
		position:absolute; 
		left:608px; 
		top:218px;
		width:157px; 
		height:4px;
		background-image : url(images/search_bas.gif);
		background-repeat:no-repeat;
}
	
	#gris_fonce_droit {
		position:absolute; 
		left:799px; 
		top:195px;
		width:16px; 
		height:27px;
		background-image :  url(images/gris_fonce_droit.jpg);
	}
	/* Slogan */
	.Slogan {
		color : #0033ff; 
		font-size: 0.7em;
		font-style: italic;
		font-family: Verdana; 
		margin-top : 3px;
		padding-top : 2px;
		text-align : left; 
		font-style : bold;
	}
	/* Début : Menu pour des langues */
	#fr {
		list-style-type: none;
		text-align: left;
	}
	#fr a {
		background: transparent url(images/drapeau_fr1.jpg) left center no-repeat;
		margin-left : 2px;
		margin-top : 3px;
		padding-top : 2px;
		padding-left: 30px;
		text-align: left;
		font-style: inherit;
		font-size: 11px;
		font-family: Verdana; 
		text-decoration: none;
		text-decoration: none;
		color: #3e4b55;
	}
	#fr a:hover	{
		background: transparent url(images/drapeau_fr1_on.jpg) left center no-repeat;
		color: #1310fd;
	}
	#gb {
		list-style-type: none;
		text-align: left;
	}
	#gb  a {
		background: transparent url(images/drapeau_gb1.jpg) left center no-repeat;
		margin-left : 2px;
		margin-top : 3px;
		padding-top : 2px;
		padding-left: 30px;
		text-align: left;
		font-style: inherit;
		font-size: 11px;
		font-family: Verdana; 
		text-decoration: none; 
		text-decoration: none;
		color: #3e4b55;
	}
	#gb a:hover	{
		background: transparent url(images/drapeau_gb1_on.jpg) left center no-repeat;
		color: #1310fd;
	}
	#germ  {
		list-style-type: none;
		text-align: left;
	}
	#germ  a {
		background: transparent url(images/drapeau_germ1.jpg) left center no-repeat;
		margin-left : 2px;
		margin-top : 3px;
		padding-top : 2px;
		padding-left: 30px;
		text-align: left;
		font-style: inherit;
		font-size: 11px;
		font-family: Verdana; 
		text-decoration: none;
		text-decoration: none;
		color: #3e4b55;
	}
	#germ a:hover
	{
		background: transparent url(images/drapeau_germ1_on.jpg) left center no-repeat;
		color: #1310fd;
	}
/* Fin : Menu pour des langues */
	
/* Colonne de gauche  dans laquelle est positionné le Menu */
	#menu {
		position : absolute ;
		margin-top:6px;
		width: 145px;
		left : 0px;
		background-color: #e6e9e2;
	}
	#hautgauche, #hautdroit, #basgauche, #basdroit {
		height: 16px; width: 16px;
		background-repeat: no-repeat;
		font-size:1px;
	}	
	#hautgauche {
		background: url(images/hautgauche.gif);
	}
	#hautdroit {
		float: right;
		background: url(images/hautdroit.gif);
	}
	#basgauche {
		background: url(images/basgauche.gif);
	}
	#basdroit {
		float: right;
		background: url(images/basdroit.gif);
	}
	#contenu p {
		color: white;
		margin: 0.5em; 
	}
#navcontainer ul
{
margin: 0;
padding: 0;
list-style-type: none;
		font-family: Verdana; 
font-size: 12px;
font-style: normal;
text-decoration: none;
color: #3e4b55;
}

#navcontainer li { margin: 0 0 3px 0; }

#navcontainer a
{
display: block;
padding: 2px 2px 2px 24px;
width: 117px;
height : 19px;
background-image: url(images/menu.jpg);
color: #3e4b55;
}

#navcontainer a:link, #navlist a:visited
{
text-decoration: none;
color: #3e4b55;
}

#navcontainer a:hover
{
background-image: url(images/menu_on_j.jpg);
color: #3e4b55;

}

#active a:link, #active a:visited, #active a:hover
{
background-image: url(images/menu_actif.jpg);
color: #3e4b55;
}
#navcontainer2 ul
{
margin-left: 30px;
padding: 0;
list-style-type: none;
		font-family: Verdana; 
font-size: 12px;
font-style: normal;
text-decoration: none;
color: #3e4b55;
}

#navcontainer2 li { margin: 0 0 3px 0; 
}

#navcontainer2 a
{
display: block;
padding: 2px 2px 2px 24px;
width: 84px;
height : 14px;
background-image: url(images/menu2_actif.jpg);
color: #3e4b55;
}

#navcontainer2 a:link, #navlist2 a:visited
{
text-decoration: none;
color: #3e4b55;
height : 14px;
}

#navcontainer2 a:hover
{
background-image: url(images/menu2.jpg);
color: #3e4b55;
height : 14px;

}

#active2 a:link, #active2 a:visited, #active2 a:hover
{
background-image: url(images/menu2_on.jpg);
color: #3e4b55;
height : 14px;
}
/* Barre de titre du centre  */
	#centre {
		position:absolute; 
		background-color: #ffffff;
		left:145px; 
		top : 219px;
		margin-top:16px;
	}
	#titre {				
		width:630px; 
		height:32px;
		font-style: inherit;
		font-size: 14px;
		font-family: Verdana; 
		text-decoration: none;
		background-image :  url(images/centre.jpg);
		background-repeat : no-repeat;
		color : #3e4b55; 
		padding-left : 40px;
		padding-top : 7px;
	}
/* Contenu textuel du site */
	#milieu {
		margin-top : 60px;
		margin-left : 160px;
		width:630px;
		background-color: #f5f5f5;
	}
	#milieuhautgauche, #milieuhautdroit, #milieubasgauche, #milieubasdroit {
		height: 16px; width: 16px;
		background-repeat: no-repeat;
		font-size:1px; 
	}
	#milieuhautgauche {
		background: url(images/milieuhautgauche.gif);
	}
	#milieuhautdroit {
		float: right;
		background: url(images/milieuhautdroit.gif);
	}
	#milieubasgauche {
		background: url(images/milieubasgauche.gif);
	}
	#milieubasdroit {
		float: right;
		background: url(images/milieubasdroit.gif);
	}
	#milieutexte {
		margin: 12px; 
	}
	#milieutexte2 {
		margin: 12px; 
		text-align : center;
	}
/* Pieds de la page */
	#pieds {
		margin-top : 5px;
		height:30px;
		background-image :  url(images/pieds.jpg);
		color: #99cc33;
		text-align : justify ;
		font-style: inherit;
		font-size: 11px;
		font-family: Verdana; 
		text-decoration: none;
	}
	.accueil {
		float: right;
		width :150px;
		height:150px;
			}
/* Police */
h1, h2, h3, h4, h5 {
		font-family: Verdana; 
				margin : 0; 
} 
h1 {
		color : #346AA0; 
		text-align : justify ;
		font-style: normal;
		font-size: 16px;
		text-decoration: none; 
} 
h2 {
		color : #8BB838; 
		margin-top : 10px; 
		text-align : justify ;
		font-style: inherit;
		font-size: 13px;
		text-decoration: none; 
		line-height:24px;
		Word-spacing:2px;
} 
h3 {
		color : #3F7EBE; 
		margin-top : 10px; 
		text-align : justify ;
		font-size: 13px;
		text-decoration: none; 
		line-height:24px;
		Word-spacing:2px; 
} 
h4 {
		color : #8BB838; 
		margin-top : 10px; 
		text-align : justify ;
		font-style: inherit;
		font-size: 16px;
		text-decoration: none; 
		line-height:24px;
		Word-spacing:2px;
} 
h5 {
		color : #383d40; 
		font-size : 15px; 
		margin : 50px; 
		text-align : center; 
} 
h6 {
color : #ffffff; 
		margin-top : 10px; 
		text-align : right ;
		font-size: 16px;
		text-decoration: none; 
		line-height:24px;
		Word-spacing:2px; 
}
p {
		margin-top : 10px; 
		color: #3333cc;
		text-align : justify ;
		font-style: inherit;
		font-size: 14px;
		font-family: Verdana; 
		text-decoration: none; 
}
.obligatoire {
		margin-top : 10px; 
		color: #ff0000;
		text-align : justify ;
		font-style: inherit;
		font-size: 12px;
		font-family: Verdana; 
		text-decoration: none; 
} 
.devis {
		background-color: #dde1e4;
		font-style: inherit;
		font-size: 12px;
		font-family: Verdana; 
		text-decoration: none; 
		color : #669900; 
}
.erreur {
		font-family: Verdana; 
color : #ff0000; 
text-decoration : none; 
} 
.erreur:hover {
		font-family: Verdana; 
color : #3e4b55; 
text-decoration : none; 
} 
a {
		font-family: Verdana; 
color : #dde1e4; 
text-decoration : none; 
} 
A:hover {
		font-family: Verdana; 
color : #3e4b55; 
text-decoration : none; 
} 
.valid {
margin-left : 30px;
}
.coordonnees {
color : #3F7EBE; 
		margin-top : 10px; 
		text-align : justify ;
				font-size: 13px;
		text-decoration: none; 
		line-height:24px;
		Word-spacing:2px; 
		}
.result {color : #3F7EBE; 
		margin-top : 10px; 
		text-align : justify ;
				font-size: 13px;
		text-decoration: none; 
		line-height:24px;
		Word-spacing:2px; 
		}
.result1 {
color : #8BB838; 
		margin-top : 10px; 
		text-align : justify ;
		font-style: c;
		font-size: 13px;
		text-decoration: none; 
		line-height:24px;
		Word-spacing:2px;
		}
.slogan2 {
		font-family: Verdana; 
		margin : 0; 
		color : #346AA0; 
		font-style: inherit;
		margin-left: 200px;
		margin-top : 10px; 
		font-size: 16px;
		text-decoration: none; 
		line-height:24px;
		Word-spacing:2px; 
} 
.slogan3 {
		font-family: Verdana; 
		margin : 0; 
		color : #8BB838; 
		font-style: inherit;
		margin-left: 200px;
		margin-top : 10px; 
		font-size: 16px;
		text-decoration: none; 
		line-height:24px;
		Word-spacing:2px; 
}