* {
	margin: 0;
	padding: 0;
}
img {
	border: 0;
}
a img {
	border: 0;
}
.clear{
	clear: both;
}
/*font-family: 'Lato', sans-serif;
font-family: 'PT Sans Caption', sans-serif;*/
a,
.bloc-home,
#left-columns-contact form input.bouton  {
	opacity: 1;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;	
	transition: all 0.2s ease-in-out;
	text-decoration: none;
}
a:hover,
#left-columns-contact form input.bouton:hover {
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;


	text-decoration:none;
	color: #647CC5;
}
.bloc-home:hover {
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
}
body {
	background: #191919;
	font-size: 16px;
	font-family: 'Lato', sans-serif;
}
h1 {
	background-color: #647CC5;
	color: #fff;
	font-family: 'Lato', sans-serif;
	text-transform: uppercase;
	font-style: italic;
	font-size: 29px;
	font-weight: bold;	
	margin: 20px 0;
	padding: 10px;
}
h2 {
	margin: 20px 0;
	font-size: 26px;
	padding: 0 10px;
}
h3 {
	margin: 15px 0;
	font-size: 20px;
	padding: 0 10px;
}
p {
	padding: 0 20px;
	line-height: 22px;
}
#wrapper {
	width: 100%;
	padding: 0;
}
#navigation {
	background: #fff;
	height: 77px;
	margin-top: 10px;
}
#navigation-container {



	height: 100px;



	width: 960px;



	margin: 0 auto;	



	color: #1f1f1f;



	position: relative;



}







#logo {



	float: left;



	width: 206px;



}



#navbar {



	float: left;



	width: 680px;



}



#main-container {



width: 100%;



float: left;



}



#container {



	width: 960px;



	margin: 0 auto;



}



#slogan-container {



	height: 430px;



	float: left;



	margin: 90px 0 0 0;



	color: #fff;



	padding: 25px 0 0 0;



}



#bg-slogan-container {



	background: url("../img/bg-bloc.png");



	float: left;



	padding: 0 0 30px 0;



	padding: 20px 20px 0 20px;



	border: 1px solid #a0a0a0;



}



#slogan-container h2{



	color: #647CC5;



	font-family: 'Lato', sans-serif;



	text-transform: uppercase;;



	font-style: italic;



	font-size: 29px;



	font-weight: bold;



} 



#slogan-container h2 span.slogan-sous-titre{



	color: #ffffff;



	font-family: 'Lato', sans-serif;



	text-transform: uppercase;



	font-style: italic;



	font-size: 29px;



	font-weight: normal;



	clear: both;



	display: block;



	padding: 0 0 20px;



	background: url("../img/slogan-bg.png") no-repeat left bottom;



}



#slogan-container p {



	font-size: 16px;



	width: 270px;



	margin: 17px 0 0 0;



}



#slogan-container .link-slogan {



	padding: 0 10px 0 0 ;



	border-top: 1px solid #a0a0a0;



	border-left: 1px solid #a0a0a0;



	margin: 25px -20px 0 0;



	clear: both;



	display: inline-block;



	float: right;



}



#slogan-container a {



	color: #fff;



	text-decoration: none;



	text-transform: uppercase;



	background: url('../img/link-next.png') no-repeat right center;



	padding: 10px 20px 10px 10px;



	display: block;



}



#slogan-container a:hover {



	color: #647CC5;



}



#main-content {



	width: 960px;



	float: left;



}



/*



#main-content-full h2 {







}*/



#main-content-full {



	width: 100%;



	min-height: 360px;



	color: #212323;



	background: url(../img/mosaique.png) rgba(255,255,255,0.8) center top;



	padding: 20px 0;



	float: left;



}



#main-content-full .bloc-content {



	width: 940px;



	margin: 56px auto 0 auto;



	position: relative;



	background: #fff;



	padding: 10px 10px 30px 10px;



}



#main-content-full.home {



	margin-top: 500px;



	height: 520px;
	color: #FFF;


}



#right-column{



	width: 258px;



	float: left;



	background: url("../img/bg-bloc.png");



	color: #fff;



	padding: 18px 20px;



	position: relative;



	margin: 20px 0;



}



