/* CSS Document */
html {                           
font-size: 14px;
}
#main{ /*
position: relative;  
*/
text-align: center;
background-color : #FFDEAD;
float: left;
display: block;
width: 1400px;
}  
.top-box {
width: 1400px;
height : 18px;
margin-bottom : -18px;
position : relative;    /*
background-color : #600c0c;    */
}
#top {
bottom : 0;
position : fixed;
right : 5px;
background-color : black;
font-weight : bolder;
font-size : 2em;
z-index : 51;
}
#top a {
color : white;
text-decoration : none;
}
.bidon0 {
width : 1300px;
height : 5px;
float : left;
}
#bidon {
width : 1400px;
height : 20px;
background-color : #000000;
float : left;
}
#entete {
width : 1400px;
margin-top : 0;
margin-bottom : 0;
margin-left : 0;
margin-right : 0;
line-height : 5px;
background-color : #600c0c;
padding-top : 0;
z-index : 50;
}
#cornleft {
float : left;
width : 150px;
height : 75px;
position : relative;
background-color : #600c0c;
}
#titre {
float : left;
width : 1100px;
position : relative;
margin-top : 0;
height : 75px;
background-color : #600c0c;
}
#titre hr {
margin-top : 15px;
color : white;
line-height : 2px;
width : 100%;
}
#titre h1 {
color : #f0e39e;
font-family : Georgia, "Bitstream Vera Serif", Norasi, serif;
font-style : italic;
font-size : 1.1em;
font-style : italic;
}
#titre h2 {
color : #f0e39e;
font-family : Georgia, "Bitstream Vera Serif", Norasi, serif;
font-style : italic;
font-size : 1.1em;
font-style : italic;
text-align : center;
}
#titre p {
color : #f0e39e;
font-family : Georgia, "Bitstream Vera Serif", Norasi, serif;
font-style : italic;
font-size : 0.8em;
font-style : italic;
line-height : 0.2em;
}
#titre a {
margin-top : 10px;
color : white;
font-family : Georgia, "Bitstream Vera Serif", Norasi, serif;
font-style : italic;
font-size : 1em;
font-style : italic;
}
#cornright {
float : left;
width : 150px;
height : 75px;
position : relative;
background-color : #600c0c;
}
body {
display: block;
background-color : black;
margin: 8px;
}   
th, td{
border: 1px solid black;
}      
#intro {
background-color : white;
}
#horl {
position : relative;
top : 6px;
visibility : hidden;
}
#retI {
visibility : hidden;
}
#menu {
text-align : center;
background-color : #FFDEAD;
width : 1400px;
margin : auto;
padding : 0;
}
#esp1, #esp2 {
left : 600px;
width : 100px;
height : 20px;
color : #FFDEAD;
position : relative;
}
#myt, #mytt, #cat_select {
display : none;
}
.tableau {
background-color : #d2d5da;
width : 1270px;
margin : 0 auto;
display : block;
border-color : black;    
border-style:solid; 
border-color:black;
border-spacing : 1px;
border-width : 1px;
}
.c1 {
background-color : #f7f7f7;
text-align : center;
width : 66px;
}
.c2 {
background-color : #90e6fc;
text-align : center;
width : 56px;
}
.c3 {
background-color : #90fcfa;
width : 160px;
}
.c4 {
color : #600c0c;
background-color : #d2d5da;
text-align : center;
width : 44px;
}
.c5 {
background-color : #90fcfa;
width : 96px;
}
.c6 {
background-color : #f7f7f7;
color : blue;
width : 86px;
}
.c7 {
background-color : #90fcfa;
text-align : center;
color : blue;
width : 44px;
}
.c8 {
background-color : #90e6fc;
width : 100%;
text-align : left;
}
.d1 {
background-color : #f7f7f7;
text-align : center;
width : 150px;
}
.d2 {
background-color : #90fcfa;
width : 100px;
text-align : center;
}
.d3 {
display : inline-block; 
width : 60px;
height : 20px;
overflow : hidden;
position : relative;
}
.d4 {
text-align : left;
min-width : 100%;
}
#basdepage {
margin : 0;
padding : 0;
font-size : 0.55em;
background-color : #600c0c;
width : 1400px;
float : left;
}
#gauche {
text-align : left;
float : left;
}
#droite {
text-align : right;
float : left;
}
#centrebas {
float : left;
width : 1224px;
text-align : center;
margin : auto;
padding : 0;
color : white;
font-family : Georgia, "Bitstream Vera Serif", Norasi, serif;
font-style : italic;
font-size : 18px;
font-style : italic;
}
.d3 img {
border : none 0;
display : inline;
margin : 0;
position : relative;
}
.vignette span {  
background-color : #90fcfa;
width : 160px;
display: none; 
}
.vignette:hover span { 
display: block; 
}
        #c1{
            border: 1px solid #FFDEAD;
        }
        #c2{
            border: 1px solid #FFDEAD;
        }
        #c3{
            border: 1px solid #FFDEAD;
        }
        #c4{
            width: 80px;
            border: 1px solid #FFDEAD;
        }
        #c5{
            border: 1px solid #FFDEAD;
        }  /*
        #tabchoix{
            margin: 0 auto;
        }    */
        #cat_select{
            width:1300px;
            margin: 0 auto;
            /* overflow: left; */
        }
        .droite{
            text-align: right;
            padding-right: 5px;
        }
        .gauche{
            text-align: left;
            padding-left: 5px;
        }
        .class350{
            max-width: 350px;
            width: 150px;
        }
        #out{
            max-width:1220px;
            /* width: 820px; */
            min-width: 820px;
            height : 500px;
            max-height:320px;
            /* resize:none; */
            overflow:auto;
            display: block;
            margin: 0 auto;
            text-align: center;
        }
        #resultats{  
            display: none;   
            /* width: 800px; */
            margin: 0 auto;
            max-width: 1200px;
            /* text-align: center;  */
            border-collapse: collapse;  /*        
            border: 1px solid black;   */
        }
        #mybodyt{
            border-collapse: collapse;      
        }
        #bdd_entetet{
            border-collapse: collapse;             
        }
        #durdate{
            border-collapse: collapse; 
            text-align: center; /*
            border: none; #FFDEAD; 
            border-width: 0px;
            border-style: None;*/
            margin: 0 auto;
            border: 1px solid #FFDEAD;
        }
        /*
        #durdate tr,td{

        }*/

        .styledr {
            border: 0;
            line-height: 2.5;
            padding: 0 20px;
            font-size: 1rem;
            text-align: center;
            color: #fff;
            text-shadow: 1px 1px 1px #000;
            border-radius: 10px;
            background-color: rgba(220, 0, 0, 1);
            background-image: linear-gradient(to top left,
                                              rgba(0, 0, 0, .2),
                                              rgba(0, 0, 0, .2) 30%,
                                              rgba(0, 0, 0, 0));
            box-shadow: inset 2px 2px 3px rgba(255, 255, 255, .6),
                        inset -2px -2px 3px rgba(0, 0, 0, .6);
        }

        .styledr:hover {
            background-color: rgba(255, 0, 0, 1);
        }
        .styledr:focus{
            outline: 0px;
        }
        .styledv {
            border: 0;
            line-height: 2.5;
            padding: 0 20px;
            font-size: 1rem;
            text-align: center;
            color: #fff;
            text-shadow: 1px 1px 1px #000;
            border-radius: 10px;
            background-color: rgba(0, 220, 0, 1);
            background-image: linear-gradient(to top left,
                                              rgba(0, 0, 0, .2),
                                              rgba(0, 0, 0, .2) 30%,
                                              rgba(0, 0, 0, 0));
            box-shadow: inset 2px 2px 3px rgba(255, 255, 255, .6),
                        inset -2px -2px 3px rgba(0, 0, 0, .6);
        }

        .styledv:hover {
            background-color: rgba(0, 255, 0, 1);
        }
        .styledv:focus{
            outline: 0px;
        }
        .styledb {
            border: 0;
            line-height: 2.5;
            padding: 0 20px;
            font-size: 1rem;
            text-align: center;
            color: #fff;
            text-shadow: 1px 1px 1px #000;
            border-radius: 10px;
            background-color: rgba(0, 0, 200, 1);
            background-image: linear-gradient(to top left,
                                              rgba(0, 0, 0, .2),
                                              rgba(0, 0, 0, .2) 30%,
                                              rgba(0, 0, 0, 0));
            box-shadow: inset 2px 2px 3px rgba(255, 255, 255, .6),
                        inset -2px -2px 3px rgba(0, 0, 0, .6);
        }

        .styledb:hover {
            background-color: rgba(0, 0, 255, 1);
        }
        .styledb:focus{
            outline: 0px;
        }
        .styledj {
            border: 0;
            line-height: 2.5;
            padding: 0 20px;
            font-size: 1rem;
            text-align: center;
            color: #000;
            text-shadow: 1px 1px 1px #000;
            border-radius: 10px;
            background-color: rgba(235, 193, 45, 1);
            background-image: linear-gradient(to top left,
                                              rgba(0, 0, 0, .2),
                                              rgba(0, 0, 0, .2) 30%,
                                              rgba(0, 0, 0, 0));
            box-shadow: inset 2px 2px 3px rgba(255, 255, 255, .6),
                        inset -2px -2px 3px rgba(0, 0, 0, .6);
        }

        .styledj:hover {
            background-color: rgba(255,255, 18);
        }
        .styledj:focus{
            outline: 0px;
        }
        .styledm {
            border: 0;
            line-height: 2.5;
            padding: 0 20px;
            font-size: 1rem;
            text-align: center;
            color: #000;
            text-shadow: 1px 1px 1px #000;
            border-radius: 10px;
            background-color: rgba(18, 255, 206, 1);
            background-image: linear-gradient(to top left,
                                              rgba(0, 0, 0, .2),
                                              rgba(0, 0, 0, .2) 30%,
                                              rgba(0, 0, 0, 0));
            box-shadow: inset 2px 2px 3px rgba(255, 255, 255, .6),
                        inset -2px -2px 3px rgba(0, 0, 0, .6);
        }

        .styledm:hover {
            background-color: rgba(120, 250, 255, 1);
        }
        .styledm:focus{
            outline: 0px;
        }
        .styledo {
            border: 0;
            line-height: 2.5;
            padding: 0 20px;
            font-size: 1rem;
            text-align: center;
            color: #000;
            text-shadow: 1px 1px 1px #000;
            border-radius: 10px;
            background-color: rgba(251, 155, 3, 1);
            background-image: linear-gradient(to top left,
                                              rgba(0, 0, 0, .2),
                                              rgba(0, 0, 0, .2) 30%,
                                              rgba(0, 0, 0, 0));
            box-shadow: inset 2px 2px 3px rgba(255, 255, 255, .6),
                        inset -2px -2px 3px rgba(0, 0, 0, .6);
        }

        .styledo:hover {
            background-color: rgba(255, 220, 255, 1);
        }
        .styledo:focus{
            outline: 0px;
        }
        .styledp {
            border: 0;
            line-height: 2.5;
            padding: 0 20px;
            font-size: 1rem;
            text-align: center;
            color: #000;
            text-shadow: 1px 1px 1px #000;
            border-radius: 10px;
            background-color: rgba(228, 4, 155, 1);
            background-image: linear-gradient(to top left,
                                              rgba(0, 0, 0, .2),
                                              rgba(0, 0, 0, .2) 30%,
                                              rgba(0, 0, 0, 0));
            box-shadow: inset 2px 2px 3px rgba(255, 255, 255, .6),
                        inset -2px -2px 3px rgba(0, 0, 0, .6);
        }

        .styledp:hover {
            background-color: rgba(255, 128, 220, 1);
        }
        .styledp:focus{
            outline: 0px;
        }