/*----------------------------------------------
0. Reset
------------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
ol, ul {
	list-style: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
/* Clearing
---------------------------------------- */
.clearfix:before, .clearfix:after, .row:before, .row:after {
	content:'\0020';
	display:block;
	overflow:hidden;
	visibility:hidden;
	width:0;
	height:0;
}
.row:after, .clearfix:after {
	clear:both;
}
.row, .clearfix {
	zoom:1;
}
.clear {
	clear:both;
	display:block;
	overflow:hidden;
	visibility:hidden;
	margin-bottom:30px;
	height:0;
	width:100%;
}
/*----------------------------------------------
1. General Styles
----------------------------------------------*/
body {
	font-family: Arial, Helvetica, sans-serif;
	text-align:left;
	color:#777;
	background-image:url(../images/bg01.png);
	font-size:12px;
	line-height:1.6;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	font-smoothing: antialiased;
}
p {
	font-family:inherit;
	font-weight: normal;
	line-height:1.6;
	text-rendering: optimizeLegibility;
	margin-bottom:15px;
}
/* Main Content
---------------------------------------- */
.main_content {
	padding:50px 0 0;
}
/* Links General Formating
---------------------------------------- */
a {
	text-decoration: none;
	-webkit-transition: background-color 0.4s ease 0s, border 0s ease 0s, color 0.4s ease 0s, opacity 0.4s ease-in-out 0s;
	-moz-transition: background-color 0.4s ease 0s, border 0s ease 0s, color 0.4s ease 0s, opacity 0.4s ease-in-out 0s;
	-o-transition: background-color 0.4s ease 0s, border 0s ease 0s, color 0.4s ease 0s, opacity 0.4s ease-in-out 0s;
	transition: background-color 0.4s ease 0s, border 0s ease 0s, color 0.4s ease 0s, opacity 0.4s ease-in-out 0s;
	color:#555;
	line-height:inherit;
}
a:hover {
	color: #555;
}
a:focus {
	outline: none;
}
.link-btn {
	color:#5796C7;
	font-weight:bold;
}
/* Floats
---------------------------------------- */
.img_float_left {
	float:left;
	margin:3px 15px 10px 0;
}
/* Dividers
---------------------------------------- */
hr {
	border: dotted #ccc;
	border-width: 1px 0 0;
	clear: both;
	margin: 30px 0px;
	height: 0;
}
.divider, .divider2, .divider3, .divider4 {
	border-bottom:1px dotted #CCC;
	clear:both;
	display:block;
	margin-bottom:50px;
	margin-left:auto;
	margin-right:auto;
	width:100%;
	padding-top:50px;
}
.divider3 {
	margin-bottom:20px;
	padding-top:6px;
}
.divider4 {
	margin-bottom:25px;
	padding-top:6px;
}
::selection {
	background: #5796C7;
	color:#FFF; /* Safari */
}

::-moz-selection {
 background: #5796C7;
 color:#FFF; /* Firefox */
}

.content
{
	margin:auto;
	width:960px;
}
/*----------------------------------------------
2. Header & Sub Header
----------------------------------------------*/
#header {
	padding:20px 0;
	width:100%;
	position:absolute;
	z-index:99;
}


/*header page index*/
#header1 {
	position:relative;
	z-index:2;
	padding:20px 0;
	width:100%;
	opacity:0.8;
	margin-top:1%;	
}




#logo {
	width:260px;
	height:60px;
	background:url(../images/logo.png) no-repeat;
	display:block;
}
.page-title {
	font-size:38px;
	line-height:1.4;
	padding:90px 0 0;
	color:#FFF;
	margin-bottom:0;
}

/*----------------------------------------------
3. Page Title
----------------------------------------------*/
.page-header {
	padding-bottom:15px;
	border-bottom:6px solid #EAEAEA;
}
.ph-bg1 {
	background: url(../images/page_header_3.jpg) no-repeat center top;
	opacity:0.3;
}



/*----------------------------------------------
2.5 Page Méthode
----------------------------------------------*/
#page
{
	width:960px;
	height:100%;
	margin:auto;
	
}

#haut-methode
{
	height:400px;
	border-bottom:1px dotted #D9D7BC;
	margin-bottom:6%;
}

#texte-methode
{
	margin-top:6%;
	width:65%;
	float:left;
}

#texte-methode h4
{
	font-family:Arial, Helvetica, sans-serif;
	color:#4d4440;
	text-transform:uppercase;
	font-size:1.5em;
	margin-bottom:6%;
	text-decoration:underline;
}

#texte-methode h2
{
	font-family:Arial, Helvetica, sans-serif;
	color:#5796c7;
	font-size:1.6em;
	line-height:1.3;
	font-style:italic;
	font-weight:normal;
}

#texte-methode p
{
	font-family:'rokkittregular';
	font-size:1.7em;
	color:#453c31;
	line-height:1.3;
}

/*-----------------
2.5 Client Méthode
--------------------*/

#right
{
	width:35%;
	height:200px;
	float:left;
	margin-top:12%;
}

#client
{
	float:left;
	margin-left:30px;
	width:380px;
}

#thales2
{
	float:left;
	margin-right:10px;
	width:95px;
	height:95px;
	background-image:url(../images/clients/methode/thales2.jpg)
}


#thales2:hover
{
	background-image:url(../images/clients/methode/thales.jpg)
}

#bnp2
{
	float:left;
	margin-right:10px;
	width:95px;
	height:95px;
	background-image:url(../images/clients/methode/bnp2.jpg)
}


#bnp2:hover
{
	background-image:url(../images/clients/methode/bnp.jpg)
}

#orange2
{
	float:left;
	margin-right:10px;
	width:95px;
	height:95px;
	background-image:url(../images/clients/methode/orange2.jpg)
}


#orange2:hover
{
	background-image:url(../images/clients/methode/orange.jpg)
}

#oreal2
{
	margin-right:10px;
	width:95px;
	height:95px;
	float:left;
	margin-top:10px;
	background-image:url(../images/clients/methode/loreal2.jpg)
}


#oreal2:hover
{
	background-image:url(../images/clients/methode/loreal.jpg)
}

#vinci2
{
	float:left;
	margin-right:10px;
	width:95px;
	height:95px;
	margin-top:10px;
	background-image:url(../images/clients/methode/vinci2.jpg)
}


#vincie2:hover
{
	background-image:url(../images/clients/methode/vinci.jpg)
}

#campus2
{
	float:left;
	margin-right:10px;
	width:95px;
	height:95px;
	margin-top:10px;
	background-image:url(../images/clients/methode/campus2.jpg)
}


#campus2:hover
{
	background-image:url(../images/clients/methode/campus.jpg)
}



#intro-methode p
{
	font-family:Arial, Helvetica, sans-serif;
	color:#4d4440;
	font-weight:bold;
	text-transform:uppercase;
	font-size:1.2em;
	margin-left:3%;
	text-decoration:underline;
	width:450px;	
}

.etape
{
	font-family:'rokkittregular';
	color:#453C31;
	border-bottom:1px dotted #D9D7BC;
	width:64%;	
	margin-top:3%;
} 

.etape h3
{
	font-size:1.7em;
	color:#5796c7;
	font-weight:normal;
	line-height:1.5;
}

.etape>h3:before
{
	content:url(../images/puce.png);
	margin-right:10px;
	position:relative;
	top:1px;
}

.etape h4
{
	font-size:1.5em;
	color:#453C31;
	font-weight:normal;
	line-height:1.5;
	text-decoration:underline;
	margin-left:4%;
}

.etape>h4:before
{
	content:url(../images/libefore.png);
	margin-right:10px;
	position:relative;
	top:1px;
}

.etape p
{
	font-size:1.7em;
	font-weight:normal;
	line-height:1.3;
	margin-bottom:5%;
	margin-left:4%;
}

/*----------------------------------------------
2.5 Page formation
----------------------------------------------*/


#photo-formation
{
	padding:20px;
	text-align:center;
}

#intro-formation p
{
	font-family:'rokkittregular';
	font-size:1.9em;
	padding:25px;
	text-align:justify;
	line-height:30px;	
}

#intro-formation
{
	border-bottom:#D9D7BC 1px dotted;
	border-top:#D9D7BC 1px dotted;
	width:80%;
	margin-left:10%;
}

#domaine
{
	width:100%;
}

#domaine h2
{
	color:#4D4440;
}

/*----------------------------------------------
3. Page quisommesnous
----------------------------------------------*/

#page-qsn
{
	width:960px;
	margin:auto;
	font-family:'rokkitregular'; !important
}


#intro-qsn
{
	text-align:center;
	margin:25px 0px 45px 0px;
}

