@font-face {
	font-family: "Mic32";
	src: url("../fonts/Mic32/Mic32New-Regular.otf") format("opentype");
}
@font-face {
	font-family: "Mic32";
	font-weight: bold;
	src: url("../fonts/Mic32/Mic32New-Bold.otf") format("opentype");
}

html { 
	font-size: 100%; /* IE hack */
	background: no-repeat url("../images/Fond_Sesamets.jpg");
	background-attachment: fixed;
 } 

body {
	font-size: 62.5%;
	color: #444444;
	background-color: transparent !important;
    -webkit-animation: fadein 0.25s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 0.25s; /* Firefox < 16 */
        -ms-animation: fadein 0.25s; /* Internet Explorer */
         -o-animation: fadein 0.25s; /* Opera < 12.1 */
            animation: fadein 0.25s;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

* {
	font-family: calibri, arial, helvetica, sans-serif;
	margin:0; 
	padding:0;
}
		
table, th, td, input, select { font-size: 100%; } /* IE hack */

a { color:#097182; text-decoration:none;  }
a:hover { color:#000;}
a img { border:0;}

/* Heading */
h1 { font-size:1.7em; }	
h2 { font-size:1.5em;}
h4 { font-size:1.05em;}
h5 { font-size:1.05em; }
h6 { font-size:.95em; }

/* Form */
form { display:inline;}
label { color:#444; font-weight:bold; }
button { vertical-align:middle; }

hr { height:0; margin:8px 0; overflow:hidden; }
.nowrap { white-space:nowrap; }
:focus { outline: 0; }
.bold { font-weight:bold; }

.btn-primary,
.list-group-item.active {
	background-color: #005ca9 !important;
	border-color: #005ca9 !important;
}

.btn-primary:hover {
	background-color: #004782 !important;
}