body, html{
margin:0;
padding:0;
}

body {
font-family: 'Open Sans', sans-serif;
}

ul {
margin:0;
padding:0;
list-style-type: none;
}

header {
background: rgb(238,238,238);
background: -moz-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(230,230,230,1) 100%); 
background: -webkit-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(230,230,230,1) 100%); 
background: linear-gradient(to bottom, rgba(238,238,238,1) 0%, rgba(230,230,230,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#dddddd',GradientType=0 );
padding:0px 100px;
border-top:5px solid #2098D1;
}

#logo {
float:left;
}

.fa {
margin-right:10px;
}

#logo > img {
vertical-align:-32px;
}

#logo > h1 {
display:inline;
margin:0;
padding:0;
font-size:1.2em;
font-style:italic;
font-weight:400;
}

#logo > h2 {
display:inline;
margin:0;
padding:0;
font-size:1em;
font-style:italic;
font-weight:400;
color:#e54550;
margin-left:20px;
}


header > nav > ul {
text-align:right;
padding:30px 0px;
}

header > nav > ul > li {
display: inline;
}

.wrapper {
width:80%;
padding:20px 10%;
margin:auto;
}

.menu {
width:20%;
float:left;
}

#main {
width:64%;
border-left:1px dashed #2098D1;
margin-left:5%;
padding:20px 5%;
float:left;
}

.menu > ul > li  > a {
display:block;
padding:10px;
font-size:0.9em;
text-decoration:none;
color:#222222;
-webkit-transition: background 0.3s linear;
-moz-transition: background 0.3s linear;
-ms-transition: background 0.3s linear;
-o-transition: background 0.3s linear;
transition: background 0.3s linear;
border-bottom:1px dashed #222222;
}

.menu > ul > li  > a:hover{
color:#ffffff;
background-color:#2098D1;
border-bottom:1px solid #ffffff;
}

header > nav > ul > li  > a{
font-size:1em;
display: inline;
padding:10px 15px;
margin-right:10px;
border-radius:4px;
text-decoration:none;
border:1px solid #2098D1;
color:#2098D1;
-webkit-transition: background 0.3s linear;
-moz-transition: background 0.3s linear;
-ms-transition: background 0.3s linear;
-o-transition: background 0.3s linear;
transition: background 0.3s linear;
}
header > nav > ul > li  > a:hover {
color:#ffffff;
background-color:#2098D1;
}
.logout {
color:#fa6433;
border:1px solid #fa6433;
}
.logout:hover {
background-color:#fa6433;
border:1px solid #fa6433;
}
.offline{
color:#01b556;
border:1px solid #01b556;
}
.offline:hover {
background-color:#11c968;
border:1px solid #11c968;
}
#main a {
color:#fa6433;
text-decoration:none;
}
#main a:hover {
color:#11c968;
text-decoration:none;
}
.post_bouton{
display:inline;
}

input, select {
padding:5px;
font-size:1em;
margin-bottom:5px;
}

.bouton {
margin-top:20px;
display:inline-block;
padding:10px;
font-size:0.9em;
text-decoration:none;
color:#ffffff !important;
background-color:#2098D1 !important;
border:none !important;
padding-right:13px;
}

.bouton:hover{
color:#ffffff !important;
background-color:#11c968 !important;
}

#tour_poules table, tbody {
margin: auto auto;
border:2px solid #2098D1;
border-collapse: collapse;
}

#tour_poules td, th {
text-align:center;
padding:5px 2px;
}

#tour_poules td {
border:1px solid #222222;
}

#tour_poules table th {
background-color:#2098D1;
color:#ffffff;
}

#tour_poules tbody th {
background-color:#eb3d5c;
color:#ffffff;
}

#tour_poules table caption {
font-weight:bold;
font-size:1.5em;
}

#synch {
margin-bottom:20px;
display:inline-block;
padding:10px;
font-size:0.9em;
text-decoration:none;
color:black !important;
background-color:#dddddd !important;
border:1px solid black !important;
padding-right:13px;
border-radius:5px;
}
tr > th.bleu {
background-color:#2098D1 !important;	
}
.equipe {
width:40%;	
}