body {
  font-size: 62.5%;
  width: 100%;
  height: 100%;
  position: absolute;
  font-family: Raleway;
  /*background-color: #f5f5f5 !important;*/
  background-size: cover;
  background-position: 50%;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  background: rgba(245,245,245,1);
	background: -moz-linear-gradient(left, rgba(245,245,245,1) 0%, rgba(246,246,246,0.93) 47%, rgba(237,237,237,0.85) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(245,245,245,1)), color-stop(47%, rgba(246,246,246,0.93)), color-stop(100%, rgba(237,237,237,0.85)));
	background: -webkit-linear-gradient(left, rgba(245,245,245,1) 0%, rgba(246,246,246,0.93) 47%, rgba(237,237,237,0.85) 100%);
	background: -o-linear-gradient(left, rgba(245,245,245,1) 0%, rgba(246,246,246,0.93) 47%, rgba(237,237,237,0.85) 100%);
	background: -ms-linear-gradient(left, rgba(245,245,245,1) 0%, rgba(246,246,246,0.93) 47%, rgba(237,237,237,0.85) 100%);
	background: linear-gradient(to right, rgba(245,245,245,1) 0%, rgba(246,246,246,0.93) 47%, rgba(237,237,237,0.85) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#ededed', GradientType=1 );
}
body .menu {
  position: absolute;
  width: 100%;
  background: inherit;
}

body .menu .mainmenu:before {
  position: absolute;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: inherit;
  -webkit-filter: blur(3px);
  filter: blur(3px);
}
body .menu .mainmenu:after {
  clear: both;
  content: "";
  display: block;
}
body .menu .mainmenu .menuitem {
  float: left;
  width: 10%;
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: center;
  cursor: pointer;
  color: white;
  font-size: 1.5rem;
}
body #findpass {
  top: 50%;
  left: 5%;
  padding: 10px 20px;
  width: auto;
  background: white;
  color: rgba(0, 0, 0, 0.7);
  position: fixed;
  background: rgba(255, 255, 255, 0.5);
  border: none;
  font-size: 1.2rem;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  cursor: pointer;
  -moz-transform: translate3d(0, -50%, 0);
  -ms-transform: translate3d(0, -50%, 0);
  -webkit-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
}
body #findpass:focus {
  outline: none;
}
body .article {
  width: 960px;
  font-size: 1.4rem;
  margin: 20px auto;
  color: white;
  opacity: 1;
  top: 0;
  position: relative;
  background: rgba(229, 229, 229, 0.8);
  -moz-transition: opacity 400ms linear;
  -o-transition: opacity 400ms linear;
  -webkit-transition: opacity 400ms linear;
  transition: opacity 400ms linear;
  -moz-transition-delay: 800ms;
  -o-transition-delay: 800ms;
  -webkit-transition-delay: 800ms;
  transition-delay: 800ms;
  
}
body .article.active {
  opacity: 1;
  visibility: visible;
  background: rgba(255, 255, 255, 0.5);
}
body .article h1, body .vue h1 {
  font-size: 3rem;
  text-align: center;
  margin-bottom: 20px;
}

body .vue {
  width: 1000px;
  font-size: 1.4rem;
  margin: 10px auto;
  color: ;
  opacity: 1;
  top: 0;
  position: relative;
  background: rgba(250, 250, 250, 0.95);
  -moz-transition: opacity 400ms linear;
  -o-transition: opacity 400ms linear;
  -webkit-transition: opacity 400ms linear;
  transition: opacity 400ms linear;
  -moz-transition-delay: 800ms;
  -o-transition-delay: 800ms;
  -webkit-transition-delay: 800ms;
  transition-delay: 800ms;
  
}

* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.form {
  margin: 0 auto;
  position: absolute; /*fixed*/
  top: 10%;
  left: 85%;
  -moz-transform: translate3d(-50%, 0, 0);
  -ms-transform: translate3d(-50%, 0, 0);
  -webkit-transform: translate3d(-50%, 0, 0);
  transform: translate3d(-50%, 0, 0);
  width: 250px;
  padding: 20px;
  overflow: hidden;
  /*background-color: black;*/
  border: 1px solid rgba(255, 255, 255, 0.5);
  /*background: inherit;*/
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  border-radius: 12px;
}
.form .forceColor  {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
 background-color: rgba(0,0, 0, 0.2); /* background-color: #1370F1;*/
}
.form:before {
  content: "";
  width: 110%;
  height: 110%;
  position: absolute;
  background: inherit;
  left: -5%;
  right: 0;
  bottom: 0;
  top: -5%;
  -webkit-filter: blur(3px);
  filter: blur(3px);
}
.form.goAway {
  opacity: 0;
  -moz-transform: scale(0.6) translate3d(-50%, 0, 0);
  -ms-transform: scale(0.6) translate3d(-50%, 0, 0);
  -webkit-transform: scale(0.6) translate3d(-50%, 0, 0);
  transform: scale(0.6) translate3d(-50%, 0, 0);
  -moz-transition: -moz-transform 200ms ease-in-out, opacity 100ms linear;
  -o-transition: -o-transform 200ms ease-in-out, opacity 100ms linear;
  -webkit-transition: -webkit-transform 200ms ease-in-out, opacity 100ms linear;
  transition: transform 200ms ease-in-out, opacity 100ms linear;
  -moz-transition-delay: 600ms;
  -o-transition-delay: 600ms;
  -webkit-transition-delay: 600ms;
  transition-delay: 600ms;
}
.form .topbar .spanColor {
  position: absolute;
  width: 0px;
  right: 20px;
  height: 43px;
  opacity: 0.9;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  /*background-color: white;*/  
  -moz-transition: width 150ms ease-in-out, background-color 150ms ease-in-out 250ms, border 150ms ease-in-out 250ms;
  -o-transition: width 150ms ease-in-out, background-color 150ms ease-in-out 250ms, border 150ms ease-in-out 250ms;
  -webkit-transition: width 150ms ease-in-out, background-color 150ms ease-in-out, border 150ms ease-in-out;
  -webkit-transition-delay: 0s, 250ms, 250ms;
  transition: width 150ms ease-in-out, background-color 150ms ease-in-out 250ms, border 150ms ease-in-out 250ms;
}
.form .topbar .input {
  display: block;
  width: 100%;
  position: relative;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  font-size: 1.4em;
  background: transparent;
  border-top: 1px solid rgba(255, 255, 255, 0.4);
  border-left: 1px solid rgba(255, 255, 255, 0.4);
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
  border-right: 1px solid rgba(255, 255, 255, 0.4);
  margin-bottom: 25px;
  color: rgba(255, 255, 255, 0.4);
  padding: 10px 20px;
}
.form .topbar .input::-webkit-input-placeholder {
  color: white;
  font-size: 1.2rem;
  font-family: Raleway;
  line-height: 1.3rem;
  font-weight: 200;
}
.form .topbar .input:focus {
  outline: none;
  color: white;
  border: 1px solid white;
}
.form .topbar .input.disabled:hover {
  border: 1px solid rgba(255, 255, 255, 0.4);
}
.form .topbar .input:hover {
  border: 1px solid white;
}
.form .submit {
  padding: 10px 20px;
  width: 100%;
  font-size: 1.2rem;
  font-family: Raleway;
  font-weight: 200;
  display: block;
  color: white;
  position: relative;
  border: 1px solid rgba(255, 255, 255, 0.4);
  background-color: #3A535F;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  cursor: pointer;
}
.form .submit:focus {
  outline: none;
}
.form .submit:hover {
  color: white;
  border: 1px solid white;
}
.form .submit.recover {
  background: #FF2B4B;
  color: white !important;
  border: 1px solid white !important;
  transition: all 400ms linear;
}

.formAdmpress {
  margin-top: 100px;
  left: 50%;
}

