/* DEBUT IMPRESSION PAYSAGE FORCE POUR LES TABLES */
@page {
    size: landscape;
}
/* FIN IMPRESSION PAYSAGE FORCE POUR LES TABLES */

/* DEBUT DECLARATION DES POLICES */
@font-face {
  font-family: "Finger Paint";
    src: url(‘fonts/fingerpaint.woff’) format(‘woff’);
    font-style: normal;
    font-size:1px;
}
/* FIN DECLARATION DES POLICES PERSOS */
/*///////////////////////////////////////////////////////////////////////////*/
/* DEBUT ADSCENCES */
#page-acceuil-adsence1 {
 width: 728px;
    margin:auto;
}
.adsence336x280 {
width:336px;
height: 280px;
margin-left:auto;
margin-right:auto;
margin-top:10px;
margin-bottom:10px;
}
.adsence728x90 {
 width: 728px;
    margin-left:auto;
    margin-right:auto;
    margin-top:30px;
    margin-bottom:15px;
}
.adsence300x600 {
float:right;
width:300px;
height:600px;
}
#page-mestables-adsence5{
width:160px;
height:600px;
float:right;
margin-top:100px;
margin-bottom:auto;
} 
#content-page-mestables {
float:left:
width:80%;
margin-bottom:30px;
}

/*///////////////////////////////////////////////////////////////////////////*/

#copyright {
clear:both;
margin-left:auto;
margin-right:auto;
margin-top:50px;
width:400px;
}
/*///////////////////////////////////////////////////////////////////////////*/
/* DEBUT DECLARATION JS */
.rapidMultiplication_click {
    background-color:#E0E0E0;
}
.rapidMultiplicationresult {
    padding:15px;
    border-radius:30px;
    color : black;
    background-color : yellow;
}
/* FIN DECLARATION JS */

body {

                        font-family: 'Finger Paint', cursive;

width:90%;
margin:auto;
}
h2 {
margin:0;
padding:0;
}
h3 {
margin:10px;
padding:0;
}
h4 {
margin:5px;
padding:0;
}
#entete {
width:100%;
margin-top:15px;
}
.entete-left {
float:left;
}
.entete-google-search {
  margin-left: 1rem;
}
#tweeter-link {
  display: flex;
  align-items: flex-end;
}
#entete-right {
  display: flex;
  float:right;
  max-height:80px;
  margin-top: 1rem;
}

/* D MENU PRINPIAL */
#menu {
  clear:both;
  border-radius: 30px;
  padding-bottom:1rem;
  padding-left:auto;
  padding-right:auto;
  margin-left:auto;
  margin-right:auto;
}

ul#menu_horizontal {
  display: flex;
  width : 100%;
  margin : 2em 0 0 0;
  list-style-type : none; 
}
ul#menu_horizontal li {
margin: auto;
}
ul#menu_horizontal li.bouton_gauche:first-child {

}
ul#menu_horizontal li.bouton_gauche {
  padding-top: 1rem;
}
.bouton-gauche-link {
  display: flex;
  align-items: end;
}
ul#menu_horizontal li.bouton_gauche a {
font-size:16px;
}
ul#menu_horizontal li.bouton_gauche a img {
width:24px;
padding-right:15px;
margin-top:5px;
}
ul#menu_horizontal li.bouton_droite {
float : right;
border-left : 1px dashed black;
} 
ul#menu_horizontal a {
color : black;
text-decoration : none;
padding : 0 0.5em; 
font :  0.8em "Trebuchet MS";
} 
ul#menu_horizontal a:hover { text-decoration : underline; } 
ul#menu_horizontal a img { 
border : none;
padding :  0 0.3em;
}
/* F MENU PRINPIAL */   

#content {
    margin-top:15px;
    clear:both;
    border : 1px solid black;
    padding : 15px;
    border-radius: 30px;
}

/* PAGES MODE GENERAL CENTER / MARGIN / PADDING */
#page-acceuil {
    clear:both;
    width:99%;
    margin:auto;
}
 #page-mestables {
 }
#container-acceuil {
    margin: auto;
    width:100%;
    margin-top:60px;
}
.container-acceuil-elem {
margin:15px;
}
#table-usuelles {
float:left;
width:50%;
margin-top:30px;
}
#content-explications {
margin-top:30px;
padding:1%;
float:left;
width:40%;
border-radius: 30px;
border: 1px solid black;
}
#content-fonctionallite {
clear:both;
}
#content-calcul-rapide {
max-width:650px;
}
#content-calcul-rapide input {
min-width:30px;
max-width:600px;
}
#content-calcul-rapide label{
margin-left:15px;
margin-right:15px;
}
#rapidMultiplicationresult {
    padding:15px;
    border-radius:30px;
    color : black;
    background-color : yellow;
}
#generateur-form {
float:left;
}
#print-link {
margin-top:15px;
margin-right:15px;
float:right
}
#print-link a img {
margin-right:15px;
}
#content-table {
clear:both;
}
#multiplication-table {
table-layout: fixed;
min-width: 100%;
}
#multiplication-table .table-theah {
background-color:gray;
}
#multiplication-table tr td {
text-align:center;
}
#multiplication-table tr td:nth-child(1) {
  background-color: gray;
}
#content-left{
    float:left;
    width:80%;
}
#nos-astuces-calculs {
    clear:both;
    margin-top:500px;
}
#content form .text {
    width:30px;
}
#content form .input {
    width:60px;
}
#page-contact {
padding 15px;
float:left;
width:50%;
}
#form-contact{
text-align:center;
}
#contact-form-error {
color:red;
margin:30px;
}
#page-mentionlegale {
margin:15px;
}
/* D FOOTER PRINPIAL */
#footer {
margin:auto;
width:400px;
padding-bottom:50px;
}
#footer_horizontal {
    clear:both;
    margin-left:auto;
    margin-right:auto;
        border-radius: 30px;
    background-color : #E0F8F1;
    padding-bottom:15px;
}
ul#footer_horizontal { 
width : 100%; 
/*height : 30px;*/
margin : 2em 0 0 0;
padding : 0;
list-style-type : none; 
}
ul#footer_horizontal li {
float:left;
padding : 0 1em;  
line-height : 30px;
}
ul#footer_horizontal li.bouton_gauche {
float : left;
}
ul#footer_horizontal li.bouton_gauche a {
font-size:20px;
}
ul#footer_horizontal li.bouton_gauche a img {
padding-right:15px;
}
ul#footer_horizontal li.bouton_droite {
float : right;
border-left : 1px dashed black;
} 
ul#footer_horizontal a {
color : black;
text-decoration : none;
padding : 0 0.5em; 
font :  0.8em "Trebuchet MS";
} 
ul#footer_horizontal a:hover { text-decoration : underline; } 
ul#footer_horizontal a img { 
border : none;
padding :  0 0.3em;
}
/* F FOOTER PRINPIAL */