/************************
* Layout général
* ***********************/
body {
  background:#343434 url(/images/bgsite.png) left top no-repeat;
  font-family:"Carlson pro","Lucida grande","Arial","sans";

}
#bd {
  margin:40px 20px 20px 20px;
  min-height:600px;
  padding:1em;
  background:#5b5b5b;
  border-radius:5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  color:#eee;
}
#bd.actu {
  padding:0;
  background:transparent;
  border-radius:none;
  -moz-border-radius:none;
  -webkit-border-radius:none;  
}  
#breadcrumb {
  margin:0 0 0.8em 0;
}
#ft {
  font-size:10px;
  background:#484848;
  padding:.4em 1em;
  color:#ccc;
  margin:0 20px 20px 20px;
  border-radius:5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;  
  overflow:hidden;
}
#ft .imgleft {
  position:absolute;
  z-index:3000;
  margin:-10px 10px 0 0;
  display:block;

}
#ft p {
  margin:0 0 0 220px;
  border-left:1px solid #999;  
  padding:0 0 0 20px;
}
#ft a {
  color:#999;
  margin:0.4em 0;
  text-decoration:none;
}
#homelink{
  display:block;
  text-align:center;
  
}
#hd h2 a{
  display:block;
  text-align:left;
  color:#fff;
  font-size:12px;
  letter-spacing:0.09em;
  background:url(/images/logo_website.png) left top no-repeat;
  text-decoration:none;
  padding:60px 0 0 20px;
}
#bd h1 {
  font-size:22px;
  background:#8c8c8c;
  color:#fff;
  text-align:left;
  padding:5px 20px;
  border-radius:4px;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;  
  font-family:arial;
  font-weight:normal;
  margin:1em 0;
  letter-spacing:0.06em;
  font-style:italic;
}
#home ul {
  list-style-type:disc;
/*  list-style-image:url(/images/li.png);*/
  line-height:1.4em;
}
#home em {
  font-size:120%;
  color:#f60 !important;
  font-style:normal;
}
#home li {
  padding:0 0 1.5em 0;
}
#nav ul {
  padding:30px 20px 0 0;
}
#nav li {
  float:right;
  list-style:none;
}
#nav li a {
  display:block;
  width:7.5em;
  background:#1e1e1e;
  border:1px solid #444;
  text-decoration:none;
  color:#ddd;
  padding:.5em;
  margin:.2em 0 .2em .4em;
  font-size:13px;
  border-radius:4px;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;  
  text-align:center;
}
#nav li a:hover {
  color:#fff;
  border:1px solid #f60;
}
.minifauxbutton , .fauxbutton {
  display:block;
  margin:.5em 2em;
  padding:.5em;
  border-radius:15px;
  -moz-border-radius:15px;
  -webkit-border-radius:15px;  
  color:#ccc;
  border:1px solid #aaa;
  background:#1e1e1e;
  text-align:center;
  font-weight:bold;
  font-size:14px;
  text-decoration:none;
}
.minifauxbutton {
  margin:.5em 1em;
  font-size:10px;
  background:#343434;
  border:1px solid #888;
}
.minifauxbutton:hover .fauxbutton:hover {
  color:#fff;
  border:1px solid #f60;
}
.padded {
  margin-top:25px;
  margin-bottom:20px;  
}
.success.padded {
  padding:1em;
}
.buttonlist li a {
  border-radius:10px;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;  
  display:block;
  background:#5b5b5b url(/images/large_button.png) left top no-repeat;
  padding:0 0 0 50px;
  margin:0 0 20px 0;
  height:23px;
  line-height:23px;
  font-size:12px;
  color:#ccc;
  font-weight:normal;
  text-decoration:none;
}
.buttonlist a small {
  color:#5c5;
  font-size:8px;
  margin:0 5px;
}
.buttonlist li a:hover {
  background:#1c1c1c url(/images/large_button.png) left -23px no-repeat;
}
.buttonlist li a span {
  display:block;
  float:right;
  margin:0 10px 0 0;
  line-height:23px;
  color:#fff;
}

/* ======== */
/* = Tags = */
/* ======== */
strong {
  font-weight:bold;
  color:#fff;
}
legend {
  color:#fff;
}

em {
  font-style:italic;
  color:#fff;
}

h3 {
  font-size:22px;
}
h4 {
  font-weight:normal;
  font-size:14px;
}
h5 {
  font-weight:bold;
  font-size:12px;
}
h6 {
  font-weight:bold;  
  font-size:11px;
  padding-top:6px;
}
/* ======================================= */
/* = Redéfinition de balises par ID = */
/* ======================================= */

 #tooltip {
	background: transparent url(/images/formerror.png) left top no-repeat;
	padding: 5px 5px 5px 14px;
  max-width:20em;
  _width:20em;
  text-align:left;
}
#tooltip h3 {
  background:transparent;
  text-decoration:none;
  font-size:100%;
  color:#a00;
}

 #ft .ff {
   margin-top:.8em;
 }
 /* ======================= */
