html { background-color: #000000; padding: 15px 0px; }
.content { background-color: #FFFFFF; padding: 15px 25px; }
.content .footer { text-align: center; margin-top: 25px; padding-top: 10px; 
  border-top: 1px dashed #CCCCCC; color: #666666; }
.sidebar { text-align: right; }

h1, h2, p, ul { margin-bottom: 15px; }
h1, h2 { text-align: center; }
h1 { font-size: 227%; font-weight: bold; font-family: Verdana; color: #CC0000; }
h2 { font-size: 169.3%; font-weight: bold; color: #CC0000; }
h2.black {color: #000000;}
h3 { font-size: 123.1%; font-weight: bold; }
p, ul, th, td, blockquote { font-size: 108%; line-height: 120%; }
ul { margin-left: 25px; }
li { margin-bottom: 5px; list-style-type: square;  }
h1 em, h2 em { font-weight: bold; font-style: italic; }
em { font-style: italic; }
strong { font-weight: bold; }
blockquote { margin-left: 25px; margin-bottom: 15px; }

.left { float: left; }
.right { float: right; }
.center { text-align: center; }
.clear { clear: both; }
* html .clear {height: 1%;}

p.note { margin-left: 25px; margin-right: 25px; font-style: italic; }
p.message { font-weight: bold; font-style: italic; text-align: center; }
p.last { margin-bottom: 0px; }
  
th span.hint { font-weight: normal; }
span.quote {color: #0000FF; font-weight: bold; font-size: 123.1%; }

div.image { text-align: center; margin: 25px 0px 15px; }
div.image div.caption { font-size: 93%; font-weight: bold; margin-top: 10px; }

div.video { text-align: center; margin: 25px 0px 15px; }
div.video object { margin: 0 auto; }

.box { background-color: #FFFFCC; border: 4px solid #660000; margin: 15px 25px; padding: 15px; }
.box ul { margin-left: 15px; }
.box li { margin-bottom: 10px; }

.order-box { border: 4px dashed black; margin: 25px 75px 15px; padding: 10px 15px 15px; }

.navigation { padding: 15px 0px; border-top: 1px solid #808080; }
.navigation-home { border-top: none; }
.navigation h4 { font: bold 108% verdana; color: #FFFFFF; }
.navigation h4 a { color: #FFFFFF; }
.navigation p { font-size: 93%; color: #CCCCCC; margin-bottom: 0px; margin-top: 5px; }

#logos { margin-top: 15px; }
#logos p { color: #FFFFFF; font-size: 93%; margin-bottom: 5px; }

table.listing { border: 1px solid #CCCCCC; margin-bottom: 15px; }
table.listing th { background-color: #FFFFCC; }
table.listing th, table.listing td { padding: 5px; text-align: center; }
table.listing th.first, table.listing td.first { text-align: left; }

form { margin: 15px 0px; }
form fieldset { margin-bottom: 15px; }
form fieldset legend { font-weight: bold; margin-bottom: 15px; }
form fieldset dt { margin-bottom: 5px; text-align: left; }
form fieldset dd { margin-bottom: 5px; margin-left: 15px; text-align: left; }
form fieldset dt.optional { font-style: italic; color: #666666; }
form input, form select, form textarea { font: normal 100% arial; }
form input {  }
form textarea { width: 300px; height: 50px; }
div.submit { padding: 5px 15px; text-align: center; background-color: #F7F7F7; }

div.errorExplanation { margin: 15px 0px; padding: 10px; background-color: #FFCCCC; 
  border: 1px solid #FF0000; }
div.errorExplanation * { font-weight: normal; font-family: arial; color: black; }
div.errorExplanation h2 { font-size: 138.5%; }
div.errorExplanation ul { margin-left: 15px; margin-bottom: 0px; }
div.errorExplanation ul li { list-style-type: square; margin-bottom: 0px;  }

div.flash-notice { padding: 5px 15px; background-color: #CCFFCC;
  border: 1px solid #00FF00; margin-bottom: 15px; }
div.flash-warning { padding: 5px 15px; background-color: #FFCCCC;
  border: 1px solid #FF0000; margin-bottom: 15px; }

/* Style for white block on sidebar*/

.moduletable {
    clear: both;
    float: left;

    position: relative;
    width: 100%;
    text-align:left;
}
.encart, .encart-gris {
    background-color: #FFFFFF;
    margin: 0px 0px 0px -35px;
    padding: 0 15px 10px;
    width: 169px;
}



.encart h3 {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: url("../images/mod-titre.jpg") no-repeat scroll left top #F7F7F7;
    border-color: #FFFFFF #FFFFFF #DEDFE0;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    color: #333333;
    display: block;
    font-size: 12px;
    height: 40px;
    line-height: 38px;
    margin: 0 -15px 10px;
    position: relative;
    text-indent: 45px;

}

.encart ul, .encart-gris ul, .encart-top ul {
    padding: 0px;
    margin: 0px 0px 0px 3px;
    font-size:13px;
}

.encart li, .encart-gris li, .encart-top li {
    list-style-image: url("../images/triangle-mini-right.png");
    list-style-position: outside;
    padding: 0px;
    margin:0px 0px 0px 15px;
}


.encart hr, .encart-gris hr, .encart-top hr {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-color: -moz-use-text-color -moz-use-text-color #EEEFEF;
    border-image: none;
    border-style: none none solid;
    border-width: 0 0 1px;
    height: 1px;
    margin: 10px -15px;
}

.encart big, .encart-gris big, .encart-top big {
    color: #333333;
    display: inline;
    font-size: 15px;
    font-weight: bold;
}

.encart a.link, .encart-gris a.link, .encart-top a.link {

    clear: both;
    color: #333333;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    line-height: 25px;
    position: relative;
    width: 100%;
}

.icon {

    position:absolute;
    width:30px;
    height:25px;
    line-height: 25px;
    top:2px;
    left:145px;
    background: url("../images/mod-btn.jpg") no-repeat scroll right center rgba(0, 0, 0, 0);
}

.home-buttons {
	width: calc(100% - 40px);
	display: block;
}
.home-buttons .button {
	width: 100%;
	margin: 10px 0;
	display: block;
	float: left;
	padding: 10px 20px;
	background-color: #84c084;
	color: #333;
	text-decoration: none;
	font-size: 18px;
	line-height: 18px;
	font-weight: 700;
}

.home-buttons .button:hover {
	background-color: #cbf8c0;
	color: #333;
}