/* Fonts ________________________________________________________________________*/
@font-face {
font-family: 'Roboto Black';
src: url('../fonts/css/Roboto-Black.eot');
src: local('?'), url('../fonts/css/Roboto-Black.woff') format('woff'), url('../fonts/css/Roboto-Black.ttf') format('truetype'), url('../fonts/css/Roboto-Black.svg') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Roboto Bold';
src: url('../fonts/css/Roboto-Bold.eot');
src: local('?'), url('../fonts/css/Roboto-Bold.woff') format('woff'), url('../fonts/css/Roboto-Bold.ttf') format('truetype'), url('../fonts/css/Roboto-Bold.svg') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Roboto Condensed Light';
src: url('../fonts/css/RobotoCondensed-Light.eot');
src: local('?'), url('../fonts/css/RobotoCondensed-Light.woff') format('woff'), url('../fonts/css/RobotoCondensed-Light.ttf') format('truetype'), url('../fonts/css/RobotoCondensed-Light.svg') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Roboto Condensed Regular';
src: url('../fonts/css/RobotoCondensed-Regular.eot');
src: local('?'), url('../fonts/css/RobotoCondensed-Regular.woff') format('woff'), url('../fonts/css/RobotoCondensed-Regular.ttf') format('truetype'), url('../fonts/css/RobotoCondensed-Regular.svg') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Roboto Light';
src: url('../fonts/css/Roboto-Light.eot');
src: local('?'), url('../fonts/css/Roboto-Light.woff') format('woff'), url('../fonts/css/Roboto-Light.ttf') format('truetype'), url('../fonts/css/Roboto-Light.svg') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Roboto Regular';
src: url('../fonts/css/Roboto-Regular.eot');
src: local('?'), url('../fonts/css/Roboto-Regular.woff') format('woff'), url('../fonts/css/Roboto-Regular.ttf') format('truetype'), url('../fonts/css/Roboto-Regular.svg') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Roboto Thin';
src: url('../fonts/css/Roboto-Thin.eot');
src: local('?'), url('../fonts/css/Roboto-Thin.woff') format('woff'), url('../fonts/css/Roboto-Thin.ttf') format('truetype'), url('../fonts/css/Roboto-Thin.svg') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Euphorigenic';
src: url('../fonts/css/euphorigenic.eot');
src: local('?'), url('../fonts/css/euphorigenic.eot?#iefix') format('embedded-opentype'), url('../fonts/css/euphorigenic.woff2') format('woff2'), url('../fonts/css/euphorigenic.woff') format('woff'), url('../fonts/css/euphorigenic.ttf') format('truetype'), url('../fonts/css/euphorigenic.svg#euphorigenicregular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'LEDCounter7Regular';
src: url('../fonts/css/led_counter-7.eot');
src: local('?'), url('../fonts/css/led_counter-7.eot?#iefix') format('embedded-opentype'), url('../fonts/css/led_counter-7.woff2') format('woff2'), url('../fonts/css/led_counter-7.woff') format('woff'), url('../fonts/css/led_counter-7.ttf') format('truetype'), url('../fonts/css/led_counter-7.svg#LEDCounter7Regular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'GrandHotelRegular';
src: url('../fonts/css/grandhotel-regular-webfont.eot');
src: local('?'), url('../fonts/css/grandhotel-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/css/grandhotel-regular-webfont.woff2') format('woff2'), url('../fonts/css/grandhotel-regular-webfont.woff') format('woff'), url('../fonts/css/grandhotel-regular-webfont.ttf') format('truetype'), url('../fonts/css/grandhotel-regular-webfont.svg#grand_hotelregular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'PerfectDOS';
src: url('../fonts/css/perfect_dos_vga_437_win-webfont.eot');
src: local('?'), url('../fonts/css/perfect_dos_vga_437_win-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/css/perfect_dos_vga_437_win-webfont.woff2') format('woff2'), url('../fonts/css/perfect_dos_vga_437_win-webfont.woff') format('woff'), url('../fonts/css/perfect_dos_vga_437_win-webfont.ttf') format('truetype'), url('../fonts/css/perfect_dos_vga_437_win-webfont.svg#perfect_dos_vga_437_winRg') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'TerminusBold';
src: url('../fonts/css/terminusttf-bold-4.38.2-webfont.eot');
src: local('?'), url('../fonts/css/terminusttf-bold-4.38.2-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/css/terminusttf-bold-4.38.2-webfont.woff2') format('woff2'), url('../fonts/css/terminusttf-bold-4.38.2-webfont.woff') format('woff'), url('../fonts/css/terminusttf-bold-4.38.2-webfont.ttf') format('truetype'), url('../fonts/css/terminusttf-bold-4.38.2-webfont.svg#terminus_ttfbold') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Terminus';
src: url('../fonts/css/terminusttf-4.38.2-webfont.eot');
src: local('?'), url('../fonts/css/terminusttf-4.38.2-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/css/terminusttf-4.38.2-webfont.woff2') format('woff2'), url('../fonts/css/terminusttf-4.38.2-webfont.woff') format('woff'), url('../fonts/css/terminusttf-4.38.2-webfont.ttf') format('truetype'), url('../fonts/css/terminusttf-4.38.2-webfont.svg#terminus_ttfmedium') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Pan Pizza';
src: url('../fonts/css/panpizza-webfont.eot');
src: local('?'), url('../fonts/css/panpizza-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/css/panpizza-webfont.woff2') format('woff2'), url('../fonts/css/panpizza-webfont.woff') format('woff'), url('../fonts/css/panpizza-webfont.ttf') format('truetype'), url('../fonts/css/panpizza-webfont.svg#pan_pizzaregular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Vertigo';
src: url('../fonts/css/vertigoflf-webfont.eot');
src: local('?'), url('../fonts/css/vertigoflf-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/css/vertigoflf-webfont.woff2') format('woff2'), url('../fonts/css/vertigoflf-webfont.woff') format('woff'), url('../fonts/css/vertigoflf-webfont.ttf') format('truetype'), url('../fonts/css/vertigoflf-webfont.svg#vertigoflfregular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Monterey';
src: url('../fonts/css/montereyflf-webfont.eot');
src: local('?'), url('../fonts/css/montereyflf-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/css/montereyflf-webfont.woff2') format('woff2'), url('../fonts/css/montereyflf-webfont.woff') format('woff'), url('../fonts/css/montereyflf-webfont.ttf') format('truetype'), url('../fonts/css/montereyflf-webfont.svg#montereyflfregular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Bree Serif';
src: url('../fonts/css/breeserif-regular-webfont.eot');
src: local('?'), url('../fonts/css/breeserif-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/css/breeserif-regular-webfont.woff2') format('woff2'), url('../fonts/css/breeserif-regular-webfont.woff') format('woff'), url('../fonts/css/breeserif-regular-webfont.ttf') format('truetype'), url('../fonts/css/breeserif-regular-webfont.svg#bree_serifregular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Quivira';
src: url('../fonts/css/quivira.eot');
src: local('?'), url('../fonts/css/quivira.eot?#iefix') format('embedded-opentype'), url('../fonts/css/quivira.woff2') format('woff2'), url('../fonts/css/quivira.woff') format('woff'), url('../fonts/css/quivira.ttf') format('truetype'), url('../fonts/css/quivira.svg#quiviraregular') format('svg');
font-weight: normal;
font-style: normal;
}
/*Styles des Blocs ___________________________________________________________*/
body {
font-family: Tahoma, Verdana, Arial, Serif;
margin:0px;
background-color:white;
color:black;
}

#entete {
top:0px;
left:0px;

height:80px;
width:100%;

padding:0px;
margin:0px;

background-repeat:no-repeat;
background-image:url("https://www.le-metayer.fr/images/bandeau/fond03.jpg");
background-color:#7e8fb2;
}

#logo-ece {
background-image:url("https://www.le-metayer.fr/images/llm/llm-cote-dieppe-80px.jpg");
width:80px;
height:80px;
position:absolute;
top:0px;
right:0px;
z-index:1;
text-decoration:none;
}

#corps {
padding:10px;
margin:0px 10px 0px 190px;
right:0px;
overflow: auto; /* Prevent to clear floating menu */
}

#menu {
float:left;

width:180px;
height:100%;
min-width:180px;

padding:5px;
margin:0px;
}
#menu #menuButton {
vertical-align: middle;
margin:0px;
}
#menu #menuButton img {
height: 20px;
}

#pieddepage {
clear:both;

width:100%;
height:30px;

text-align:center;
font-size:75%;
font-style:italic;
color:#6e6e95;

border-top:solid 2px #6e6e95;

margin:10px 0px 0px 0px;
padding:10px 0px;

background-image:url("https://www.le-metayer.fr/images/clous.png");
}
#pieddepage .versionFlag {
position:fixed;
bottom:0px;
left:20px;
margin:0px;
padding:3px 7px;
background-color:#6e6e95;
color:white;
font-size:9px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}