#intro-qsn p
{
	font-size:2.8em;
	padding:25px;
	text-align:center;
	line-height:1em;
	color:#5796C7;
	text-transform:uppercase;	
	border-bottom:#D9D7BC 1px groove;
	border-top:#D9D7BC 1px dotted;	
}

#photo-qsn
{
	padding:20px;
	text-align:center;
	margin:auto;
}

#photo-qsn img
{
box-shadow:1px 3px 3px 2px #666666;
}


#texte-qsn
{
	width:55%;
	float:left;
	border-bottom:#D9D7BC 1px groove;
	margin-bottom:10%;
	margin-left:2%;

}

#texte-qsn h4
{
	font-family:inherit;
	color:#5796C7;
	margin-bottom:1px; !important
}

#texte-qsn p
{
	text-align:justify;
	font-size:1.3em;
}


#photo2-qsn img
{
	margin-left:5%;
	margin-top:1%;
}


#photo2-qsn p
{
	width:350px;
	margin-left:65%;
}

/*----------------------------------------------
2.5. Page locaux
----------------------------------------------*/

.pagelocaux
{
	width:960px;
	margin:auto
}

#intro-locaux
{
	width:100%;
	height:300px;
	margin:auto;
	padding:25px 0px;
	margin-top:2%;
	border-top:#D9D7BC 2px dotted;
}

#left-locaux
{
	width:60%;
	float:left;
	margin-right:10%;
	
}

#left-locaux h3
{
	color:#6199c6;
	font-weight:bold;
	text-transform:uppercase;
	font-size:1.5em;
}

.p1
{
	text-align:justify;
	font-size:1.3em;	
}

.p2
{
	color:#9d9d9d;
	text-align:justify;
	font-size:1.3em;
}

#right-locaux
{
	width:30%;
	float:left;
}

#right-locaux img
{
	width:90%;
	height:90%;
	margin-left:10%;
}

#bdp-locaux
{
	margin:auto;
	border-bottom:#D9D7BC 2px dotted;
}

#bdp-locaux h4
{
	color:#6199c6;
	font-weight:bold;
	text-transform:uppercase;
	font-size:1.5em;
}

#bdp-locaux>h4:before
{
	content:url(../images/puce.png);
	margin-right:10px;
	position:relative;
	top:1px;
}

#bdp-locaux p
{
	margin-bottom:4%;
}

#lcx-footer 
{
	margin-top:5%;
	padding:25px;
}

#lcx-footer p
{
	font-style:italic;
	font-size:1.2em;
}

#lcx-footer a
{
	text-decoration:underline;
}

#lcx-footer a:hover
{
	color:#6199c6;
}

/*----------------------------------------------
3. Page references
----------------------------------------------*/


#client-references
{
	width:960px;
	margin:auto;
	margin-bottom:3%;

}

.ref1,.ref7
{
	margin-right:2%;
	margin-top:3%;
	float:left;
}


.ref2,.ref3,.ref4,.ref5,.ref6,.ref8,.ref9,.ref10,.ref11,.ref12 
{
	float:left;
	margin-top:3%;
	margin-right:2%;
}

#contenu-ref
{
	width:100%;
	margin:auto;
}

#left-ref
{
	height:100%;
	width:70%;
	float:left;
	margin-top:6%;
	margin-right:5%;
	margin-bottom:10%;
}

.title-ref h5
{
	color:#4d4440;
	font-size:1.4em;
	margin-bottom:5%;
	font-weight:bold;
}

.temoignages
{
	background-color:#f5f5ee;
	padding:3%;
	margin-bottom:7%;
}

.text-ref
{
	text-align:justify;
	font-size:1.3em;
	font-style:italic;
	line-height:1.4em;
	color:#4d4d4d;
}

.temoignages h5
{
	font-size:1.4em;
	margin-top:4%;
}

.legende-ref
{
	font-size:1.1em;
	line-height:1px;
}


#right-ref
{
	height:100%;
	width:25%;
	float:left;
	margin-top:6%;
	margin-bottom:10%;
}

.list-clients
{
	margin-top:8%;
}

.list-clients li
{
	color:#6199c6;
	font-size:1.3em;
	display:block;
}

/*----------------------------------------------
3. reference hover
----------------------------------------------*/

	.ref1 a, .ref2 a, .ref3 a, .ref4 a, .ref5 a, .ref6 a, .ref7 a, .ref8 a, .ref9 a, .ref10 a, .ref11 a, .ref12 a
	{
		background-image:url(../images/clients/ref/1bnp2.jpg);
		width:140px;
		height:140px;
		display:block;
	}
	
	.ref1 a:hover
	{
		background-image:url(../images/clients/ref/1bnp.jpg);
	}
	
	.ref2 a
	{
		background-image:url(../images/clients/ref/2campus2.jpg);

	}
	
	.ref2 a:hover
	{
		background-image:url(../images/clients/ref/2campus.jpg);
	}
	
	.ref3 a
	{
		background-image:url(../images/clients/ref/3loreal2.jpg);

	}
	
	.ref3 a:hover
	{
		background-image:url(../images/clients/ref/3loreal.jpg);
	}
	
	.ref4 a
	{
		background-image:url(../images/clients/ref/4vinci2.jpg);
	}
	
	.ref4 a:hover
	{
		background-image:url(../images/clients/ref/4vinci.jpg);
	}
	
	.ref5 a
	{
		background-image:url(../images/clients/ref/5airliquide2.jpg);

	}
	
	.ref5 a:hover
	{
		background-image:url(../images/clients/ref/5airliquide.jpg);
	}
	
	.ref6 a
	{
		background-image:url(../images/clients/ref/6orange2.jpg);

	}
	
	.ref6 a:hover
	{
		background-image:url(../images/clients/ref/6orange.jpg);
	}
	
	.ref7 a
	{
		background-image:url(../images/clients/ref/7total2.jpg);

	}
	
	.ref7 a:hover
	{
		background-image:url(../images/clients/ref/7total.jpg);
	}
	
	.ref8 a
	{
		background-image:url(../images/clients/ref/8thales2.jpg);

	}
	
	.ref8 a:hover
	{
		background-image:url(../images/clients/ref/8thales.jpg);
	}
	
	.ref9 a
	{
		background-image:url(../images/clients/ref/9peugeot2.jpg);

	}
	
	.ref9 a:hover
	{
		background-image:url(../images/clients/ref/9peugeot.jpg);
	}
	
	.ref10 a
	{
		background-image:url(../images/clients/ref/10gdf2.jpg);

	}
	
	.ref10 a:hover
	{
		background-image:url(../images/clients/ref/10gdf.jpg);
	}
	
	.ref11 a
	{
		background-image:url(../images/clients/ref/11mckinsey2.jpg);

	}
	
	.ref11 a:hover
	{
		background-image:url(../images/clients/ref/11mckinsey.jpg);
	}
	
	.ref12 a
	{
		background-image:url(../images/clients/ref/12sanofi2.jpg);

	}
	
	.ref12 a:hover
	{
		background-image:url(../images/clients/ref/12sanofi.jpg);
	}

#left-references
{
	width:70%;
	height:100px;
	background-color:#F00;
}

/*----------------------------------------------
3.1 Page Missions réalisées
----------------------------------------------*/

#page-missions
{
	width:960px;
	margin:auto;	
}

#photo-missions
{
	width:100%;
	margin:auto;
	margin-top:2%;
	margin-bottom:2%;
}

#industrie, #banque, #telecom, #fonctionpbq, #grdecoles, #luxe, #batiment, #distribution, #sante
{
	width:100%;
	margin:auto;
	margin-top:5%;
}

#entreprise
{
	width:100%;
	margin:auto;
	margin-top:5%;
	margin-bottom:10%;
}


#titre-industrie h3, #titre-banque h3, #titre-telecom h3, #fonctionpbq h3, #grdecoles h3, #luxe h3, #batiment h3, #distribution h3, #sante h3, #entreprise h3
{
	color:#6199c6;
	font-size:1.5em;
}

.texte-mission
{
	background-color:#f5f5ee;
	width:100%;
}

.texte-mission2
{
	background-color:#d9e6ec;
	width:100%;
}

.texte-mission p, .texte-mission2 p
{
	color:#000;
	font-size:1.2em;
	text-align:justify;
	font-style:italic;
	padding:12px;
}



/*----------------------------------------------
3.1 Before h3 - Missions réalisées
----------------------------------------------*/
#titre-industrie>h3:before
{
	content:url(../images/puce/usine.png);
	position:relative;
	top:3px;
}

