Body {
   max-width: 1200px;
   margin: auto;
   color : black;
   /*background-color: #FAFDDF;*/
   background-color: white;
   text-align: center;
   font-size: 0.8em;
   vertical-align: middle;
}

.header {
    background-image:linear-gradient(#888888, #EEEEEE);
    border-radius:20px 0px 20px 0;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

.footer {
   clear:both;
   background-image:linear-gradient(#EEEEEE, #888888);
   border-radius:20px 0px 20px 0;
   max-width: 1200px;
   margin-left: auto;
   margin-right: auto;
   padding : 2px;
}

.module{
   margin: auto;
   border: 2px dashed black;
   background-color: #FDDFF9;  
   max-width: 800px;
   margin-top: 8px;
   margin-bottom : 8px;
   padding : 5px;
}

/*a pour accueil*/
.modulea{
   clear:both;
   border: 0px dashed black;
   max-width: 800px;
   margin-left: auto;
   margin-right: auto;
   margin-bottom: 8px;
              opacity:0.9;

}

.contenugauche{
    width: 591px;
    background-color: #DFFCFD;
    margin-bottom: 8px;
	float:left;
	border: 2px inset black;
}

/*b pour bas*/
.contenugaucheb{
    width: 591px;
	float:left;
    margin-bottom: 8px;
	border: 2px inset black;
    background-color: #F0FBDC;
}

.contenudroitb{
    width: 591px;
    margin-left:605px;
    margin-bottom: 8px;
	border: 2px inset black;
    background-color: #FEE9BF;
}

.contenudroit{
    margin-left:605px;
    margin-bottom: 8px;
	background-color: #DFFDE8;
    width: 591px;
	border: 2px inset black;
}

.contenugauchea{
    width: 591px;
    margin-bottom: 8px;
	float:left;
	border: 0px inset black;
       opacity:0.9;

}

.contenudroita{
    margin-left:605px;
    margin-bottom: 8px;
    width: 591px;
	border: 0px inset black;
       opacity:0.9;

}

.contenucentre{
    margin-bottom: 8px;
	float:left;
    background-color: #DFFDE8;
    width: 1196px;
	border: 2px inset black;
    padding: 5px;

}

select, input, textarea, option {
font-size: 1em;
}

form {
    padding-bottom: 2px;
}

table {
    border-collapse : collapse;
    padding : 10px;
    margin : 5px auto;
    vertical-align: middle;
    /*min-width: 400px;*/
}

th {
    border: 1px solid black;
    background-color: #E6E6E6;
    padding : 3px;
    /*min-width: 200px;*/
}

td {
    border: 1px solid black;
    background-color: #F2F5A9;
    padding : 3px;
}

h1 {
   font-size : 1.8em;
   color : #DD0000;
   text-decoration: none;
}

/* h2 -> pour erreurs */
h2 {
   color : blue;
   font-size : 1.5em;
   padding: 0px;
}

h8 {
   color : red;
   background-color: white;
   text-decoration: none;
   font-size: inherit;
   font-weight:bold;
   border: 1px solid grey;
   padding-right: 5px;
   padding-left: 5px;
}
caption {
   color : red;
   font-size : 1.5em;
   margin-bottom: 10px;
}

input[type="submit"]
{
   font-weight: bold;
   /*font-style: italic;*/
   background-image:linear-gradient(#888888, #EEEEEE);
   color : black;   
   
}

/* tableau resa*/
.vert{
   border-right: 0;
   border-left: 0;
   background-color : green;
}

.rouge{
   border-right: 0;
   border-left: 0;
   background-color : red;
}

.orange{
   border-right: 0;
   border-left: 0;
   background-color : orange;
}

.blanc{
   background-color : white;
}

/*avec deb pour première case*/
.vertdeb{
   border-right: 0;
   background-color : green;
}

.rougedeb{
   border-right: 0;
   background-color : red;
}

.orangedeb{
   border-right: 0;
   background-color : orange;
}

.blancdeb{
   background-color : white;
   border-right: 0;
}

/*avec fin pour première case*/
.vertfin{
   border-left: 0;
   background-color : green;
}

.rougefin{
   border-left: 0;
   background-color : red;
}

.orangefin{
   border-left: 0;
   background-color : orange;
}

.blancfin{
   background-color : white;
   border-left: 0;
}

.ligneresa{
   font-size:0.8em;
   padding: 0px;
}

td a.tableau {
    position: relative;
    display: block;
    text-decoration: none;
    font-size:1px;
}

td a.tableau:before {
  bottom: -6px;
  content: "";
  left: -3px;
  position: absolute;
  right: -3px;
  top: -6px;
}

a.aaccueil {
  text-decoration: none;
}

.invisiblecell{
   border: 0;
   background-color: inherit;
}

.total{
   font-weight: bold;
   background-color: #EE4444;
}

.menu{
   /*background-color: #FAFDDF;*/
   background-image:linear-gradient(#888888, #EEEEEE);
    border-radius:20px 0px 20px 0;
   padding: 6px;
   margin-bottom: 8px;
   width: 1200px;
}

/* menu déroulant*/
            #menu-demo2, #menu-demo2 ul{
               padding:0;
               margin:0;
               list-style:none;
               text-align:center;
            }
            #menu-demo2 li{
               display:inline-block;
               position:relative;
               border-radius:8px 8px 0 0;
            }
            #menu-demo2 ul li{
               display:inherit;
               border-radius:0;
            }
            #menu-demo2 ul li:hover{
               border-radius:0;
            }
            #menu-demo2 ul li:last-child{
               border-radius:0 0 8px 8px;
            }
            #menu-demo2 ul{
               position:absolute;
               max-height:0;
               left: 0;
               right: 0;
               overflow:hidden;
               -moz-transition: .8s all .3s;
               -webkit-transition: .8s all .3s;
               transition: .8s all .3s;
            }
            #menu-demo2 li:hover ul{
               max-height:15em;
            }
            /* background des liens menus */
            #menu-demo2 li:last-child{
               background-color: #65537A;
               background-image:-webkit-linear-gradient(top, #65537A 0%, #2A2333 100%);
               background-image:linear-gradient(to bottom, #65537A 0%, #2A2333 100%);
            }
            #menu-demo2 li:nth-child(2){
               background-color: #729EBF;
               background-image: -webkit-linear-gradient(top, #729EBF 0%, #333A40 100%);
               background-image:linear-gradient(to bottom, #729EBF 0%, #333A40 100%);
            }
            #menu-demo2 li:nth-child(3){
               background-color: #F6AD1A;
               background-image:-webkit-linear-gradient(top, #F6AD1A 0%, #9F391A 100%);
               background-image:linear-gradient(to bottom, #F6AD1A 0%, #9F391A 100%);
            }
            #menu-demo2 li:first-child{
               background-color: #CFFF6A;
               background-image:-webkit-linear-gradient(top, #CFFF6A 0%, #677F35 100%);
               background-image:linear-gradient(to bottom, #CFFF6A 0%, #677F35 100%);
            }
            /* background des liens sous menus */
            #menu-demo2 li:last-child li{
               background:#2A2333;
            }
            #menu-demo2 li:nth-child(2) li{
               background:#333A40;
            }
            #menu-demo2 li:nth-child(3) li{
               background:#9F391A;
            }
            #menu-demo2 li:first-child li{
               background:#677F35;
            }
            /* background des liens menus et sous menus au survol */
            #menu-demo2 li:last-child:hover, #menu-demo2 li:first-child li:hover{
               background:#65537A;
            }
            #menu-demo2 li:nth-child(2):hover, #menu-demo2 li:nth-child(2) li:hover{
               background:#729EBF;
            }
            #menu-demo2 li:nth-child(3):hover, #menu-demo2 li:nth-child(3) li:hover{
               background:#F6AD1A;
            }
            #menu-demo2 li:first-child:hover, #menu-demo2 li:last-child li:hover{
               background:#CFFF6A;
            }
            /* les a href */
            #menu-demo2 a{
               text-decoration:none;
               display:block;
               padding:8px 32px;
               color:#fff;
               font-family:arial;
            }
            #menu-demo2 ul a{
               padding:8px 0;
            }
            #menu-demo2 li:hover li a{
               color:#fff;
               text-transform:inherit;
            }
            #menu-demo2 li:hover a, #menu-demo2 li li:hover a{
               color:#000;
            }
/* fin menu déroulant */