/* Margin  */
.margin-1 {margin:5px;}
.margin-2 {margin:10px;}
.margin-3 {margin:15px;}
.margin-4 {margin:20px;}
.margin-5 {margin:25px;}
/* Margin left */
.marginl-1 {margin-left:5px;}
.marginl-2 {margin-left:10px;}
.marginl-3 {margin-left:15px;}
.marginl-4 {margin-left:20px;}
.marginl-5 {margin-left:25px;}
/* Margin right */
.marginr-1 {margin-right:5px;}
.marginr-2 {margin-right:10px;}
.marginr-3 {margin-right:15px;}
.marginr-4 {margin-right:20px;}
.marginr-5 {margin-right:25px;}
/* Margin top */
.margint-1 {margin-top:5px;}
.margint-2 {margin-top:10px;}
.margint-3 {margin-top:15px;}
.margint-4 {margin-top:20px;}
.margint-5 {margin-top:25px;}
/* Margin bottom */
.marginb-1 {margin-bottom:5px;}
.marginb-2 {margin-bottom:10px;}
.marginb-3 {margin-bottom:15px;}
.marginb-4 {margin-bottom:20px;}
.marginb-5 {margin-bottom:25px;}

/* Padding  */
.padding-1 {padding:5px;}
.padding-2 {padding:10px;}
.padding-3 {padding:15px;}
.padding-4 {padding:20px;}
/* padding left */
.paddingl-1 {padding-left:5px;}
.paddingl-2 {padding-left:10px;}
.paddingl-3 {padding-left:15px;}
.paddingl-4 {padding-left:20px;}
/* padding right */
.paddingr-1 {padding-right:5px;}
.paddingr-2 {padding-right:10px;}
.paddingr-3 {padding-right:15px;}
.paddingr-4 {padding-right:20px;}
/* padding top */
.paddingt-1 {padding-top:5px;}
.paddingt-2 {padding-top:10px;}
.paddingt-3 {padding-top:15px;}
.paddingt-4 {padding-top:20px;}
/* padding bottom */
.paddingb-1 {padding-bottom:5px;}
.paddingb-2 {padding-bottom:10px;}
.paddingb-3 {padding-bottom:15px;}
.paddingb-4 {padding-bottom:20px;}
/* Couleurs */
.noir { color:#0000000; } .fondNoir {background-color:#000000;}
.blanc { color:#FFFFFF; } .fondBlanc {background-color:#FFFFFF;}
.gris { color:#E4E1DF; }  .fondGris {background-color:#E4E1DF;}
.vert {color:#98d001;}    .fondVert{background-color:#98d001;}

/* Arrondis */
.arrondi-1
{
	border-radius:7px;
  -webkit-border-radius:7px;
  -moz-border-radius:7px;
  -o-border-radius:7px;
  -opera-border-radius:7px;
}
#colonneGauche
{
  margin-right:390px;
}

  #colonneGauche .blocGauche-1,
  #colonneGauche .blocGauche-2,
  #colonneGauche .blocGauche-3,
  #colonneGauche .blocGauche-4
  {
    border-radius:7px;
    -webkit-border-radius:7px;
    -moz-border-radius:7px;
    -o-border-radius:7px;
    -opera-border-radius:7px;
  	background-color: #FFFFFF;
    /*background:url(../images/fdBlocGauche.png) no-repeat bottom right;*/
    z-index:9;
    position:absolute;
    top:95px;
    left:50%;

  }
  
  #colonneGauche .blocGauche-1 {width:200px; margin-left:-300px; /* 200/2 + 200*/}
  #colonneGauche .blocGauche-2 {width:400px; margin-left:-400px; /* 400/2 + 200*/}
  #colonneGauche .blocGauche-3 {width:600px; margin-left:-500px; /* 600/2 + 200*/}
  #colonneGauche .blocGauche-4 {width:800px; margin-left:-400px; /* 800/2 */}
	
	#colonneGauche .blocGauche-4 H1
	{
    text-align:center;
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 2px;
    color:#98d001;
    top:10px;
  }
	
	
	
#colonneDroite
{
	width:390px;
	/*float:right;*/
	position:absolute;
	top:0px;
	right:0%;
	bottom:0px;
	z-index:9;
	overflow-y:auto;
	overflow-x:hidden;
	height:100%;
}
  .twoColumns
  {
    /* A relier à la largeur de #colonneDroite */
    width:190px;
    float:left;
  }
  .threeColumns
  {
    width:130px;
    float:left;
  }
  .fourColumns
  {
    width:95px;
    float:left;
  }
#headerDroite
{
	height:50px;
  width:100%;
  /*border-bottom:5px solid white;
  padding-bottom:5px;
  */
	background-image:url(../images/fd_header.png);
  background-repeat:repeat-x;
}

#contentDroite
{
	/*padding-top:20px;*/
	background:#FFFFFF url(../images/backgroundContentDroite.png) no-repeat bottom;
  /*-webkit-border-bottom-left-radius: 10px;
  -moz-border-radius-bottomleft: 10px;
  -webkit-border-bottom-right-radius: 10px;
  -moz-border-radius-bottomright: 10px;
  */
  	
}
  #contentDroite .inputLarge
  {
    width:360px;
    margin-left:15px;
    margin-right:15px;
  }
  #contentDroite .inputLargeWithPicto
  {
    width:340px;
    margin:0px;
    margin-right:0px;
    height:30px;
   
  }
  #contentDroite .inputPicto
  {
  	
		float:left;
    width:25px;
    height:25px;
    margin-right:5px;
    
  }
  
  
#headerGauche 
{
	background-image:url(../images/fd_header.png);
	background-repeat:repeat-x;
	height:50px;
	overflow:hidden;
	width:100%;
	/*border-bottom:5px solid white;*/
	/*padding-bottom:5px;*/
	font-size:12px;
	/* Hauteur totale de 65px */
}

  #headerGauche .formLogin 
  {
    float:right;
  	text-align:right;
  	color:white;
		width:450px;
  }
  
  #headerGauche .formLogin a,#headerGauche .formLogin a:visited
  {
    color:white;
    font-weight:bold;
  }
	
	#headerGauche .formLogin INPUT
	{
		border:none;
    background-color:#E4E1DF;
	}

	#headerGauche .formLogin INPUT[type=password] 
	{
		width:50px;
	}
	#headerGauche .formLogin .submit 
	{
		background-color:#98d001;
		font-weight: bold;
		width:120px;
	}
	
	#headerGauche .menu_top 
	{
		color:#FFF;
	}
	
	#headerGauche .menu_top a {
		color:#FFF;
		font-weight:none;
		text-decoration:none;
		font-size:12px;
	}
	
	#headerGauche .menu_top li {
		float:left;
		display:block;
		list-style-type:none;
	}
	
	#headerGauche .menu_top li a.lienVert {
		color:#98d001;
	}
	
	#headerGauche .menu_top li.accueil {
		width:85px;
	}
	
	#headerGauche .menu_top li.moncompte {
		width:105px;
	}
	
	#headerGauche .menu_top li.mestrajets {
		width:auto;
		margin-right:5px;
		height:20px;
		width:100px;
	}
	
	#headerGauche ul.menu_top li ul.subnav2 {  
	    list-style: none;  
	    position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/  
	    left: -105px; top: 19px;  
	    background: #897c72;  
	    margin: 0; padding: 0;  
	    float: left;  
	    width: 414px;
		z-index:5000;
		padding-bottom:1px;
	}  
	
	#headerGauche ul.menu_top li ul.subnav2 li{  
	    margin: 0;
		padding: 0;  
	    clear: both;  
	    width: 50px;
	}  
	
	html #headerGauche ul.menu_top li ul.subnav2 li a {  
	    float: left;  
	    background-color: #98d001;  
	    padding-left: 20px;
		width: 387px;
		margin-left:1px;
		margin-top:1px;
		text-align:right;
		color:#38382a;
		font-size:10px;
		padding-top:3px;
		padding-bottom:3px;
		padding-right:5px;
	}
	
	#headerGauche ul.menu_top li ul.subnav3 {  
	    list-style: none;  
	    position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/  
	    left: 122px; top: 13px;  
	    background: #897c72;  
	    margin: 0; padding: 0;  
	    float: left;  
		padding-top:2px;
	    width: 164px;
		z-index:5000;
		padding-bottom:1px;
	}  
	
	#headerGauche ul.menu_top li ul.subnav3 li{  
	    margin: 0;
		padding: 0;  
	    clear: both;  
	    width: 50px;
	}  
	
	html #headerGauche ul.menu_top li ul.subnav3 li a {  
	    float: left;  
	    background-color: #FFFFFF;  
	    padding-left: 10px;
		width: 147px;
		margin-left:1px;
		margin-top:1px;
		text-align:left;
		color:#38302b;
		font-size:12px;
		padding-top:3px;
		padding-bottom:3px;
		padding-right:5px;
	}
	
	html #headerGauche ul.menu_top li ul.subnav2 li a:hover {
	}
	
	#headerGauche .infosUser {
		position:absolute;
		right:405px;
		top:5px;
		color:#c2b7a9;
	}
	
#colonneDroite .blocDroite
{
  -webkit-border-top-left-radius: 5px;
  -moz-border-radius-topleft: 5px;
  z-index:9;
  width:380px;
	background:#FFFFFF url(../images/backgroundContentDroite.png) no-repeat bottom left;

	
}