#titre-banque>h3:before
{
	content:url(../images/puce/monnaie.png);
	position:relative;
	top:3px;
}

#titre-telecom>h3:before
{
	content:url(../images/puce/telephonie.png);
	position:relative;
	top:3px;
}

#titre-fonctionpbq>h3:before
{
	content:url(../images/puce/publique.png);
	position:relative;
	top:3px;
}

#titre-grdecoles>h3:before
{
	content:url(../images/puce/livres.png);
	position:relative;
	top:3px;
}

#titre-luxe>h3:before
{
	content:url(../images/puce/luxe.png);
	position:relative;
	top:3px;
}

#titre-batiment>h3:before
{
	content:url(../images/puce/batiment.png);
	position:relative;
	top:3px;
}

#titre-distribution>h3:before
{
	content:url(../images/puce/distribution.png);
	position:relative;
	top:3px;
}

#titre-sante>h3:before
{
	content:url(../images/puce/sante.png);
	position:relative;
	top:3px;
}

#titre-entreprise>h3:before
{
	content:url(../images/puce/entreprise.png);
	position:relative;
	top:3px;
}

/*----------------------------------------------
3.1 Page Négociation
----------------------------------------------*/

.pageformation
{
	width:960px;
	margin:auto;
	font-family:'rokkitregular'; !important
}

.photoformation
{
	padding:25px 0 25px 0;
	text-align:center;
	margin:auto;
}

.photoformation img
{
	box-shadow:1px 3px 3px 2px #666666;
}

.intro-formation, .intro-formation2
{
	border-bottom:#D9D7BC 1px dotted;
	border-top:#D9D7BC 1px dotted;
	margin:auto;
	margin-bottom:45px;
}

.intro-formation p
{
	font-size:1.6em;
	padding:25px 15px 25px 15px;
	text-align:justify;
	line-height:27px;	
}

.intro-formation2 p
{
	font-size:1.6em;
	padding:25px;
	text-align:center;
	line-height:27px;	
}

.texte-formation
{
	margin:auto;
	margin-bottom:2%;
	padding:25px;
}

.texte-formation h4
{
	font-size:2em;
	font-weight:bold;
	color:#4d4440;
	text-decoration:underline;
}

.texte-formation h5
{
	font-size:1.8em;
	font-weight:bold;
	color:#4d4440;
	margin-bottom:1%;
	margin-top:5%;
}

.texte-formation h6
{
	font-size:1.5em;
	color:#4d4440;
	margin-bottom:1%;
	margin-top:3%;
	text-decoration:underline;
	font-weight:bold;
}

.texte-formation p
{
	font-size:1.5em;
	line-height:1.5;
	color:#777777;
	text-align:justify;
	margin:auto;
	margin-bottom:10px;
}

.italic
{
	font-style:italic;
}

.texte-formation li
{
	font-size:1.5em;
	display : list-item;
	list-style-image:url(../images/puce2.png);
	margin-left:2%;
	line-height:1.2em;
	margin-bottom:1.2%;
}

.lienpdf
{
	height:30px;
	width:260px;
	background-color:#5baeee;
	text-align:center;
	margin-left:2.8%;
}

.lienpdf a
{
	color:#FFF;
	font-family:'rokkittregular';
	font-size:1.5em;
}

.lienpdf a:hover
{
	color:#FFF;
}

#empty
{
	width:100%;
	height:100px;
	margin:auto;
	border-bottom:#D9D7BC 1px dotted;
	margin-bottom:5%;
}

#valeurajoutée
{
	background:#5baeee;
	width:100%;
	margin-bottom:5%; !important
	margin:auto;
}

#contentva
{
	height:250px;;
	width:100%;
	margin:auto;
	padding:25px;
}

#contentva h3
{
	font-family:'rokkittregular';
	text-align:center;
	color:#FFF;
	font-size:2.5em;
	font-weight:bold;
	
}

.vaimpro, .vaimpro-center
{
	float:left;
	width:31%;
	height:100%;
	margin-right:1%;
	margin-left:1%;
	margin-top:2%;
	text-align:center;
}

.vaimpro-center p
{
	border-left:dotted 1px #D9D7BC;
	border-right:dotted 1px #D9D7BC;  
}


.vaimpro p, .vaimpro-center p
{
	color:#FFF;
	font-size:1.9em;
	font-family:'rokkittregular';
	line-height:1.3em;
}

#rappel-menu
{
	margin:auto;
	padding:25px;
	text-align:center;
	margin-bottom:2%;
}

#rappel-menu li
{
	display:inline-block;
	font-style:italic;
	color:#5e738e;
	font-size:1.2em;
	text-decoration:underline;
}

#rappel-menu p
{
	color:#5e738e;
	font-size:1.6em;
}

/*----------------------------------------------
3. Page Equipe SE
----------------------------------------------*/

#page-equipe
{
	width:100%;
	margin:auto;
}

#equipe
{
	width:960px;
	height:auto;
	margin:auto;
	margin-top:40px;
}


.blocequipe
{
	width:960px;
	height:550px;
	margin:auto;
}

.staff
{
	height:550px;;
	width:300px;
	float:left;
	margin-top:40px;
	margin-right:30px;
}

.endstaff
{
	height:550px;
	width:300px;
	margin-top:40px;
	float:left;
}

.photostaff
{
	width:auto;
	height:250px;
	margin-bottom:25px;
}

#laurentpewzner
{
	width:240px;
	height:250px;
	margin:auto;
	background-image:url(../images/equipe/LAURENT1.png);
}


#beatricengoctich
{
	width:240px;
	height:250px;
	margin:auto;
	background-image:url(../images/equipe/BEA1.png);
}

#beatricengoctich:hover
{
	background-image:url(../images/equipe/BEA2.png);	
}

#vincentleviste
{
	width:240px;
	height:250px;
	margin:auto;
	background-image:url(../images/equipe/NABLA1.png);
}

#vincentleviste:hover
{
	background-image:url(../images/equipe/NABLA2.png);	
}

#maxwellecadevall
{
	width:240px;
	height:250px;
	margin:auto;
	background-image:url(../images/equipe/MAX1.png);
}

#maxwellecadevall:hover
{
	background-image:url(../images/equipe/MAX2.png);
}

#evasantelia
{
	width:240px;
	height:250px;
	margin:auto;
	background-image:url(../images/equipe/EVA1.png);
}

#evasantelia:hover
{
	background-image:url(../images/equipe/EVA2.png);
}

#morganengoctich
{
	width:240px;
	height:250px;
	margin:auto;
	background-image:url(../images/equipe/MO1.png);
}

#morganengoctich:hover
{
	background-image:url(../images/equipe/MO2.png);
}


.nomstaff
{
	width:240px;
	height:45px;
	margin:auto;
	border-top:solid 2px #5e85c2;
	border-bottom:solid 2px #5e85c2;
}

.nomstaff p
{
	text-align:center;
	font-family:Verdana, Geneva, sans-serif;
	color:#5e85c2;
	font-weight:600;
}

.infostaff
{
	width:auto;
	height:150px;
	margin-top:10px;
}

.infostaff p 
{
	text-align:center;
	font-family:Verdana, Geneva, sans-serif;
	font-style:italic;
	color:#000;
	width:280px;
	margin:auto;
}

/*----------------------------------------------
3. Page Experience unique
----------------------------------------------*/

#haut-experience
{
	width:100%;
	margin:auto;
	margin-bottom:1%;
}

#photo-experience
{
	padding:20px;
}

#intro-experience
{
	border-bottom:#D9D7BC 2px dotted;
	border-top:#D9D7BC 2px dotted;
	width:100%;
	margin:auto;
}

#intro-experience p
{
	font-family:'rokkittregular';
	font-size:1.6em;
	text-align:justify;
	line-height:30px;
	padding:20px;	
}

#texte-experience
{
	width:100%;
	margin:auto;
	margin-bottom:2%;
}


#texte-experience h3
{
	font-size:1.5em;
	font-weight:bold;
	color:#4d4440;
	text-decoration:underline;
	padding:20px;

}

#texte-experience li
{
	font-family:'rokkittregular';
	font-size:1.6em;
	margin-left:2%;
	text-align:justify;
	margin-bottom:5px; !important
}

.savoir-faire>li:before
{
 content:url(../images/libefore2.png);
}


#texte2-experience
{
	font-family:'rokkittregular';
	width:100%;
	margin:auto;
	padding:20px;
	margin-bottom:2%;
	margin-bottom:8%;
	border-bottom:#D9D7BC 2px dotted;
	border-top:#D9D7BC 2px dotted;
}

#texte2-experience ul
{
	margin-bottom:2%;
}

