

@import url(css/menu.css);
@import url(css/font-awesome.css);
@import url(css/owl.carousel.min.css);
@import url(css/owl.theme.default.min.css);
@import url(css/flexslider.css);
@import url(css/home.css);
@import url(css/main.css);
@import url(css/anicollection.css);
 @import url(css/animate.css);
  @import url(css/gallery.css);
   @import url(css/simpleplaylist.css);
*, *:after, *:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
body, html {
	padding: 0;
	margin: 0;
}
.tt-1_3 {
	padding-bottom: 20px;
	
}

.clearfix:before, .clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
body {
	font-family: "Open Sans",sans-serif;
	color: #333;
	background-color: #FFFFFF;
	font-size: 12px;
	text-align: justify;
	background-image: url(images/bg8.png);
	background-repeat: repeat-y;
	background-position: right top;
}


.saison4 {
		position: absolute;
	z-index: 999;
	top: 0px;
	right: 0px;
	text-align: right;
}

.saison4 li{
	color: #FFF;
	text-decoration: none;
	width: 25px;
	line-height: 25px;
	text-align: center;
	background-color: #db5c86;
	-webkit-transform: skew(-13deg);
	-moz-transform: skew(-13deg);
	-ms-transform: skew(-13deg);
	-o-transform: skew(-13deg);
	transform: skew(-13deg);
	list-style-type: none;
	display: inline-block;
}
.saison4 li:hover{
	
	background-color: #42a8da;
	
}

.socio2 li{
	color: #FFF;
	text-decoration: none;
	width: 30px;
	line-height: 25px;
	text-align: center;
	background-color: #db5c86;
	-webkit-transform: skew(-13deg);
	-moz-transform: skew(-13deg);
	-ms-transform: skew(-13deg);
	-o-transform: skew(-13deg);
	transform: skew(-13deg);
	list-style-type: none;
	display: inline-block;
	
}
.socio2 li:hover{
	
	background-color: #42a8da;
	
}





.saison4 i{
	color: #FFF;
	
	text-decoration: none;
	-webkit-transform: skew(13deg);
	-moz-transform: skew(13deg);
	-ms-transform: skew(13deg);
	-o-transform: skew(13deg);
	transform: skew(13deg);
	font-size: 18px;
}

.socio2 i{
	color: #FFF;
	text-align: center;
	text-decoration: none;
	-webkit-transform: skew(13deg);
	-moz-transform: skew(13deg);
	-ms-transform: skew(13deg);
	-o-transform: skew(13deg);
	transform: skew(13deg);
	font-size: 18px;
	
}



.container{
	background-color: rgba(255, 255, 255, 1);
		/*box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.4);*/
		  width: 100%;
		 
	margin-right:0%;
	margin-left:0%;
    padding: 0;
	}

.tt-all{
	
	}

p{
    padding: 3px 0;
}

.forecolor{color: #42a8da;}
.textcolor{color: #333;}
#toplinks {
	
	clear: both;
}
#toplinks a {
	display: block;
	padding-right: 10px;
	padding-left: 10px;
	color: #666;
	text-decoration: none;
	line-height: 26px;
}
#toplinks a:hover {
	color: #42a8da;
}
#toplinks #nav li {
    line-height: 30px;

}
#toplinks #nav li ul{
    margin-top: -1px;
}
#toplinks #nav li ul li {
    border-left: none;
    line-height: 26px;	
    
}

a {
	color: #666;
	text-decoration: none;
}
a:hover {
	color: #42a8da;
}

a.delete:hover{
    color: rgb(90, 30, 30);
}

input, select, textarea{
	background-color: #efefef;
	border: 1px solid #D7D7D7;
	color: #333;	
}

input[type="image"]{
    background: transparent;
    border: 0;
    height: auto;
}

