#global {
		margin: 0 auto;
		width: 1000px;
		margin-bottom: 10px;
	}

	#header {
		width: 1000px;
		height: 341px;
		clear: both;
		margin-bottom: 30px;
}
	#img1 {
		border-bottom-left-radius: 10px;
		border-top-left-radius: 10px;
		}
	#bandeau {
		margin: 0 auto;
		width: 904px;
		margin-bottom: 0px;
		font-size: 48px;
		font-family: Tahoma, Arial, sans-serif;
		text-align: right;
		color : #888;
	}
	
	#headervignette {
		width: 1000px;
		height: 23px;
		clear: both;
}
	.vignette {
		background-color: #aaa;
		width: 150px;
		height: 230px;
		float: left;
		border-width: 1px;
		border-color: #555;
		border-style: solid;
		border-bottom-left-radius: 10px;
		border-bottom-right-radius: 10px;
		border-top-left-radius: 10px;
		border-top-right-radius: 10px;
		margin-right:40px;
	}

		.titrevignette {
		background-color: #fff;
		width: 150px;
		height: 20px;
		float: left;
		font-size: 18px;
		font-family: Tahoma, Arial, sans-serif;
		text-align: center;
		color : #822;
		margin-right:40px;
	}
	
		.textecenter{
		text-align: center;
		}
		
	.textekoch6{
		background-color: transparent;
		font-size: 28px;
		font-family: Tahoma, Arial, sans-serif;
		text-align: center;
		color : #ff9900;
		margin-right:40px;
		font-weight: bold ;
	}
		.imgvignette {
		border-top-left-radius: 10px;
		border-top-right-radius: 10px;
		}
		
		.textevignette {
		font-size: 12px;
		font-family: Tahoma, Arial, sans-serif;
		text-align: left;
		color : #fff;
		}
	
	#content {
	background-color: transparent;
	width: 841px;
	height: 531px;
	float: right;
	background-image: url(semaine.jpg);
  	border-width: 1px;
	border-color: #000000;
	border-style: solid;
}
   .DIVColor{
   	float: left;
	font-size: 7px;
	font-family:  Tahoma, Arial, sans-serif;
	padding-left: 8px;
	letter-spacing: 1px;
	padding-top : 0px;
}
    .DIVColor a:link{
    font-weight: bold ;
    color: #0000CC;
      }
	  
    .DIVColor a:visited{
    font-weight: bold ;
	color: #0000CC;
	 }
	 
    #entetejour {
    width: 841px;
	height: 30px;
                 }
    #menuentetejour {
     width: 59px;
	height: 30px;
	border-width: 1px 0px 1px 1px;
	border-color: #FFFFFF;
	border-style: solid;
                 }

div.box-menucontainer1 {
    width: 59px;
	height: 98px;
	font-size: 12px ;
	background: #EEEEEE;
	border-width: 1px 0px 1px 1px;
	border-color: #000000;
	border-style: solid;
}
div.box-menucontainer2 {
    width: 59px;
	height: 99px;
	font-size: 12px ;
	background: #EEEEEE;
	border-width: 0px 0px 1px 1px;
	border-color: #000000;
	border-style: solid;
}
div.box-menucontainer3 {
    width: 59px;
	height: 99px;
	font-size: 12px ;
	background: #EEEEEE;
	border-width: 0px 0px 1px 1px;
	border-color: #000000;
	border-style: solid;
}
div.box-menucontainer4 {
    width: 59px;
	height: 99px;
	font-size: 12px ;
	background: #EEEEEE;
	border-width: 0px 0px 1px 1px;
	border-color: #000000;
	border-style: solid;
}
div.box-menucontainer5 {
    width: 59px;
	height: 99px;
	font-size: 12px ;
	background: #EEEEEE;
	border-width: 0px 0px 1px 1px;
	border-color: #000000;
	border-style: solid;
}
		  
	 div.box {
	  background: #669900;
	  width:70px;
	  height:100px;
      border-bottom-left-radius: 15px;
      border-bottom-right-radius: 15px;
      border-top-left-radius: 15px;
      border-top-right-radius: 15px;
      color: #CCFFFF;
      font-size: 12px;
      text-align: left;
      position :absolute;
	-webkit-opacity: 0.9;
       margin-top: 0px;
       clear :both}
	   
	.madivmasque{
	width:100%;
	height:10px;
	}
	   
    div.box-container {
	width:840px;
	height:100px;
    background: transparent ;
          }

		  
    div.box-terrain {
	width:840px;
	height:500px;
    background: transparent ;
    position :relative}

    div.barre {
    background: #3333CC  ;
	height:100px;
    float : right;
    width: 10px ;

}

    div.barrev {
    background: #3333CC  ;
	height:13px;
    float : right;
    width: 100%;
	font-size: 8px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	color : #FFF;
	letter-spacing: 2px;
	padding-top : 2px;
}