#texte2-experience h3
{
	font-family:'rokkittregular';
	font-size:1.6em;
	margin-bottom:2px; !important
}

#texte2-experience h4
{
	font-family:'rokkittregular';
	font-size:1.6em;
	color:#4d4440;
	text-decoration:underline;
}



#texte2-experience li
{
	font-family:'rokkittregular';
	font-size:1.6em;
	color:#555555;
	margin-left:2%;

}


/*----------------------------------------------
3. Page Contact
----------------------------------------------*/


#carte
{
	border:2px #eae8e9 solid;
	margin-bottom:3px;
}

.txt-map
{
	margin-bottom:50px;
	font-size:9px;
	color:#BEBEBE;
}

#page-contact
{
	width:960px;
	margin:auto;
	font-family:'rokkitregular'; !important
}

#contact-img
{
	width:100%;
	margin:auto;
	margin-top:3%;
	margin-bottom:3%;
	padding:10px;
}


.contact-item p
{
	color:#000;
	font-family:'rokkittregular';
	font-size:1.3em;
}

.contact-item a
{
	color:#5796c7;
}

#contact-form
{
	width:70%;
	margin-left:1%;
	margin-bottom:15%;
	float:left;
}

#adresse
{
	width:20%;
	float:left;
	font-family:'rokkittregular';
	font-size:1.3em;
	color:#000;
}

.title-contact h3
{
	text-decoration:underline;
	color:#4d4440;
	text-transform:uppercase;
	font-weight:bold;
}

/*----------------------------------------------
3. Page Recrute
----------------------------------------------*/

#page-recrute
{
	width:960px;
	margin:auto;	
}

#texte-recrute
{
	padding:20px;
}

.serecrute
{
font-family:'rokkittregular';
 font-size:1.65em;
 margin-bottom:5%;
}

.recrute1
{
	color:#5796c7;
	font-size:1.55em;
}

.recrute2
{
	font-size:1.3em;
	font-style:italic;
}

.serecrute>li:before
{
 content:url(../images/libefore2.png);
}

/*----------------------------------------------
3. Page presse
----------------------------------------------*/


.page-presse
{
	width:960px;
	margin:auto;
	margin-top:50px;
}

.page-presse h1
{
	text-transform:uppercase;
	font-weight:400;
	margin-bottom:35px;
	color:#35434f;
	width:243px;
	border-bottom:2px solid #35434f;
}


#article-top
{
	width:960px;
	height:370px;
	margin-bottom:25px;
}

#article-middle
{
	width:960px;
	height:370px;
}

.article-1, .article-2, .article-3
{
	width:225px;
	height:290px;
	float:left;
	margin:0 15px 15px 0;
}

.article-4
{
	width:225px;
	height:290px;
	margin:0 0px 15px 0;
	float:left;
}



.article-legende
{
	width:225px;
	height:70px;
	background-color:#fff;
	text-align:center;
	box-shadow:0 1px 2px rgba(0, 0, 0, 0.08);
}

.article-legende:hover
{
	border-bottom:2px solid #35434f;
}

.article-titre
{
	padding:25px 0 0 10px;
	color:#747474;
	font-size:16px;
	line-height:5px;
	font-weight:bolder;
}

.article-leg
{
	padding:0 0 0 10px;
	color:#a2a2a2;
	font-size:14px;
	line-height:5px;
}

.article-img
{
	width:225px;
	height:290px;
	box-shadow:0 1px 2px rgba(0, 0, 0, 0.08);

}



/*----------------------------------------------
4. Slider
----------------------------------------------*/
.fullwidthbanner-container {
	width:100% !important;
	position:relative;
	padding:0;
	max-height:380px !important;
	overflow:hidden;
	margin-bottom:40px;
	z-index:1;
	box-shadow:1px 3px 3px 2px #666666;
}

/*----------------------------------------------
5. PARTENAIRE
----------------------------------------------*/

#partenaire
{
	width:960px;
	margin:auto;
}

#partenaire-item1
{
	width:100%;
	height:200px;
	margin-top:9%;
	border-bottom:2px dotted #CCC;
}


.partenaire-item
{
	width:100%;
	height:200px;
	margin-top:2%;
	border-bottom:2px dotted #CCC;
}

.partenaire-item2
{
	width:100%;
	height:200px;
	margin-top:2%;
	margin-bottom:15%;
	border-bottom:2px dotted #CCC;
}

.photo-partenaire
{
	float:left;
	margin-right:2%;
}

.texte-partenaire h3
{
	color:#5796c7
}

.texte-partenaire a
{
	color:#5796c7;
	text-decoration:underline;
}

.txtpart1
{
	margin-top:3%;
}