/* = Block related stuff = */
/* ======================= */

.content_body ul {
  margin:10px 0;
}
.content_body li {
  list-style-type:none;
  background:transparent url(/images/li.png) left 3px no-repeat;
  margin-left:10px;
  padding-left:20px;
  line-height:25px;
}

h2,h3,h4,h5 {
  font-weight:bold;
}
.content h3 {
  margin-top:20px;
  padding-bottom:.5em;
  color:#3AB8FF;
}
.content p {
  padding-bottom:.5em;
}
.leftcontent p {
  padding-top:20px;
  padding-bottom:1em;
  color:#ccc;
  font-size:11px;
}
.content h4 {
  padding-bottom:0.3em;
  color:#f60;
}
.content ul {
  padding:.5em 0;
}
.content li {
  margin-left:1em;
  list-style:disc;
}
.content strong, .left_content strong {
  color:#ff6;
  font-weight:bold;
}
/* =========== */
/* = Classes = */
/* =========== */
li.selected {
  font-weight:bold;
}
#doc-custom h2.content_title {
font-size:108%;
font-variant:small-caps;
padding:0.5em 0 0.3em 0;
background:transparent url(/images/headline_underline.png) left bottom no-repeat;
letter-spacing:0.15em;
}
.content_header, .content_body {
  font-size:93%;
}

/* bannière verticale */
.vbannered {
  line-height:20px;  
  background:transparent url(/images/vbanner.png) left bottom no-repeat;
  padding:0 0 0 100px;
  _height:500px;
  min-height:500px;
}
.content_body .plain {
  color:#fff;
  text-align:justify;
}
.content_body span.note {
  color:#fff;
}
.content_body p.error {
  margin-left:0;
}
#formcontainer {
  font-size:85%;
}
span.numtel {
  color:#fff;
}
.imgleft {
  float:left;
  margin-right:5px;
}
.imgright {
  float:right;
  margin-left:5px;
}

.centered {
  text-align:center;
}
.centered img {
  display:inline;
}
.price {
  float:right;
  font-size:180%;
  font-weight:bold;
  text-align:left;
  margin:20px;
}
.note, .footnote {
  font-size:76%;
  color:#eee;
}
.footnote {
  color:#999;
}
.footnote a {
  color:#aaa;
}
.note li {
  font-size:#eee;
  color:76%;
  margin-left:10px;
}
/* =================== */
/* = IDs spécifiques = */
/* =================== */
/* Formulaire d'inscription */
#domMessage {
  color:#fff;
  background:#000;
  border:2px solid #ccc;
  text-align:center;
  padding:20px
}
#domMessage h1 {
  padding-bottom:10px;
}

#home blockquote {
  background:transparent;  
  padding:5% 1%;
  width:45%;
  font-size:140%;
  font-style:italic;
  float:right;
  margin:0;
}
#home h4 {
  text-align:center;
  margin:.5em 0 0 0;
  padding:0;
  line-height:1.2em;
}
br.clearleft {
  clear:left;
}
br.clearright {
  clear:right;
}
p.centered {
  text-align:center;
}
.white {
  color:#fff;
}
.grayed {
  color:#777;
}

/* ====================== */
/* = Menu accessibilité = */
/* ====================== */
#blindnav {
  margin:0;padding:0;
  text-align:center;
  color:#343434;
}
#blindnav a{
  color:#343434;
}

/* ====================== */
/* = Menu espace client = */
/* ====================== */
#sidenav {
  background:#383838;
  padding:1em;
  border-radius:5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;  
  padding:20px 0;
}
#sidenav li {
  font-weight:bold;
}
#sidenav li a {
  padding:10px 5px;
  display:block;
  color:#fff;
  text-decoration:none;
}
#sidenav li a:hover{
  background:#424242;
}
#sidenav li.selected a {
    background:#121212;
}

