*{
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
margin:0;
padding:0;
position:relative;
/*
-webkit-transition:all .30s ease-out;
-o-transition:all .30s ease-out;
transition:all .30s ease-out;
*/
}

a {border:0;color: #CCC;cursor :pointer;text-decoration:none;}
a:hover {color:#FFFFFF;text-decoration:none;}
a:active {color:#FFFFFF;text-decoration:none;}
input, textarea {font-size:18px;}

.bgblanc {background-color:#fff;}
.bgbleu {background-color:#0500e4;}
.bggris {background-color:#bbb;}
.bgnoir {background-color:#000;}
.bgrouge {background-color:#e40005;}
.bgvert {background-color:#5cb85c;}
.bgnoir {background-color:#000;}

body{
background-color:#fff;
font: normal 14px helvetica;
padding-bottom:100px;
text-align:center;
width: 100%;
}
.bold {font-weight:bold;}
.bordorange {border:1px solid orange;}
.bordgris {border:1px solid #777;}

#bthaut {
cursor:pointer;
opacity:0.7;
top:auto;
bottom:30px;
color:white;
font-size:50px;
position:fixed;
height:30px;
right:1%;
z-index:1000;
text-shadow: 3px 3px 3px #000;
-moz-text-shadow:3px 3px 3px #000; 
-webkit-text-shadow:3px 3px 3px #000;
}
#bthaut:hover {color:yellow;}


.btfermer {
background-color: #777;
border-radius: 50%;
color: #fff;
cursor:pointer;
font-size: 30px;
font-weight: bold;
height: 50px;
line-height: 50px;
position: absolute;
right: 5px;
top:5px;
width: 50px;
z-index:100;
}

.bt {
border-radius: 5px;
box-shadow: inset 0px 0px 5px #115895;
color: #fff;
cursor: pointer;
display: inline-block;
font-size: 18px;
font-weight: bold;
padding: 15px 10px;
text-align: center;
text-shadow: 1px 1px 3px #000;
text-transform:uppercase;
-moz-transition: .2s all .0s;
-webkit-transition: .2s all .0s;
transition: .2s all .0s;
}

.btpetit {
border-radius: 5px;
box-shadow: inset 0px 0px 5px #115895;
color: #fff;
cursor: pointer;
display: inline-block;
font-size: 14px;
font-weight: bold;
margin:5px 10px;
padding: 5px;
text-align: center;
text-shadow: 1px 1px 3px #000;
text-transform:uppercase;
-moz-transition: .2s all .0s;
-webkit-transition: .2s all .0s;
transition: .2s all .0s;
}
.bt:hover {background-color:#333;}

.btbleu {background-color: #337ab7;}
.btbleu:hover {background-color: #559cd9;}

.btvert {background-color: #5cb85c;}
.btvert:hover {background-color: #3b9d3b;}

.btorange {background-color: #fa8100;}
.btorange:hover {background-color: #d86000;}

#cachejeu {
bottom:0;
cursor:not-allowed;	
left:0;	
position:absolute;
right:0;
top:0;
z-index:8;	
}

.cadre {display:inline-block;min-width:1360px;}

#casemove {
position:absolute;
display:none;
z-index:2;	
}

.casesel, .caserouge, .casebleu, .casevert, .casegris, .caseblanc {
float:left;
margin:0;
cursor:pointer;
z-index:1;	
}

.casevert, .casegris, .caseblanc {
height:30px;
overflow: hidden;
width:30px;
}


.caserouge , .casebleu, .casesel, .casenoir{
color:#fff;
font-size: 18px;
font-weight:bold;
height:26px;
line-height:29px;
padding-left:2px;
text-align:center;
width:26px;
margin:1px;
}
.casesel {
margin-left:-28px;
z-index:3;
}	

.casebleu {
background-color:#0500e4;
border-radius:50%;
box-shadow: 2px 2px 4px #777, 2px 2px 3px #FFF inset;
}
.caserouge {
background-color:#e40005;
border-radius:50%;
box-shadow: 2px 2px 4px #777, 2px 2px 3px #FFF inset;
}
.casenoir {
background-color:#000;
border-radius:50%;
box-shadow: 2px 2px 4px #777, 2px 2px 3px #FFF inset;
cursor:pointer;
z-index:5;
}

.casevert {background-color:#00c000;}
.casegris {background-color:#bbb;}
.caseblanc {background-color:#fff;}


#chargement {background-color: rgba(0, 0, 0, 0.7);background-image:url(../images/attente.gif);background-position:center 45%;background-repeat:no-repeat;display:none;height:100%;position:fixed;width:100%;z-index:9;}
#cercle {
border-radius:15px;
display:inline-block;
font-size:14px;
line-height:30px;
width:30px;
}
.clear {clear:both;}
.colbleu {color:#0500e4}
.colrouge {color:#e40005}

.contlet {width:280px;display:inline-block;}

.coor {
height: 30px;
width: 30px;
float: left;
line-height: 28px;
font-size: 18px;
font-weight: bold;
color: #fff;
}

#coup input {font-size:8px;} /*a eff*/

/*
#diadiv {
background-color:rgba(0,0,0,0.8);
bottom:0;
display:none;
left:0;
position:fixed;
right:0;
top:0;
z-index:2;	
}

#dia {
display:inline-block;	
padding-top:200px;
width:500px;	
}

#dia .row {background-color:#fff;}

#dia .btpetit {display:none;}

#dia textarea {
font-family:arial;
font-size:14px;	
min-height:60px;
padding:5px;
width:100%;
}

#diati {
background-color:orange;
color:black;
font-size:16px;
margin:0;
text-align:center;
padding:5px;
}
*/


#discussion {
margin:10px auto;	
width:600px;	
}

#divquicommence {
margin:50px auto 10px auto;
background-color:#aaaaff;	
border:1px solid #000;
padding:10px;
width:400px;
}

.divcell  {
border:1px solid #999;
display:inline-block;
margin:1px;
padding:5px;
}

.divcorres {
background-color: #fff;
border: 1px solid #ccc;
font-size: 16px;
margin-top: 5px;
padding: 3px;
text-align: left;
}
.divpseudo {
width:130px;	
}

.divdesti , .divexpe {
border-radius:5px;
padding:10px;
margin:5px 0;
text-align:left;
}

.divexpe {
background-color:#ccc;
float:left;	
}

.divdesti {
background-color:#ccffcc;
float:right;	
}


.expli {
background-color:orange;
border:2px solid black;
color:black;
display:none;
font-size:16px;
margin:10px auto;
text-align:center;
padding:2px 5px;
}
.flL {float:left;}
.flR {float:right;}

#formlogin {
background: #ccc;
border: 1px solid #aaa;
display: inline-block;
margin-top: 50px;
padding: 20px 30px 20px 30px;
width: 400px;
}
#formlogin .saisi {
margin-bottom: 20px;
}
.fs14 {font-size:14px;}
.fs16 {font-size:16px;}
.fs18 {font-size:18px;}

h1 {padding: 10px;}

.ib {display:inline-block;}

#imgmaj {display: none;}	

#imgmajrow {display:block;height:20px;}

.inputaff {
background: none;
color:#fff;	
border:0;
float:left;
width:32px;
}
.inselec {
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none;
-ms-user-select: none;
}

.jeton {
cursor:not-allowed;
/*
-moz-transition: 2s ease-out all 0s;
-webkit-transition: 2s ease-out all 0s;
transition: 2s ease-out all 0s;
*/
}

.joueurnom {display:inline-block;font-size: 26px;font-weight:bold;text-transform:uppercase;text-align:left;width:100%;}

.joueurbleu, .joueurrouge  {
border-bottom:1px solid #999;
display:inline-block;
height:105px;
padding:5px;
width:100%;
}

.joueurbleu {color:#fff;background-color:#0500e4;}	
.joueurrouge {color:#fff;background-color:#e40005;}	




.letdivcont {
display:inline-block;
float:left;	
margin:10px;
width:70px;
}

.letdivcont input {
border:0;
color:#333;
float:left;
font-size: 18px;
height:30px;
margin-left:5px;
width:30px;
}
.menuliste input {cursor:default;}
.menulisteti:hover ul {display:block;}
.menuliste ul {
border:1px solid #000;
display:none;
left:5px;
margin-top:-1px;
overflow:hidden;
position:absolute;
top:100%;
transition:all .30s ease-out;-webkit-transition:all .30s ease-out;-moz-transition:all .30s ease-out;-o-transition:all .30s ease-out;
white-space : nowrap;
z-index:3;
}
.menuliste li {background-color:#fff;border:0;color:#000;cursor:pointer;display:block;font-size:1;margin:0;padding:5px;text-align:left;text-shadow:none;}
.menuliste ul.menuon {border:1px solid #000;opacity:1;height:auto;}
.menuliste ul.menuoff {border:0;opacity:0;height:0;}
.menuliste ul li:hover{background-color: #008846;color:#FFF;}
.menuliste li.active, .menuliste li.active:hover  {background-color: #999;color:#fff;cursor:default;font-style:italic;padding:5px 37px 5px 5px} 

#mes {
display:block;
position:fixed;
top:auto;
bottom:-200px;
left:0;
width:100%;
text-align:center;
z-index:10;
background-color:#000;
-webkit-transition:all .500s ease-out;
-o-transition:all .500s ease-out;
transition:all .500s ease-out;
z-index:11;
}

#mes #imgatt {display:none;margin-top:10px;width:100%;}

#mesale, #mesrep, #mesrem , #mesquestion {
border-radius:5px;	
color:white;
display:none;
font-size:20px;
font-weight:bold;
margin:15px auto;
padding:5px 8px 7px 8px;
text-shadow:1px 1px 2px #333;-moz-text-shadow:1px 1px 2px #333;-webkit-text-shadow:1px 1px 2px #333;
}

#mes #mesquestion {display:none; padding:15px 0;z-index:5}
#mes #tequestion {color:#fff; padding-top:5px;text-transform:uppercase;font-weight:bold;}


#mesaccept, #mesrefuse {
	
background-color:#fff;	
background-position:0 1px;
background-repeat:no-repeat;
border-radius:5px;
box-shadow: 0 0 20px 10px #fff;
color:#fff;
display:none;
font-size:20px;
font-weight:bold;
left:50%;
margin-left:-130px;
padding: 5px 5px 5px 37px;
position:absolute;	
text-shadow:1px 1px #000;
text-transform:uppercase;
top:200px;
transition: .2s all .0s;
-moz-transition: .2s all .0s;
-webkit-transition: .2s all .0s;
width:260px;
z-index:2;
}

#mesaccept {
background-color:#5cb85c;	
background-image:url(../images/accept.png);
}

#mesrefuse {
background-color:#d9534f;	
background-image:url(../images/refuse.png);
}

#mesale {background-color:#d9534f;}
#mesale:before {content: "\e107";font-family: 'Glyphicons Halflings';font-weight:normal;padding-right:10px;text-shadow:1px 1px 2px #333;-moz-text-shadow:1px 1px 2px #333;-webkit-text-shadow:1px 1px 2px #333;}
#mesrep {background-color:#3b9d3b;}
#mesrep:after {content: "\e013";font-family: 'Glyphicons Halflings';padding-left:10px;text-shadow:1px 1px 2px #333;-moz-text-shadow:1px 1px 2px #333;-webkit-text-shadow:1px 1px 2px #333;}
#mesrem {background-color:#337ab7;}
#mesrem:after {content: "\e034";font-family: 'Glyphicons Halflings';padding-left:10px;text-shadow:1px 1px 2px #333;-moz-text-shadow:1px 1px 2px #333;-webkit-text-shadow:1px 1px 2px #333;}

#message {background-color:#fff;border:1px solid #ccc;text-align:left;}
#messagebox {
background-color:#eee;	
border:1px solid #666;
margin:10px auto;
padding:10px;	
width:600px;
}

#messagebox textarea {
font-family:arial;
font-size: 16px;
padding: 5px;
width:578px;
}
#messageti {
display:inline-block;
font-size: 18px;
font-weight:bold;
padding:5px;	
}


.notall {
/*background-color:rgba(0,0,0,0.5);	*/
bottom:0;
cursor:not-allowed;	
left:0;	
position:absolute;
right:0;
top:0;
z-index:8;	
}

.noselec {
-webkit-user-select: none;  /* Chrome all / Safari all */
-moz-user-select: none;     /* Firefox all */
-ms-user-select: none;      /* IE 10+ */
user-select: none;          /* Likely future */      
}	

.opac0 {opacity:0;}
.pad3 {padding:3px;}
.pad5 {padding:5px;}
.pad10 {padding:10px;}
.pad20 {padding:20px;}

.point {float:left;}
.point input {margin-left:10px;text-align:center;width:40px;}

#popup {
background-color:rgba(0,0,0,0.6);
display:none;	
overflow-y: scroll;	
position:absolute;
top:0;right:0;bottom:0;left:0;
z-index:20;	
}

.resultte {
display:block;	
float: left;	
padding-right: 5px;
text-align: right;
}


.row {margin:0;}

.saisi {
padding: 0 5px;
width: 100%;
margin-top: 5px;
}

.saisiti {
font-size: 20px;
font-weight: bold;
padding: 20px 0;
text-transform:uppercase;
}

.saisi input, .saisi textarea {
font-size: 18px;
padding: 5px;
text-align: left;
width: 100%;
}


#secondes {width:70px;text-align:left;}


#tableau  {
display:inline-block;	
width:632px;
margin:20px 0;
}

.wi100 {width:100%;}
.zi10 {z-index:10;}


@media (min-width:768px){
}
@media (min-width:992px){
}    
@media (min-width:1200px){
}