/*----------------------------------------------
5. Sidebar
----------------------------------------------*/
.sidebar {
	-webkit-box-shadow:0 1px 2px rgba(0, 0, 0, .08);
	-moz-box-shadow:0 1px 2px rgba(0, 0, 0, .08);
	box-shadow:0 1px 2px rgba(0, 0, 0, .08);
	color:#777;
	padding:25px;
	background:#FFF;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.sb-header {
	margin-bottom:20px;
	color:#5796C7;
}
.sidebar p {
	margin-bottom:20px;
}
.sidebar a {
	color:#777;
}
/*----------------------------------------------
6. Navigation
----------------------------------------------*/
.top-bar {
	background: none;
	height: 45px;
	line-height: 45px;
	margin: 10px 0 0;
	padding: 0;
	width: 100%; /* Contain width to .row width */ /* First <ul> for branding, title, name, etc */ /* topbar global <ul> styles */
}
.top-bar > ul .name {
	display: none;
}
.top-bar > ul .name h1 {
	line-height: 45px;
	margin: 0;
}
.top-bar > ul .name h1 a {
	font-weight: bold;
	padding: 0 22.5px;
	font-size: 17px !important;
}
.top-bar ul {
	display: inline;
	height: auto;
	line-height: 45px;
	list-style: none; /* Main Navigation links style */ /* Left Side <ul> */ /* Right Side <ul> */
}
.top-bar ul > li {
	float: left; /* Dividers between navigation */ /* Put a button in an <li> but give is a class */ /* Put a search bar or text input in the bar */ /* Hide the triangle for breakpoint menu */ /* li.has-dropdown */
}
.top-bar ul > li a:not(.button) {
	color: #000;
	display: block;
	font-size: 12px;
	font-weight: 400;
	height: auto;
	line-height: 35px;
	padding: 0 15px 0 15px;
	text-transform:uppercase;
}
.top-bar ul > li:hover a {
	background: #5796C7;
	color:#000;
}
.top-bar ul > li:hover a.active {
	color:#000;
}
.top-bar ul > li a.active {
	color:#000;
}
.top-bar ul > li:hover a {
	color: #000;
}
.top-bar ul > li:hover, .top-bar ul > li.active {
	background: none;
}
.top-bar ul > li.has-button:hover {
	background: #5796C7;
}
.top-bar ul > li.has-button:hover a {
	color: #000;
}
.top-bar ul > li.toggle-topbar {
	display: none;
}
.top-bar ul > li.has-dropdown {
	position: relative; /* Dropdown Level 2+ */
}
.top-bar ul > li.has-dropdown:hover > .dropdown {
	display: block;
	visibility: visible;
	opacity: 1;
}
.top-bar ul > li.has-dropdown a {
	padding-right: 15px;
}
.top-bar ul > li.has-dropdown a:after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border: none;
}
.top-bar ul > li.has-dropdown .dropdown {
	background: none;
	left: 0;
	margin: 0;
	padding: 30px 0 0;
	position: absolute;
	visibility: hidden;
	z-index: 99;
	opacity:0;
	-webkit-transition: background-color 0.3s ease 0s, border 0s ease 0s, color 0.3s ease 0s, opacity 0.3s ease-in-out 0s;
	-moz-transition: background-color 0.3s ease 0s, border 0s ease 0s, color 0.3s ease 0s, opacity 0.3s ease-in-out 0s;
	-o-transition: background-color 0.3s ease 0s, border 0s ease 0s, color 0.3s ease 0s, opacity 0.3s ease-in-out 0s;
	transition: background-color 0.3s ease 0s, border 0s ease 0s, color 0.3s ease 0s, opacity 0.3s ease-in-out 0s;
}
.top-bar ul > li.has-dropdown .dropdown li {
	background: #444;
	line-height: 1;
	min-width: 100%;
	padding-bottom: 0px;
	border-bottom: 1px dotted #444;
}
.top-bar ul > li.has-dropdown .dropdown li:last-child {
	border-bottom:none;
	padding-bottom:0px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.top-bar ul > li.has-dropdown .dropdown li a {
	font-weight: normal;
	height: 100%;
	line-height: 1;
	white-space: nowrap;
	color: #fff;
	font-size: 12px;
	font-weight: 400;
	line-height: normal;
	padding: 15px 20px;
	min-width: 177px;
	background: #333;
	font-size:11px;
}
.top-bar ul > li.has-dropdown .dropdown li a:after {
	border: none;
}
.top-bar ul > li.has-dropdown .dropdown li a:hover {
	background: #5796C7;
	color:#fff;
}
.top-bar ul > li.has-dropdown .dropdown li:last-child {
	padding-bottom: 0px;
}
.top-bar ul > li.has-dropdown .dropdown li.has-dropdown > a:after {
	border: none;
	content: "";
	right: 5px;
	top: 6px;
}
.top-bar ul > li.has-dropdown .dropdown li.has-dropdown:hover > .dropdown {
	display: block;
}
.top-bar ul.left {
	float: left;
	width: auto;
	margin-bottom: 0;
}
.top-bar ul.right {
	float: right;
	width: auto;
	margin-bottom: 0; /* Dropdown Right Side Alignment */
}
.top-bar ul.right .has-dropdown .dropdown {
	right: auto;
	left: 0px;
}
.top-bar ul.right .has-dropdown .dropdown li.has-dropdown > .dropdown {
	right: 100%;
	left: auto;
	width: 100%;
}
.top-bar .js-generated {
	display: none;
}

/* Mobile Styles */
@media only screen and (max-width: 940px) {
#logo
{
	clear:both;
	display:none;
}


.top-bar {
	background:#444;
	margin-bottom: 0;
	margin-top:20px;
	margin-bottom:20px;
	overflow: hidden; /* Override contain to grid stuff for breakpoint */ /* Setting up the sliding area */ /* When the Small Nav is Showing */
}
.top-bar .js-generated {
	display: block;
}
.contain-to-grid .top-bar {
	width: auto;
}
.top-bar section {
	left: 0;
	position: relative;
	width: auto;
	-webkit-transition: left 300ms;
	-moz-transition: left 300ms;
	-o-transition: left 300ms;
	transition: left 300ms;
}
.top-bar ul {
	width: 100%;
	min-height: 100%;
	height: 100%;
	margin-bottom: 0;
	display: block;
}
.top-bar ul li {
	float: none; /* Branding and name */ /* Dropdown Toggle */ /* Divider for breakpoint */ /* Search Overrides for breakpoint size */ /* Dropdown Level 1 */ /* Dropdown Level 2 */
}
.top-bar ul li.active, .top-bar ul li:hover {
	background: #333;
}
.top-bar ul > li a:hover {
	background: #333;
	color:#fff;
}
.top-bar ul > li a:not(.button) {
	padding: 0px;
}
.top-bar ul li.name {
	background: #333;
}
.top-bar ul li.name h1 {
	line-height: 1;
}
.top-bar ul li.name h1 a {
	padding-left: 22.5px;
}
.top-bar ul li.toggle-topbar {
	cursor: pointer;
	display: block;
	height: 45px;
	position: absolute;
	right: 20px;
	top: 0;
	width: 91%;
	margin-top:20px;
}
.top-bar ul li.toggle-topbar a {
	content: "";
	display: block;
	background:none;
	width: 0;
	height: 0;
	border: solid 8px;
	border-color: white transparent transparent transparent;
	padding: 0;
	position: absolute;
	top: 50%;
	right: 22.5px;
	margin-top: -4px;
}
.top-bar ul li.toggle-topbar:hover {
	background: transparent;
}
.top-bar ul li.toggle-topbar a {
	padding: 0 !important;
}
.top-bar ul li.divider {
	border-bottom: solid 1px rgba(255, 255, 255, 0.2);
	border-top: solid 1px black;
	clear: both;
	height: 1px !important;
	margin: 8px 0 !important;
	width: 100%;
}
.top-bar ul li.search {
	padding: 0 22.5px;
}
.top-bar ul li.search form {
	width: 100%;
}
.top-bar ul li.search form input[type=text] {
	width: 75%;
}
.top-bar ul li.search form .button {
	top: 0;
	width: 25%;
}
.top-bar ul li.has-dropdown a {
	padding-right: 33.75px;
}
.top-bar ul li.has-dropdown a:after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border: solid 5px;
	border-color: transparent transparent transparent rgba(255, 255, 255, 0.5);
	margin-right: 15px;
	margin-top: -4.5px;
	position: absolute;
	top: 50%;
}
.top-bar ul li.has-dropdown:hover > .dropdown {
	display: block;
	visibility: hidden;
}
.top-bar ul li.has-dropdown .dropdown {
	visibility: hidden;
	z-index: 0 !important;
	opacity:1;
}
.top-bar ul li.has-dropdown.moved {
	position: static;
}
.top-bar ul li.has-dropdown.moved .dropdown {
	top: 0;
	visibility: visible;
}
.top-bar ul li.has-dropdown.moved .dropdown li label {
	margin-bottom: 6px;
	padding-top: 6px !important;
	font-size: 11px;
}
.top-bar ul li.has-dropdown.moved .dropdown li:not(.title) {
	padding-bottom: 0;
}
.top-bar ul li.has-dropdown.moved .dropdown li:not(.title) a {
	padding: 8px 22.5px;
	font-size: 12px;
}
.top-bar ul li.has-dropdown.moved .dropdown li a, .top-bar ul li.has-dropdown.moved .dropdown li label {
	padding: 0 22.5px;
}
.top-bar ul li.has-dropdown.moved .dropdown li a:hover {
	background: #333;
	display: block;
}
.top-bar ul li.has-dropdown.moved .dropdown li.divider {
	border-bottom: solid 1px rgba(255, 255, 255, 0.1);
	margin-top: 8px !important;
	margin-bottom: 8px !important;
}
.top-bar ul li.has-dropdown.moved .back.title {
	padding-bottom: 0;
}
.top-bar ul li.has-dropdown.moved .back.title a:before {
	position: absolute;
	top: 50%;
	left: 17.5px;
	margin-top: -5px;
	width: 0;
	height: 0;
	content: "";
	display: block;
	width: 0;
	height: 0;
	border: solid 5px;
	border-color: transparent white transparent transparent;
}
.top-bar ul li.has-dropdown.moved .back.title h5 {
	margin: 0;
	padding-left: 0px;
	margin-left:0px;
	position: relative;
}
.top-bar ul li.has-dropdown.moved .back.title h5 a {
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left:40px !important;
	font-size: 24px;
	font-weight: 400;
	letter-spacing:-1px;
}
.top-bar ul li.has-dropdown .dropdown li {
	background: transparent;
}
.top-bar ul li.has-dropdown .dropdown li.has-dropdown .dropdown {
	left: 100% !important;
	top: 0;
	right: auto !important;
}
.top-bar ul li.has-dropdown .dropdown li.has-dropdown > a {
	padding-right: 33.75px;
}
.top-bar ul li.has-dropdown .dropdown li.has-dropdown > a:after {
	content: "";
	margin-right: 15px;
	content: "";
	display: block;
	width: 0;
	height: 0;
	border: solid 5px;
	border-color: transparent transparent transparent rgba(255, 255, 255, 0.5);
	position: absolute;
	top: 50%;
	margin-top: -4.5px;
}
.top-bar ul li.has-dropdown .dropdown li.has-dropdown.moved {
	position: static;
}
.top-bar ul li.has-dropdown .dropdown li.has-dropdown.moved .dropdown {
	top: 0;
	visibility: visible;
}
.top-bar ul li.has-dropdown .dropdown li.has-dropdown:hover {
	display: block;
}
.top-bar ul.left, .top-bar ul.right {
	float: none;
	width: 100%;
}
.top-bar ul.left > li, .top-bar ul.right > li {
	display: block;
	float: none;
	margin: 0 !important;
}
.top-bar ul.left > li.has-dropdown .dropdown, .top-bar ul.right > li.has-dropdown .dropdown {
	left: 100% !important;
	top: 0;
	right: auto !important;
}
.top-bar section > ul li a:not(.button) {
	padding-left: 22.5px !important;
}
.top-bar.expanded {
	height: 100%;
}
.top-bar.expanded ul li.toggle-topbar a {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border: solid 8px;
	border-color: transparent transparent rgba(255, 255, 255, 0.5) transparent;
	top: auto;
	bottom: 50%;
	margin-bottom: -4px;
}
.top-bar ul li.has-button {
	padding: 0 20px 5px;
}
.top-bar ul li .button.small {
	margin: 0 !important;
	display: inline-block;
	width: 100%;
}
.top-bar > ul .name {
	display: block;
}
}
/* IE8 Fixes */
.lt-ie9 .top-bar ul li a {
	color: #666;
	display: block;
	font-size: 14px;
	font-weight: 400;
	height: auto;
	line-height: 45px;
	padding: 20px 20px 20px 20px;
}
.lt-ie9 .top-bar ul li a.button {
	height: auto;
	line-height: 30px;
	margin-top: 7px;
}
.lt-ie9 .top-bar ul li a:hover {
	color: #cccccc;
}
.lt-ie9 .top-bar ul li a img {
	margin-top: -5px;
	vertical-align: middle;
}
.lt-ie9 .top-bar ul li a.active {
	color: #fff;
}
.lt-ie9 .top-bar ul li.has-dropdown {
	padding-right: 0px;
	margin-right:0;
}
.lt-ie9 .top-bar ul li.has-dropdown > ul li {
	padding-right: 0;
}