legend {
  font-weight:bold;
}
a {
  color:#ffa;
}
.light {
  background:#383838;
  padding:1em;
  border-radius:5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;  
  margin:0 0 1em 0;
}
.dark {
  background:#121212;
  padding:1em;
  border-radius:5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  margin:0 0 1em 0;
}
.dark li {
  list-style:none;  
}
.dark li ul li {
  margin-left:2em;
  padding:0 0 0 10px;
  background:transparent url(/css/themes/cupertino/images/ffffff_7x7_arrow_right.gif) left center no-repeat;
}
#bottomblocks {
  font-size:11px;
  text-align:justify;
  color:#aaa;
}
#bottomblocks div.dark {
  height:24em;
}
#bottomblocks p {
  margin:5px 0;
}
#bottomblocks div>img {
  width:100%;
  display:block;
}
#bottomblocks ul {
  margin-bottom:10px;
}
#bottomblocks li {
  font-size:11px;
  color:#ccc;
  text-align:justify;
  margin:7px 0 0 10px;
  list-style-image:url(/images/minili.png);
}
#bottomblocks h3 {
  margin-bottom:7px;
}
#bottomblocks a.minifauxbutton {
  margin-top:3em;
}
.dark h3 {
  margin:0;
  text-align:right;
  font-size:100%;
  color:#ccc;
  font-weight:bold;
}




.important {
  padding:1.8em 1em 1.8em 70px;
  min-height:30px;
  margin:2em 0;
  background:#dbdbdb url('/images/important.png') 10px 10px no-repeat;
  color:#800;
}
.important strong {
  color:#700;
}
.important a {
  color:#a00;
}
.righted {
  text-align:right;
}
.small {
  font-size:77%;
}
.flist td, .flist th {
  border-bottom:1px solid #555;
  padding:8px 20px;
}
.flistmini td, .flistmini th {
  border-bottom:1px solid #555;
  padding:4px 15px;
  font-size:10px;
}

.narrow td, .narrow th {
  padding:8px 3px;
  border-bottom:1px solid #555;
}
.faped {
  color:#f00;
  font-weight:bold;
}
/* Page accueil */
#offres {
  text-align:center;
  margin-top:-36px;
}
#offres .yui-u {
  text-align:center;
}  
#offres .yui-u div, #offre_detail .yui-u div {
  background:#565656;
  border:1px solid #aaaaaa;
  padding:.5em 1em;
  height:6em;
}
#offre_detail .yui-u div {
  height:7em;
  text-align:center;
}
#offres h4, #offre_detail h4, .head4, .head5 {
  font-size:130%;
  color:#f60 !important;
  font-weight:normal;
  font-family:arial;
  text-align:left;
}
.head5 {
  color:#3AB8FF !important;
}
.formhelp {
  float:right;
  width:20em;  
  color:#ccc;
  background:transparent url(/images/leftarrow.png) left .6em no-repeat;
  padding:.5em 0 0 1.5em;
}
.encart {
  background:#997;
  text-align:center;
  width:25em;
  margin:1em auto;
  font-weight:bold;
  color:#000;
  padding:1em;
}
.bigdownload {
  text-align:center;
  margin:2em;
  padding:4em;
  border:1px solid #444;
}
.jauge_vide {
  width:320px;
  height:36px;
  margin:0;
  padding:0;
  background:#000 url(/images/bgfap.png) left top no-repeat;
  border:1px solid #000;
}
.jauge_pleine {
    height:36px;
    margin:0;
    padding:0;
    background:#000 url(/images/bgfap_color.png) left top no-repeat;
  }
.homelist li {
  margin:0 0 1em 0;
  font-size:93%;
  padding:0 0 0 25px;
  background:url(/images/puce.png) left top no-repeat;
  text-align:justify;
}
.exergue {
  color:#c00;
  font-weight:bold;
}
li.exergue {
   background:url(/images/pucerouge.png) left top no-repeat; 
}
.all small {
  color:#aaa;
  display:block;
  margin:0 15em 0 0;
  font-size:77%;
}
.all p {
  font-style:italic;
  text-align:center;
  padding:1em 0;
}

.checkblock {
  padding:.5em 2.5em;
  margin:.5em 0;
  background:#1c2130;
  border:1px solid #1c2130;
  color:#def;
}
.checkblock[selected="selected"] {
  background:#3c4160;
  color:#fff;
  border:1px solid #5c6180;  
}
.checkblock input {
  float:left;
  display:block;
  margin:2em -2em;
}
.checkblock h4 {
  color:#fff;
  font-weight:normal;
  border-bottom:1px dotted #ccc;
  margin:0 0 1em 0;
}
.error {
  background:#f00 url(/images/icons/bullet_error.png) .2em .2em no-repeat;
  color:#fff;
  padding:.2em .2em .2em 1.5em;
}
.success {
  background:#0a0;
  color:#fff;
  padding:.2em .2em .2em .2emem;  
}


.downloadlink {
  display:block;
  text-align:left;
  border:1px solid #555;
  background:#4e4e4e url(/images/icons/download_page.png) 5px 5px no-repeat;
  padding:5px 5px 5px 30px;
  margin:5px;
  text-decoration:none;
}
.new {
  padding:0 20px 0 0;
  background:transparent url(/images/icons/new.png) right top no-repeat;
  font-weight:bold;
}

