.msg{
	text-align: center;
	font-family: tahoma;
	font-weight: bolder;
	font-size:1.3em;
	color: #1d4e94;
	
}
.connexion{
	text-align: right;
	width: 100%;
	height: 2vw;
	display: block;
	float: right;
}
.connexion a{
	margin-right: 1vw;
}
.contenu {	
	width:100%;
	margin-left: auto;
	margin-right: auto;
	border-bottom-width: 0px;
	padding-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}
.contentete {
	
}
.entete{
	
	width: 100%;
	/*height: 20%;*/
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	border-bottom: 2px solid #1d4e94;
	display: inline-block;
	
}
.contlogo {
	width: 40%;
	padding-top: 0px;
	padding-bottom: 0px;
	float: left;
}
.photo{
	padding-top:27%; 
	background-image: url(../image/photo.jpg);
	background-size: 95%;
	background-position: right;
	background-repeat: no-repeat;
	
}
.menu {
	
	/*background-attachment: fixed;*/
	width: 55%;
	text-align: center;
	/*padding-top: 14%;*/
	padding-right: 5%;
	/*padding-bottom: 50px;*/
	float: right;
	
}
 
.menu ul {
	
    margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 40px;
	
}
 
.menu ul li {
	font-family: tahoma;
	font-weight: bolder;
	font-size:1.7em;
	display: inline-block;
   	list-style:none;
	margin-right: auto;
	margin-top: 0px;
	
	/*letter-spacing: 1px;*/
	margin-left: auto;
	/*text-align: center;*/
	width: 23%;
	transition: all 0.3s linear;
} 
.menu li a{
	color: #1d4e94;
	text-decoration:none;
}
.menu ul li a:hover {
    /*font-weight: normal;*/
	transition-property: all;
	transition-duration: 0.3s;
   	color: #db1f26;
	cursor: pointer;
}

.menupage {
	width: 100%;
	background-image: url(../image/iscobackclair.svg);	
	background-size: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	
	
	/*background-image: linear-gradient(rgba(0, 0, 255, 0.5), rgba(255, 0, 0, 0.5)),
                  url(../image/iscoback.png);*/
	/*background-image: url(../image/iscoback.png);	
	background-size: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	ackground-attachment: fixed;*/
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	border-bottom: 2px solid #1d4e94;
	display: inline-block;
}
.menusvg {
	padding-top:20px;
	padding-bottom: 40px;
	float:left;
	width: 25%;
	/*position: fixed;*/
}
#ajouttxt{
	font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	color: #1d4e94;
	font-size:1.5em;
	width: 60%;
	float:right;
	text-align: left;
	
}
#ajouttxt li{
	list-style-type:circle;
}
#integration
{
	transform: translateX(25px);
}
#service
{
    transform: translateX(50px);
}
#consulting 
{
	transform: translateX(75px);
}
#organisation
{
	
	transform: translateX(100px);

}
#contact{
	text-align: center;
	
}
.form{
	padding-top: 5px;
	font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-size:1.1em;
	color: #1d4e94;	
	width: 40%;
	margin-left: auto;
	margin-right: auto;
}

#nom{
	width: 50%;
}
#email{
	width: 50%;
}
#objet{
	width: 80%;
}
#message{
	width: 80%;
}
#boutton{
	border:2px solid #db1f26;
	background-color:aliceblue;
	padding-left: 20px;
	padding-right: 20px;
	font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-size:1em;
	color: #1d4e94;	
	border-radius: 10px;
	height: auto;
}
#boutton:hover{
	
	background-color:aqua;
	cursor: pointer;
}
.cadre{
	border: 2px solid #db1f26;
	border-radius: 15px;
}
.textcadre{
	
}
@keyframes animer2                                   
{
	0%{opacity : 1;  }
	50%{opacity : 0.5 ;}
	90%{opacity : 0 ; }  
}
.icone:hover .rond{
	animation : animer2 0.5s 0s infinite linear alternate ; }
.icone .rond{
	opacity : 0;
}
.menuactivite {
	padding-top: 10px;
	padding-bottom: 10px;
	margin-left: 5%;
	float:left;
	width: 30%;
	/*position: fixed;*/
}
.triangle {
	/*fill-color: #1d4e94;*/
	opacity: 0;
}

.tri .liens:hover .triangle{
	
	transition-duration: 0.5s;
	opacity: 1;
}
.tri .liens:hover .texte{
	
	transition-duration: 0.3s;
	fill: #1d4e94;
}

@font-face {
    /*font-family: 'TheSecret Regular'
    src: url("../font/TheSecret-Regular.ttf") format("truetype");*/
	font-family: 'Allura Regular';
    src: url('../font/Allura-Regular.ttf') format('ttf');
    src: local("☺"),url('../font/Allura-Regular.ttf') format('truetype');
    /*font-weight: 800;
    font-style: normal;*/
}
.pied{
	text-align: right;
	font-family:'Allura Regular';
	font-size: 2em;
	color: #db1f26;
	
}
.adresse{
	font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	margin-left: 20%;
	padding-top: 5%;
	color: #1d4e94;
	font-size:1em;
	width: 30%;
	float:left;
	text-align: left;
}
.carte{
	font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	width: 40%;
	float:right;
	padding-top: 1%;
	padding-bottom: 1%;
	margin-right: 10%
}
@media screen and (max-width: 1023px) {
  .menu ul li {
	 font-family: tahoma;
	font-weight: bolder;
	 font-size:0.8em;
	 width: 100%;
	text-align: center;
    display:block;
	padding-top: 10%;
	  padding-bottom: 10%;
    /*border-top:2px solid #2C9AB7;
	border-style: inset; */ 
	
  }


    .menu {
	/*text-align: center;*/
	width: 20%;
    padding-top: 2%;
	
    border-left: 2px solid #2C9AB7;
	
  }


.menu ul {
	text-align: center;
    margin-top: 0%;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}


	.menu ul li:hover {
	
    font-size:0.8em;
	
}

.contlogo {
	width: 70%;
	padding-top: 0px;
	padding-bottom: 0px;
	float: left;
}


#integration
{
	transform: translateX(0px);
	
}
#service
{
	transform: translateX(0px);
}
#consulting
{
	
	transform: translateX(0px);

}
#organisation
{
	
	transform: translateX(0px);
}
#ajouttxt{
	font-size:0.8em;
	width: 60%;
	float:right;
	text-align: left;
	
}
.form{
	padding-top: 5px;
	font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-size:1.1em;
	color: #1d4e94;	
	width: 70%;
	margin-left: auto;
	margin-right: auto;
}
.pied{
	text-align: right;
	font-family:'Allura Regular';
	font-size: 0.8em;
	color: #db1f26;
	
}
.adresse{
	font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	margin-left: 1%;
	color: #1d4e94;
	font-size:0.8em;
	width: 100%;
	float:left;
	text-align: left;
}
.carte{
	font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	color: #1d4e94;
	font-size:1em;
	width: 100%;
	float:left;
}
.photo{	
	display: none;
}
	.connexion{
	width: 100%;
	height: 15px;
	
}
}