/* Tableau séparant le menu du contenu */
.menu_contenu .menu {
width:180px;
}


/* Styles des Entitées ___________________________________________________________*/

p {
margin-top:0px;
}

h1, h2, h3 {
font-family: Monterey, 'Century Gothic', 'Roboto', Tahoma, Arial, serif;
}

h1 {
color:white; /*#9c72ae*/
font-size:200%;
font-weight:normal;
text-align:center;
position:absolute;
top:15px;
margin:0px 0px 5px 0px;
width:99%;
}

h2 {
text-align:center;
color:#ffa500;
background-color:#ffedcd;
font-size:150%;
margin:20px 0px 5px 0px;
padding:0px 70px;
border-bottom:solid 2px #ffa500;
position:relative;
}
h2:before {
display: block;
position:absolute;
content: "";
width: 60px;
height: 30px;
left:0px;
background: transparent url('../images/fond/title-left-corner.png') no-repeat;
}
h2:after {
display: block;
position:absolute;
right:0px;
top:0px;
content: "";
width: 60px;
height: 30px;
right: 0px;
background: transparent url('../images/fond/title-right-corner.png') no-repeat;
}

h3 {
text-align:center;
color:red;
background-color:#ffcdcd;
font-size:125%;
font-style:italic;
margin:15px 0px 5px 0px;
padding:0px 70px;
border-bottom:solid 1px red;
position:relative;
}
h3:before {
display: block;
position:absolute;
content: "";
width: 60px;
height: 24px;
left:0px;
background: transparent url('../images/fond/title-left-corner.png') no-repeat;
}
h3:after {
display: block;
position:absolute;
right:0px;
top:0px;
content: "";
width: 60px;
height: 24px;
right: 0px;
background: transparent url('../images/fond/title-right-corner.png') no-repeat;
}