.Button{
	
	line-height: 50px;
	padding-left: 16px;
	padding-right: 16px;
	color: #333;
	border-radius: 0px;
	margin-bottom: 15px;
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
	font-weight: normal;
	/*-webkit-transition: all 0.6s ease-in;
	-moz-transition: all 0.6s ease-in;
	-o-transition: all 0.6s ease-in;
	-transition: all 0.6s ease-in;*/
	background: #e0f3fa; /* Old browsers */
	background: -moz-linear-gradient(top,  #e0f3fa 0%, #d8f0fc 50%, #b8e2f6 51%, #b6dffd 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e0f3fa), color-stop(50%,#d8f0fc), color-stop(51%,#b8e2f6), color-stop(100%,#b6dffd)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #e0f3fa 0%,#d8f0fc 50%,#b8e2f6 51%,#b6dffd 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #e0f3fa 0%,#d8f0fc 50%,#b8e2f6 51%,#b6dffd 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #e0f3fa 0%,#d8f0fc 50%,#b8e2f6 51%,#b6dffd 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #e0f3fa 0%,#d8f0fc 50%,#b8e2f6 51%,#b6dffd 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0f3fa', endColorstr='#b6dffd',GradientType=0 ); /* IE6-9 */
	font-size: 16px;
}


.Button:hover, a.Button:hover{
	background-color: #42a8da;
	
	color: #fff;
	/*-webkit-transition: all 0.6s ease-in;
	-moz-transition: all 0.6s ease-in;
	-o-transition: all 0.6s ease-in;
	-transition: all 0.6s ease-in;*/
	background: #6db3f2; /* Old browsers */
background: -moz-linear-gradient(top,  #6db3f2 0%, #54a3ee 50%, #3690f0 51%, #1e69de 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6db3f2), color-stop(50%,#54a3ee), color-stop(51%,#3690f0), color-stop(100%,#1e69de)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #6db3f2 0%,#54a3ee 50%,#3690f0 51%,#1e69de 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #6db3f2 0%,#54a3ee 50%,#3690f0 51%,#1e69de 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #6db3f2 0%,#54a3ee 50%,#3690f0 51%,#1e69de 100%); /* IE10+ */
background: linear-gradient(to bottom,  #6db3f2 0%,#54a3ee 50%,#3690f0 51%,#1e69de 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6db3f2', endColorstr='#1e69de',GradientType=0 ); /* IE6-9 */

}



#back-top {
    position: fixed;
    bottom: 30px;
    right: 1%;
}
#back-top a {
    width: 35px;
    display: block;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    color: #562C12;
    /* background color transition */
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s;
    font-size: 11px;
    line-height: 100%;
}
#back-top a:hover {
    color: #080505;
}
/* arrow icon (span tag) */
#back-top span {
	width: 35px;
	height: 35px;
	display: block;
	margin-bottom: 7px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	/*border-radius: 50%;*/
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
	background-color: #e22827;
	background-image: url(images/up-arrow.png);
	background-repeat: no-repeat;
	background-position: center center;
	transform-origin: top right;
	-ms-transform: skew(-30deg, 0deg);
	-webkit-transform: skew(-30deg, 0deg);
	transform: skew(-30deg, 0deg);
}
#back-top a:hover span {
    background-color: #42a8da
}




