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

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

#contener {
          max-width : 1300px;
	  padding : 140px 10px 0px 10px;
          margin-left : auto;
          margin-right : auto;
          background : white;
       	  color : #0000A0; /* darkblue;*/
/*	  border-style : solid;
       	  border-width : 0px 0px 5px 0px;
       	  border-color : #843908; 
*/
	  }


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

#adressX  { /*boite normale*/
  -moz-border-radius: 20px;
  background-color: #e9edf2; /* #e6e8ea  #99CCFF  #ddddff;*/
  padding: 5px 15px; 
  text-align: left;
  position:relative ; /* indique un décalage par rapport à la position normale */
  top:4px ; /* décalage de 4 pixels vers le bas */
  margin: 4px;
  float : right;
  width: 25%;
      }

#adressX h2 {
 -moz-border-radius-topleft: 20px;
  -moz-border-radius-topright: 20px;
  text-align: center;
  background-color:  #ce004b /* #011249 #373552 */;
  color: white;
  margin: -5px -15px;
  padding: 5px 5px;
  font-size: 16px;
  font-weight: bold;
      }

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

#menu a { 
     display: block; 
     width: 245px; /* on définit la taille du bouton de menu */
     height: auto; 
     margin: 0; 
     padding : 80px 0px 20px 0px;
     color: #843908; 
     text-align: left; 
     text-decoration: none; 
     background:  transparent url(./Images/vigneMenu.gif) top left no-repeat;
     } 
 
#menu a:hover { 
     background: transparent url(./Images/vigneMenu2.gif) top left no-repeat;
     color :  red;
     } 

#menu a:active { 
      background: transparent url(./Images/vigneMenu2.gif) top left no-repeat;
      color: #843908; 
     }

#menu #choix {
       }


#sous-menu  {
	color :  #843908;
        background : white;
        padding : 0;
        width: 140px;
        }

#sous-menu li {
         background : white;
         color : black;
         padding : 0px;
         list-style-type : none;
         border-style : solid;
         border-width : 1px 0px 0px 0px;
         border-color :  #849339; 
         }

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

#sous-menu a:active { 
     background : white;
     color:  #849339;
     }

#sous-menu #choix {
       background : white;
       color :  #849339; 
       }

#header_left {
	/* Style des cellules du header */
	background-image: url("http://www-verimag.imag.fr/~plafourc/TopG.png");
	background-repeat:  no-repeat;
	background-position: top left;
/*	margin-right: -2px; */ /*enleve l espace entre les deux images*/
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px ;
	background-color: white;
	width: 550px;
	position : absolute;
	height: 2.5cm;
}

#header_left h3 {
	text-align: center; 
	color: white;
	 font-family: verdana, lucida grande, tahoma, sans-serif;
     	 font-size: 1.8em;
}
 
#header_right {
	/* Style des cellules du header */
	background-image: url("http://www-verimag.imag.fr/~plafourc/TopD.png");
	background-repeat:  no-repeat;
	background-position: right top;
	background-color: white;
	float: right;
	width: 183px;
	height: 3.6cm;
	position : relative;
}


#header {
	/* Style des cellules du header */
	background-image: url("http://www-verimag.imag.fr/~plafourc/TopC.gif");
	background-repeat: repeat-x;
	background-position: top right;
	background-color: white;
	float: left; 
	height: 3.6cm;	
	width: 100%;
 position :absolute;
}


#entete {
        background : white;
	width: 100%;
        height: 18em;
	overflow :auto;
	padding : 0;
        border-style : double;
        border-width : 0px 0px 5px 0px;
     	border-color : #843908;
	color :  #843908;
}

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

 #entete p {
      float : left;
      margin : 0;
      padding : 10px 10px 10px 10px;
      text-align : center;
      line-height : 133px;
      }
 

#entete a {
	padding : 0px;
	margin : 0px;
	background-color : white;
	color : #849339;
	text-decoration : none;
	 }

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

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


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

.bandereau { 
        display : none;
        visibility : hidden;
 }

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


#corps {

       padding-left : 20px;
       padding-right : 3px;
padding: 10px 10px 10px 10px;
       margin : 0;
       background : white;
      /* color : black;   color: #222; */
      color: #0000A0; /*darkblue;*/
 }


#corps h2 {
  -moz-border-radius-topleft: 20px;
  -moz-border-radius-topright: 20px;
  text-align: center;
  background-color:  #003366 /* #011249 #373552 */;
  color: white;
 /*  margin: 0px 0px 5px -15px; */
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: -15px;

padding:10px 10px 10px 10px;
 /* padding: 5px 5px 5px 0px;*/
  font-size: 16px;
  font-weight: bold;
/*
         width : 15em;
         text-align : center;
         background-color : white;
	 color :  #849339;
	 margin-left : auto;
         margin-right : auto;
*/
	  }

#corps h2:first-letter { 
        font-size : 2em;
        color : white; /* /#843908;   */
	background-color:  #003366 /* #011249 #373552 */;
       }


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

#corps p {
       text-align : justify;
       margin-bottom : 1em;
	 }

#corps i {
       background-color : white;
       color :  #849339;
	 }



#corps a {
       background-color : white;
       color : purple;
       text-decoration : none;
	 }

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

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


#pied_de_page {
	      width : 100%;
              height : 28px;
	      margin : 0;
	      text-align : center;
/*            background:  red url(./Images/bordure.jpg) bottom left repeat; */
              color : black;
              clear: both;
	      }

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

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

#pied_de_page img {
	border : none;
      }


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

.gauche {
        float: left;
        width: 70%;
}
.droite {
        float: right;
        width: 30%;
	/* background-color: #121453;*/
}

.ombre { /* boite d'arrière plan dont le débordement crée l'ombrage */
  -moz-border-radius: 20px;
     margin: 10px 10px;
 /*   padding: -5px -15px; */
background-color: #9594a0 /* couleur de la boite, donc de l'ombre */
}

.boite {
  -moz-border-radius: 15px;
  background-color: #e9edf2; /* #e6e8ea  #99CCFF  #ddddff;*/
   padding: 5px 15px; 
  text-align: justify;
  /*margin: 20px 20px;*/
  position:relative ; /* indique un décalage par rapport à la position normale */
top:-4px ; /* décalage de 7 pixels vers le haut */
left:-4px
}

h2 {
  -moz-border-radius-topleft: 20px;
  -moz-border-radius-topright: 20px;
  text-align: center;
  background-color:  #003366 /* #011249 #373552 */;
  color: white;
  margin: -5px -10px;
  padding: 10px 10px 10px 10px;/*5px */
  font-size: 16px;
  font-weight: bold;
}

.h2r {
  -moz-border-radius-topleft: 20px;
  -moz-border-radius-topright: 20px;
  text-align: center;
  background-color: Darkred; /* #ce004b /* #011249 #373552 */;
  color: white;
  margin: -5px -15px;
  padding: 10px 10px 10px 10px;
  font-size: 16px;
  font-weight: bold;
}





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

.article img {
	 float : right;
	 position : relative;
	 top : -40px;
	 border : 0;
	  }

.abstract {
	  }

.photo {
       float: right;
       border : 1px #843908 solid;
       }

.illustration {
       float : right;
       }



#themeswitch {
           display : none;
        visibility : hidden;
}

#themeswitch h3 {            
                  font-size : 1em;
               }


#themeswitch div.clear {
	clear: both;
}

#style1switch {
        color : white;
        background : #843908;
}

#style1switch:hover {
       color : white;
       background : #843908;
}


#style2switch {
	cursor: pointer;
}

#style2switch:hover {
       color : white;
       background : #849339;
}