h5 {
text-align:center;
border-bottom:none;
background-color:#6e6e95;
color:white;
margin:0px 0px 4px 0px;
}

sup {
position:relative;
top:4px;
}
sub {
position:relative;
top:-4px;
}

table {
margin:0px;
width:97%;
}
td {
vertical-align:top;
margin:0px;
padding:10px;
}

a img {
border:none;
}
a {
color:#007ae6;
}
a:hover {
color:#e3b102;
}
a.external{
background-position:center right;
background-repeat:no-repeat;
background-image:url('https://www.le-metayer.fr/images/interface/external-link-13px-grey.png');
padding-right:16px
}

ul {
list-style-type: square;
}

abbr, acronym, .hint {
cursor:help;
}

del {
text-decoration:line-through;
}

ins {
text-decoration:underline;
}

/* Styles des Classes ___________________________________________________________*/

/* Les Tableaux de bases */
.tableau {
border:solid 2px #6e6e95;
border-collapse:collapse;
width:97%;
margin:auto;
background-color:white;
color:midnightblue;
}

.tableau th {
border:solid 1px #6e6e95;
border-bottom:solid 1px #6e6e95;
color:#6e6e95;
background-color:#dcdcf3;
vertical-align:middle;
padding:5px;

}

.tableau tr.odd {
background-color:#eeeeee;
}