.mazone {
	height: 80px;
	width: 45px;
	margin-top: 5px;
	margin-left: 5px;
	background: #FFFF99 ;
	border-width: 0px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
    float : left;
}

.CSpan {
	text-align: left;
	font-size: 12px;
	margin-top: 0px;
	margin-left: 5px;
	font-family: Arial, Helvetica, sans-serif;
	display : block;
	padding-top : 2px
}

#bulle{
  background: transparent url(bulle.gif);
  width: 400px;
  height: 200px;
  position :absolute;
  top: 200px ;
  left : 500px;
  z-index: 100;
}

#option{
  background: #ffffff;
  width: 400px;
  height: 200px;
  position :absolute;
  top: 200px ;
  left : 500px;
  z-index: 2000;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    color: #0000ff;
    font-size: 12px;
    text-align: left;
 	border-width: 2px;
	border-color: #555555;
	border-style: solid;

}

#Texte_bulle{
  font-size: 14px;
  color: #000099;
  padding-left: 20px;
  padding-top: 20px
}

#BoiteC {
   float : right;
   padding-top : 20px;
   padding-right : 30px;
}

#BtCreer {
  clear: right
}

#Script2{
 display : none ;
}

#flash{
	background: #FF5555;
	display : inline-block;
	width:100px;
	height:20px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    color: #CCFFFF;
    font-size: 12px;
    text-align: center;
 	border-width: 1px;
	border-color: #FFFF00;
	border-style: solid;
}

    div.Jour {
	width:140px;
	height:30px;
    background: transparent ;
	float : left;
	}
	
    .SJour {
    background: transparent ;
	font-size: 18px;
	margin-left: 110px;
	margin-top: 5px;
	font-family: Arial, Helvetica, sans-serif;
	display : block;
	width:28px;
	height:20px;
	text-align: center;
	border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
	}
	
	.IJ {
	   background: #cccccc ;
	   color: #ffffff;
	}

	#TexteSemaine{
	display : inline-block;
	width:300px;
	height:20px;
	text-align: center;
	border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
	border-width: 1px;
	border-color: #000000;
	border-style: solid;
	background: #EEEEEE ;
	}
	
	#Egauche{
	width:200px;
	height:20px;
	float : left;
	text-align: left;
	}
	#Ecentre{
	width:500px;
	height:20px;
	float : left;
	}
	#Edroite{
	width:200px;
	height:20px;
	float : left;
	text-align: right;
	}
	
	#Formidentif{
	width:500px;
	height:300px;
	margin: 20px auto;
	border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
	border-width: 3px;
	border-color: #fff;
	border-style: solid;
	background:  #eee;
	-webkit-box-shadow: 3px 3px 12px #555;
	}
	
	#Formidentif-texte{
	width:400px;
	height:300px;
	margin: 50px auto;
	}
	
	#identification-texte{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FF0000;
	}
	
	#logapi{
	float : right;
	margin-top : -100px;
	margin-right : -100px;
	border-bottom-left-radius: 100px;
    border-bottom-right-radius: 100px;
    border-top-left-radius: 100px;
    border-top-right-radius: 100px;
	-webkit-box-shadow: 3px 3px 12px #555;
	}
	
	#img-bandeau{
	-webkit-box-shadow: 3px 3px 12px #555;
	border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
	margin-top : 20px;
