@charset "utf-8";
/* CSS Document */
h1 {font-family:Calibri;font-weight:bold;font-size:20px !important;color:white;text-shadow: 1.3px 1px 1px #000;}
.nomclient{font-family:Calibri;font-weight:bold;font-size:20px !important;color:white;text-shadow: 1.3px 1px 1px #000;}
.titres-presentation{color: white;text-shadow: 1px 1px 1px #000;padding: 10px 20px;font-family: 'Days One';font-size: 20px;font-weight: lighter;font-style: normal !important;padding-left: 0 !important;}

#rond-adresse {font-family: Arial,sans-serif;
    font-size: 18px;
    font-weight: bold;
    font-style: italic;
    width: 24px;
    height: 24px;
    text-align: center;
    text-decoration: none;
    color: #F7F7F7;
    background: #F00;
    background: linear-gradient( #F00, #781b1b);
    border-radius: 21px;
    text-shadow: 1px 1px 1px #333333;
    box-shadow: 0 0 5px rgba( 0, 0, 0, 0.5), 0 -1px 0 rgba( 255, 255, 255, 0.4);
	float:left;
	margin-left:10px;
}
#block-00 {height:2200px;}


h2{color:white;text-shadow: 1px 1px 1px #000;padding:20px;font-family:'Days One';font-size: 20px;font-weight:lighter;font-style:normal !important;padding-left:0 !important;}
#block-00 {width: 1280px;margin-left: auto;margin-right: auto;margin-top:20px;background: linear-gradient(70deg,rgba(0, 1, 30, 0.8), rgba(1, 36, 81, 0.8),rgba(0, 0, 0, 0.8));}
#block-01 {float:left;width:640px;color:white;text-shadow: 1px 1px 1px #000;font-family:'Days One';font-weight:lighter;font-size: 17px;}
#block-02 {float:left;width:640px;}
#block-04 {float:left;width:600px;color:white;text-shadow: 1px 1px 1px #000;padding:20px;font-family:'Saira Condensed';font-size: 19px;line-height:1.3;}
#block-05 {float:left;width:600px;color:white;text-shadow: 1px 1px 1px #000;padding:20px;font-family:'Saira Condensed';font-size: 19px;line-height:1.3;}

#logo-block-01 {float:left;width:320px;height:240px;}
.taille-logo{width:100%;}
#adresse-block-01{float:left; width:320px; height:240px;font-family:calibri;font-size: 18px;font-weight:normal;color:white;text-shadow: 1px 1px 1px black;}
#liens-internes{float:left;background-color:rgba(0,0,0,0.7);width:1274px;height:94px;border:2px solid #3c3c3c;}

#boutons-vitrines{width:635px;height:43px;float:left;border: 2px solid #3c3c3c;background-color: rgba(0,0,0,0.7);}
.boutons-redirection{width:205px;height:29px;padding-top:6px;color:white;text-shadow: 1px 1px 1px #333333;background: linear-gradient(70deg,rgba(0, 1, 30, 0.9), rgba(0, 81, 185, 0.9),rgba(0, 0, 0, 0.9));border-radius:3px;font-family:'Days One';font-size: 17px;font-weight:lighter;text-align:center;margin:2px 0 2px 2px;float:left;text-shadow: 1px 1px 1px black;
  border: 2px solid #5b5b5b;}
.boutons-redirection:hover{background:linear-gradient(70deg,rgba(0, 3, 100, 0.9), rgba(0, 111, 253, 0.9),rgba(53, 53, 53, 0.9));}

.boutons-liens{width:206px;height:28px;padding-top:11px;color:white;text-shadow: 1px 1px 1px #333333;background: linear-gradient(70deg,rgba(0, 1, 30, 0.9), rgba(0, 81, 185, 0.9),rgba(0, 0, 0, 0.9));border-radius:3px;font-family:'Days One';font-size: 14px;font-weight:lighter;text-align:center;margin:2px 0 2px 2px;float:left;border: 2px solid #5b5b5b;}
.boutons-liens:hover {background:linear-gradient(70deg,rgba(0, 3, 100, 0.9), rgba(0, 111, 253, 0.9),rgba(53, 53, 53, 0.9));}
#boutons-block-01{float:left; background:#060053; width:100%; height:80px;}
.maps {height:413px;}
.bouton-reseaux{float:left;padding:10px 6px 10px 6px ;width:60px;height:60px;}
.bouton-reseaux2{float:left;padding:10px 6px 10px 6px;width:88px;height:60px;}
.bouton-facebook{background:url(../garages/Reseaux-Sociaux/logo-facebook.png)no-repeat center;}
.bouton-twitter{background:url(../garages/Reseaux-Sociaux/logo-twitter.png)no-repeat center;}
.bouton-enstagram{background:url(../garages/Reseaux-Sociaux/logo-enstagram.png)no-repeat center;}
.bouton-youtube{background:url(../garages/Reseaux-Sociaux/logo-youtube-3.png)no-repeat center;}
.bouton-vimeo{background:url(../garages/Reseaux-Sociaux/logo-vimeo-2.png)no-repeat center;}
.bouton-dailymotion{background:url(../garages/Reseaux-Sociaux/logo-dailymotion.png)no-repeat center;}
.bouton-linkedin{background:url(../garages/Reseaux-Sociaux/logo-linkedin.png)no-repeat center;}
.bouton-tt{background:url(../garages/Reseaux-Sociaux/bouton-tt-blanc.png)no-repeat center;}

.tab{background:linear-gradient(70deg,rgba(0, 3, 100, 0.9), rgba(0, 111, 253, 0.9),rgba(53, 53, 53, 0.9));}
#cadre-bouton-carte{
  float: left;
  background: black;
  width: 635px;
  height: 60px;
  border:2px solid #3c3c3c;
  margin-bottom:20px;
}
#cadre-bouton-carte h2{text-align:center;}
#bouton-carte, #bouton-itineraires{
  float: left;
  background: linear-gradient(70deg,rgba(0, 1, 30, 0.9), rgba(0, 81, 185, 0.9),rgba(0, 0, 0, 0.9));
  width: 309px;
  height: 49px;
  text-align:center;
  font-size: 18px;
  text-shadow: none;
  padding-top: 3px;
  margin:2px;
  border-radius:5px;
  color: white;
  text-shadow: 1px 1px 1px black;
  border: 2px solid #5b5b5b;
}

#bouton-carte:hover, #bouton-itineraires:hover {background:linear-gradient(70deg,rgba(0, 3, 100, 0.9), rgba(0, 111, 253, 0.9),rgba(53, 53, 53, 0.9));}

@media handheld, only screen and (max-width: 1300px), only screen and (max-device-width: 1300px){

	#block-00{width:950px;}
	#block-01{width:475px;}
	#block-02{width:475px;}
	#block-04{width:435px;}
	#block-05{width:435px;}
	#logo-block-01 {width:238px; height:179px;}
	#adresse-block-01{width:237px; height:179px;font-size:14px;}
	.maps{height:315px;}
	#liens-internes{width:946px;height:141px;}
	#boutons-vitrines {width: 471px;height:44px;}
	.boutons-liens{width:230px;font-size:13px;font-weight:bold;}
	.boutons-redirection{width:150px;height:23px;padding-top:7px;font-size:13px;font-weight:bold;}
	#cadre-bouton-carte {width:471px;height:60px;margin-bottom:10px;}
	#bouton-carte, #bouton-itineraires{width:227px;font-weight: bold;height:45px;font-size:14px;padding-top:7px;}
	table{font-size:14px}
}

@media handheld, only screen and (max-width: 1000px), only screen and (max-device-width: 1000px){
	#block-00{width:750px;height:4750px;}
	#block-01{width:750px;}
	#block-02{width:750px;}
	#block-04{width:710px;}
	#block-05{width:710px;}
	#logo-block-01 {width:375px; height:281px;}
	#adresse-block-01{width:375px; height:281px;font-size:18px;}
	.maps{height:430px;}
	#boutons-vitrines{width:746px;height:41px;}
	#liens-internes{width:746px;height:120px;}
	.boutons-liens{width:180px;height:24px;font-size:12px;font-weight:bold;padding-top:8px;}
	.boutons-redirection{width:242px;font-size:18px;height:28px;padding-top:5px;font-weight:bold;}
	#cadre-bouton-carte {width:746px;height:63px;margin-bottom:20px;}
	#bouton-carte, #bouton-itineraires{width:365px;font-weight: bold;height:51px;font-size:18px;padding-top:4px;}
	table{font-size:18px}
}

@media handheld, only screen and (max-width: 767px), only screen and (max-device-width: 767px){
	
    #block-00{width:620px;height:4500px;}
	#block-01{width:620px;}
	#block-02{width:620px;}
	#block-04{width:580px;}
	#block-05{width:580px;}

	#logo-block-01 {width:310px; height:233px;}
	#adresse-block-01{width:310px; height:233px;}
	#boutons-vitrines{width:616px;height:41px;}
	#liens-internes{width:616px;height:160px;}
	.boutons-liens{width:199px;height:23px;font-size:12px;font-weight:bold;padding-top:9px;}
	.boutons-redirection{width:199px;font-size:16px;height:27px;padding-top:6px;font-weight:bold;}
	#cadre-bouton-carte {width:616px;height:63px;}
	#bouton-carte, #bouton-itineraires{width:300px;font-weight: bold;height:52px;}
	table{font-size:16px}
}

@media handheld, only screen and (max-width: 620px), only screen and (max-device-width: 620px){
	#block-00{width:410px;height:5300px;}
	#block-01{width:410px;}
	#block-02{width:410px;}
	#block-04{width:370px;tex-align:justify !important;}
	#block-05{width:370px;}
	.maps{height:250px;}
	#logo-block-01 {width:410px; height:308px;}
	#adresse-block-01{width:410px; height:240px;}
	#boutons-vitrines{width:406px;height:123px;}
	#liens-internes{width:406px;height:480px;}
	.boutons-liens{width:398px;height:27px;font-size:17px;font-weight:bold;padding-top:5px;}
	.boutons-redirection{width:398px;font-size:18px;height:28px;padding-top:5px;font-weight:bold;}       
	#boutons-block-01{height:160px;}
	#cadre-bouton-carte {width:406px;height:126px;}
	#bouton-carte, #bouton-itineraires{width:398px;font-weight: bold;height:52px;}
	table{font-size:13px
}
	


@media handheld, only screen and (max-width: 410px), only screen and (max-device-width: 410px){
	#block-00{width:320px;height:5600px;}
	#block-01{width:320px;}
	#block-02{width:320px;}
	#block-04{width:280px;}
	#block-05{width:280px;}
	.maps{height:250px;}
	#logo-block-01 {width:320px; height:240px;}
	#adresse-block-01{width:320px; height:240px;}
	#boutons-vitrines{width:316px;height:123px;}
	#liens-internes{width:316px;height:481px;}
	.boutons-liens{width:308px;height:27px;font-size:17px;font-weight:bold;padding-top:5px;}
	.boutons-redirection{width:308px;font-size:20px;height:30px;padding-top:3px;font-weight:bold;}       
	#boutons-block-01{height:160px;}
	#cadre-bouton-carte {width:316px;height:126px;}
	#bouton-carte, #bouton-itineraires{width:308px;font-weight: bold; height:52px;}
	table{font-size:11px
}