@charset "utf-8";

/*------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------*/
.contentIn ,.contentIn1,.contentIn2,.contentIn3,.contentIn4
{
	background: url('../images/bg_connexion.png');
	background-color: #FFFFFF;
	
	border-radius: 10px;
	border:solid 1px #0aad01;
	padding:10px;
	height:600px;
	margin-bottom:5%;
	overflow:hidden;
}
.contentIn1
{
	height:1600px;	
}

.with-errors
{color:red;}
.contentIn2
{
	height:550px;
	width:65%;
	margin:auto;
}
.formInstall 
{
	list-style-type:none;
	width:100%;
	margin:0px;
	padding:0px;
}
.formInstall li.cmdrLang
{
	float:left;
	width: 40%;
	padding-top: 2%;
}
.formInstall .cmdrLang a
{
	border-radius: 30px;
	border: solid 1px #FFFFFF;
	padding: 2%;
	background-color: #0aad01;
	color: #000;
}
.formInstall.cmdrLang a:hover
{
	background-color: #FFFFFF;
	border: solid 1px #0aad01;
}
.formInstall .cmdrLang 
{
	width:30%;float:left;
}
.formInstall ul 
{
	list-style-type:none;
}
.formInstall ul.logoversion 
{
	text-align:center;width: 80%;
	margin-top:-48px;margin-left:30px;
}
.formInstall .logoForm
{
	width: 100%;
}
.formInstall ul.logoversion h1
{
	color:#0aad01;margin:auto;padding:0px;
}
.formInstall ul.logoForm 
{
	float: left;
	width: 70%;
}
.formInstall .msgInstall
{
	float: left;
	width: 100%;
}
.formInstall .msgInstall .intro
{
	text-align: justify;
	height: 280px;
	overflow: scroll;
}
.formInstall .accept
{
	float: left;width:100%
}
.formInstall .accept a
{
	float: right;color:#0aad01;
}
.formInstall .commande 
{
	height: 80px;
	text-align: center;
	float: left;
	width: 100%;
}
.formInstall .copyright 
{
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	float: left;
	width: 100%;
}
.formInstall .righyLang
{
	float: right;
	width: 20%;
	margin:1%;
	float:left;
}
.formInstall .commande input[type=submit],.formInstall .commande input[type=button]
{
	background-color: #0aad01;
	padding:2%;
	border:none;
	margin:2%;
	font-size:0.9em;
}
.formInstall .commande input[type=submit] :hover,.formInstall .commande input[type=button] :hover
{
	background-color: #000000;
}
.nav-tabs .nav-item {
	color: #0aad01;
}
.banner 
{
	width:101%;
	background-color:#FFFFFF;
	margin:auto;
	margin-top:0px;
	position:fixed;
	height:100px;
	overflow:hidden;
	z-index:100000;
}
.banner .blockleft 
{
	width:50%;
	background-color:#FFFFFF;
	margin:auto;
	margin-top:0px;
	height:100px;
	float:left;	
}
.banner .blockright 
{
	width:50%;
	background-color:#FFFFFF;
	margin:auto;
	margin-top:0px;
	height:100px;
	float:right;	
}
.banner .blockleft .iconeBackend 
{
	margin:1%;float:left;
	width:15%;
}
.banner .blockright .userDesconnect
{
	text-align:right;
}

.banner .blockleft h4
{
	font-weight:bold;
	color:#000;
	width:60%;float:left;
	font-size:0.9em
}
.banner .blockleft span
{
	color:#000;
	width:60%;float:left;
	font-size:0.9em
}
.blockright .cmdrLang 
{
	border-radius: 40px;float:right;
	border: solid 1px #FFFFFF;
	padding: 12px;width:50px;
	background-color: #0aad01;
	color: #000;
}
.blockright.cmdrLang a:hover
{
	background-color: #FFF;
	border: solid 1px #0aad01;
}