#right-column h2{



	margin: 0 0 20px;



}



#right-column a.back {



	color: #fff;



	background: url('../img/link-previous.png') no-repeat left center;



	padding: 0 0 0 25px;



	text-transform: uppercase;



	width: 260px;



}



#right-column a.back:hover {



	background: url('../img/link-previous-hover.png') no-repeat left center;



	color: #647CC5;



}



#right-column a.next {



	color: #fff;



	background: url('../img/link-next.png') no-repeat 200px center ;



	padding: 10px 25px 10px 0;



	text-transform: uppercase;



	width: 245px;



	display: block;



}



#right-column a.next:hover {



	background: url('../img/link-next-hover.png') no-repeat 230px center;



	color: #647CC5;



}



#left-column{



	float: left;



	width: 600px;



	margin: 0 20px 0 0;



}



.navbar-language {



	width: 70px;



	position: absolute;



	right: 0px;



	top: 20px;



}



.navbar-language a {



	font-family: 'Myriad Pro', Arial, Helvetica, sans-serif;



	text-transform: uppercase;



	color: #5a5a5a;



	text-decoration: none;



}



.navbar-language a.active  {



	color: #647CC5;



}



.navbar-language .langue{



	float: left;



	width: 25px;



}



.navbar-language .langue.en{



	float: left;



	width: 25px;



	border-left: 1px solid;



	padding: 0 0 0 10px;



}







#navigation-content{



	position: absolute;



	right: 0px;



	bottom: 34px;



}







#navigation-content ul li{



	list-style: none;



	float: left;



	padding-left: 15px;



	padding-right: 15px;



}







#navigation-content li a {



	text-transform: uppercase;



	text-decoration: none;



	color: #1f1f1f;



	font-family: 'PT Sans Caption', sans-serif;



	display: block;



}







#navigation-content li a:hover {



	color: #647CC5;



}







#navigation-content li.active a{



	color: #647CC5;



	font-weight: bold;



}







#navigation-content li a:hover {



	color: #647CC5;



}







#navigation-content li.active a{



	color: #647CC5;



	font-weight: bold;



}







#navigation-content li.formation,



#navigation-content li.services,



#navigation-content li.contact {



	border-left: 1px solid;



 	float: left;



}







.bloc-home h2{



	width: 100%;



	float: left;



	font-family: 'Lato', sans-serif;



	font-size: 18px;



	font-weight: normal;



	text-transform: uppercase;



	margin: 0 0 15px 0;



}



.bloc-home {



	width: 258px;



	float: left;



	background: url("../img/bg-bloc.png");



	border: 1px solid #a0a0a0;



	color: #fff;



	padding: 20px;



	height: 120px;



	position: relative;



}



.bloc-home:hover{



	background: url("../img/bg-bloc-hover.png");



	border: 1px solid #1c1c1c;



	color: #202020;



}



.bloc-home.even{



	width: 257px;



	float: left;



	margin: 0 30px;



	padding: 20px;



}



.bloc-home a{



	color: #647CC5;



	text-decoration: none;



	text-transform: uppercase;



	position: absolute;



	bottom: 0;



	left: 20px;



	background: url('../img/bg-lien-bloc.png') no-repeat right 1px;



	width: 278px;



	height: 33px;



	color: #eee;



}



.bloc-home h2  {



	font-style: italic;



}



.bloc-home:hover h2  {



	color: #647CC5;



}



.bloc-home:hover a{ 



	background: url('../img/bg-lien-bloc-hover.png') no-repeat right 1px;



	color: #202020;



}



#main-bottom {



	margin: 520px 0 0 0;



}



#left-columns-contact {



	float: left;



	width: 50%;



}



#left-columns-contact form {



	width: 100%;



	height: 525px;



}



#left-columns-contact form input,



#left-columns-contact form textarea {



	width: 392px;



	padding: 10px;



}



#left-columns-contact form select {



	width: 414px;



	padding: 10px;



	height: 40px;







}



#left-columns-contact form select option {



	padding: 5px;



	display: block;



	float: left;



	height: 20px;



}