h1 {
	font-size: 30px;
	color: #e21871;
	text-decoration: none;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 20px;
	letter-spacing: 0.1em;
	font-weight: normal;
	background-image: url(images/picto.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 50px;
	line-height: 45px;		
}
hr {
	height: 1px;
	margin-top: 5px;
	margin-bottom: 5px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #efefef;
}

.home-slider {
	background-image: url(images/bg-menu.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom: 10px;
	width: 100%;
}

.bigtext {
	font-size: 36px;
	font-weight: bold;
}
.sup {
	 vertical-align: super;

  } 

h2, h3, h4, h5, h6 {
	margin-bottom: 10px;
	color: #42a8da;
	line-height: 1.15;
	font-weight: normal;
	padding: 0px;
	margin-top: 0px;	
}

h2 {
	font-size: 20px;
	font-weight: 300;
}
h3 {
	font-size: 18px;
	
	color: #666;
}
.footer h2 {
	
	text-decoration: none;
}



.submit {
	float: right;
	text-decoration: none;
	cursor: pointer;
	color: #fff;
	font-size: 18px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	word-spacing: 0.2em;
	background-image: url(../img/bg10.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 12px;
	padding-right: 23px;
	padding-bottom: 12px;
	padding-left: 23px;
	-webkit-transition: all 0.4s ease-in;
	-moz-transition: all 0.4s ease-in;
	-o-transition: all 0.4s ease-in;
	-transition: all 0.4s ease-in;
	font-weight: normal;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	text-shadow: 0 1px 1px #3B3B3B;
}




.submit:hover {
	background-position: center bottom;	
	
}


.colon4imgrapper:hover img{
    /*box-shadow: 1px 2px 2px rgba(86, 44, 18, 0.5);*/
   
    opacity: 1;
    filter: alpha(opacity=100); /* For IE8 and earlier */

}

.colon4imgrapper {
    text-align: center;
    vertical-align: middle;
    width: 100%;
    margin-bottom: 10px;
    overflow: hidden;
    margin-right: auto;
    margin-left: auto;
    height: 260px;

    padding-bottom: 12px;


}
.colon4imgrapper img {
    max-width: 100%;
    height: 100%;
    margin-right: auto;
    margin-left: auto;
    text-align: center;


}


.footer_container{
	padding-top: 30px;
	
	color: #333;
	background-image: url(images/barre.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-right: 10%;
	padding-left: 10%;
}


.footer h1 {
	font-size: 12px;
	border-bottom-style: none;
	background-image: none;
	color: #42a8da;
	text-decoration: none;
	margin: 0;
	padding-bottom: 5px;
	background-color: transparent;
	margin: 15px 0 0 0;
	padding: 0;
	text-align: left;
}



.footer a {
    color: #666;
    text-decoration: none;
    padding-right: 5px;
    padding-left: 0px;
}
.footer a:hover {
    color: #42a8da;
}


.fixed {
    position: fixed;
    top:0; 
	
    width: 100%;
	
	Hover over me

-webkit-transition: height 0.2ms linear;
-moz-transition: height 0.2ms linear;
-ms-transition: height 0.2ms linear;
-o-transition: height 0.2ms linear;
transition: height 0.2ms linear;

	 }


h6 {
	font-size: 17px;
	color: #949494;
	text-decoration: none;
	width: auto;
	padding-right: 5px;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 0.2em;
	line-height: 25px;
	display: block;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	padding-left: 5px;	
}


td.active {
    background-color: #F0E7D6;
    color: #42a8da;
    font-size: 14px;
    font-weight: bold;
}
.page_content {
    border-left: 1px solid #F7F7F7;
}





input:focus {
    background: #797878 repeat scroll 0 0;
    border-style: solid;
    border-width: 1px;
    color: #ccc;
}
textarea:focus {
    background: #797878 repeat scroll 0 0;
    border-style: solid;
    border-width: 1px;
    color: #ccc;
}

.product_one_col {
    padding: 10px;
    margin: 5px 0;
    border-bottom: 1px solid #e8e8e8;
    height: 150px;
}
.product_one_col:hover {
    background-color: #FAFAFA;
}
.productimg_100_140 {
    max-height: 100px;
    max-width: 180px;
}
.product_price {
    font-weight: bold;
}
.product_title {
    font-size: 1.2em;
    color: #42a8da;
    text-decoration: none;
    margin-top: 2px;
    margin-right: 0px;
    margin-bottom: 6px;
    margin-left: 0px;
    width: auto;
    font-weight: normal;
    padding-top: 6px;
    padding-right: 4px;
    padding-bottom: 6px;
    padding-left: 4px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #73561a;
}
.candidates {
background-color:#ef9134; 
padding-top:10px;
 margin-top:-21px;
}
.tableborder td {
    line-height: 15px;
    padding-top: 2px;
    padding-right: 5px;
    padding-bottom: 2px;
    padding-left: 5px;
}
.tableborder {
    padding: 5px;
    font-size: 13px;
    border: 1px solid #E5E5E5;
}

fieldset {
    border: 0px;
    padding: 0;
    margin: 0;
}
fieldset.withborder legend {
    width: 100%;
    color: #42a8da;
    border-bottom-width: 2px;
    border-bottom-style: solid;
    border-bottom-color: #73561a;
}
fieldset legend, fieldset legend a, .tt {
    color: #42a8da;
    padding-top: 30px;
    text-decoration: none;
    width: 100%;
    font-family: inherit;
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 10px;
    text-transform: uppercase;
}
fieldset a {
    color: #42a8da;
    font-weight: bold;
}


.combi_h3 {
    border-bottom:1px solid rgb(81, 81, 81);
    clear: both;
    margin: 8px 0;
}
.combi {
    border: 0;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);
    cursor: pointer;
    padding: 6px 10px;
    float: left;
    margin: 2px 4px;
    text-decoration: none;
    color: #101010;
    font-weight: bold;
}


.combi_selected:hover, .combi:hover{
    background-color: rgb(90, 30, 30);
    color: #333;
}
.combi_selected {
    background-color: #42a8da;
    color: #101010;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.8);
}
.combi_disabled {
    cursor: default;
}
.combi_enabled {
    background-color: #D1D1D1;
}
ul.dropdown ul {
	background-color: #f8f9fb;
}


.imgwid{
    max-height: 80px;
    max-width: 80px;
}


.register_content {
    min-height: 180px
}
.login_content {
    min-height: 180px;
    width: 400px
}




.colon3imgrapper img {
    margin: auto;
    width: 360px;
    height:240px;
    max-height:240px;
    opacity: 0.5;
    filter: alpha(opacity=50); /* For IE8 and earlier */
}
.colon3imgrapper img:hover {
    opacity: 0.9;
    filter: alpha(opacity=90); /* For IE8 and earlier */
}
.colon3imgrapper {
    text-align: center;
    vertical-align: middle;
    width: 360px;
    margin-bottom: 10px;
    height: 240px;
    overflow: hidden;
    display: table-cell;
    margin-right: auto;
    margin-left: auto;
}


.topsearch {
	padding-right: 0px;
	padding-top: 2px;
	text-align: center;
	margin-top: 40px;
	z-index: 999;
	width: 600px;
	right: 10%;
	padding-bottom: 8px;
	padding-left: 8px;
	
	margin-right: auto;
	margin-left: auto;
	display: inline-block;
}
.topsearch input {
	line-height: 50px;
	color: #666;
	margin-top: 1px;
	padding-right: 5px;
	padding-left: 5px;
	border-radius: 0px;
	border: none;
}

.topsearch input.button:hover {
  
}

.topsearch .searchinput {
   
    background-color: transparent;
}
    
.topsearch:hover .searchinput {
   
    border-radius:3px;	
}
.topsearch:focus .searchinput {
	border: 1px solid #333;
	border-radius: 10px;
	
}
.topsearch input:focus  {
  color: #42a8da;  
}

.topsearch:hover input {
	
}
.topsearch .button {
    padding: 5px;
    height: 50px;
    width: 40px;
    border-radius: 50%;
    vertical-align: middle;
    margin-right: 5px;
    margin-left: 5px;
  
    border:0;
}
.topsearch:hover .button {
	
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}






.menu-top {
	background-color: #3aaf95;
	background-image: url(images/bg-menu.png);
	background-repeat: no-repeat;
	background-position: left center;
	margin: 0px;
	padding: 0px;
	width: 100%;
	max-height:40px;
}


.copyright {
	margin-bottom: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #666;
	text-align: center;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #ECEEF4;
	margin-top: 20px;
}



.carousel {
    margin-right: auto;
    margin-left: auto;
    float: none;
    width: 100%;
}



#slideshow {
	width: 100%;
	float: left;
	margin-top: 0px;
	margin-bottom: 0px;
}

.marquee{
    filter: alpha(opacity=100);
}

.margintop-8{
    margin-top:-8px;
}
.margintop-10{
    margin-top:-10px;
}

.margintop20{
    margin-top:20px;
}
.margintop-120{
	margin-top: -120px;
	z-index: 999;
}
.marginbottom20{
    margin-bottom:20px;
}


ul.menu_horiz_list li {
    float: left;
    list-style-image: none;
    margin-right: 16px;
    margin-left: 0;
    list-style: none;
}
ul.menu_horiz_list {
    margin: 0;
    padding: 0;
}





.header-container{
	padding: 0px;
	width: 100%;
	z-index: 999;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-color: #f8f9fb;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ECEEF4;
}

.mainheader img{
	display:none;
	
}
.fixed img{
	display:inline-block;
	
}

.fixed{
	
	z-index: 10000;
	
}









.radiusright {
	
	-webkit-border-radius: 0 10px 10px 0;
border-radius: 0 10px 10px 0;
}


.radiusleft {
-webkit-border-radius: 10px 0 0 10px;
border-radius: 10px 0 0 10px;
	
}







	.logo{
	
	width: auto;
	padding-top: 5px;
	
	padding-bottom: 5px;
	
	
	border-radius: 10px;
	
	
    } 









.cat img, .cat img:hover, .cat h2, .cat p{
	    transform-origin: top right;
    -ms-transform: skew(20deg, 0deg);
    -webkit-transform: skew(20deg, 0deg);
    transform: skew(20deg, 0deg);
}

.cat{
	padding-bottom:40px;
	padding-top: 20px;
	background-color: #e41b73;
	transform-origin: top right;
	-ms-transform: skew(-20deg, 0deg);
	-webkit-transform: skew(-20deg, 0deg);
	transform: skew(-20deg, 0deg);
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #ec2e81;
	color: #FFF;
}

.cat:hover{
	background-color: #fff;
	color: #333;
	
}
.cat p{
	margin-right:50px;
}
.cat h2{
	float: right;
	color: #FFF;
	margin-bottom:30px;
	display:block;
	margin-top:-20px;
}
.cat:hover h2{
	
	color: #e41b73;
}

.cat:hover h2 a{
	
	color: #e41b73;
}

.cat a{
	
	color: #FFF;
	
}

.cat a:hover{
	
	color: #e41b73;
}




.cat2 img, .cat2 img:hover, .cat2 h2, .cat2 h1, .cat2 p, .cat2 iframe{
	    transform-origin: top right;
    -ms-transform: skew(20deg, 0deg);
    -webkit-transform: skew(20deg, 0deg);
    transform: skew(20deg, 0deg);
}
.cat3 {
	    transform-origin: top right;
    -ms-transform: skew(20deg, 0deg);
    -webkit-transform: skew(20deg, 0deg);
    transform: skew(20deg, 0deg);
}
.cat2{
	padding-bottom:40px;
	padding-top: 20px;
	
	transform-origin: top right;
	-ms-transform: skew(-20deg, 0deg);
	-webkit-transform: skew(-20deg, 0deg);
	transform: skew(-20deg, 0deg);
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #f9f4b4;
	
}

.cat2:hover{
	background-color: #fff;
	color: #333;
	
}
.cat2 p{
	margin-right:50px;
	margin-left:50px;
}
.cat2 h2{
	float: right;
	
	margin-bottom:30px;
	display:block;
	margin-top:-20px;
}
.cat2:hover h2{
	
	color: #e41b73;
}

























.item img:hover{
	
		
}

.item{
	
	margin-bottom: 30px;
	padding: 10px;
	-webkit-transition: all 0.6s ease-in;
	-moz-transition: all 0.6s ease-in;
	-o-transition: all 0.6s ease-in;
	-transition: all 0.6s ease-in;
	
}

.item:hover {
	
}

.item:hover a{
 color: #42a8da;
}

.item:hover .Button{
 color: #fff;
background: #87e0fd; /* Old browsers */
background: -moz-linear-gradient(top,  #87e0fd 0%, #53cbf1 40%, #05abe0 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#87e0fd), color-stop(40%,#53cbf1), color-stop(100%,#05abe0)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #87e0fd 0%,#53cbf1 40%,#05abe0 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #87e0fd 0%,#53cbf1 40%,#05abe0 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #87e0fd 0%,#53cbf1 40%,#05abe0 100%); /* IE10+ */
background: linear-gradient(to bottom,  #87e0fd 0%,#53cbf1 40%,#05abe0 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#87e0fd', endColorstr='#05abe0',GradientType=0 ); /* IE6-9 */
}

















ul#thumblist{display:block;}
ul#thumblist li{
	float: left;
	margin-right: 2px;
	list-style: none;
	margin-left: 2px;
	text-align: center;
	padding-top: 5px;
	padding-right: 2px;
	padding-bottom: 5px;
	padding-left: 2px;
	border-radius:5px;
}
ul#thumblist li img{
	width: 96px;
}
ul#thumblist li a{
	display: block;
	border: 1px solid #ededed;
	border-radius: 5px;
	padding: 2px;
}
ul#thumblist li a.zoomThumbActive{
    border:1px solid #42a8da; border-radius:5px;
}


