@import url(http://fonts.googleapis.com/css?family=Titillium+Web:400,700,300,200);

body	{font-family: 'Titillium Web';background:#fFFF;}

/*COULEUR DU HOVER MENU*/
ul.nav li a.selected, ul.nav li a:hover{border-bottom:8px solid #ffb400;}

header{background-image:url(../design/art-deco-circle.png);margin-top:0px!important;}

.no-border	{ border:none;}
.color-line	{ background-image:url(../design/colore-line.png); height:3px; margin-bottom:10px;}
/* Header Alternate */


/* ========= Main Navigation =========== */
.navbar{position:relative; top:1px;margin-top:0px; margin-bottom:0px;padding-bottom:53px;}
.nav > li > a:hover, .nav > li > a:focus{background:none;}
ul.nav{text-align:center;}
.navbar-nav{float:none;}
.navbar-nav > li {float:none;}
ul.nav li a{background:none; color:#363636; display:inline-block; font-size:14px; font-weight:600; text-transform:uppercase;border-bottom:8px solid transparent;margin: 0px 15px 0px 15px;}
ul.nav li a.selected, ul.nav li a:hover{background:none;}
.navbar-header{text-align:center;}
.navbar-toggle{background:#F6F6F6;color:#333;float:none;margin:5px 0 0px 0;}
.navbar-toggle .icon-bar{background:#303030;width:18px;}

/*Jumbotron*/
.jumbotron	{ background-color:#FFF!important; color:#363636; padding-top:25px; padding-bottom:10px;}
.jumbotron h1	{font-size:30px; text-align:center;font-family: 'Titillium Web';}
.jumbotron-color	{ color:#ef4d4b;}

/*Divers*/
.phrase		{font-family: 'Titillium Web'; text-align:center;color:#339f9b; padding-top:45px; padding-bottom:45px;}
.phrase h1	{margin-bottom:23px;}
.phrase h2	{color:#7a7a7a!important; font-size:23px;}
.phrase p	{color:#7a7a7a; font-size:23px; margin:0;}
.picto		{font-size:36px; font-family:Arial, Helvetica, sans-serif; letter-spacing: 8px; color:#80cdca;}
.art-deco-triangle	{ background-image:url(../design/art-deco-triangle.png);}
.yellow-back	{ background-color: #ffb400;}
.yellow-back h1	{ color: #fff;}
.green-back	{ background-color: #3badaf;}
.green-back h1	{ color: #fff; font-size:35px;}
.pink-back	{ background-color: #ef4d4b;}
.pink-back h1	{ color: #fff;}
.foot		{background-color:#000; color:#707070; font-size:13px; padding-top:40px; padding-bottom:35px;}
.foot a		{ color:#707070;}
.foot a:hover	{color:#ef4d4b; text-decoration:none;}
.fa			{ font-size:20px!important;}
.content-page	{ margin-top:70px; font-size:16px; color:#4c4c4c;}
.color		{color:#ef4d4b;}
.nomargin	{ margin-top:0;}
.logo		{margin-bottom:20px;}
.marg-bot		{ margin-bottom:100px;}
.marg-top		{ margin-top:50px;}
.footer-top		{ margin-top:100px;}
.footer-top-contact		{ margin-top:50px;}
.form-botmarg	{margin-bottom:100px;}
.info p			{line-height: 25pt;}
.info h1		{ margin-top:0px;}
.info a			{ color:#4c4c4c}
.info a:hover	{ color:#ef4d4b; text-decoration:none;}
.g-map			{padding-left:0px;}
.no-padding	{ padding:0;}
text-care p	{ font-size:23px; text-align:center; font-weight:bold; position:absolute; top:135px; color:#fff; padding-left:10px; padding-right:10px; }
.margin-top-down	{ margin-top:50px; margin-bottom:50px;}
.margin-down	{ margin-bottom:50px;}
.services	{ margin-top: 60px; margin-bottom: 60px;}
.services h2	{ font-size:15px; margin-bottom:40px;}
.intro-services	{ font-size:20px;}
.social-box		{ margin:0; padding:0;}
.social			{ margin-bottom: 20px;}



/*Bouton*/
a.btn.service	{color:#fff; background-color:#ef4d4b; margin-bottom:50px!important; padding: 22px 50px; font-weight:bold; font-size:25px;
							-webkit-transition: color .5s ease-in;
							-moz-transition: backgroud .1s ease-in;
							-o-transition: backgroud .1s ease-in;
							transition: backgroud .1s ease-in;}
a.btn.service:hover			{background-color:#ca3c3a; text-shadow: 0 1px rgba(0, 0, 0, 0.08); color: #fff;
							-webkit-transition: color .5s ease-in;
							-moz-transition: background .1s ease-in;
							-o-transition: background .1s ease-in;
							transition: background .1s ease-in;}
.margin-button				{ margin-top:70px;}
a.btn.contact	{color:#fff; background-color:#ef4d4b; margin-bottom:50px!important; padding: 22px 50px; font-weight:bold; font-size:25px;
							-webkit-transition: color .5s ease-in;
							-moz-transition: backgroud .1s ease-in;
							-o-transition: backgroud .1s ease-in;
							transition: backgroud .1s ease-in;}
a.btn.contact:hover			{background-color:#ca3c3a; text-shadow: 0 1px rgba(0, 0, 0, 0.08); color: #fff;
							-webkit-transition: color .5s ease-in;
							-moz-transition: background .1s ease-in;
							-o-transition: background .1s ease-in;
							transition: background .1s ease-in;}
.margin-contact				{ margin-top:30px; margin-bottom:50px!important;}
.strong			{font-weight:100!important;}

/*Strong*/

strong{
   /*j'annule l'effet gras de <strong>*/
   font-weight:normal;
}
/*Strong End*/

/*Services*/
.side-border	{border-left:5px solid #ef4d4b; margin-left:16px; margin-bottom:20px;}
.side-border-en	{border-left:5px solid #ef4d4b; margin-left:0px; margin-bottom:20px; color:#3badaf; font-weight:400; font-size:16px;}
.services-p		{color:#4c4c4c; font-size:15px;}
.container-width	{ max-width:1170px; margin-left:auto; margin-right:auto; padding-left: 0px; padding-right: 0px;}
.phrase-service		{padding-bottom:80px; padding-top:70px; margin-top:0px; margin-bottom:0px;}
.margin-service	{margin-bottom:70px;}
.phrase-service h1	{margin-bottom:10px;}
.phrase-entreprise	{ padding-bottom:30px; padding-top:60px; margin-top:40px; margin-bottom:45px;}
.service-grey	{ color:#363636;}
.service-pink	{color:#ef4d4b;}
.service-green	{color:#3badaf; font-size:34px;}
.p-titre		{font-size:28px; margin-bottom:45px;}
.p-titre-en		{font-size:28px; margin-bottom:20px;}

/*CONTACT--------------------------------------------------------------------*/
/*-------FORMULAIRE-----------------------------------------------------------*/

form .block{
	position: relative;
}
form .block i{
	position: absolute;
	line-height: 50px;
	left: 15px;
	font-size: 18px;
	color: #fd8c02;
}

form input, form textarea{
	display: block;
	margin-bottom: 30px;
	outline: none;
	font-size: 16px;
	padding-left: 45px;
	font-family: Arial, sans-serif;
	width: 100%;
	border: none;
	color: #555;
	background-color:#f6f6f6;
}

form input{
	height: 50px;
	background-color:#f6f6f6;
}

form input:focus,
form textarea:focus{
	border: 1px solid #f6f6f6; background-color:#f6f6f6;
}

form textarea{
	min-height: 150px;
	padding-top: 15px;
	line-height: 24px;
}

form button{
	/*height: 50px;*/
	padding: 15px 20px;
	font-size: 16px;
	background: #f15856;
	color: white;
	cursor: pointer;
	border:none;
	border-radius: 2px!important;
}

form button.disabled{
	opacity: 0.2;
}

form button i{
	display: inline-block;
	padding-left: 20px;
	transform: scale(1.2);
}

form button:hover{
	background: #df1815;
}
form button:active{
	background: green;
	color: #fff;
}

.error{
	color: #a71f1f;
	margin-top: 20px;
	background: #fde3e8;
	padding: 10px;
	display: none;
}

.success{
	color: #086508;
	margin-top: 20px;
	background: #c9fdc9;
	padding: 10px;
	display: none;
}

.please-wait{
	text-align: center;
	margin-top: 30px;
	font-weight: 900;
}

/*form input, form textarea {
    display: block;
    margin-top: 20px;
    padding: 10px;
    width: 100%;
    font-family: 'Arial', sans-serif;
    font-size: 16px;
    border-radius: 2px;
    border-width: 1px;
    border-style: none;
	background-color:#f6f6f6!important;
}*/

/*form input[type=submit] {
    width: auto;
	background-color:#ef4d4b!important;
	color:#fff;
}*/
/*
button			{background-color:#ef4d4b!important; color:#fff; padding:10px; border-style: none; border-radius: 2px;}
button:hover	{background-color:#ca3c3a!important;}
*/
/*form input[type=submit]:hover {
	background-color:#ca3c3a!important;
}*/

/*------------FORMULAIRE---------------*/

@media only screen and (max-width: 1024px) {
text-care p	{ font-size:27px!important;top:85px; }
}

@media only screen and (max-width: 778px) {
text-care p	{ font-size:23px!important; top:60px;}
}

@media only screen and (max-width: 767px) {
text-care p	{ font-size:20px!important; top:90px; }
}

@media only screen and (max-width: 479px) {
.logo		{margin-bottom:5px;}
.navbar{position:relative; top:1px;margin-top:0px; margin-bottom:0px;padding-bottom:20px;}
.carousel{display:none}
text-care p	{ font-size:30px!important; text-align:center; font-weight:bold; position:absolute; top:90px; color:#fff; padding-left:10px; padding-right:10px; }
.g-map			{margin-bottom: 20px;}
}

@media only screen and (max-width: 414px) {
text-care p	{ font-size:35px!important; top:90px;}
}

@media only screen and (max-width: 360px) {
text-care p	{ font-size:30px!important; top:90px;}
}


@media only screen and (max-width: 320px) {
text-care p	{ font-size:26px!important; top:90px;}
}