/* Headings
---------------------------------------- */
h1, h2, h3, h4, h5, h6 {
	font-family: 'Source Sans Pro', sans-serif;
	color:#555;
	font-style:normal;
	text-rendering:optimizeLegibility;
	line-height:1.1;
	margin-bottom:15px;
}
h1 {
	font-size:28px;
	font-weight:300;
}
h2 {
	font-size:24px;
}
h3 {
	font-size:20px;
	font-weight:400;
}
h4 {
	font-size:16px;
	font-weight:300;
}
h5 {
	font-size:15px;
	font-weight:600;
}
h6 {
	font-size:13px;
	font-weight:300;
}
/* Custom Lists Styles
---------------------------------------- */
.type1 {
	list-style:none;
	margin-bottom:20px;
	margin-left:0;
}
.type1 a {
	color:#666;
}
.type1 a:hover {
}
.type1 li:before {
	content: "\00BB \0020\0020";
	font-family: 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	color:#666;
	font-weight:600;
	font-size:18px;
}
.type1 li:hover:before {
}
.type1 li ul {
	list-style:inherit;
}
.list-type-1 li {
	background:url(../images/icon_check.png) 0 0 no-repeat;
	border:none;
	line-height:16px;
	list-style:none;
	margin:0;
	padding:0 0 10px 20px;
}
.list-type-2 li {
	background:url(../images/icon_delete.png) 0 0 no-repeat;
	border:none;
	line-height:16px;
	list-style:none;
	margin:0;
	padding:0 0 10px 20px;
}
.list-type-3 li {
	background:url(../images/icon_arrow_grey.png) 0 0 no-repeat;
	line-height:16px;
	padding:0 0 10px 20px;
}
.list-type-sidebar li {
	background:url(../images/icon_arrow_grey.png) 0 0 no-repeat;
	line-height:14px;
	margin:0 0 8px;
	padding:0 0 10px 20px;
}
.list-type-footer li {
	background:url(../images/icon_arrow_white.png) 0 0 no-repeat;
	line-height:16px;
	margin-bottom:8px;
	padding:0 0 8px 20px;
}
/* Text Attributes 
---------------------------------------- */
.uppercase {
	text-transform:uppercase;
}
.bold {
	font-weight:500;
}
.text-center {
	text-align:center;
}
/* Dropcaps
---------------------------------------- */
.dropcap1, .dropcap2 {
	color:#63696c;
	display:block;
	float:left;
	font-size:30px;
	font-style:italic;
	line-height:30px;
	margin:0 10px 1px 0;
}
.dropcap2 {
	font-size:39px;
	font-style:normal;
	line-height:30px;
	margin:5px 5px 0 0;
}
/* Quotes
---------------------------------------- */
.quote_right, .quote_left {
	color:#b2b2b2;
	float:right;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:17px;
	font-style:italic;
	line-height:1.4em;
	padding:5px 0 5px 40px;
	width:33%;
}
.quote_left {
	float:left;
	padding:5px 8px 8px 0;
}
.quote-text {
	color:#888;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	font-style:italic;
	font-weight:400;
	line-height:1.5em;
}
.quoteBox .quote-text {
	color:#888;
	font-size:13px;
	line-height:1.5em;
	padding:5px 10px 5px 45px;
}
.quoteBox {
	background:url(../images/icon_quotes.png) 0 10px no-repeat;
	margin-bottom:20px;
}
.quoteBox2 .quote-text2 {
	color:#888;
	font-size:13px;
	line-height:1.5em;
	padding:0 10px;
}
.quoteBox2 {
	border-left:4px solid #5d6872;
}
/* Alerts
---------------------------------------- */
div.alert-box {
	border: none;
	margin-bottom: 12px;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
	text-shadow: none;
	position: relative;
}
/* Framed Boxes
---------------------------------------- */
.frame_left, .frame_right {
	background:#FFF;
	border:1px solid #e0e0e0;
	padding:5px 5px 0;
}
.frame_left {
	display:block;
	float:left;
	margin:7px 10px 5px 0;
}
.frame_right {
	display:block;
	float:right;
	margin:7px 0 5px 20px;
}
/*----------------------------------------------
8. Custom Circles
------------------------------------------------*/

.bottom-block h4 {
	margin-bottom:0;
	font-weight:400;
	text-transform:uppercase;
}
.circles_block {
	padding:30px 0;
	background:#35434f;
	border-top:8px #303c47 solid;
	border-bottom:8px #303c47 solid;
	margin:40px 0;
}
.ch-item {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	position: relative;
	box-shadow: 0 1px 2px rgba(0,0,0,0.1);
	cursor: default;
}

