﻿*{
padding-top:0;
margin-top:0;

}
html,body{
	/*height:100%;*/

}
body
  {

	background-color:#276d49;
	margin:0px;
	background-image:url(../img/degrade.png);
	background-position:0px 155px;
	background-repeat:repeat-x;

	padding:0px;
	font-size :22px;
	

 }
 /*jquery*/
h2.trigger {
	padding: 0 0 0 50px;
	margin: 0 0 5px 0;
	background: url(../img/h2_trigger_a.gif) no-repeat;
	height: 46px;
	line-height: 46px;
	width: 450px;
	font-size: 2em;
	font-weight: normal;
	float: left;
}
h2.trigger a {
	color: #fff;
	text-decoration: none;
	display: block;
}
h2.trigger a:hover { color: #ccc; }
h2.active {background-position: left bottom;} /*--When toggle is triggered, it will shift the image to the bottom to show its "opened" state--*/
.toggle_container {
	margin: 0 0 5px;
	padding: 0;
	margin-left: 100px;
	border-top: 1px solid #d6d6d6;
	background: #f0f0f0 url(../img/toggle_block_stretch.gif) repeat-y left top;
	overflow: hidden;
	font-size: 1em;
	width: 640px;
	clear: both;
}
.toggle_container .block {
	padding: 20px; /*--Padding of Container--*/
	background: url(../img/toggle_block_btm.gif) no-repeat left bottom; /*--Bottom rounded corners--*/
}
/*fin jquery*/
/*jquery conseil*/
h2.acc_trigger {
	padding: 0;	margin: 0 0 5px 0;
	background: url(../img/h2_trigger_a.gif) no-repeat;
	height: 46px;	line-height: 46px;
	width: 250px;
	font-size: 2em;
	font-weight: normal;
	float: left;
}
h2.acc_trigger a {
	color: #fff;
	text-decoration: none;
	display: block;
	padding: 0 0 0 50px;
}
h2.acc_trigger a:hover {
	color: #ccc;
}
h2.active {background-position: left bottom;}
.acc_container {
	margin: 0 0 5px; padding: 0;
	overflow: hidden;
	font-size: 1em;
	width: 500px;
	clear: both;
	background: #f0f0f0;
	border: 1px solid #d6d6d6;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}
.acc_container .block {
	padding: 20px;
}
/*fin*/
	h5,h4{
		margin:0;
		padding:0;
	}
 #img{

text-align:center;
text-align: -moz-center;
}

 p.accueil {
 font-size:80%;
 
 }
 .clearer{
	 clear:both;
}
.centrer{
	text-align:center;
	width:300px;
}
.droite{
	width:300px;

	margin-left:80px;
	text-align:center;
}
.imgMenu {
border:none;
}
.imgMenus {
border:none;
margin-left: -50px;
}
 a{
text-decoration: none;
}
 /*                                           REMORQUES ---------------------*/
 table{
 width:600px;
 
 }
th.rouge{
background-color:red;
 
 }
 th.green{
background-color:green;
 
 }
 #Video{
float:right;
}
#remorque1, #remorque2, #remorque3 ,#remorque4{
width:610px;
border-right: 0.5px solid grey;
border-bottom: 0.5px solid grey;
padding: 0 15px 20px 0;

 }

/*--------------------------------global*/

#plusGlobal{

margin:0px auto;
margin-top:165px;
width:980px;
background-image: url('../img/borderbg.png');
background-repeat: repeat-y;


}




 #global{

	background-color:white;
	margin:0px auto;
	border: black solid 0.5px;
	width: 900px;

}
/*--------------------------------entete*/
	#entete{
		position:absolute;
		left:0;
		top:0;
		text-align:center;
		background-color:#FFF;
		width:100%;
		
	}

 #entete img
   {
	/*margin-left: 90px;*/

	margin-top:5px;
  }
  
 
  
  
/*--------------------------------menu*/ 
/*
  #menu
   {
   font-family: Calibri;
	height:38px;

  }
	#menu ul {	
		background-image: url('../img/Background_img.jpg');
		background-repeat:no-repeat;
		
	
		display:block;
		height:40px;
		margin-left:0px;
		list-style-type: none;
	}
	#menu li {	
	background-image: url('../img/buttonPNG.png');
	height:38px;
	width:150px;
	text-align:center;
	font-size:24px;
	
	
	margin-left:45px;
	float: left;
	color:black;	
		
	}
	#menu ul a {
	
	height:38px;
	width:150px;
	

	
	
	text-decoration:none;
	
	
	}
	#menu ul li:hover {

	
	color: #5da633;
	text-decoration:none;	
	}
	*/
/*-------------------------------Menu Soumission*/

  ul#menu{
	font-family: Calibri;
	margin:0;
	padding:0;
	list-style-type:none;
	width:auto;
	position:relative;
	display:block;
	height:38px;
	background-image: url('../img/Background_img.jpg');
	
}
ul#menu li{
	text-align:center;
	display:block;
	float:left;
	margin:0;
	padding:0;
	background-image: url('../img/buttonPNG.png');
	font-size:24px;
	margin-left:45px;
	}
	
ul#menu li a{
	display:block;
	float:left;
	color:black;
	text-decoration:none;
	width:150px;
	height:38px;
	
	}
ul#menu li a:hover{
	color: #00d800;
	background-image: url('../img/buttonPNGover.png');
	}
/*--------------------------------contenu*/
   #contenu
   {
 
	font-family: Times New Roman;
   padding:10px;
   
 

   font-size:17px;
	
   }
    #contenuSoumission
   {
 
	font-family: Calibri;
   padding:10px;
   
 

   font-size:18px;
	
   }
   h1{
	   text-align:center;
	}
   #TEXT_ACC {
		width:420px;
		float:left;
	}
	#TEXT_ACC_SECONDAIRE{
		
		float:left;
		width:300px;
		margin-left:60px;
	}
  #imgAcc{
	float:left;
	width:440px;
	
	}
	h6#pied{
		text-align:center;
	}
/*--------------------------------Contact*/
#Promo {
	Position:relative;
	left:500px;
	top:450px;
	padding:5px;
	width:365px;
	background-color:#CCC;
	border: #0F0 solid 0.5px;
}
/*---------------------------------Soumission*/
#Modele{

border-top:1px solid black;
border-bottom:1px solid black;
}
#ModeleSize{
float:left;
width:300px;
}
#Option {
float:left;
}
form div.zone {
	float:left;
	height:30px;	
	margin-bottom: 10px;
}
form div.zone2 {
	float:left;	
	height:20px;	
	margin-bottom: 10px;
}
form div.zone div {	
	height:10px;
	padding-left : 10px;
}
.input {
	width:100px;
	font-weight:bold;
}
.box{
	width:50px;
}
#infoSoumission{
float:left;
margin-left:20px;
}
#imgSoumission{
float:left;
}
/*--------------------------------pied_page*/
 h6#piedPage{
 position:relative;
 bottom:-1px;
 right:10px;
 text-align:right;
 font-family: Times New Roman;
 }
   #pied_page
   {	margin: 5px;
   font-Size:16px;

   } 