.descr{
	border: 1px solid #ededed;
	border-radius: 10px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
}
.paddingright20{ 
padding-right: 20px;
}




[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
  position: absolute;
  left: -9999px;
}
 

[type="checkbox"]:not(:checked) + label,
[type="checkbox"]:checked + label {
  position: relative; 
  padding-left: 25px; 
  cursor: pointer;    
}



[type="checkbox"]:not(:checked) + label:before,
[type="checkbox"]:checked + label:before {
  content: '';
  position: absolute;
  left:0; top: 2px;
  width: 17px; height: 17px; 
  border: 1px solid #aaa;
  background: #f8f8f8;
  border-radius: 0px;
  box-shadow: inset 0 1px 3px rgba(0,0,0,.3); 
}
 

[type="checkbox"]:not(:checked) + label:after,
[type="checkbox"]:checked + label:after {
  content: '✔';
  position: absolute;
  top: 0; left: 4px;
  font-size: 14px;
  color: #42a8da;
  transition: all .2s; 
}

[type="checkbox"]:not(:checked) + label:after {
  opacity: 0; 
  transform: scale(0); 
}

[type="checkbox"]:checked + label:after {
  opacity: 1; 
  transform: scale(1); /
}

.cattitle {
	
	margin-right: 20px;
	margin-left: 20px;
}