.blockright .userFlam 
{
	padding: 2%;
	text-align:center;
	margin-left:100px;
}
.blockright .userFlam a
{
	color: #0aad01;
}
.blockright .deconnexion 
{
	color: #000000;
	border: solid 1px #0aad01;
	background-color: #0aad01;
	padding:1%;
	border-radius: 5px;
	font-size:0.8em;
}
.colleft
{
	width:100%;float:left;
	background-color:#0aad01;
}
.colleft .menu
{
	width:100%;padding:1%;background-color:#0aad01;
}
.colleft .menu li
{
	width:100%;padding:1%;text-align:justify; padding-left:2%;
	border-bottom:solid 1px #FFFFFF;
}
.colleft .menu li ul
{
	color:#0aad01;background-color:#FFFFFF;width:100%;
	border:solid 1px #0aad01;
}
.colleft .menu li ul a
{
	color:#0aad01; padding-left:2%;width:100%;
}
.colleft .menu li a
{
	color:#FFFFFF;text-align:justify;
}
.colleft .menu li a:hover
{
	color:#000000;
}

.colright
{
	width:100%;
	margin-top:100px;
}
.colright .bloctitle
{
	width:100%;
}
.colright .bloctitle .iconeRub
{
	width:5%; margin:1%;float:left;
}
.colright .bloctitle  h2
{
	float:left; width:80%;color:#FFFFFF;
}
.userDesconnect 
{
	z-index:500000000;position:fixed;
}
.blocData 
{
	background-color:#FFFFFF;width:100%;padding:0px;
	border-radius:10px;height:1500px;
	overflow:scroll;
}
.listCommandes
{
	list-style-type:none;width:100%;
}
.listCommandes li
{
	float:right;border:solid 1px #0aad01;padding:1px;border-radius:10px;margin:0.5%;
}
.listCommandes li a
{
	color:#000000;background-color:#0aad01;text-decoration:none;padding:5px;font-size:0.9em;border-radius:10px;
}
.listCommandes li a
{
	color:#FFFFFF;background-color:#0aad01;text-decoration:none;padding:5px;font-size:0.9em;
}

.listCommandes li a:hover,.listCommandes li:hover
{
	color:#000000;border-radius:10px;background-color:#FFFFFF;border:solid 1px #0aad01;font-weight:bold;
}
.listCommandes1
{
	list-style-type:none;width:100%;
}
.listCommandes1 li
{
	float:left;border:solid 1px #0aad01;padding:5px;border-radius:100px;margin:0.5%;
}
.listCommandes1 li a
{
	color:#0aad01;text-decoration:none;padding:5px;font-size:0.9em;width:12%;
}
.listCommandes1 li a:hover
{
	background-color:#0aad01;color:#000000;border-radius:100px;font-weight:bold;
}

.msgListMsg
{
	color:#0aad01;text-align:justify;font-size:0.9em;padding-left:20px;
}
.zoneArray
{
	width:100%;
}
.titreListe
{
	width:100%;
}
.cModalIframeConteneur {
        overflow: hidden;
        padding-top: 56.25%;
        position: relative;
        width: 100%;
      }
      .cModalIframeConteneur iframe {
         border: 0;
         height: 100%;
         left: 0;
         position: absolute;
         top: 0;
         width: 100%;
      }
  .btnCmde
	{
		background-image: url('../images/bg_bn.png');
		background-repeat: repeat-x;
		background-position: center;
		border-radius: 20px;
		font-size: 12px;
		font-weight: bold;
	}
	.btnCmde:hover
	{
		background-image: url('../images/bg_bn1.png');
		text-decoration: none;
		background-repeat:repeat-x;
		color:yellow;
	}
      .cModalPlein {min-width: 100%;margin: 0;}
      .cModalPlein .modal-header {-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;}
      .cModalPlein .modal-content {min-height: 100vh;border-radius: 0;-moz-border-radius: 0;-webkit-border-radius: 0;}
      .cModalPlein .modal-footer {-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;}
      .cModalMedium {min-width: 90%;margin: 0 auto;}
      .cModalMedium .modal-content {min-height: 80vh;border-radius: 0;-moz-border-radius: 0;-webkit-border-radius: 0;}
      .cModalSansEntete .modal-header {display:none;}
      .cModalSansEntete .modal-footer {display:none;}
      .cModalRouge .modal-header {-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;background-color: #0aad01;color: #ffffff;}
      .cModalRouge .m