/*
We highly recommend you use SASS and write your custom styles in sass/_custom.scss.
However, this blank file is available if you prefer
*/
body {
	margin: 0;
	padding: 0;
	height: 100%;
	width: 100%;
	position: absolute;
	min-height: 600px;font-family: 'Questrial', sans-serif;font-size: 16px;
	color: #000;
	background:#FFF;
	font-weight:300;
}

.chientraitjaune {
	background:url(../charte/fond-chien.jpg);
	background-position:center left;
	background-repeat:no-repeat;
	border-left:#ffd800 solid 6px ;	
}

select {font-family: 'Questrial', sans-serif;}
h1 {
	color:#fff;
	display:inline;
	font-size:15pt;
	text-align:right;
	font-weight:600;
}
h2 {
	color:#000;
	display:inline;
	font-size:50pt;
	text-align:left;
	font-weight:normal;
}
h3 {
	color:#000;
	display:inline;
	font-size:32pt;
	text-align:left;
	font-weight:normal;
}

h4 {
	color:#ffd800;
	display:inline;
	font-size:32pt;
	text-align:left;
	font-weight:normal;
}

.gras {
	font-weight:600;
}


.contourPolice {
	text-shadow: #FFF 1px 1px, #FFF -1px 1px, #FFF -1px -1px, #FFF 1px -1px;
}



.btn.rouge  { background: #E00003; border: 1px solid #FFF; color: #FFF; }

.btn.blanc, .skiplink.blanc { background: #FFF; border: 0px solid #58c026;color:#000000; }
.btn.blanc:hover, .skiplink.blanc:hover { background: #000;color:#FFF; }
.btn.blanc:active, .skiplink.blanc:active { background: #FFF; }


.btn.bleuclair, .skiplink.bleuclair { background: #009ee3; border: 0px solid #58c026;color:#FFFFFF; }
.btn.bleuclair:hover, .skiplink.bleuclair:hover { background: #90a8f8; }
.btn.bleuclair:active, .skiplink.bleuclair:active { background: #FFF; }

.btn.bleuvert, .skiplink.bleuvert { background: #8ad3dc; border: 0px solid #58c026;color:#FFFFFF;  }
.btn.bleuvert:hover, .skiplink.bleuvert:hover { background: #90a8f8; }
.btn.bleuvert:active, .skiplink.bleuvert:active { background: #FFF; }


a.menu:link {
		color: #FFF;

	text-decoration:none;
	font-size:18px;
	padding:5px;
	display:block;
	text-align:center;
		border-bottom:#eb5a26 solid 2px;

}
a.menu:visited {
		color: #FFF;

	text-decoration:none;
	font-size:18px;
	padding:5px;
	display:block;
		border-bottom:#eb5a26 solid 2px;
}

a.menu:hover {
		color: #FFF;

	text-decoration:none;
	font-size:18px;
	padding:5px;
	display:block;
	background-color:#eb5a26;
		border-bottom:#eb5a26 solid 2px;
}
a.menuSel {
		color: #FFF;

	text-decoration:none;
	font-size:18px;
	font-weight:600;
	padding:5px;
	display:block;
	background-color:#eb5a26;
		border-bottom:#eb5a26 solid 2px;
}

a.haut {
	font-size:15pt;
	text-decoration:none;
}

.bordureHautBlanc{
	border-top:#FFF solid 9px;
}
.bordureGaucheJaune {
	border-left:#ffd800 solid 4px;
}

.bordureBasBlanc {
	border-bottom:#FFF solid 1px;
}

.bordureBasNoir {
	border-bottom:#000 solid 1px;
}
	.header {
		padding:20px;
		border-top:solid #000 1px;
		border-bottom:solid #000 1px;
		height:160px;
	}

.bas {
	border-top:#000 solid 1px;
	padding-top:20px;
	padding-bottom:20px;
	height:100px;
}
.t80 {
	font-size: 80px;
}
.t70 {
	font-size: 70px;
}
.t50 {
	font-size: 50px;
}
.t45 {
	font-size: 45px;
}
.t40 {
	font-size: 40px;
}
.t35 {
	font-size: 35px;
}
.t30 {
	font-size: 30px;
}
.t22 {
	font-size: 22px;
}
.t20 {
	font-size: 20px;
}
.t26 {
	font-size: 26px;
}
.t28 {
	font-size: 28px;
}

.t18 {
	font-size: 18px;
}
.t16 {
	font-size: 16px;
}
.t14 {
	font-size: 14px;
}
.t12 {
	font-size: 12px;
}
.t10 {
	font-size: 10px;
}
.noir {
	color: #000000;
}
.bordeaux {
	color: #C00;
}
.jaune {
	color: #ffd800;
}
.blanc {
	color: #FFFFFF;
}
.vert {
	color: #3aaa35;
}
.rouge {
	color: #BE1621;
}
.gris {
	color: #959393;
}
.bleu {
	color:#339fbb;	
}
.mauve {
	color:#535ca6;	
}

.fondBlanc {
	background-color:#FFF;
	border:#ffd800 solid 1px;
}
.fondGris {
	background-color:#E4E4E4;
}
.fondOrange {
	background-color:#e84e1b;
}
.fondGrisFonce {
	background-color:#8F8F8F;
}
.fondBleu {
	background-color:#339fbb;
}
.fondVert {
	background-color:#58b361;
}
.fondMauve {
	background-color:#535ca6;
}

.orange {
	color:#e84e1b;
}
.passouligne {
	text-decoration:none;
}
.minuscules {
	text-transform:lowercase;
}

.divbordure {
			height:50px;
			width:60%;
				border-bottom:solid #030 0px;
		}
		
		.padding5 {
			padding:5px;
		}
		.padding10 {
			padding:10px;
		}
		.paddingHB20 {
			padding-top:20px;
			padding-bottom:20px;
		}

	.bouton {
	font-size:14px;
	background:#BE1621;
	width:110px;
	height:40px;
	padding:10px;
	color:#FFF;
	}
	
b {
	font-weight:600;
}

.googlemaps img {
	max-width:none;	
}

  .conteneur { height:440px; }
@media screen and (min-width: 0px) and (max-width: 961px) {
  .dont-show-me-on-phones { display:none; }  /* show it on small screens */
  
  .conteneur { height:280px; }
  .bouge {width:40px;}
  .blocmenu {padding-bottom:100px;}
}

@media screen and (min-width: 962px) {
  .show-me-on-phones { display:none; }  /* show it on small screens */
}