/*10.css */

.titre
{    
   background-color: #9071E6;
   border: 1px solid black;
   border-color: #ffffff;
   color: #000000;
   margin-top: 20px;
   margin-bottom: 100px;
   font-size:22px;
   padding: 10px;
   text-align: center;
}

.titre1
{   
   background-color: #9071E6; 
   border: 1px solid black;
   border-color: #000000;
   color: #000000;
   font-size:18px;
   margin-top: 0px;
   margin-right: 7px;
   padding-left: 5px;
   padding-bottom: 1px;
   padding-right : 5px;
   text-align: center;
}

p {
   background-color: #722DFE;
   border: 1px;
   border-color: #ffffff;
   border-style : solid;
   color: #000000;
   margin-left: auto;
   margin-right: auto;
   margin-top: 25px;
   padding-top : 5px;
   padding-right : 5px;
   padding-bottom :5px;
   padding-left : 5px;
   text-align: justify;
   width: 780px;
}

.date {
   background-color:#8753CB;
   color:black;
   display:inline;
   font-size:12px;
   font-style:italic;
   text-align:right;
}

.date_black {
   background-color:#8753CB;
   border: 1px;
   border-color: #000000;
   border-style : solid;
   color:black;
   display:inline;
   font-size:12px;
   font-style:italic;
   text-align:right;
}

.blocfloatleft { 
   float: left ;
   width: 450px ;
   height: 450px ;
   border: 1px solid black; 
   text-align:left;
   padding-left:5px;
} 

.blocfloatleft-r { 
   float: left ;
   width: 450px ;
   height: 450px ;
   border: 1px solid black; 
   text-align:right;
} 

.bloc { 
   width: 450px ;
   height: 450px ;
   border: 1px solid black; 
}

.petitblocfloatleft { 
   float: left ;
   width: 150px ;
   height: 450px ;
   border: 1px solid black; 
} 



#padding1{
   padding-top : 30px;
   padding-right : 20px;
   padding-bottom :20px;
   padding-left : 20px;
   text-align: center;
   color: #ffff00;
   background-color: #000000;
}

#padding2{
   padding-top : 20px;
   padding-right : 20px;
   padding-bottom :20px;
   padding-left : 20px;
   border: 1px solid blue;
   text-align: center;
   color: #68a68a;
   background-color: #000000;
}

table {
   align:center;
   background-color: #9071E6;
   border: 1px solid black;
   color:#000000;
   text-align:center;
}




.cadrenoir {
    background-color: #000000;
    padding: 1px 0px 1px 0px;
}

.filtre {
   background-color: #190035;
   text-align: center; 
}

.filtre2 {
   background-color: #626262;
   text-align: center; 
   padding : 0px 0px 0px 17px;
}

.filtre3 {
   background-color: #000000;
   text-align: center; 
   padding : 0px 0px 0px 17px; /* !laisser ces valeur, pour la symétrie des pages!*/
}

.filtre4{
   background-color: #190035;
   text-align: center; 
   padding : 0px 0px 0px 17px; /* !laisser ces valeur, pour la symétrie des pages!*/
}

.fondgrispadding  {
    background-color: #626262;
   text-align: center; 
   padding : 0px 0px 0px 17px;
}

.fondnoirpadding  {
    background-color: #000000;
   text-align: center; 
   padding : 0px 0px 0px 17px; /* !laisser ces valeur, pour la symétrie des pages!*/
}

.fondbleupadding  {
    background-color: #190025;
   text-align: center; 
   padding : 0px 0px 0px 17px; /* !laisser ces valeur, pour la symétrie des pages!*/
}

#corpspied {
   background:#000000; 
   color: #3BCD7F;
   height: 80%;
   margin-top: 0px;
   margin-right: 0px;
   margin-bottom: 0px;
   margin-left: 0px;
   overflow: auto; /* affichage barre deroulement */
   padding-top : 20px;
   padding-right : 2px;
   padding-bottom :1px;
   padding-left : 2px;
}

#tete {
   height: 20%;
   width:auto;
}

#blok{
   margin-top: 2px;
   margin-right: 2px;
   margin-bottom: 2px;
   margin-left: 2px;
   padding-top : 1px;
   padding-right : 1px;
   padding-bottom : 1px;
   padding-left : 1px;
   border: 2px solid grey;
   text-align: center;
   color: #002658;
   background-color: #000000;
   clear:both;
}

#blok_titre{
   WIDTH :50%;
   margin-top: 5px;
   margin-bottom: 5px;
   padding-top : 5px;  
   padding-bottom : 5px;
   border: 2px solid grey;
   text-align: center;
   color: #000000;
   background-color: #2A867A;
   clear:both;
}

#blok_soustitre{
   WIDTH :50%;
   margin-top: 5px;
   margin-bottom: 5px;
   padding-top : 5px;  
   padding-bottom : 5px;
   border: 2px solid grey;
   text-align: center;
   color: #000000;
   background-color: #287C71;
   clear:both;
}

html, body {
   background-color:#000000;
   color: #00ff00;
   font-size: 16px;
   font-family: "Arial", "Arial Black", "Times New Roman", Times, serif;
   margin: 0px 0px 0px 0px ; /* declaration obligatoire sinon marge parasite */
   overflow: hidden; /* sinon deux barre defilement sur e exploreur */
   text-align: center;
}

a:link {color: #000066; text-decoration:none;}
a:visited {color: #660066; text-decoration:none;}
a:hover {color: #003333; text-decoration:green;}

#image_fond {
   height: 100%;
   width: 100%;
   background-image:url(http://www.solidaritok.com/photos/nature/univers.jpg);
   background-repeat:no-repeat;
   background-position: ;
}

#en_tete_icone
{
   border: 2px solid black;
   padding-top: 2px;
   padding-right: 2px;
   padding-bottom: 2px;
   padding-left: 2px;
}

#en_tete_menu {
   border: 2px solid black;
   margin-top: 5px;
   margin-right: 5px;
   margin-bottom: 5px;
   margin-left: 105px;
   padding-top: 20px;
   padding-right: 20px;
   padding-bottom: 20px;
   padding-left: 20px;
   border-top:1px solid #000000;
   border-right:1px solid #000000;
   border-bottom:1px solid #000000;
   border-left:1px solid #000000;
   color: #000000;
   background-color: #808080;
}

.infobulle{
   position: absolute;	
   visibility : hidden;
   border: 1px solid Black;
   padding: 10px;
   font-family: Verdana, Arial;
   font-size: 100px;
   background-color: #FFFFCC;
}

#corps{
   width: auto ;
   color: #000000;
   background-color: #626262;
}

#texte{
   width: 780px;
   margin: 3px 10px 8px 0px ; 
   padding : 5px 5px 5px 5px ; 
   border : 1px 1px 1px 1px ; 
   color: #000000;
   background-color: #626262;
}

#texte_indigo-clair{
   width: 780px;
   margin: 3px 10px 8px 0px ; 
   padding : 5px 5px 5px 5px ; 
   border : 1px 1px 1px 1px ; 
   color: #000000;
   background-color: #9071E6;
}

#corps h1{
   text-align: center;
   font-family: "Arial", "Arial Black", "Times New Roman", Times, serif;
   color: #000000;
}

#corps h2{
   height: 30px;
   padding-left: 30px;
   color: #000000;
   background-image: url("images/titre.png");
   background-repeat: no-repeat;   
   text-align: left;
}

#cadre {
   margin: 2px 2px 2px 2px ; 
   padding : 2px 2px 2px 2px ; 
   display: table;
   background-color: #808080;
}