/*
Sources : 
- https://getcssscan.com/css-box-shadow-examples
*/

html {
	background-color:#F7F7F7;
}

body { 
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:1.2em;
	font-weight:normal;
	background-color:white;
	color:black;
	width:800px;
	margin-left:auto;
	margin-right:auto;
	border:1px #808080 solid;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;
}

a,a:link,a:visited {
	color: #6F78DF; 
	text-decoration:none;
}

a:hover {
	color: #FF6C4F;
	text-decoration: none
}

.photo{
    width:150px;
    border:1px solid #31849B;
    border-radius: 50px 70px 50px 70px; 
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

/*.photo:hover{
    transform : rotate(-45deg);
}*/

#gauche a img{
    margin-top:20px;
    
    /*padding:7px 7px 7px 7px;*/
    /*padding-top:10px; 
    padding-bottom:10px; 
    padding-left:10px;
    padding-right:10px;*/
    margin-left:20px;
    /*border:1px solid #31849B;*/
    /*border-radius: 90px 90px 90px 90px;*/ 
    border-bottom : 5px solid white; 
    width:20px;
}

#gauche a img:hover{
    border-bottom : 5px solid #31849B; 
    background-color:#E8F3F9;
}

#gauche #coordonnees{
display:none;}

/* CV */

h1 {
  font-size:1.4em;	
  /*font-family:Geneva, Arial, Helvetica, sans-serif;*/
  font-weight:bold;
  text-align:center;
  color:#000;
  margin-top:0px;
  padding-top:60px;
  padding-bottom:50px;
  text-transform:uppercase;
	
}

h2 {
  font-size:0.8em;
  background-color:#DAEEF3;
  height:22px;
  color:#31849B;
  border-bottom:1px #31849B solid;
  padding-top:10px;
  padding-left:10px;
  text-transform:uppercase;
  /*border-radius: 20px 0 0 20px; 
  -moz-border-radius: 20px 0 0 20px;  */ 
}

h2.petit{
  font-size:0.6em;
  background-color:#E8F3F9;
  height:18px;
  color:#31849B;
  border-bottom:1px #31849B solid;
  padding-top:10px;
  margin-left:30px;
  text-transform:uppercase;
  /*border-radius: 20px 0 0 20px; 
  -moz-border-radius: 20px 0 0 20px;  */
}

h3 { 
  font-size:0.6em;
  margin-left:20px;
  /*background-color:#EFEFEF;*/
  color:#000;
  padding-left:10px;
  /*border-bottom:1px #8BC1DF solid;
  border-left:1px #8BC1DF solid;*/
  /*border-radius: 10px 0 0 10px;
  -moz-border-radius: 10px 0 0 10px;*/
  margin-bottom:3px;
  text-transform:uppercase;
}

h3 q {
    display: inline-block;
    position: relative;
    quotes : none;
    font-size:1.2em;
    background-color:#31849B;
    color:#FFFFFF;
    width:65px;
    bottom:10px;
    top:10px;
    margin-left:10px;
    border-bottom:1px #31849B solid;
    text-align:center;
    border-radius: 10px 00px 0px 0px;
}

h3.experience{
    background-color:#31849B;
    color:#FFFFFF;
    border-radius: 10px 10px 0px 0px;
    padding-bottom:10px;
    margin-bottom:-10px;
}

h4{
/*
  font-size:1em;
  margin-left:20px;
  background-color:#9F9F9F;
  color:#FFF;
  padding-left:10px;
  border-bottom:1px #8BC1DF solid;
  border-left:1px #8BC1DF solid;*/
/*  border-radius: 10px 0 0 10px;
  -moz-border-radius: 10px 0 0 10px;*/
  /*padding-bottom:0px;
  margin-bottom:0px;
*/
 font-size:1em;
  background-color:#E8F3F9;
  height:18px;
  color:#31849B;
  border-bottom:1px #31849B solid;
  padding-top:10px;
  padding-left:10px;
  margin-left:0px;
  margin-top:-10px;
  text-transform:uppercase;
  /*cursor:pointer;*/
}

table {
  width:100%;
}

.compt ul {
  margin-left:10px;
}

.compt li {
  display:inline;
  font-size:0.6em;
}

li{
  /*margin-bottom:5px;*/
  font-size:0.6em;
}

ul{
  margin-top:0px;
  margin-bottom:10px;
}

ul b{
color:#31849B;
}

/*#coordonnees{
  position:fixed;
  top:50px;
  left:30px;
}*/

#validation{
  bottom:10px;
  right:10px;
  text-align:center;
  font-size:0.6em;
}

#validation img{
border:0px;
width:55px;
}

#validationGauche{
text-align:left;
}



#gauche {
 padding-left:10px;
 padding-top:10px;
 width:200px;
 font-size:0.6em;
}

#droite {
 padding-left:10px;
 padding-top:10px;
 padding-right:10px;
 position:relative;
 top:10px;
 width:580px;
 margin-left:200px;
 height:100%;
 margin-top:-210px;
}

.w3c{
  position:absolute;
  right:10px;
  margin-top:-10px;
 }

.w3c img{
 width:75px;
}

.centrer{
  text-align:center;
}

.gauche{
text-align:left;
}

.droite{
text-align:right;
}


.description{
  padding: 20px 10px 10px 10px ;
  border-left:3px #31849B solid;
  border-top:2px #31849B solid;
  border-right:3px #31849B solid;
  border-bottom:3px #31849B solid;
  background-color:#FFF;
  margin-left:20px;
  margin-top:9px;
  font-size:12px;
   box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;

}

.badge{
  position:relative;
  text-align : left;
  width:100px;
  right:300px;
  margin-top:-75px;
  margin-left:730px;
  /*background-color:red;*/
  /*left : 200px;*/
}

.badge img{
  width:100px;
}

.mission{
  margin-left:00px;
  margin-top:-10px;
  padding: 10px 10px 10px 10px ;
  border-left:0px #BFBFBF solid;
  border-right:0px #BFBFBF solid;
  border-bottom:0px #BFBFBF solid;
  background-color:#FFF;
  font-size:12px;
  text-align:justify;
  /*display:none;*/
}

.mission li{
  font-size:12px;
}

.mission b{
 display : block;
 margin-top:10px;
 margin-bottom:10px;
}

.etudes{
  height:60px;
  margin-left:40px;
  border-left:5px #8BC1DF solid;
  background-color:#EFEFEF;
  padding: 10px 10px 10px 10px ;
}

.image{
  position:absolute;
  /*left:-150px;*/
  left:-110px; 
  width:181px;
  margin-bottom:-161px;
  margin-top : 30px; 
  /*margin-right:-185px;*/
  transform : rotate(-90deg);
}

pre{
  margin-left:100px;
  margin-right:60px;
  border-left:7px #8BC1DF solid;
  padding:5px 5px 5px 5px;
  color:#6F6F6F;
  background-color:#DFF4FF;
  white-space: pre-wrap; 
}


pre b{
	color:#8BC1DF;
}

div#foot 
{
  padding-top:.2em;
  margin-top:20px;
  font-size:x-small;
  text-align:center;
  font-style:italic;
  font-family:Verdana, Helvetica, sans-serif;
  border-top:thin #808080 solid;
  background-color:#EFEFEF;
  color:#31849B;
  height:35px;
  padding-top:10px;  

}