/* Général */
body {font-family: 'Roboto Condensed', sans-serif;font-size:1.2em;color:#666666;background:#fff}

a {color:inherit;text-decoration:none;}
p {text-align:justify;margin-bottom:20px;}
em {font-style:italic;}

header a{text-transform:uppercase;color:#c52a16;margin-left:20px; font-size:1.2em;}
header #hindex {background:transparent url('../images/bg-header.jpg') no-repeat top center;border-top:1px solid black;border-bottom:1px solid black; height:260px;}
header #hcontact {background:transparent url('../images/bg-contact.jpg') no-repeat top center;border-top:1px solid black;border-bottom:1px solid black; height:260px;}
header #hformations {background:transparent url('../images/bg-formations.jpg') no-repeat top center;border-top:1px solid black;border-bottom:1px solid black; height:260px;}
header #hequipe {background:transparent url('../images/bg-equipe.jpg') no-repeat top center;border-top:1px solid black;border-bottom:1px solid black; height:260px;}
header #hexpertise {background:transparent url('../images/bg-expertise.jpg') no-repeat top center;border-top:1px solid black;border-bottom:1px solid black; height:260px;}
header #hentreprise {background:transparent url('../images/bg-entreprise.jpg') no-repeat top center;border-top:1px solid black;border-bottom:1px solid black; height:260px;}

.bubulles {margin-bottom:60px;}

.logo {width:250px;height:191px;margin:20px 0;}

footer {font-size:0.8em;background:#696158;color:white;}
	footer #copy {text-align:center;}
	footer #linkedin {text-align:right;}

img.photo_profil {max-height:400px;max-width:400px;height:100%;width:100%;}
	
	
/* Top navigation */
	/* Mobile menu */
	nav  .toggleMobile{cursor: pointer;}
		nav  .toggleMobile span.menu1,
		nav  .toggleMobile span.menu2,
		nav  .toggleMobile span.menu3{background: #ebebec;transition: all 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);}
		nav  .toggleMobile.active span.menu1{top: 14px;transform: rotate(45deg);transition: all 0.5s cubic-bezier(0.75, 0.25, 0.10, 0.95);}
		nav  .toggleMobile.active span.menu2{transform: rotate(-45deg);transition: all 0.5s cubic-bezier(0.75, 0.25, 0.10, 0.95);}
		nav  .toggleMobile.active span.menu3{opacity: 0;transition: opacity 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);}
	
	
	
/********************/
/* Sections         */
/********************/
section#content h4{text-transform:uppercase;font-size:1.2em;margin:7px 0;font-weight:700;}
section#content h3{color:#c52a16;font-size:1.5em;margin-bottom:3px;}
section#content h2{text-transform:uppercase;color:#c52a16;font-size:2em;margin-bottom:10px;}
section#content p{line-height:1.5em;text-align:left;}
section#content b{font-weight:700;}

/* Contact */
form {margin:auto;width:100%;max-width: 500px;}
form label {display:block;}
form input.text {width:100%;padding:10px;background-color: rgba(0, 0, 0, 0.2);box-shadow: 0 0 5px 1px rgba(255,255,255,.5);border: 1px solid rgba(255,255,255,.6);border-radius:5px;margin-bottom:20px;}
form textarea {width:100%;padding:10px;background-color: rgba(0, 0, 0, 0.2);box-shadow: 0 0 5px 1px rgba(255,255,255,.5);border: 1px solid rgba(255,255,255,.6);border-radius:5px;margin-bottom:20px;}
form input.text:focus, form textarea:focus {}
form .btn {
	float:right;
	border: 1px solid #253737;
	background: #c52a16;
	padding: 10px 20px;
	border-radius: 5px;
	box-shadow: rgba(255,255,255,0.1) 0 1px 0, inset rgba(255,255,255,0.7) 0 1px 0;
	color: #e1e1e1;
	cursor:pointer;
}


.alert-box {
	width:100%;
	max-width:500px;
	margin:10px auto;
	color:#555;
	border-radius:10px;
	font-family:Tahoma,Geneva,Arial,sans-serif;font-size:11px;
	padding:10px 36px;
	display:none;
}
.alert-box span {font-weight:bold;text-transform:uppercase;}
.error {background:#ffecec url('../images/icon-error.png') no-repeat 10px 50%;border:1px solid #f5aca6;}
.success {background:#e9ffd9 url('../images/icon-success.png') no-repeat 10px 50%;border:1px solid #a6ca8a;}
.warning {background:#fff8c4 url('../images/icon-warning.png') no-repeat 10px 50%;border:1px solid #f2c779;}
.notice {background:#e3f7fc url('../images/icon-notice.png') no-repeat 10px 50%;border:1px solid #8ed9f6;}



li {list-style-type:disc; margin:0 0 15 20; color: #c52a16; line-height:1.2em;}
li span.noir {color: #666666;}

a.pastille{background:#c52a16;color:white;text-align:center;text-transform:uppercase;font-weight:700;font-size:1.1em;}