body
{
    margin:0;
    padding:0;
    font-size:16px;
    color:#000000;
    font-family:Helvetica Neue Light, sans-serif;
    width:100%;
}

#global
{
    width:100%;
}

#header
{
    width:100%;
    padding:0px 0px 9px 0px;
    border-bottom:solid 2px #ff9f00;
    position:fixed;
    background-color:#ffffff;
    z-index:100;
}

.active
{
	background-color:#0e477f;
	color:#ffffff;
	font-weight:100;
}

#logo
{
    float:left;
    margin:20px 0px 0px 20px;
}

#lang
{
	position:absolute;
	right:0px;
	bottom:-55px;
	background-color:#ff9f00;
	padding:10px;
}

#lang a
{
	margin:0px 5px 0px 5px;
}

#lang img
{
	width:30px;
}

#menu
{
    float:right;
	margin-top:25px;
}

#menu ul
{
    margin:0;
    padding:0;
}

#menu ul li
{
	list-style-type:none;
	display:inline;
	float:left;
	padding:15px 20px 15px 20px;
	cursor:pointer;
}

#menu ul li:hover
{
	background-color:#0e477f;
	color:#ffffff;
	font-weight:100;
}

/**********CONTENU***********/

#content
{
    position:relative;
    top:100px;
}

#presentation
{
    width:100%;
}

#pres-content{
	 padding:50px 0px 50px 0px;
    width:80%;
    margin:auto;
}

#freiss
{
	width:20%;
	float:left;
	margin:0px;
}

#presentation #freiss img{
    float:left;
}

#presentation p{
    float:right;
    width:70%;
    line-height:2;
    margin:3% 0px 0px 0px;
}

#produits
{
    background-color:#0e477f;
    position: relative;
}

#collateral
{
    width:70%;
    clear:both;
    text-align:center;
	margin:auto;
	padding:25px 0px 25px 0px;
}

.block
{
	width:50%;
	float:left;
	display:inline-block;
	text-align:center;
	padding:20px 0px 20px 0px;
}

.main-title
{
    color:#ffffff;
    text-transform:uppercase;
    font-weight:100;
	font-size:2em;
	margin:0px 0px 20px 0px;
}

.sub-title
{
    color:#ffffff;
    text-transform:uppercase;
    text-decoration:underline;
    padding-bottom:2px;
    font-weight:100;
    margin:auto;
	margin:0px 0px 10px 0px;
}

.desc
{
    color:#ffffff;
    font-weight:100;
	margin:0px 0px 15px 0px;
}

.more
{
    color:#000000;
    text-transform:uppercase;
    font-weight:100;
    padding:10px 20px 10px 20px;
    background-color:#ff9f00;
    text-decoration:none;
	display:inline-block;
	margin-top:25px;
	border:none;
	outline:none;
cursor:pointer;
}

#lightbox-1
{
	display:none;
}

#lightbox-2
{
	display:none;
}

#lightbox-3
{
	display:none;
}

.box
{
	position:absolute;
	top:0px;
	left:0px;
	background-color:rgba(0,0,0,0.5);
	height:100%;
	width:100%;
}

.container
{
	width:70%;
	margin:auto;
	background-color:#ffffff;
}

.menu-light
{
	background-color:#ff9f00;
	text-align:center;
	position:relative;
}

.menu-light h1
{
	font-weight:100;
	padding:5px 0px 5px 0px;
	text-transform:uppercase;
}

.menu-light span
{
	color:#000000;
	cursor:pointer;
	position:absolute;
	right:20px;
	top:15px;
	display:block;
}

.text
{
	color:#000000;
	padding:5px;
}

.sub-title-l
{
    color:#000000;
    text-transform:uppercase;
    text-decoration:underline;
    padding-bottom:2px;
    font-weight:100;
    margin:auto;
	margin:0px 0px 10px 0px;
}

.desc-l
{
    color:#000000;
    font-weight:100;
	margin:0px 0px 15px 0px;
}

/********** REFERENCES ***********/

#references
{
	width:100%;
}

#references h3
{
	text-transform:uppercase;
	font-weight:100;
	font-size:2em;
	padding-bottom:5px;
}

#exp h3
{
	border-bottom:solid 5px #ff9f00;
}

#advice h3
{
	border-bottom:solid 5px #0e477f;
}

.inline
{
	float:left;
	display:inline;
	text-align:center;
}

.out
{
	width:30%;
}