.tableau td {
border: solid 1px #6e6e95;
vertical-align:middle;
padding:5px;
}

/* Affichage du nom */
.nom {
color:white; /*#9c72ae;*/
margin:5px 0px 0px 10px;
}

/* Affichage la classe */
.classe {
color:white; /*#9c72ae;*/
font-size:80%;
font-style:italic;
position:absolute;
margin-left:-190px;
margin-top:-80px;
z-index:20;
}


/* Affichage des cases de menus sur l'Accueil */
#menu .domainECE {
color:#888888;
text-decoration:line-through;
pointer:default;
}
.case_menu {
text-align:center;
border:solid 2px #6e6e95;  /*Violet*/
background-color:#dcdcf3;  /*Violet Clair*/
color:#191970; /*Violet très foncé*/
width:99%;
margin:10px 0px 0px 0px;
padding-bottom:5px;
}
.case_menu h5{
font-size:20px;
}
.case_menu a.normalText {
color:#191970;
text-decoration:none;
}

/* Affichage des cases de menus de gauche */
.case_menu_gauche {
text-align:left;
font-size:80%;

border:solid 2px #6e6e95;  /*Violet*/
background-color:#dcdcf3;  /*Violet Clair*/

width:100%;

margin:10px 0px;

padding:0px;
padding-bottom:3px;
}

.case_menu_gauche h5 {
font-size:90%;
}

.case_menu_gauche ul {
margin:5px;
padding:0px;
list-style-type: square;
list-style-position:inside;

color:#191970;
}

.case_menu_gauche a {
color:#191970;
text-decoration:none;
}

.case_menu_gauche a:hover {
border-bottom:solid 2px #e3b102;
color:#191970;
}

.case_menu_gauche form {
margin:0px;
color:#191970;
}

.case_menu_gauche p {
margin:0px 5px 0px 5px;
color:#191970;
}

.bouton_form {
border:outset 2px #adadcc;
background-color:#dcdcf3; 
color:#191970;
font-size:90%;
width:110px;
margin-top:5px;
}

/*Lien vers l'accueil du menu de gauche*/
.accueil {
text-align:center;
font-size:95%;
padding:3px;
}

.accueil a {
color:#191970;
text-decoration:none;
font-weight:bold;
}

.accueil a:hover {
border-top:solid 2px #e3b102;
border-bottom:solid 2px #e3b102;
color:#e3b102;
}

/*Case le chiffre sur l'accueil*/
.case_le_chiffre {
text-align:justify;

border:solid;
border-width:2px;
border-color:#6e6e95;  /*Violet*/
background-color:#dcdcf3;  /*Violet Clair*/

width:99%;

margin:10px 0px;
padding-bottom:5px;

color:#191970; /*Violet très foncé*/
}

.lechiffre {
font-size:200%;
font-family:"Arial Black", Arial, Tahoma, Serif;

text-align:center;

color:#e3b102;
margin-bottom:0px;
}

/*Page de l'emploi du temps*/
.faux_lien {
text-decoration: underline;
color: gray;
text-align: center;
}

.navigation {
font-variant: small-caps;
color: white;
background-color:#6e6e95;
font-weight: bold;
text-align: center; 
}

/*Affichage de mosaique d'image (ex : SDI) */
.tableau_image {
text-align:center;

border:outset;
border-width:3px;
border-color:#6e6e95;  /*Violet*/

width:97%;
margin:0px;
}

.tableau_image tr td {
/*border:solid 1px #6e6e95;  /*Violet*/

margin:0px;
padding:2px;

vertical-align:middle;
text-align:center;

width:10%;
}

.commande {
font-family: "Courier New", Serif;
color: #e3b102;
font-weight: bold;
}

