/* This CSS Stylesheet was not created by DaddyScripts */
/* nor does it belong to DaddyScripts. 		      */

/* GLOBAL ELEMENTS */
html,body {
   margin: 0; padding: 0;
   background: #333333;
   font-size: 100%;
   font-family: "trebuchet ms", arial, verdana;
	color: #444;
	width:100%;
   text-align: center;
}
a {
   color: #006699;
   text-decoration:none; 
}
a:hover {
   text-decoration: underline;
}
p {
   color: #444;
   line-height: 170%; margin: 5px 0;
}
p, td, th, ul {
   font-size: 18px;
}

ul {
 padding:0;
 margin:0;
 list-style-type:none;
 margin-top: 6px;
 margin-bottom: 48px;
 }
li {
 margin-left:120px;
 float:left; /*pour IE*/
 }
ul li a {
 display:block;
 float:left;   
 width:100px;
 background-color:#e3e3e3;
 color:#006699;
 text-decoration:none;
 text-align:center;
 padding:5px;
 border:2px solid;
 /*pour avoir un effet "outset" avec IE :*/
 border:1px solid #aaaaaa;
 }
ul li a:hover {
 background-color:#d1d1d1;
 }

#header {
   width: 765px;
}

/* LAYOUT */
#wrapper {
   width: 805px;
   margin: 0 auto 0 auto;
   text-align: left;
}

#content {
   float:right;
   width:826px;
   background: #fff;
   border-top: 3px solid #006699;
   border-bottom: 3px solid #006699;
   padding: 0 0 30px 0;
}

#contente {
   float:left;
   width:166px;
   background: #fff;
   border-top: 3px solid #006699;
   border-bottom: 3px solid #006699;
   padding: 10px 0 10px 0;
}

#contentes {
   float:right;
   width:306px;
   background: #fff;
   border-top: 3px solid #006699;
   border-bottom: 3px solid #006699;
   margin-left: 4px;
   padding: 10px 0 10px 0;
}

#subButton {
   background: #eee;
   font-weight:bold;
   font-weight: 800;
   color:#444;
   border: 1px solid #006699;
   padding: 10px;
}

#centre {
   margin: 22px 0 0 204px;
}

/* ELEMENTS */
h1 {
   font: 110% "trebuchet ms";
   color: #990000;
}
h1 span { color: #6BAD42; }
h1 a { color: #990000; }
h1 a:hover { color: #6BAD42;  text-decoration: none;}
h1 a:hover span { color: #FFF;}
h2 {
   font: bold 100% arial, verdana, sans-serif;
   color: #3B578B;
}
h3 {
   font-size: 18px;
   color: #3B578B;
   text-align: center;
}

h4 {
   font: bold 200% arial, verdana, sans-serif;
   color: #3B578B;
   text-align: center;
}

#footer{
position:fixed;
bottom:0;
left:0;
height:26px;
width:100%;
color: #444444;
background: #ffffff;
border: 1px solid #2d5a8d;
font: bold 80% arial, verdana, sans-serif;
}

#nav li {
   padding: 0 5px 0 5px;
   display: inline;
   border-left: 1px solid #ccc;
}
.left {
   float: left;
}

/* TABLES USED IN COOKIE MANAGEMENT / EDIT BROWSER PAGES */
table {
   border-color: #666;
   border-width: 0 0 1px 1px;
   border-style: solid;
   width: 100%;
}
th {
   font-size: normal;
   background: #ccc;
   border-width: 2px;
}
td, th {
   border-color: #666;
   border-width: 1px 1px 0 0;
   border-style: solid;
   padding: 3px 10px 3px 10px;
   font-size: 17px;
}
td {background: #eee;}
.full-width {
   width: 98%;
}

.notice {
    background: #FFF6BF;
    color: #817134;
    border-color: #FFD324;
}

.success {

  background: #E6EFC2;
  color: #529214;
  border-color: #C6D880;
  height: 22px;
  margin-bottom : 10px;
  text-align : center;
}

.error {
  background: #FBE3E4; 
  color: #D12F19; 
  border-color: #FBC2C4;
  height: 22px;
  margin-bottom : 10px;
  text-align : center;
}

.ranter {
  width: 1920px;
  text-align : center;
}

.rant {
  margin : 200px 0 0 0;
  float : left;
}

.ranti {
  margin : 200px 0 0 0;
  float : right;
}

.valid {
  float : right;
}

#email {
  display: none;
}

#imgId {
    /* Set the width dynamically depending on the width of the browser window */
    width:100%;
    /* dont enlarge the image more, than its initial resolution */
    max-width:700px;
    max-height:autopx;
    /* Set the height dynamically depending on the image's current width, keeping the aspect ratio */
    height:auto;
}

.trusted {
    border: 3px dashed #333;
    background-color: #e3e3e3;
    margin-left: 1px;
    width: 99%;
}

.button {
    border: 1px solid #333;
    background-color: #e3e3e3;
    margin-top: 20px;
    padding: 5px;
    width: 160px;
	font-size: 22px;
}

.trusters{background-color:#ffffff;border-top:1px solid #006699;color:#008800;text-align:center;font-size:14pt;font-weight:bold;margin-top:20px;padding-top:10px}
.trusters a{color:#008800;text-align:center;font-size:13pt;font-weight:bold;margin-top:5px}

.halloween:before{content:"\f6e2"; font-family:FontAwesome; font-style:normal; font-weight: normal;}
.blackfriday:before{content:"\f06b"; font-family:FontAwesome; font-style:normal; font-weight: normal;}