.in
{
	width:40%;
}

#ref-clients
{
	width:100%;
	clear:both;
}

.xp
{
	background-color:#ff9f00;
	width:50%;
	margin:40px auto 35px auto;
	padding:10px 0px 10px 0px;
	text-transform:uppercase;
}

#freissconsulting div
{
	width:50%;
	margin:25% auto 0% auto;
	color:#ffffff;
	text-align: center;
	height:50%;
	position:relative;
}

#freissconsulting div img
{
	width: 150px;
	margin-top:25%;
}

#freissconsulting div img:before
{
	content:'-';
	color:#272727;
	width:50px;
	height:1px;
}

.ad
{
	background-color:#0e477f;
	width:50%;
	margin:10px auto 10px auto;
	padding:5px 0px 5px 0px;
	color:#ffffff;
}

#ref-clients
{
	text-align:center;
}

.ref
{
	display:inline-block;
	margin:0px 20px 0px 20px;
	background-color:rgba(14,71,127,0.50);
	border:solid 1px #0e477f;
	padding:10px 30px 10px 30px;
	text-transform:uppercase;
}

/*********** MISSIONS ***************/

#missions img
{
	float:left;
	padding:50px 20px 20px 20px;
	width:40%;
}

#liste-missions
{
	float:right;
	width:40%;
	padding:50px 50px 50px 50px;
}

#liste-missions ul
{
	padding:0px;
	margin:0px;
}

#liste-missions ul li
{
	margin:20px 0px 20px 0px;
}

/*********** CONTACT ***************/

#contact
{
	width:100%;
}

#contact-form
{
	float:left;
	width:50%;
}

#infos
{
	width:50%;
	float:right;
	text-align:center;
	padding-top:10%;
}

.titre_c
{
	margin:0px 0px 20px 20px;
	color:#ff9f00;
	font-weight:200;
	border-bottom:solid 1px #ff9f00;
	padding-bottom:5px;
}

.mail-icon
{
	width:100px;
}

label
{
	display:block;
	width:80%;
	margin:0px auto 10px auto;
}

.taille
{
	width:80%;
	margin:auto;
	display:block;
	outline:none;
	padding:10px;
	border:solid 1px #272727;
}

textarea
{
	resize:none;
	height:200px;
}

.submit
{
	border:none;
	color:#000000;
	background-color:#ffcf7f;
	padding:15px 20px 15px 20px;
	margin:auto;
	display:block;
	cursor:pointer;
	box-shadow:0px 5px 0px #ff9f00, 0px 5px 15px #000000;
	outline:none;
	text-transform:uppercase;
}

.submit:hover
{
	box-shadow:none;
	background-color:#ff9f00;
}

/********** ESCAPE FLOAT IN DIV *******/

.clearcontent:after
{
    clear:both;
    display:table;
    content:"";
}

/*********** FOOTER *******************/

#footer
{
	width:100%;
	background-color:#0e477f;
	text-align:center;
	padding-top:20px;
	margin-top:150px;
	color:#ffffff;
	font-weight:100;
}

#footer a
{
	text-decoration:none;
	color:#ffffff;
}

#footer a:hover
{
	text-decoration:underline;
	color:#ff9f00;
}

/********* TRANSITION *************/

.anim
{
	transition:all 500ms ease-in-out;
	-webkit-transition:all 500ms ease-in-out;
}


#mentions
{
    position:relative;
    top:100px;
	padding:50px;
}

#mentions h1
{
	margin-top:0px;
}

.title_m
{
	text-align:left;
	color:#ff9f00;
	font-weight:100;
	border-bottom:solid 1px #ffffff;
	padding-bottom:5px;
}

#mentions p
{
	text-align:left;
}

.mailto
{
	color:#ff9f00;
	text-decoration:none;
}

.mailto:hover
{
	text-decoration:underline;
}

.upper
{
	text-transform:uppercase;
}

.home
{
	text-decoration:none;
	color:#ffffff;
}

#result
{
	width:100%;
	position:fixed;
	top:0px;
	left:0px;
	z-index:1000;
	color:#ffffff;
}

.success
{
	width:100%;
	text-align:center;
	background-color:#15B23B;
	top:0px;
	left:0px;
	z-index:1000;
	padding:10px;
}

.error
{
	width:100%;
	text-align:center;
	background-color:#B2030F;
	top:0px;
	left:0px;
	z-index:1000;
	padding:10px;
}