@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;

}
.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;
}


.myButtonDE {
	background-color:#1476bb;
	border:1px solid #84bbf3;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:"museo300";
	font-size:14px;
	font-weight:bold;
	padding:5px  
	text-decoration:none;
	width:100%; height:130%
}
.myButtonDE:hover {
	background-color:#ee4237;
		border:1px solid #CCCCCC;
}
.myButtonDE: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% }	
	p{
	 font-family: "museo300";color :#000000;
font-size: 14px; line-height:20px; text-align:justify
	 }
	  ul{
	 font-family: "museo300";color :#000000;
font-size: 14px; line-height:20px; text-align:justify
	 }
	 
	 .TitreCorp{
font-family: "museo300";
color :#TitreCorp; 
font-size: 16px; padding-left:10px; padding-top:10px; text-transform:uppercase; font-weight:bold

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

.styelPformation{
font:sans-serif; 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: "Times New Roman", Times, serif;
color:#d71d63;
	font-size: 20px;
	margin-left:15px;
	font-weight:bold;
	
}
.DIvTD{
  cursor:pointer
}
.Titre_II {
font-family: "Times New Roman", Times, serif;
color:#167fc1;
	font-size: 20px;
	margin-left:15px;
	font-weight:bold;
	
}
.Titre_III {
font-family: "Times New Roman", Times, serif;
color:#c032b8;
	font-size: 20px;
	margin-left:15px;
	font-weight:bold;
	
}


.Paragraphe{ font-family:"museo300";
color :#000000;
font-size: 14px; line-height:20px
 
}

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

}

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

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

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

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

.Parag2{
font-family: Arial ;
color :#125687;
font-size: 13px;
color:#333333;
text-align:left
}
.text{
font-family: Arial, Helvetica, sans-serif;
color :#CBCCCF;
	font-size: 12px;
	font:bold;
}
.TitreStatique {
font-family: Arial; 
color:#990000;

font-size: 14px;
  font-weight:bold;
}


.


.Proprieter{
font-family: Arial ;
color :#3206AE;
font-size: 15px;
text-align:left}
.etoile{
font-family: Arial ;
 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;
}



.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: "museo300";
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
color:#006699;
   font-weight:bold;
}
.TitreStatique {
font-family: Arial; 
color:#990000;

font-size: 14px;
  font-weight:bold;
}

 
	
 

 
	

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
}