/* feuille de style css 2 fond noir pour ma page perso */

body {
     font-family: "lucida grande", verdana, tahoma, sans-serif;
     color : white;
     font-size: 0.8em;
     background : black;
     }

#contener {
	  width : 650px;
	  padding : 0em 0em 0em 0em;
          margin : 0;
          margin-left : 250px;
          background: black;
       	  color : white;
	  border-style : solid;
       	  border-width : 5px 0px 0px 0px;
       	  border-color : rgb(6,103,174);
	  }


#menu  {
        position : fixed;
        top : 250px;
         left : 25px;
         width : 200px;
	padding : 0px 0px 0px 0px;
	margin : 0; 
        color : white;
         background: black;
         }



#adress  {
        position : fixed;
        top : 250px;
         left : 25px;
         width : 200px;
	padding : 0px 0px 0px 0px;
	margin : 0; 
        color : white;
         background: black;
         }

#adress a { 
     display: block; 
     width: 200px; /* on définit la longueur  du bouton de menu */
     margin: 0; 
     padding : 0px 0px 0px 0px;
     color: white; 
     background: DarkRed; /*#a70032; red; ff0000*/
     text-align: left; 
     text-decoration: none; 
     } 



#menu li {
           list-style-type : none;
           margin: 10px 0 0 0; 
         }

#menu a { 
     display: block; 
     width: 200px; /* on définit la taille du bouton de menu */
     margin: 0; 
     padding : 0px 0px 0px 0px;
     color: white; 
     background: black;
     text-align: center; 
     text-decoration: none; 
     } 

 
#menu a:hover { 

     } 

#menu a:active { 
     background: rgb(0,186,243);
     color: #fff; 
     }

#menu #choix {
       background : rgb(6,103,174);
       color : white;
       }


#menu #sous-menu  {
	color : navy;
        margin : 0;
        padding : 0 0 0 20px;
      }

#menu #sous-menu li {
          margin : 0;
          list-style-type : none;
          background: black;
         }

#menu #sous-menu a { 
     display: block; 
     width: 170px; /* on définit la taille du bouton de menu */
     margin: 0; 
     padding : 0;
     color: gray; 
     text-align: center; 
     text-decoration: none;
     border : solid #ccc;
     border-width : 0 0 0px 0;
     } 
 
#menu #sous-menu a:hover { 
     } 

#menu #sous-menu a:active {
     color: #fff; 
     }

#menu #sous-menu #choix {
       color : red;
       }


 
#entete {
	width: 650px;
	padding : 10px 0px 10px 0px;
        background-color: black;
	color : rgb(6,103,174);
	}

#entete h1 {
	margin : 0;
	padding : 0;
        letter-spacing : 0.3em;
	 }


#entete p {
	margin : 0;
	padding : 0 0 10px 0;
	}

#entete a {
	padding : 0px;
	margin : 0px;
	background-color :black;
	color : rgb(6,103,174);
	text-decoration : none;
	 }

#entete a:hover { 
	background-color : black;
	color : red;
     } 

#entete a:active { 
	background-color : black;
     	color: #fff; 
     }


#entete img {
	padding : 0px;
	margin : 0px;
	float : right;
	border : none;
      }



.bandereau { 
        width: 650px;
        border-style : solid;
      	border-color : black;
       	border-width : 0px 0px 2px 0px;     
        background-color: black;
	color : rgb(6,103,174); 
 }



#corps {
       width : 650px;
       /*margin : 0px 0px 0px 220px;*/
       padding : 10px 0px 10px 0px;
       background :  black;
       color : rgb(0,186,243);
       color: #ccc;
       }


#corps h2 {
        
         background-color : black;
	 color : rgb(6,103,174);
	 border-style : solid;
      	 border-color : rgb(6,103,174);
       	 border : 0px;
	 margin : 0px;
	 }

#corps h2:first-letter {
         font-size : 40px;
         color: rgb(6,103,174);
         }

#corps h2 img {
       float: right;
       }


#corps h3{
       background-color :black;
       color : #ccc;
       }

#corps p {
       text-align : justify;
       margin-bottom : 10px;
	 }

#corps i {
       background-color : black;
       color : rgb(6,103,174);
	 }



#corps a {
       background-color : black;
       color : rgb(6,103,174);
       text-decoration : none;
	 }

#corps a:hover { 
       	  background-color : black;
	  color : red;
     } 

#corps a:active { 
     background-color : black;
     color: #fff; 
     }


#pied_de_page {
	      width : 650px;
	      text-align : center;
	      background-color : black;	
	      color : black;
              clear : both;
              border-style : solid;
              border-color :  rgb(6,103,174);
              border-width : 1px 0px 0px 0px;
	      }

#pied_de_page p {
	      margin : 0;
	      padding : 10px 0px 0px 0px;
	      }

#pied_de_page a {
	      background-color : black;	
	      color : rgb(6,103,174);
	      }

#pied_de_page validation {
	border : none;
      }


.article {
           border-style : solid;
      	 border-color : rgb(200,200,200);
       	 border-width : 0px 0px 1px 0px;
	  }

.pdf {
	 float : right;
	 position : relative;
	 top : -30px;
         border : 0;
         background : black;
	  }

.abstract {
	  margin-left : 10px;
	  margin-right : 10px;
          padding : 5px;
	  color : #ccc;
	  }

.photo {
       float: right;
       border : 1px rgb(6,103,174) solid;
       }

.illustration {
       float : right;
       }



#themeswitch {
        clear: both;
        width : 150px;
        color : rgb(6,103,174);
        background: black;
        text-align : center;
        position : absolute;
        left : 50px;
        top : 10px;
}

#themeswitch h3 {font-size : 1em;
                  background: black;
                   color : #ccc;}

#themeswitch div.clear {
	clear: both;
}

#style2switch {
	width: 110px;
	height: 1.4em;
        cursor: pointer;
        color : rgb(6,103,174);
        display: inline;
}

#style2switch:hover {
        height: 1.4em;
        background : black;
         color : red;
}


#style1switch {
	width: 110px; 
        height: 1.4em;
        color :#ccc;
        background : black;  
        display: inline;
}