html, #aboutme{
	width:100%;
}

body{
text-align: center;
width:100%;
height:100%;
vertical-align:middle;
font-size: 1.6em;
}

/*Police du header*/

@font-face{
	 font-family: 'ikaros_sanslight';
    src: url('../fonts/ikaros_light-webfont.eot'),
		 url('../fonts/Ikaros_Light.otf') format('otf'),
		 url('../fonts/ikaros_light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/ikaros_light-webfont.woff2') format('woff2'),
         url('../fonts/ikaros_light-webfont.woff') format('woff'),
         url('../fonts/ikaros_light-webfont.ttf') format('truetype'),
         url('../fonts/ikaros_light-webfont.svg#ikaros_sanslight') format('svg');
}
@font-face{
    font-family: 'ikaros_sans_regularregular';
    src: url('ikaros_regular-webfont.eot'),
		url('../fonts/Ikaros_regular.otf') format('otf'),
		 url('../fonts/ikaros_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/ikaros_regular-webfont.woff2') format('woff2'),
         url('../fonts/ikaros_regular-webfont.woff') format('woff'),
         url('../fonts/ikaros_regular-webfont.ttf') format('truetype'),
         url('../fonts/ikaros_regular-webfont.svg#ikaros_sans_regularregular') format('svg');
}

/* Header */

#header {
	background-image: url("../images/header.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	text-align:center;
	width:100%;
	color: #ffffff;
	font-family: 'ikaros_sans_regularregular';
	text-transform: uppercase;
	padding-top: 100px;
	padding-bottom: 100px;
	
}

aside img{
	max-width:100%;
	display: inline-block;
	width:55%;
	vertical-align:top;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition:all 0.3s;
}

/*Titres*/
h2, h3 {
	text-transform:uppercase;
}


#aboutme h2,#competences h2,#contact h2, #seo h2{
	padding:60px 0 60px 0;
	text-align: center;
	font-family: 'ikaros_sans_regularregular';
	color: #ff485d;
	background-color: #e5e5e5;
	width:100%;
	height: 80px;
	margin-top: 0px;
	margin-bottom: 0px;
}
.h2, h2{
	font-size: 2em;
}

/* Sous-titres */

h3 {
	font-family: 'ikaros_sanslight';
	color: #ff485d;
	margin-top: 40px;
}
.h3, h3{
	font-size: 1.8em;
}
/* Navigation*/

.navbar-default {
	background-color:#E5E5E5; 
}

.navbar-default .navbar-nav>li>a{
	color: #ff485d; 
	text-transform: uppercase;
}

.navbar-default .navbar-brand {
	color: #ff485d; 
}

.navbar-toggle{
	border: none;
}

.navbar-default .navbar-toggle .icon-bar{
	background-color: #ff485d;
}


/* lien blog */
.apropos a {
	text-decoration: none;
	color: #00aeef;
}
.apropos a:hover {
	text-decoration: underline; 
} 


/*Paragraphes présentation */

.apropos {
	color: #3d3d3d;
	font-family: "Gill Sans MT";
	margin: 15px 0 0 0;
}

ul {
	list-style-type: none;
	list-style-image: url('../images/puce.png');
}

/*  Présentation */
.presentation div#texte1{
	margin: 15px 0 15px 0;
	text-align: justify;
	height:100%;
	display: inline-block;
}
.presentation img{
	display: inline-block;
	margin-right: 20px;
	margin-top:50px;
	margin-bottom: 30px;
	width: 45%;
}
/* CV .pdf */

a#cvpdf {
	text-decoration:none;
	color: #ffffff;
	background-color: #ff485d;
	width: 200px;
    padding-top: 10px;
	border: 2px solid #ff485d; 
    border-radius: 50px;
	display:inline-block;
	margin: 0 15px 0;
	font-family: 'ikaros_sans_regularregular';
	text-align: center;
	letter-spacing: 0.8px;
}

a#cvpdf:hover {
	text-decoration:none;
	color: #ff485d;
	background-color: #ffffff;
	width: 200px;
    padding-top: 10px;
	border: 2px solid #e5e5e5; 
    border-radius: 50px;
	display:inline-block;
	margin: 0 15px 0;
	font-family: 'ikaros_sans_regularregular';
	text-align: center;
	letter-spacing: 0.8px;
}


/* Community Manager */

