@charset "iso-8859-1";
/*
	
	CSS BY Keven Ouellet
	www.gevictoire.com

*/

/* ==================== GENERAL ====================== */
* {
	padding:0;
	margin:0;
}
body {
	font-size:14px;
	line-height:22px;
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	background-attachment:fixed;
	/*background-image:url(../images/wallpaper1.jpg);  ======== FONCTION RANDOM DANS FICHIER inc/random_background*/   
	background-position:top center; 
	background-repeat:no-repeat;
	background-size:cover;
	-moz-background-size:cover;
	-webkit-background-size:cover;
}
@media only all and (max-width: 640px) and (max-height: 426px) {
	body {		
		background-size:			640px 426px;
		-moz-background-size:		640px 426px;
		-webkit-background-size:	640px 426px;
	}
}

@media only screen and (orientation: portrait) and (device-width: 320px), (device-width: 768px) {
	body {
		-webkit-background-size: auto 100%;
	}
}

@media only screen and (orientation: landscape) and (device-width: 320px), (device-width: 768px) {
	body {
		-webkit-background-size: 100% auto;
	}
}
body#index {
	background-image:url(../images/bg_1.jpg);
}
body#historique {
	background-image:url(../images/bg_2.jpg);
}
body#services {
	background-image:url(../images/bg_3.jpg);	
}
body#avendre {
	background-image:url(../images/bg_4.jpg);
}
body#elpro {
	background-image:url(../images/bg_5.jpg);	
}
body#contact {
	background-image:url(../images/bg_3.jpg);
}
img {
	border:0;	
}
h1 {
	
}
h2 {
	font-size:28px;
	line-height:20px;
	margin-bottom:20px;
	color:#000;
}
h3 {
	font-size:20px;
	line-height:20px;
	color:#000;
}
h4 {
	font-size:16px;
	line-height:20px;
	color:#000;
}
h5 {
	
}
a {
	color:#000;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
p {
	font-size:14px;
	line-height:22px;
	color:#000;
	margin-bottom:15px;
}
input, textarea {
	padding:4px;	
	margin-bottom:5px;
	resize: none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
}
input.submit {
	cursor:pointer;	
}
td {
	padding:4px;	
}
ul {
	margin-bottom:20px;
}
ul li{
	list-style:inside;
}
ul li ul.sub li{
	margin-left:20px;
}
img.part {
	list-style:none;
	margin-right:10px;
	float:left;
	width:130px;
}
/* ==================== ID ====================== */
#global {
	width:960px;
	height:auto;
	margin:auto;
}
#header {
	height:auto;
	width:960px;
	margin:auto;
}
#header_full {
	background-image:url(../images/bg_menu.png);	
	width:100%;
	background-repeat:no-repeat;
	background-position:left bottom;
	height:auto;
}
#menu {
	width:960px;
	height:39px;
	margin-top:44px;
	background-image:url(../images/bg_menu.png);	
	background-position:bottom;
	overflow:hidden;
}
#menu li{
	display:inline;		
	padding-top:28px;
}
#menu li:hover, #menu li.current {
	background-image:url(../images/bg_menu_over.png);
}
#index_content {
	width:320px;
	border-left:#000 3px solid;	
	background-image:url(../images/bg_white_trans.png);
	float:right;
	padding:20px;
	padding-top:40px;
}
#historique_content {
	width:620px;
	border-left:#000 3px solid;	
	background-image:url(../images/bg_white_trans85.png);
	padding:20px;
	padding-top:40px;
}
#services_content {
	width:560px;
	border-left:#000 3px solid;	
	background-image:url(../images/bg_white_trans.png);
	padding:20px;
	padding-top:40px;
}
#avendre_content {
	width:450px;
	border-left:#000 3px solid;	
	background-image:url(../images/bg_white_trans60.png);
	padding:20px;
	padding-top:40px;
}
#elpro_content {
	width:320px;
	border-left:#000 3px solid;	
	background-image:url(../images/bg_white_trans.png);
	float:right;
	padding:20px;
	padding-top:40px;
}
#contact_content {
	width:620px;
	border-left:#000 3px solid;	
	background-image:url(../images/bg_white_trans.png);
	padding:20px;
	padding-top:40px;
}
#footer {
	width:960px;
	margin:auto;
	text-align:right;
}
/* ==================== CLASS ====================== */
.logo {
	margin-top:25px;
}
a.ensavoirplus {
	margin-top:15px;
	padding:10px;
	background-color:#000;	
	color:#FFF;
	text-decoration:none;
}
a.ensavoirplus:hover {
	background-color:#f6b326;	
	text-decoration:none;
	color:#000;
}
.clear {
	clear:both;	
}
.propulse {
	width:165px;
	padding:5px;
	background-image:url(../images/bg_white_trans.png);
	float:right;
	font-size:12px;
}
p.propulse {
	font-size:12px;
}
.histo1 {
	width:290px;
	margin-right:15px;
	float:left;
}
.sended {
	color:#6C0;
	font-weight:bold;
}
.important {
	color:#F00;
	font-weight:bold;
}
.missing {
	border:1px solid #C00;
}
.infos {
	float:right;
	width:220px;
}
.item {
	width:400px;
	min-height:110px;	
	height:auto;
	padding:20px;	
	margin-bottom:25px;
}
.img_prix {
	float:left;	
	width:153px;
	text-align:right;
	margin-right:25px;
}
.desc {
	float:left;	
	width:220px;
}
.itempic {
	margin-bottom:15px;
	border:3px solid #FFF;	
	-moz-box-shadow: 0px 0px 4px #000;
	-webkit-box-shadow: 0px 3px 4px #000;
	box-shadow: 0px 0px 4px #000;
	width:153px;
	height:103px;
}
.elpro {
	margin-right:70px;
	margin-bottom:20px;
	float:left;
}