@charset "UTF-8";
 /* CSS Document */

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////                                        
/////                                                                                                    ///// 
/////                                                                                                    ///// 
/////                                                                                                    ///// 
/////                                                                                                    ///// 
/////                                                                                                    ///// 
/////                                                                                                    ///// 
/////                                         ACTIVITE : NEGOCE                                          ///// 
/////                                                                                                    ///// 
/////                                                                                                    ///// 
/////                                                                                                    ///// 
/////                                                                                                    ///// 
/////                                                                                                    ///// 
/////                                                                                                    ///// 
////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

#page_negoce #full_width1,
#page_negoce #full_width3 {
	background: url("../images/bg_activite2_white.png") repeat;
	background-color: #333;
}

/* Footer spécial blanc */

#page_negoce footer {
	background-color: #fff;
	box-shadow: none;
	border-top: 2px solid rgba(0, 0, 0, 0.2);
}

#page_negoce #footer_table > li {
    border-left: 1px dotted #ccc;
}

#page_negoce #footer_table .first_li {
    border-left: none;
}

#page_negoce .first_li a, 
#page_negoce footer .site_map li a { color: #777; text-align: justify; }

/* Site location spécial blanc */
#page_negoce #site_location li { color: #fff; }

/* Mise en page */

#page_negoce h1{
	margin: 0;
	color: #fff;
}

.negoce_content h1 {
	text-align: center;
}

#page_negoce h2 {
	color: #fff;
	margin: 20px 0 0 0;
}

#page_negoce h3 {
	text-align: center;
	margin: 0 0 15px 0;
	color: #31A7D2;
}

#page_negoce #full_width1 {
	position: relative;
 	overflow: hidden;
	padding-bottom: 0;
	z-index: 1001;
}


#page_negoce #full_width1 .w960 {
	position: relative;
}

#page_negoce #full_width1  .main_img {
	text-align: center;
	width: 100%;
}

