185.221.182.16
.normal { 
	font-size:14px;
	font-family:Verdana,Arial;
}
.normal1 { color:#15374D; font-size:11px;font-family:Verdana,Arial; font-weight: bold;}
.normal2 { color:#666677; font-size:11px;font-family:Verdana,Arial;}
.normal3 { color:#666677; font-size:15px;font-family:Arial;}

p { color:#666677; font-size:11px;font-family:Verdana,Arial;}

.titre1 { color:#111100; font-size:16px;font-family:Verdana,Arial; font-weight: bold;}
.titre2 { color:#111100; font-size:14px;font-family:Verdana,Arial; font-weight: bold;}
body {
	scrollbar-face-color: #DDDDDD;
	scrollbar-shadow-color: #E1EAF7;
	scrollbar-highlight-color: #E1EAF7;
	scrollbar-arrow-color: #096EAA;
	scrollbar-base-color : #096EAA;
}


.DialBox {
	margin-top:20px;margin-bottom:30px;
	max-width:700px;width:90%;margin-left: auto;  margin-right: auto;
	border:1px solid #000000;
	border-radius: 10px;
	text-align:center;
	box-shadow: 3px 3px 3px #808080;
}

.MsgUtilisateur {
	margin-left:5px;
	margin-right:10%;
	padding:40px;
	background-color : #eeeeee;
	-moz-border-radius: 30px 30px 30px 30px;
	-webkit-border-radius: 30px 30px 30px 30px;
	border-radius: 30px 30px 30px 30px;
}
.arrowUtilisateur {
	margin-left:70px;
	content:""; 
	border-left:20px solid transparent;
	border-right:20px solid transparent;
	border-top: 20px solid #eeeeee;
	position: absolute;
}

.txtUser {
	font-family:Verdana,Arial;
	font-size:17px;
	line-height:25px;
	font-weight:400;
	color:#666677;
}

.MsgREP {
	margin-right:5px;
	margin-left:10%;
	padding:40px;
	background-color : #ffc995;
	-moz-border-radius: 30px 30px 30px 30px;
	-webkit-border-radius: 30px 30px 30px 30px;
	border-radius: 30px 30px 30px 30px;
}
.arrowREP{
	float:right;
	margin-right:10%;
	content:""; 
	border-left:20px solid transparent;
	border-right:20px solid transparent;
	border-top: 20px solid #ffc995;
	
}

.txtREP {
	font-family:Verdana,Arial;
	font-size:17px;
	line-height:25px;
	font-weight:450;
	color:#222233;
}


.ButtonModern {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
 
  
  cursor: pointer;
  margin: 0 auto;
  text-decoration: none;
  box-shadow: 1px 1px 1px #bbbbbb;
  border: 2px solid rgb(0,0,0);
  -webkit-border-radius: 10px;
  border-radius: 20px;
  font: normal 20px  Helvetica, Verdana, sans-serif;
  color: rgb(0, 0, 0);
  text-align: center;
  -o-text-overflow: clip;
  text-overflow: clip;
  letter-spacing: 1px;
  background: rgba(255,255,255,1);
  -webkit-transition: background-color 0.3s cubic-bezier(0, 0, 0, 0), color 0.3s cubic-bezier(0, 0, 0, 0), width 0.3s cubic-bezier(0, 0, 0, 0), border-width 0.3s cubic-bezier(0, 0, 0, 0), border-color 0.3s cubic-bezier(0, 0, 0, 0);
  -moz-transition: background-color 0.3s cubic-bezier(0, 0, 0, 0), color 0.3s cubic-bezier(0, 0, 0, 0), width 0.3s cubic-bezier(0, 0, 0, 0), border-width 0.3s cubic-bezier(0, 0, 0, 0), border-color 0.3s cubic-bezier(0, 0, 0, 0);
  -o-transition: background-color 0.3s cubic-bezier(0, 0, 0, 0), color 0.3s cubic-bezier(0, 0, 0, 0), width 0.3s cubic-bezier(0, 0, 0, 0), border-width 0.3s cubic-bezier(0, 0, 0, 0), border-color 0.3s cubic-bezier(0, 0, 0, 0);
  transition: background-color 0.3s cubic-bezier(0, 0, 0, 0), color 0.3s cubic-bezier(0, 0, 0, 0), width 0.3s cubic-bezier(0, 0, 0, 0), border-width 0.3s cubic-bezier(0, 0, 0, 0), border-color 0.3s cubic-bezier(0, 0, 0, 0);
}

.ButtonModern:hover {
  color: rgba(255,255,255,1);
  background: rgb(104, 130, 40);
  position:relative;top:2px
}

.ButtonModern:active {
  border: 2px solid rgba(33,224,163,1);
  background: rgba(33,224,163,1);
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
}


.ColMilieu { width:80%;max-width:1200px; }

@media all and (max-width: 690px) {
	.ColMilieu { width:95%; }
	
}