html,body {
  width: 100%; 
  height: 100%;
  margin: 0;
  padding: 0;
  font-family:'Proxima Nova', Helvetica, sans-serif;
  /* font-weight: bold;*/
   font-style: medium;
   -webkit-touch-callout: none;
    -webkit-text-size-adjust: none;
    -webkit-user-select: none;
    -webkit-tap-highlight-color:rgba(255,255,255,0);
 /* -webkit-transform: translate3d(0, 0, 0);
   -moz-transform: translate3d(0, 0, 0);
   -ms-transform: translate3d(0, 0, 0);
   transform: translate3d(0, 0, 0);*/
   text-align:center;
}

td:empty {
  /*visibility: hidden;*/
  display:none;
}
@font-face {
  font-family: 'Minion';
  src: local("Minion"),
       local("Minion"),
       url('fonts/Minion Web.ttf');
  font-weight: normal;
}
.clearfix{clear:both}
.ui-overlay-a, .ui-page-theme-a, .ui-page-theme-a .ui-panel-wrapper{background-color:transparent !important}
.ui-content{padding:0 !important; text-align:center; float:left; width:100%;}
#custom-page .ui-content{overflow-x:scroll !important}
/*.ui-page-theme-a a, html .ui-bar-a a, html .ui-body-a a, html body .ui-group-theme-a a{font-weight:400 !important}*/
.ui-header{background-color:transparent !important; border:none !important}
.cc_message, .cc_container .cc_btn{font-family:"Proxima Nova",Helvetica,sans-serif !important; text-shadow:none}
.error{color:red}
table.uppercase input{text-transform:uppercase}

a{text-shadow:none !important;}
.header-wrapper{width:100%;  float:left; text-align:center; background: white; position:relative; z-index:111;/* For browsers that do not support gradients */
    }
.wrapper{width:1069px; margin:0 auto; height:auto; /*overflow:hidden;*/ text-align:center; position:relative; display:inline-block;}
.wrapper_games{width:1069px; margin:0 auto; height:auto; /*overflow:hidden;*/ text-align:center; position:relative; display:inline-block;}
#old_games .width100-blue{position:absolute; left:0; top:800px;}
#old_games .width100-cyan{position:absolute; left:0; top:1475px;}

.wrapper h1{ text-shadow:none; margin:0; padding:0; margin-top:18px;}
/*#index-page .wrapper h1{text-align:left; margin-bottom:18px; color:#6ACBE4}*/
.header-wrapper .wrapper{overflow:hidden; display:block; min-height:60px;}
.share-buttons{width:65px; position:absolute; top:40px; left:-70px;}