#page_negoce #full_width1  .main_img img{
	width: 70%;
}
 
 @media screen and (min-width: 0px) and (max-width: 700px)     { #page_negoce #full_width1  .main_img img{	width: 95%;}  }
 @media screen and (min-width: 700px) and (max-width: 900px)   { #page_negoce #full_width1  .main_img img{	width: 90%;} }
 @media screen and (min-width: 900px) and (max-width: 1100px)  { #page_negoce #full_width1  .main_img img{	width: 85%;}  }
 @media screen and (min-width: 1100px) and (max-width: 1250px) { #page_negoce #full_width1  .main_img img{	width: 80%;}  }
 @media screen and (min-width: 1250px) and (max-width: 1500px) { #page_negoce #full_width1  .main_img img{	width: 75%;}  }
 @media screen and (min-width: 1500px) and (max-width: 1700px) { #page_negoce #full_width1  .main_img img{	width: 70%;}  }
 @media screen and (min-width: 1700px) and (max-width: 1900px) { #page_negoce #full_width1  .main_img img{	width: 68%;}  }
 @media screen and (min-width: 1900px) and (max-width: 2100px) { #page_negoce #full_width1  .main_img img{	width: 65%;}  }
 @media screen and (min-width: 2100px) and (max-width: 2300px) { #page_negoce #full_width1  .main_img img{	width: 63%;}  }
 @media screen and (min-width: 2300px) 						   { #page_negoce #full_width1  .main_img img{	width: 60%;}  }

/* Contenu */

.negoce_content p {
	text-align: justify;
	font-size: 14px;
	color: #FFF;
	line-height: 20px;
	font-weight: 100;
	font-family: helvetica;
	padding: 0 10px;
}

#full_width1 .negoce_content > p {
	font-family: giorgio-thin;
	font-size: 20px;
	line-height: 28px;
	color: #fff;
	font-weight: 100;
	letter-spacing: 0.01em;
	text-align: center;

	transform: skew(-8deg, 0deg);
	-moz-transform: skew(-8deg, 0deg);
	-webkit-transform: skew(-8deg, 0deg);
	-o-transform: skew(-8deg, 0deg);
}

.negoce_content img {
	display: inline-block;
	margin: 0 5px 0 0;
	vertical-align: middle;
}


#page_negoce #full_width1 .border_top    { margin: 50px 0% 0px; position: relative; z-index: 1002; width: 100%; display: none;}
#page_negoce #full_width1 .border_bottom { margin: 0px 0% 30px; position: relative; z-index: 1002; width: 100%; opacity: 0.6; display: none;}

/* Photos */
 
#page_negoce #full_width1 #photo_moteurs {
 	position: absolute;
	bottom: 0px; left: -10%;
	width: 120%;
 	overflow: hidden;
	background-color: #FAFAFA;
	z-index:1001;
}

#photo_materiel {
	width: 160%;
	margin-left: -30%;	
}

/* bandeau blanc */

#page_negoce #full_width2 {
	position: relative;
	text-align: center;
	padding: 5px 0 25px 0;
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.3);
	z-index:1005;
	background-color: rgba(0,0,0,0.1);
}

#page_negoce #full_width2 p {
 	color: rgba(0,0,0,0.6);
}

#page_negoce #full_width2 h3 {
	margin: 10px 0 0;
	color: #D31D31;
	font-family: giorgio;
	letter-spacing: 0.01em;
}

#page_negoce #full_width2 ul {
	position: relative;
	width: 70%;
	text-align: left;
	margin: 0 0 0px 15%;
	padding: 0px 100px;
	border-radius: 10px;
	z-index: 1002;
}


#page_negoce #full_width2 ul li{
 	display : list-item;
	list-style-type: disc;
	list-style-image : url(../images/puce.png);
	margin: 3px 0 0 30px;
	font-family: giorgio-thin;
	letter-spacing: 0.01em;
}

/* Matériel d'occasion*/

#page_negoce #full_width3 {
 	position: relative;
	padding: 30px 0 0 0;
	text-align: center;
	height: 400px;
}

#page_negoce #full_width3 #materiel_occasion {
	position: relative;
	width: 90%;
	height: 140px;
	margin: 0 auto;
	border-radius: 10px;
	background-color: #eee;
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);	
	overflow: hidden;
}

#materiel_occasion img {
	margin: 12px 0 0 0;
}

#materiel_occasion h3 {
	color: #FFF;
	font-family: giorgio-thin;
	font-size: 18px;
	margin: 12px 0;
}

 #materiel_occasion #rechercher_materiel {
	position: relative;
	display: inline-block;
	float: left;
	width: 250px;
	height: 200px;
	padding: 10px 20px;
	background-color: #b94637;	
	text-align: center;
	z-index: 1000;
}

 #materiel_occasion #grey_arrow {
	position: absolute;
	top: 50px; left: 230px;
	width: 40px;
	height: 40px;
	background-color: #b94637;
	z-index: 999;
			
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
}

 #materiel_occasion input[type=text] {
	font-family: Arial; 
	font-size: 12px; 
	color: rgba(0,0,0,0.6); 
	border: solid 1px rgba(0,0,0,0.2); 
	border-radius: 4px; 
	background-color: rgba(255,255,255,1);
	height: 40px; 
	width: 100%;
	margin: 45px 0 8px 0;
	padding: 0px 8px 0 8px;
 }
 
  #materiel_occasion #rechercher_materiel label {
	display: inline-block;
	font-family: giorgio-thin;
	color: #FFF;
	margin: 10px 0 0 0;
 }
 
 #materiel_occasion #rechercher_materiel a {
	color: #31A7D2;
	margin: 0;
	font-size: 14px;
 }


#materiel_occasion #input_container {
	position: relative;
	display: inline-block;
	width: 60%;
	overflow-x: scroll;
	overflow-y: hidden;
	z-index: 1001;
}