/* CSS Document */
/***********************/
@charset "utf-8";
* { margin:0;padding:0;}
html {
	height: 100%;
	width: 100%;
	background-color: #252E35;
	position: relative; 
    z-index:0;
}
body { 
 width: 100%; 
 height: 100%;
 font-size: 0.80em;
 font-family: Verdana, Arial, Georgia;
 color: #cccccc;
 z-index: 2;
} 
#fond {
	width : 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	position: absolute;
	z-index: 1;
}
#corps {
	width: 800px;
	height: 550px;
	margin: auto;
	position: relative;
	z-index: 2;
}
.corpu {
	width: 800px;
	height: 550px;
	position: absolute;
	margin: 0;
	z-index: 2;
	overflow-y: auto;
	overflow-x: hidden;
}
img { 
    border: none;
	outline: none;
}
a {
	outline: none;
}
:focus {
	-moz-outline-style: none;
}
.haut {
	width: 800px;
	height: 105px;
	position: absolute;
	margin: 16px 0 0 0;
	z-index: 2;
}
.texte {
	width: 750px;
	height: 410px;
	line-height: 16px;
	position: absolute;
	margin: 125px 10px 0 0;
	padding: 10px 10px 0 0;
	z-index: 3;
	max-width: 750px; 
	overflow-x: hidden;
	overflow-y: auto;
	scrollbar-face-color: #666666;
	scrollbar-arrow-color: #000000;
	scrollbar-highlight-color: #000000;
	scrollbar-3dlight-color: #999999;
	scrollbar-darkshadow-color: #333333;
	scrollbar-base-color: #333333;
}
.textac {
	width: 750px;
	height: 410px;
	line-height: 15px;
	position: absolute;
	margin: 0;
	padding: 0 5px 0 0;
	z-index: 4;
}
.concept {
	width: 930px;
	height: 590px;
	line-height: 12px;
	color: #ffffff;
	position: relative;
	margin: 0;
	padding: 5px;
	z-index: 5;
}
.concept_titre {
	font-size: 1.2em;
	text-transform: uppercase;
	color: #ffffff;
}
.lientext {
	width: 270px;
	height: 417px;
	position: absolute;
	z-index: 3;
	top: 0px;
	left: 0px;
}
.liendeco {
	width: 225px;
	height: 417px;
	position: absolute;
	z-index: 3;
	top: 0px;
	left: 277px;
}
.niouz {
	width: 700px;
	height: 16px;
	position: absolute;
	z-index: 6;
	padding: 10px 0px 0px 10px;
}
.niouz_text {
	width: 520px;
	height: 21px;
	position: absolute;
	margin: 0;
	z-index: 6;
}
.bas {
	width: 430px;
	height: 16px;
	position: absolute;
	top: 96%;
	left: 2%;
	z-index: 4;
}
.bas_lien {
	width: 430px;
	height: 16px;
	position: absolute;
	margin: 0;
	font-size: 0.9em;
	z-index: 4;
}
.bulle {
	width: 111px;
	height: 87px;
	position: absolute;
	top: 45%;
	left: 0.5%;
	z-index: 9;
}
.bulle_ima {
	width: 111px;
	height: 87px;
	position: absolute;
	margin: 0;
	z-index: 9;
}
.bulle_text {
	width: 91px;
	height: 77px;
	position: absolute;
	padding: 10px 0 0 20px;
	font-size: 0.9em;
	font-family: Verdana, Arial, Georgia;
    color: #ffffff;
	z-index: 9;
}
.referen {
	width: 270px;
	position: absolute;
	margin: 240px 0 0 0;
	font-size: 0.7em;
	z-index: 4;
}
.cacher {
	width: 720px;
	padding: 5px 5px 5px 5px;
	position: relative;
	z-index: 7;
}
.adresse {
	width: 300px;
	align: center;
	border-collapse: collapse;
	border: 1px dotted #999999;
	margin: 5px 0 0 180px;
	padding: 5px;
	position: relative;
	z-index: 7;
}
/*LES LIENSLES LIENS LES LIENS*/
 A:link {
	color: #ffffff;
	text-decoration: none;
	font-style: italic ;
	font-weight: bold;
}
 A:hover {
	color: #999999;
	font-weight: bold;
	text-decoration: none;
	font-style: normal;
}
A:visited {
	color: #ffffff;
	text-decoration: none;
	font-style: normal;
	font-weight: normal;
}
A:link.bas_lien {
	color: #ffffff;
	text-decoration: none;
	font-style: italic ;
	font-weight: bold;
}
 A:hover.bas_lien {
	color: #cccccc;
	font-weight: bold;
	text-decoration: none;
	font-style: normal;
}
A:visited.bas_lien {
	color: #ffffff;
	text-decoration: none;
	font-style: normal;
	font-weight: normal;
}
li {
	display : list-item;
	list-style-type: disc;
	margin: 1em 0 .5em 1.5em;
}
A:link.referen {
	font-size: 0.7em;
	font-family: Verdana, Arial, Georgia;
	color: #ffffff;
	text-decoration: none;
	font-style: italic ;
	font-weight: bold;
}
 A:hover.referen {
	font-size: 0.7em;
	font-family: Verdana, Arial, Georgia;
	color: #cccccc;
	font-weight: bold;
	text-decoration: none;
	font-style: normal;
}
A:visited.referen {
	font-size: 0.7em;
	font-family: Verdana, Arial, Georgia;
	color: #ffffff;
	text-decoration: none;
	font-style: normal;
	font-weight: normal;
}
/*PLAN DU SITE PLAN DU SITE PLAN DU SITE*/
#te_plansite1 {
	width: 150px;
	height: 16px;
	position: absolute;
	margin: 21px 0 0 21px;
	z-index: 4;
}
#te_plansite2 {
	width: 150px;
	height: 16px;
	position: absolute;
	margin: 42px 0 0 42px;
	z-index: 4;
}
#te_plansite3 {
	width: 150px;
	height: 16px;
	position: absolute;
	margin: 63px 0 0 63px;
	z-index: 4;
}
#te_plansite4 {
	width: 150px;
	height: 16px;
	position: absolute;
	margin: 84px 0 0 84px;
	z-index: 4;
}
#te_plansite5 {
	width: 150px;
	height: 16px;
	position: absolute;
	margin: 105px 0 0 105px;
	z-index: 4;
}
#te_plansite6 {
	width: 150px;
	height: 16px;
	line-height: 25px;
	position: absolute;
	margin: 126px 0 0 126px;
	z-index: 4;
}
#te_plansite7 {
	width: 150px;
	height: 16px;
	position: absolute;
	margin: 147px 0 0 147px;
	z-index: 4;
}
#te_plansite8 {
	width: 150px;
	height: 16px;
	position: absolute;
	margin: 168px 0 0 168px;
	z-index: 4;
}
#te_plansite9 {
	width: 150px;
	height: 16px;
	position: absolute;
	margin: 189px 0 0 189px;
	z-index: 4;
}
#te_plansite10 {
	width: 450px;
	height: 90px;
	position: absolute;
	z-index: 4;
	left: 0;
	top: 250px;
}
/*FORMULAIRE FORMULAIRE FORMULAIRE*/
 .asterisque {
    text-align:center;
    color: #000000;
}
.textecontact {
	margin: 0;
	color: #b1b1b1;
	border: 1px;
	border-color: #333333;
	width: 520px;
	height: 390px;
	font-size: 1em;
	font-family: Verdana, Arial, Georgia;
    color: #cccccc;
	z-index: 3;
}
.texteformulaire {
	margin: 0;
	color: #b1b1b1;
	border: 1px;
	border-color: #333333;
	width: 520px;
	height: 520px;
	z-index: 3;
}
.fondformulaire {
	margin-top: 5px;
	border-color: #333333;
	background: #666666;
   }

.texteformulaire p {
   padding: 0;
}
.formcentre {
   text-align: center;
   margin: 5px 0 9px 0;
}
.erreur {
   text-align:center;
   color: #ffffff;
   font-weight:bold;
}
#conteneurButton input.ok {
	border          : 0;
	background      : #666666;
	font-family: Verdana, Arial, Georgia;
    color: #cccccc;
	cursor          : pointer;
}
#conteneurButton input.nok {
    border          : 0;
    background      : #666666;
    cursor          : pointer;
	margin: 12px 0 0 25px;
	font-family: Verdana, Arial, Georgia;
    color: #cccccc;
}	                      
#souligne { 
   text-decoration:underline; 
 }
#soutiencorps {
	width: 520px;
	height: 570px;
	margin: auto;
	position: relative;
	z-index: 2;
}
 .texteordre {
	color: #b1b1b1;
	width: 150px;
	height: 12px;
	z-index: 3;
}
strong {
	font-style: italic;
}
.cercle {
	width: 174px;
	height: 174px;
	position: absolute;
	top: 5%;
	left: 80%;
	z-index: 12;
}
.cercl {
	width: 174px;
	height: 174px;
	position: absolute;
	margin: 0;
	z-index: 12;
}