/* feuille de style css 6 pour ma page perso */

body {
     font-family: "lucida grande", verdana, tahoma, sans-serif;
     color : #333;
     font-size: 11px;
     background : white;
     margin : 0;
     padding : 0;
     }


#photo {
  float: left;
  margin: 0px 20px 5px 5px;
  max-height: 230px;
  //min-height: 230px;
  //height: 230px;
  max-width: 400px;
}


#cv {
  float : right;
  width : 75%;
    padding : 3px 10px 3px 10px;
     //-moz-border-radius: 20px;
     text-align: justify;  
    // background-color: #e9edf2; /* #e6e8ea  #99CCFF  #ddddff;*/
     margin-bottom: 5px;
     }



hr.virtual { clear: both;
 visibility: hidden;}

#contener {
          width : 100%;
     	  padding : 0;
          margin : 0;
	  }

#menu  {
        float: left;
        width : 146px;
	padding : 20px 0px 0px 0px;
	margin : 0; 
      }

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


#header_left h3 {
	text-align: center; 
	color: Darkblue;
	 font-family: verdana, lucida grande, tahoma, sans-serif;
     	 font-size: 1.8em;
}


#adress  {
position: fixed;     
   float: left;
        width : 20%;
//	padding : 20px 0px 0px 0px;
	margin : 0; 
      }

#adressx a { 
     display: block; 
     width: 66px; /* on définit la taille du bouton de menu */
     height: 100px; 
     margin: 0; 
     padding : 4px 0px 0px 80px;
     color: rgb(6,103,174);
     text-decoration: none; 
     font-size: 1em;
text-align: left; 
     } 

#menu a { 
     display: block; 
     width: 66px; /* on définit la taille du bouton de menu */
     height: 100px; 
     margin: 0; 
     padding : 4px 0px 0px 80px;
     color: rgb(6,103,174);
     text-decoration: none;
     font-size: 1em;
     } 


#menu #home {
        background-image : url(./Images/accueil3.jpg);
	background-repeat : no-repeat;
	background-position : center top;}
#menu #tutorial {
        background-image : url(./Images/enseignement3.jpg);
	background-repeat : no-repeat;
	background-position : center top;}
#menu #find {      
        background-image : url(./Images/recherche3.jpg);
	background-repeat : no-repeat;
	background-position : center top;}
#menu #info {
        background-image : url(./Images/information-divers3.jpg);
	background-repeat : no-repeat;
	background-position : center top;}

 
#menu a:hover { 
     } 

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


.sousmenu {  
        width: 200px;
        padding : 5px 5px 0px 5px;
        background-color: #eee;
        border : solid black;
        border-width : 1px 1px 1px 1px;
}
 
#entete {
	width: 100%;         
        color : white;
        background-color: rgb(6,103,174);
        border : solid black;
        border-width : 0 0 3px 0;
	}

#entete h1 {
	margin : 0;
	padding : 5px 0px 0px 5px;
        letter-spacing : 0.2em;        
	 }


#entete p {
	margin : 0;
        padding : 0px 0px 2px 5px;
	}

#entete a {
	color : white;
	text-decoration : none;
	 }

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

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

#corps {
       margin-left : 218px;
       max-width : 650px;
       padding : 10px 0px 10px 0px;
       }


#corps h2 {        
	 color : rgb(6,103,174);
       	 border : 0px;
	 margin : 0px;
	 }

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

#corps h3{
       color : #888;
       }

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

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



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

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

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


#pied_de_page {
              margin-left : 218px;
	      max-width : 650px;
	      text-align : center;
	      background-color : white;	
	      color : black;
              clear : both;
	      }

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

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

#pied_de_page validation {
	border : none;
      }


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

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

.abstract {
	  margin-left : 10px;
	  margin-right : 10px;
          padding : 0;
	  color : #333;
	  }


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

.illustration {
       float : right;
       }


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

.style1switch:hover {
        height: 1.4em;
        background : white;
         color : red;
}