@charset "utf-8"; /* coding:utf-8 */
/* CSS Document */

/*
##########################################################
# Lytebox ################################################
##########################################################
*/

#lytebox {
	display:none;
}

#lytebox_coverpage {
	position:fixed;
	top:0;
	left:0;
	z-index:999998;
	filter:alpha(opacity=60);
	-moz-opacity:0.6;
	opacity: 0.6;
	-khtml-opacity: 0.6;
	width:100%;
	height:100%;
	background-color:#000000;
}

#lytebox_container {
	position:fixed;
	left: 50%;
	top: 50%;
	z-index:999999;
	filter:alpha(opacity=100) !important;
	-moz-opacity:1 !important;
	opacity: 1 !important;
	-khtml-opacity:1 !important;
	background-color:white;
	font-size:12px;
	text-align:center;
	padding:20px;
	border:1px solid #E0E1E2;
}

#lytebox_background {
	position:fixed;
	left: 50%;
	top: 50%;
	z-index:99999;
	filter:alpha(opacity=100) !important;
	-moz-opacity:1 !important;
	opacity:1 !important;
	-khtml-opacity: 1 !important;
	background-color:white;
	border:0;
	font-size:12px;
	text-align:center;
	padding:20px;
	display:none;
}

#lytebox_container p {
	margin-bottom:10px;
}

#lytebox_container #lytebox_body {
	overflow:auto;
	background-image:url('/contact_devis/stripe.png');
}

#lytebox_container #lytebox_footer {
	margin-top:20px;
}

#lytebox_container ul {
	list-style-type:none;
}

#lytebox_close {
	cursor:pointer;
	right:15px;
	bottom:15px;
	position:absolute;
}

#lytebox_container span {
	font-size:15px;
	color:#e44831;
	font-weight:bold;
}

#lytebox_container span.required{
	color:#93117E;
	font-size:12px;
	font-weight:normal;
}

#lytebox_container h2.titre {
	font-size:18px;
	color:#3F3F3F;
	font-weight:bold;
	padding-bottom:10px;
	display:inline;
}

#lytebox_container #contenu {
	overflow:auto;
}

#lytebox img.icone {
	display:inline;
}

/*****************************************************************
Petite
******************************************************************/
.petite #lytebox_container {
	width:410px;
	height:260px;
	margin-left: -223px; /* - ( moitié de la largeur de la lytebox ) - ( padding - bordure ) */
	margin-top: -148px; /* - ( moitié de la hauteur de la lytebox ) - ( padding - bordure ) */
}

.petite #lytebox_background {
	width:410px;
	height:260px;
	margin-left: -225px; /* - ( moitié de la largeur de la lytebox ) - padding */
	margin-top: -150px; /*  - ( moitié de la hauteur de la lytebox ) - padding */
}

.petite #lytebox_container #lytebox_body {
	height:215px;
}

/*****************************************************************
Grande
*****************************************************************/
.grande #lytebox_container {
	width:530px;
	height:380px;
	margin-left: -283px; /* - ( moitié de la largeur de la lytebox ) - ( padding - bordure ) */
	margin-top: -208px; /* - ( moitié de la hauteur de la lytebox ) -  ( padding - bordure ) */
}

.grande #lytebox_background {
	width:530px;
	height:380px;
	margin-left: -285px; /* - ( moitié de la largeur de la lytebox ) - padding */
	margin-top: -210px; /*  - ( moitié de la hauteur de la lytebox ) - padding */
}

.grande #lytebox_container #lytebox_body {
	height:315px;
}


/*****************************************************************
Longue Pad 7 , Bor 6
*****************************************************************/
.longue #lytebox_container {
	width:730px;
	height:380px;
	margin-left: -383px; /* - ( moitié de la largeur de la lytebox ) - ( padding - bordure ) */
	margin-top: -208px; /* - ( moitié de la hauteur de la lytebox ) -  ( padding - bordure ) */
}

.longue #lytebox_background {
	width:730px;
	height:380px;
	margin-left: -385px; /* - ( moitié de la largeur de la lytebox ) - padding */
	margin-top: -210px; /*  - ( moitié de la hauteur de la lytebox ) - padding */
}

.longue #lytebox_container #lytebox_body {
	height:315px;
}


/*****************************************************************
Micro
******************************************************************/
.micro #lytebox_container {
	width:410px;
	height:130px;
	margin-left: -223px; /* - ( moitié de la largeur de la lytebox ) - ( padding - bordure ) */
	margin-top: -83px; /* - ( moitié de la hauteur de la lytebox ) - ( padding - bordure ) */
}

.micro #lytebox_background {
	width:410px;
	height:130px;
	margin-left: -225px; /* - ( moitié de la largeur de la lytebox ) - padding */
	margin-top: -85px; /*  - ( moitié de la hauteur de la lytebox ) - padding */
}

.micro #lytebox_container #lytebox_body {
	height:100px;
}

/*****************************************************************
Couleurs
*****************************************************************/
.orange #lytebox_container h2.titre {
	color:#ef8d15;
}

.bleu #lytebox_container h2.titre {
	color:#6a8d8f;
}

.marron #lytebox_container h2.titre {
	color:#32271f;
}

.rouge #lytebox_container h2.titre {
	color:#973f3d;
}


#lytebox_container #contenu {
	background-image:none;
	width:auto;
}

#lytebox_container h2.titre {
	text-indent:0;
	height:auto;
	padding:0;
	margin:0;
	display:block;
}

#lytebox_container #message ul li {
	margin-left:0;
}

#lytebox_container .justifie_a_gauche {
	text-align:left !important;
}

.boutons input{
	color:black;
	cursor:pointer;
	border:1px solid black;
	padding-bottom:2px;
	margin-bottom:40px;
	height:20px;
	padding-left:10px;
	padding-right:10px;
	width:200px;
	background-color:white;
}

.boutons input:hover{
	border:1px solid #3D3C3F;
	cursor:pointer;	
	color:#3D3C3F;
}