div#communitymanager {
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 30px;
	width: 100%;
}
div#texte2{
	text-align: justify;
	height:100%;
	display: inline-block;
	margin-bottom: 30px;
}
div#communitymanager img{
	display: inline-block;
	margin-right: 20px;
	margin-top:30px;
	margin-bottom: 90px;
	width: 45%;
}

/* Formation */

div#texte3{
	text-align: justify;
	height:100%;
	display: inline-block;
	margin-bottom: 50px;
}

div#formation img{
	width: 45%;
	display: inline-block;
	margin-right: 20px;
	margin-top:20px;
}



/* Expériences professionnelles */

div#texte4{
	text-align: justify;
	height:100%;
	display: inline-block;
	margin-bottom: 50px;
}

div#experience img{
	width: 45%;
	display: inline-block;
	margin-right: 20px;
	margin-top:20px;	
}

ul.apropos li{
	font-weight: bold;
}


ul.apropos li div{
	padding: 5px;
	font-weight: normal;
}

/* Section SEO */
#seo div div{
	margin: 15px 0 15px 0;
	text-align: justify;
	height:100%;
	display: inline-block;
}

/* Section compétences*/

.competences {
	padding-top: 25px;
	padding-bottom: 25px;
}

.degrade {
	margin: auto;
}

#degrade1 {
	background:white;
	border: 1px solid #3d3d3d;
	width: 300px;
	height: 30px;
}
#degrade1 div{
	width: 280px;
	border-right: 2px solid #eee;
	background-color: #3D3D3D;
	height: 28px;
}

#degrade2 {
	background:white;
	border: 1px solid #3d3d3d;
	width: 300px;
	height: 30px;
}
#degrade2 div{
	width: 220px;
	border-right: 2px solid #eee;
	background-color: #3D3D3D;
	height: 28px;
}

#degrade3 {
	background:white;
	border: 1px solid #3d3d3d;
	width: 300px;
	height: 30px;
	margin-bottom: 20px;
}

#degrade3 div{
	width: 220px;
	border-right: 2px solid #eee;
	background-color: #3D3D3D;
	height: 28px;
}


#infographie,#developpement p{
	font-weight: bold;
}

#infographie img {
vertical-align: bottom;
}

#developpement {
	padding-left: 40px;
}

#developpement img {
	padding-top: 25px;
}


#anglais p{
	padding-top:4em;
	font-family: 'ikaros_sans_regularregular';
	color: #3d3d3d;
	font-size: 1.4em;
	
}

/*Section Contact*/

.email-success {
	color:#ffffff;
}
.email-error {
	color: #ff485d;
}


#captcha{
    display: inline-block;
	margin-bottom: 20px;
}

.contact{
vertical-align:top;
}

#contact div{
	background-color: #3d3D3d;
}

#contact div.container p{
	background-color: #3d3D3d;
	padding: 20px 0 0 0;
}

#contact div p {
	color: #e5e5e5;
	font-family: "Gill Sans MT";
	font-size: 1.2em;
	text-align:center;
	
}

fieldset{
	padding: 40px 20px 0 20px;
}

input {
    max-width: 100%;
}
#nom, #prenom, #email{
	padding: 10px;
}

#nom {
	width: 100%;
	margin-bottom: 20px;
}
#prenom {
	width: 100%;
	margin: 5px 0 20px 0;
}

#email{
	width: 100%;
	margin-top: 10px;
	margin-bottom: 25px;
}

#message {
	width: 100%;
	height: 200px;
    margin-bottom: 20px;
}

.padding {
	padding: 2em;
}

/* Bouton envoyer section contact */

[type=submit] {
	text-decoration:none;
	color: #ffffff;
	background-color: #00adee;
	width: 180px;
    padding-top: 17px;
	border: 1px solid #00adee; 
    border-radius: 50px;
	display:block;
	margin: 0 auto;
	font-family: 'ikaros_sans_regularregular';
	text-align: center;
	font-size: 20px;
}

[type=submit]:hover {
	text-decoration:none;
	color: #00adee;
	background-color: #ffffff;
	width: 180px;
    padding-top: 17px;
	border: 1px solid #00adee; 
    border-radius: 50px;
	display:block;
	margin: 0 auto;
	font-family: 'ikaros_sans_regularregular';
	text-align: center;
	font-size: 20px;
}
/* Footer / Mentions Légales */

.titre {
	color: #00adee;
	text-decoration: none;
	
}
#panneau {
	color: #3d3d3d;
}
footer a {
		color: #00adee;
		text-decoration: none;
	}
footer a:hover { 
		color: #111;
		text-decoration: underline;
	}