@charset "utf-8";

/* Sticky Footer */
/* sticky-footer.css */

/*  
Sticky Footer Solution
by Steve Hatcher 
http://stever.ca
http://www.cssstickyfooter.com
*/

* {margin:0;padding:0;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body, #wrap {height: 100%;}

body > #wrap {height: auto; min-height: 100%;}

#main {padding-bottom: 150px;}  /* must be same height as the footer */

#footer {position: relative;
    margin-top: -150px; /* negative value of footer height */
    height: 150px;
    clear:both;} 

/* CLEAR FIX*/
.clearfix:after {content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* End of Sticky Footer */

/* IMPORTANT - Vous devez changer le path vers l'image pour les CSS3 Buttons si elle n'est pas dans %WEBROOT%/images */

body {
	background-image: url('/images/bg.jpg');
	background-repeat: repeat-x;
	background-position: top;
}

iframe#framecnd {
	width: 950px;
	height: 100%;
}

a:link, a:visited {
	color: #005773;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

div#x-menu a.activelink:link, div#x-menu a.activelink:visited, div#x-menu-page a.activelink:link, div#x-menu-page a.activelink:visited {
	color: #87b9dd;
	text-decoration: none;
}

div#x-header {
	background-color: #373535;
	border-bottom: 1px solid #FFF;
}

div#x-header.pageheader {
	position: absolute;
	z-index: 15;
	width: 100%;
}

div#wrap {
	background-image: url('/images/white.png');
	background-repeat: repeat-y;
	background-position: top center;
}

div#x-global-container {
	background-color: #FFF;
}

div#x-menu {
	height: 40px;
	line-height: 40px;
	color: #FFF;
	text-align: center;
	font-family: 'Nunito', sans-serif;
	font-size: 145%;
}

div#x-menu-page {
	height: 40px;
	line-height: 40px;
	color: #FFF;
	text-align: right;
	font-family: 'Nunito', sans-serif;
	font-size: 145%;
}

div#x-menu a:link, div#x-menu a:visited, div#x-menu-page a:link, div#x-menu-page a:visited {
	color: #FFF;
	text-decoration: none;
}

div#x-menu a:hover, div#x-menu-page a:hover {
	color: #87b9dd;
}

div#x-logo-holder {
	text-align: center;
}

span.x-title {
	font-size: 135%;
	font-weight: bold;
}

div#x-welcome {
	font-family: 'Candal';
	font-size: 185%;
	text-align: center;
}

div#x-image-holder {
	width: 950px;
	height: 325px;
	-webkit-box-shadow: 0px 0px 15px 1px #2b5675;
	-moz-box-shadow: 0px 0px 15px 1px #2b5675;
	box-shadow: 0px 0px 15px 1px #2b5675;
}

div#x-image-holder img {
	width: 950px;
	height: 325px;
}

div#fadeblock {
	position: relative;
	z-index: 1;
}

div#x-pagelogo {
	position: absolute;
	z-index: 5;
	background-color: #FFF;
	height: 140px;
	width: 280px;
	text-align: center;
	padding-top: 10px;
	-webkit-border-bottom-right-radius: 15px;
	-webkit-border-bottom-left-radius: 15px;
	-moz-border-radius-bottomright: 15px;
	-moz-border-radius-bottomleft: 15px;
	border-bottom-right-radius: 15px;
	border-bottom-left-radius: 15px;
	-webkit-box-shadow: 0px 0px 16px 0px #000000;
	-moz-box-shadow: 0px 0px 16px 0px #000000;
	box-shadow: 0px 0px 16px 0px #000000;
}

div#x-photoholder {
	-webkit-box-shadow: 0px 0px 16px 0px #000000;
	-moz-box-shadow: 0px 0px 16px 0px #000000;
	box-shadow: 0px 0px 16px 0px #000000;
	width: 950px;
	height: 325px;
	padding: 0;
	margin: 0;
	overflow: hidden;
}

div#x-photoholder img {
	width: 950px;
	height: 325px;
	padding: 0;
	margin: 0;
}

table#x-contact-table {
	padding: 0;
	margin: 0;
}

table#x-contact-table tbody tr:nth-child(even) td, table#x-contact-table tbody tr.even td {
	background: transparent;
}

table#x-contact-table tr td {
	padding: 0;
	margin: 0;
}

.vtop {
	vertical-align: top;
}

h2.h-green {
	background-color: #457700;
	display: block;
	color: #FFF;
	font-family: 'Candal';
	padding: 0 10px 0 10px;
}

h2.h-blue {
	background-color: #127f8f;
	display: block;
	color: #FFF;
	font-family: 'Candal';
	padding: 0 10px 0 10px;
}

.centerize {
	text-align: center;
}

.x-resbox {
	width: 300px;
	margin: 0 auto;
}

div#footer.x-footer-pageoverride {
	-webkit-box-shadow: 0px -1px 5px 1px #b5b5b5;
	-moz-box-shadow: 0px -1px 5px 1px #b5b5b5;
	box-shadow: 0px -1px 5px 1px #b5b5b5;
	font-size: 85%;
	background-color: #eeeeee;
}

div#footer.x-footer-mainoverride {
	background-color: #eeeeee;
	position: relative;
    margin-top: -40px; /* negative value of footer height */
    height: 40px;
    clear:both;
	-webkit-box-shadow: 0px -1px 5px 1px #b5b5b5;
	-moz-box-shadow: 0px -1px 5px 1px #b5b5b5;
	box-shadow: 0px -1px 5px 1px #b5b5b5;
	line-height: 40px;
	font-size: 85%;
	font-weight: bold;
	text-align: center;
}

div#main.x-main-mainoverride {
	padding-bottom: 40px;
}
/* CSS3 Buttons */
.awesome, .awesome:visited {
	background: #222 url(/images/alert-overlay.png) repeat-x; 
	display: inline-block; 
	padding: 5px 10px 6px; 
	color: #fff; 
	text-decoration: none;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
}
 
.awesome:hover 									{ background-color: #111; color: #fff; }
.awesome:active									{ top: 1px; }
.small.awesome, .small.awesome:visited 			{ font-size: 11px; padding: ; }
.awesome, .awesome:visited,
.medium.awesome, .medium.awesome:visited 		{ font-size: 13px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }
.large.awesome, .large.awesome:visited 			{ font-size: 14px; padding: 8px 14px 9px; }
.green.awesome, .green.awesome:visited			{ background-color: #91bd09; }
.green.awesome:hover							{ background-color: #749a02; }
.blue.awesome, .blue.awesome:visited			{ background-color: #2daebf; }
.blue.awesome:hover								{ background-color: #007d9a; }
.red.awesome, .red.awesome:visited				{ background-color: #e33100; }
.red.awesome:hover								{ background-color: #872300; }
.magenta.awesome, .magenta.awesome:visited		{ background-color: #a9014b; }
.magenta.awesome:hover							{ background-color: #630030; }
.orange.awesome, .orange.awesome:visited		{ background-color: #ff5c00; }
.orange.awesome:hover							{ background-color: #d45500; }
.yellow.awesome, .yellow.awesome:visited		{ background-color: #ffb515; }
.yellow.awesome:hover							{ background-color: #fc9200; }
/* End of CSS3 Buttons */