.ch-info-wrap {
	position: absolute;
	width: 180px;
	height: 180px;
	border-radius: 50%;
	-webkit-perspective: 800px;
	-moz-perspective: 800px;
	-o-perspective: 800px;
	-ms-perspective: 800px;
	perspective: 800px;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	top: 20px;
	left: 20px;
	box-shadow: 
 0 0 0 20px rgba(255,255,255,0.2), inset 0 0 3px rgba(115,114, 23, 0.8);
}
.ch-info {
	position: absolute;
	width: 180px;
	height: 180px;
	border-radius: 50%;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
.ch-info > div {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background-position: center center;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	left: 1px;
}
.ch-info .ch-info-back {
	-webkit-transform: rotate3d(0, 1, 0, 180deg);
	-moz-transform: rotate3d(0, 1, 0, 180deg);
	-o-transform: rotate3d(0, 1, 0, 180deg);
	-ms-transform: rotate3d(0, 1, 0, 180deg);
	transform: rotate3d(0, 1, 0, 180deg);
	background: #000;
}
.ch-img-1 {
	background-image: url(../images/circles/blue_circle_1.jpg);
}
.ch-img-2 {
	background-image: url(../images/circles/blue_circle_2.jpg);
}
.ch-img-3 {
	background-image: url(../images/circles/blue_circle_3.jpg);
}

.ch-info p {
	color: #fff;
	padding: 10px 5px;
	margin: 0;
}

.ch-info-back p
{
	margin-top:16%;
	text-align:center;
}


.ch-item:hover .ch-info-wrap {
	box-shadow: 
 0 0 0 0 rgba(255,255,255,0.8), inset 0 0 3px rgba(115,114, 23, 0.8);
}
.ch-item:hover .ch-info {
	-webkit-transform: rotate3d(0, 1, 0, -180deg);
	-moz-transform: rotate3d(0, 1, 0, -180deg);
	-o-transform: rotate3d(0, 1, 0, -180deg);
	-ms-transform: rotate3d(0, 1, 0, -180deg);
	transform: rotate3d(0, 1, 0, -180deg);
}

			
.ch-grid {
	margin:0;
	padding: 0;
	list-style: none;
	display: block;
	text-align: center;
	width: 960px;
}
.ch-grid:after, .ch-item:before {
	content: '';
	display: table;
}
.ch-grid:after {
	clear: both;
}
.ch-grid li {
	width: 220px;
	height: 220px;
	display: inline-block;
}


.error {
	text-align:center;
	font-weight:600;
	font-size:180px;
	margin:0px;
}
.error-subtitle {
	text-align:center;
	margin:0px;
}


/*--------------------------------------------
9. Portfolio
--------------------------------------------*/
.portfolio-block h1 {
	padding-left:15px;
	text-transform:uppercase;
}
.element {
	padding:15px;
}
.element .flex-video {
}
.variable-sizes .element.width2 {
	width: 50%;
}
.element.large, .variable-sizes .element.large, .variable-sizes .element.large.width2.height2 {
	width: 50%;
}
#container {
	margin:10px 0;
}
 @media only screen and (max-width: 767px) {
.element {
	width: 100% !important;
}
}
/* Filter List */
.option-set {
	list-style: none;
	margin-bottom: 0px;
	margin-top: 10px;
}
.option-set li {
	display:inline;
}
.option-set li a {
	background:#f0f0f0;
	color:#666;
}
.option-set li a.selected {
	color:#fff;
	background:#5796C7;
}
.active .button {
}
.portfolio-block {
}
.portfolio-item {
	width:180px;
	height:280px;
}
.portfolio-item-image {
}
.portfolio-item-image img {
	display:block;
}
.portfolio-item-content {
	background:#fff;
	padding:20px 10px;
	text-align:center;
	-webkit-box-shadow:0 1px 2px rgba(0, 0, 0, .08);
	-moz-box-shadow:0 1px 2px rgba(0, 0, 0, .08);
	box-shadow:0 1px 2px rgba(0, 0, 0, .08);
	-webkit-transition:border-color .3s ease-in-out;
	-moz-transition:border-color .3s ease-in-out;
	-ms-transition:border-color .3s ease-in-out;
	-o-transition:border-color .3s ease-in-out;
	transition:border-color .3s ease-in-out;
	border-bottom:1px solid transparent;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.portfolio-item:hover .portfolio-item-content {
	border-bottom:1px solid #5796C7;
}
.portfolio-item-content .title {
	margin:0;
	text-transform:uppercase;
}
.portfolio-item-content p {
	margin:0;
}

/* Overlay
---------------------------------------- */
.image-overlay {
	position:relative;
}
.overlay-icon {
	position:absolute;
	top:0;
	width:100%;
	background-color:#444;
	height:100%;
	left:0;
}


/*----------------------------------------------
12. Pagination
------------------------------------------------*/
ul.pagination {
	display: block;
	height: 30px;
	margin-left: -5px;
	margin:20px 0;
}
ul.pagination li {
	float: left;
	display: block;
	height: 24px;
	color: #999;
	font-size: 14px;
	margin-left: 0px;
	margin-right:0px;
}
ul.pagination li a {
	display: block;
	padding: 4px 7px 3px;
	color: #555;
}
ul.pagination li:hover a, ul.pagination li a:focus {
	background: #444;
	color:#fff;
}
ul.pagination li.unavailable a {
	cursor: default;
	color: #999;
}
ul.pagination li.unavailable a:focus {
	background: transparent;
}
ul.pagination li.current a {
	background:#5796C7;
	color:#fff;
	font-weight:bold;
	cursor:default
}
ul.pagination li.current a:hover {
	background: #444;
}
ul.pagination li.unavailable:hover a {
	background:#eee;
}

/* Tabs
---------------------------------------- */
dl.tabs {
	border-bottom: 1px dotted #ccc;
	display: block;
	height: auto;
	margin-bottom: 0px;
	padding: 0;
	float:left;
	width:100%;
	margin-top:5px;
}
ul.tabs-content {
	display: block;
	padding: 20px;
	border: 1px dotted #ccc;
	border-top:none;
	float:left;
	width:100%;
	margin:0px;
	background:#FFF;
}
dl.tabs dd {
}
dl.tabs dd.active {
	border-top: 5px solid;
	margin-top: -5px;
	border-bottom: 2px solid white !important;
	margin-bottom:-1px;
}
dl.tabs dd.active a {
	border-left: 1px dotted #ccc;
	border-right: 1px dotted #ccc;
}
.tabs dd.active, .tabs li.active {
	border-top:3px solid #5796C7;
	margin-top:-3px
}
dl.tabs dd a {
	color: #555;
	display: block;
	font-size: 14px;
	height: auto;
	line-height: normal;
	padding: 10px 15px;
	position: relative;
}
dl.tabs dd a:hover {
}
dl.tabs dd a:focus {
}
dl.tabs.two-up dt a, dl.tabs.two-up dd a, dl.tabs.three-up dt a, dl.tabs.three-up dd a, dl.tabs.four-up dt a, dl.tabs.four-up dd a, dl.tabs.five-up dt a, dl.tabs.five-up dd a {
	padding: 20px 5px;
}
.tabs.vertical dd.active, .tabs.vertical li.active {
	border-bottom:0px;
}
/* Accordions
---------------------------------------- */
.acc_trigger {
	padding: 0;
	margin: 0;
	width:100%;
	display:block;
	background:url(../images/accordions/blue_acc_closed.png) no-repeat right center;
}

.acc_trigger.active {
	background:url(../images/accordions/blue_acc_opened.png) no-repeat right center;
}
.acc_container {
	margin: 0 0 20px;
	padding: 0;
	overflow: hidden;
	clear: both;
}

.acc_container p
{
	color:#453C31;
	font-size:1.4em;
}


#accordion-style-1 {
	margin-bottom:25px;
}
#accordion-style-1 .acc_trigger {
	font-size:1.6em;
	line-height:2.5;
}
#accordion-style-1 .acc-item {
	border-bottom:1px dotted #ccc;
}



/*-------------------------------------
FOOTER
------------------------------------------*/
.list-footer
{
	width:30%;
	float:left;
}