/* 	border-width: 2px;
	border-color: #fff;
	border-style: solid; */
	}
	
		
	#img-logo{
	-webkit-box-shadow: 3px 3px 12px #555;
	margin-top : 0px;
	margin-right : 20px;
	margin-left : 20px;
	}
	
	#cit-titre{
	display :block;
	font-size : 28px;
	font-family: Arial, Helvetica, sans-serif;
	color : #AAAAAA;
	margin-top : 10px;
	margin-bottom:10px;
	text-align : center;
	}
	
	#GoogleCarte{
	width:600px;
	height:700px;
	z-index:901;
	-webkit-box-shadow: 3px 3px 12px #555;
	border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
	display :block;
	border-width: 3px;
	border-color: #fff;
	border-style: solid;
	background:  #eee;
	position : absolute;
	}
	
	#img-CarteGoogle{
	margin-top : 0px;
	margin-left : 0px;
	width:600px;
	height:600px;
/* 	border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px; */
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;	
	}
	
	#BtFermerCarte {
	/* display : block; */
	font-size : 10;
	font-family: Arial, Helvetica, sans-serif;
	color : #555555;
/* 	text-align : center;
	margin-right : 25px;
	; */	
	}
	
	#pp-itools {
	font-size : 8;
	font-family: Arial, Helvetica, sans-serif;
	}
	
	#divpp{
	width: 100%;
	height: 20px;
	clear: both;
	color : #eeeeee;
	margin-top: 100px;
	background:  #999999;
	}
	
	#espace{
	width: 100%;
	height: 20px;
	}
	
	#Ritools {
	font-size : 7;
	font-family: Arial, Helvetica, sans-serif;
	color : #3333FF;
	}
	
	#map-api{
	margin-top : 0px;
	margin-left : 0px;
	width:600px;
	height:600px;
/* 	border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px; */
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
	}
	
	#GoogleCarte2{
	width:600px;
	height:700px;
	z-index:901;
	-webkit-box-shadow: 3px 3px 12px #555;
	 border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px; 
/*     border-top-left-radius: 20px;
    border-top-right-radius: 20px; */
	display :block;
	border-width: 3px;
	border-color: #fff;
	border-style: solid;
	background:  #eee;
	position : absolute;
	}
	
	#firstHeading{  
	font-size: 10px;
	font-family:  Tahoma, Arial, sans-serif;
	}
	
	#bodyContent{  
	font-size: 10px;
	font-family:  Tahoma, Arial, sans-serif;
	}
  
	.BtCarte{
	width:40px;
	height:18px;
	border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
	font-size: 10px;
	font-family:  Tahoma, Arial, sans-serif;
	background:  #ff3333;
	display : inline-block;
	color : #eeeeee;
	-webkit-box-shadow: 3px 3px 12px #555;
	text-decoration : none;
	margin-top : 3px;
	padding-top : 3px;
	}
	
	.BtCarte:hover{
	color : #ffff00;
	-webkit-box-shadow: 3px 3px 12px #993;
	}
	
	#distance{
	font-size: 10px;
	font-family:  Tahoma, Arial, sans-serif;
	}
	#duree{
	font-size: 10px;
	font-family:  Tahoma, Arial, sans-serif;
	}	
	#trajet{
	font-size: 10px;
	font-family:  Tahoma, Arial, sans-serif;
	}
	.case  {
	font-family:  Wingdings;
	font-size: 11px;
	text-decoration : none;
	margin-top : 4px;
/* 	background:  #ffffff */;
	}
	a.case:link{
    font-weight: normal;
    color: #0000CC;
	text-decoration : none;
      }
	  
    a.case:visited{
    font-weight: normal ;
	color: #0000CC;
	text-decoration : none;
	 }
	 
	 #ChoixGroupage {
	position :absolute;
	width:108px;
	height:37px;
	border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
	font-size: 10px;
	font-family:  Tahoma, Arial, sans-serif;
	background: transparent url(bullenoir.gif);
	z-index:10000;
	border-width: 0px;
	border-color: #666;
	border-style: solid;
	padding-top : 8px;
	padding-left : 20px;
	line-height : 14px
	 }
	 
	.cac {
	 margin-left: 5px;
	}
	
	.PC {
	border-top-left-radius: 15px;
	}
	
	.DC {
	border-top-right-radius: 15px;
	}