/* INFORMATIONS GENERALES */
*													{margin:0px; padding:0px;}
body												{background-color:#353839; text-align:left; font-family:Titillium Web, Sans Serif; font-size:12px; font-weight:normal; color:#000000;}
body a												{color:#333333; text-decoration:none;}
body a:hover										{text-decoration:underline;}
body img											{border:0px; text-decoration:none;}
body a img											{border:0px; text-decoration:none;}
body input											{font-size:12px; color:#000000; font-family:Titillium Web, Sans Serif; font-weight:normal; background-color:#FFFFFF; border:1px solid #323130; border-bottom:1px solid #E8E6E4; border-right:1px solid #E8E6E4;}
body textarea										{font-size:12px; color:#000000; font-family:Titillium Web, Sans Serif; font-weight:normal; background-color:#FFFFFF; border:1px solid #323130; border-bottom:1px solid #E8E6E4; border-right:1px solid #E8E6E4;}
.clear												{clear:both;}

/* ALIGNEMENT ET MISE EN FORME DES TEXTES */
.bold												{font-weight:bold;}
.italic												{font-style:italic;}
.souligne											{text-decoration:underline;}
.left												{text-align:left;}
.center												{text-align:center;}
.right												{text-align:right;}
.justify											{text-align:justify;}
.top												{vertical-align:top;}
.middle												{vertical-align:middle;}
.bottom												{vertical-align:bottom;}
.cliquable											{cursor:pointer;}

/* LAYER DE CHARGEMENT */
#loading 											{display:none; z-index:98; position:fixed; top:0px; left:0px; width:100%; height:100%; background-color:#FFFFFF; filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5;}
#chargement											{display:none; z-index:99; position:fixed; top:10px; right:10px; width:250px; height:40px; background-color:#FFFFFF; text-align:center; border:3px solid #969696; padding-top:7px; font-size:18px; font-weight:normal; color:#848484;}
#chargement img										{border:0px; vertical-align:middle;}

/* FOOTER */
.margin_fixed										{height:87px;}
header												{position:fixed; top:0px; left:0px; width:calc(100% - 120px); background-color:#FFFFFF; padding:20px 60px; height:47px; -moz-box-shadow:0px 6px 10px 1px rgba(0,0,0,0.2); -webkit-box-shadow:0px 6px 10px 1px rgba(0,0,0,0.2); -o-box-shadow:0px 6px 10px 1px rgba(0,0,0,0.2); box-shadow:0px 6px 10px 1px rgba(0,0,0,0.2); filter:progid:DXImageTransform.Microsoft.Shadow(color=#DDDDDD, Direction=180, Strength=10); z-index:90;}
header .hamburger									{display:none; float:left; width:47px; height:47px; margin:0px 20px 0px 0px; cursor:pointer;}
header .hamburger .pain, header .hamburger .steak	{background:#000000; height:9px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}
header .hamburger .steak							{margin:10px 0px;}
header .logo										{float:left; width:190px; text-transform:uppercase; text-align:center; font-size:14px; line-height:14px; letter-spacing:0px; font-weight:bold; z-index:90;}
header .logo a										{text-decoration:none; z-index:90;}
header .logo a:hover								{text-decoration:none; z-index:90;}
header .logo img									{width:100%; z-index:90;}
header nav											{float:left; width:calc(100% - 530px); margin:12px 0px 0px 60px; z-index:90;}
header nav ul										{list-style:none; z-index:90;}
header nav ul li									{text-transform:uppercase; display:inline; padding:0px 0px 0px 30px; z-index:90;}
header nav ul li:first-child						{padding-left:0px; z-index:90;}
header nav ul li a									{text-decoration:none; font-size:18px; line-height:18px; letter-spacing:1px; padding:2px 0px 2px; z-index:90;}
header nav ul li a:hover							{text-decoration:none; z-index:90;}
header nav ul li.item_actif a						{border-bottom:3px solid #E00000; z-index:90;}
header .telephone									{float:right; width:250px; padding:2px 0px 0px; z-index:90;}
header .telephone a									{display:block; background:#FFFFFF; font-size:30px; line-height:20px; text-align:center; padding:5px 10px 0px; color:#E00000; border:1px solid #E00000; text-decoration:none; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; z-index:90;}
header .telephone a span							{text-decoration:none; z-index:90;}
header .telephone a:hover							{text-decoration:none; background:#E00000; color:#FFFFFF; z-index:90;}
header .telephone a:hover span						{text-decoration:none; z-index:90;}
header .telephone a:hover img						{filter:grayscale(100%); -webkit-filter:grayscale(1); -webkit-filter:grayscale(100%); z-index:90;}
header .telephone img								{vertical-align:middle; margin:0px 10px 5px 0px; height:30px; z-index:90;}
@media all and (max-width: 1450px) {
	header											{width:calc(100% - 40px); padding:20px 20px;}
}
@media all and (max-width: 1350px) {
	header nav										{width:calc(100% - 470px); margin:12px 0px 0px 30px;}
	header nav ul li								{padding:0px 0px 0px 20px;}
}
@media all and (max-width: 1250px) {
	header nav										{width:calc(100% - 400px);}
	header nav ul li a								{text-decoration:none; font-size:16px; line-height:16px; letter-spacing:0.5px;}
	header .telephone								{width:180px; padding:5px 0px 0px;}
	header .telephone a								{font-size:20px; padding:5px 10px 3px;}
	header .telephone img							{height:25px; margin:0px 10px 2px 0px;}
}
@media all and (max-width: 1100px) {
	header .logo									{font-size:12px; line-height:12px; letter-spacing:0.1px; font-weight:bold; z-index:90;}
	header nav										{width:calc(100% - 390px); margin:12px 0px 0px 20px;}
	header nav ul li								{padding:0px 0px 0px 15px;}
}
@media all and (max-width: 1050px) {
	header nav										{width:calc(100% - 375px);}
	header nav ul li								{padding:0px 0px 0px 10px;}
	header nav ul li a								{letter-spacing:0.3px;}
	header .telephone								{width:155px;}
	header .telephone a								{font-size:14px; font-weight:bold;}
	header .telephone img							{height:20px;}
}
@media all and (max-width: 995px) {
	header nav										{width:calc(100% - 240px);}
	header nav ul li								{padding:0px 0px 0px 15px;}
	header .telephone								{width:30px; padding:0px;}
	header .telephone a								{border-color:#FFFFFF; padding:5px 0px;}
	header .telephone a span						{display:none;}
	header .telephone a:hover						{background:#FFFFFF;}
	header .telephone a:hover img					{filter:grayscale(0%); -webkit-filter:grayscale(0); -webkit-filter:grayscale(0%); z-index:90;}
	header .telephone img							{width:30px; height:30px; margin:0px;}
}
@media all and (max-width: 900px) {
	header nav ul li								{padding:0px 0px 0px 10px;}
}
@media all and (max-width: 870px) {
	.margin_fixed									{height:67px;}
	header											{padding:10px 10px; width:calc(100% - 20px); z-index:90;}
	header .hamburger								{display:block;}
	header .hamburger_actif .pain					{background:#E00000;}
	header .hamburger_actif .steak					{background:#E00000;}
	header nav										{float:none; display:none; position:absolute; top:67px; left:0px; background:#E00000; width:100%; padding:10px 0px; margin:0px; z-index:90;}
	header nav ul li								{width:100%; display:block; padding:0px; z-index:90;}
	header nav ul li a								{color:#FFFFFF; display:block; font-size:26px; line-height:26px; padding:10px 20px; z-index:90;}
}
@media all and (max-width: 320px) {
	header .telephone								{display:none;}
}

/* CONTENU */
.contenu											{padding:20px 60px; background:#FFFFFF;}
.contenu h1											{color:#353839; font-size:48px; line-height:46px; font-weight:200; letter-spacing:1px; padding:0px 0px 15px;}
.contenu p											{color:#000000; font-size:16px; line-height:24px; text-align:justify;}
.contenu .lien404									{font-size:16px; line-height:24px;}
.contenu_index										{padding:0px;}
@media all and (max-width: 1450px) {
	.contenu										{padding:20px 20px;}
	.contenu_index									{padding:0px;}
}
.bouton_devis										{padding:40px 0px 20px; width:100%; max-width:500px; margin:auto;}
.bouton_devis a										{width:100%; padding:15px 0px; display:block; font-weight:bold; color:#FFFFFF; text-align:center; background:#43CD38; border:1px solid #43CD38; font-size:36px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.bouton_devis a:hover								{background:#1EA812; border:1px solid #1EA812; text-decoration:none;}

/* FOOTER */
footer												{padding:30px 60px;}
footer, footer a									{color:#FFFFFF;}
footer .telephone									{float:left; width:329px; font-size:30px; line-height:30px;}
footer .telephone a									{text-decoration:none;}
footer .telephone a:hover							{text-decoration:none;}
footer .telephone img								{vertical-align:middle; margin:0px 20px 0px 0px;}
footer address										{float:left; width:250px; margin:0px 30px 0px 0px; font-style:normal; text-align:right; color:#9B9C9C; font-size:16px; line-height:16px;}
footer address span									{color:#E00000; font-size:24px;}
footer address span.gris							{color:#F5F5F5;}
footer .facebook									{float:right; width:49px; height:49px;}
footer .copyright									{float:left; width:calc(100% - 658px);margin:auto; text-align:center; color:#9B9C9C; font-size:12px; padding:11px 0px 0px;}
footer .copyright a									{color:#9B9C9C; text-decoration:underline;}
footer .copyright a:hover							{text-decoration:none;}
@media all and (max-width: 1450px) {
	footer											{padding:30px 20px;}
}
@media all and (max-width: 800px) {
	footer .telephone								{width:100%; text-align:center; padding:0px 0px 30px;}
	footer .copyright								{width:100%; text-align:center; padding:0px 0px 30px;}
	footer address									{width:calc(63% - 30px); margin:0px 30px 0px 0px;}
	footer .facebook								{width:37%; min-height:49px;}
}
@media all and (max-width: 550px) {
	footer address									{width:calc(68% - 30px);}
	footer .facebook								{width:32%;}
}
@media all and (max-width: 450px) {
	footer address									{width:calc(73% - 30px);}
	footer .facebook								{width:27%;}
}
@media all and (max-width: 380px) {
	footer address									{width:calc(78% - 30px);}
	footer .facebook								{width:22%;}
}