#left-columns-contact form input.bouton {



	/*background: url('../img/link-next.png') no-repeat right center;*/



	background: #647CC5;



	border: 0;



	text-align: right;



	color: #fff;



	padding: 10px 20px 10px 10px;



	display: block;



	margin: 0 0 25px 0;



	width: 415px;



	text-transform: uppercase;



}



#left-columns-contact form input.bouton:hover{



	cursor: pointer;



	color: #647CC5;







}



#mailError {



	color: #c70000;



	font-weight: bold;



}



#gMap {



	width: 100%;



	height: 300px;







}



.alert {



	width: 365px;



}



.alert {



  padding: 8px 35px 8px 14px;



  margin-bottom: 20px;



  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);



  border: 1px solid #cccccc;



  -webkit-border-radius: 0px;



  -moz-border-radius: 0px;



  border-radius: 0px;



}



#right-columns-contact{



	float: right;



	background: url("../img/bg-bloc.png");



	border: 1px solid #a0a0a0;



	color: #fff;



	padding: 20px;



	width: 400px;



	font-size: 16px;



}



#right-columns-contact h2{



	/*float: right;*/



	font-family: 'Lato', sans-serif;



	font-size: 18px;



	text-transform: uppercase;



	font-weight: normal;



	width: 100%;



	margin: 0 0 20px 0;



}



#right-columns-contact p {

	padding: 0 10px;

}



#footer {



	width: 100%;



	background: #191919;



	height: 50px;



	bottom: 0;



	color: #cccccc;



	float: left;



}



#footer-home {



	position: absolute;



	bottom: 0px;



	width: 100%;



}



#footer-container {



	width: 960px;



	margin: 0 auto;



}



.footer-adress {



	float: left;



	margin: 15px;



}



.footer-link{



	float: right;



	margin: 15px;



}



.footer-link a{



	color: #cccccc;



}



.footer-link a:hover{



	color: #647CC5;



}







.bleu{



	background: #647cc5;



}



.bleuciel{



	background: #96a7db;



}



.rose{



	background: #df477e;



}



.duo{



	width:132px;



	height:132px;



}



.trio{



	width: 201px;



	height: 201px;



}



#solution



{



	position: absolute;



	top: 57px;



}



#societe



{



	position: absolute;



	top:  126px;



	left: 276px;



}



#formation



{



	position: absolute;



	top:  195px;



	left: 621px;



}



#resa
{
	position: absolute;
	top:  264px;
	left: 138px;
}
#emploi
{
	position: absolute;
	top:  195px;
	left: 483px;
}
#projecthotline
{
	position: absolute;
	top:  333px;
	left: 828px;
}
#contact
{
	position: absolute;
	top:  57px;
	left: 759px;
}
.bloc.trio .contenu{
	padding: 15px;
	text-transform: uppercase;
	font-style: italic;
	font-size: 16px;
}
.bloc.trio .titre{
	display: block;
	font-size: 22px;
	font-weight: bold;
	text-transform: uppercase;
}
.bloc.duo .contenu{
	padding: 15px;
	text-transform: uppercase;
	font-style: italic;
	font-size: 12px;
}
.bloc.duo .titre{
	display: block;
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
}
#main-content-full.home a{
	opacity: 1;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;	
	transition: all 0.2s ease-in-out;
	text-decoration: none;
	color: #fff;
}
#main-content-full.home a:hover {
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
	text-decoration:none;
	color: #fff;
}

#main-content-full.home .bloc-content
{
	margin: 0 auto;
	padding: 0;
	width: 960px;
}
.content{
	color: #212323;
	background: #fff;
	padding: 10px;
}

#index-projet{
	height: 65px;
	width: 528px;
	background: url(../img/index-projet.png);
	position: absolute;
	left: 50%;
	margin-left: -550px;
	top: 510px;
	opacity: 0;
	-webkit-transition-property: margin-left, opacity;
	-moz-transition-property: margin-left, opacity;
	-o-transition-property: margin-left, opacity;
	transition-property: margin-left, opacity;

	-webkit-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-o-transition-duration: 1s;
	transition-duration: 1s;

	-webkit-transition-timing-function: ease;
	-moz-transition-timing-function: ease;
	-o-transition-timing-function: ease;
	transition-timing-function: ease;
}

#index-projet.active{
	margin-left: -264px;
	opacity: 1;
}