.navpage {
text-align:center;
margin:10px 0px;
border:solid 1px #191970;
background-color:#dcdcf3}
.navpage p {
margin:5px 0px;
color:#191970;
}
.navpage a {
text-decoration:none;
}
.navpage a:hover {
text-decoration:underline;
}

.caption {
font-size:90%;
font-style:italic;
}

.position-table, .position-table th, .position-table td {
margin:0px;
padding:0px;
border-collapse:collapse;
border-style:none;
}

.clearMeAfter:after { 
content: "."; 
visibility: hidden; 
display: block; 
height: 0px; 
clear: both;
}

.perturbation-sncf {
border:outset 3px #8c005f;
background-color:#e8dae2;
margin:5px 0px;
}
.perturbation-sncf h3 {
margin:0px;
padding:2px 10px;
background-color:#8c005f;
color:white;
}
.perturbation-sncf p, .perturbation-sncf ul {
text-align:justify;
color:#8c005f;
}

.perturbation-ratp {
border:outset 3px #4d9ca1;
background-color:#ffffe0;
margin:5px 0px;
background-image:url('https://www.le-metayer.fr/images/ratp/travaux-ratp-h.png');
background-position:bottom;
background-repeat:repeat-x;
}
.perturbation-ratp h3 {
margin:0px;
padding:2px 10px;
background-color:#4d9ca1;
color:white;
}
.perturbation-ratp p, .perturbation-ratp ul {
text-align:justify;
color:#483d8b;
}

/* Agora ***********************************************/
.agora-case {
border:outset 3px #4682b4; /* steelblue */
width:500px;
margin:auto;
}
.agora-msg {
border-top:dotted 1px #4682b4; /* steelblue */
margin:0px 0px 5px 0px;
}
.agora-msg strong {
color:#4682b4; /* steelblue */
}
.agora-msg em {
font-size:70%;
color:#696969; /* dimgray */
}
.agora-form {
font-weight:bold;
color:#4682b4; /* steelblue */
}
.agora-form textarea{
font-family: Tahoma, Verdana, Arial, Serif;
}
.agora-form #pseudo {
border:solid 1px #4682b4; /* steelblue */
width:150px;
}
.agora-form #msg {
border:solid 1px #4682b4; /* steelblue */
width:100%;
height:60px;
margin:auto;
}
.agora-form #submit {
margin:auto;
width:100px;
height:30px;
}
/* Allergies *******************************************/
.sommaire_allergies {
margin:0px;
padding:0px;
border-collapse:collapse;
width:95%;
border:orange 1px solid;
}
.sommaire_allergies td {
font-size:75%;
width:10%;
text-align:center;
}
.sommaire_allergies a {
text-decoration:none;
}
.sommaire_allergies td img {
height:65px;
}
.tableau_cartes_allergies td {
text-align:center;
}
.tableau_cartes_allergies strong {
font-weight:bold;
font-size:120%;
color:#ffa500;
}
/* Programmation ******************************************/
.cmd {
font-family:'Courier New', monospace, serif;
}