#actu {
  background:#fff;
}
#actu > * {
  color:#444;
}
#actu a {
  color:#0096f2;
}
#actu h3 {
  padding:0;
  text-indent:-9999px;
  
  margin:0 0 20px 0;
  border-top:6px solid #a5a5a5;
  border-bottom:6px solid #a5a5a5;  
  background:#fff url(/images/header_actu.png) left top no-repeat;
  display:block;
  height:38px;
}
#actu h3 em {
  display:block;
  text-align:right;
  text-indent:0;
  color:#444;
  padding:20px 10px 0 10px;
  font-size:14px;
}

#actu > ul > li > * {
  padding:0 20px 0 50px;
  background:#fff;
}
#actu > ul > li {
  background:transparent;
  list-style:none;
  padding-bottom:70px;
} 
#actu > ul > li > h4 {
  padding:0;
  margin-left:-12px;
  margin-right:-12px;
  background:#ccc url(/images/header_post.png) left top no-repeat;
  height:61px;
}
#actu > ul > li > h4 a {
  height:61px;
  font-style:normal;
  text-decoration:none;
  color:#037ac3;
  font-weight:bolder;
  letter-spacing:-0.05em;
  font-family:arial;
  font-variant:small-caps;
  font-size:20px;
  display:block;
  margin:0 0 0 60px;
  background:#fff url(/images/header_post.png) right top no-repeat;
}

#actu .date {
  display:block;
  float:left;
  width:50px;
  height:48px;
}
#actu .day {
  display:block;
  color:#000;
  text-align:center;
  font-size:25px;
  padding-top:3px;
  font-family:arial;
  font-weight:bold;
}
#actu .month {
  color:#fff;
  font-weight:normal;
  font-variant:small-caps;
  display:block;
  text-align:center;
  font-size:10px;
}
#archives {
  background:#3e3e3e;
  width:200px;
  padding:0 0 20px 0;
  margin:0;
}
#archives > * {
  padding:0 15px;
}
#archives h3 {
  border-top:4px solid #a5a5a5;
  border-bottom:4px solid #a5a5a5;  
  padding:0;
  margin:0;
  background:transparent;
}
#archives li {
  list-style:none;
  text-align:right;
}
#archives a {
  text-decoration:none;
  font-variant:small-caps;
  font-size:11px;
  letter-spacing:.2em;
  color:#0096f2;
  display:block;
}
#archives a:hover {
  letter-spacing:.3em;
  color:#00b6ff;
  background:#454545;
}
#archives h4 {
  padding:10px 15px 0 0;
  text-align:right;
  letter-spacing:.4em;
}
#actu a.download { 
  display:block;
  text-align:right;
  padding:10px 60px 0 0;
}
#syndication {
  padding:2em 0;

}
#syndication a {
  display:block;

  text-align:center;
  padding:0 0 1em 0;
}

#offrescontainerout {
  height:357px;
  background:#000 url(/images/bgoffres.jpg) center top no-repeat;
  border:1px solid #000;
  margin:20px auto 0 auto;
}
#homecontainer {
  min-height:347px;
  _height:347px;
  background:#000 url(/images/bghome.jpg) left top no-repeat;
  border:1px solid #000;
  margin:20px 0 0 0;
  padding:5px 5px 5px 280px;
  overflow:hidden;
}
#offrescontainer .blocgauche {
  float:left;  
  padding:10px 10px 0 10px; 
  width:45%;
}
#offrescontainer .blocdroite {
  float:right;  
  width:40%;
  padding:10px 10px 0 10px; 
}
#offrescontainer h1, #homecontainer h1 {
  background:none;
  font-weight:100;
  font-size:24px;
  color:#fff;
  margin:0;
  padding:10px 0 0 10px;
  text-align:left;

}
#offrescontainer p {
  padding:0 0 10px 0; 
  margin:0;
  font-size:11px;
  color:#ccc;  
}
#homecontainer ul,#offrescontainer ul {
  margin:10px 0 0 20px;
}
#homecontainer li, #offrescontainer li {
    line-height:2.5em;
    color:#03a9e5;
    list-style-image:url(/images/li.png);
}
#homecontainer strong, #homecontainer em {
  color:#f60;
}
.imgcenter {
  position:absolute;
  margin-top:120px;
  margin-left:340px;
}
#offrescontainer table {
  float:right;
}
#offrescontainer table tr th {
  width:120px;
  color:#999;
  text-align:right;
  padding:10px;
}
#offrescontainer table tr td {
  font-weight:bold;
  font-size:24px;
  color:#f60;
  padding:10px;
}
.addthis_toolbox {
  float:right;
  margin:5px 20px 0 0;
  height:0;
}
.addthis_toolbox a {
  color:#fff;
  text-decoration:none;
}