/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}

body {
    line-height: 1.5;
}

blockquote:before, blockquote:after, q:before, q:after {
    content: "";
}

blockquote, q {
    quotes: "" "";
}

a img {
    border: none;
}

/* typography.css */
body {
    font-size: 75%;
    color: #222;
    background: #fff url(../images/bg-body.jpg) repeat-x 50% top;
    font-family: Arial, Helvetica, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    color: #111;
}

h1 {
    font-size: 2em;
    line-height: 1em;
    margin-bottom: 0.5em;
    color: #fefefe;
}

h2 {
    font-size: 1.8em;
    line-height: 1.2em;
    margin-bottom: 0.75em;
    color: #4d4d4d;
}

h3 {
    font-size: 1.5em;
    line-height: 1;
    margin-bottom: 1em;
}

h4 {
    font-size: 1.2em;
    line-height: 1.25;
    margin-bottom: 1.25em;
}

h5 {
    font-size: 1em;
    font-weight: bold;
    margin-bottom: 1.5em;
}

h6 {
    font-size: 1em;
    font-weight: bold;
}

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {
    margin: 0;
}

p {
    margin: 0 0 1.5em;
}

p img {
    float: left;
    margin: 1.5em 1.5em 1.5em 0;
    padding: 0;
}

p img.right {
    float: right;
    margin: 1.5em 0 1.5em 1.5em;
}


a {
    color: #638c9d;
    text-decoration: underline;
}
a:hover {
  color: #fabb00;
  text-decoration: none;
}
a:visited {
  color: #50192b;
  text-decoration: none;
}

blockquote {
    margin: 1.5em;
    color: #666;
    font-style: italic;
}

strong {
    font-weight: bold;
}

em, dfn {
    font-style: italic;
}

ul {
    list-style-type: none;
}

ol {
    list-style-type: decimal;
}

dl {
    margin: 0 0 1.5em 0;
}

dl dt {
    font-weight: bold;
}

dd {
    margin-left: 1.5em;
}

/*
 .small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
 .large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
 .hide {display:none;}
 .quiet {color:#666;}
 .loud {color:#000;}
 .highlight {background:#ff0;}
 .added {background:#060;color:#fff;}
 .removed {background:#900;color:#fff;}
 .first {margin-left:0;padding-left:0;}
 .last {margin-right:0;padding-right:0;}
 .top {margin-top:0;padding-top:0;}
 .bottom {margin-bottom:0;padding-bottom:0;}
 */
.bd {
    border: 1px solid red
}

/*PAGE STRUCTURE */
/* grid.css */
.container {
    width: 950px;
    margin: 0 auto;
}

.showgrid {
    background: url(../images/grid.png);
}

#header {
    background: #154c63 url(../images/bg-header.png) repeat-x;
    width: 100%;
    display: none;
}

div.sub-header {
    height: 104px;
}

div.span-1, div.span-2, div.span-3, div.span-4, div.bt-slider-span-1, div.bt-slider-span-2, div.bt-slider-span-3, div.bt-slider-span-4 {
    float: left;
    margin-right: 10px;
}

div.last {
    margin-right: 0;
}

div.last {
    margin-right: 0;
}

.span-1 {
    width: 230px;
}

.span-2 {
    width: 470px;
}

.span-3 {
    width: 710px;
}

.span-4, div.span-4 {
    width: 950px;
    margin: 0;
}

/*
 .append-1  { padding-right: 240px;}
 .append-2  { padding-right: 480px;}
 .append-3  { padding-right: 720px;}
 
 .prepend-1  { padding-left: 240px;}
 .prepend-2  { padding-left: 480px;}
 .prepend-3  { padding-left: 720px;}
 
 .pull-1 { margin-left: -240px;}
 .pull-2 { margin-left: -480px;}
 .pull-3 { margin-left: -720px;}
 .pull-4 { margin-left: -960px;}
 
 .pull-1, .pull-2, .pull-3, .pull-4 {float:left;position:relative;}
 
 .push-1 { margin: 0 -240px 1.5em 240px;}
 .push-2 { margin: 0 -480px 1.5em 480px;}
 .push-3 { margin: 0 -720px 1.5em 720px;}
 .push-4 { margin: 0 -960px 1.5em 960px;}
 
 .push-1, .push-2, .push-3, .push-4 {float:right;position:relative;}
 */
/* BOUTONS SLIDER */
.span-11 {
    width: 179px;
}