.cmd_dos {
padding:8px;
background-color:black;
color:#d3d3d3; /* lightgrey */
font-weight:bold;
font-family:'Lucida Console', 'Courier New', monospace, Arial, serif;
}
/* Formulaire de contact ******************************************/
#formulaireBox input, #formulaireBox textarea {
color: #191970;
border: solid 1px #191970;
font-family: Tahoma, Verdana, Arial, Serif;
margin:0px;
padding:2px 5px;
font-size:14px;
}
/* Download Box style SourceForge ******************************************/
.downloadBox {
border-collapse:collapse;
border:solid 2px #dddddd;
width:400px;
cursor:pointer;
margin:5px auto;
}
.downloadBox th, .downloadBox td {
background-color:#63A624;
color:white;
text-align:left;
padding:2px 5px;
}
.downloadBox th {
font-weight:bold;
}
.downloadBox th a {
font-weight:bold;
text-decoration:none;
color:white;
}
.downloadBox th a:hover {
text-decoration:underline;
}
.downloadBox .title {
font-size:22px;
}
.downloadBox .note {
font-style:italic;
font-size:12px;
color:#e0e0e0;
}
.downloadBox .image {
text-align:right;
width:68px;
padding:2px;
}
.downloadBox .image img {
width:64px;
margin:0px
padding:0px;
}
.downloadBox .image a img {
border-style:none;
}
/* Les Tableaux d'affichage des stations Vélib */
.stationBox {
border:solid 2px #6e6e95;
border-collapse:collapse;
width:80%;
margin:auto;
background-color:white;
color:midnightblue;
text-align:left;
}
.stationBox h3 {
background-color:#6e6e95;
color:white;
margin:0px 0px 5px 0px;
text-align:left;
}
.stationBox th {
border:solid 1px #6e6e95;
border-bottom:solid 1px #6e6e95;
color:#6e6e95;
background-color:#dcdcf3;
vertical-align:top;
text-align:left;
padding:10px;
}
.stationBox td {
border: solid 1px #6e6e95;
background-color:white;
vertical-align:middle;
padding:5px;
}
.stationBox table {
border:none;
border-collapse:collapse;
width:90%;
margin:0px;
}
.stationBox table th {
border:none;
height:32px;
font-size:30px;
vertical-align:right;
text-align:center;
}
.stationBox table td {
border:none;
height:32px;
font-size:30px;
vertical-align:middle;
text-align:center;
}

.case_menu_qdn {
text-align:justify;
border:solid 2px #2F53A7;
background-color:#487ED6;
width:99%;
margin:10px 0px 0px 0px;
padding-bottom:0px;
}
.case_menu_qdn h5{
background-color:#2F53A7;
color:white;
margin-bottom:0px;
}
.case_menu_verte {
text-align:justify;
border:solid 2px #047935;
background-color:#5BB12F;
color:#047935;
width:99%;
margin:10px 0px 0px 0px;
padding-bottom:5px;
}
.case_menu_verte h5{
background-color:#047935;
color:white;
}

/* Messages d'erreurs ********************************************************************/
.info{
border:solid 1px blue;
padding:4px 10px;
margin:10px;
color:blue;
background-color:#d7def1;
}
.warning {
border:solid 1px orange;
padding:4px 10px;
margin:10px;
color:orange;
background-color:#f9f8df;
}
.error {
border:solid 1px red;
padding:4px 10px;
margin:10px;
color:red;
background-color:#eddbdb;
font-weight:bold;
}
/* PlayStore Link *********************/
.playStoreBoxWrapper {
overflow: auto; /* Isolate clear:both of the content of this div */
max-width:950px;
margin:10px auto;
}
.playStoreBox {
font-family: 'Roboto', 'Roboto Thin', 'Century Gothic', Helvetica, Arial, serif;
background-color:#E5E5E5;
border-bottom:solid 2px #D6D6D6;
color:#737373;
float:left;
margin:15px;
padding:15px;
width:400px;
}
.playStoreBox:last-child:after {
content:'';
display:block;
clear: both;
}
.playStoreBox p {
margin:2px;
}
.playStoreBox .logo {
width:64px;
float:left;
margin-right:5px;
}
.playStoreBox .name {
color:#333;
font-size:28px;
}
.playStoreBox .by {
color:#8d8d8d;
font-size:13px;
font-weight:bold;
}
.playStoreBox .by:after {
content:'';
display:block;
clear: both;
}
.playStoreBox .description {
font-size:15px;
}
.playStoreBox .price {
color:#8C9C29;
text-transform: uppercase;
font-weight:bold;
}
.playStoreBox .price, .playStoreBox .size {
float:left;
width:100px;
margin-top:18px;
}
.playStoreBox .download {
float:right;
}