.topbar.error .spanColor {
  width: calc(100% - 39px);
  border-top-left-radius: 6px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  border-bottom-left-radius: 6px;
  background-color: #FF2B4B;
}
.topbar.error + .submit {
  color: white;
}
.topbar.error .input {
  color: rgba(255, 255, 255, 0.4);
  border: 1px solid rgba(255, 255, 255, 0.4);
}
.topbar.error .input::-webkit-input-placeholder {
  color: white;
}

.topbar.success .spanColor {
  width: calc(100% - 39px);
  border-top-left-radius: 6px;
  border: 1px solid #26C97D;
  border-bottom-left-radius: 6px;
  background-color: #26C97D;
}
.topbar.success + .submit {
  color: white;
  border: 1px solid white;
}
.topbar.success .input {
  color: white;
  border: 1px solid #26C97D;
}
.topbar.success .input::-webkit-input-placeholder {
  color: white;
}

.form-control-perso {
  margin-top:10px;
  padding: 6px 12px; 
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
       -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.spacer-moi{padding:0px -25px 0px 10px; margin:0px 10px 0px 10px;}
.waiting-field { margin: 0 auto; display: none; position:absolute;  width:100%; height: 100%; z-index:999999999; background-color: rgba(0,0,0,0.3);}
.waiting-field-content{background-color: #fefefe; margin: 15% auto; padding: 20px; border: 1px solid #888; width: 80%;}
.waiting-styl{border: 16px solid white;  border-radius: 50%;  border-top: 16px solid #a0d5e5;  width: 70px;  height: 70px;  -webkit-animation: spin 1.5s linear infinite;
  animation: spin 1.5s linear infinite; display:block;}
.waiting-text{display:none; font-size: 20px; font-color:green; color:green;}
@-webkit-keyframes spin {  0% { -webkit-transform: rotate(0deg); }  100% { -webkit-transform: rotate(360deg); } }

@keyframes spin {  0% { transform: rotate(0deg); }  100% { transform: rotate(360deg); } }


#surface{ display:none;}
.entete { visibility:hidden;}
.entete.active { visibility:visible;}
.deta{padding-top:-10px;}

.suggestions { 
overflow: auto;
word-wrap:break-word;
}
.suggestions:hover{height:70px !important;}


.timeline {
    position: relative;
    margin: 0 0 30px 0;
    padding: 0;
    list-style: none;
}
.timeline>li>.timeline-item {
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.7);
    box-shadow: 0 1px 1px rgba(0,0,0,0.7);
    border-radius: 3px;
    margin-top: 0;
    background: #eeeeee;
    color: #444;
    margin-left: 60px;
    margin-right: 15px;
    padding: 0;
    position: relative;
}

.timeline:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    width: 4px;
    background: #ddd;
    left: 31px;
    margin: 0;
    border-radius: 2px;
}
.timeline>li {
    position: relative;
    margin-right: 10px;
    margin-bottom: 15px;
}

.timeline>li:before, .timeline>li:after {
    content: " ";
    display: table;
}

.timeline>li:after {
    clear: both;
}
.timeline>.time-label>span {
    font-weight: 600;
    padding: 5px;
    display: inline-block;
    background-color: #fff;
    border-radius: 4px;
}

.timeline>li>.timeline-item>.timeline-header {
    margin: 0;
    color: #555;
    border-bottom: 1px solid #f4f4f4;
    padding: 10px;
    font-size: 16px;
    line-height: 1.1;
}

.timeline>li>.fa, .timeline>li>.glyphicon, .timeline>li>.ion {
    width: 30px;
    height: 30px;
    font-size: 15px;
    line-height: 30px;
    position: absolute;
    color: #dddd;
    background: #d2d6de;
    border-radius: 50%;
    text-align: center;
    left: 18px;
    top: 0;
}
.timeline>li>.timeline-item>.time {
    color: #999;
    float: right;
    padding: 10px;
    font-size: 12px;
}
.timeline>li>.timeline-item>.timeline-footer {
    padding: 10px;
}
.timeline>li>.timeline-item>.timeline-footer .retreciC{
    background-color: #deb391; max-width:0px;max-heigth:0px; position: absolute; overflow:hidden;
}