.list-footer li
{
	background:url("../images/icon_arrow_white.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
	line-height:16px;
	margin-bottom:8px;
	padding:0 0 8px 20px;
}

.list-footer a 
{
	color:#FFF
}

.list-footer a:hover
{
	color:#666;
}

.contact-footer
{
	text-align:right;
	color:#FFF;
	width:66.5%;
	float:left;
}

.contact-footer a
{
	color:#FFF;
}

.contact-footer a:hover
{
	color:#666;
}

/* Subfooter
---------------------------------------- */
.subfooter {
	overflow:hidden;
	background-color:#35434F;
	width:100%;
	padding:20px 0 0 10px;
	margin-top:7%;
}
.subfooter p {
	color:#FFF;
	line-height:2;
}

#footer
{
	background-color:#29353F;
	width:100%;
	border-top:5px solid #303C47;
	padding:10px;
	margin:auto;
}

#footer p
{
	color:#fff;
	width:960px;
	margin:auto;
}

#footer a
{
	color:#FFF;
}

#footer a:hover
{
	color:#666; !important
}

/*----------------------------------------------
18. Buttons
----------------------------------------------*/
.button {
	border:none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	font-weight:500;
	font-size:12px;
	-webkit-transition:background-color 0.15s ease-in-out;
	-moz-transition:background-color 0.15s ease-in-out;
	-o-transition:background-color 0.15s ease-in-out;
	transition:background-color 0.15s ease-in-out;
	background:#5796C7;
}
.button.primary {
	border:none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.button:hover {
	color: white !important;
	background-color: #555;
}
.button:focus {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	color: #fff;
}
/* Secondary */
.button.secondary {
	background:#444;
	border:none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	color:#fff;
}
.button.secondary:focus {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	color: #fff;
}
/* Success */
.button.success {
	border:none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.button.success:focus {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	color: #fff;
}
.button.search {
	padding:18px;
	border:none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	background:url("../images/btn_search.png") no-repeat center center #5796C7;
}
.button.search:hover {
	background:url("../images/btn_search.png") no-repeat center center #555;
}
/* Alert */
.button.alert {
	border:none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.button.alert:focus {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	color: #fff;
}
/* Tiny */
.button.tiny {
	font-size: 10px;
}
/* Small */
.button.small {
	font-size: 12px;
}
/* Large */
.button.large {
	font-size: 22px;
	letter-spacing:-1px;
}

/*----------------------------------------------
19. Icon Blocks
----------------------------------------------*/
.small-icon-block {
	text-align:center;
}


.small-icon-block p {
	margin-bottom:0;
}
.small-icon-block h5, .image-block h5, .image-block h6 {
	text-align:center;
	padding:5px 0;
	margin:0;
	text-transform:uppercase;
}
.image-block {
	margin-bottom:0;
}
.image-block h1, .image-block h4 {
	text-transform:uppercase;
	padding-left:15px;
}
.bottom-block h1 {
	text-transform:uppercase;
}
.box {
	background:#FFF;
	-webkit-box-shadow:0 1px 2px rgba(0, 0, 0, .08);
	-moz-box-shadow:0 1px 2px rgba(0, 0, 0, .08);
	box-shadow:0 1px 2px rgba(0, 0, 0, .08);
	-webkit-transition:border-color .3s ease-in-out;
	-moz-transition:border-color .3s ease-in-out;
	-ms-transition:border-color .3s ease-in-out;
	-o-transition:border-color .3s ease-in-out;
	transition:border-color .3s ease-in-out;
	border-bottom:1px solid transparent;
}
.box:hover {
	border-bottom:1px solid #5796C7;
}
.box-inner {
	padding:10px 20px 20px;
}

/*----------------------------------------------
19. Intro
----------------------------------------------*/
#intro
{
	float:left;
	width:100%;
	height:10%;
	margin-right:3%;
}

#intro p
{
	text-align:justify;
}

#intro img
{
	float:left;
	margin-right:15px;
	padding:3px;
}

#intro h3
{
	font-size:24px;
}

#intro p
{
	font-size:16.5px;
}



#actualite
{
	margin-top:3%;
	height:350px;
	text-align:justify;
	width:960px;
	

}


#sous-intro
{
	height:250px;
	width:100%;
	margin-top:5%;
	margin-bottom:7%;
	background-color:#f6f6f6;
}

#sous-intro1
{
	width:30%;
	height:100%;
	float:left;
	margin-top:1.5%;
}

#sous-intro2
{
	width:30%;
	height:100%;
	float:left;
	margin-left:3%;
	margin-right:3%;
	margin-top:1.5%;
}

#sous-intro3
{
	width:30%;
	height:100%;
	float:left;
	margin-top:1.5%;
}

.item
{
	text-align:center;
}

.sous-item
{
	text-transform:uppercase;
	color:#5795c6;
	text-align:center;
	font-size:1.3em;
}

.texte-item
{
	color:#6d6d6d;
	text-align:justify;
	width:70%;
	margin-left:15%;
}

.texte-item2
{
	color:#6d6d6d;
	text-align:justify;
	width:80%;
	margin-left:10%;
}

#domaine
{
	height:470px;
	margin-top:3%;
}


#domaine h3
{
	font-size:24px;
	margin-bottom:3%;
}

#domaine img
{
	float:left;
	margin-right:15px;
	padding:3px;
}

#sous-domaine
{
	width:100%;
}

.sous-domaines1,.sous-domaines2,.sous-domaines3,.sous-domaines4,.sous-domaines6,.sous-domaines7,.sous-domaines8,.sous-domaines9,.sous-domaines9
{
	width:172px;
	height:172px;
	background-color:#7e7e7e;
	margin-right:22px;
	margin-bottom:22px;
	float:left;
}

.sous-domaines5,.sous-domaines10
{
	width:172px;
	height:172px;
	background-color:#7e7e7e;
	margin-bottom:22px;
	float:left;
}

.sous-domaines1:hover,.sous-domaines2:hover,.sous-domaines3:hover,.sous-domaines4:hover,.sous-domaines5:hover,.sous-domaines6:hover,.sous-domaines7:hover,.sous-domaines8:hover,.sous-domaines9:hover,.sous-domaines9:hover,.sous-domaines10:hover
{
	opacity:0.8;
}

/*----------------------------------------------
19. box
----------------------------------------------*/

#box1, #box2 {
	width:380px;
	float:left;
	padding:15px;
	margin-bottom:55px;
	
}

#box1
{
	margin-right:8%;
}


.titre h4
{
	color:#474747;
	font-size:2em;
	font-weight:900;
	line-height:1.2;
}

.title2
{
	border-bottom:solid 2px #474747;
	border-top:solid 2px #474747;
	width:220px;
	height:30px;
	margin-bottom:3%;	
}

.title3
{
	border-bottom:solid 2px #474747;
	border-top:solid 2px #474747;
	width:350px;
	height:30px;
	margin-bottom:5%;
}

#title2 h2, #title3 h2
{
	font-weight:700;
	color:#474747;
}

.byline
{
	color:#858585;
	letter-spacing:0.1em;
}


#box1 p
{
	text-align:justify;
}


.date
{
	background:none repeat scroll 0 0;
	background-color:#3D5463;
	padding:8px 6px;
	width:60px;
	height:50px;
	float:left;
	text-align:center;
	margin-top:20px;
	color:#FFF;
}


.date h6
{
	line-height:1px;
	color:#FFF;	
}

.date h3
{
	line-height:10px;
	color:#FFF;
}

/*----------------------------------------------
20. Breadcrumbs
----------------------------------------------*/
ul.breadcrumbs {
	display: block;
	background: none;
	padding: 0;
	border: none;
	border-radius:0;
	overflow: hidden;
	margin-top:-3%;
}
ul.breadcrumbs li {
	background: rgba(0,0,0,0.2);
	margin: 0;
	padding:3px;
	float: left;
	list-style: none;
}
ul.breadcrumbs li a, ul.breadcrumbs li span {
	text-transform: none;
	font-size: 12px;
	padding-left:5px;
	color:#FFF;
}
ul.breadcrumbs li:first-child a, ul.breadcrumbs li:first-child span {
	padding-left: 0;
}
ul.breadcrumbs li:before {
	content: "›";
	color: #fff;
}
ul.breadcrumbs li:first-child:before {
	content: " ";
}
ul.breadcrumbs li:hover a, ul.breadcrumbs li a:focus {
	text-decoration:none;
	color:#fff;
}


/*----------------------------------------------
21. Social Block
------------------------------------------------*/
.social_block {
	margin:20px 0 0;
}

.fb-btn {
	margin-right:20px;
}
.tweet-btn, .gplus-btn {
	margin-right:-10px;
}


/*----------------------------------------------
22. Mobile (Portrait)
----------------------------------------------*/
@media only screen and (min-width: 320px) and (max-width: 767px) {
#header {
	position: relative;
	padding:30px 0 10px;
}
#header .shadow-down {
	display:none;
}
#logo {
	margin:0 auto;
}	
.page-title {
	padding:20px 0 0;
}
.plan_title {
	width:45%;
	float:left;
}
.plan_price {
	width:55%;
	padding:8px 2%;
	float:left;
	line-height: 1.25;
}
.plan_more {
	display: block;
	clear: both;
}
.plan_buy {
	padding: 10px;
}
.plan > dd {
	height: 0;
	overflow: hidden;
	padding:0 !important;
	opacity: 0;
	filter: alpha(opacity=0); /* IE6-IE8 */
	-webkit-transition: opacity 0.9s ease-in-out;
	-moz-transition: opacity 0.9s ease-in-out;
	-o-transition: opacity 0.9s ease-in-out;
	-ms-transition: opacity 0.9s ease-in-out;
	transition: opacity 0.9s ease-in-out;
}
.plan:target > dd {
	padding: 10px 5px !important;
	height: auto;
	opacity: 1;
	filter: alpha(opacity=100); /* IE6-IE8 */
}
.icon-block-content {
	margin-bottom:20px;
}
.top-bar {
	margin-top:0; 
	margin-bottom:25px;
}
.top-bar ul li.toggle-topbar { margin-top:0px; }
.clear {
	display:none;
}
.bottom-block h1 {
	margin-top:20px;
}
.entry-title {
	margin-left:69px;
}
.search-align {
	margin-right:0;
}
.sidebar {
	display:none;
}
.box {
	margin-bottom:20px;
}
.project-pagination {
	float: left;
	margin-bottom:20px;
}
.portfolio-item {
	margin-bottom:20px;
}
.large-social-block {
	float:left;
}

#contentva h3
{
	font-family:'rokkittregular';
	text-align:center;
	color:#FFF;
	font-size:1.3em;
	font-weight:bold;
	
}

.vaimpro p, .vaimpro-center p
{
	color:#FFF;
	font-size:1.1em;
	font-family:'rokkittregular';
	line-height:1.3em;
}

}

/*----------------------------------------------
23. Mobile (Landscape)
----------------------------------------------*/
@media only screen and (min-width: 480px) and (max-width: 971px) {
#header {
	padding:30px 0 10px;
}	
#header .shadow-down {
	display:none;
}
.top-bar {
	margin-top:0; 
	margin-bottom:25px;
}
.top-bar ul li.toggle-topbar { margin-top:0px; }

.pricing_plan4, #.pricing_plan3, .pricing_plan2, .pricing_plan1 {
 width: 50%;
}
.plan_title {
	width:auto;
	float:none;
}
.plan_price {
	width:auto;
	float:none;
	border-top: 1px solid #F83333;
}
.plan_more {
	display: none;
}
.plan > dd {
	padding: 10px 5px !important;
	height:auto;
	opacity: 1;
	filter: alpha(opacity=1); /* IE6-IE8 */
	-webkit-transition: opacity 0.9s ease-in-out;
	-moz-transition: opacity 0.9s ease-in-out;
	-o-transition: opacity 0.9s ease-in-out;
	-ms-transition: opacity 0.9s ease-in-out;
	transition: opacity 0.9s ease-in-out;
}
.large-social-block {
	float:right;
}
.sidebar p {
	width:170px;
}
}