.infoBox {
color: #356aa0;
padding:0px;
margin:10px 0px;
border:solid 1px #3b679e;
border-radius: 0px 15px 0px 15px;
-moz-border-radius: 0px 15px 0px 15px;
-webkit-border-radius: 0px 15px 0px 15px;
background: #f2f9fe; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #f2f9fe 0%, #d6f0fd 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#f2f9fe), color-stop(100%,#d6f0fd)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg,  #f2f9fe 0%,#d6f0fd 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg,  #f2f9fe 0%,#d6f0fd 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg,  #f2f9fe 0%,#d6f0fd 100%); /* IE10+ */
background: linear-gradient(135deg,  #f2f9fe 0%,#d6f0fd 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f9fe', endColorstr='#d6f0fd',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}
.infoBox .title {
color:white;
font-weight:bold;
margin:0px;
padding:3px 10px;
border-radius: 0px 15px 0px 0px;
-moz-border-radius: 0px 15px 0px 0px;
-webkit-border-radius: 0px 15px 0px 0px;
background: rgb(59,103,158); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(59,103,158,1) 0%, rgba(43,136,217,1) 73%, rgba(125,185,232,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(59,103,158,1)), color-stop(73%,rgba(43,136,217,1)), color-stop(100%,rgba(125,185,232,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(59,103,158,1) 0%,rgba(43,136,217,1) 73%,rgba(125,185,232,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(59,103,158,1) 0%,rgba(43,136,217,1) 73%,rgba(125,185,232,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(59,103,158,1) 0%,rgba(43,136,217,1) 73%,rgba(125,185,232,1) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(59,103,158,1) 0%,rgba(43,136,217,1) 73%,rgba(125,185,232,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b679e', endColorstr='#7db9e8',GradientType=1 ); /* IE6-9 */
}
.infoBox .content {
margin:10px;
padding:0px;
}

#synchroClockBox {
font-family: LEDCounter7Regular, onsolas, 'Courrier New', Courrier, serif;
color:gold;
font-size:16px;
}
#synchroClockBox #menuTimeDisplay {
font-size:30px;
}
/* Tabs *********************/
.tab-container{
	margin: 0px auto 10px auto;
}
ul.tabs{
	margin: 0px;
	padding: 0px;
	list-style: none;
}
ul.tabs li{
	background: #ffcdcd;
	border-bottom: solid 1px red;
	color: #222;
	display: inline-block;
	padding: 10px 15px;
	cursor: pointer;
}
ul.tabs li.current{
	background: #ffedcd;
	border-bottom: solid 1px #ffa500;
	color: #222;
}
.tab-content{
	display: none;
	background: #ffedcd;
	padding: 15px;
}
.tab-content.current{
	display: inherit;
}
/* Tiles **************************************/
ul.tiles {
	list-style: none;
	position:relative;
	padding:0px;
	margin:5px auto;
}
ul.tiles li {
	width: 150px;
	height: auto;
	color:#ffedcd;
	background-color:#ffa500;
	padding:8px 4px;
	margin:15px 8px;
	text-align:center;
	vertical-align:middle;
	float:left;
	font-size:90%;
}
ul.tiles li a {
	text-decoration:none;
	color:white;
}
ul.tiles:after {
	content: "."; 
	visibility: hidden; 
	display: block; 
	height: 0px; 
	clear: both;
}
/* Responsive rules below *********************/

@media (max-width: 639px) {
	/* Small screen */
	#menu {
		float:none;
		width:95%;
	}

	#menu #menuButton {
		display:block;
	}
	#menu #menuContent {
		height:0px;
		opacity: 0;
		transform: scaleY(0);
		transform-origin: 50% 0;
		transition:transform 1s ease, opacity 1s ease;
	}
	#menu:hover #menuContent {
		height:auto;
		opacity: 1;
		transform: scaleY(1);
	}
	#corps {
		margin-left:0px;
	}
	.case_menu_gauche ul li {
		font-size:110%
		padding-top:5px;
		padding-bottom:5px;
	}
}
@media (min-width: 640px) {
	/* Large screen */
	#menu #menuButton {
		display:none;
	}
	#menu #menuContent {
		display:block;
	}
}