body{
background-color:#cdffd2;
font-family: 'Roboto Condensed', sans-serif;
margin:0px;
background: url(img/pissenlit3.png)  no-repeat #cdffd2;
}

#fond{
position:absolute;	
top:0px;
}

#container{
/*background-color:#cdffd2;*/
height:auto;
width:960px;
margin:auto;
/*border: 1px solid red;*/
}

#logo{
font-size: 50px;
text-decoration: bold;	
}

#logo-text{
text-decoration: none;
color:#000000;
}

#menu {
	position: absolute;
	top:100px;
	right: 239px;
}

a.nav{
border: none;
display:inline-block;
background-color: #000000;
color:#cdffd2;
text-decoration: none;
border-radius: 5px;
margin-left:2px;
padding-top:20px;
padding-bottom: 20px;
text-align: center;
width:100px;
border: none;


}

#content{
/*border: 1px solid red;*/
}

/*
#photo{
position:relative;
top:45px;
left:40px;	
padding-bottom: 45px;
}*/

#photo {
position: relative;
padding-bottom: 45px;
display: inline-block;
margin-right: 10px;
vertical-align: top;
margin-top: 40px;
}

/*
#info{
position:absolute;
left: 591px;
top: 212px;
}*/


#info {
position: relative;
display: inline-block;
margin-right: 54px;
vertical-align: top;
margin-top: 40px;
}

#info p{
font-size: 35px;
margin:0px;
}


#competences {
background-color: #ffffff;
margin-top: 40px;
vertical-align: top;
position: relative;
display: inline-block;
left: inherit;
width: 379px;
height: auto;
padding: 5px;
text-align: right;
border-radius: 5px;
padding-bottom: 10px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
box-shadow: 0 0 5px #ccc;
-moz-box-shadow: 0 0 5px #ccc;
-webkit-box-shadow: 0 0 5px #ccc;
}
/*
#competences {
background-color: #ffffff;
position:absolute;
top: 212px;
left: 812px;
width: 379px;
height:auto;	
padding:5px;
text-align: right;
border-radius: 5px;
padding-bottom: 10px;
border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    box-shadow:0 0 5px #ccc;
    -moz-box-shadow:0 0 5px #ccc;
    -webkit-box-shadow:0 0 5px #ccc;
}
*/

#competences p {
font-size: 35px;
margin:0px;
text-align: center;
}

#experience h3{
margin-bottom: 0;	
text-align: justify;
}

.experiencepro{
font-size: 20px;	
}

.poste{
font-family: 'Lobster',cursive;;
text-decoration: bold;
font-size: 18px;	
}

#rs a {
margin-right:15px;	
}


/*-------PAGE RÉALISATIONS-------*/
#construction {
margin:100px;	
}

#realisations_pro{
text-align: center;
}

#realisations_perso{
text-align: center;	
}

#licence{
position: relative;	
vertical-align: top;
display:inline-block;
padding-right: 15px;
width:300px;
height:auto;
text-align: left;
}

#mwd{
position: relative;	
vertical-align: top;
display:inline-block;
width:300px;
height:auto;
text-align: left;
}

.type_real{
font-family: 'Lobster',cursive;;
text-decoration: bold italic;
font-size: 18px;	
}

#real_perso1{
display:inline-block;
vertical-align: top;
padding-right: 15px;
height:200px;
}

#real_perso2{
display:inline-block;	
vertical-align: top;
padding-right: 15px;
height:200px;
}

#real_perso3{
display:inline-block;
vertical-align: top;	
height:200px;
}

#real_perso4{
display:inline-block;
vertical-align: top;
padding-right: 15px;
padding-bottom: 15px;
}

#real_perso5{
display:inline-block;	
vertical-align: top;
padding-right: 15px;
padding-bottom: 15px;
}

#real_perso6{
display:inline-block;
vertical-align: top;	
padding-right: 15px;
padding-bottom: 15px;
}

#real_perso7{
display:inline-block;
vertical-align: top;
padding-right: 15px;
padding-bottom: 15px;	
}

#real_perso8{
display:inline-block;
vertical-align: top;
padding-right: 15px;	
padding-bottom: 15px;
}

#real_perso9{
display:inline-block;
vertical-align: top;
padding-right: 15px;	
padding-bottom: 15px;
}


#loisir1{
display:inline-block;
vertical-align: top;
padding-right: 15px;	
}

#loisir2{
display:inline-block;
vertical-align: top;
padding-right: 15px;	
}

#loisir3{
display:inline-block;
vertical-align: top;
padding-right: 15px;	
}


/*-------FOOTER-------*/
#footer{
/*border: 1px solid red;*/
text-align: center;
font-size: 12px;
background: #000000;
color:#cdffd2;
width:auto;
padding:15px 0px 20px 15px;
margin-top:20px;
}