h1
{
font-size: 40px;
text-align: left;
color: black;
font-family: Cursive;
margin-left: 20px;
line-height: 1.2;
}

h2
{
font-size: 25px;
color: black;	
font-family: "Times New Roman";
line-height:1.5px;
}

h3
{
font-size: 25px;
color: #035dde;
text-align: justify;
font-family:  "Times New Roman";
line-height:1.5px;
}


body
{
font-size: 20px;
font-family: "Times New Roman";
color: #242424;
background-color: white;
}

#box
{
background-color: white;
width: 100%;
margin-top: 5px;
margin-left: 5px;
margin-right: 5px;
}

#boxcol1
{
background-color: white;
float: left;
width: 200px;
height: 250px;
margin-left: 10px;
margin-top: 5px;
}

#boxcol2
{
background-color: black;
margin-left: 0px;
width: 100%;
height: 275px;
background-image:url(images/PlanB.png);
margin-top: 0px;
}

#boxcolN
{
background-color: black;
margin-left: 0px;
width: 100%;
height: 500px;
background-image:url(images/Plan1.png);
margin-top: -50px;
}


#boxCV
{
background-color: black;
margin-left: 0px;
width: 100%;
height: 150px;
background-image:url(images/PlanB2.png);
margin-top: 5px;
}

#boxSoftware
{
background-color: black;
margin-left: 0px;
width: 100%;
height: 150px;
background-image:url(images/PlanB2.png);
margin-top: 5px;
}

#boxThesis
{
background-color: black;
margin-left: 0px;
width: 99%;
height: 150px;
background-image:url(images/PlanB2.png);
margin-top: 5px;
}

#boxPublications
{
background-color: black;
margin-left: 0px;
width: 100%;
height: 150px;
background-image:url(images/PlanB2.png);
margin-top: 5px;
}

#boxTeaching
{
background-color: black;
margin-left: 0px;
width: 100%;
height: 150px;
background-image:url(images/PlanB2.png);
margin-top: 5px;
}

#boxblanc
{
background-color: white;
width: 100%;
text-align: left;
}

#colAboutme
{
width: 40%;
float: left;
background-color: white;
border: 3px dotted #ac2295;
padding-left: 10px;
padding-right: 5px;
padding-top: 5px;
padding-bottom: 5px;
margin-left: 0px;
}

#colOther
{
width: 55%;
overflow: hidden;
background-color: white;
padding-left: 10px;
padding-right: 5px;
padding-top: 5px;
padding-bottom: 5px;
margin-left: 0px;
}

#colOtherN
{
width: 90%;
overflow: hidden;
background-color: white;
padding-left: 100px;
padding-right: 20px;
padding-top: 30px;
padding-bottom: 20px;
margin-left: 0px;
border-spacing : 500px;
}

#colCollab
{
width: 15%;
float: right;
background-color: white;
border: 3px dotted #ac2295;
padding-left: 10px;
padding-right: 5px;
padding-top: 5px;
padding-bottom: 5px;
margin-left: 0px;
}

#photodeprofil
{
  display: inline-block;
  background-position: center;
  margin-left: auto;
  margin-right: auto;
  border: 3px dotted white;
  width: 220px;
  height: 230px;
  border-radius: 50%;
  margin-left: 45%;
  position: center;
  text-align: center;
  overflow:hidden;
}

img
{
  width: inherit;
  height: inherit;
  border-radius: inherit;
  position: center;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.imageflottanteProfil
{
float: left;
margin-right: 30px;
width: 40px;
height: 40px;
}



ul {
 position:absolute; 
 padding:0;
 margin:0;
 list-style-type:none;
 position: absolute;
 text-align:center;
 padding-left: 7px;
}
li {
 margin-left:1.5px;
 float:left; /*pour IE*/
  padding-left: 6px;
}
ul li a {
 display:block;
 float:left;   
 position: center;
 width:96px;
 background-color:#8c8b8c ;
 color:black;
 text-decoration:none;
 text-align:center;
 padding:10px;
 border:2px solid;
 /*pour avoir un effet "outset" avec IE :*/
 border-color:#DCDCDC #696969 #696969 #DCDCDC;
 }
ul li a:hover {
 background-color:#ac2295;
 border-color:#696969 #DCDCDC #DCDCDC #696969;
 } 


.Logo1{
    float:left;
    width: 200px;
    height: 100px;
    padding-top: 10px;
    margin-left: 50px;
    position: center
}

.Logo2{
    float:left;
    width: 110px;
    height: 100px;
    padding-top: 10px;
    margin-left: 50px;
}


ul2 {
 position:absolute; 
 padding:0;
 margin:0;
 list-style-type:none;
 position: absolute;
 text-align:center;
 padding-left: 7px;
}
li2 {
 margin-left:10px;
 float:left; /*pour IE*/
  padding-left: 10px;

}

ul2 li2 a {
 display:block;
 float:left;   
 position: center;
 width:200px;
 background-color:#1698f1 ;
 color:black;
 text-decoration:none;
 text-align:center;
 padding:10px;
 border:3px solid;
 /*pour avoir un effet "outset" avec IE :*/
 border-color: #e7ad4a #e7ad4a #e7ad4a #e7ad4a;
 }
ul2 li2 a:hover {
 background-color:  #e7ad4a  ;
 border-color: #e7ad4a   #e7ad4a  #e7ad4a #e7ad4a ;
 }