.footer ul li {
	line-height: 30px;
	color: #666;
	list-style-type: circle;
}

.pricebox {
	padding: 10px;
	margin-bottom: 50px;
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	line-height: 45px;
}

@media all and (max-width: 790px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
  .menu-top {
	width:100%;
} 
 .tt-1_5{
    text-align:center;
	
}
 .logo1{
    margin-top:50px;
	
}  
    .tt-3_5{
    text-align:center;
	width:100%;
}
  .tt-1_5 img{
    
}  
    
   .tt-3_5 img{
   
}    
.fixed {
    position: relative;
    
	 }
   
   
   
   
   
   .container{
	
		width: 96%;
		 margin-right:2%;
	margin-left:2%;
    padding: 0;
	}
   
   
    .header-container {
		position: relative;
	}
	
	.logo{
        text-align: center;
        margin: 15px auto;
		width:60%;
    } 
		
   
    .colon3imgrapper, .colon3imgrapper img{
        width: 98%;
        margin-left: 1%;
        margin-right: 1%;
    }
    h1{
        padding-bottom: 5px;
        margin-bottom: 10px;
        text-align: center;
    }
    #toplinks{
        margin-top: 10px;
		
    }
    .footer{
        text-align: center;
    }


    .product-item{
        margin-left: 1%;
        margin-right: 1%;
        width: 98%;
    }
   
	
	
	.accordion-hor>ul>li>div img {

  
 
  
}