.box-header {
  color: #444;
  display: block;
  padding: 10px;
}
.box-header.with-border {
  border-bottom: 1px solid #f4f4f4;
}

.box-body {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  padding: 10px;
}

.imageoffre img {border: 3px solid #f4f4f4; width:450px; height:400px; margin-left:-10px;}

.info-box {
  display: block;  min-height: 90px;  background: #fff;  width: 100%;  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  border-radius: 2px;  margin-bottom: 15px;
}
.info-box-icon {
  border-top-left-radius: 2px;  border-top-right-radius: 0;  border-bottom-right-radius: 0;  border-bottom-left-radius: 2px;
  display: block;  float: left;  height: 90px;  width: 80px;  text-align: center;  font-size: 40px;  line-height: 25px;
  background: rgba(0, 0, 0, 0.2);
}
.info-box-content {  padding: 5px 10px;  margin-left: 90px;}
.info-box-more {  display: block;}
.info-box-text {  display: block;  font-size: 14px;  white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;}


.navbar-brand{text-shadow: 2px 2px 2px white, -2px -2px 2px gray;
    font-size: 1.8em !important;
    font-weight: bold;    
}

.focnd_macourse{background: linear-gradient(to bottom, #ffffff 15%,#b0e0e6 61%,#a0d5e5 97%); }
.middle_content{ max-width:1200px; margin:0 auto;}
#my_carous{margin-top:55px;}
.lignepanier>.det_panier{ display:none;}
.lignepanier:hover>.det_panier{ display:block;}
.mesboutons {
visibility:hidden;
-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
 -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.separateur_invisible{display:none;}
.bg-blue {color: #ffffff; background-color: #0073b7 !important;} .bg-green {color: #ffffff; background-color: #007300 !important;} .vert_clair{background-color:#A5CE0B;}
.violet {color: #ffffff; background-color: #BA0CB3 !important;} .bg-red{color: #ffffff; background-color: red !important;} .chocolat{background-color:#D2691E;}
.purple{background-color:purple !important;} .orange{background-color:#FFA500;} .pink{background-color:#FFC0CB;} .skyblue{background-color:#87CEEB;}
.bg-beigpal{color: #000000; background-color: #b8a4a4 !important;}   .bg_city_cptmt{color: #594F42; font-weight:bold; background-color: #B0CAED !important;}
.bg_city{color: #594F42; font-weight:bold; background-color: #EDE2C2 !important;} 
.bg-bleuF{color: #ffffff; background-color: #deb391 !important;} .bg-bleuF:hover{color: #ffffff  !important; background-color: #853c00 !important;}
.bg-bleufbl{color: #3A535F; background-color:rgba(157, 222, 255, 0.9); background-color: #9DDEFF !important;} .bg-bleufbl:hover{color: #FFFFFF  !important;}
.indication{color:#4e4e4e; text-align: center; font-size:10px; font-family: courrier;}
.retreci{ max-width:0px;max-heigth:0px;} .invisible{display:none;} .bg-whit-kass, .list_pan{background-color: #F9FAFC; background-color:rgba(249, 250, 252, 0.9) !important;}
.bg-gris-lourd{ background-color: #d7dbdd; background-color:rgba(215, 219, 221, 0.8) !important;} .blanc{color:white; font-weight:bolder;}
.ombrage{
box-shadow: 0px 0px 10px 4px rgba(254, 254, 254, 0.75);
-moz-box-shadow: 0px 0px 10px 4px rgba(254, 254, 254, 0.75);
-webkit-box-shadow: 0px 0px 10px 4px rgba(254, 254, 254, 0.75);

}
.compan:hover{border-color: #87CEEB !important;}
.soulever{margin-top:-5px;}
.bord_rond{
border-radius:5px; margin:5px; 
-moz-border-radius: 6px;
 -webkit-border-radius: 6px;
}

.list_pan:hover{font-size:larger; background-color: #5d5d5d; font-weight:bolder;  
	border-bottom: 3px solid rgba(200, 253, 153, 0.4) !important; 
	border-top: 3px solid rgba(200, 253, 153, 0.4) !important;
	}
.icon_linge img{width:100%; margin:0px auto;}
.reconu_use{display:none !important;}
.mieu_vu{display:block !important;}
.logoticpress{width:50px;height:50px;}

.modif-zone{
box-shadow: 0px 0px 10px 4px rgba(215, 219, 221, 0.75);
-moz-box-shadow: 0px 0px 10px 4px rgba(215, 219, 221, 0.75);
-webkit-box-shadow: 0px 0px 10px 4px rgba(215, 219, 221, 0.75);}
.boxpresent{
border: 2px solid rgba(215, 219, 221, 0.9); background-color:rgba(200, 200, 200, 0.8); border-radius:5px; margin:5px; 
-moz-border-radius: 6px;
 -webkit-border-radius: 6px;}
.change_space{background-color:rgba(255, 255, 255, 0.8); /*border: 1px solid rgba(200, 200, 200, 0.4); */}
.withe-bottom {
  border-bottom: 1px solid #f4f4f4;
}
.separe10{margin-bottom:10px; width:1px; } .separe5{margin-bottom:5px;  width:1px;} .decaleH{margin-bottom:5px !important; }
.mi_alarms{margin-top:-5px;}
.devt_DO{display:none;}
.derier:hover .devt_DO {display:inline;}
.my_cursor{cursor:pointer; text-decoration:none;} .my_cursor:hover{fontweight:bold; text-decoration:none;}
.surbrilleur:hover{background-color: #d7dbdd; font-weight:bolder}
.majuscule{text-transform: uppercase;}

.reformh1{ text-align:center; } .reformh1 h1{ font-size:2em !important; }
.statu_lign{padding-top:1.2%;}
.1point6{ font-size:1.6em !important; }

.fonctio_content0, .fonctio_content1, .fonctio_content2{ margin: 1% auto;  background-color: inherit; width: 98%;}
.fonctio_styl0, .fonctio_styl1, .fonctio_styl2{
	margin: -7px auto; 
	border-radius: 50%;  
	width: 40px;  height: 40px;  display:block; text-align:center;
	}

.fonctio_content0{border: 7px solid #3A535F; } .fonctio_styl0{	border: 10px solid #3A535F; border-bottom: 10px solid rgba(253, 253, 253, 0.4);}
.fonctio_content1{border: 7px solid #fc890f; } .fonctio_styl1{	border: 10px solid #fc890f; border-bottom: 10px solid rgba(253, 253, 253, 0.4); }
.fonctio_content2{border: 7px solid #11ba1f; } .fonctio_styl2{	border: 10px solid #11ba1f; border-bottom: 10px solid rgba(253, 253, 253, 0.4); }
.valid_insc{margin: 15% auto; background-color:#5cb85c; border-radius: 70%; min-height: 70px; padding-top:1.2%;} 
.inscrip2{height:100%; text-align:center; color:#ffffff; font-weight:bold; margin-top:10%; font-size:1.2em;}
.zone_logo_partenaire img{max-width:200px; max-height:200px;}
.bout_rap{	border: 10px solid #11ba1f; min-width:100px; min-height:100px; border-radius: 42%;   max-width: 110px; margin-left:42%;  }


.bleu_grad_hori{
background: rgba(73,165,191,1);
background: -moz-linear-gradient(left, rgba(73,165,191,1) 0%, rgba(117,189,209,1) 12%, rgba(141,200,217,1) 20%, rgba(245,249,250,1) 55%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(73,165,191,1)), color-stop(12%, rgba(117,189,209,1)), color-stop(20%, rgba(141,200,217,1)), color-stop(55%, rgba(245,249,250,1)));
background: -webkit-linear-gradient(left, rgba(73,165,191,1) 0%, rgba(117,189,209,1) 12%, rgba(141,200,217,1) 20%, rgba(245,249,250,1) 55%);
background: -o-linear-gradient(left, rgba(73,165,191,1) 0%, rgba(117,189,209,1) 12%, rgba(141,200,217,1) 20%, rgba(245,249,250,1) 55%);
background: -ms-linear-gradient(left, rgba(73,165,191,1) 0%, rgba(117,189,209,1) 12%, rgba(141,200,217,1) 20%, rgba(245,249,250,1) 55%);
background: linear-gradient(to right, rgba(73,165,191,1) 0%, rgba(117,189,209,1) 12%, rgba(141,200,217,1) 20%, rgba(245,249,250,1) 55%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#49a5bf', endColorstr='#f5f9fa', GradientType=1 );
}

.bleu_grad_hori_inv{
background: rgba(246,249,250,1);
background: -moz-linear-gradient(left, rgba(246,249,250,1) 0%, rgba(74,166,191,1) 70%, rgba(74,166,191,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(246,249,250,1)), color-stop(70%, rgba(74,166,191,1)), color-stop(100%, rgba(74,166,191,1)));
background: -webkit-linear-gradient(left, rgba(246,249,250,1) 0%, rgba(74,166,191,1) 70%, rgba(74,166,191,1) 100%);
background: -o-linear-gradient(left, rgba(246,249,250,1) 0%, rgba(74,166,191,1) 70%, rgba(74,166,191,1) 100%);
background: -ms-linear-gradient(left, rgba(246,249,250,1) 0%, rgba(74,166,191,1) 70%, rgba(74,166,191,1) 100%);
background: linear-gradient(to right, rgba(246,249,250,1) 0%, rgba(74,166,191,1) 70%, rgba(74,166,191,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f9fa', endColorstr='#4aa6bf', GradientType=1 );
}

.org_grad_hori{
background: rgba(255,146,10,1);
background: -moz-linear-gradient(left, rgba(255,146,10,1) 0%, rgba(255,175,75,0.98) 33%, rgba(250,199,136,0.96) 53%, rgba(242,236,228,0.96) 83%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,146,10,1)), color-stop(33%, rgba(255,175,75,0.98)), color-stop(53%, rgba(250,199,136,0.96)), color-stop(83%, rgba(242,236,228,0.96)));
background: -webkit-linear-gradient(left, rgba(255,146,10,1) 0%, rgba(255,175,75,0.98) 33%, rgba(250,199,136,0.96) 53%, rgba(242,236,228,0.96) 83%);
background: -o-linear-gradient(left, rgba(255,146,10,1) 0%, rgba(255,175,75,0.98) 33%, rgba(250,199,136,0.96) 53%, rgba(242,236,228,0.96) 83%);
background: -ms-linear-gradient(left, rgba(255,146,10,1) 0%, rgba(255,175,75,0.98) 33%, rgba(250,199,136,0.96) 53%, rgba(242,236,228,0.96) 83%);
background: linear-gradient(to right, rgba(255,146,10,1) 0%, rgba(255,175,75,0.98) 33%, rgba(250,199,136,0.96) 53%, rgba(242,236,228,0.96) 83%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff920a', endColorstr='#f2ece4', GradientType=1 );
}
.violet_grad_hori{
background: rgba(89,136,238,1);
background: -moz-linear-gradient(left, rgba(89,136,238,1) 0%, rgba(171,194,252,0.89) 54%, rgba(171,194,252,0.82) 86%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(89,136,238,1)), color-stop(54%, rgba(171,194,252,0.89)), color-stop(86%, rgba(171,194,252,0.82)));
background: -webkit-linear-gradient(left, rgba(89,136,238,1) 0%, rgba(171,194,252,0.89) 54%, rgba(171,194,252,0.82) 86%);
background: -o-linear-gradient(left, rgba(89,136,238,1) 0%, rgba(171,194,252,0.89) 54%, rgba(171,194,252,0.82) 86%);
background: -ms-linear-gradient(left, rgba(89,136,238,1) 0%, rgba(171,194,252,0.89) 54%, rgba(171,194,252,0.82) 86%);
background: linear-gradient(to right, rgba(89,136,238,1) 0%, rgba(171,194,252,0.89) 54%, rgba(171,194,252,0.82) 86%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5988ee', endColorstr='#abc2fc', GradientType=1 );
}
.gris_grad_hori{
background: rgba(66,100,118,1);
background: -moz-linear-gradient(left, rgba(66,100,118,1) 0%, rgba(66,100,118,1) 36%, rgba(224,241,250,1) 78%, rgba(255,255,255,1) 98%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(66,100,118,1)), color-stop(36%, rgba(66,100,118,1)), color-stop(78%, rgba(224,241,250,1)), color-stop(98%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1)));
background: -webkit-linear-gradient(left, rgba(66,100,118,1) 0%, rgba(66,100,118,1) 36%, rgba(224,241,250,1) 78%, rgba(255,255,255,1) 98%, rgba(255,255,255,1) 100%);
background: -o-linear-gradient(left, rgba(66,100,118,1) 0%, rgba(66,100,118,1) 36%, rgba(224,241,250,1) 78%, rgba(255,255,255,1) 98%, rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(left, rgba(66,100,118,1) 0%, rgba(66,100,118,1) 36%, rgba(224,241,250,1) 78%, rgba(255,255,255,1) 98%, rgba(255,255,255,1) 100%);
background: linear-gradient(to right, rgba(66,100,118,1) 0%, rgba(66,100,118,1) 36%, rgba(224,241,250,1) 78%, rgba(255,255,255,1) 98%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#426476', endColorstr='#ffffff', GradientType=1 );
}

.ombr_noir{
-moz-box-shadow: -5px 2px 5px 0px #cfcfcf;
-webkit-box-shadow: -5px 2px 5px 0px #cfcfcf;
-o-box-shadow: -5px 2px 5px 0px #cfcfcf;
box-shadow: -5px 2px 5px 0px #cfcfcf;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#cfcfcf, Direction=201, Strength=5);
}

.inscrip_zne{
font-size:1.5em;
color:#3A535F;
border:none;
font-weight:bold;
height:30px;
text-align:center;
}

.zone_insc{ 
opacity:0;
-webkit-transition: opacity 3s ease-in;
    -moz-transition: opacity 3s ease-in;
    -o-transition: opacity 3s ease-in;
    -ms-transition: opacity 3s ease-in;
    transition: opacity 3s ease-in;
}
.zone_insc.parait{ 
opacity:1;
}

@media screen and (max-width: 1300px) {
	.form {    top:13%;} 
	 .form .topbar .spanColor { height: 5px; }
	 .form .topbar .input {  width: 100%;  position: relative;  font-size: 1.1em;   margin-bottom: 10px;   padding: 5px 10px; }
}

@media screen and (max-width: 1000px) {
	.form {    top: 23%;} 
	 .form .topbar .spanColor { height: 1px; }
	.form .topbar .input {  width: 100%;  position: relative;  font-size: 1.1em;   margin-bottom: 10px;   padding: 5px 10px; }
}
@media screen and (max-width: 850px) {
	.form {    top: 13%; left: 80%;} .formAdmpress{ left: 50%;}  .form .topbar .spanColor { height: 1px; }
}

@media screen and (max-width: 770px) {
	   .valid_insc{margin: 1% auto; background-color:#52ddc; border-radius: 10%; min-height: 10px; padding-top:1px;margin-left:2%;} 
		.inscrip2{height:100%; text-align:center; color:#ffffff; font-weight:bold; margin-top:1px; font-size:1.2em;}
}

@media screen and (max-width: 750px) {
	.form {    top: 10%; display:none;}  .formAdmpress{ display:block;}
}