.span-21 {
    width: 386px;
}

.span-31 {
    width: 593px;
}

.span-41, div.span-41 {
    width: 800px;
    margin: 0;
}

/* PAGE COMPONENTS */
/* forms.css
 label {font-weight:bold;}
 fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
 legend {font-weight:bold;font-size:1.2em;}
 input.text, input.title, textarea, select {margin:0.5em 0;border:1px solid #bbb;}
 input.text:focus, input.title:focus, textarea:focus, select:focus {border:1px solid #666;}
 input.text, input.title {width:300px;padding:5px;}
 input.title {font-size:1.5em;}
 textarea {width:390px;height:250px;padding:5px;}
 .error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
 .error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
 .notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
 .success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
 .error a {color:#8a1f11;}
 .notice a {color:#514721;}
 .success a {color:#264409;}*/
#header ul {
    width: 950px;
    margin: 0 auto;
    padding-top: 7px;
    text-align: right;
    color: #fefefe;
}
#header ul li {
    font-size: 1.1em;
    display: inline;
    padding-right: 20px;
}
#header ul li.last {
    padding-right: 0;
}
#header ul li a {
  color: #d0dbdf;
  text-decoration: none;
}
div.sub-header {
    margin: 0;
}
div.sub-header li {
  background: transparent url('../images/item_puce.png') no-repeat center left;
  color:#808080;
    float: left;  
  font-size:1.5em;  
  padding-left:15px;
  margin-right:6px; 
}
div.sub-header li.first_li_sub_head{
  list-style-type:none;
  background:none;
  padding-left:0px;
}
div.sub-header div.right {
    float: right;
    width: 180px;
    height: 36px;
    background: transparent url('../images/aide_offline.png') no-repeat;
    margin-top: 55px;
    text-align: center;
}

div.sub-header div.right a {
    background: transparent url('../images/mail_icon.png') no-repeat 35px 8px;
    color: #fbc01e;
    text-decoration: none;
    font-size: 1.5em;
    font-weight: bold;
    padding-left: 20px;
    padding-top: 4px;
    display: block;
}

div.sub-header a.logo {
    display: block;
    float: left;
    margin-top: 35px;
    background: transparent url('../images/logo-messagin.png') no-repeat;
    width: 65px;
    height: 65px;
}

.container ul .right {
    float: right;
}

div.desc {
    width: 65%;
    height: 70px;
    float: left;
    padding-left: 15px;
    margin-top: 25px;
}

div.desc h1, div.desc h2 {
    /*display: inline;*/
  margin-bottom:0px;
}

div.desc p {
    font-size: 1.5em;
    line-height: 1.2em;
    color: #808080;
}

div#slider {
    clear: both;
    background: transparent url(../images/carousel_bg.png) no-repeat 50% 0;
    width: 924px;
    height: 350px;
    margin-left: 13px;
}
div.slide {
  width: 884px;
  padding: 0 20px 0 20px;
  height: 300px;
}
div.slide h3 {
  padding-top: 20px;
  padding-bottom: 10px;
  margin: 0;
  margin-right: 15px;
  color: #3d3d3d;
}
div.slide p {
  /*height: 180px;*/
  margin-bottom:0.6em;
  margin-right: 15px;
  color: #3d3d3d;
}
div.slide img {
  float: left;
  margin: 20px 20px 20px 15px;
}
div#slider img.droite {
    float: right;
    padding: 40px 20px 40px 0;
}

div.pres {
    width: 470px;
    height: 235px;
    padding-top: 15px;
    margin-left: 20px;
}

div.pres p{ 
  margin-left:80px;
}
div.pres  div.titre p{
  font-weight:bold;
  color:#426E81;
  margin-bottom:0px;
}

div.pres dl {
    margin: 0;
    width: 230px;
    height: 40%;
    float: left;
    padding-right: 5px;
    padding-bottom: 15px;
}

div.pres dl dt {
    color: #426e81;
}

div.pres dl dd {
    color: #7192a0;
    margin: 0;
}
div.pres dl dd img {
    float: left;
    padding: 5px 5px 5px 0;
}
ul.nav-slider {
    margin-left: 60px;
    width: 864px;
    position: absolute;
    z-index: 100;
}

ul.nav-slider li {
    margin-top: -29px;
    margin-left: 24px;
    float: left;
    width: 173px;
    height: 58px;
    text-align: center;
    background: transparent url('../images/carousel_bouton.png') no-repeat;
}

