@import "custom.css";

#global H1 {
	DISPLAY: none;
}
/* Structure principale
-----------------------
                 NAVBAS
-----------------------
         HEAD
-----------------------
        (MAIN)
 LEFT | MIDDLE | RIGHT
-----------------------
         FOOT
----------------------- */
#global {
	WIDTH: 958px;
	MARGIN-LEFT: auto;
	MARGIN-RIGHT: auto;
	TEXT-ALIGN: left;
}

#left {
	FLOAT: left;
	WIDTH: 270px;
	margin-bottom:10px;
}
#right {
	FLOAT: right;
	WIDTH: 205px;
	TEXT-ALIGN: right;
	margin-bottom:10px;
}
#middle {
	FLOAT: left;
	width: 478px;
	margin-bottom:10px;
}

#menuleftcenter {
	float:left;
}
#leftcenter {
	clear:left;
	float:left;
	
}
#navgreve {
	FONT-SIZE:160%;
	FONT-WEIGHT: bold;
	MARGIN: 0px;
	PADDING: 5px 0px 0px 0px;
	LIST-STYLE: none;
	TEXT-ALIGN:left;	
}

/* Actualités */
#news {
	WIDTH: 411px;
	MARGIN-TOP:20px;
	MARGIN-LEFT: 25px;
	MARGIN-RIGHT: 25px;
	BACKGROUND-IMAGE: url("../img/trajetActu_haut.jpg");
	BACKGROUND-REPEAT: no-repeat;	
	BACKGROUND-POSITION: center top;
}
#news H2 {
	FONT-SIZE:140%;
	FONT-WEIGHT:bold;
	PADDING-TOP: 20px;
	PADDING-LEFT:30px;
	COLOR: #000000;		
}
#news H2 A{
	COLOR: #000000;
}
#news UL {
	PADDING-TOP: 15px;
	PADDING-LEFT: 30px;
	MARGIN: 0px;
	COLOR:#616362;
	LIST-STYLE: none;
	BACKGROUND-COLOR: #E5E5E7;
}
#news LI {
	MARGIN:0px;
	PADDING-TOP:2px;
	PADDING-BOTTOM:2px;
	list-style:none; 
	BACKGROUND-IMAGE: url("../img/puce5.jpg");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: left top;
}
#news IMG.picto {
	margin:2px;
}
#news LI A{
	COLOR:#616362;

	padding-left:20px;
	height: 18px;
}
#news A {
	COLOR: #9C1840;
	TEXT-DECORATION: none;
}
#news .lien {
	TEXT-ALIGN: right;
	FONT-WEIGHT:bold;
	COLOR:#616362;
	BACKGROUND-IMAGE: url("../img/trajetActu_bas.jpg");
	BACKGROUND-REPEAT: no-repeat;	
	BACKGROUND-POSITION: center top;
	HEIGHT:40px;
	PADDING-TOP:10px;
}
#news .lien A{
	COLOR:#000000;
	TEXT-DECORATION: none;
	PADDING-LEFT:15px;
	PADDING-RIGHT:20px;
	BACKGROUND-IMAGE: url("../img/puce6.jpg");
	BACKGROUND-REPEAT: no-repeat;	
	BACKGROUND-POSITION: center left;
}
#news H2 A:hover {
	TEXT-DECORATION: underline;
}
#news UL LI A:hover {
	COLOR:#616362;
	TEXT-DECORATION: underline;
}


/* ITINERAIRE */
#routeForm {
	WIDTH: 411px;
	MARGIN-TOP:0px;
	MARGIN-LEFT: 25px;
}
#routeForm #formRoute {
	margin:0px;
	padding:0px;
}

#routeForm A {
	COLOR: #9A163D;
	TEXT-DECORATION: underline;
}
#routeForm .title {	
	FONT-SIZE:120%;	
	FONT-WEIGHT:bold;
	margin-TOP: 20px;
    BACKGROUND: #E5E5E7 url("../img/trajetActu_haut.jpg");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: top;
}
#routeForm .title H2 {
	padding-top:20px;	
	margin-left:20px;
	padding-left:50px;
	padding-bottom:8px;
	BACKGROUND-IMAGE: url("../img/puce4.jpg");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: left 15px;
}
#routeForm .title DIV {	
	MARGIN-LEFT: 170px;
}
#routeForm .title DIV A {	
	FONT-SIZE:80%;
}
#routeForm .form {
	FONT-SIZE:100%;
	BACKGROUND-COLOR: #E5E5E7;
	PADDING: 25px 20px 0px 20px;
}
#routeForm .form .date2{
	text-align:right;
	margin-top:8px;
	margin-right:211px;
}

