@font-face {
    font-family: 'hero';
    src: url('fonts/hero.eot');
    src: url('fonts/hero.eot') format('embedded-opentype'),
         url('fonts/hero.woff') format('woff'),
         url('fonts/hero.ttf') format('truetype'),
         url('fonts/hero.svg#hero') format('svg');
}

.font1 {font-family: 'hero';}

.hero {font-family: 'hero'}


body{color:#585c5f !important}

.blanc {color:#FFF}
.orange {color:#f7931e}
.orange2 {color:#c06c00}
.marron {color:#928264}
.bleu {color:#27417c}
.gris,a.gris:hover {color:#87888a}
.grisClair,a.grisClair:hover {color:#cdcdcd}
.letterSpace {letter-spacing:0.15em}


.couleur1 {color:#bd2529}

.lien1 {color:#404345}
.lien1:hover {color:#f19116}

.success {color:#51992d}
.error {color:#aa211b}

a.orange:hover,a.orange:active, a.couleur1:hover,a.couleur1:active {color:#898a8c !important; text-decoration:none !important}

h1 {text-transform:uppercase; letter-spacing:0.08em}
.titreDetails {padding-bottom:8px; margin-bottom:0px}

.formLabel {font-weight:normal;font-size:1.1em !important; vertical-align:bottom !important; padding-left: 0px;padding-top:10px !important}

@media (max-width: 767px) {
	.smallTitre{font-size:1.4em}
	.titreCc{font-size:0.8em}
	.txtSmall {font-size:0.75em !important}
	.txtContent {font-size:1em !important}
	.txtBtn {font-size:0.73em !important}
	.titre {font-size:1.8em !important}
	.h3 {font-size:1.0em !important}
	.h4 {font-size:0.9em !important}
}

@media (min-width: 768px) and (max-width: 991px) {
	.smallTitre{font-size:1.1em}
	.formLabel {font-size:0.7em !important; }
	.txtSmall {font-size:0.9em !important}
	.txtContent {font-size:1.1em !important}
	.txtBtn {font-size:0.90em !important}
	.titre {font-size:2em !important}
	.h3 {font-size:1.0em !important}
	.h4 {font-size:0.9em !important}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.smallTitre{font-size:1.4em}
	.txtSmall {font-size:0.7em !important}
	.txtContent {font-size:1.2em !important}
	.txtBtn {font-size:0.95em !important}
	.titre {font-size:2.0em !important}
	.h3 {font-size:1.0em !important}
	.h4 {font-size:0.9em !important}
}

@media (min-width: 1200px) {
	.smallTitre{font-size:1.3em}
	.formLabel {font-size:0.9em !important;}
	.txtSmall {font-size:0.8em !important}
	.txtContent {font-size:1.2em !important}
	.txtContentBig {font-size:1.5em !important}
	.txtBtn {font-size:1.0em !important}
	.AnnonceTitre {font-size:1.2em !important}
	.titre {font-size:2.5em !important}
	.h3 {font-size:1.2em !important}
	.h4 {font-size:0.9em !important}
	

}