header {
  /*border: 1px solid #00FF40;*/
  width: 100%;
  height: 180px;
  
  background-image: url('../images/ventoux-1280-180.jpg'); 
  -moz-border-radius: 8px 8px 0 0;
  -webkit-border-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0;
}



#presentation {
  /*border: 1px solid aqua;*/
  margin: 30px 0 0 0;
  font-size: 11pt;
  line-height: 1.5em;
  text-align: justify;
  width: 60%;
  color: black;
}


#tour_de_france {
  /*border: 1px solid yellow;*/
  background-color: #D4E4F7;
  margin-top: 30px;
  padding: 30px 0 20px 20px;
  width: 80%;
}


.par_mon_col {
  margin: 30px 0 0 0;
  font-size: 11pt;
  line-height: 1.5em;
  text-align: justify;
  width: 60%;
	
}

.par_tdf {
  padding: 20px 20px 0 0;	
  font-size: 11pt;
  margin: 20px;
  line-height: 1.5em;
  text-align: justify;
  /*width: 70%;*/
	
}

#bretour {
  /*border: 1px solid black;*/
  position: fixed;
  bottom: 5%;
  right: 5%;
  /*float: right;*/
  width: 70px;
  height: 70px;
  background-image: url('../images/velovert-70.png');
  background-position: bottom;
  background-repeat: no-repeat;
}







@media screen and (max-width: 1080px) {
header {
  background-image: url('../images/ventoux-640-180.jpg');
  height: 130px;

  /*display: none;*/
}

#bando {
  /*float: left;	*/
  text-align: left;
  color: blue;
}

#conteneur {
  width: 100%;

}
	
#barre_m {
  /*border: 1px solid red;	*/
  display: block;
  height: 80px;
  width: 95%;
}

#presentation {	width: 95%;}

#tour_de_france {
  padding: 30px 0 20px 0px;
  width: 95%;
}

.par_mon_col {	width: 95%;}
.par_tdf {	width: 95%;}

#bretour {
}
}



@media screen and (max-width: 640px) {
header {
  background-image: url('../images/ventoux-640-180.jpg');
  height: 130px;

  /*display: none;*/
}

#bando {
  width: 340px;	
  float: left;	
  text-align: left;
  color: blue;
  padding: 20px 0 0 30px;
}

#conteneur {
  width: 100%;

}
	
#barre_m {
  /*border: 1px solid black;	*/
  display: block;
  height: 120px;
  width: 95%;
}

.m1 { width: 150px; }
.m2 { width: 150px; }
.m3 { width: 150px; }
.m4 { width: 150px; }
.m5 { width: 150px; }
.m6 { width: 150px; }
.m7 { width: 150px; }


.ddp {
  font-size: 0.9em;
}

#tour_de_france {
  padding: 30px 0 20px 0px;
  width: 95%;
}

.par_mon_col {	width: 92%;}
.par_tdf {	width: 92%;}

#bretour {
  background-image: url('../images/velovert-50.png');
  width: 50px;
  height: 50px;
}
}


@media screen and (max-width: 360px) {
header {
  background-image: url('../images/ventoux-360-100.jpg');
  height: 100px;

  /*display: none;*/
}

#bando {
  width: 300px;	
  float: left;	
  text-align: left;
  color: blue;
  padding: 10px 0 0 30px;
}

#conteneur {
  width: 100%;

}
	
#barre_m {
  /*border: 1px solid blue;	*/
  display: block;
  height: 120px;
  width: 95%;
}

.m1 { width: 150px; }
.m2 { width: 150px; }
.m3 { width: 150px; }
.m4 { width: 150px; }
.m5 { width: 150px; }
.m6 { width: 150px; }
.m7 { width: 150px; }

.ddp {
  font-size: 0.9em;
}

#tour_de_france {
  padding: 30px 0 20px 0px;
  width: 95%;
}

.par_mon_col {	width: 92%;}
.par_tdf {	width: 92%;}

#bretour {
  background-image: url('../images/velovert-50.png');
  width: 50px;
  height: 50px;
}
}






.caracteristiques {
  /*border: 1px solid aqua;*/
  margin-top: 30px;
  font-size: 12pt;
  color: #414368;

}


#conteneur {
  /*height: 950px;*/
  font-family: Verdana;
}


.gras {
  font-weight: bold;	
}


.ital {
  font-style: italic;	
}


.montee {
  padding: 10px;
  font-size: 12pt;
  color: black;

}


.ddp {
  padding: 10px;
  font-size: 1em;
  font-weight: bold;
}

.vosges {
  color: #00B050;
}

.jura {
  color: black;
}

.alpesn {
  color: #DF8B00;
}

.alpess {
  color: #002060;
}

.pyrenees {
  color: #7058D1;
}


.apreciations {
  /*border: 1px solid aqua;*/
  margin-top: 30px;
  font-size: 12pt;
  color: #414368;

}


.critere {
  /*font-weight: bold;	*/
}


.tdf_accroche {
  /*border: 1px solid aqua;*/
  margin: 20px 0;
  font-size: 13pt;
  font-style: italic;	
  text-align: center;
}



/*
#idcol {
  display: hidden;
}*/


#apglobale {
  /*border: 1px solid aqua;*/
  margin: 0 0 40px 0;
  padding: 10px 50% 0 0;
  font-size: 14pt;
  text-align: center;
  color: red;
}


#locvelo {
  margin: 10px 0 20px 0;
  font-size: 12pt;
  text-align: left;
}


#mon_col {
  /*border: 1px solid green;*/
  /*width: 211px;
  height: 180px;*/
  /*filter:alpha(opacity=70);
  -moz-opacity:.70;
  opacity:.70;*/
}


.ph_mon_col {
  /*border: 2px solid red;*/
  margin: 30px 0 0 0;
	
}



#mon_col img {
  margin: 30px 0 0 0;
}


.phlegende {
  margin: 5px 0 0 0;	
  paddingleft: 5px;	
  font-size: 9pt;
  color: blue;
	
}
	
	
.ul_mon_col {
  font-size: 11pt;
  line-height: 1.5em;
  width: 60%
}


.ul_presentation {
  font-size: 11pt;
  color: black;
  line-height: 1.5em;
  width: 60%
}


.ol_enum {
  list-style-type: none;	
  font-size: 11pt;
  color: black;
  line-height: 1.5em;
  width: 60%
}


.titre_tdf {
  font-size: 14pt;
}


.ph_tdf {
  margin: 30px 0 0 0;
}


#tour_de_france img {
  margin: 30px 0 0 0;
}


.dial_tdf {
  padding: 20px 20px 0 15px;	
  font-size: 11pt;
  margin: 20px;
  line-height: 1.3em;
  text-align: left;
  /*width: 70%*/
	
}


.renvoi {
  font-size: 9pt;
	
}


#commentaires {
  /*border: 1px solid blue;*/
  margin: 20px 0 0 0;
  width: 70%;
  height: 30px;
  text-align: right;
  font-size: 10pt;
}


#liencom {
  padding: 0;
  cursor: pointer;
}


.tdf_table {
  margin-left: 30px;	
  /*border: 1px solid black;*/
  /*width:50%;*/
  border-collapse: collapse;
  font-size: 0.8em;
  
}

.tdf_table td {
  border: 1px solid black;

}