/*****************************************************************************
	Agestis - Content Management System - http://www.agestis.com
	by ARICIA http://www.aricia.fr
*****************************************************************************
'			Version:	20110927.1140
'			coder:		Damien
*****************************************************************************


/********** Style du contenu (dans l'import Content.css) **********/
	@import "/skins/standard/Content.css";

	
.navbar-inner{
	z-index: 1000;
	position: relative;}

/********** Balises de base **********/
	body {
		font-family: verdana,arial,helvetica,sans-serif,"Trebuchet MS",geneva;
		font-size:11px;		
		
		color:#444444;
		background:#cccccc;
		
	}
	P {margin-bottom: 15px; margin-top: 3px; }

	.navbar .nav > li > a {
    padding: 10px;
 }
 
/********** Mise en places des blocs / interfacage graphique **********/
	#GUI_PageContent {
		
						}

	header {
		height: 250px;
		background-color: #cccccc;
		position:relative;
	}
	
		.brand {
			background: url('/bibliotheque/Charte_graphique/xam_location_logo_entete_200.png') left top;
			display:block; height: 200px; width: 521px;
			left:30px;
			z-index:100;
			
		}
			.brand * {
				display:none;
			}
			
		.adresse {
	    		z-index: 99;	    		
	    		color:black;			
				font-weight:bold;
				font-size: 9px; 								
			}	
					
		#GUI_IMAGE {
			background: url('/bibliotheque/Charte_graphique/xam_location_minipelle_cabine.png') right top;
			display:block; height: 173px; width: 152px;
			
			position:absolute;
			top:30px; right:35px;
			z-index:100;
			
		}
		#GUI_TARIFS {
			position:absolute; 
			top: 120px;
			left: 600px;
		}
		
			
		#GUI_TARIFS_texte a {
			color: 	white;
			font-weight:bold;
			position: absolute;
			top:130px;
			left:650px;	
			text-decoration:underline;
		}
		
		#GUI_ecim_remorques{position:absolute; 
			top: 24px;
			left: 550px;
			text-align:center;
}
		
		#GUI_SLOGAN1 {
	    		z-index: 99;
	    		position:absolute;
	    		color:white;			
				font-weight:bold;			
	    		width:500px; 
	    		top:195px;
				left:610px;
				font-size: 15px; 	
			}		

		#GUI_Menu {
			position:absolute;
			bottom:-10px;
			left:-1px;
			width:100%;
		}
		
		

		#GUI_Ariane {
		margin:10px 10px;
		text-align: right;
		font-size:10px;		
	}
		#GUI_Ariane A { color:#444444; }

	#GUI_Footer {
		height: 60px;
		background-color: #cccccc;
		color: #565656;
	    font-size: 12px;
	    margin-top: 5px;

	}
	#GUI_Footer A { color:#FFFFFF; }

	#GUI_Content {
		background:#F7F7F7;
		padding: 10px;
		margin: 20px auto;	

		-webkit-border-top-left-radius: 8px;
		-webkit-border-top-right-radius: 8px;
		-moz-border-radius-topleft: 8px;
		-moz-border-radius-topright: 8px;
		border-top-left-radius: 8px;
		border-top-right-radius: 8px;
		-webkit-border-bottom-left-radius: 8px;
		-webkit-border-bottom-right-radius: 8px;
		-moz-border-radius-bottomleft: 8px;
		-moz-border-radius-bottomright: 8px;
		border-bottom-left-radius: 8px;
		border-bottom-right-radius: 8px;

	}


	#GUI_NAVBAR {
		height:31px; width:934px;
		background-color:#DBDBDB;
		top:194px;
		left:13px;
		position:absolute;
		
		-webkit-border-top-left-radius: 5px;
		-webkit-border-top-right-radius: 5px;
		-moz-border-radius-topleft: 5px;
		-moz-border-radius-topright: 5px;
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
		-webkit-border-bottom-left-radius: 5px;
		-webkit-border-bottom-right-radius: 5px;
		-moz-border-radius-bottomleft: 5px;
		-moz-border-radius-bottomright: 5px;
		border-bottom-left-radius: 5px;
		border-bottom-right-radius: 5px;
				}	
		
	#GUI_Menu ul {
		list-style: none outside none;
		margin: 0 0 0 30px;
		padding: 0;
	}
	#GUI_Menu li {
		float: left;
		margin: 0;
 		padding: 0 25px 0 0;
	}
	
	
/*	SURCHARGE DU BOOTSTRAP
*************************************/

a.btn {
	text-decoration:none;
}

/*	MEDIA QUERYS
*****************************************************************************/



/*	SMARTPHONES
*****************************************************************************/

	@media (max-width: 480px) {
	}


/*	TABLETTES - Portrait
*****************************************************************************/
	@media (min-width: 480px) and (max-width: 768px) {
	
	}	

/*	TABLETTES - Paysage
*****************************************************************************/
	@media (min-width: 768px) and (max-width: 979px) {
	
	.brand {
		background: transparent url('/skins/standard/images/xam_location_logo_phone.png') top left no-repeat;
		text-indent: 120%;
		white-space: nowrap;
		overflow: hidden;
		width:130px;
		height:50px;
		padding:0px;
		font-size:9px;
	}	
	
	.hidden-desktop {
		font-size:9px;
	}		
	
	.btn {
	 margin-top: 20px;
 	}
 	
 	.navbar .btn-navbar.btn-menu {
		margin-top:20px;
	}	
	#GUI_TARIFS_phone a {
			color:#A4C736;
			font-weight:bold;
			position: absolute;
			top:50px;				
			text-decoration:underline;
			font-size:9px;
	}	

	
	header {
		height:70px;
	}	
	
}	

	/*	TABLETTES - General
	*****************************************************************************/
	@media (min-width: 480px) and (max-width: 979px) {
	}


/*	ECRANS LARGES
*****************************************************************************/
	@media (min-width: 980px) {	

		body {}
	}

	@media (max-width: 767px) {

	.brand {
		background: transparent url('/skins/standard/images/xam_location_logo_phone.png') top left no-repeat;
		text-indent: 120%;
		white-space: nowrap;
		overflow: hidden;
		width:130px;
		height:50px;
		padding:0px;
		font-size:9px;
	}	
	
	.hidden-desktop {
		font-size:9px;
	}		
	
	.btn {
	 margin-top: 20px;
 	}
 	
 	.navbar .btn-navbar.btn-menu {
		margin-top:20px;
	}	

	header {
		height:70px;
	}	
	
}