body {background:#abb6c0 url(img/body-background.gif) 0 0 repeat-x;font-family:Arial, Sans-serif;padding:0;margin:0;font-family:Arial, Verdana, Sans-serif;}

/* ------------------------------------------------------------------------------------------------------ */
/* =wrapper
--------------------------------------------------------------------------------------------------------- */
.wrapper {background:#fff url(img/wrapper-background.jpg) 0 0 no-repeat;width:960px; position:relative;margin:0 auto;}
.wrapper strong {color:#073081;}
.wrapper span.ubi {color:#c1022c;}

/* ------------------------------------------------------------------------------------------------------ */
/* =header
--------------------------------------------------------------------------------------------------------- */
#header {background:url(img/bg-wrapper.jpg) center top no-repeat;text-indent:-5000px;height:200px;position:relative;}
#header *{margin:0;padding:0;}
#header .branding{background:url(img/title-home.gif) 0 0 no-repeat;width:560px;height:25px;position:absolute;right:0;bottom:10px;}
#header a{text-indent:-5000px;width:355px;height:150px;background:transparent;position:absolute;top:20px;left:20px;overflow:hidden;}

/* ------------------------------------------------------------------------------------------------------ */
/* =content
--------------------------------------------------------------------------------------------------------- */
#content {position:relative;width:960px;margin:0 auto;background:url(img/bg-content.jpg) center top repeat-y;font-size:13px;}
#content a{color:#073081;}
#content a:hover{color:#c1022c;}


/* ------------------------------------------------------------------------------------------------------ */
/* =forums-links
--------------------------------------------------------------------------------------------------------- */
#forums-links {width:400px;float:left;margin-top:15px;}
#forums-links ul {list-style:none;margin:0;padding:0;}
#forums-links ul li {width:355px;height:154px;text-indent:-5000px;position:relative;left:25px;float:left;clear:both;}
#forums-links ul li a {position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;}
#forums-links ul li.mexique{background:url(img/lien-mexique.png) 0 0 no-repeat;padding-bottom:15px;border-bottom:1px solid #999;}
#forums-links ul li.medallia{background:url(img/lien-medallia.png) 0 0 no-repeat;margin-top:15px;}


/*--------------------------------------------main------------------------------------------------------ */
#main {position:relative;margin:0 auto;background:url(img/bg-main.jpg) center top no-repeat;width:550px;float:left;line-height:1.3;}
#main h3 {color:#c1022c;}
#main h4 {color:#073081;margin-top:10px;}
#main ul {list-style:none;line-height:2;padding:0;margin:10px 0;}
#main ul li {padding-left:10px;background:url(img/puce.gif) 0 50% no-repeat;position:relative;}
#main p#law {margin-top:20px;text-align:justify;font-size:12px;}

/* ------------------------------------------------------------------------------------------------------ */
/* =vcard
--------------------------------------------------------------------------------------------------------- */
#content .vcard{width:560px;float:left;margin-top:15px;padding-top:15px;color:#073081;font-size:12px;border-top:1px solid #c1022c;}
#content .vcard h2{display:none;}
#content .org {font-weight:bold;display:block;}
#content .country-name, 
#content .type, 
#content .geo {display:none;}
#content .title {display:block;margin-bottom:10px;}
#content .url {display:block;}
#content .url a{font-weight:bold;font-size:14px;}


/* ------------------------------------------------------------------------------------------------------ */
/* =footer
--------------------------------------------------------------------------------------------------------- */
#footer {width:960px;margin:0 auto;color:#073081;font-size:12px;height:80px;background:#e8e8e8 url(img/footer-background.gif) 0 0 no-repeat;}
#footer h2 {display:none;}
#footer a{color:#073081;}
#footer a:hover{color:#c1022c;}
#footer ul{list-style:none;margin:0;padding:0;clear:both;text-align:center;padding:0;position:relative;padding-top:35px;}
#footer ul li{display:inline;}
#footer ul li.ss3i a{text-decoration:none;}

hr {display:none;}

/*  
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, .wrapper {height: 100%;}

body > .wrapper {height: auto; min-height: 100%;}

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

#footer {position: relative;
	margin-top: -80px; /* negative value of footer height */
	height: 80px;
	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 */