/************************************************
	Ctrl+F couleur par défaut: 
	#225ea7;
	
	>Template par défaut(style1, sans colonne)
	>> Pour rajouter une colone, modifier le padding-left sur le h1, chemin et contenus modifiable.
	
************************************************/

h1 {
	font-size:24px;
	font-weight:bold;
	color:#fff;
	margin:0 40px 0 13px;
	/* UTILISER CE CODE LA COLONNE 
		margin:0 40px 0 250px;
	 */	
	 padding:280px 0 5px 0px;
}

/***********************************************
				CHEMINS
***********************************************/
#chemin{
	clear:both;
	font-size:12px;
    font-weight:normal;
	height:20px;
	margin:0 40px 20px 13px;
	/* UTILISER CE CODE LA COLONNE 
	 margin:0 40px 20px 250px; 
	 */
	color:#666666;
}
#chemin *{
	font-size:12px;
    font-weight:normal;
}
#chemin a {color:#666666;}
#chemin a:hover,#chemin a.active  {color:#666666;}
#chemin span {color:#666666;}

/*****************************************************
				MENU horizontal:  Adapté la hauteur en fonction de la charte
*****************************************************/
/*ul.menu {
	position:absolute;
	top:163px;
	left:0px;
	height:51px;
	margin:0 0 0 0; padding:0 0 0 0px;
	list-style-type:none;
}
ul.menu li {
	display:inline;
	margin:0;padding:0;
}
ul.menu li a {
	display:block;
	float:left;
	height:50px;
	margin:0; padding:0 10px;
	color:#000;
	font-size:17px;
	font-weight:normal;
	line-height:50px;
	text-decoration:none;
	transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	border-left:rgba(0,0,0,.3) solid 1px;
	border-right:rgba(255,255,255,.3) solid 1px;
	-webkit-text-shadow:0px -1px 0 rgba(0,0,0,.2);
	-moz-text-shadow:0px -1px 0 rgba(0,0,0,.2);
	text-shadow:0px -1px 0 rgba(0,0,0,.2);
}

ul.menu li a:hover, ul.menu li a.active {
	background:url(../img/rollhover_opa_f.png);
	color:#225ea7 ;
}
ul.menu li.premier_lien a { border-left:none;}
ul.menu li.dernier_lien a { border-right:none;}*/

/*****************************************************
				MENU vertical:  Adapté la hauteur en fonction de la charte
*****************************************************/




/*ul.menu {
	position:absolute;
	top: 420px;
	left:0px;
	width:227px;
	margin:0; padding:0px 0 0 9px;
	list-style-type:none;
	height:250px;
}

ul.menu li{
    height:50px;
	margin:0 0 0 0; padding:0px 0 0 0px;
	width:213px;
}


ul.menu li a {
	display: block ;
	height:50px;
	margin:0; padding:0 10px;
	color:#cc3009;
	font-size:17px;
	font-weight:normal;
	line-height:50px;
	text-decoration:none;
	transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-webkit-text-shadow:0px -1px 0 rgba(0,0,0,.2);
	-moz-text-shadow:0px -1px 0 rgba(0,0,0,.2);
	text-shadow:0px -1px 0 rgba(0,0,0,.2);
}

ul.menu li a:hover, ul.menu li a.active {
	background:url(../img/rollhover_opa_f.png);
	color:#cc3009 ;
    width:200px;
    font-weight:bold;
}
ul.menu li.premier_lien a { border-top:none;}
ul.menu li.dernier_lien a { border-bottom:none; }*/

#wrap {
	width: 227px; 
	height: 50px; 
    padding-bottom: 10px;
	margin: 0; /* Ensures there is no space between sides of the screen and the menu */
	z-index: 1; /* Makes sure that your menu remains on top of other page elements */
	position: absolute;
	
    
	}
.navbar	{
	top: 290px;
	height: 50px;
    padding: 0;
    margin:0; padding:0px 0 0 8px;
	position:absolute ; /* Ensures that the menu doesn’t affect other elements */
	list-style-type:none;
    z-index: 12;
	
}
.navbar li 	{
            padding-bottom: 10px;
			height: auto;
			width: 197px;  /* Each menu item is 150px wide */
			/*float: left;   This lines up the menu items horizontally */
            object-position: top;
			text-align: left;  /* All text is placed in the left of the box */
			list-style: none;  /* Removes the default styling (bullets) for the list */
			 
			padding:0 0 0 35px;
			margin: 0 5px 0 5px;
		
	font-size:17px;
	font-weight:normal;


}

.navbar li:hover {
 background:url(../img/rollhover_opa_f.png);
	/*background-color:#0094ff ;*/
    width:184px;
    font-weight:bold;
    color:#ffffff;
    margin:0 0px 0 0;

text-decoration:none;
	transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-webkit-text-shadow:0px -1px 0 rgba(0,0,0,.2);
	-moz-text-shadow:0px -1px 0 rgba(0,0,0,.2);
	text-shadow:0px -1px 0 rgba(0,0,0,.2);


}





.navbar a	{							
		padding: 18px 0;  /* Adds a padding on the top and bottom so the text appears centered vertically */
		/*border-left: 1px solid #0026ff; /* Creates a border in a slightly lighter shade of blue than the background.  Combined with the right border, this creates a nice effect. */
		/*border-right: 1px solid #0026ff; /* Creates a border in a slightly darker shade of blue than the background.  Combined with the left border, this creates a nice effect. */
		text-decoration: none;  /* Removes the default hyperlink styling. */
		color: #cc3009; /* Text color is red */
		display: block;
			
	
}
		

.navbar li:hover, a:hover, {

	background-color:#0094ff ;
    width:200px;
    font-weight:bold;
/* background-color: #0094ff;*/

}

.navbar li ul 	{
		display: none;  /* Hides the drop-down menu */
		height: auto;									
		margin: 0; /* Aligns drop-down box underneath the menu item */
		padding: 0; /* Aligns drop-down box underneath the menu item */			
		}				

.navbar li:hover ul 	{
                        display: block; /* Displays the drop-down box when the menu item is hovered over */
                        z-index: 12;
                        padding-left: 1px;
                  
                        }

.navbar li ul li {
   /*background-color: #2ba6ff;*/
	 width:10px;

	 padding:0 0px 0 0px;
	 /*background:url(../img/rollhover_opa_f.png);*/
}

.navbar li ul li a 	{
		/*border-left: 1px solid #0026ff;
		border-right: 1px solid #0026ff;
		border-top: 1px solid #0026ff;
        z-index: 1001;*/
		}

.navbar li ul li a:hover {
    
     
	/*background-color: #0094ff;*/
    z-index: 1000;
}

.navbar li.premier_lien a { border-top:none;}
.navbar li.dernier_lien a { border-bottom:none; }

/***********************************************************
				CORPS
***********************************************************/

div#contenu_modifiable {
	/*
	text-align:justify;
	*/
	margin:0;
	padding:0 10px 30px 10px;
	/* UTILISER CE CODE LA COLONNE 
		padding:0 10px 30px 250px;
	 */
}

/****************************************************
				ADRESSE
****************************************************/
div#adresse {
	clear:both;
	background: url('http://www.transgrues.com/img/adresse.jpg') no-repeat;
	height:69px;
	color:#666666;
	font-weight:normal;
	/*line-height:69px;*/
	text-align:center;
	font-size:14px;
}