@font-face {
  font-family: 'Orbitron';
  font-style: normal;
  font-weight: 400;
  src: local('Orbitron-Light'), local('Orbitron-Regular'), url(http://www.sogeroute.lu/css/fonts/94ug0rEgQO_WuI_xKJMFc_esZW2xOQ-xsNqO47m55DA.woff) format('woff');
}
@font-face {
  font-family: 'Orbitron';
  font-style: normal;
  font-weight: 700;
  src: local('Orbitron-Bold'), url(http://www.sogeroute.lu/css/fonts/Y82YH_MJJWnsH2yUA5AuYYbN6UDyHWBl620a-IRfuBk.woff) format('woff');
}

body{
font-family : Arial, sans-serif;
font-size: 12px;
background: black /*url('/images/truck.png') repeat*/;}

#tel{
writing-mode: lr-tb; 
color:#EE632D;
-webkit-transform:rotate(270deg);
-moz-transform:rotate(270deg);
-o-transform: rotate(270deg);
display:block;
top:0;
right : 0;
width:200px;
margin : 0;
padding : 0;
}

#container {
width : 800px;
margin : 0 auto;
padding : 0;
background : black;
border :  solid  3px #EE632D;
border-radius : 3px;
}

#header{
color : #EE632D;
height : 195px;
}

#header-text{
margin : 30px 0 0 0;
text-align : center;
width: 470px;
margin-left: 260px;
}
		
#header h1{
padding: 18px 0 0 0; margin : 0;
font-size : 65px;
font-family : Orbitron;
font-weight : bold;
text-transform : uppercase;
}
	
#header h2{
padding:  0; margin : 0;
font-size : 20px;
font-family : Orbitron;
font-weight : bold;
}

#header p {
padding:  0; margin : 0;
font-size : 17px;
line-height: 20px;
font-family : Orbitron;
}

#header #hr {
border-top: 2px solid #EE632D;
margin: 10px 0;
}

#logo{
background : url('/images/logo-sogeroute.png') no-repeat;
width: 238px;
height: 167px;
float : left;
margin-left : 15px
}

#menu { background : #EE632D;font-weight:bold; }
			
/* État par défaut */
#menu ul { margin:0; padding:0; list-style:none  }
#menu li { display:inline-block; position:relative;z-index:1}
#menu li li { display:block;  }
#menu a { display:block; width:90px; height:40px;line-height:40px; color: black; background:#EE632D; padding-left : 5px; text-decoration:none;}
#menu li li a { width:185px; }
#menu .sous-menu { background:#EE632D;width :auto;}
#menu li ul { left:-4000px; position:absolute }
	
/* Survol d'un lien racine    */
#menu a:hover, #menu a.active, #menu li:hover > a { text-decoration: underline;}
#menu li:hover > ul { left: 0 }

#content {
color: white;
padding : 20px;
text-align : justify;
min-height: 500px;
}

#content a, #footer a {
color : #EE632D;
text-decoration : none;
}

.colonne {float:left; width : 50%}
.both{clear :both}

#map_canvas {
width: 500px;
height: 400px;
margin: 10px 0;
color : black;
}

#content a:hover {
text-decoration : underline;
}

.divimage{ float: left; border: 2px solid #EE632D; margin-right : 20px;}

#gallery-small-right .cycle-slideshow{ z-index:0 ;float : right; width: 400px; border : 3px solid #EE632D; margin-left: 20px;margin-bottom: 20px}
#gallery-center .cycle-slideshow { z-index:0; width: 600px;  border: 3px solid #EE632D; margin: 20px auto;}
#alt-caption { position : absolute; color: #EE632D; bottom: 0; height : 25px; line-height : 25px; z-index: 700; text-align: center; background: black; opacity : 0.8; font-size : 18px; width : 400px;}

/* pager */
.cycle-pager { 
    text-align: center; width: 100%; z-index: 500; position: absolute; top: 0; overflow: hidden;
}
.cycle-pager span { 
    font-family: arial; font-size: 36px; width: 16px; height: 16px; line-height: 16px; 
    display: inline-block; color: white; cursor: pointer; 
}
.cycle-pager span.cycle-pager-active { color: #EE632D;}
.cycle-pager > * { cursor: pointer;}

#footer{
color: gray;
border-top : 1px solid #EE632D;
padding: 2px 10px;
text-align : center;
font-size : 13px;
}