img		{	border:none;}
img.noselect 		{ opacity:0.5; filter:alpha(opacity=50); -moz-opacity:5 }
img:hover.estomp	{ opacity:0.8; filter:alpha(opacity=80); -moz-opacity:8 }
img:hover.rotate 	{ transform: rotate(5deg); transition: .5s ease }

img.icone					{ width: 48px!important; height: auto!important }
img.iconesmall				{ width: 38px!important; height: auto!important }
img.iconeverysmall			{ width: 28px!important; height: auto!important }
img.iconeminus				{ width: 18px!important; height: auto!important }

img.l100 					{ width: 100%!important; height: auto!important }

A 	 			{  text-decoration: none; color:#7F7F7F }
A:hover  		{  color:#600E13 }

.clair { color:#CFC9C0 }
.clairG { color:#CFC9C0; font-weight: bold }
.moyen { color:#9D000C }
.moyenG { color:#9D000C; font-weight: bold }
.fonce {color:#685E51 }
.fonceG {color:#685E51; font-weight: bold }

.blanc { color:#FFF }
.blancG { color:#FFF; font-weight: bold }
.rouge  {color: #9D000C}
.rougeG {color: #9D000C; font-weight: bold}
.gris	{ color:#6F6F72}
.grisG	{ color:#6F6F72; font-weight: bold}
.noir	{ color:#000}
.noirG	{ color:#000; font-weight: bold}

.cartouche		{ background-color:#9D000C; color:#EEE; padding: 3px  }

.gras  			{ font-weight: bold!important }
.grasoff		{ font-weight: normal }
.grasextra		{ font-weight: normal!important; font-weight: 900 }
.gauche  		{ text-align: left }
.droite  		{ text-align: right }
.centre  		{ text-align: center }
.justif  		{ text-align: justify }
.float-g  		{ float:left }
.float-d  		{ float:right }
.float-none		{ float: none!important }
.milieu 		{ vertical-align:middle }
.retour			{ clear:both }
.cadre 			{ border:1px solid #CC0000 }
.curseur 		{ cursor: pointer }
.curseuroff		{ cursor: default }
.opaque 		{ opacity:0.3; filter:alpha(opacity=30); -moz-opacity:3  }
.visible 		{ display: block; visibility: visible }
.nonvisible 		{ display:none; visibility:hidden }
.minuscule		{ text-transform:none; }
.upper			{ text-transform: uppercase; }
.minus			{ font-size: 12px; text-transform:uppercase; letter-spacing: 2px }
.expli			{ font-size: 12px; text-transform:uppercase; letter-spacing: 2px; color:#9C9A97; padding: 2% }
.alert			{ padding: 10px; background-color:#CC0000; color:#FFF; font-size: 11px; letter-spacing: 4px; text-transform: uppercase; text-align:center }
.message		{ padding: 10px; background-color:#949FAB; color:#FFF; font-size: 11px; letter-spacing: 4px; text-transform: uppercase; text-align:center }
.filet-s		{ border-bottom: 1px solid #9C9A97; margin: 3px 0 }
.filet-d		{ border-bottom: 1px dashed #9C9A97; margin: 3px 0 }

.m-top1			{ margin-top: 1%!important }
.m-top2			{ margin-top: 2%!important }
.m-top3			{ margin-top: 3%!important }
.m-top5			{ margin-top: 5%!important }
.m-top10		{ margin-top: 10%!important }

.m-left1		{ margin-left: 1%!important }
.m-left2		{ margin-left: 2%!important }
.m-left3		{ margin-left: 3%!important }
.m-left5		{ margin-left: 5%!important }
.m-left10		{ margin-left: 10%!important }

.m-topbot1		{ margin-top: 1%!important; margin-bottom: 1%!important }
.m-topbot2		{ margin-top: 2%!important; margin-bottom: 2%!important }
.m-topbot3		{ margin-top: 3%!important; margin-bottom: 3%!important }
.m-topbot5		{ margin-top: 5%!important; margin-bottom: 5%!important }
.m-topbot10		{ margin-top: 10%!important; margin-bottom: 10%!important }

.margin1		{ margin: 1%!important }
.margin2		{ margin: 2%!important }
.margin5		{ margin: 5%!important }
.margin10		{ margin: 10%!important }

.padding1		{ padding: 1%!important }
.padding2		{ padding: 2%!important }
.padding5		{ padding: 5%!important }

.l40			{ width: 40%!important; margin: auto }
.l60			{ width: 60%!important; margin: auto }
.l80			{ width: 80%!important; margin: auto }
.l100			{ width: 100%!important }
input, textarea, select { 	font-family: Sofia;	font-size: 13px;	}
.obli {  border:1px solid #9D000C }

li{ padding-bottom: 3px;  }/*list-style-image: url(/images/icon_fleche.png)*/

A span.infobulle 	{ opacity:0; transform:scale(0) rotate(-12deg); transition:all .25s; position: relative; margin-top:-22px; margin-left:-80px; color:#DDD; background-color:#9D000C;     padding: 5px 10px; font-size:14px; font-style:normal !important}
A:hover span.infobulle 	{ opacity:1;  transform:scale(1) rotate(0); }

#toppage 							{ position:fixed; background-image:url(/images/haut-page.png); height: 48px; width: 48px; right: 2%;  bottom: 2%; cursor:pointer }
#toppage:hover 						{ opacity:0.8; filter:alpha(opacity=80); -moz-opacity:8 }
@media (max-width: 768px){
#toppage							{ display:none; visibility:hidden }
}

#cookie-notice				{ position: fixed; top: 0; width: 100%; box-sizing: border-box; color: #fff; font-size: 12px; letter-spacing: 1px;  text-transform: uppercase; background-color: #627788; text-align:center; padding: 1% 10%; z-index: 99 }
#cookie-notice img			{ float: right; margin: 0 1%; width: 48px; height: auto; cursor: pointer }


@font-face {
    font-family: 'Sofia';
    src: url('/fonts/SofiaProBold.eot');
    src: url('/fonts/SofiaProBold.eot?#iefix') format('embedded-opentype'), url('/fonts/SofiaProBold.woff') format('woff'), url('/fonts/SofiaProBold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Sofia';
    src: url('/fonts/SofiaProExtraLight.eot');
    src: url('/fonts/SofiaProExtraLight.eot?#iefix') format('embedded-opentype'), url('/fonts/SofiaProExtraLight.woff') format('woff'), url('/fonts/SofiaProExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'Sofia';
    src: url('/fonts/SofiaProBold-Italic.eot');
    src: url('/fonts/SofiaProBold-Italic.eot?#iefix') format('embedded-opentype'), url('/fonts/SofiaProBold-Italic.woff') format('woff'), url('/fonts/SofiaProBold-Italic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Sofia';
    src: url('/fonts/SofiaProRegular.eot');
    src: url('/fonts/SofiaProRegular.eot?#iefix') format('embedded-opentype'), url('/fonts/SofiaProRegular.woff') format('woff'), url('/fonts/SofiaProRegular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Sofia';
    src: url('/fonts/SofiaProMedium-Italic.eot');
    src: url('/fonts/SofiaProMedium-Italic.eot?#iefix') format('embedded-opentype'), url('/fonts/SofiaProMedium-Italic.woff') format('woff'), url('/fonts/SofiaProMedium-Italic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Sofia';
    src: url('/fonts/SofiaProExtraLight-Italic.eot');
    src: url('/fonts/SofiaProExtraLight-Italic.eot?#iefix') format('embedded-opentype'), url('/fonts/SofiaProExtraLight-Italic.woff') format('woff'), url('/fonts/SofiaProExtraLight-Italic.ttf') format('truetype');
    font-weight: 200;
    font-style: italic;
}

@font-face {
    font-family: 'Sofia';
    src: url('/fonts/SofiaProMedium.eot');
    src: url('/fonts/SofiaProMedium.eot?#iefix') format('embedded-opentype'), url('/fonts/SofiaProMedium.woff') format('woff'), url('/fonts/SofiaProMedium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Sofia';
    src: url('/fonts/SofiaProUltraLight-Italic.eot');
    src: url('/fonts/SofiaProUltraLight-Italic.eot?#iefix') format('embedded-opentype'), url('/fonts/SofiaProUltraLight-Italic.woff') format('woff'), url('/fonts/SofiaProUltraLight-Italic.ttf') format('truetype');
    font-weight: 200;
    font-style: italic;
}

@font-face {
    font-family: 'Sofia';
    src: url('/fonts/SofiaProLight-Italic.eot');
    src: url('/fonts/SofiaProLight-Italic.eot?#iefix') format('embedded-opentype'), url('/fonts/SofiaProLight-Italic.woff') format('woff'), url('/fonts/SofiaProLight-Italic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Sofia';
    src: url('/fonts/SofiaProBlack.eot');
    src: url('/fonts/SofiaProBlack.eot?#iefix') format('embedded-opentype'), url('/fonts/SofiaProBlack.woff') format('woff'), url('/fonts/SofiaProBlack.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Sofia';
    src: url('/fonts/SofiaProUltraLight.eot');
    src: url('/fonts/SofiaProUltraLight.eot?#iefix') format('embedded-opentype'), url('/fonts/SofiaProUltraLight.woff') format('woff'), url('/fonts/SofiaProUltraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'Sofia';
    src: url('/fonts/SofiaProBlack-Italic.eot');
    src: url('/fonts/SofiaProBlack-Italic.eot?#iefix') format('embedded-opentype'), url('/fonts/SofiaProBlack-Italic.woff') format('woff'), url('/fonts/SofiaProBlack-Italic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'Sofia Semi';
    src: url('/fonts/SofiaProSemiBold-Italic.eot');
    src: url('/fonts/SofiaProSemiBold-Italic.eot?#iefix') format('embedded-opentype'), url('/fonts/SofiaProSemiBold-Italic.woff') format('woff'), url('/fonts/SofiaProSemiBold-Italic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: 'Sofia';
    src: url('/fonts/SofiaProLight.eot');
    src: url('/fonts/SofiaProLight.eot?#iefix') format('embedded-opentype'), url('/fonts/SofiaProLight.woff') format('woff'), url('/fonts/SofiaProLight.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Sofia Semi';
    src: url('/fonts/SofiaProSemiBold.eot');
    src: url('/fonts/SofiaProSemiBold.eot?#iefix') format('embedded-opentype'), url('/fonts/SofiaProSemiBold.woff') format('woff'), url('/fonts/SofiaProSemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Sofia';
    src: url('/fonts/SofiaProRegular-Italic.eot');
    src: url('/fonts/SofiaProRegular-Italic.eot?#iefix') format('embedded-opentype'), url('/fonts/SofiaProRegular-Italic.woff') format('woff'), url('/fonts/SofiaProRegular-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}
@font-face {
    font-family: 'yanone_regular';
    src: url('/fonts/yanonekaffeesatz-regular-webfont.eot');
    src: url('/fonts/yanonekaffeesatz-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/yanonekaffeesatz-regular-webfont.woff') format('woff'),
         url('/fonts/yanonekaffeesatz-regular-webfont.svg#yanone_kaffeesatzregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
	font-family: 'yanone_thin';
    src: url('/fonts/yanonekaffeesatz-thin-webfont.eot');
    src: url('/fonts/yanonekaffeesatz-thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/yanonekaffeesatz-thin-webfont.woff') format('woff'),
         url('/fonts/yanonekaffeesatz-thin-webfont.svg#yanone_kaffeesatzthin') format('svg');
    font-weight: normal;
    font-style: normal;
}