#routeForm #changedateEN{
	BACKGROUND: none;
	BORDER:none;
	COLOR:#9A163D;	
	TEXT-DECORATION: underline;
	PADDING:0px;
	WIDTH:80px;
}
#routeForm #changedateEN:hover{
	TEXT-DECORATION: none;
}
#routeForm #changedateFR{
	BACKGROUND: none;
	BORDER:none;
	COLOR:#9A163D;	
	TEXT-DECORATION: underline;
	PADDING:0px;
	WIDTH:95px;
}
#routeForm #changedateFR:hover{
	TEXT-DECORATION: none;
}
#routeForm #changedateDE{
	BACKGROUND: none;
	BORDER:none;
	COLOR:#9A163D;	
	TEXT-DECORATION: underline;
	PADDING:0px;
	WIDTH:80px;
}
#routeForm #changedateDE:hover{
	TEXT-DECORATION: none;
}
#routeForm #changedateIT{
	BACKGROUND: none;
	BORDER:none;
	COLOR:#9A163D;	
	TEXT-DECORATION: underline;
	PADDING:0px;
	WIDTH:105px;
}
#routeForm #changedateIT:hover{
	TEXT-DECORATION: none;
}
#routeForm FIELDSET {
	MARGIN: 5px 0px 20px 0px;
	PADDING: 0px;
}
#routeForm FIELDSET LEGEND {
    COLOR: #000000;
    FONT-WEIGHT:bold;    
    PADDING-BOTTOM: 3px;
}
#routeForm FIELDSET LABEL {
    DISPLAY: none;
}
#routeForm FIELDSET FIELDSET {
	MARGIN: 0px;
}
#routeForm FIELDSET FIELDSET LEGEND {
    DISPLAY: none;
}
#routeForm FIELDSET FIELDSET LABEL {
	DISPLAY: inline;
}
#routeForm #depart, #routeForm #arrivee {
	WIDTH: 368px;
    BORDER: 1px solid #6C6E70;
    BACKGROUND-COLOR: #FFFFFF;
}

#routeForm .submit {	
	PADDING: 10px 30px 0px 0px;
	HEIGHT:40px;
	TEXT-ALIGN: right;
    BACKGROUND-IMAGE: url("../img/trajetActu_bas.jpg");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: top;	
}
#routeForm .submit INPUT {
	BORDER: 0px;
	COLOR: #FFFFFF;
	BACKGROUND-IMAGE: url("../img/bg_submit.gif");
	BACKGROUND-REPEAT: no-repeat;	
	BACKGROUND-POSITION: center top;
	PADDING-BOTTOM: 4px;
	HEIGHT:18px;
	WIDTH:90px;
	FONT-WEIGHT:bold;
}


/* Evénementiel */
#annonce {
	TEXT-ALIGN: center;
	WIDTH: 264px;
	MAX-HEIGHT:170px;
	FLOAT: left;
	MARGIN-LEFT:5px;
}

/* Carte illenoo */
#carte {
	MARGIN-TOP: 30px;
	MARGIN-LEFT:5px;
	TEXT-ALIGN: center;
	WIDTH: 264px;
	FLOAT: left;	
	MARGIN-BOTTOM:20px;
}
#carte IMG{
	MARGIN-TOP:5px;
}
#carte H2 {
	COLOR: #000000;
	PADDING-LEFT: 20px;	
	TEXT-ALIGN:left;
	FONT-SIZE:110%;
	BACKGROUND-IMAGE: url("../img/puce1.jpg");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: left center;
	MARGIN-LEFT:10px;
	MARGIN-BOTTOM:5px;
}
#carte ul {padding:0px; margin: 0px;}
#carto {
	width: 264px;
	height: 297px;
	background-image: url("../img/carte.jpg");
	position: relative;
}

#carto li {margin: 0; padding: 0; list-style: none; display: block; position: absolute;}
#carto a {display: block;}
#carto a span{display:none;}

#carto1 {left: 175px; top: 145px; width: 50px; height: 40px;}
#carto2 {left: 145px; top: 70px; width: 79px; height: 50px;}
#carto3 {left: 75px; top: 0px; width: 60px; height: 45px;}
#carto4 {left: 70px; top: 115px; width: 95px; height: 60px;}
#carto1 a {height: 40px;}
#carto2 a {height: 50px;}
#carto3 a {height: 45px;}
#carto4 a {height: 60px;}

#carto1 a:hover {background: url("../img/carte.jpg") -175px -442px no-repeat;}
#carto2 a:hover {background: url("../img/carte.jpg") -145px -367px no-repeat;}
#carto3 a:hover {background: url("../img/carte.jpg") -75px -297px no-repeat;}
#carto4 a:hover {background: url("../img/carte.jpg") -70px -412px no-repeat;}



/* Information légal */
#LegalEspace{
	WIDTH:800px;
	MARGIN-LEFT:auto;
	MARGIN-RIGHT:auto;
	MARGIN-TOP:20px;
}
#LegalLogo{
	BACKGROUND: #6C6E70 ;
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: bottom right;
	TEXT-ALIGN:left;
}
.LegalIMG{
	MARGIN-LEFT:60px;
}
#LegalText{
	TEXT-ALIGN: justify;
	BACKGROUND-COLOR:#FFFFFF;
	PADDING:15px;
}
#LegalText #Title {	
	TEXT-ALIGN:left;	
	MARGIN-TOP:5px;
	MARGIN-LEFT:40px;
	WIDTH:441px;
	HEIGHT:21px;
	COLOR:#D82253;
	PADDING-LEFT:20px;
}
#LegalText #Title H1 {
	DISPLAY: inline;
	FONT-SIZE:150%;
}
#LegalText H2{
	MARGIN-TOP:10px;
	MARGIN-BOTTOM:10px;
	FONT-SIZE:120%;
}
#Legalback {
	TEXT-ALIGN: center;
}