@font-face {
    font-family: 'museo300';
    src: url('font/Museo300-Regular-webfont.eot');
    src: url('font/Museo300-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/Museo300-Regular-webfont.woff2') format('woff2'),
         url('font/Museo300-Regular-webfont.woff') format('woff'),
         url('font/Museo300-Regular-webfont.ttf') format('truetype'),
         url('font/Museo300-Regular-webfont.svg#museo300') format('svg');
    font-weight: normal;
    font-style: normal;

}

A:link {FONT-SIZE: 13px; color: #3972d4 ; font-family:"museo300"; TEXT-DECORATION: none}
A:visited {FONT-SIZE: 13px; COLOR: #3972d4; font-family:"museo300"; TEXT-DECORATION: none}
A:active {FONT-SIZE: 13px; COLOR:#3972d4 ; font-family:"museo300"; TEXT-DECORATION: none}
A:hover {FONT-SIZE: 13px; COLOR: #3972d4; font-family:"museo300"; TEXT-DECORATION: underline}

.styelPformation{
font-family: "museo300"; font-size:13px ;font-weight:bold ; color:#44433e;
}
.titrePlanning{
 font-size:12px; color:#ff9c00; font-weight:bold
}
.titrePlanningSS{
 font-size:12px; color:#1547a4; font-weight:bold
}
.TitreAccomp{
 font-size:14px; color:#4072be; font-weight:bold
}


.arrow_box1 {
	position: relative;
	background: #5d7d91;
	border: 2px solid #c2e1f5;
}
.arrow_box1:after, .arrow_box:before {
	bottom: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box1:after {
	border-color: rgba(93, 125, 145, 0);
	border-bottom-color: #5d7d91;
	border-width: 15px;
	left: 15%;
	margin-left: -15px;
}
.arrow_box1:before {
	border-color: rgba(194, 225, 245, 0);
	border-bottom-color: #c2e1f5;
	border-width: 18px;
	left: 15%;
	margin-left: -18px;
}
.arrow_box2 {
	position: relative;
	background: #5d7d91;
	border: 2px solid #c2e1f5;
}
.arrow_box2:after, .arrow_box:before {
	bottom: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box2:after {
	border-color: rgba(93, 125, 145, 0);
	border-bottom-color: #5d7d91;
	border-width: 15px;
	left: 50%;
	margin-left: -15px;
}
.arrow_box2:before {
	border-color: rgba(194, 225, 245, 0);
	border-bottom-color: #c2e1f5;
	border-width: 18px;
	left: 50%;
	margin-left: -18px;
}
.arrow_box3 {
	position: relative;
	background: #5d7d91;
	border: 2px solid #c2e1f5;
}
.arrow_box3:after, .arrow_box:before {
	bottom: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box3:after {
	border-color: rgba(93, 125, 145, 0);
	border-bottom-color: #5d7d91;
	border-width: 15px;
	left: 85%;
	margin-left: -15px;
}
.arrow_box3:before {
	border-color: rgba(194, 225, 245, 0);
	border-bottom-color: #c2e1f5;
	border-width: 18px;
	left: 85%;
	margin-left: -18px;
}

.Titre_I {
font-family: "museo300", Times, serif;
color:#d71d63;
	font-size: 20px;
	margin-left:15px;
	font-weight:bold;
	
}
.DIvTD{
  cursor:pointer
}
.Titre_II {
font-family: "museo300", Times, serif;
color:#167fc1;
	font-size: 20px;
	margin-left:15px;
	font-weight:bold;
	
}
.Titre_III {
font-family: "museo300", Times, serif;
color:#c032b8;
	font-size: 20px;
	margin-left:15px;
	font-weight:bold;
	
}


.Paragraphe{
font-family: "museo300";
color :#373831;
font-size: 13px;
line-height:20px;

}

.Paragraphe_1{
font-family: "museo300";
color :#535352;
font-size: 12px;

}

.Paragraphe_B{
font-family: "museo300";
color :red;
font-size: 10px;
font-weight:bold
}

.Article{
font-family: "museo300" ;
color :#125687;
font-size: 12px;
}

.ParagrapheDetail_2{
font-family: "museo300" ;
color:#003399;
font-size: 13px;
text-align:left
}
.ParagrapheDetail{
font-family: "museo300" ;
color :#125687;
font-size: 13px;
color:#990000;
text-align:left
}

.Parag{
font-family: "museo300" ;
color :#125687;
font-size: 12px;
color:#333333;
text-align:left
}

.Parag2{
font-family: "museo300" ;
color :#125687;
font-size: 13px;
color:#333333;
text-align:left
}
.text{
font-family: "museo300";
color :#CBCCCF;
	font-size: 12px;
	font:bold;
}
.TitreStatique {
font-family: "museo300"; 
color:#990000;

font-size: 14px;
  font-weight:bold;
}
.Zonedetxt
{
 display:inline;
 color:#000000;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
padding:2px 2px 2px 2px;box-shadow:2px 2px 10px gray; border:1px solid gray;   background-color:#fbf9ec;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius:6px;
 
}
.ZonedeOFF
{
 display:inline;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color:#125687;
text-decoration: none;
width:220px;
margin-top:4px;
margin-bottom:4px;
border:1px solid #c2c2c2;
}

.Zonedetxt__
{
 display:inline;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color:#125687;
text-decoration: none;
width:183px;
margin-top:4px;
margin-bottom:4px;
border:1px solid #c2c2c2;
}
.ZonedetxtFrm
{
 display:inline;
font-family: "museo300";
font-size: 12px;
color:#125687;
text-decoration: none;
width:180px;
margin-top:4px;
margin-bottom:4px;
border:1px solid #c2c2c2;
}

.ZonedetxtAdr
{
 display:inline;
font-family: "museo300";
font-size: 12px;
color:#125687;
text-decoration: none;
width:420px;
margin-top:0px;
margin-bottom:0px;
border:1px solid #c2c2c2;
}


.Proprieter{
font-family: "museo300" ;
color :#3206AE;
font-size: 15px;
text-align:left}
.etoile{
font-family: "museo300" ;
 color:#FF0000;
font-size: 11px;
font-weight:bold
}
.passchd-civl
{
float:left;
display:inline;
font-family: arial;
font-size: 12px;
color: #333333;
text-decoration: none;
font-weight:normal;
width:220px;
margin-top:4px;
border:1px solid #c2c2c2;
}
.ContactClass
{
float:left;
display:inline;
font-family: arial;
font-size: 12px;
height:16px;
color: #333333;
text-decoration: none;
font-weight:normal;
width:220px;
margin-top:4px;
border:1px solid #c2c2c2;
}


.Checkcivl
{

margin-top:0px;
}
.passchd-civl2
{
float:left;
display:inline;
font-family: arial;
font-size: 14px;
color: #125687;
text-decoration: none;
font-weight:normal;
width:225px;
margin-top:4px;
border:1px solid #c2c2c2;
}

.passchd-AR
{
float:left;
display:inline;
font-family: arial;
font-size: 8px;
color: #125687;
text-decoration: none;
font-weight:normal;
width:350px;
margin-top:4px;
border:1px solid #c2c2c2;
}

.Cvdate
{
font-family: arial;
font-size: 11px;
color: #333333;
font-weight:normal;
width:61px;
margin-top:6px;
border:1px solid #c2c2c2;
}

.SousProprieter{
font-family: Arial ;
color :#000000;
font-size: 14px;
text-align:left;
font-family: "museo300";
}

.article{
font-family: Arial ;
color:#003366;
font-size: 14px;
text-align:left}
.boutton_2
{ 
height:20px;
width:78px;
font-size:9px;
border: solid #7193DA ;
border-width:1px;
font-family: arial;
color: #1B3A87;
margin-top:0px;
text-decoration: none;
background-color: #DAE3F6;
font-weight:normal;z-index:99;
cursor:pointer
}
.boutton
{ 
height:20px;
border: solid #7193DA ;
border-width:1px;
font-family: arial;
font-size: 14px;
color: #1B3A87;
margin-top:5px;
text-decoration: none;
background-color: #DAE3F6;
font-weight:normal;z-index:99;
cursor:pointer
}
.Entete{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
color:#006699;
font-family: "museo300";
   font-weight:bold;
}
.TitreStatique {
font-family: Arial; 
color:#990000;
font-family: "museo300";
font-size: 14px;
  font-weight:bold;
}

.ZoneTxt{
border:none; background-color:transparent; width:100%; height:100%	;font-family:"museo300";
	font-size:15px; padding-left:5px; padding-right:5px; color:#CCC
	
}
	.myButton {
	background-color:#79bbff;
	border:1px solid #84bbf3;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:"museo300";
	font-size:14px;
	font-weight:bold;
	padding:5px 47px;
	text-decoration:none;
	width:100%; height:130%
}
.myButton:hover {
	background-color:#378de5;
}
.myButton:active {
	position:relative;
	top:1px;
}


body{  background-image:url(images/background.jpg); background-repeat:no-repeat;  
background-attachment:fixed; background-size:cover; font-size:75% }	



html {
	SCROLLBAR-FACE-COLOR: #989384; SCROLLBAR-HIGHLIGHT-COLOR: #d7be9a; SCROLLBAR-SHADOW-COLOR: #d8d4c9; SCROLLBAR-3DLIGHT-COLOR: #d8d4c9; SCROLLBAR-ARROW-COLOR: #000000; SCROLLBAR-TRACK-COLOR: #d8d4c9; SCROLLBAR-DARKSHADOW-COLOR: #d8d4c9
}