ul.nav-slider li a {
    display: block;
    float: left;
    width: 160px;
    padding-left: 6px;
    padding-top: 3px;
    height: 28px;
    text-decoration: none;
    color: #fefefe;
}

div#aside {
    margin-top: -40px;
    width: 457px;
    float: right;
}

div#aside img {
    float: right;
    margin-top: 1px;
    display: block;
}

div#aside div.title_aside {
    background: url('../images/titre_bas_droite_top.png') no-repeat top left;
}

div#aside div.title_aside h3 {
    font-weight: bold;
    padding: 10px 8px 9px 8px;
    line-height: 1.2em;
    font-size: 1.1em;
    color: #fefefe;
    margin: 0;
    background: url('../images/titre_bas_droite_bottom.png') no-repeat bottom left;
}
div#aside span.title_aside_fleche {
  height: 17px;
  display: block;
  margin-bottom: 5px;
  background: transparent url('../images/titre_bas_droite_fleche.png') no-repeat top left; 
}
div#aside h4, div#aside p {
  display: block;
  padding-right: 5px;
  padding-left: 5px;
  color: #2B5C71;
}
div#aside p {
  margin: 0 0 5px 0;
}
div#aside h4 {
  font-size: 1em;
  line-height: 1.4em;
  margin: 10px 0 10px 0;
  font-weight: bold;
}
div#accordion {
  margin-top: -40px;
  width: 470px;
}
div#accordion a {
  display: block;
  width: 470px;
  text-decoration: none;
  color: #857852;
  font-weight: bold;
  font-size: 1em;
  position: relative;
}
div#accordion a.ui-state-default {
  background: transparent url('../images/acordeon_closed_top.png') no-repeat top left;
  margin-bottom: 1px;
}
div#accordion a.ui-state-active {
  background: transparent url('../images/acordeon_open_top.png') no-repeat top left;
}
div#accordion a span.date {
  position: absolute;
  padding-top: 9px;
  padding-left: 21px;
}
div#accordion a.ui-state-active span.date {
  color: #f7e7c4;
}
div#accordion a span.titre {
  color: #5a8191;
  width: 385px;
  background: transparent url('../images/acordeon_open_bottom.jpg') no-repeat bottom left;  
  display: block;
  padding: 9px 30px 8px 55px;
}
div#accordion a.ui-state-active span.titre {
  background: transparent url('../images/acordeon_open_bottom.jpg') no-repeat bottom left;  
  color: #2b5c71;
}
div#accordion p {
  background: transparent url('../images/acordeon_open_content.jpg') no-repeat;
  height: 157px;
  margin: 0;
  padding: 5px 10px 1px;
  overflow: hidden;
}
div.footer {
  width: 950px;
  clear: both;
}
ul#nav-footer {
  float: right;
  display: none;
  text-align: right;
  margin: 0;
}
ul#nav-footer li {
  display: inline;
  padding-right: 5px;
  background: url('../images/separator.jpg') no-repeat 93% 50%;
}
ul#nav-footer li.last {
  background: none;
}
ul#nav-footer li a, em.mentions_footer {
  color: #808080;
  text-decoration: none;
  float: right;
}
em.mentions_footer a {
  color: #5A8191;
  text-decoration: none;
}
em.mentions_footer a:hover {
  color: #2B5C71;
}
.bg_footer {
  background: url('../images/footer_bg.jpg') repeat-x center bottom;
  padding-bottom: 110px;
  width: 100%;
}

div.container h1.content_title {
  margin-top: 50px;
  font-weight: bold;
  color: #7d959f;
}
div.content div.bloc_content {
  padding-bottom: 55px;
}
div.content div.bloc_content h2 {
  color: #4c6f7e;
}
div.content div.bloc_content a.thumbnail-left {
  float: left;
  margin-right: 20px;
}
div.content div.bloc_content a.thumbnail-right {
  float: right;
  margin-left: 20px;
}
div.content div.bloc_content p {
  color: #346477;
}
div.content div.bloc_content div.col_gauche {
  width: 450px;
  float: left;
}
div.content div.bloc_content div.col_droite {
  float: right;
  width: 450px;
}
/*HACKS*/
hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;}
hr.space {background:#fff;color:#fff;}
.clearfix:after, .container:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix, .container {display:inline-block;}
* html .clearfix, * html .container {height:1%;}
.clearfix, .container {display:block;}
.clear {clear:both;}