.TabbedPanelsTabGroup {
	text-align:center;
	}
	
	
	#great {
		margin-top: 1%;
	font-size: 12px;
	width:90%;
	margin-right:auto;
	margin-left:auto;
	
}
#great h1 {
	font-size: 13px;
	padding:0px; 
	margin:0px;
	font-weight:bold;
	letter-spacing: 0em;
	
}

.topsearch {
	
	text-align: center;
	margin-top: 40px;
	z-index: 999;
	width: 90%;
	

	
	margin-right: auto;
	margin-left: auto;
	display: inline-block;
}	
	
	

form.formsearchmini input[type='input'] {
	width: 120px;
	padding-right: 4px;
	padding-left: 4px;
	padding-top: 0px;
	padding-bottom: 0px;
	background-color: #FFF;
	border-radius: 0px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
	text-decoration: none;
	line-height: 30px;
	height: 30px;
}

.Button, .ButtonSave{
	line-height: 30px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top:0px;
	padding-bottom:0px;
	
	font-size: 12px;
	
}
.topsearch .button {
    
    height: 30px;
    
}
	
	.topsearch input {
	line-height: 30px;
	margin-left:10px;
	margin-right:10px;
	
}
.candidates {

 margin-top:0px;

}

.tt-container.centerbloc table tr td img {

max-width:100%;

}
body {
	background-image:none;

}
.saison4 {
	display:none;
}

}
