/* CSS Document */
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400,300,700);
@import url(https://fonts.googleapis.com/css?family=Ceviche+One);

html, body {background:#fff;height:100%;padding:0;font-family: 'Roboto Condensed', sans-serif;-webkit-font-smoothing: antialiased; margin:0px;line-height: 1;}

	a,
	a:hover,
	a:active,
	a:focus
	{
		color:#464646;
		text-decoration:none;
		outline:none;
	}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{ font-family: 'Roboto Condensed', sans-serif;font-weight:100; }

h2 { font-size:2em;}
p{	margin:0 0 5px; }

.clear{	clear:both;	}

ol, ul{	list-style:none;padding:0;	}

.sf-menu li { background:none; color:#fff; padding-left:15px; padding-right:15px; padding-top:10px; padding-bottom:10px;}

img {
	border: none;
	vertical-align: top;
}
.combo {
height:20px;
background:#dedede;
border:1px #ff0078 solid;
color:#ff0078;
}
.title_1 {
	font-size:16px;
}
TD.menu1 { background:#06c; height:50px; cursor:pointer; text-align:center; vertical-align:middle; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#ffffff; padding-left:30px; padding-right:30px; }
TD.menu1:hover { background-color:#efefef; vertical-align:middle; color:#000;-webkit-transition: background-color 0.3s linear;
-moz-transition: background-color 0.3s linear;
-ms-transition: background-color 0.3s linear;
-o-transition: background-color 0.3s linear;
transition: background-color 0.3s linear; }



TD.menuback { background-color: #06C; height:50px; cursor:pointer; text-align:left; vertical-align:middle;font-family: 'Roboto Condensed', sans-serif; font-size:18px; font-weight:500; text-transform:uppercase; color:#ffffff; padding-left:23px; padding-left:20px;-webkit-border-radius: 5px 5px 5px 5px;-moz-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; }
TD.menuback:hover { background-color:#efefef; color:#000000;-webkit-transition: background-color 0.3s linear;
-moz-transition: background-color 0.3s linear;
-ms-transition: background-color 0.3s linear;
-o-transition: background-color 0.3s linear;
transition: background-color 0.3s linear; }

.celluletexte { border:1px #999 solid; background:#efefef; padding:6px; }


select { border:1px #999 solid; padding:5px; }

.bouton {width:100%; background:#0066ff; border:none; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#FFF; padding-top:10px; padding-bottom:10px;-webkit-border-radius: 5px;-moz-border-radius: 5px; border-radius: 5px; cursor:pointer; text-transform:uppercase;}
.bouton:hover { background:#333; border:none; color:#fff; padding-top:10px; padding-bottom:10px;-webkit-border-radius: 5px;-moz-border-radius: 5px; border-radius: 5px; cursor:pointer;}

.boutonBack {width:100%; background:#333; border:none; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#FFF; padding-top:10px; padding-bottom:10px;-webkit-border-radius: 5px;-moz-border-radius: 5px; border-radius: 5px; cursor:pointer; text-transform:uppercase; margin-top:10px;}
.boutonBack:hover {background:#000; border:none; color:#fff; padding-top:10px; padding-bottom:10px;-webkit-border-radius: 5px;-moz-border-radius: 5px; border-radius: 5px; cursor:pointer;}


.btns {width:120px; background:#333333; border:none; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#FFF; padding-top:10px; padding-bottom:10px;-webkit-border-radius: 5px;-moz-border-radius: 5px; border-radius: 5px; cursor:pointer;}
.btns:hover {width:120px; background:#666; border:none; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#FFF; padding-top:10px; padding-bottom:10px;-webkit-border-radius: 5px;-moz-border-radius: 5px; border-radius: 5px; cursor:pointer;}

#boutonActu:hover { background:#999; color:#F00;}

.input { padding:10px; background:#efefef; width:350px;}
.input:focus { background-color:#fff;
-webkit-transition: background-color 1s linear;
-moz-transition: background-color 1s linear;
-ms-transition: background-color 1s linear;
-o-transition: background-color 1s linear;
transition: background-color 1s linear;}


  .onoffswitch {
    position: relative; width: 74px;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
    }
    .onoffswitch-checkbox {
    display: none;
    }
    .onoffswitch-label {
    display: block; overflow: hidden; cursor: pointer;
    border: 0px solid #999999; border-radius: 0px;
    }
    .onoffswitch-inner {
    display: block; width: 200%; margin-left: -100%;
    -moz-transition: margin 0.3s ease-in 0s; -webkit-transition: margin 0.3s ease-in 0s;
    -o-transition: margin 0.3s ease-in 0s; transition: margin 0.3s ease-in 0s;
    }
    .onoffswitch-inner > span {
    display: block; float: left; position: relative; width: 50%; height: 18px; padding: 0; line-height: 20px;
    font-size: 10px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
    }
    .onoffswitch-inner .onoffswitch-active {
    padding-left: 15px; height:20px !;
    background-color: #BDBDBD; color: #FFFFFF;
    }
    .onoffswitch-inner .onoffswitch-inactive {
    padding-right: 15px;
    background-color: #BDBDBD; color: #FFFFFF;
    text-align: right;
    }
    .onoffswitch-switch {
    display: block; width: 31px;height:20px; margin: 0px; text-align: center;
    border: 0px solid #999999;border-radius: 0px;
    position: absolute; top: 0; bottom: 0;
    }
    .onoffswitch-active .onoffswitch-switch {
    background: #850D17; left: 0;
    }
    .onoffswitch-inactive .onoffswitch-switch {
    background: #000000; right: 0;
    }
    .onoffswitch-active .onoffswitch-switch:before {
    content: " "; position: absolute; top: 0; left: 31px;
    border-style: solid; border-color: #850D17 transparent transparent #850D17; border-width: 10px 7px;
    }
    .onoffswitch-inactive .onoffswitch-switch:before {
    content: " "; position: absolute; top: 0; right: 31px;
    border-style: solid; border-color: transparent #000000 #000000 transparent; border-width: 10px 7px;
    }
    .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
    }
	
	@-moz-document url-prefix() {
  fieldset { display: table-cell; }
  }
  
.bigburger { background:#333; width:100%;}
.burger { display:none; padding:10px;}
.burger i { font-size:21px; color:#fff; cursor:pointer;}
.stick { position:fixed; left:0px; top:0px; z-index:1040;}

.menuBurger {position:fixed; top:0px;width:85%; height:100%; background:#333; z-index:51; overflow:auto;transform: translate(-100%, 0); transition: transform 0.5s, box-shadow 0.5s; transition-timing-function: ease; transition-timing-function: cubic-bezier(0.62, 0.04, 0.82, 0.13);}

.burgerOpen {
transform: translate(0, 0);
box-shadow: 5px 5px 15px 0 rgba(0, 0, 0, 0.1);
}

.table-responsive { border:none !important;}
.table > tbody > tr > td { border-bottom:2px solid #000; line-height: inherit !important;}

table > tbody > tr > td { line-height: inherit !important; }

.error { color:#ff0000; font-size: 11px; display: none; }
@media (max-width: 992px) {
.bigburger { height:0px; overflow:hidden;}
.burger { display:block !important; width:100%;}
.sf-menu { float:none !important;}
.sf-menu { text-align:left; !important;}
.sf-menu ul { width:100% !important;}
.sf-menu li { float:none !important; width:100%; padding:0px;}
.sf-menu li a { padding:10px;}
.sf-menu li ul{}	
}

.btn-soleil {
    background-image: -webkit-linear-gradient(top,#c463d9 0,#7c2a8e 100%);
    background-image: -o-linear-gradient(top,#c463d9 0,#7c2a8e 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#c463d9),to(#7c2a8e));
    background-image: linear-gradient(to bottom,#c463d9 0,#7c2a8e 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc463d9', endColorstr='#ff7c2a8e', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    background-repeat: repeat-x;
    background-color: #7c2a8e;
    border-color: transparent !important;
    color:#fff;
    border:1px solid #000;
}
.btn-soleil:focus, .btn-soleil:hover { color: #fff;background-position: 0 -0px;}

.loader10 { width: 10px;height: 28px;background: #fff;position: relative;animation:loader10-u3e967ec5 0.5s ease-in-out infinite;animation-delay:0.4s;top:50%;margin: -28px auto 0; }
.loader10::after, .loader10::before { content: '';position: absolute;width:10px;height:28px;background:#fff;animation:loader10-u3e967ec5 0.5s ease-in-out infinite; }
.loader10::before { right: 18px; animation-delay: 0.2s; }
.loader10::after { left: 18px; animation-delay: 0.6s; } 
@keyframes loader10-u3e967ec5 {
  0%, 100% { box-shadow: 0 0 0 #fff, 0 0 0 #fff; }
  50% { box-shadow: 0 -8px 0 #fff, 0 8px 0 #fff; } 
} 

.clignotant{
animation: Test 1s infinite;
}
@keyframes Test{
    0%{opacity: 1;  }
    50%{opacity: 0.3;}
    100%{opacity: 1; }
}