.width100-blue{width:100%; overflow:hidden; text-align:center; background-color:#00233d; }
.width100-orange{width:100%; overflow:hidden; text-align:center; background-color:#ed5932; margin-top:30px; min-height:80px; }
.width100-cyan{width:100%; overflow:hidden; text-align:center; background-color:#002c4d;}
.width100-blue.padding{padding-top:2%; padding-bottom:2%}
.width100-blue2{width:100%; clear:both;/*overflow:hidden;*/ padding-top:2%; padding-bottom:2%; text-align:center; background-color:#65c0af;}
.width100-transp{width:100%; clear:both;/*overflow:hidden;*/ /*padding-top:2%; padding-bottom:2%;*/ text-align:center; }
.header-wrapper .width100-blue{overflow:visible !important}

.header-left{float:left; width:25%; background-color:white; padding-top:2%; padding-bottom:1%}
.header-left a{width:100%; float:left; font-family:'Proxima Nova', Helvetica, sans-serif; font-size:15px; color:#00405d; text-transform:uppercase; text-decoration:none;  letter-spacing:2px}
.header-left a:hover, .header-left a:visited{color:#00405d;}
.header-left a img{max-width:80%;/* float:left;*/ margin-bottom:13px}
.header-left a.smaller{font-size:12px; text-transform:lowercase; letter-spacing:1px }
.header-wrapper .mobile-menu{display:none}

.header-right{float:left; width:70%; background-color:#2ab5d8; /*overflow:hidden;*/ padding-top:2%; padding-bottom:3%; padding-left:5%}
.header-wrapper .search-section{float:left; width:100%; }
.header-wrapper .search-section .search-line{float:left; height:30px; line-height:30px; margin-top:20px; margin-left:40px; width:710px; margin-bottom:30px}
.header-wrapper .search-section .search-line input[type="text"]{float:left; font-family:'Open Sans', Helvetica, sans-serif; font-size:13px; color:#002c4d; border:none; background:none; background-color:#eff0f4; border-radius:15px; line-height:30px; text-shadow:none; width:300px; padding:0; height:30px; letter-spacing:1px; padding:5px 10px; text-transform:uppercase}
.header-wrapper .search-section .search-line input[type="text"]::-webkit-input-placeholder { color: #999999 !important;}
.header-wrapper .search-section .search-line input[type="text"]:-moz-placeholder { /* Firefox 18- */  color: #999999 !important; opacity:1 }
.header-wrapper .search-section .search-line input[type="text"]::-moz-placeholder {  /* Firefox 19+ */  color: #999999 !important;  opacity:1 }
.header-wrapper .search-section .search-line input[type="text"]:-ms-input-placeholder {  color: #999999 !important; }
.header-wrapper .search-section h3{float:left; padding:0; margin:0;font-family:'Shadows Into Light Two', Helvetica, sans-serif; color:#fff; text-shadow:none; font-weight:100; text-transform:uppercase; line-height:80px; font-size:18px; margin-left:5%;}
.header-wrapper .search-section button{background-color:#43cb83; border:0; border-radius:15px; float:left; height:40px; line-height:30px; font-family:'Open Sans', Helvetica, sans-serif; font-size:13px; font-weight:bold; padding:5px 20px; color:#fff; text-shadow:none; margin-left:10px; letter-spacing:1px}

.header-right .column{float:left; width:20%;}
.header-right .link-line{font-family:'Proxima Nova', Helvetica, sans-serif; font-size:15px; color:#fff; text-transform:uppercase; text-decoration:none; text-shadow:none; margin-bottom:17px !important; width:auto; margin-right:20px/*min-height:35px*/}
.header-right .link-line span{float:left; margin-right:5px; clear:both}
.header-right a, .header-right a:visited{float:left; font-family:'Proxima Nova', Helvetica, sans-serif; font-size:14px; color:#fff; text-transform:uppercase; text-decoration:none; text-shadow:none; letter-spacing:1.5px}
.header-right a:hover{color:#fff273}
.header-wrapper .logo{max-width:30%; display:inline-block; margin-top:30px;}
.submenu-wrapper .breadcrumb-line, .submenu-wrapper .breadcrumb-line a{float:left; list-style-type:none; font-family:'Proxima Nova', Helvetica, sans-serif; font-size:15px; color: #6ACBE4; text-transform:uppercase; text-decoration:none; text-shadow:none; /*margin-bottom:17px !important;*/ width:auto;/*min-height:35px*/}
.submenu-wrapper .breadcrumb-line span{float:left; margin-right:5px; clear:both}
.submenu-wrapper .wrapper ul{float:left; padding:0; margin:0}

.page-content{float:left; width:890px; /*margin-top:50px;*/ overflow:hidden; min-height:650px; padding-bottom:20px}
.advert1{width:728px; height:90px; margin:18px 0 29px; }
.advert2{width:160px; height:600px; margin-left:10px; float:right; margin-bottom:50px; margin-top:190px;}
.advert3, .advert4{width:336px; height:280px; margin:18px auto 29px;}
.advert4{display:none}

.breadcrumbs{float:left; width:97%; text-align:left; color:#fff !important;  background-color:#00405d; height:50px; padding: 0 2% 0 1%; line-height:50px; margin-bottom:30px}
.breadcrumbs a{color:#fff !important; text-decoration:none; font-family:"Montserrat Ultralight",Helvetica,sans-serif !important; font-size:12px; text-transform:uppercase; text-shadow:none;}
.breadcrumbs a.current{color:#ED5932 !important}
.square-wrapper{float:left; width:840px}
.square-wrapper50{float:left; width:50%}
.square2{float:left; width:420px; position:relative}
.square{float:left; width:210px; height:204px; overflow:hidden; position:relative; background-color:#fff}

.square img.square-img{max-height:100%}
.square .plus{position:absolute; left:0; bottom:0; float:left; width:36px; height:36px}
.centered-wrapper {
  display: table;
  height: 100%;
  width:60%;
  margin:0 auto;
}
.centered {
   display: table-cell;
  text-align: left;
  vertical-align: middle;
}
.square .centered .square-link{float:left; font-family:'Proxima Nova', Helvetica, sans-serif; font-size:18px; color:#6acbe4; text-transform:uppercase; text-decoration:none; text-shadow:none}
.square .centered .square-text{float:left; clear:both; font-family:'Open Sans', Helvetica, sans-serif; font-size:13px; color:#191919;  text-shadow:none; text-align:left; font-weight:100}
.square .centered .diamond{position:absolute; left:-11px; top:50%; z-index:5; margin-top:-11px}
.square .centered .diamond2{position:absolute; right:-11px; top:50%; z-index:5; margin-top:-11px}
.square2 .square-hover{background-color:#35B7CD; opacity:0.6; position:absolute; width:100%; height:204px; top:0; left:0; z-index:10; display:none}
.square2:hover > .square-hover{display:block}
.square.nooverflow{overflow:visible}

.width100-blue h2{font-family:'Proxima Nova', Helvetica, sans-serif; font-size:40px; color:#fff; text-transform:uppercase; text-shadow:none }
.width100-blue .left-side{float:left; width:336px;}
.width100-blue .right-side{float:left; margin-left:24px; width:510px;}
.width100-blue .left-side2{float:left; width:80%;}
.width100-blue .right-side2{float:right;}

.width100-cyan .search-section .column{float:left; width:25%; text-align:left}
.width100-cyan .search-section .column h3{font-family:'Proxima Nova', Helvetica, sans-serif; font-size:14px; color:#fff; text-transform:uppercase; text-shadow:none; margin-bottom:20px; padding-top:0; font-weight:600}
.width100-cyan .search-section .column a{float:left; font-family:'Minion', Helvetica, sans-serif; font-size:14px; color:#006fc2; font-weight:100; text-decoration:none; text-shadow:none; width:100%; height:35px; line-height:35px}
.synonymes{font-size:14px}
.synonymes a{ font-family:'Minion', Helvetica, sans-serif; font-size:14px; color:#006fc2; font-weight:100; text-decoration:none; text-shadow:none; }
.width100-cyan .search-section .column a:hover, .width100-cyan .column a:visited{color:#006fc2}
#popup-footer .width100-cyan{background-color:transparent;}
#popup-footer .width100-cyan .search-section .column{width:50%}

a.access{background-color:#ED5932; border:0; border-radius:15px; float:left; height:40px; line-height:40px; font-family:'Open Sans', Helvetica, sans-serif; font-size:13px; font-weight:bold; padding:5px 20px; color:#fff; text-shadow:none; margin-left:10px; letter-spacing:1px; text-decoration:none;}
a.access:hover, a.access:visited{color:#fff !important}

.width100-blue .left-side2 div, .width100-blue .left-side2 a{font-family:'Proxima Nova', Helvetica, sans-serif; font-size:14px; color:#fff; text-shadow:none; text-decoration:none; line-height:52px; height:52px; text-align:left; font-weight:100}
.width100-blue .left-side2 a:hover,  .width100-blue .left-side2 a:visited{color:#fff}
.width100-blue .right-side2 span{float:right; width:44px; font-family:'Proxima Nova', Helvetica, sans-serif; font-size:12px; color:#6acbe4; text-shadow:none; line-height:18px; margin-top:9px; height:52px; text-align:right; margin-right:13px; }
.width100-blue .right-side2 a{float:right}

.footer-wrapper{height:595px;}
.footer-left{float:left; width:39%; border-right:solid 1px #005a9d; height:100%;}
.footer-left p{font-family:"Minion",Helvetica,sans-serif !important; text-shadow:none; max-width:80%; text-align:left; font-size:15px; line-height:20px; display:inline-block; color:#fff}
.footer-left .suivre-wrapper{font-family:"Open Sans",Helvetica,sans-serif !important; text-shadow:none; display:inline-block; /*width:80%;*/ text-align:left;  width:336px; margin:0 auto; margin-top:-15px}
.footer-left .suivre-wrapper h3{float:left; text-transform:uppercase; width:100%;font-size:15px; line-height:30px; display:inline-block; color:#fff; font-weight:bold;}
.footer-left .suivre-wrapper a{float:left; width:50px; margin-right:20px}
.footer-left .suivre-wrapper a img{max-width:100%}
.footer-right{float:left; width:60%}
.footer-right .search-section{float:left; width:96%; padding-left:4%; margin-top:40px; padding-bottom:80px; border-bottom:solid 1px #005a9d;}
.footer-right .search-section .search-line{float:left; height:50px; line-height:50px; margin-top:25px; width:510px;}
.footer-right .search-section .search-line input[type="text"]{float:left; font-family:'Proxima Nova', Helvetica, sans-serif; font-size:15px; color:#002c4d; border:none; background:none; background-color:#fff; line-height:50px; text-shadow:none; width:350px; padding:0; height:50px; padding-left:5px}
.footer-right .search-section .search-line input[type="text"]::-webkit-input-placeholder { color: #002c4d !important;}
.footer-right .search-section .search-line input[type="text"]:-moz-placeholder { /* Firefox 18- */  color: #002c4d !important; opacity:1 }
.footer-right .search-section .search-line input[type="text"]::-moz-placeholder {  /* Firefox 19+ */  color: #002c4d !important;  opacity:1 }
.footer-right .search-section .search-line input[type="text"]:-ms-input-placeholder {  color: #002c4d !important; }
.footer-right .search-section h3{float:left; padding:0; margin:0;font-family:'Open Sans', Helvetica, sans-serif; color:#fff; text-shadow:none; font-weight:bold; text-transform:uppercase; font-size:15px; width:100%; text-align:left;}
.footer-right .search-section button{background-color:#55a94d; border:0; border-radius:0; float:left; height:50px; line-height:50px; font-family:'Open Sans', Helvetica, sans-serif; font-size:13px; font-weight:bold; padding-left:5%; padding-right:8%; color:#fff; text-shadow:none;}
.footer-right .search-section.noborder{border:none; padding-bottom:0;}

.logo-footer{max-width:80%; display:inline-block; margin-top:30px;}
footer div, footer div a{font-family:'Open Sans', Helvetica, sans-serif; font-size:14px; color:#999999 !important; text-shadow:none; text-decoration:none; line-height:20px; height:20px; text-align:center; font-weight:100 !important;}
footer p{color:#555555;  font-family:'Open Sans', Helvetica, sans-serif; font-size:11px; text-shadow:none; text-decoration:none; line-height:20px; height:20px; text-align:center; font-weight:100;}

/**************************************main menu********************************************************/
nav{float:left; width:100%; margin-top:36px;}
#nav {
position:relative;
/*width:620px;
*/margin:0 auto;
width:1069px;
display:inline-block; height:60px; line-height:60px;
}
ul.navigation {
margin:0px auto;
position:relative;
float:left;
padding:0;
}
nav ul{/*float:left; */padding:0}
ul.navigation li, nav ul li {
display:inline;
font-size:12px;
font-weight:bold;
margin:0 10px;
padding:0;
/*float:left;*/
position:relative;
/*width:16.66%;*/
text-align:left;
}
ul.navigation li a {
	/*padding:10px 25px;*/
	text-decoration:none;
	display:inline-block;
	
	-webkit-transition: background 1s linear;	
	-moz-transition: background 1s linear;	
	-o-transition:background 1s linear;	
	transition:background 1s linear;	
}
ul.navigation li a:hover {
}

ul.navigation li:hover > a {
}
/* Drop-Down Navigation */
ul.navigation li:hover > ul{
visibility:visible;
opacity:0.9;
background-color:#65b05d; display:block;
}
ul.navigation{
list-style: none;
margin: 0;
padding: 0;
/*position: absolute;*/
z-index: 99999;
width:100%;
/*box-shadow:0 2px 2px -1px rgba(0, 0, 0, 0.055);*/
}

ul.navigation ul, ul.navigation ul li ul {
list-style: none;
margin: 0;
padding: 0;
visibility:hidden;
position: fixed;
z-index: 99999;
width:50%; text-align:center;
background:#999; line-height:25px; padding:20px 25%;
box-shadow:0 2px 2px -1px rgba(0, 0, 0, 0.055);
opacity:0;
-webkit-transition:opacity 0.5s linear, visibility 0.5s linear, display 0.5s linear;
-moz-transition:opacity 0.5s linear, visibility 0.5s linear, display 0.5s linear;
-o-transition:opacity 0.5s linear, visibility 0.5s linear, display 0.5s linear;
transition:opacity 0.5s linear, visibility 0.5s linear, display 0.5s linear;
 columns: 3;
    -webkit-columns: 3;
    -moz-columns: 3;
}
/*ul.navigation ul:hover, ul.navigation ul li ul:hover {visibility:visible; opacity:0.7}*/
ul.navigation ul {
top:58px;
left: 0px; display:none;
}
ul.navigation li:first-child ul{display:none !important}
ul.navigation ul li ul {
top: 0;
left: 181px;
}
ul.navigation ul li {
/*clear:both;
width:100%;*/
 display:inline-block;
        *display:inline; /*IE7*/
        *zoom:1; /*IE7*/
        color:white;
        margin-right:10px;
		float:none !important; text-align:center;
		width:100%; line-height:25px;
}
ul.navigation li a {
background:none;
padding:0;
text-decoration:none;
display:inline-block;
border:0 none;
/*float:left;*/
clear:both;
/*width:150px;*/
text-align:center;
font-size:12px;
color:#FFF;
text-shadow:none; font-family:"Minion",Helvetica,sans-serif !important;
}
ul.navigation ul li a {padding:7px 15px}

ul.navigation li a:visited, ul.navigation li a:hover{color:#fff}
ul.navigation li:first-child a{
	border-left: 0 none; /*display:none;*/
}
ul.navigation ul li:first-child a{display:inline-block}
ul.navigation li:last-child a{
border-right: 0 none;
}

/*category page */
span.ortholud{color:#a8acb9; font-family:"Montserrat Ultralight",Helvetica,sans-serif !important; font-size:14px; display:none}
.page-content h1{color:#002c4d; font-family:"Montserrat Ultralight",Helvetica,sans-serif; font-weight:bold; font-size:36px; text-align:center; line-height:36px}
.page-content .game p, .page-content h2{color:#4f5362; font-family:"Montserrat Ultralight",Helvetica,sans-serif; font-size:20px; text-align:center; font-weight:normal}
.page-content .game p{font-size:16px}
.page-content .game.game-type-1 p{text-align:left}
.wrapper p{text-align:center}
.page-content.custom-pages p{font-size:16px; text-align:justify}
#my-page .page-content p, #cat-page .page-content p{color:#000; font-family:"Montserrat Ultralight",Helvetica,sans-serif; font-size:1em; text-align:justify; font-weight:normal}

/*.page-content .game h1, .page-content .game h2{width:78%}*/
.page-content .title-wrapper{width:100%; background-color:#f2f3f4; min-height:100px; border-radius:10px; float:left; -webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.48); -moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.48); box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.48); margin-top:30px;}
.page-content .title-wrapper:hover{cursor:pointer}
.page-content .title-wrapper .counter{float:left; width:60px; height:60px; border-radius:100px; background-color:#3a8bc5; color:#fff; font-family:"Montserrat Ultralight",Helvetica,sans-serif; font-weight:bold; font-size:36px; text-align:center; margin-top:20px; margin-left:20px; line-height:60px}
.page-content .title-wrapper .right-wrapper{float:left; text-align:left; margin-left:20px; margin-top:10px; max-width:320px}
.page-content.template1 .title-wrapper .right-wrapper{max-width:85%}
.page-content .title-wrapper .right-wrapper h2{color:#4f5362; font-family:"Montserrat Ultralight",Helvetica,sans-serif; font-weight:bold; font-size:22px; text-transform:uppercase; margin-bottom:0px; letter-spacing:2px; text-align:left}
.page-content .title-wrapper .right-wrapper h2 a{color:#4f5362 !important; font-family:"Montserrat Ultralight",Helvetica,sans-serif; font-weight:bold; font-size:22px; text-transform:uppercase; margin-bottom:0px; letter-spacing:2px; text-decoration:none}
.page-content .title-wrapper .right-wrapper h3{color:#4f5362; font-family:"Montserrat Ultralight",Helvetica,sans-serif; font-size:14px; text-transform:uppercase; font-weight:100; margin-top:0; letter-spacing:2px;}
.page-content p.subwrapper, .page-content div.subwrapper{display:none; margin-top:0px; margin-bottom:0px; float:left; text-align:center}
.page-content p.subwrapper a, .page-content div.subwrapper a{float:left; background-color:#3a6d8a;  color:#fff; height:50px; line-height:50px; border-radius:25px; font-family:'Open Sans', Helvetica, sans-serif; font-weight:bold; font-size:12px; text-decoration:none; text-shadow:none; padding:0 20px; text-transform:uppercase; margin-right:15px; margin-top:15px;min-width:160px}
.verbs-wrapper a, .verbs-wrapper a:hover, .verbs-wrapper a:visited{display:inline-block;background-color: #43cb83; min-width: 10px; margin-right: 15px; color:#fff; height:40px; line-height:40px; border-radius:25px; font-family:'Open Sans', Helvetica, sans-serif; font-weight:bold; font-size:12px; text-decoration:none; text-shadow:none; padding:0 20px; text-transform:uppercase; margin-top:15px;}
 .verbs-wrapper a:hover {
    background-color: #ED5932;
}
.page-content p.subwrapper a:last-of-type, .page-content div.subwrapper a:last-of-type{margin-right:0} /*, .page-content.listing div.subwrapper:last-of-type a*/
.nos-wrapper a, .nos-wrapper a:hover, .nos-wrapper a:visited{min-height:40px; line-height:14px; height:auto; padding:5px 20px; width:390px; max-width:87%}
.nos-wrapper a span{font-size:10px; line-height:12px; text-transform:capitalize}
 .page-content p.subwrapper a:visited, .page-content p.subwrapper a:hover, .page-content div.subwrapper a:visited, .page-content div.subwrapper a:hover{color:#fff;}
/*.page-content .half-wrapper{width:48%; margin-right:2%; float:left; clear:both}
.page-content .half-wrapper:nth-of-type(2n+1){margin-right:0; clear:none;}*/
.page-content .half-wrapper{width:100%; float:left; clear:both}
.page-content .half-wrapper:nth-of-type(2n+1){margin-right:0; clear:none;}

.wrap_wrapper{float:left; width:48%;  margin-right:2%;}
#index-page .page-content .half-wrapper:nth-of-type(2n){margin-right:0; clear:none;}
#index-page .page-content .half-wrapper{width:100%; float:left; clear:both}

.page-content .main-title{width:96%; color:#fff; font-family:"Montserrat Ultralight",Helvetica,sans-serif; font-weight:bold; font-size:18px; text-transform:uppercase; letter-spacing:2px; min-height:40px; padding-top:30px; padding-bottom:30px; padding-left:2%; padding-right:2%; background-color:#002c4d; border-radius:5px; text-shadow:none; line-height:20px; margin-bottom:20px; margin-top:30px}
.page-content .main-title span{width:100%; color:#fff; font-family:"Montserrat Ultralight",Helvetica,sans-serif; font-weight:normal; font-size:14px; letter-spacing:2px; min-height:40px; text-transform:none; background-color:#002c4d; border-radius:5px; text-shadow:none; line-height:20px; margin-bottom:20px; margin-top:30px}
.page-content .main-title a{text-decoration:none; color:#fff !important}
.page-content .main-title sup{font-size:12px}
.page-content.listing .title-wrapper{width:89%; min-height:30px; border-radius:10px; float:left;box-shadow:none; border:solid 1px #cdcdcd; background-color:#e5e5e5; margin-top:10px; color:#002c4d; font-family:'Open Sans', Helvetica, sans-serif; font-weight:bold; text-align:left; padding:10px 5%; line-height:30px; background-image:url(../images/arrow1.png); background-position:right 20px center; background-repeat:no-repeat; background-size:5px; text-shadow:none;}
.page-content.listing .title-wrapper.open{background-color:#94539d; color:#fff; border:solid 1px #94539d; background-image:url(../images/arrow5.png); background-size:9px}

#index-page .page-content p.subwrapper, #index-page .page-content div.subwrapper{display:block; width:100%}
/*#index-page .half-wrapper:nth-of-type(4n+4) .title-wrapper .counter{background-color:#5eb752;}
#index-page .half-wrapper:nth-of-type(4n+4) p a{background-color:#44853c;}
#index-page .half-wrapper:nth-of-type(4n+3) .title-wrapper .counter{background-color:#e03689;}
#index-page .half-wrapper:nth-of-type(4n+3) p a{background-color:#ad2a69;}
#index-page .half-wrapper:nth-of-type(4n+2) .title-wrapper .counter{background-color:#863e94; }
#index-page .half-wrapper:nth-of-type(4n+2) p a{background-color:#643b6a;}*/
#index-page .wrap_wrapper:nth-of-type(2n) .half-wrapper:nth-of-type(2n) .title-wrapper .counter{background-color:#5eb752;}
#index-page .wrap_wrapper:nth-of-type(2n) .half-wrapper:nth-of-type(2n) p a{background-color:#44853c;}
#index-page .wrap_wrapper:nth-of-type(2n+1) .half-wrapper:nth-of-type(2n) .title-wrapper .counter{background-color:#e03689;}
#index-page .wrap_wrapper:nth-of-type(2n+1) .half-wrapper:nth-of-type(2n) p a{background-color:#ad2a69;}
#index-page .wrap_wrapper:nth-of-type(2n) .half-wrapper .title-wrapper .counter{background-color:#863e94; }
#index-page .wrap_wrapper:nth-of-type(2n) p a{background-color:#643b6a;}

/*.page-content p span{display:block; width:100%; font-family:"Montserrat Ultralight",Helvetica,sans-serif; font-size:20px; margin-top:30px; margin-bottom:20px; text-transform:uppercase; color:#4f5362}*/
.page-content .subwrapper span{display:block; width:100%; margin-top:20px; margin-bottom:5px; font-size:15px; color:#002c4d; text-transform:none; text-align:left; letter-spacing:2px;}
.page-content.listing p a, .page-content.listing div.subwrapper a{background-color:#43cb83; min-width:10px; margin-right:15px}
.page-content .game a{font-weight:normal !important}
.page-content .game a.autres_exercices{font-weight:bold !important}

p.verb-letters{text-align:center !important}
p.verb-letters a, .les-verbes a{text-decoration:none !important; color:#4f5362 !important; text-transform:lowercase !important}
p.verb-letters a:hover, .les-verbes a:hover, p.verb-letters a.selected{color:#FF6600 !important}

.game{float:left; width:100%; margin-top:15px;}
.game p, .game-type-1 div.first-div, .game-type-2, .game-conj .first-div{color:#4f5362; font-family:"Montserrat Ultralight",Helvetica,sans-serif; font-size:16px; text-align:left; float:left; width:78%; /*margin-right:2%;*/ margin:0; line-height:24px;}
.game #conj{text-align:center}
/*.game-conj .first-div{width:100%}*/
.game #conj input[type="text"]{width:40px}
.game #conj .conj-half{/*float:left;*/ width:50%; text-align:center; display:inline-block}
.game #conj .conj-half h3{margin:0}
.game p{width:100%}
.game input[type="text"], .game .select-wrapper, .game table input[type="text"], .envoyer-form input[type="text"], .envoyer-form textarea{background-color:#e6e6e6; border:solid 1px #00405d; border-radius:10px; padding-left:5px; padding-right:5px; color:#4f5362; text-align:center; margin-left:1px; margin-right:2px}
.game .input-field{text-align:left !important}
.envoyer-form input[type="text"], .envoyer-form .autres_exercices, .envoyer-form textarea{float:none !important; width:80%; height:30px; margin-bottom:15px; text-align:left}
.envoyer-form .autres_exercices{ padding-left:5px; padding-right:5px; text-align:center; line-height:30px; width:80% !important}
.conj-form .autres_exercices, .conj-form input[type="text"]{width:170px !important}
.conj-form input#verbe{width:48% !important; }
.envoyer-form textarea{height:auto; min-height:30px;}
.envoyer-form{margin-top:50px; margin-bottom:50px}
.game p input[type="text"].correct, .game table input[type="text"].correct{color:#43cb83}
.game p input[type="text"].wrong, .game table input[type="text"].wrong{color:#eb2028}
.game h3, .page-content.custom-pages h3{color:#FF6600}

.game p .select-wrapper, .game table .select-wrapper, .game li .select-wrapper, .game div .select-wrapper{width:100px; overflow:hidden; display:inline-block;   margin:0; line-height:25px; background-image:url(../images/arrow2.png); background-position:right 7px center; background-repeat:no-repeat; background-size:10px; margin-bottom:-7px; margin-left:2px; margin-top:5px;}
.game p .select-wrapper select, .game table .select-wrapper select, .game li .select-wrapper select, .game div .select-wrapper select{width:130px; background:transparent; border:none; text-transform:none; color:#4f5362; font-size:16px; appearance:none;
    -moz-appearance:none; /* Firefox */
    -webkit-appearance:none; /* Safari and Chrome */}
.game table .select-wrapper select{/*background:white*/}
.game p .select-wrapper select.correct, .game table .select-wrapper select.correct{color:#43cb83}
.game p .select-wrapper select.wrong, .game table .select-wrapper select.wrong{color:#eb2028}

.game p button, #recommencer, .game div button, .autres_exercices, .same_parent, #corriger{background-color:#43cb83; color:#fff; height:40px; line-height:40px; border-radius:25px; font-family:'Open Sans', Helvetica, sans-serif; font-weight:bold; font-size:12px; text-decoration:none; text-shadow:none; padding:0 20px; text-transform:uppercase;  margin-top:15px; box-shadow:none; border:none; cursor:pointer}
.autres_exercices, .same_parent{ color:#fff !important; text-align:center; clear:both; float:right; margin-top:0; font-weight:bold !important; width:100%; padding:0 }
.page-content .game a.same_parent, .page-content .game div.same_parent{font-weight:bold !important; width:auto !important; float:left;clear:none; margin-left:10px; padding:0 10px; }
.same_parent a.lang_switch{text-decoration:none; color:#ED5932 !important; font-weight:bold !important;}
.page-content .game a.same_parent,  .page-content .game div.same_parent.current{margin-bottom:5px}
.same_parent.current{background-color:#ED5932}
.same_parent_wrapper{float:right}
.same_parent_wrapper:after{content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;}
#custom-page .autres_exercices{width:170px}

#recommencer, #corriger{float:left; width:100%; padding:0 1%; margin-top:10px; min-width:auto; }
.game p span{display:inline; width:auto; font-size:16px; text-transform:none;}

.game .text_after, .listing .text_after, .template1 .text_after{line-height:20px; font-size:14px; margin-top:15px; text-align:left; float:left; width:78%; clear:both}
.game .text_before, .listing .text_before, .template1 .text_before{line-height:20px; font-size:14px; margin-bottom:15px; text-align:left; float:left; width:100%; }

.social-links{text-align:left; overflow:hidden}
.social-links .fb_iframe_widget iframe{top:-4px}
.result-wrapper{float:left; width:20%; text-align:center; padding:30px 0; margin-left:2%;}
#result{float:left; width:100%; background-color:#e9242d; text-align:center; margin-top:50px; padding:30px 1%; min-height:65px}
#result2{float:left; width:auto; margin-left:15px; background-color:#e9242d; color:#fff; height:40px; line-height:40px; border-radius:25px; font-family:'Open Sans', Helvetica, sans-serif; font-weight:bold; font-size:12px; text-decoration:none; text-shadow:none; padding:0 20px; text-transform:uppercase; box-shadow:none; border:none; margin-top:15px;}
#result.state1, #result2.state1{background-color:#94539d;}
#result.state2, #result2.state2{background-color:#408cc7;}
#result p, #result2 p{color:#fff; font-family:"Montserrat Ultralight",Helvetica,sans-serif; font-size:20px; width:100%; text-align:center; text-shadow:none;margin:0 }
#result2 p{font-size:12px; line-height:36px; padding:0 20px; width:auto; font-weight:bold}
#result .numbers, #result2 .numbers{color:#fff; font-family:"Montserrat Ultralight",Helvetica,sans-serif; font-weight:bold; font-size:40px; width:100%; text-align:center; line-height:40px}

.cadeau-wrapper{float:left; background-image:url(../images/cadeau.png); text-align:center; width:50%; background-size:100%; min-height:200px; margin-bottom:50px;}
.cadeau-wrapper h3{font-family:"Lato",Helvetica,sans-serif; font-weight:bold; font-size:25px; color:#fff;}
.cadeau-wrapper p{font-family:"Lato",Helvetica,sans-serif; font-size:15px; color:#fff; letter-spacing:1px}
.cadeau-wrapper .link-wrapper{margin:0 auto; width:90%; text-align:center}
.cadeau-wrapper .link-wrapper a{display:inline-block; font-family:"Montserrat Ultralight",Helvetica,sans-serif; font-size:11px; border-radius:15px; background-color:#ee6d54; margin-right:5px; height:30px; line-height:30px; padding:0 15px; color:#fff; text-decoration:none; text-shadow:none; text-transform:uppercase}
.cadeau-wrapper .link-wrapper a:last-child{margin-right:0}

.autres-wrapper{float:left; background-image:url(../images/autres.png); text-align:center; width:50%; background-size:100%; min-height:200px; margin-bottom:50px}
.autres-wrapper h3{font-family:"Montserrat Ultralight",Helvetica,sans-serif; font-size:15px; color:#fff; text-transform:uppercase; margin-top:30px; font-weight:normal; letter-spacing:1px}
.autres-wrapper .third{float:left; width:30%; text-align:center; margin-right:2%; margin-left:2%}
.autres-wrapper .third:last-child{margin-right:0}
.autres-wrapper .image-wrapper{float:left; width:100%; text-align:center; height:55px}
.autres-wrapper .third img{max-width:90%}
.autres-wrapper .third p{font-family:"Montserrat Ultralight",Helvetica,sans-serif; font-size:14px; color:#fff; letter-spacing:1px; padding:5px}

p:empty { display: none; } 
body, input, select, textarea, button, .ui-btn{margin-bottom:2px}
.hide-desktop{display:none}
#CrosswordCompilerPuz *{text-align:left !important;/* line-height:16px !important*/}
#CrosswordCompilerPuz .GridSquare p{text-align:center !important}
.ClueText, .ClueNumber{font-size:12px; text-align:left !important}
#CrosswordCompilerPuz p > .ClueNumber{height:auto !important; text-align:left !important}
#CrosswordCompilerPuz rect{line-height:18px !important}
#CrosswordCompilerPuz .GridSquare{line-height:normal !important}
.Clues div div li p{line-height:14px !important}
.imprimer{color:white !important ; text-decoration:none; background-color: #ED5932; border: 0; border-radius: 5px; height: 20px; line-height: 20px; font-size:11px; display:block; width:60px; text-align:center; margin-right:5px; padding: 0px 5px;text-shadow: none; float:left;}

.conj-page h4{color:orange}
.conj-page .tense-half-wrapper{float:left; width:49%; margin-right:1%; clear:both}
.conj-page .tense-half-wrapper:nth-of-type(2n){clear:none !important}
.conj-page .tense-wrapper{float:left; width:25%; font-size:15px;}
.conj-page .tense-half-wrapper .tense-wrapper{width:50%}

.conj-page #form1 h2, .conj-page #form2 h2{color: #ffffff;
    font-family: "Montserrat Ultralight",Helvetica,sans-serif;
    font-size: 21px;
    text-align: center;
    font-weight: lighter;
    margin-bottom: -10px;
    margin-top: 45px;
    background-color: #43cb83;
    border: 1px solid #FF6601;
    border-radius: 25px; padding:5px 20px;}

.verbs-wrapper{float:left; width:50%}
.striked-words a{cursor:pointer; font-weight:normal}
.striked-words a.strike{text-decoration:line-through; color:#ccc;}
.under_breadcrumbs{border:solid 1px #002c4d; padding:10px; border-radius:10px; clear:both; margin-bottom:30px}
.under_breadcrumbs p a{background:transparent !important}
p.search-output a, p.search-output a:visited, p.search-output a:hover{text-decoration:none; color:#ED5932}
.annonce{width: 95% !important; border: 1px solid #ed5932; border-radius: 10px; padding: 10px; float: left; /*min-height: 300px;*/ margin-top: 10px; /*text-align: center;*/}
.annonce p{margin-bottom:0}
.annonce a, .annonce a:hover, .annonce a:visited, .annonce p a, .annonce p a:hover, .annonce p a:visited, .page-content.listing .annonce p a, .page-content.listing .annonce p a:hover, .page-content.listing .annonce p a:visited{background-color: #ed5932; border: 0; border-radius: 15px; line-height: 40px; font-family: 'Open Sans', Helvetica, sans-serif; font-size: 13px; font-weight: bold; padding: 5px 20px; color: #fff !important; text-shadow: none; letter-spacing: 1px; text-decoration: none; cursor:pointer}

.ui-autocomplete{position:absolute; z-index:9999999999}

.annonce a{line-height:28px !important}
	
@media screen and (max-width:1069px){
	.wrapper, #nav{width:100%}
	.wrapper{width:98%; padding-left:1%; padding-right:1%}
	.square-wrapper{width:100%}
	.square2{width:100%}
	.square{width:50%}
	.width100-blue .right-side{width:626px}
	/*.advert2{display:none}*/
	.advert1{width:100%; }
	.width100-cyan, .width100-blue{padding-left:2%; padding-right:2%; width:96%}
	.width100-blue .left-side{width:100%; text-align:center}
	.width100-blue .left-side .advert3{margin:0 auto; float:none}
	.page-content{width:820px}
	#result{ /* clear:both*/}
	#result .numbers{text-align:center; width:100%}
	.footer-right .search-section .search-line{width:100%}
	.page-content .title-wrapper .right-wrapper{max-width:300px}
	.hide_advert{display:none}
}

@media screen and (max-width:1020px){
	
	.page-content{width:96%; margin-left:2%; margin-right:2%}
}
@media screen and (max-width:867px){
	.advert2{display:none;}
	.width100-cyan .column{width:25%}
	.header-wrapper .search-section h3{line-height:50px}
	.breadcrumbs{min-height:30px; line-height:30px; height:auto !important; margin-top:10px}
	#result{margin-top:15px; /* clear:both*/}
	.page-content .title-wrapper .right-wrapper{max-width:250px}
	#keyboard-toggle{display:none}
	.result-wrapper{margin-left:0}
	.autres_exercices{display:none; margin: 15px auto;}
	.show-mobile{display:block !important;}
	.hide-desktop, .hide-desktop .autres_exercices{display:block}
	.nos-wrapper{width:100%}
	.nos-wrapper a, .nos-wrapper a:hover{width:85%}
}

@media screen and (max-width:674px){
	.width100-cyan .column{width:50%}
	.width100-blue .right-side{width:100% !important}
	.header-right .column{width:50%}
	.width100-blue .left-side2 div, .width100-blue .left-side2 a{line-height:26px; font-size:12px;} 
	.width100-blue .left-side2{width:50%}
	#index-page .wrapper h1{font-size:24px}
	#custom-page .page-content{overflow-x:scroll}
}

@media screen and (max-width:600px){
	/*div{max-width:100% !important}*/
	.conj-page .tense-wrapper{width:50%}
	.conj-page .tense-half-wrapper{width:100%}
	.conj-form input[type="text"], .conj-form input#verbe{width:90% !important}
	.page-content .half-wrapper, .cadeau-wrapper, .autres-wrapper{width:100%; }
	.cadeau-wrapper, .autres-wrapper{background-size:cover }
	.cadeau-wrapper .link-wrapper a{margin-bottom:15px}
	.wrap_wrapper{width:100%}
	
	.width100-blue .right-side{margin-left:2% !important}
	.div-table-col span{margin-right:5px !important}
	.width100-blue .right-side .div-table-col:last-of-type{display:none}
	#score-page .width100-blue .right-side .div-table-col:last-of-type{display:block !important; overflow:hidden}
	#score-page .ui-popup .width100-blue .wrapper .right-side .div-table-col:last-of-type{display:none !important}
	.div-table-col .game-title{max-width:70%}
	.width100-blue .right-side .div-table-col{width:90%}
	.header-left a{float:none; display:block; margin:0 auto; font-size:12px;}
	.header-left a img{max-width:15%}
	.header-right .search-section{display:none}
	#nav{margin-top:0; height:auto; line-height:30px; width:100%}
	#nav ul{margin:0; clear:both; width:85%}
	#nav ul li{width:100%; float:left; clear:both; text-align:left}
	ul.navigation ul{/*display:none !important;*/ padding:0; background-color:transparent;  columns: 1 !important; -webkit-columns: 1 !important; -moz-columns: 1 !important; }
	ul.navigation ul li a{/*color:#006fc2 !important*/}
	ul.navigation li:hover > ul{background-color:transparent !important}
	#nav{display:none}
	ul.navigation ul{position:relative; top:0px;}
	.header-right a, .header-right .link-line{font-size:10px}
	.header-right{display:none}
	.header-right .link-line{width:100%}
	.header-left{position:relative}
	.header-wrapper .mobile-menu{display:block; position:absolute; right:10px; top:20px; z-index:5555555}
	ins, .advert1{display:none !important}
	.footer-right .search-section{border-bottom:none}
	.header-wrapper .search-section .search-line{width:100%; margin-left:5%; min-height:30px; height:auto; overflow:hidden; margin-top:0}
	.header-wrapper .search-section button{margin-left:0; margin-top:10px; margin-right:10px}
	.header-wrapper .search-section .search-line input[type="text"]{width:85%}
	.footer-left, .footer-right .search-section.noborder{width:100%; border-right:none; display:none !important}
	.footer-left .suivre-wrapper{margin-top:0}
	.footer-left ins{display:block !important}
	.footer-wrapper{height:auto !important}
	.footer-right{width:100%}
	.footer-right .search-section .search-line input[type="text"]{width:95%}
	.header-wrapper .logo{max-width:60%}
	.advert4, .advert4 ins{display:block !important}
	footer div, footer div a{font-size:12px; line-height:15px}
	footer p{font-size:10px; line-height:15px}
	table, canvas{width:100% !important}
	table td{padding:0 !important}
	td[width="170"]{display:none !important}
	
	.page-content .title-wrapper .counter{width:30px; height:30px; font-size:18px; line-height:30px}
	.page-content .title-wrapper .right-wrapper{max-width:70% !important}
	.page-content .title-wrapper .right-wrapper h2{font-size:14px; letter-spacing:0px	}
	.page-content .title-wrapper .right-wrapper h3{font-size:12px; letter-spacing:0px}
	.page-content h1{font-size:20px}
	.game p, .game div, .game-type-1 div.first-div, .game #conj .conj-half, .game-conj .first-div{width:100%}
	.game .word{width:auto !important}
	#result{width:100%; margin-top:15px}
	#result .numbers{text-align:center; width:100%}
	.page-content p.subwrapper, .page-content div.subwrapper{width:100%; text-align:center}
	.page-content p.subwrapper a, .page-content div.subwrapper a{float:left; display:inline-block; margin-left:auto; margin-right:4px; }
	.page-content p.subwrapper a:after, .page-content div.subwrapper a:after{ /*content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;*/ }
  #recommencer, #corriger{min-width:160px}
  .select-wrapper, .select-wrapper select{/*width:100% !important*/}
}

@media screen and (max-width:420px){
	.width100-cyan .column{width:100%}
	.square2{width:100% !important}
	.square-wrapper50{ width:100%}
}