@font-face {
    font-family: 'CenturyGothic';
    src: url('fonts/centurygothic.eot');
    src: url('fonts/centurygothic.eot?#iefix') format('embedded-opentype'),
        url('fonts/centurygothic.woff') format('woff'),
        url('fonts/centurygothic.ttf') format('truetype'),
        url('fonts/centurygothic.svg#centurygothic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'simpo';
    src: url('fonts/simpo.eot');
    src: url('fonts/simpo.eot?') format('embedded-opentype'),
        url('fonts/simpo.woff') format('woff'),
        url('fonts/simpo.ttf') format('truetype'),
        url('fonts/simpo.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}


* {
    outline-width: 0;
}

::selection {
    background: #333;
}
::-moz-selection {
    background: #333;
}

body {
    font-size: 11px;
    font-family: "Lucida Grande",tahoma,verdana,arial,sans-serif;
    color: #333;
    line-height: 1.28;
    text-align: left;
    -webkit-font-smoothing: antialiased;
    background: #dae1e1;
}

.container {
    width: 960px;
    margin: auto;
}

header {
    width: 100%;
    height: 43px;
    margin-bottom: 20px;
}
#topbar {
    background: #40888b;
    height: 43px;
    -moz-box-shadow: 0 0 5px #000;
    -webkit-box-shadow: 0 0 5px#000;
    box-shadow: 0 0 5px #000;
    position: fixed;
    z-index: 190;
    width: 100%
}

#topbar .c{
    margin: 0 auto;
    width: 330px;
    padding-top: 7px;
}
/*div.topbar div.container {
    position: relative;
}*/
#searchform {
    background: #ffffff;
    padding: 0;
    margin: 0;
    overflow: hidden;
    -moz-box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 2px 3px rgba(0,0,0,0.1);
    -moz-border-radius: 3px;
    -webkit-border-radius:3px;
    border-radius: 3px;
}
#searchform input[type=text] {
    background: transparent;
    margin: 0;
    padding: 8px;
    border: 0;
    width: 285px;
    color: #9b9b9b;
    float: left;
}


#searchform input[type=text]::-webkit-input-placeholder { color:#9b9b9b; }
#searchform input[type=text]::-moz-placeholder { color:#9b9b9b; } /* firefox 19+ */
#searchform input[type=text]:-ms-input-placeholder { color:#9b9b9b; } /* ie */

#searchform input[type=submit] {
    padding: 0;
    border: 0;
    width: 25px;
    height: 25px;
    position: relative;
    line-height: 25px;
    float: left;
    background: #ffffff url('../img/search_btn.png') no-repeat 5px 4px;
    top: 3px;
}

#zoom {
    width: 77px;
    background: transparent url('../img/sprite.png') no-repeat -9px -140px;
    list-style: none;
    list-style-image: none;
    float: right;
    position: relative;
    top: -27px;
    margin: 0;
    padding: 0;
    margin-right: 15px;
}

#zoom li{
    float: left;
}

#zoom li a{
    display: block;
    height: 26px;
    width: 25px;
}
#lock {
    background: transparent url('../img/lock.png') no-repeat;
    height: 26px;
    width: 35px;
    float: right;
    position: relative;
    top: -27px;
    margin-right: 10px;
}
#view {
    background: url('../img/sprite.png') no-repeat -202px -141px;
    width: 35px;
    height: 27px;
    float: left;
    position: relative;
    top: -27px;
    margin-left: 15px;
}

#closebar {
    position: absolute;
    right: 10px;
    background: transparent url('../img/sprite.png') no-repeat -9px -102px;
    width: 20px;
    height: 20px;
    top: 10px;
}
#accessibilite{
    color: #fff;
    font-size: 11px;
    font-family: arial;
    font-weight: normal;
    position: relative;
    margin-left: 20px;
    float: left;
    top: -21px;
}

#content {
    margin: 0 auto;
    width: 960px;
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    -webkit-border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
    border-radius: 10px 10px 0 0;
}

#shadow {
    background: transparent url('../img/content_bg.png') no-repeat 50% -14px;
    margin: 0 auto;
    width: 960px;
    margin-bottom: 30px;
    height: 20px;
}

#subbar{
    background: transparent url('../img/subbar_bg.png') no-repeat top center;
    width: 960px;
    height: 60px;
    position: relative;
    z-index: 99;
    font-size: 11px;
    font-family: Arial;
    overflow: hidden;
}

#clock {
    color: #3c3c3c;
    float: right;
    width: 85px;
    text-align: center;
    padding-top: 17px;
}

#date {
    color: #3c3c3c;
    float: right;
    width: 70px;
    text-align: center;
    padding-top: 17px;
}

#meteo {
    color: #3c3c3c;
    float: right;
    width: 100px;
    text-align: center;
    padding-top: 17px;
}

#meteo b{
    font-size: 12px;
}

ul#langswitcher{
    margin: 0;
    padding: 0;
    color: #cccccc;
    padding-right: 15px;
    overflow: hidden;
    height: 48px;
    float: right;
    width: 530px;
    text-align: center;
}
ul#langswitcher li{
    display: -moz-inline-box;
    display: inline-block;
    list-style: none;
    line-height: 48px;
    padding: 0 15px 0 0;
    vertical-align: top;
    padding-bottom: 0;
}

ul#langswitcher li a{
    color: #3c3c3c;
    text-decoration: none;
}

ul#langswitcher li a:hover, ul#langswitcher li a.active{
    text-decoration: underline;
}

ul#social {
    list-style: none;
    padding: 0;
    float: right;
    margin: 0 auto;
    text-align: center;
    overflow: hidden;
    position: relative;
    top: 10px;
    left: -10px;
}

ul#social li {
    padding: 0;
    vertical-align: top;
    color: white;
    float: left;
    margin-right: 6px;
}

ul#social li:last-child {
    margin-right: 0;
}

ul#social li a {
    float: left;
    background-image: url(../img/sprite.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
}

ul#social li a.fb {    background-position: -10px -10px }
ul#social li a.tw {    background-position: -39px -10px }
ul#social li a.yb {    background-position: -69px -10px }
ul#social li a.rss {    background-position: -99px -10px }

#nav{
    width: 940px;
    padding: 10px;
    padding-bottom: 0;
    padding-top: 0;
    background: #ffffff;
    overflow: hidden;
}

img#logo {
    border: 1px solid #cccccc;
    border-bottom: 0;
    width: 938px;
}

nav {
    padding-top: 0;
    height: 44px;
}
nav ul#navbar{
    margin: 0;
    padding: 0;
    background: #ffffff;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk3JSIgc3RvcC1jb2xvcj0iI2UzZTJlMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top,  #ffffff 0%, #e3e2e2 97%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(97%,#e3e2e2));
    background: -webkit-linear-gradient(top,  #ffffff 0%,#e3e2e2 97%);
    background: -o-linear-gradient(top,  #ffffff 0%,#e3e2e2 97%);
    background: -ms-linear-gradient(top,  #ffffff 0%,#e3e2e2 97%);
    background: linear-gradient(to bottom,  #ffffff 0%,#e3e2e2 97%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e3e2e2',GradientType=0 );
    border: 1px solid #cccccc;
    color: #cccccc;
    padding-left: 5px;
    overflow: hidden;
    float: left;
    width: 933px;
    height: 42px;
}
nav ul#navbar li{
    padding: 0;
    margin: 0;
}

nav ul#navbar li > a{
    color: #3c3c3c;
    text-decoration: none;
    padding: 0 10px 0 10px;
    float: left;
    line-height: 42px;
    background: url('../img/divider.png') no-repeat center right;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
}

nav ul#navbar li:last-child > a{
    background: none;
}

nav ul#navbar li:hover > a{
    color: #3c3c3c;
    background: #fff;
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
}

nav ul#navbar > li a i{
    background: url('../img/sprite.png') no-repeat -135px -10px;
    display: inline-block;
    width: 20px;
    height: 20px;
    position: relative;
    top: 2px;
    margin-right: 10px;
}

nav ul#navbar ul {
    display: none;
}

nav ul#navbar li:hover > ul {
    display: block;
    width: 940px;
    position: absolute;
    margin: 0;
    padding: 12px 0 5px 0 ;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI5MCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZTdlN2U3IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 90%, #e7e7e7 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(90%,#ffffff), color-stop(100%,#e7e7e7));
    background: -webkit-linear-gradient(top, #ffffff 90%,#e7e7e7 100%);
    background: -o-linear-gradient(top, #ffffff 90%,#e7e7e7 100%);
    background: -ms-linear-gradient(top, #ffffff 90%,#e7e7e7 100%);
    background: linear-gradient(to bottom, #ffffff 90%,#e7e7e7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e7e7e7',GradientType=0 );
    -webkit-box-shadow: 0 6px 7px rgba(0, 0, 0, .25);
    box-shadow: 0 6px 7px rgba(0, 0, 0, .25);
    -moz-box-shadow: 0 6px 7px rgba(0, 0, 0, .25);
    z-index: 180;
    margin-left: -6px;
    margin-top: 40px;
}

nav ul#navbar li:hover > ul > li {
    padding: 0;
    margin: 0;
    width: 200px;
    float: left;
    margin: 10px 0 25px 30px;
}

nav ul#navbar li:hover > ul > li div.title {
    font-size: 15px;
    font-family: Century Gothic, sans-serif;
    color: #262626;
}

nav ul#navbar li:hover > ul > li div.title a {
    color: #262626;
    text-decoration: none;
}

nav ul#navbar li:hover > ul > li div.title a:hover {
    text-decoration: underline;
}

nav ul#navbar li:hover > ul > li div.picto {
    float: left;
    padding: 0;
    width: 60px;
    height: 65px;
    margin-top: 10px;
    margin-right: 5px;
}

nav ul#navbar li:hover > ul > li div.submenu {
    list-style: none;
    list-style-image: none;
    float: left;
    padding: 0;
    width: 135px;
    height: 65px;
    margin: 10px 0 0 0;
}

nav ul#navbar li:hover > ul > li div.submenu div.s {
    padding: 0;
    margin: 0;
    line-height: 13px;
}

nav ul#navbar li:hover > ul > li div.submenu div.s a {
    text-decoration: none;
    color: #666666;
    font-size: 10px;
    font-family: Arial;
}

nav ul#navbar li:hover > ul > li div.submenu div.s a:hover {
    text-decoration: underline;
}
#c {
    background: #ffffff;
    overflow: hidden;
}

#sidebar {
    float: left;
    width: 220px;
    margin-left: 10px;
    margin-top: 25px;
    margin-bottom: 15px;
}

.b {
    border: 1px solid #e1e1e1;
    width: 218px;
    margin-bottom: 9px;
    overflow: hidden;
}

.bi {
    margin-bottom: 9px;
}

.b a, .bi a{
    display: block;
    text-decoration: none;
    color: #444543;
}

.b a.more {
    text-align: right;
    display: block;
    color: #454343;
    text-decoration: none;
    float: right;
    font-family: Arial;
    font-weight: bold;
    font-size: 11px;
    height: auto;
    width: auto;
    margin-bottom: 0px;
}

.b a.more i{
    background: #FFF url('../img/sprite.png') no-repeat -159px -56px;
    display: inline-block;
    height: 15px;
    width: 16px;

}

.cr {
    width: auto;
}

.cr img{
    margin-right: 5px;
    width: 48px;
    height: 42px;
    float: left;
}

.cr a{
    font-family: Georgia;
    font-size: 14px;
    margin-top: 14px;
    text-align: left;
    color: #222222;
    height: 31px;
    padding-left: 20px;
    width: 198px;
}

.portails div.title {
    color: #0e0e0e;
    margin: 0;
    padding: 5px;
    padding-left: 10px;
    font-size: 15px;
    font-family: Century Gothic, sans-serif;
    background: #ffffff;
    border-top: 1px solid #e1e1e1;
    border-left: 1px solid #e1e1e1;
    border-right: 1px solid #e1e1e1;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…BoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
    background: -moz-linear-gradient(top, #ffffff 55%, #e7e7e7 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(55%,#ffffff), color-stop(100%,#e7e7e7));
    background: -webkit-linear-gradient(top, #ffffff 55%,#e7e7e7 100%);
    background: -o-linear-gradient(top, #ffffff 55%,#e7e7e7 100%);
    background: -ms-linear-gradient(top, #ffffff 55%,#e7e7e7 100%);
    background: linear-gradient(to bottom, #ffffff 55%,#e7e7e7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e7e7e7',GradientType=0 );
}

.portails ul {
    list-style: none;
    padding: 0;
    margin: 0;
    border: 1px solid #e1e1e1;
    border-top: 0;
    padding: 7px;
}

.portails ul li {
    list-style: none;
    padding: 0;
    margin: 0;
    line-height: 20px;
    border-top: 1px solid #e1e1e1;
}

.portails ul li a{
    height: auto;
    width: auto;
    text-transform: uppercase;
    padding-top: 5px;
    padding-bottom: 5px;
}

.portails ul li a i {
    background: url('../img/sprite_ar.png') -196px -14px no-repeat;
    display: inline-block;
    height: 15px;
    width: 20px;
}

.portails ul li:hover {
    background-color: #f7f7f7;
}


.portails ul li:first-child{
    border-top: 0;
}


#media {
    background: transparent url('../img/media.jpg') no-repeat top center;
    list-style: none;
    list-style-image: none;
    margin: 0;
    padding: 5px 0;
    padding-left: 2px;
    overflow: hidden;
}

#media li {
    float: left;
    margin-left: 3px;
}

#media li a {
    display: block;
}

.sahara div.title {
    color: #0e0e0e;
    margin: 0;
    padding: 5px;
    padding-left: 10px;
    font-size: 15px;
    font-family: Century Gothic, sans-serif;
    background: #ffffff;
    border-top: 1px solid #e1e1e1;
    border-left: 1px solid #e1e1e1;
    border-right: 1px solid #e1e1e1;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…BoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
    background: -moz-linear-gradient(top, #ffffff 55%, #e7e7e7 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(55%,#ffffff), color-stop(100%,#e7e7e7));
    background: -webkit-linear-gradient(top, #ffffff 55%,#e7e7e7 100%);
    background: -o-linear-gradient(top, #ffffff 55%,#e7e7e7 100%);
    background: -ms-linear-gradient(top, #ffffff 55%,#e7e7e7 100%);
    background: linear-gradient(to bottom, #ffffff 55%,#e7e7e7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e7e7e7',GradientType=0 );
}

.sahara div.title-more {
    color: #0e0e0e;
    margin: 0;
    padding: 5px;
    padding-left: 10px;
    font-size: 15px;
    font-family: Century Gothic, sans-serif;
    background: #ffffff;
    border-top: 1px solid #e1e1e1;
    border-left: 1px solid #e1e1e1;
    border-right: 1px solid #e1e1e1;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…BoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
    background: -moz-linear-gradient(top, #ffffff 55%, #e7e7e7 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(55%,#ffffff), color-stop(100%,#e7e7e7));
    background: -webkit-linear-gradient(top, #ffffff 55%,#e7e7e7 100%);
    background: -o-linear-gradient(top, #ffffff 55%,#e7e7e7 100%);
    background: -ms-linear-gradient(top, #ffffff 55%,#e7e7e7 100%);
    background: linear-gradient(to bottom, #ffffff 55%,#e7e7e7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e7e7e7',GradientType=0 );
}

.sahara div.title-more a {
    text-decoration: none;
    color: #434343;
    font-family: Arial;
    font-size: 12px;
    height: 18px;
    display: inline-block;
}

.sahara div.title-more a:hover {
    text-decoration: underline;
}

.sahara div.title-more i {
    background: transparent url('../img/sprite.png') no-repeat -75px -103px;
    display: inline-block;
    height: 15px;
    width: 20px;
    position: relative;
    top: 3px;
}

a.propose_event {
    display: block;
    width: auto;
    height: 23px;
    border: 1px solid #71b25c;
    background: #71b25c url('../img/propose_btn.png') repeat-x;
    color: #fff;
    text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.4);
    text-decoration: none;
    padding-top: 7px;
    text-align: center;
}

#newsletter {
    padding: 10px 15px;
    width: 190px;
}
#newsletter img {
    float: left;
}
#newsletter div.title {
    padding: 0 0 5px 0;
    font-size: 14px;
    font-family: Century Gothic, sans-serif;
    color: #272727;
    float: right;
    width: 135px;
}
#newsletter a {
    font-size: 12px;
    font-family: Century Gothic, sans-serif;
    display: block;
    text-decoration: underline;
    color: #444543;
    float: right;
}
#news-letter div.title {
    padding: 0 0 10px 0;
    font-size: 15px;
    font-family: Century Gothic,sans-serif;
    color: #272727;
    margin-left: 10px;
}
.form-item-mail > label {
    margin-left: 10px;
}

.video {
    padding: 10px;
    min-height: 190px;
    width: 199px;
    overflow: hidden;
}

.video .title {
    padding: 0 0 10px 0;
    font-size: 15px;
    font-family: Century Gothic, sans-serif;
    color: #c01717;
    float: left;
}

.video a{
    height: 135px;
    width: 199px;
    margin-bottom: 10px;
}
.video a.description{
    color: #403e3e;
    font-size: 11px;
    font-family: Arial;
    text-align: center;
    height: auto !important;
    margin: 0;
}

.video_w {
    position: absolute;
    width: 200px;
    height: 135px;
    display: block;
}

.video_w img {
    width: 200px;
    height: 135px;
}

.play_btn {
    position: absolute;
    background: rgba(0,0,0,0.20) url(../img/play-overlay.png) no-repeat 50% 50%;
    cursor: pointer;
    width: 100%;
    height: 100%;
    opacity: 1.0;
    -moz-opacity: 1.0;
    display: block;
}

.galerie {
    padding: 10px;
    height: 165px;
    width: 199px;
    overflow: hidden;
}

.galerie .title {
    padding: 0 0 10px 0;
    font-size: 15px;
    font-family: Century Gothic, sans-serif;
    color: #c01717;
    float: left;
}

#main {
    float: left;
    width: 710px;
    margin-left: 10px;
    padding-bottom: 25px;
    margin-left: 10px;
}

#main .d {
    width: 345px;
    float: left;
    padding-top: 25px;
}

#main .k {
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
    border: 1px solid #e8e8e8;
    border-top: 0;
    margin-top: 25px;
    padding-top: 0;
}


#main .d .slider1 {
    width: 343px;
    height: 317px;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
    border: 1px solid #e8e8e8;
    border-top: 0;
}


#main .d .slider1 ul.slider-nav {
    overflow: auto;
    margin: 0;
    padding: 0;
    margin-top: -25px;
    margin-right: 15px;
    float: right;
}


#main .d .slider1 ul.slider-nav li {
    display: inline-block;
    margin-right: 4px;
    float: left;
}

#main .d .slider1 ul.slider-nav li a {
    display: block;
    height: 14px;
    width: 14px;
    text-decoration: none;
    background: transparent url('../img/sprite.png') no-repeat -162px -17px;
}

#main .d .slider1 ul.slider-nav li.active a {
    background: transparent url('../img/sprite.png') no-repeat -179px -17px;
}

#main .d .slider1 .slides-wrapper {
    overflow: hidden;
    margin: 0;
    padding: 0;
    width: 306px;
    float: left;
}

#main .d .slider1 a.prev{
    background: transparent url('../img/sprite.png') no-repeat -92px -52px;
    float: left;
    height: 29px;
    width: 18px;
    position: relative;
    top: 95px;
}

#main .d .slider1 a.next{
    background: transparent url('../img/sprite.png') no-repeat -126px -52px;
    float: left;
    height: 29px;
    width: 19px;
    position: relative;
    top: 95px;
}

#main .d .slider1 .slides-wrapper ul.slides{
    float: left;
    min-height: 250px;
    width: 2000px;
    margin: 0;
    padding: 0;
    list-style: none;
}

#main .d .slider1 .slides-wrapper ul.slides li{
    display: inline-block;
    /*    margin-right: 8px;*/
    float: left;width: 308px;
}

#main .d .slider1 .slides-wrapper ul.slides li div.visuel{
    background: transparent url('../img/slide_bg.jpg') no-repeat -3px -3px;
    /*    height: 186px;
        width: 294px;*/
    padding: 9px 7px 9px 7px;

}

#main .d .slider1 .slides-wrapper ul.slides li h2.title{
    margin: 0;
    padding: 0;
    font-family: Arial;
    font-size: 11px;
    color: #424242;
    text-align: center;
    width: 100%;
    font-weight: normal;
    margin-top: 3px;
}

#main .d .slider1 a.more {
    text-align: right;
    display: block;
    color: #454343;
    text-decoration: none;
    float: right;
    margin-right: 20px;
    margin-top: 3px;
    font-family: Arial;
    font-weight: bold;
    font-size: 11px;
}

#main .d .slider1 a.more i{
    background: #fff url('../img/sprite.png') no-repeat -158px -56px;
    display: inline-block;
    height: 15px;
    width: 20px;
}

#main .d .slider1 div.rm {
    overflow: auto;
}

#main .d .slider1 a.rss {
    margin: 0;
    padding: 0;
    display: block;
    height: 25px;
    width: 30px;
    background: #fff url('../img/sprite.png') no-repeat -48px -55px;
    float: left;
}

#main .d .slider1 a.rss:hover {
    background: #fff url('../img/sprite.png') no-repeat -10px -54px;
}

#main .d .slider2 {
    width: 345px;
    height: 317px;
}

#main .d .slider2 ul.slider-nav {
    overflow: auto;
    margin: 0;
    padding: 0;
    margin-top: -25px;
    margin-right: 15px;
    float: right;
}


#main .d .slider2 ul.slider-nav li {
    display: inline-block;
    margin-right: 4px;
    float: left;
}

#main .d .slider2 ul.slider-nav li a {
    display: block;
    height: 14px;
    width: 14px;
    text-decoration: none;
    background: transparent url('../img/sprite.png') no-repeat -162px -17px;
}

#main .d .slider2 ul.slider-nav li.active a {
    background: transparent url('../img/sprite.png') no-repeat -179px -17px;
}

#main .d .slider2 .slides-wrapper {
    overflow: hidden;
    margin: 0;
    padding: 0;
    width: 308px;
    float: left;
}

#main .d .slider2 a.prev{
    background: transparent url('../img/sprite.png') no-repeat -92px -52px;
    float: left;
    height: 29px;
    width: 18px;
    position: relative;
    top: 95px;
}

#main .d .slider2 a.next{
    background: transparent url('../img/sprite.png') no-repeat -126px -52px;
    float: left;
    height: 29px;
    width: 19px;
    position: relative;
    top: 95px;
}

#main .d .slider2 .slides-wrapper ul.slides{
    float: left;
    min-height: 275px;
    width: 2000px;
    margin: 0;
    padding: 0;
    list-style: none;
}

#main .d .slider2 .slides-wrapper ul.slides li{
    display: inline-block;
    /*    margin-right: 8px;*/
    float: left;
    width: 308px;
}

#main .d .slider2 .slides-wrapper ul.slides li div.visuel{
    background: transparent url('../img/slide_bg.jpg') no-repeat -3px -3px;
    /*    height: 186px;
        width: 294px;*/
    padding: 9px 7px 9px 7px;
}

#main .slides-wrapper ul.slides  li h2.title a{
    color: #3c3c3c;
    font-family: Arial;
    font-size: 11px;
    margin: 0;
    padding: 0;
    text-decoration: none;
    display: block;
    text-align: center;
}

#main .d .slider2 .slides-wrapper ul.slides li h2.title{
    margin: 0;
    padding: 0;
    font-family: Arial;
    font-size: 11px;
    color: #424242;
    text-align: center;
    width: 308px;
    font-weight: normal;
}

#main .d .slider2 a.rss {
    margin: 0;
    padding: 0;
    display: block;
    height: 30px;
    width: 30px;
    background: #fff url('../img/sprite.png') no-repeat -48px -50px;
}

#main .d .slider2 a.rss:hover {
    background: #fff url('../img/sprite.png') no-repeat -10px -50px;
}

hr.red-bar {
    border-top: 2px solid #e51212;
    margin: 0;
    height: auto;
}

#main .d div.title1 {
    background: transparent url('../img/s.png') no-repeat top center;
    width: 180px;
    height: 35px;
    line-height: 35px;
    margin: 0;
    padding: 0;
    position: relative;
    top: -10px;
    text-align: center;
    color: #fff;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
}

#main .d .king {
    padding: 4px;
    width: auto;
    background: #fff url('../img/king_bg.png') no-repeat top center;
    margin-top: 10px;
}

#main .d .king img{
    float:left; 
    -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.75);
    border: 1px solid #fff;
}

#main .d .king h2.title{
    font-family: gorgia;
    font-size: 14px;
    margin-top: 22px;
    display: inline;
    position: relative;
    margin-left: 30px;
    float: left;
}

#main .d .king a{
    font-family: Georgia;
    font-size: 16px;
    color: rgb(49, 49, 49);
    width: auto;
    height: 60px;
}


#main .d div.news-king {
    border: 1px solid #e1e1e1;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

#main .d div.news-king div.title {
    color: #322d2d;
    margin: 0;
    padding: 10px;
    padding-left: 15px;
    font-size: 15px;
    background: #ffffff;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI1NSUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZTdlN2U3IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
    background: -moz-linear-gradient(top,  #ffffff 55%, #e7e7e7 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(55%,#ffffff), color-stop(100%,#e7e7e7));
    background: -webkit-linear-gradient(top,  #ffffff 55%,#e7e7e7 100%);
    background: -o-linear-gradient(top,  #ffffff 55%,#e7e7e7 100%);
    background: -ms-linear-gradient(top,  #ffffff 55%,#e7e7e7 100%);
    background: linear-gradient(to bottom,  #ffffff 55%,#e7e7e7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e7e7e7',GradientType=0 );
}

#main .d div.news-king ul {
    overflow: auto;
    margin: 0;
    padding: 0;
    list-style: none;
    list-style-image: none;
    margin-bottom: 5px;
    /*min-height: 200px;*/    
    min-height: 210px;

    height: auto;
}

#main .d div.news-king ul li:first-child {
    margin-top: 8px;
}

#main .d div.news-king ul li {
    overflow: auto;
    padding: 3px 0 3px 5px;
    margin-left: 10px;
    margin-right: 10px;
}

#main .d div.news-king ul li:hover {
    background: #f5f5f5;
}

#main .d div.news-king ul li img {
    -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.75);
    float: left;
    border: 1px solid #fff;
    margin-right: 10px;
    width: 85px;
    height: 52px;
}

#main .d div.news-king ul li h2 {
    margin: 0;
    padding: 0;
    font-weight: normal;
    float: left;
    width: 215px;
}

#main .d div.news-king ul li h2 a {
    color: #3c3c3c;
    font-family: Arial;
    font-size: 11px;
    margin: 0;
    padding: 0;
    /*margin-top: 10px;*/
    text-decoration: none;
    display: block;
    text-align: justify;
}

#main .d div.news-king a.more {
    text-align: right;
    display: block;
    color: #454343;
    text-decoration: none;
    float: right;
    margin-right: 25px;
    margin-top: 3px;
    font-family: Arial;
    font-weight: bold;
    font-size: 11px;
}

#main .d div.news-king a.more i{
    background: #fff url('../img/sprite.png') no-repeat -158px -56px;
    display: inline-block;
    height: 15px;
    width: 20px;
}

#main .d div.news-king div.rm {
    overflow: auto;
}

#main .d div.news-king a.rss {
    margin: 0;
    padding: 0;
    display: block;
    height: 30px;
    width: 30px;
    background: #fff url('../img/sprite.png') no-repeat -48px -50px;
    float: left;
}

#main .d div.news-king a.rss:hover {
    background: #fff url('../img/sprite.png') no-repeat -10px -50px;
}
#main .d div.news {
    height:
}

#main .d div.news ul {
    padding: 0;
    margin: 22px 10px 0px 10px;
    /*margin: 22px 10px 20px 10px;*/
    list-style: none;
    list-style-image: none;
    height: auto;
    min-height: 321px;
    /*min-height: 300px;*/
}

#main .d div.news ul li {
    overflow: auto;
    padding: 10px;
}
#main .d div.news ul li:first-child {
    padding-top: 3px;
}

#main .d div.news ul li:hover {
    background: #f5f5f5;
}

#main .d div.news ul li img {
    -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.75);
    float: left;
    border: 1px solid #fff;
    margin-right: 10px;
}

#main .d div.news ul li h2 {
    font-weight: normal;
    margin: 0;
    padding: 0;
}

#main .d div.news ul li h2 a {
    color: #3c3c3c;
    font-family: Arial;
    font-size: 11px;
    margin: 0;
    padding: 0;
    /*margin-bottom: 20px;*/
    text-decoration: none;
    /*margin-top: 10px;*/
    display: block;
    text-align: justify;
}

#main .d div.news div.rm {
    overflow: auto;
}

#main .d div.news a.more {
    text-align: right;
    display: block;
    color: #454343;
    text-decoration: none;
    float: right;
    font-family: Arial;
    font-weight: bold;
    font-size: 11px;
    margin-right: 20px;
    margin-top: 3px;
}

#main .d div.news a.more i{
    background: #fff url('../img/sprite.png') no-repeat -158px -56px;
    display: inline-block;
    height: 15px;
    width: 20px;
}

#main .d div.news a.rss {
    margin: 0;
    padding: 0;
    display: block;
    height: 30px;
    width: 30px;
    background: #fff url('../img/sprite.png') no-repeat -48px -50px;
    float: left;
}

#main .d div.news a.rss:hover {
    background: #fff url('../img/sprite.png') no-repeat -10px -50px;
}


#e-services {
    width: auto;
    border: 1px solid #e1e1e1;
    margin-top: 10px;
    margin-right: 11px;
}

#e-services  div.title {
    color: #0e0e0e;
    margin: 0;
    padding: 10px;
    padding-left: 15px;
    padding-bottom: 40px;
    font-size: 15px;
    font-family: Century Gothic, sans-serif;
    background: #ffffff;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…BoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
    background: -moz-linear-gradient(top, #ffffff 40%, #e7e7e7 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(40%,#ffffff), color-stop(100%,#e7e7e7));
    background: -webkit-linear-gradient(top, #ffffff 40%,#e7e7e7 100%);
    background: -o-linear-gradient(top, #ffffff 40%,#e7e7e7 100%);
    background: -ms-linear-gradient(top, #ffffff 40%,#e7e7e7 100%);
    background: linear-gradient(to bottom, #ffffff 40%,#e7e7e7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e7e7e7',GradientType=0 );
}

#e-services a.more {
    text-align: right;
    display: block;
    color: #454343;
    text-decoration: none;
    float: right;
    font-family: Arial;
    font-weight: bold;
    font-size: 11px;
    margin-right: 25px;
    position: relative;
    top: -65px;
}

#e-services a.more i {
    background: #fff url('../img/sprite.png') no-repeat -158px -56px;
    display: inline-block;
    height: 15px;
    width: 20px;
}

#e-services .list-wrap {
    background: #fff;
    padding: 10px;
    margin-right: 2px;
    margin-left: 0px;
    margin-top: 25px;
    margin-bottom: 15px;
    position: relative;
    top: -35px;
    height: 120px !important;
    min-height: 120px !important;
    max-height: 120px !important;
}

#e-services ul {
    list-style: none;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
#e-services ul li {
    text-align: center;
    float: left;
    width: 166px;
}
#e-services ul li a {
    display: block;
    padding: 0;
    color: #303030;
    text-decoration: none;
    text-align: center;
}
#e-services ul li a img { display: block; margin: 0 auto; margin-bottom: 15px;}
#e-services ul li a h2 {
    margin: 0;
    padding: 0;
    display: block;
    font-size: 11px;
    font-family: Arial;
    color: #303030;
    font-weight: normal;
}

#e-services .nav {
    overflow: hidden;
    padding: 0;
    margin: 0;
    position: relative;
    top: -53px;
    z-index: 100;
    width: 680px;
    margin-left: 15px;
}
#e-services .nav li {
    width: auto;
    float: left;
    margin: 0 2px 0 0;
}
#e-services .nav li.last { margin-right: 0; }
#e-services .nav li a {
    display: block;
    padding: 10px 13px;
    font-family: Arial;
    background: #ffffff;
    color: #a5a5a5;
    font-size: 11px;
    text-align: center;
    border: 0;
    text-decoration: none;
    -webkit-border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
    border-radius: 10px 10px 0 0;
    border-bottom: 1px solid #ededed;
}

#e-services li a.current,
#e-services li a.current:hover {
    border-bottom: 1px solid transparent;
    color: #424242;
}

#services-pratique {
    margin-top: 10px;
    border: 1px solid #e1e1e1;
    background: #fff;
    overflow: hidden;
    padding-bottom: 80px;
    height: 140px;
}

#services-pratique div.title {
    margin: 0;
    padding: 0;
    color: #333333;
    font-size: 15px;
    margin-top: 10px;
    margin-left: 20px;
    margin-bottom: 35px;
}

#faq {
    margin-top: 10px;
    border: 1px solid #e1e1e1;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
    background: #fff url('../img/faq-fr.png') no-repeat 15px 48px;
    overflow: hidden;
    padding-bottom: 80px;
    margin-right: 11px;
}

#faq div.title {
    margin: 0;
    padding: 0;
    color: #333333;
    font-size: 15px;
    margin-top: 10px;
    margin-left: 20px;
    margin-bottom: 35px;
}

#faq ul {
    margin: 0;
    padding: 0;
}

#faq ul li {
    display: inline-block;
    height: 40px;
    line-height: 20px;
    margin: 0;
    padding: 0;
    width: 300px;
    float: left;
}

#faq ul li i {
    background: url("../img/sprite.png") no-repeat scroll -196px -14px transparent;
    display: inline-block;
    height: 15px;
    vertical-align: top;
    width: 20px;
}

#faq ul li a {
    color: #303030;
    display: inline-block;
    font-family: Arial;
    font-size: 11px;
    text-decoration: none;
    width: 270px;
}

#faq ul li a h3{
    color: #303030;
    font-family: Arial;
    font-size: 11px;
    font-weight: normal;
    margin: 0;
    padding: 0;
    max-width: 265px;
    height: auto;
}

#faq ul.l {
    margin-bottom: 25px;
}

#faq ul.r {
    margin-left: 5px;
    margin-bottom: 25px;
}

#faq a.more {
    text-align: right;
    display: block;
    color: #454343;
    text-decoration: none;
    float: right;
    font-family: Arial;
    font-weight: bold;
    font-size: 11px;
    margin-right: 25px;
    margin-top: 3px;
}

#faq a.more i {
    background: #fff url('../img/sprite.png') no-repeat -158px -56px;
    display: inline-block;
    height: 15px;
    width: 20px;
}


/* Footer */
footer {
    background: #f7f7f7;
    overflow: hidden;
    border-top: 1px solid #cecece;
    border-bottom: 1px solid #cccccc;
    padding: 25px;
}

footer .x {
    float: left;
    padding-left: 45px;
    padding-right: 45px;
    text-align: center;
}

footer .x .copyright {
    color: #5b5b5b;
    font-family: Arial;
    font-size: 11px;
    margin-top: 40px;
}
footer .x .copyright p{margin-bottom: 2px;}
footer .x .copyright span {font-size:10px;}
footer .x .copyright span a{color: #666666;text-decoration:none;}
footer .y {
    float: left;
    padding: 0;
    padding-left: 12px;
}
footer .y ul {
    list-style: none;
    list-style-image: none;
    float: left;
    margin: 0;
    padding: 0;
    border-left: 1px solid #dcdcdc;
    border-right: 1px solid #fefefe;
    width: 210px;
    height: 120px;
}
footer .y ul li {
    padding-left: 20px;
    padding-right: 40px;
    margin-bottom: 10px;
}

footer .y ul li a{
    text-decoration: none;
    color: #666666;
}


.pagination {
    margin: 0;
    margin-bottom: 25px;
    text-align: center;
}

.pagination ul {
    display: inline-block;
    *display: inline;
    margin: 0 auto;
    padding: 0;
    *zoom: 1;
}

.pagination ul > li {
    display: inline;
}

.pagination ul > li > a,
.pagination ul > li > span {
    float: left;
    /*padding: 4px 12px;*/
    padding: 4px 0px;
    line-height: 20px;
    text-decoration: none;
    background-color: #ffffff;
    border: 1px solid #e1e1e1;
    border-left-width: 0;
    color: #999999;
    min-width: 30px;
}

.pagination ul > li > a:hover,
.pagination ul > li > a:focus,
.pagination ul > .active > a,
.pagination ul > .active > span {
    background-color: #f2f2f2;
}

.pagination ul > .active > a,
.pagination ul > .active > span {
    color: #999999;
    cursor: default;
}

.pagination ul > li:first-child > a,
.pagination ul > li:first-child > span {
    border-left-width: 1px;
}

.content-wrapper {
    background: #ffffff;
    border: 1px solid #e1e1e1;
}

.sidebar-details {
    margin-top: 42px!important;
}

.breadcrumbs {
    font-size: 10px;
    font-family: Arial;
    color: #666666;
    margin-top: 20px;
    margin-bottom: 10px;
}

.breadcrumbs a{
    color: #666666;
    text-decoration: none;
}

.breadcrumbs a:hover{
    text-decoration: underline;
}


#sidebar div.news {
    background: #ffffff;
    border: 1px solid #e1e1e1;
    border-top: 0;
    margin-bottom: 15px;
}

#sidebar div.news div.title {
    font-size: 16px;
    font-family: Century Gothic, sans-serif;
    color: #474747;
    background: #dedede;
    padding: 10px 20px;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RlZGVkZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijg4JSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top,  #dedede 0%, #fefefe 88%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dedede), color-stop(88%,#fefefe));
    background: -webkit-linear-gradient(top,  #dedede 0%,#fefefe 88%);
    background: -o-linear-gradient(top,  #dedede 0%,#fefefe 88%);
    background: -ms-linear-gradient(top,  #dedede 0%,#fefefe 88%);
    background: linear-gradient(to bottom,  #dedede 0%,#fefefe 88%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dedede', endColorstr='#fefefe',GradientType=0 );
}

#sidebar div.news ul {
    padding: 0;
    margin: 10px 10px 0 10px;
    list-style: none;
    list-style-image: none;
}

#sidebar div.news ul li {
    overflow: auto;
    padding: 0;
    border-bottom: 1px solid #e1e1e1;
}
#sidebar div.news ul li:first-child {
    padding-top: 3px;
}

#sidebar div.news ul li h2 {
    margin: 0;
    padding: 0;
    font-weight: normal;
}

#sidebar div.news ul li h2 a {
    color: #3c3c3c;
    font-family: Arial;
    font-size: 11px;
    margin: 0;
    padding: 10px;
    padding-top: 15px;
    padding-bottom: 24px;
    text-decoration: none;
    display: block;
    text-align: justify;
}

#sidebar div.news ul li h2 a:hover {
    background: #f5f5f5;
}

#sidebar div.news div.rm {
    overflow: auto;
}

#sidebar div.news a.more {
    text-align: right;
    display: block;
    color: #454343;
    text-decoration: none;
    float: right;
    font-family: Arial;
    font-weight: bold;
    font-size: 11px;
    margin-right: 10px;
    margin-top: 3px;
}

#sidebar div.news a.more i{
    background: #fff url('../img/sprite.png') no-repeat -158px -56px;
    display: inline-block;
    height: 15px;
    width: 20px;
}

#sidebar div.news a.rss {
    margin: 0;
    padding: 0;
    display: block;
    height: 30px;
    width: 30px;
    background: #fff url('../img/sprite.png') no-repeat -48px -50px;
    float: left;
}

#sidebar div.news a.rss:hover {
    background: #fff url('../img/sprite.png') no-repeat -10px -50px;
}

.content-wrapper .big-title {
    font-size: 30px;
    font-family: Century Gothic, sans-serif;
    padding: 25px;
    border-bottom: 1px solid #d4d4d4;
    background: url('../img/big_title_bg.jpg');
    line-height: 30px;
    text-transform: uppercase;
}

ul.social-icons {
    list-style: none;
    padding: 0;
    float: right;
    position: relative;
    right: -10px;
    top: -13px;
    margin: 0 auto;
    text-align: center;
    overflow: hidden;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 15px;
    height: 30px;
    border-left: 1px solid #e0e0e0;
}
ul.social-icons li {
    padding: 0;
    vertical-align: top;
    color: white;
    float: left;
    margin-right: 6px;
}
ul.social-icons li:last-child {
    margin-right: 0;
}
ul.social-icons li a {
    float: left;
    background-image: url(../img/social_icons.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    width: 28px;
    height: 28px;
}
ul.social-icons li a.fb {    background-position: 2px 2px }
ul.social-icons li a.tw {    background-position: -25px 2px }
ul.social-icons li a.rss {    background-position: -51px 2px }
ul.social-icons li a.email {    background-position: -87px 2px }
ul.social-icons li a.print {    background-position: -117px 2px }




/* NEW */

.content-wrapper .sking-wrapper {
    padding-top: 25px;
    margin-top: 10px;
    margin-bottom: 30px;
    overflow: auto;
}

.content-wrapper .sking {
    width: 339px;
    float: left;
    border: 1px solid #e1e1e1;
    border-top: 0;
    margin-left: 8px;
    text-align: center;
}

.content-wrapper .sking .title{
    color: #444444;
    font-size: 12px;
    font-family: Arial;
    margin: 10px;
    margin-bottom: 20px;
    height: 30px;
}

.content-wrapper .sking .title img.visuel{
    border: 1px solid #d8d8d8;
}

.content-wrapper .sking .infos {
    margin-bottom: 10px;
    margin-top: 5px;
    overflow: auto;
}

.content-wrapper .sking div.date {
    text-align: right;
    display: block;
    color: #454343;
    text-decoration: none;
    float: left;
    font-family: Arial;
    font-weight: bold;
    font-size: 11px;
    margin-left: 10px;
}

.content-wrapper .sking div.date i {
    background: #fff url('../img/sprite.png') no-repeat -190px -58px;
    display: inline-block;
    height: 15px;
    width: 15px;
    position: relative;
    top: 2px;
}

.content-wrapper .sking a.more {
    text-align: right;
    display: block;
    color: #454343;
    text-decoration: none;
    float: right;
    font-family: Arial;
    font-weight: bold;
    font-size: 11px;
    margin-right: 10px;
}

.content-wrapper .sking a.more i {
    background: #fff url('../img/sprite.png') no-repeat -158px -56px;
    display: inline-block;
    height: 15px;
    width: 20px;
}

.content-wrapper div.news-r .tab {
    float: left;
    color: #444444;
    font-family: Arial;
    font-size: 12px;
    padding-top: 10px;
    margin-right: 10px;
    display: inline-block;
    height: auto;
    width: 422px;
}


.content-wrapper div.tab {
    border-bottom: 1px solid #e1e1e1;
}

.content-wrapper div.tab span {
    border: 1px solid #e1e1e1;
    border-bottom: 0;
    background: #fafafa;
    text-decoration: none;
    font-size: 12px;
    font-family: Century Gothic, sans-serif;
    color: #525252;
    padding: 8px;
    display: inline-block;
    margin-left: 20px;
    border-radius: 2px 2px 0 0;
    -webkit-border-radius: 2px 2px 0 0;
    -moz-border-radius: 2px 2px 0 0;
}

.content-wrapper div.news-r ul {
    padding: 0;
    margin: 20px 10px 25px 8px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e1e1e1;
    list-style: none;
    list-style-image: none;
}

.content-wrapper div.news-r ul li {
    background: #fff;
    height: auto;
    overflow: hidden;
    padding: 6px 9px 6px 9px;
    border: 1px solid #e1e1e1;
    border-left: 0;
    margin-bottom: 2px;
    position: relative;
}

.content-wrapper div.news-r ul li:before {
    width: 2px;
    display: block;
    content: ' ';
    position: absolute;
    left: 0;
    top: -1px;
    bottom: -1px;
    background: #e51212;
}

.content-wrapper div.news-r ul li.odd {
    background: #f7f7f7;
}

.content-wrapper div.news-r ul li img {
    float: left;
    border: 1px solid #fff;
    margin-right: 10px;
}

.content-wrapper div.news-r ul li span.slider1 {
    float: left;
    padding-top: 10px;
    margin-right: 10px;
    display: inline-block;
    height: auto;
    width: 384px;
}
.content-wrapper div.news-r ul li span.s1 {
    float: left;
    padding-top: 10px;
    margin-right: 10px;
    display: inline-block;
    height: auto;
    width: 384px;
}
.content-wrapper div.news-r ul li span.s1 h2 {margin: 0;}
.content-wrapper div.news-r ul li span.s1 h2 a {
    color: #444444;
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
}
.content-wrapper div.news-r ul li span.s2 {
    float: left;
    color: #444444;
    font-family: Arial;
    font-size: 12px;
    padding: 10px 0 0 5px;
    display: inline-block;
    height: 50px;
    border-left: 1px solid #e1e1e1;
    min-width: 158px;
}

.content-wrapper div.news-r ul li span.s2 div.date {
    text-align: right;
    display: block;
    color: #454343;
    text-decoration: none;
    font-family: Arial;
    font-size: 10px;
    margin-bottom: 15px;
}

.content-wrapper div.news-r ul li span.s2 div.date i {
    background: transparent url('../img/sprite.png') no-repeat -190px -58px;
    display: inline-block;
    height: 15px;
    width: 15px;
    position: relative;
    top: 2px;
}

.content-wrapper div.news-r ul li span.s2 a.more {
    text-align: right;
    display: block;
    color: #454343;
    text-decoration: none;
    font-family: Arial;
    font-size: 10px;
}

.content-wrapper div.news-r ul li span.s2 a.more i {
    background: transparent url('../img/sprite.png') no-repeat -158px -56px;
    display: inline-block;
    height: 15px;
    width: 20px;
}

.activity-details h1.title {
    font-size: 17px;
    font-family: Arial;
    font-weight: bold;
    color: #a73131;
    text-align: justify;
    margin-top: 20px;
    margin-left: 20px;
    margin-right: 20px;
    padding-bottom: 44px;
    border-bottom: 1px solid #e1e1e1;
}
.activity-details div.date{
    text-align: right;
    display: block;
    color: #454343;
    text-decoration: none;
    font-family: Arial;
    font-weight: bold;
    font-size: 11px;
    margin-right: 20px;
    display: block;
    margin-top: 10px;
}

.activity-details div.date i {
    background: #fff url('../img/sprite.png') no-repeat -190px -58px;
    display: inline-block;
    height: 15px;
    width: 15px;
    position: relative;
    top: 2px;
}

.activity-details div.article img.visuel{
    padding: 0;
    margin: 0;
    margin-right: 23px;
    margin-bottom: 15px;
    float: left;
}

.activity-details div.article p.synopsis{
    font-style: italic;
}

.activity-details div.article{
    padding: 23px;
    color: #333333;
    font-family: Arial;
    font-size: 12px;
    text-align: justify;
    overflow: auto;
}

.activity-details div.article p{
    margin: 0;
    padding: 0;
    margin-bottom: 15px;
    text-align: justify !important;
}

.activity-details div.downloads, div.downloads{
    background: #f9f9f9 url('../img/flip.jpg') bottom right no-repeat;
    border-top: 1px solid #e1e1e1;
}

.activity-details div.downloads div.title,div.downloads div.title {
    font-size: 14px;
    font-family: Century Gothic, sans-serif;
    color: #525252;
    text-align: left;
    padding: 0;
    margin-top: 5px;
    margin-left: 20px;
    padding-bottom: 20px;
    border: 0;
}

.activity-details div.downloads div.title i,div.downloads div.title i {
    background: transparent url('../img/sprite.png') no-repeat -217px -58px;
    display: inline-block;
    height: 25px;
    width: 25px;
    position: relative;
    top: 9px;
}
.activity-details div.downloads ul, div.downloads ul {
    padding: 0;
    margin: 10px 10px 0 10px;
    padding-bottom: 20px;
    list-style: none;
    list-style-image: none;
    overflow: hidden;
}

.activity-details div.downloads ul li,div.downloads ul li {
    /*float: left;*/
    overflow: hidden;
    padding: 5px 0;
    /*width: 338px;*/
    width: 95% !important;
    border-top: 1px dotted #e1e1e1;
    margin-right: 10px;
}

.activity-details div.downloads ul li:nth-child(2n+2),div.downloads ul li:nth-child(2n+2) {
    margin-right: 0;
}

.activity-details div.downloads ul li div,div.downloads ul li div {
    float: left;
}

.activity-details div.downloads ul li div span,div.downloads ul li div span {
    display: inline-block;
    overflow: hidden;
    padding: 0;
    padding-top: 9px;
}
.activity-details div.downloads ul li div span a,div.downloads ul li div span a {
    text-decoration: none;
    color: #666;
}

.activity-details div.downloads ul li i.pdf,div.downloads ul li i.pdf {
    background: transparent url('../img/sprite.png') no-repeat -107px -96px;
    display: inline-block;
    height: 26px;
    width: 26px;
    float: left;
}

.activity-details div.downloads ul li a.dl,div.downloads ul li a.dl {
    background: transparent url('../img/sprite.png') no-repeat -145px -100px;
    display: inline-block;
    height: 20px;
    width: 20px;
    float: right;
    position: relative;
    top: 2px;
}

.discours-filter {
    background: #fafafa;
    border-bottom: 1px solid #e1e1e1;
    text-align: center;
    padding: 15px;
}

.discours-filter select{
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #fff;
    border: 1px solid #e1e1e1;
    padding: 5px;
    margin: 0;
    color: #999999;
}
.content-wrapper div.discours ul {
    padding: 0;
    margin: 20px 10px 25px 8px;
    border-bottom: 1px solid #e1e1e1;
    list-style: none;
    list-style-image: none;
}

.content-wrapper div.discours ul li {
    background: #fff;
    height: auto;
    overflow: hidden;
    padding: 10px;
    border: 1px solid #e1e1e1;
    border-left: 0;
    margin-bottom: 2px;
    position: relative;
}

.content-wrapper div.discours ul li:before {
    width: 2px;
    display: block;
    content: ' ';
    position: absolute;
    left: 0;
    top: -1px;
    bottom: -1px;
    background: #e51212;
}

.content-wrapper div.discours ul li.odd {
    background: #f7f7f7;
}

.content-wrapper div.discours ul li span.s1 {
    float: left;
    padding-top: 10px;
    margin-right: 10px;
    display: inline-block;
    height: auto;
    width: 478px;
}
.content-wrapper div.discours ul li span.s1 h2 { margin: 0;}
.content-wrapper div.discours ul li span.s1 h2 a { color: #444444;font-size: 11px;font-weight: normal;text-decoration: none;}
.content-wrapper div.discours ul li span.s2 {
    float: left;
    color: #444444;
    font-family: Arial;
    font-size: 12px;
    padding: 10px 0 10px 10px;
    padding-top: 0;
    padding-bottom: 0;
    display: inline-block;
    height: 60px;
    border-left: 1px solid #e1e1e1;
    width: 160px;
}

.content-wrapper div.discours ul li span.s2 div.type {
    text-align: left;
    display: inline-block;
    background: #e4e4e4;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    color: #666666;
    text-decoration: none;
    font-family: Arial;
    font-size: 10px;
    padding: 3px;
    margin-bottom: 3px;
}

.content-wrapper div.discours ul li span.s2 div.date {
    text-align: left;
    display: block;
    color: #454343;
    text-decoration: none;
    font-family: Arial;
    font-size: 10px;
    margin-bottom: 2px;
}

.content-wrapper div.discours ul li span.s2 div.date i {
    background: transparent url('../img/sprite.png') no-repeat -190px -58px;
    display: inline-block;
    height: 15px;
    width: 15px;
    position: relative;
    top: 2px;
}

.content-wrapper div.discours ul li span.s2 a.more {
    text-align: left;
    display: block;
    color: #454343;
    text-decoration: none;
    font-family: Arial;
    font-size: 10px;
}

.content-wrapper div.discours ul li span.s2 a.more i {
    background: transparent url('../img/sprite.png') no-repeat -158px -56px;
    display: inline-block;
    height: 15px;
    width: 20px;
}

.content-wrapper div.discours-details h1.title {
    font-size: 17px;
    font-family: Arial;
    font-weight: bold;
    color: #a73131;
    text-align: justify;
    margin: 30px 30px 0 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #e1e1e1;
}

.content-wrapper div.discours-details  div.discours {
    padding: 20px 0 20px 0;
    color: #333333;
    font-family: Arial;
    font-size: 12px;
    text-align: justify;
    margin-left: 30px;
    margin-right: 30px;
}


.discours-footer {
    background: #fafafa;
    text-align: center;
    padding: 20px 25px 100px 20px;
    overflow: hidden;
    border-top: 1px solid #e1e1e1;
}

.discours-footer div.f1 {
    float: left;
    width: 135px;
    text-align: left;
}

.discours-footer div.f2 {
    float: left;
    width: 136px;
    border-right: 1px solid #e1e1e1;
    border-left: 1px solid #e1e1e1;
    padding-left: 15px;
    text-align: left;
}

.discours-footer div.f3 {
    float: left;
    width: 345px;
    text-align: left;
    padding-left: 30px;
}

.discours-footer div.f1 .pages {
    color: #999999;
    font-size: 10px;
    font-family: Arial;
}

.discours-footer div.f1 .pages b{
    color: #333333;
}

.discours-footer div.f1 a.next,
.discours-footer div.f1 a.prev {
    border: 1px solid #e1e1e1;
    background: #ffffff;
    text-decoration: none;
    font-size: 11px;
    font-family: Arial;
    color: #666666;
    padding: 5px 12px;
    display: inline-block;
    margin-top: 3px;
}

.discours-footer div.f2 div.type {
    text-align: left;
    display: inline-block;
    background: #e4e4e4;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    color: #666666;
    text-decoration: none;
    font-family: Arial;
    font-size: 10px;
    padding: 3px;
    margin-bottom: 3px;
}

.discours-footer div.f2 div.date {
    text-align: left;
    display: block;
    color: #454343;
    text-decoration: none;
    font-family: Arial;
    font-size: 10px;
    margin-bottom: 2px;
}

.discours-footer div.f2 div.date i {
    background: transparent url('../img/sprite.png') no-repeat -190px -58px;
    display: inline-block;
    height: 15px;
    width: 15px;
    position: relative;
    top: 2px;
}

.discours-footer div.f3 div  {
    min-width: 200px;
}

.discours-footer div.f3 div i.pdf {
    background: transparent url('../img/sprite.png') no-repeat -107px -96px;
    display: inline-block;
    height: 26px;
    width: 26px;
}

.discours-footer div.f3 div span {
    overflow: hidden;
    padding: 0;
    padding-top: 9px;
}

.discours-footer div.f3 a {
    text-decoration: none;
    color: #666666;
    position: relative;
    top: -7px;
}

.discours-footer div.f3 a:hover {
    text-decoration: underline;
}

.content-wrapper div.faq-filter {
    background: #f6f6f6;
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
    text-align: right;
    padding: 15px;
    margin-top: 10px;
}

.content-wrapper div.faq-filter select{
    background: #fff;
    border: 1px solid #e1e1e1;
    padding: 5px;
    margin: 0;
    color: #999999;
    min-width: 80px;
    max-width: 140px;
    text-align: center;
}

.content-wrapper div.big-title i.faq {
    float: left;
    background: url(../img/sprite.png) -9px -179px no-repeat;
    width: 40px;
    height: 40px;
    position: relative;
    top: -5px;
    margin-right: 20px;
}

.content-wrapper div.faq ul.faq {
    padding: 0;
    margin: 20px 10px 25px 8px;
    list-style: none;
    list-style-image: none;
}

.content-wrapper div.faq ul.faq li {
    margin-bottom: 5px;
}

.content-wrapper div.faq ul.faq li a {
    background: #fff;
    height: auto;
    overflow: hidden;
    margin: 0;
    padding: 10px 25px;
    padding-bottom: 5px;
    padding-right: 5px;
    border: 1px solid #e1e1e1;
    border-left: 0;
    position: relative;
    display: block;
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    color: #666666;
    line-height: 24px;
}

.content-wrapper div.faq ul.faq li a:before {
    width: 2px;
    display: block;
    content: ' ';
    position: absolute;
    left: 0;
    top: -1px;
    bottom: -1px;
    background: #e51212;
}

.content-wrapper div.faq ul.faq li a i {
    float: right;
    background: url(../img/sprite.png) -206px -97px no-repeat;
    width: 28px;
    height: 28px;
    position: relative;
    top: -2px;
}

.content-wrapper div.faq ul.faq li a.toggled i {
    background: url(../img/sprite.png) -173px -97px no-repeat;
}

.content-wrapper div.faq ul.faq li .faq-content {
    display:none;
    background: #f7f7f7;
    border: 1px solid #e1e1e1;
    border-top: 0;
    padding: 20px;
    color: #4f4f4f;
    font-family: Arial;
    font-size: 11px;
}

.content-wrapper div.big-title i.eservices {
    float: left;
    background: url(../img/sprite.png) -62px -180px no-repeat;
    width: 40px;
    height: 40px;
    position: relative;
    top: -5px;
    margin-right: 20px;
}

.content-wrapper div.eservices-filter {
    background: #fafafa;
    border-bottom: 1px solid #e1e1e1;
    text-align: center;
    padding: 25px 15px;
}
.content-wrapper div.eservices-filter div.filter-e-services {display: inline-block;}
.content-wrapper div.eservices-filter div.filter-e-services + div.filter-e-services {margin-left: 10px;}
.content-wrapper div.eservices-filter div.l {display: inline-block;}
.content-wrapper div.eservices-filter div.l.l1 {margin-right: 35px;}

.content-wrapper div.eservices-filter select{
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #fff;
    border: 1px solid #e1e1e1;
    padding: 5px;
    margin: 0;
    color: #999999;
    width: 95px;
    /*    text-align: center;*/
}

.content-wrapper div.eservices-trier {
    border-bottom: 1px solid #e1e1e1;
    margin: 10px 10px 15px 10px;
}
.content-wrapper div.eservices-trier div.trier
{
    padding: 5px 15px;
    color: #525252;
    font-family: CenturyGothic;
    border: 1px solid #e1e1e1;
    border-bottom: 0;
    float: right;
    margin-right: 20px;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    clear: both;

}
.content-wrapper div.eservices-trier.title {
    margin-bottom: -10px;
}
.content-wrapper div.eservices-trier.title div.trier-title {
    min-width: 125px;
    text-align: center;
}
.content-wrapper div.eservices-trier div.trier-title 
{
    padding: 5px 15px;
    color: #525252;
    background: #fafafa;
    font-family: CenturyGothic;
    border: 1px solid #e1e1e1;
    border-bottom: 0;
    float: left;
    margin-left: 10px;x;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    clear: both;
}
.content-wrapper div.eservices-trier div.trier a {text-decoration: none; color:#999999;}
.content-wrapper div.eservices-trier div.trier a.trier-up {margin-left: 20px;}
.content-wrapper div.eservices-trier div.trier a.trier-down {margin-left: 5px;}
.content-wrapper div.eservices-trier div.trier a.trier-up::after {content: "▲"}
.content-wrapper div.eservices-trier div.trier a.trier-down::after {content: "▼";}
.content-wrapper div.eservices ul.eservices {
    padding: 0;
    margin: 20px 10px 25px 8px;
    list-style: none;
    list-style-image: none;
}

.content-wrapper div.eservices ul.eservices li {
    background: #fff;
    height: auto;
    overflow: hidden;
    margin: 0;
    padding: 8px;
    margin-bottom: 5px;
    border: 1px solid #e1e1e1;
    border-left: 0;
    position: relative;
    display: block;
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    color: #666666;
}

.content-wrapper div.eservices ul.eservices li:before {
    width: 2px;
    display: block;
    content: ' ';
    position: absolute;
    left: 0;
    top: -1px;
    bottom: -1px;
    background: #e51212;
}

.content-wrapper div.eservices ul.eservices li img {
    float: left;
    padding-right: 10px;
    border-right: 1px solid #e1e1e1;
    margin-right: 15px;
}

.content-wrapper div.eservices ul.eservices li span.s1 {
    float: left;
    color: #444444;
    font-family: Arial;
    font-size: 12px;
    /*padding-top: 5px;*/
    display: inline-block;
    height: auto;
    width: 100%;
}

.content-wrapper div.eservices ul.eservices li span.s1 a {
    color: #666666;

    text-decoration: none;
}
.content-wrapper div.eservices ul.eservices li span.s1 h2 {margin: 0px;line-height: 12px;}
.content-wrapper div.eservices ul.eservices li span.s1 h2 a  {
    font-family: Arial;
    font-weight: bold;
    font-size: 11px;
}
.content-wrapper div.eservices ul.eservices li span.s1 a:hover {
    text-decoration: underline;
}

.content-wrapper div.eservices ul.eservices li span.s1 p {
    color: #999999;
    font-family: Arial;
    font-size: 11px;
    text-decoration: none;
    font-style: italic;
    font-weight: normal;
}

.content-wrapper div.eservices ul.eservices li span.s1 a.more {
    text-align: right;
    display: block;
    color: #454343;
    text-decoration: none;
    float: right;
    font-family: Arial;
    font-weight: bold;
    font-size: 11px;
    margin-right: 10px;
    margin-top: 3px;
}

.content-wrapper div.eservices ul.eservices li span.s1 a.more i {
    background: #fff url('../img/sprite.png') no-repeat -158px -56px;
    display: inline-block;
    height: 15px;
    width: 20px;
}
.content-wrapper div.eservices ul.eservices li span.s1 a.lien {
    text-align: right;
    display: block;
    color: #666666;
    text-decoration: none;
    float: left;
    font-family: Arial;
    font-weight: normal;
    font-size: 11px;
    margin-right: 10px;
    margin-top: 7px;
}
.content-wrapper div.events-filter {
    background: #f6f6f6;
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
    text-align: right;
    padding: 5px 15px;
    margin-top: 40px;
}

.content-wrapper div.events-filter .events-filter-title {
    background: #fafafa;
    width: 83px;
    border: 1px solid #e1e1e1;
    border-bottom: 0;
    padding: 5px;
    font-size: 12px;
    font-family: Century Gothic, sans-serif;
    text-align: center;
    display: inline-block;
    float: left;
    position: relative;
    top: 7px;
}

.content-wrapper div.events-filter select{
    background: #fff;
    border: 1px solid #e1e1e1;
    padding: 5px;
    margin: 0;
    color: #999999;
    min-width: 80px;
    max-width: 140px;
    text-align: center;
}

.content-wrapper div.big-title i.events {
    float: left;
    background: url(../img/sprite.png) -111px -177px no-repeat;
    width: 40px;
    height: 40px;
    position: relative;
    top: -5px;
    margin-right: 20px;
}

.content-wrapper div.events ul.events {
    padding: 0;
    margin: 20px 10px 25px 8px;
    list-style: none;
    list-style-image: none;
    padding-bottom: 20px;
    border-bottom: 1px solid #e1e1e1;
}

.content-wrapper div.events ul.events li {
    background: #fff;
    height: auto;
    overflow: hidden;
    margin: 0;
    padding: 8px;
    margin-bottom: 5px;
    border: 1px solid #e1e1e1;
    border-left: 0;
    position: relative;
    display: block;
    text-decoration: none;
    color: #666666;
}

.content-wrapper div.events ul.events li:before {
    width: 2px;
    display: block;
    content: ' ';
    position: absolute;
    left: 0;
    top: -1px;
    bottom: -1px;
    background: #e51212;
}

.content-wrapper div.events ul.events li img {
    float: left;
    margin-right: 15px;
}

.content-wrapper div.events ul.events li span.s1 {
    float: left;
    color: #444444;
    font-family: Arial;
    font-size: 12px;
    padding-top: 5px;
    margin-right: 15px;
    display: inline-block;
    height: auto;
    width: 330px;
    border-right: 1px solid #e1e1e1;
    padding-right: 10px;
}

.content-wrapper div.events ul.events li span.s1 a {
    color: #666666;
    font-family: Arial;
    font-weight: bold;
    font-size: 11px;
    text-decoration: none;
}

.content-wrapper div.events ul.events li span.s1 a:hover {
    text-decoration: underline;
}

.content-wrapper div.events ul.events li span.s1 p {
    color: #999999;
    font-family: Arial;
    font-size: 11px;
    text-decoration: none;
    font-style: italic;
}

.content-wrapper div.events ul.events li span.s2 {
    float: left;
    color: #444444;
    font-family: Arial;
    font-size: 12px;
    padding: 10px 0 0 0;
    display: inline-block;
    height: 50px;
    width: 140px;
}

.content-wrapper div.events ul.events li span.s2 div.cal {
    background: url(../img/sprite.png) -103px -132px no-repeat;
    width: 40px;
    height: 40px;
    text-align: center;
    float: left;
    margin-right: 10px;
}

.content-wrapper div.events ul.events li span.s2 div.cal .day {
    padding-top: 17px;
    font-size: 14px;
    font-weight: bold;
    line-height: 7px;
    margin-bottom: 4px;
}

.content-wrapper div.events ul.events li span.s2 div.cal .month {
    font-size: 10px;
    line-height: 7px;
}

.content-wrapper div.events ul.events li span.s2 div.date {
    float: left;
    width: 90px;
}

.content-wrapper div.events ul.events li span.s2 div.date * {
    font-size: 10px;
    color: #666666;
    text-decoration: none;
}

.content-wrapper div.events ul.events li span.s2 div.date .ft {
    color: #999999;
}

.content-wrapper div.events ul.events li span.s2 div.date a:hover {
    text-decoration: underline;
}

.content-wrapper div.events ul.events li span.s2 div.place {
    font-size: 10px;
    color: #666666;
}

.content-wrapper div.events ul.events li span.s2 div.place .ft {
    color: #999999;
    display: block;
}

.content-wrapper div.event-details h1.title {
    margin: 0;
    margin-top: 20px;
    border-bottom: 1px solid #e1e1e1;
    overflow: auto;
    padding-bottom: 20px;
}

.content-wrapper div.event-details span.t {
    float: left;
    width: 500px;
    font-size: 17px;
    font-family: Arial;
    font-weight: bold;
    color: #a73131;
    text-align: left;
    padding: 15px;
    padding-left: 20px;
}


.content-wrapper div.event-details span.s2 {
    float: left;
    width: 140px;
    text-align: left;
    border-left: 1px solid #e1e1e1;
    padding-left: 20px;
}

.content-wrapper div.event-details span.s2 div.cal {
    background: url(../img/sprite.png) -103px -132px no-repeat;
    width: 40px;
    height: 40px;
    text-align: center;
    float: left;
    margin-right: 10px;
}

.content-wrapper div.event-details span.s2 div.cal .day {
    padding-top: 17px;
    font-size: 14px;
    font-weight: bold;
    line-height: 7px;
    margin-bottom: 4px;
}

.content-wrapper div.event-details span.s2 div.cal .month {
    font-size: 10px;
    line-height: 7px;
}

.content-wrapper div.event-details span.s2 div.date {
    float: left;
    width: 90px;
}

.content-wrapper div.event-details span.s2 div.date * {
    font-size: 10px;
    color: #666666;
    text-decoration: none;
}

.content-wrapper div.event-details span.s2 div.date .ft {
    color: #999999;
}

.content-wrapper div.event-details span.s2 div.date a:hover {
    text-decoration: underline;
}

.content-wrapper div.event-details span.s2 div.place {
    font-size: 10px;
    color: #666666;
}

.content-wrapper div.event-details span.s2 div.place .ft {
    color: #999999;
    display: block;
}

.content-wrapper div.event-details div.article img.visuel{
    padding: 0;
    margin: 0;
    margin-right: 23px;
    margin-bottom: 15px;
    float: left;
}

.content-wrapper div.event-details div.article p.synopsis{
    font-style: italic;
}

.content-wrapper div.event-details div.article{
    padding: 23px;
    color: #333333;
    font-family: Arial;
    font-size: 12px;
    text-align: justify;
}

.content-wrapper div.event-details div.article p{
    margin: 0;
    padding: 0;
    margin-bottom: 15px;
}


.content-wrapper div.event-details div.downloads-title {
    background: #fafafa;
    width: 83px;
    border: 1px solid #e1e1e1;
    border-bottom: 0;
    padding: 5px;
    font-size: 12px;
    font-family: Century Gothic, sans-serif;
    text-align: center;
    display: inline-block;
    margin-left: 10px;
}

.content-wrapper div.event-details div.downloads {
    background: #f9f9f9 url('../img/flip.jpg') bottom right no-repeat;
    border-top: 1px solid #e1e1e1;
    overflow: auto;
}

.content-wrapper div.event-details div.block {
    background: #ffffff;
    border: 1px solid #e1e1e1;
    width: 115px;
    overflow: auto;
    float: left;
    margin-left: 10px;
    margin-top: 20px;
    padding-bottom: 10px;
}

.content-wrapper div.event-details div.block .thumbnail {
    position: relative;
    margin: 13px;
    overflow: auto;
    height: 90px;
    margin-bottom: 5px;
}

.content-wrapper div.event-details div.block .thumbnail .s {
    background: #ffffff;
    padding: 4px;
    border: 1px solid #e1e1e1;
    width: 70px;
    height: 70px;
    overflow: hidden;
    position: absolute;
    top: 0;
    z-index: 10;
}

.content-wrapper div.event-details div.block .thumbnail .sb {
    left: 4px;
    top: 4px;
    z-index: 9;
}

.content-wrapper div.event-details div.block .thumbnail .sd {
    left: 8px;
    top: 8px;
    z-index: 8;
}

.content-wrapper div.event-details div.block a.title  {
    color: #666666;
    font-family: Arial;
    font-size: 11px;
    text-decoration: none;
    margin-left: 13px;
}

.content-wrapper div.event-details div.block a.title:hover  {
    text-decoration: underline;
}

.content-wrapper div.event-details div.block div.count  {
    color: #949393;
    font-family: Arial;
    font-size: 10px;
    margin-left: 13px;
    margin-bottom: 10px;
}

.content-wrapper div.event-details div.block a.more  {
    display: block;
    color: #666666;
    font-family: Arial;
    font-size: 11px;
    text-decoration: none;
    margin-right: 13px;
    text-align: right;
}

.content-wrapper div.event-details div.block a.more:hover  {
    text-decoration: underline;
}

.content-wrapper div.event-details div.block .thumbnail .s .play_btn {
    position: absolute;
    background: rgba(0,0,0,0.20) url(../img/play-overlay.png) no-repeat 50% 50%;
    cursor: pointer;
    width: 70px;
    height: 70px;
    opacity: 1.0;
    -moz-opacity: 1.0;
}

.content-wrapper div.event-details div.downloads div.title {
    font-size: 14px;
    font-family: Century Gothic, sans-serif;
    color: #525252;
    text-align: left;
    padding: 0;
    margin-top: 5px;
    margin-left: 20px;
    padding-bottom: 5px;
    border: 0;
}

.content-wrapper div.event-details div.downloads div.title i {
    background: transparent url('../img/sprite.png') no-repeat -217px -58px;
    display: inline-block;
    height: 25px;
    width: 25px;
    position: relative;
    top: 9px;
}
.content-wrapper div.event-details div.downloads ul {
    padding: 0;
    margin: 10px 10px 0 10px;
    padding-bottom: 20px;
    list-style: none;
    list-style-image: none;
    overflow: hidden;
}

.content-wrapper div.event-details div.downloads ul li {
    overflow: hidden;
    padding: 5px 0;
    width: 338px;
    border-top: 1px dotted #e1e1e1;
    margin-right: 10px;
}

.content-wrapper div.event-details div.downloads ul li:nth-child(2n+2) {
    margin-right: 0;
}

.content-wrapper div.event-details div.downloads ul li div {
    float: left;
}

.content-wrapper div.event-details div.downloads ul li div span {
    display: inline-block;
    overflow: hidden;
    padding: 0;
    padding-top: 9px;
}

.content-wrapper div.event-details div.downloads ul li i.pdf {
    background: transparent url('../img/sprite.png') no-repeat -107px -96px;
    display: inline-block;
    height: 26px;
    width: 26px;
    float: left;
}

.content-wrapper div.event-details div.downloads ul li a.dl {
    background: transparent url('../img/sprite.png') no-repeat -145px -100px;
    display: inline-block;
    height: 20px;
    width: 20px;
    float: right;
    position: relative;
    top: 2px;
}

.content-wrapper div.big-title i.eparticipation {
    float: left;
    background: url(../img/sprite.png) -166px -176px no-repeat;
    width: 50px;
    height: 42px;
    position: relative;
    top: -5px;
    margin-right: 20px;
}

.content-wrapper div.eparticipation h1.title {
    font-size: 22px;
    font-family: Arial;
    font-weight: bold;
    color: #a73131;
    text-align: justify;
    margin: 0;
    padding: 20px 35px 20px 35px;
    border-bottom: 1px solid #e1e1e1;
    background: #fafafa;
}


.content-wrapper div.eparticipation div.article{
    padding: 23px;
    padding-bottom: 0;
    color: #333333;
    font-family: Arial;
    font-size: 12px;
    text-align: justify;
}

.content-wrapper div.eparticipation div.article img.visuel{
    padding: 0;
    margin: 0;
    margin-right: 23px;
    margin-bottom: 15px;
    float: left;
}

.content-wrapper div.eparticipation div.article p.synopsis{
    font-style: italic;
}

.content-wrapper div.eparticipation div.article p{
    margin: 0;
    padding: 0;
    margin-bottom: 15px;
}

.content-wrapper div.eparticipation div.downloads {
    background: #f9f9f9 url('../img/flip.jpg') bottom right no-repeat;
    border-top: 1px solid #e1e1e1;
    padding: 20px;
    margin-top: 20px;
}

.content-wrapper div.eparticipation div.downloads div.title {
    font-size: 14px;
    font-family: Century Gothic, sans-serif;
    color: #525252;
    text-align: left;
    padding: 0;
    margin-top: 5px;
    margin-left: 20px;
    padding-bottom: 20px;
    border: 0;
}

.content-wrapper div.eparticipation div.downloads div.title i {
    background: transparent url('../img/sprite.png') no-repeat -217px -58px;
    display: inline-block;
    height: 25px;
    width: 25px;
    position: relative;
    top: 9px;
}
.content-wrapper div.eparticipation div.downloads ul {
    padding: 0;
    margin: 10px 10px 0 10px;
    padding-bottom: 20px;
    list-style: none;
    list-style-image: none;
    overflow: hidden;
}

.content-wrapper div.eparticipation div.downloads ul li {
    overflow: hidden;
    padding: 5px 0;
    width: 338px;
    border-top: 1px dotted #e1e1e1;
}

.content-wrapper div.eparticipation div.downloads ul li div {
    float: left;
}

.content-wrapper div.eparticipation div.downloads ul li div span {
    display: inline-block;
    overflow: hidden;
    padding: 0;
    padding-top: 9px;
}


.content-wrapper div.eparticipation div.downloads ul li i.pdf {
    background: transparent url('../img/sprite.png') no-repeat -107px -96px;
    display: inline-block;
    height: 26px;
    width: 26px;
    float: left;
}

.content-wrapper div.eparticipation div.downloads ul li a.dl {
    background: transparent url('../img/sprite.png') no-repeat -145px -100px;
    display: inline-block;
    height: 20px;
    width: 20px;
    float: right;
    position: relative;
    top: 2px;
}


.content-wrapper .big-title2 {
    font-size: 20px;
    font-family: Century Gothic, sans-serif;
    padding: 25px;
    border: 1px solid #e0e0e0;
    background: url('../img/big_title_bg2.png') repeat-x;
    line-height: 30px;
    color: #a73131;
    text-decoration: none;
    display: block;
    margin-left: 23px;
    margin-right: 23px;
    text-align: center;
    padding-left: 15px;
}

.content-wrapper .big-title2-description  {
    font-size: 11px;
    font-family: Arial;
    color: #838282;
    text-align: center;
    padding: 20px 25px 20px 25px;
    border: 1px solid #e1e1e1;
    border-top: 0;
    background: #fafafa;
    margin-left: 23px;
    margin-right: 23px;
}

.content-wrapper .big-title2 i.eparticipation {
    float: left;
    background: url(../img/sprite.png) -281px -165px no-repeat;
    width: 60px;
    height: 60px;
    position: relative;
    top: -15px;
    margin-right: 20px;
}

.content-wrapper div.big-title i.appstore {
    float: left;
    background: url(../img/sprite.png) -353px -175px no-repeat;
    width: 50px;
    height: 50px;
    position: relative;
    top: -5px;
    margin-right: 20px;
}

.content-wrapper div.appstore ul.appstore {
    padding: 0;
    margin: 20px 10px 25px 8px;
    list-style: none;
    list-style-image: none;
}

.content-wrapper div.appstore ul.appstore li {
    background: #fff;
    height: auto;
    overflow: hidden;
    margin: 0;
    padding: 8px;
    margin-bottom: 5px;
    border: 1px solid #e1e1e1;
    border-left: 0;
    position: relative;
    display: block;
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    color: #666666;
}

.content-wrapper div.appstore ul.appstore li:before {
    width: 2px;
    display: block;
    content: ' ';
    position: absolute;
    left: 0;
    top: -1px;
    bottom: -1px;
    background: #e51212;
}

.content-wrapper div.appstore ul.appstore li img {
    float: left;
    padding-right: 10px;
    border-right: 1px solid #e1e1e1;
    margin-right: 15px;
}

.content-wrapper div.appstore ul.appstore li span.s1 {
    float: left;
    color: #444444;
    font-family: Arial;
    font-size: 12px;
    padding-top: 5px;
    display: inline-block;
    height: auto;
    width: 489px;
}

.content-wrapper div.appstore ul.appstore li span.s1 a {
    color: #666666;

    text-decoration: none;
}
.content-wrapper div.appstore ul.appstore li span.s1 h2 {margin:0px;}
.content-wrapper div.appstore ul.appstore li span.s1 h2 a  {
    font-family: Arial;
    font-weight: bold;
    font-size: 11px;
}
.content-wrapper div.appstore ul.appstore li span.s1 a:hover {
    text-decoration: underline;
}

.content-wrapper div.appstore ul.appstore li span.s1 p {
    color: #999999;
    font-family: Arial;
    font-size: 11px;
    text-decoration: none;
    font-style: italic;
    font-weight: normal;
}

.content-wrapper div.appstore ul.appstore li span.s1 a.more {
    text-align: right;
    display: block;
    color: #454343;
    text-decoration: none;
    float: right;
    font-family: Arial;
    font-weight: bold;
    font-size: 11px;
    margin-right: 10px;
    margin-top: 3px;
}

.content-wrapper div.appstore ul.appstore li span.s1 a.more i {
    background: #fff url('../img/sprite.png') no-repeat -158px -56px;
    display: inline-block;
    height: 15px;
    width: 20px;
}

.content-wrapper div.appstore-details h1.title {
    font-size: 22px;
    font-family: Arial;
    font-weight: bold;
    color: #a73131;
    text-align: justify;
    margin: 0;
    padding: 20px 35px 20px 35px;
    border-bottom: 1px solid #e1e1e1;
    background: #fafafa;
}

div.article{
    min-height: 120px;
}
div.article-bottom {margin-bottom: 20px;}
.content-wrapper div.appstore-details div.article{
    padding: 23px;
    padding-bottom: 0;
    color: #333333;
    font-family: Arial;
    font-size: 12px;
    text-align: justify;

}

.content-wrapper div.appstore-details div.article img.visuel{
    padding: 0;
    margin: 0;
    margin-right: 23px;
    margin-bottom: 15px;
    float: left;
}

.content-wrapper div.appstore-details div.article p.synopsis{
    font-style: italic;
}

.content-wrapper div.appstore-details div.article p{
    margin: 0;
    padding: 0;
    margin-bottom: 15px;
}

.content-wrapper .big-title2 i.appstore {
    float: left;
    background: url(../img/sprite.png) -281px -165px no-repeat;
    width: 60px;
    height: 60px;
    position: relative;
    top: -15px;
    margin-right: 20px;
}
.content-wrapper div.download_sys {
    margin: 0 23px;
    overflow: auto;
    margin-bottom: 5px;
    clear: both;
}
.content-wrapper div.download_sys div.mark {
    background: url(../img/download_sys_bg.png) repeat-x;
    overflow: auto;
    border: 1px solid #e1e1e1;
    margin-bottom: 5px;
}
.content-wrapper div.download_sys div.mark a{
    color: #a73131;
    font-family: arial;
    font-size: 11px;
    float: right;
    padding: 15px;
    background: url('../img/divider.png') no-repeat center left;
}
.content-wrapper div.download_sys div.mark i {display: inline-block;margin-left: 20px;position: relative;float: left;
}
.content-wrapper div.download_sys div.mark i.bb{background: url('../img/sprite.png') no-repeat -484px -91px;
                                                width: 156px;top: 8px;
                                                height: 29px;}
.content-wrapper div.download_sys div.mark i.ios{background: url('../img/sprite.png') no-repeat -402px -93px;
                                                 width: 55px;top: 10px;
                                                 height: 23px;}
.content-wrapper div.download_sys div.mark i.and{background: url('../img/sprite.png') no-repeat -477px -53px;
                                                 width: 161px;top: 10px;
                                                 height: 25px;}
.content-wrapper div.download_sys div.mark i.wp{background: url('../img/sprite.png') no-repeat -465px -8px;
                                                width: 169px;top: 10px;
                                                height: 26px;}
.content-wrapper div.download_sys div.mark i.sp{background: url('../img/sprite.png') no-repeat -316px -53px;
                                                width: 149px;top: 11px;
                                                height: 27px;}
.content-wrapper div.download_sys div.mark i.ovi{background: url('../img/sprite.png') no-repeat -322px -10px;
                                                 width: 85px;top: 7px;
                                                 height: 29px;}
.content-wrapper div.download_sys div.mark i.phone{background: url('../img/sprite.png') no-repeat -425px -8px;
                                                   width: 17px;top: 7px;
                                                   height: 32px;}
.content-wrapper div.appstore-details div.downloads {
    background: #f9f9f9 url('../img/flip.jpg') bottom right no-repeat;
    border-top: 1px solid #e1e1e1;
    padding: 20px;
    margin-top: 20px;
}

.content-wrapper div.appstore-details div.downloads div.title {
    font-size: 14px;
    font-family: Century Gothic, sans-serif;
    color: #525252;
    text-align: left;
    padding: 0;
    margin-top: 5px;
    margin-left: 20px;
    padding-bottom: 20px;
    border: 0;
}

.content-wrapper div.appstore-details div.downloads div.title i {
    background: transparent url('../img/sprite.png') no-repeat -217px -58px;
    display: inline-block;
    height: 25px;
    width: 25px;
    position: relative;
    top: 9px;
}

.content-wrapper div.appstore-details div.downloads ul {
    padding: 0;
    margin: 10px 10px 0 10px;
    padding-bottom: 20px;
    list-style: none;
    list-style-image: none;
    overflow: hidden;
}

.content-wrapper div.appstore-details div.downloads ul li {
    overflow: hidden;
    padding: 5px 0;
    width: 338px;
    border-top: 1px dotted #e1e1e1;
}

.content-wrapper div.appstore-details div.downloads ul li div {
    float: left;
}

.content-wrapper div.appstore-details div.downloads ul li div span {
    display: inline-block;
    overflow: hidden;
    padding: 0;
    padding-top: 9px;
}

.content-wrapper div.appstore-details div.downloads ul li i.pdf {
    background: transparent url('../img/sprite.png') no-repeat -107px -96px;
    display: inline-block;
    height: 26px;
    width: 26px;
    float: left;
}

.content-wrapper div.appstore-details div.downloads ul li a.dl {
    background: transparent url('../img/sprite.png') no-repeat -145px -100px;
    display: inline-block;
    height: 20px;
    width: 20px;
    float: right;
    position: relative;
    top: 2px;
}

.content-wrapper div.big-title i.opendata {
    float: left;
    background: url(../img/sprite.png) -222px -175px no-repeat;
    width: 50px;
    height: 42px;
    position: relative;
    top: -5px;
    margin-right: 20px;
}

.content-wrapper div.opendata-details h1.title {
    font-size: 22px;
    font-family: Arial;
    font-weight: bold;
    color: #a73131;
    text-align: justify;
    padding: 0 20px;
    border-bottom: 1px solid #e1e1e1;
    background: #fafafa;
    width: 668px;
    height: 95px;
    margin: 0;
}

.content-wrapper div.opendata-details h1.title span.s1 {
    float: left;
    display: inline-block;
    height: auto;
    width: 478px;
    margin-right: 10px;
    padding-top: 15px;
    padding-bottom: 15px;
}

.content-wrapper div.opendata-details h1.title span.s2 {
    float: left;
    color: #444444;
    font-family: Arial;
    font-size: 12px;
    padding: 0 0 0 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    display: inline-block;
    border-left: 1px solid #e1e1e1;
    width: 160px;
}

.content-wrapper div.opendata-details h1.title span.s2 div.type {
    text-align: left;
    background: #e4e4e4;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    color: #666666;
    text-decoration: none;
    font-family: Arial;
    font-size: 10px;
    padding: 3px 5px;
    margin-bottom: 3px;
    display: inline-block;
}

.content-wrapper div.opendata-details h1.title span.s2 div.date {
    text-align: left;
    display: block;
    color: #454343;
    text-decoration: none;
    font-family: Arial;
    font-size: 10px;
    margin-bottom: 10px;
}

.content-wrapper div.opendata-details h1.title  span.s2 div.date i {
    background: transparent url('../img/sprite.png') no-repeat -190px -58px;
    display: inline-block;
    height: 15px;
    width: 15px;
    position: relative;
    top: 2px;
}

.content-wrapper div.opendata-details div.article{
    padding: 23px;
    padding-bottom: 0;
    color: #333333;
    font-family: Arial;
    font-size: 12px;
    text-align: justify;
}

.content-wrapper div.opendata-details div.article img.visuel{
    padding: 0;
    margin: 0;
    margin-right: 23px;
    margin-bottom: 15px;
    float: left;
}

.content-wrapper div.opendata-details div.article p.synopsis{
    font-style: italic;
}

.content-wrapper div.opendata-details div.article p{
    margin: 0;
    padding: 0;
    margin-bottom: 15px;
}

.content-wrapper .big-title2 i.opendata {
    float: left;
    background: url(../img/sprite.png) -281px -165px no-repeat;
    width: 60px;
    height: 60px;
    position: relative;
    top: -15px;
    margin-right: 20px;
}

.content-wrapper div.opendata-details div.downloads {
    background: #f9f9f9 url('../img/flip.jpg') bottom right no-repeat;
    border-top: 1px solid #e1e1e1;
    padding: 20px;
    margin-top: 20px;
}

.content-wrapper div.opendata-details div.downloads div.title {
    font-size: 14px;
    font-family: Century Gothic, sans-serif;
    color: #525252;
    text-align: left;
    padding: 0;
    margin-top: 5px;
    margin-left: 20px;
    padding-bottom: 20px;
    border: 0;
    height: auto;
}

.content-wrapper div.opendata-details div.downloads div.title i {
    background: transparent url('../img/sprite.png') no-repeat -217px -58px;
    display: inline-block;
    height: 25px;
    width: 25px;
    position: relative;
    top: 9px;
}
.content-wrapper div.opendata-details div.downloads ul {
    padding: 0;
    margin: 10px 10px 0 10px;
    padding-bottom: 20px;
    list-style: none;
    list-style-image: none;
    overflow: hidden;
}

.content-wrapper div.opendata-details div.downloads ul li {
    overflow: hidden;
    padding: 5px 0;
    width: 338px;
    border-top: 1px dotted #e1e1e1;
    margin-right: 10px;
}

.content-wrapper div.opendata-details div.downloads ul li:nth-child(2n+2) {
    margin-right: 0;
}

.content-wrapper div.opendata-details div.downloads ul li div {
    float: left;
}

.content-wrapper div.opendata-details div.downloads ul li div span {
    display: inline-block;
    overflow: hidden;
    padding: 0;
    padding-top: 9px;
}


.content-wrapper div.opendata-details div.downloads ul li i.pdf {
    background: transparent url('../img/sprite.png') no-repeat -107px -96px;
    display: inline-block;
    height: 26px;
    width: 26px;
    float: left;
}

.content-wrapper div.opendata-details div.downloads ul li a.dl {
    background: transparent url('../img/sprite.png') no-repeat -145px -100px;
    display: inline-block;
    height: 20px;
    width: 20px;
    float: right;
    position: relative;
    top: 2px;
}

.opendata-filter {
    background: #fafafa;
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
    text-align: center;
    padding: 15px;
    margin-top: 10px;
}

.opendata-filter input[type=checkbox] {
    position: relative;
    top: 2px;
    margin-right: 5px;
}

.opendata-filter input[type=checkbox] {
    position: relative;
    top: 2px;
}

.opendata-filter label {
    margin-left: 20px;
}


.content-wrapper div.opendata ul.opendata {
    padding: 0;
    margin: 20px 10px 25px 8px;
    list-style: none;
    list-style-image: none;
}

.content-wrapper div.opendata ul.opendata li {
    background: #fff;
    height: auto;
    overflow: hidden;
    margin: 0;
    padding: 8px;
    margin-bottom: 10px;
    border: 1px solid #e1e1e1;
    border-left: 0;
    position: relative;
    display: block;
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    color: #666666;
}

.content-wrapper div.opendata ul.opendata li:before {
    width: 2px;
    display: block;
    content: ' ';
    position: absolute;
    left: 0;
    top: -1px;
    bottom: -1px;
    background: #e51212;
}

.content-wrapper div.opendata ul.opendata li img {
    float: left;
    padding-right: 10px;
    border-right: 1px solid #e1e1e1;
    margin-right: 15px;
}

.content-wrapper div.opendata ul.opendata li span.s1 {
    float: left;
    color: #444444;
    font-family: Arial;
    font-size: 12px;
    padding-top: 5px;
    display: inline-block;
    height: auto;
    width: 308px;
    padding-right: 10px;
}

.content-wrapper div.opendata ul.opendata li span.s1 a {
    color: #666666;
    font-family: Arial;
    font-weight: bold;
    font-size: 11px;
    text-decoration: none;
}

.content-wrapper div.opendata ul.opendata li span.s1 a:hover {
    text-decoration: underline;
}

.content-wrapper div.opendata ul.opendata li span.s1 p {
    color: #999999;
    font-family: Arial;
    font-size: 11px;
    text-decoration: none;
    font-style: italic;
    font-weight: normal;
}

.content-wrapper div.opendata ul.opendata li span.s1 a.more {
    text-align: right;
    display: block;
    color: #454343;
    text-decoration: none;
    float: right;
    font-family: Arial;
    font-weight: bold;
    font-size: 11px;
    margin-right: 10px;
    margin-top: 3px;
}

.content-wrapper div.opendata ul.opendata li span.s1 a.more i {
    background: #fff url('../img/sprite.png') no-repeat -158px -56px;
    display: inline-block;
    height: 15px;
    width: 20px;
}


.content-wrapper div.opendata ul li span.s2 {
    float: left;
    color: #444444;
    font-family: Arial;
    font-size: 12px;
    padding: 10px 0 10px 10px;
    padding-top: 0;
    padding-bottom: 0;
    display: inline-block;
    height: 115px;
    border-left: 1px solid #e1e1e1;
    width: 160px;
}

.content-wrapper div.opendata ul li span.s2 div.bk {
    padding-top: 15px;
    height: 62px;
}
.content-wrapper div.opendata ul li span.s2 div.type {
    text-align: left;
    background: #e4e4e4;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    color: #666666;
    text-decoration: none;
    font-family: Arial;
    font-size: 10px;
    padding: 3px 5px;
    margin-bottom: 3px;
    display: inline-block;
}

.content-wrapper div.opendata ul li span.s2 div.date {
    text-align: left;
    display: block;
    color: #454343;
    text-decoration: none;
    font-family: Arial;
    font-size: 10px;
    margin-bottom: 2px;
}

.content-wrapper div.opendata ul li span.s2 div.date i {
    background: transparent url('../img/sprite.png') no-repeat -190px -58px;
    display: inline-block;
    height: 15px;
    width: 15px;
    position: relative;
    top: 2px;
}

.content-wrapper div.opendata ul li span.s2 a.more {
    text-align: left;
    display: block;
    color: #454343;
    text-decoration: none;
    font-family: Arial;
    font-size: 11px;
}

.content-wrapper div.opendata ul li span.s2 a.more i {
    background: transparent url('../img/sprite.png') no-repeat -158px -56px;
    display: inline-block;
    height: 15px;
    width: 20px;
}
/********* Article typography *******************/
div.content-wrapper div.article-details  a,
div.content-wrapper div.article-details  a:hover,
div.content-wrapper div.article-details  a:active,
div.content-wrapper div.article-details  a:visited
{
    color:#4d9647;
}
div.content-wrapper div.article-details h3 {
    color:#578c8e;
    font-weight: bold;
    font-size: 12px;
    font-family: arial;
}

.content-wrapper .article-title {
    font-size: 16px;
    font-family: Century Gothic, sans-serif;
    padding: 25px;
    border-bottom: 1px solid #d4d4d4;
    background: url('../img/big_title_bg2.png');
    line-height: 29px;
    text-transform: uppercase;
    overflow: hidden;
    height: 30px;
}

.content-wrapper .article-title .k2 {
    float: left;
    width: 478px;
    position: relative;
    top: -15px;
    left: -10px;
    line-height: 20px;
}

.content-wrapper div.article-details {
    padding: 20px;
    overflow: auto;
}

.content-wrapper div.article-details h2 {
    color: #333333;
    font-size: 18px;
    font-weight: bold;
}
.content-wrapper div.article-details h3 {
    color: #333333;
    font-size: 17px;
    font-weight: bold;
}
.content-wrapper div.article-details h4 {
    color: #333333;
    font-size: 15px;
    font-weight: bold;
    font-family: arial;
}
.content-wrapper div.article-details h5 {
    color: #333333;
    font-size: 13px;
    font-weight: bold;
    font-family: arial;
}
.content-wrapper div.article-details h6 {
    color: #333333;
    font-size: 12px;
    font-weight: bold;
    font-family: arial;
}
.content-wrapper div.article-details .visuel {
    float: left;
    margin-bottom: 10px;
    margin-right: 10px;
}

.content-wrapper div.article-details p {
    padding: 0;
    margin: 0;
    margin-bottom: 10px;
    color: #666666;
    font-family: Arial;
    font-size: 12px;
    text-align: justify;
}

.content-wrapper div.article-details ol {
    counter-reset:li;
    margin:0;
    padding:0;
    margin-bottom: 20px;
    color: #333333;
}
.content-wrapper div.article-details ol > li {
    position:relative;
    margin:0 0 6px 2em;
    padding:4px 8px;
    list-style:none;
    border-top:1px solid #dfdfdf;
    border-bottom:1px solid #dfdfdf;
    border-right: 1px solid #e9e9e9;
    background:#f9f9f9;
    min-width: 200px;
    max-width: 350px;
}
.content-wrapper div.article-details ol > li:before {
    content:counter(li); /* Use the counter as content */
    counter-increment:li; /* Increment the counter by 1 */
    /* Position and style the number */
    position:absolute;
    top: -1px;
    left: -2em;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    width:2em;
    margin-right:8px;
    padding:4px;
    border-top:1px solid #dfdfdf;
    border-bottom:1px solid #dfdfdf;
    color:#414040;
    background:#e1e1e1;
    font-size: 11px;
    text-align:center;
}
.content-wrapper div.article-details ol li ol,
.content-wrapper div.article-details ol li ul {margin-top:6px;}
.content-wrapper div.article-details ol ol li:last-child {margin-bottom:0;}

.content-wrapper div.article-details ul
{
    list-style-type:none;
    padding:0px;
    margin:0px;
}

.content-wrapper div.article-details ul li
{
    position: relative;
    line-height: 25px;
    font-size: 12px;
    margin-left: 15px;
    color: #666666;
}


.content-wrapper div.article-details ul > li:before {
    content: '›';
    position: absolute;
    top: 6px;
    left: -19px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: 11px;
    padding: 0px 4px 1px 4px;
    color: #666666;
    background: #e1e1e1;
    font-size: 10px;
    text-align: center;
    margin-right: 5px;
    height: 12px;
    line-height: 10px;
}

.content-wrapper div.article-details ul li:last-child {margin-bottom:0;}

.content-wrapper div.big-title i.recherche {
    float: left;
    background: url(../img/sprite.png) -413px -180px no-repeat;
    width: 40px;
    height: 40px;
    position: relative;
    top: -5px;
    margin-right: 20px;
}

.content-wrapper div.recherche-filter {
    background: #fafafa;
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
    padding: 25px 15px;
    padding-top: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.content-wrapper div.recherche-filter .searchform {
    background: #ffffff;
    padding: 0;
    margin: 0;
    overflow: hidden;
    -moz-border-radius: 3px;
    -webkit-border-radius:3px;
    border-radius: 3px;
    border: 1px solid #cccccc;
    display: inline-block;
    width: 275px;
    position: relative;
    top: 10px;
}

.content-wrapper div.recherche-filter .searchform input[type=text] {
    background: transparent;
    margin: 0;
    padding: 7px;
    border: 0;
    width: 236px;
    color: #9b9b9b;
    float: left;
}

.content-wrapper div.recherche-filter .searchform input[type=text]::-webkit-input-placeholder { color:#9b9b9b; }
.content-wrapper div.recherche-filter .searchform input[type=text]::-moz-placeholder { color:#9b9b9b; } /* firefox 19+ */
.content-wrapper div.recherche-filter .searchform input[type=text]:-ms-input-placeholder { color:#9b9b9b; } /* ie */

.content-wrapper div.recherche-filter .searchform input[type=submit] {
    padding: 0;
    border: 0;
    width: 25px;
    height: 25px;
    position: relative;
    line-height: 25px;
    float: left;
    background: #ffffff url('../img/search_btn.png') no-repeat 5px 4px;
    top: 1px;
}

.content-wrapper div.recherche-filter label input[type=checkbox] {
    position: relative;
    top: 3px;
    margin-right: 6px;
}
.content-wrapper div.recherche {
    margin-bottom: 10px;
    /*border-bottom: 1px solid #e1e1e1;*/
}
.content-wrapper div.recherche div.title {
    padding: 5px 15px;
    background: #fafafa;
    color: #525252;
    font-family: CenturyGothic;
    border: 1px solid #e1e1e1;
    border-bottom: 0;
    float: left;
    margin-left: 20px;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

section.recherche { 
    width: auto;
    border: 1px solid #e1e1e1;
    margin-top: 50px;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
    min-height: 65px !important;
}

section.recherche .nav { 
    overflow: hidden;
    padding: 0;
    margin: 0;
    position: relative;
    top: -38px;
    z-index: 100;
    width: 680px;
    left: 15px;
}
section.recherche .nav li { width: auto;float: left;margin-right:5px; }
section.recherche .nav li.last { margin-right: 0; }
section.recherche .nav li a,section.recherche .nav li a:hover  {
    display: block;
    padding: 10px;
    background: #f5f5f5; /* Old browsers */
    background: -moz-linear-gradient(top,  #f5f5f5 0%, #feffff 99%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(99%,#feffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f5f5f5 0%,#feffff 99%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f5f5f5 0%,#feffff 99%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f5f5f5 0%,#feffff 99%); /* IE10+ */
    background: linear-gradient(to bottom,  #f5f5f5 0%,#feffff 99%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#feffff',GradientType=0 ); /* IE6-9 */
    font-family: 'CenturyGothic';
    color: #525252;
    font-size: 13px;
    text-align: center;
    border-left: 1px solid #e1e1e1;
    border-right: 1px solid #e1e1e1;
    border-top: 1px solid #e1e1e1;
    text-decoration: none;
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
    border-bottom: 1px solid #ededed;
}

section.recherche ul { margin: 0;padding: 0;list-style: none;}
section.recherche ul li a { }
section.recherche ul li a:hover, section.recherche ul li a:focus { border-bottom: 1px solid transparent;color: #424242; }
section.recherche div.list-wrap {
    position: relative;
    margin-top: -38px;
    /*min-height: 1323px;*/
}
section.recherche ul.nav li a.current {font-weight: bold;border-bottom: solid 1px #fff;}
.content-wrapper div.recherche ul.recherche {
    padding: 0;
    list-style: none;
    list-style-image: none;
    position: relative;
}

.content-wrapper section#recherche.recherche div.list-wrap div.no-result{
    margin: 20px 20px;
    padding: 5px 10px;
    border: 1px solid #e2e2e2;
    position: relative;
    font-family: arial;
    background: #f6f6f6;
    font-size: 11px;
    color: #666666;
    font-weight: bold;
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
}
.content-wrapper div.recherche ul.recherche div.loading {
    /*background: rgba(255, 255, 255, 0.5);*/
    height: 100%;
    width: 100%;
    overflow: auto;
    position: absolute;
    z-index: 1;
}
.bt {
    background: url('../img/bt05.png') repeat;
}
.content-wrapper div.recherche ul.recherche div.loading img {
    max-width: 35px;
    margin-top: 15%;
    margin-left: 310px;
}
.content-wrapper div.recherche div.pagination {
    margin: 0 10px;
    text-align: center;
    overflow: auto;
    border-top:1px solid #e1e1e1;
}

.content-wrapper div.list-wrap div.recherche div.pagination ul{
    display: inline-block;
    padding: 0;
    /* margin-top: 15px!important;*/
    margin-bottom: 12px!important;
    margin-top: 15px !important;
}

.content-wrapper div.recherche ul.recherche li {
    background: #fff;
    height: auto;
    overflow: hidden;
    margin: 0 8px;
    padding: 8px;
    border: 0;
    border-bottom: 1px solid #e1e1e1;
    position: relative;
    display: block;
    text-decoration: none;
    color: #666666;
}

.content-wrapper div.recherche ul.recherche li:last-child {
    border-bottom: 0;
}


.content-wrapper div.recherche ul.recherche li span.s1 {
    float: left;
    color: #444444;
    font-family: Arial;
    font-size: 12px;
    padding-top: 5px;
    display: inline-block;
    height: auto;
}

.content-wrapper div.recherche ul.recherche li span.s1 a {
    color: #666666;
    font-family: Arial;
    font-weight: bold;
    font-size: 11px;
    text-decoration: none;
}

.content-wrapper div.recherche ul.recherche li span.s1 a:hover {
    text-decoration: underline;
}

.content-wrapper div.recherche ul.recherche li span.s1 span.cat {
    color: #999999;
    font-family: Arial;
    font-style: italic;
    font-weight: normal;
    font-size: 11px;
    display: block;
}

.content-wrapper div.recherche ul.recherche li span.s1 p {
    color: #999999;
    font-family: Arial;
    font-size: 11px;
    text-decoration: none;
    font-weight: normal;
    margin-bottom: 0;
}

.content-wrapper div.recherche ul.recherche li span.s1 a.more {
    text-align: left;
    color: #bb5050;
    text-decoration: none;
    font-family: Arial;
    font-weight: normal;
    font-size: 11px;
    font-style: italic;
}

.content-wrapper div.recherche ul.recherche li span.s1 a.more i.pdf {
    background: transparent url('../img/sprite.png') no-repeat -107px -96px;
    display: inline-block;
    height: 26px;
    width: 26px;
    position: relative;
    top: 7px;
}

.content-wrapper div.recherche ul.recherche li span.s1 a.more:hover {
    text-decoration: underline;
}

.content-wrapper div.recherche ul.recherche li span.s1 span.related {
    color: #999999;
    font-family: Arial;
    font-size: 11px;
    text-decoration: none;
    font-style: italic;
    font-weight: normal;
}


#sidebar div.search-filter {
    background: #ffffff;
    border: 1px solid #e1e1e1;
    border-top: 0;
    margin-bottom: 15px;
}

#sidebar div.search-filter div.title {
    font-size: 16px;
    font-family: Century Gothic, sans-serif;
    color: #474747;
    background: #dedede;
    padding: 10px 20px;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RlZGVkZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijg4JSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top,  #dedede 0%, #fefefe 88%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dedede), color-stop(88%,#fefefe));
    background: -webkit-linear-gradient(top,  #dedede 0%,#fefefe 88%);
    background: -o-linear-gradient(top,  #dedede 0%,#fefefe 88%);
    background: -ms-linear-gradient(top,  #dedede 0%,#fefefe 88%);
    background: linear-gradient(to bottom,  #dedede 0%,#fefefe 88%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dedede', endColorstr='#fefefe',GradientType=0 );
}

#sidebar div.search-filter div.search-options{
    margin: 20px;
    margin-top: 5px;
}

#sidebar div.search-filter label{
    display: inline-block;
    line-height: 22px;
    color: #666666;
    font-size: 11px;
    height: 22px;
}

#sidebar div.search-filter label input[type=checkbox]{
    position: relative;
    top: 3px;
    margin-right: 6px;
}

form fieldset {
    padding: 1em;
    border: 1px solid #e1e1e1;
    margin: 10px;
}

form fieldset legend {
    font-size: 16px;
    font-family: Century Gothic, sans-serif;
    color: #5a5a5a;
    padding: 0 10px;
    margin-bottom: 20px;
}

form fieldset div.row {
    margin-bottom: 10px;
    margin-left: 30px;
    overflow: hidden;
}

form fieldset div.row label {
    float:left;
    width:100px;
    margin-right: 15px;
    padding-top: 6px;
    text-align:left;
    font-weight:bold;
    color: #747474;
    cursor: initial;
}

form fieldset div.row label.s {
    float:left;
    width: auto;
    margin-right: 25px;
    padding-top: 5px;
    text-align:left;
    font-weight:normal;
    color: #747474;
    cursor: pointer;
}

form fieldset div.row label.s input[type=checkbox],
form fieldset div.row label.s input[type=radio] {
    position: relative;
    top: 2px;
}

form fieldset div.row input[type=text]{
    color: #9b9b9b;
    background: #ffffff;
    padding: 6px;
    margin: 0;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #cccccc;
    width: 186px;
}

form fieldset div.row textarea {
    background: #fff;
    border: 1px solid #cccccc;
    padding: 5px;
    margin: 0;
    color: #9b9b9b;
    max-width: 250px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    height: 105px;
}

form fieldset div.row select {
    background: #fff;
    border: 1px solid #cccccc;
    padding: 5px;
    margin: 0;
    color: #9b9b9b;
    max-width: 250px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    width: 198px;
}

form fieldset div.row input[type=submit], div.popup_box div.pop_form div.fr div.pop_btn input[type=submit], div.popup_box div.pop_form div.fr div.pop_btn input[type=reset], div.popup_box div.pop_form_sahara div.pop_btn input[type=submit], div.popup_box div.pop_form_sahara div.pop_btn input[type=reset] {
    color: #ffffff;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    cursor: default;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    white-space: nowrap;
    height: 27px;
    line-height: 27px;
    min-width: 54px;
    outline: 0;
    padding: 0 8px;
    background: #373737;
    border: 0;
    margin-top: 25px;
}

.content-wrapper div.big-title i.photos {
    float: left;
    background: url(../img/sprite.png) -512px -177px no-repeat;
    width: 40px;
    height: 40px;
    position: relative;
    top: -5px;
    margin-right: 20px;
}


.content-wrapper div.photos-w {
    overflow: auto;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #e1e1e1;
    display: block;
    width: 100%;
}


.content-wrapper div.photos div.block {
    background: #fcfcfc;
    border: 1px solid #e1e1e1;
    width: 219px;
    height:264px;
    overflow: auto;
    float: left;
    margin-left: 11px;
    margin-top: 10px;
    padding-bottom: 10px;
    position:relative;
}

.content-wrapper div.photos div.block .thumbnail {
    position: relative;
    margin: 10px;
    overflow: auto;
    height: 145px;
    margin-bottom: 5px;
}

.content-wrapper div.photos div.block .thumbnail .s {
    background: #ffffff;
    padding: 7px;
    border: 1px solid #e1e1e1;
    width: 173px;
    height: 114px;
    overflow: hidden;
    position: absolute;
    top: 0;
    z-index: 10;
}

.content-wrapper div.photos div.block .thumbnail .s img {
    width: 172px;
    height: 114px;
}

.content-wrapper div.photos div.block .thumbnail .sb {
    left: 5px;
    top: 5px;
    z-index: 9;
}

.content-wrapper div.photos div.block .thumbnail .sd {
    left: 10px;
    top: 10px;
    z-index: 8;
}

.content-wrapper div.photos div.block a.title  {
    color: #000;
    font-family: Arial;
    font-size: 10px;
    text-decoration: none;
    width:199px;
    margin-left:10px;
    margin-right:10px;
    text-align: justify;


}

.content-wrapper div.photos div.block a.title:hover  {
    text-decoration: underline;
}

.content-wrapper div.photos div.block div.count  {
    color: #949393;
    font-family: Arial;
    font-size: 10px;
    left:5px;
    position:absolute;
    bottom :8px;
}

.content-wrapper div.photos div.block a.more  {
    display: block;
    color: #666666;
    font-family: Arial;
    font-size: 11px;
    text-decoration: none;
    right: 5px;
    text-align: right;
    float: right;
    position:absolute;
    bottom:4px;
    line-height: 22px;
}

.content-wrapper div.photos div.block a.more i {
    background: transparent url('../img/sprite.png') no-repeat -184px -146px;
    display: inline-block;
    height: 15px;
    width: 15px;
    position: relative;
    top: 3px;
}

.content-wrapper div.photos div.block a.more:hover  {
    text-decoration: underline;
}

.content-wrapper div.photos div.block div.date {
    text-align: left;
    display: block;
    color: #454343;
    text-decoration: none;
    font-family: Arial;
    font-size: 10px;
    width: 131px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    float: left;
    position:absolute;
    bottom:4px;
    right:5px;
}

.content-wrapper div.photos div.block div.date i {
    background: transparent url('../img/sprite.png') no-repeat -190px -58px;
    display: inline-block;
    height: 15px;
    width: 15px;
    position: relative;
    top: 2px;
}

.content-wrapper div.big-title i.videos {
    float: left;
    background: url(../img/sprite.png) -461px -179px no-repeat;
    width: 40px;
    height: 40px;
    position: relative;
    top: -5px;
    margin-right: 20px;
}

.content-wrapper h1.title-video {       
    font-size: 22px;        
    font-family: Arial;     
    font-weight: bold;      
    color: #a73131;     
    text-align: center;     
    margin: 0;      
    padding: 20px 35px 20px 35px;       
    border-bottom: 1px solid #e1e1e1;       
    background: #fafafa;        
}       
.content-wrapper div.videos div.video-wrapper {     
    margin: 30px auto 50px auto;        
    min-width: 480px;       
    width: 480px;       
    /*       min-height: 300px;      */
}       
.content-wrapper div.videos div.video-wrapper div.videos_backround      
{       
    background: rgb(0, 0, 0);       
    position: relative;     
    z-index: 1;     
}       
.content-wrapper div.videos div.video-wrapper div.shadow {      
    width: 481px;       
    height: 40px;       
    position: absolute;     
    margin: 0 auto;     
    background: url('../img/video-shadow.png') no-repeat;       
    margin-top: -92px;      
}       

.content-wrapper div.videos-a ul{       
    list-style: none;       
    margin: 0px 10px;       
    padding: 0px 10px;      
}       
.content-wrapper div.videos-a ul li     
{       
    color: #5a5a5a;     
    font-family: Arial;     
    font-size: 11px;        
    font-weight: normal;        
    overflow: hidden;       
    border-bottom: 1px solid #e9e9e9;       
    padding-bottom: 10px;       
}       
.content-wrapper div.videos-a ul li h2 {margin: 10px 0px;display: block;}       
.content-wrapper div.videos-a ul li h2 a{       
    font-family: Arial;     
    color: #666666;     
    text-decoration: none;      
    font-size: 11px;        
    font-weight: normal;        
}       
.content-wrapper div.videos-a div.date      
{       
    float: left;        
    display: block;     
    color: #666;        
    text-decoration: none;      
    font-family: Arial;     
    font-size: 10px;        
    margin-right: 25px;     
}       
.content-wrapper div.videos-a div.date i        
{       
    background: transparent url('../img/sprite.png') no-repeat -190px -58px;        
    display: inline-block;      
    height: 15px;       
    width: 15px;        
    position: relative;     
    top: 2px;       
}       
.content-wrapper div.videos-a a.more {      
    float: right;       
    display: block;     
    color: #515050;        
    text-decoration: none;     
    font-family: Arial;     
    font-size: 11px;        
}       
.content-wrapper div.videos-a a.more i      
{       
    background: transparent url('../img/sprite.png') no-repeat -158px -56px;        
    display: inline-block;      
    height: 15px;       
    width: 20px;        
}       
.content-wrapper div.videos-a ul li span {      
    overflow: hidden;       
    float: left;        
    position: relative;     
    top: 1px;       

}   
.content-wrapper div.videos-a span div.type {       
    text-align: left;       
    background: #e4e4e4;        
    border-radius: 3px;     
    -webkit-border-radius: 3px;     
    -moz-border-radius: 3px;        

    padding: 3px 5px;       
    margin-bottom: 3px;     
    display: inline-block;      
}       
.content-wrapper div.videos-a span div.type a {     
    color: #666666;     
    text-decoration: none;      
    font-family: Arial;     
    font-size: 10px;        
}       
.content-wrapper div.videos-w, .content-wrapper div.videos-a {      
    overflow: hidden;
    padding-bottom: 20px;   
    margin-bottom: 20px;
    border-bottom: 1px solid #e1e1e1;
    display: block;
    width: 100%;
    margin-top: 10px;       
}       
.content-wrapper div.videos-w div.title, .content-wrapper div.videos-a div.title {      
    margin: 0 10px;     
    border-bottom: 1px solid #e9e9e9;       
    overflow: hidden        
}       
.content-wrapper div.videos-w div.title span ,.content-wrapper div.videos-a div.title span{     
    background: #f3f3f3;        
    padding: 5px 15px;      
    margin-left: 10px;      
    float: left;        
    border-left: 1px solid #e9e9e9;     
    position: relative;     
    border-right: 1px solid #e9e9e9;        
    border-top: 1px solid #e9e9e9;      
    -webkit-border-top-left-radius: 3px;        
    -webkit-border-top-right-radius: 3px;       
    -moz-border-radius-topleft: 3px;        
    -moz-border-radius-topright: 3px;       
    border-top-left-radius: 3px;        
    border-top-right-radius: 3px;       
    font-family: arial;       font-size: 11px;        
    color: #6a6a6a;     
}       
.content-wrapper div.videos-w div.foot {        
    border-bottom: 1px solid #e9e9e9;       
    margin: 10px 10px 0px 10px;     
}

.content-wrapper div.videos div.block {
    background: #fcfcfc;
    border: 1px solid #e1e1e1;
    width: 219px;
    overflow: hidden;
    float: left;
    margin-left: 11px;
    margin-top: 10px;
    padding-bottom: 10px;
    min-height:200px;
    position:relative;
}

.content-wrapper div.videos div.block .thumbnail {
    position: relative;
    margin: 10px;
    overflow: hidden;
    height: 145px;
    margin-bottom: 5px;
}

.content-wrapper div.videos div.block .thumbnail .s {
    background: #ffffff;
    padding: 7px;
    border: 1px solid #e1e1e1;
    width: 173px;
    height: 114px;
    overflow: hidden;
    position: absolute;
    top: 0;
    z-index: 10;
}

.content-wrapper div.videos div.block .thumbnail .s img {
    width: 172px;
    height: 114px;
}

.content-wrapper div.videos div.block .thumbnail .s .play_btn {
    position: absolute;
    background: rgba(0,0,0,0.20) url(../img/play-overlay.png) no-repeat 50% 50%;
    cursor: pointer;
    width: 172px;
    height: 114px;
    opacity: 1.0;
    -moz-opacity: 1.0;
}

.content-wrapper div.videos div.block .thumbnail .sb {
    left: 5px;
    top: 5px;
    z-index: 9;
}

.content-wrapper div.videos div.block .thumbnail .sd {
    left: 10px;
    top: 10px;
    z-index: 8;
}

.content-wrapper div.videos div.block a.title  {
    color: #666666;
    font-family: Arial;
    font-size: 11px;
    text-decoration: none;
    margin-left: 13px;
}

.content-wrapper div.videos div.block a.title:hover  {
    text-decoration: underline;
}

.content-wrapper div.videos div.block div.count  {
    color: #949393;
    font-family: Arial;
    font-size: 10px;
    position:absolute;
    bottom:8px;
    left:5px;
}

.content-wrapper div.videos div.block a.more  {
    display: block;
    color: #666666;
    font-family: Arial;
    font-size: 11px;
    text-decoration: none;
    text-align: right;
    line-height: 22px;
    float: right;
    position:absolute;
    bottom:4px;
    right:5px;
}

.content-wrapper div.videos div.block a.more:hover  {
    text-decoration: underline;
}

.content-wrapper div.videos div.block a.more i {
    background: transparent url('../img/sprite.png') no-repeat -159px -145px;
    display: inline-block;
    height: 15px;
    width: 15px;
    position: relative;
    top: 3px;
}

.content-wrapper div.videos div.block div.date {
    text-align: left;
    display: block;
    color: #454343;
    text-decoration: none;
    font-family: Arial;
    font-size: 10px;
    margin-bottom: 2px;
    width: 130px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position:absolute;
    bottom:6px;
    left:5px;
    float: left;
}

.content-wrapper div.videos div.block div.date i {
    background: transparent url('../img/sprite.png') no-repeat -190px -58px;
    display: inline-block;
    height: 15px;
    width: 15px;
    position: relative;
    top: 2px;
}



/* WYSIWYG CSS */

.content-wrapper div.activity-details div.article h2,
.content-wrapper div.eparticipation div.article h2,
.content-wrapper div.discours-details div.discours h2,
.content-wrapper div.opendata-details div.article h2,
.content-wrapper div.appstore-details div.article h2,
.content-wrapper div.event-details div.article h2{
    color: #333333;
    font-size: 18px;
    font-weight: bold;
}

.content-wrapper div.activity-details div.article ol,
.content-wrapper div.eparticipation div.article ol,
.content-wrapper div.discours-details div.discours ol,
.content-wrapper div.opendata-details div.article ol,
.content-wrapper div.appstore-details div.article ol,
.content-wrapper div.event-details div.article ol {
    counter-reset:li;
    margin:0;
    padding:0;
    margin-bottom: 20px;
    color: #333333;
}
.content-wrapper div.activity-details div.article ol > li,
.content-wrapper div.eparticipation div.article ol > li,
.content-wrapper div.discours-details div.discours ol > li,
.content-wrapper div.opendata-details div.article ol > li,
.content-wrapper div.appstore-details div.article ol > li,
.content-wrapper div.event-details div.article ol > li{
    position:relative;
    margin:0 0 6px 2em;
    padding:4px 8px;
    list-style:none;
    border-top:1px solid #dfdfdf;
    border-bottom:1px solid #dfdfdf;
    border-right: 1px solid #e9e9e9;
    background:#f9f9f9;
    min-width: 200px;
    max-width: 350px;
}
.content-wrapper div.activity-details div.article ol > li:before,
.content-wrapper div.eparticipation div.article ol > li:before,
.content-wrapper div.discours-details div.discours ol > li:before,
.content-wrapper div.opendata-details div.article ol > li:before,
.content-wrapper div.appstore-details div.article ol > li:before,
.content-wrapper div.event-details div.article ol > li:before{
    content:counter(li);
    counter-increment:li;
    /* Position and style the number */
    position:absolute;
    top: -1px;
    left: -2em;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    width:2em;
    margin-right:8px;
    padding:4px;
    border-top:1px solid #dfdfdf;
    border-bottom:1px solid #dfdfdf;
    color:#414040;
    background:#e1e1e1;
    font-size: 11px;
    text-align:center;
}
.content-wrapper div.activity-details div.article ol li ol,
.content-wrapper div.activity-details div.article ol li ul,

.content-wrapper div.eparticipation div.article ol li ol,
.content-wrapper div.eparticipation div.article ol li ul,

.content-wrapper div.discours-details div.discours ol li ol,
.content-wrapper div.discours-details div.discours ol li ul,

.content-wrapper div.opendata-details div.article ol li ol,
.content-wrapper div.opendata-details div.article ol li ul,
.content-wrapper div.appstore-details div.article ol li ol,
.content-wrapper div.appstore-details div.article ol li ul,

.content-wrapper div.event-details div.article ol li ol,
.content-wrapper div.event-details div.article ol li ul {margin-top:6px;}

.content-wrapper div.activity-details div.article ol ol li:last-child,
.content-wrapper div.eparticipation div.article ol ol li:last-child,
.content-wrapper div.discours-details div.discours ol ol li:last-child,
.content-wrapper div.opendata-details div.article ol ol li:last-child,
.content-wrapper div.appstore-details div.article ol ol li:last-child,
.content-wrapper div.event-details div.article ol ol li:last-child{margin-bottom:0;}

.content-wrapper div.activity-details div.article ul,
.content-wrapper div.eparticipation div.article ul,
.content-wrapper div.discours-details div.discours ul,
.content-wrapper div.opendata-details div.article ul,
.content-wrapper div.appstore-details div.article ul,
.content-wrapper div.event-details div.article  ul
{
    list-style-type:none;
    padding:0px;
    margin:0px;
}

.content-wrapper div.activity-details div.article ul li,
.content-wrapper div.eparticipation div.article ul li,
.content-wrapper div.discours-details div.discours ul li,
.content-wrapper div.opendata-details div.article ul li,
.content-wrapper div.appstore-details div.article ul li,
.content-wrapper div.event-details div.article ul li
{
    position: relative;
    line-height: 25px;
    font-size: 12px;
    margin-left: 18px;
    color: #666666;
}


.content-wrapper div.activity-details div.article ul > li:before,
.content-wrapper div.eparticipation div.article ul > li:before,
.content-wrapper div.discours-details div.discours ul > li:before,
.content-wrapper div.opendata-details div.article ul > li:before,
.content-wrapper div.appstore-details div.article ul > li:before,
.content-wrapper div.event-details div.article ul > li:before{
    content: '›';
    position: absolute;
    top: 6px;
    left: -19px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: 11px;
    padding: 0px 4px 1px 4px;
    color: #666666;
    background: #e1e1e1;
    font-size: 12px;
    text-align: center;
    margin-right: 5px;
    height: 12px;
    line-height: 10px;
}

.content-wrapper div.activity-details div.article ul li:last-child,
.content-wrapper div.eparticipation div.article ul li:last-child,
.content-wrapper div.discours-details div.discours ul li:last-child,
.content-wrapper div.opendata-details div.article ul li:last-child,
.content-wrapper div.appstore-details div.article ul li:last-child,
.content-wrapper div.event-details div.article ul li:last-child {margin-bottom:0;}






/* CSS */
.clear {
    clear: both;
    width: 100%;

}
.popup_box { 
    display:none; 
    width:770px;  
    background:#FFFFFF;  
    z-index:100; 
}
div.popup_box div.pop_head {
    background: #40888b;
    height: 40px;
    position: relative;
    font-family: 'CenturyGothic';
}
div.popup_box div.pop_head a.closepop {
    position: absolute;
    right: 10px;
    background: transparent url('../img/sprite.png') no-repeat -9px -102px;
    width: 20px;
    height: 20px;
    top: 11px;
}
div.popup_box div.pop_head div.title {
    font-size: 18.5px;
    font-weight: normal;
    color: #fff;
    text-align: left;
    float: left;
    line-height: 18.5px;
    margin-top: 10px;
    margin-left: 15px;
}
div.popup_box div.pop_head div.title i 
{
    background: url('../img/sprite.png') no-repeat -242px -100px;
    width: 25px;
    height: 17px;
    display: inline-block;
    position: relative;
    top: 2px;
    margin-right: 10px;
}
div.popup_box div.message_error
{
    background: #ffe1e1;
    height: 25px;
    border: 1px solid #ffc3c3;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin: 0 25px;
    margin: 30px 30px 0px 30px;
    color: #ff8282;
    margin-bottom: 10px;
}
div.popup_box div.message_error span
{
    font-size: 11px;
    font-family: arial;
    line-height: 9px;
    vertical-align: bottom;
}
div.popup_box div.message_error i 
{
    background: url('../img/sprite.png') no-repeat -222px -18px;
    width: 15px;
    height: 15px;
    display: inline-block;
    position: relative;
    top: 5px;
    margin-left: 10px;
    margin-right: 7px;
}
div.popup_box div.pop_form {
    margin-top: 30px;
    margin-left: 30px;
    margin-right: 30px;
    height: 200px;

}
div.popup_box div.pop_form .f{display: inline-block; }
div.popup_box div.pop_form  input[type=text] {
    color: #9b9b9b;
    background: #ffffff;
    padding: 6px;
    margin: 0;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #cccccc;
    width: 186px;
}
div.popup_box div.pop_form  textarea {
    background: #fff;
    border: 1px solid #cccccc;
    padding: 5px;
    margin: 0;
    color: #9b9b9b;
    max-width: 295px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    height: 95px;
    width: 300px;
    display: inline;
    resize: none;
}
div.popup_box div.pop_form  label {
    float: left;
    padding-top: 6px;
    text-align: left;
    font-size: 11px;
    font-family: arial;
    font-weight: normal;
    color: #747474;
    cursor: initial;
    width: 134px;
}
div.popup_box div.pop_form div.fr label {display: block; float: inherit;margin-bottom: 10px;}
div.popup_box div.pop_form div.fl {float: left;width: 380px;margin-top: 10px;}
div.popup_box div.pop_form div.fl div.row {margin-bottom: 20px}
div.popup_box div.pop_form div.fr {float: right;}
div.popup_box div.pop_form div.fr div.pop_btn {display: inline-block;float: right;margin-bottom:  30px;}
div.popup_box div.pop_form div.fr div.pop_btn input[type=submit],
div.popup_box div.pop_form div.fr div.pop_btn input[type=reset]
{display: inline-block;float: right;margin-left: 30px;padding: 0 25px;font-weight: normal;cursor: pointer;}
/********** pop up  dossier sahara ***********/
div.popup_box div.pop_form_sahara {height: auto;margin: 20px 10px 0px 10px;}
div.popup_box div.pop_form_sahara fieldset {border: 1px solid #e1e1e1;padding: 15px;margin: 0px;}
div.popup_box div.pop_form_sahara fieldset div.message_error {
    background: #ffe1e1;
    height: 25px;
    border: 1px solid #ffc3c3;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #ff8282;
    margin: 0px;
    margin-bottom: 25px;
}
div.popup_box div.pop_form_sahara form fieldset legend {font-family: arial;font-size: 14px; font-weight: bold;}
div.popup_box div.pop_form_sahara form fieldset ul {list-style: none;margin: 0px;padding: 0px;color: #5a5a5a;font-family: arial;font-size: 12px;}
div.popup_box div.pop_form_sahara form fieldset ul li {padding:20px 10px 0 10px;border-top: 1px solid #e1e1e1;}
div.popup_box div.pop_form_sahara form fieldset ul li > div{margin: 15px 0 !important;padding-left: 10px;}
div.popup_box div.pop_form_sahara form fieldset ul li div {overflow: hidden;margin: 0;}
div.popup_box div.pop_form_sahara form fieldset ul li div input[type=radio],
div.popup_box div.pop_form_sahara form fieldset ul li div input[type=checkbox]{vertical-align: baseline;}
div.popup_box div.pop_form_sahara form fieldset ul li div label {margin: 0 90px 0 5px;vertical-align: top;}
div.popup_box div.pop_form_sahara div.pop_btn input[type=submit],
div.popup_box div.pop_form_sahara div.pop_btn input[type=reset]
{display: inline-block;float: right;margin-left: 30px;padding: 0 25px;font-weight: normal;cursor: pointer;margin-top: 0;margin-bottom: 0;}
div.popup_box div.pop_form_sahara form div.pop_btn {margin: 20px 5px;overflow: hidden;}

.content-wrapper div.big-title i.contact {
    float: left;
    background: url(../img/sprite.png) -563px -183px no-repeat;
    width: 39px;
    height: 28px;
    position: relative;
    top: -5px;
    margin-right: 20px;
}
/************ contact ***********/
.content-wrapper div.contact ul.contact {
    padding: 0;
    margin: 20px 10px 25px 8px;
    list-style: none;
    list-style-image: none;
}

.content-wrapper div.contact ul.contact li {
    background: #fff;
    height: auto;
    overflow: hidden;
    margin: 0;
    padding: 8px; /* padding: 12px 8px; */
    margin-bottom: 5px;
    border: 1px solid #e1e1e1;
    border-left: 0;
    position: relative;
    display: block;
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    color: #666666;
}

.content-wrapper div.contact ul.contact li:before {
    width: 2px;
    display: block;
    content: ' ';
    position: absolute;
    left: 0;
    top: -1px;
    bottom: -1px;
    background: #e51212;
}


.content-wrapper div.contact ul.contact li span.s1 {
    float: left;
    color: #444444;
    font-family: Arial;
    font-size: 12px;
    padding-left: 5px;
    display: inline-block;
    width: 100%;
    min-height: 15px;
    height: auto;
}

.content-wrapper div.contact ul.contact li span.s1 a {
    color: #666666;
    font-family: Arial;
    font-weight: bold;
    font-size: 11px;
    text-decoration: none;
}

.content-wrapper div.contact ul.contact li span.s1 a:hover {
    text-decoration: underline;
}

.content-wrapper div.contact ul.contact li span.s1 p {
    color: #999999;
    font-family: Arial;
    font-size: 11px;
    text-decoration: none;
    font-style: italic;
    font-weight: normal;
    display: none;
}

/*************** Stratégies details ****************************/

div.content-wrapper div.strategies h1.title {
    font-size: 22px; font-weight: bold; text-align: center;margin: 30px 0 0 0;
}
div.content-wrapper div.big-title.strategie {padding: 25px 25px 25px 15px;}
div.content-wrapper div.big-title i.big-title-strategie {
    background: url('../img/sprite.png') no-repeat -252px -130px;
    width: 54px;
    height: 27px;
    margin-right: 15px;
    display: inline-block;
}
div.content-wrapper div.strategies div.discours {
    padding: 30px 0 20px 0;
    color: #666666;
    font-family: Arial;
    font-size: 12px;
    text-align: justify;
    margin-left: 27px;
    margin-right: 27px;
    line-height: 16px;
}
div.content-wrapper div.strategies div.discours figcaption {
    clear: left;
    margin: 10px 0;
    text-align: center;
    line-height: 1.5em;
    font-size: 11px;
    color: #999999;
}
div.content-wrapper div.strategies div.discours figure {
    width: 367px;
    border: 1px solid #e4e4e4;
    float: left;
    /*margin-right: 30px;*/
}
div.content-wrapper div.strategies div.discours p.synopsis {
    float: right;
    width: 260px;
    margin-top: 0;
    font-style: italic;
    line-height: 16px;
}
div.content-wrapper div.strategies div.discours p.mini-title {
    font-size: 12px;
    font-family: arial;
    font-weight: bold;
    color: black;  
}
div.content-wrapper div.strategies div.strategie-footer {
    padding: 15px 20px;
}
div.content-wrapper div.strategies div.strategie-footer div.f3 div.title, 
div.content-wrapper div.strategies div.strategie-footer div.f4 div.title
{
    font-size: 14px;
    font-family: Century Gothic, sans-serif;
    color: #525252;
    text-align: left;
    padding: 0;
    /*margin-top: 5px;*/
    margin-left: 10px;
    padding-bottom: 20px;
    border: 0;
    margin-right: 10px;
}
div.content-wrapper div.strategies div.strategie-footer div.f3 div.title {margin-top: -10px}
div.content-wrapper div.strategies div.strategie-footer div.f3 {width: 340px;float: right;padding-left: 0;}
div.content-wrapper div.strategies div.strategie-footer div.f3 div.title i{
    background: transparent url('../img/sprite.png') no-repeat -217px -58px;
    display: inline-block;
    height: 25px;
    width: 25px;
    position: relative;
    top: 9px;
}
div.content-wrapper div.strategies div.strategie-footer div.f3 div {border-top: 1px dotted #c0c0c0;position: relative;}
div.content-wrapper div.strategies div.strategie-footer div.f3 div:last-child{border-bottom: 1px dotted #c0c0c0;}
div.content-wrapper div.strategies div.strategie-footer div.f3 i.download {
    background: url('../img/sprite.png') no-repeat -281px -60px;
    width: 14px;
    height: 13px;
    display: inline-block;
    top: 0px;
    position: absolute;
    right: 0;
    top: 8px;
}
/***************** strategie details actualité liee  ****************/
div.content-wrapper div.strategies div.head-footer
{
    position: relative;
}
div.content-wrapper div.strategies div.head-footer div.title
{
    padding: 5px 15px;
    background: #fafafa;
    color: #525252;
    font-family: CenturyGothic;
    border: 1px solid #e1e1e1;
    border-bottom: 0;
    float: left;
    margin-left: 10px;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

div.content-wrapper div.strategies div.date {
    color: #666666;
    text-decoration: none;
    font-family: Arial;
    font-weight: bold;
    font-size: 10px;
}
div.content-wrapper div.strategies div.date i {
    background: #fff url('../img/sprite.png') no-repeat -190px -58px;
    display: inline-block;
    height: 15px;
    width: 15px;
    position: relative;
    top: 2px;
}
div.content-wrapper div.strategies div.actualite-liee {padding-bottom: 10px;}
div.content-wrapper div.strategies div.actualite-liee #actualitee {
    overflow: hidden;
    margin: 0;
    padding: 0;
    margin: 10px 0;
}
div.content-wrapper div.strategies div.actualite-liee ul#actualitee li {
    list-style: none;
    width: 225px;
    border-right: 1px solid #d6d6d6;
    padding: 0 5px;
    color: #666666;
    font-family: arial;
    font-weight: normal;
}
div.content-wrapper div.strategies div.actualite-liee ul#actualitee li article {
    color: #666666;
    font-family: arial;
    font-weight: normal;
    text-align: justify;
}
div.content-wrapper div.strategies div.actualite-liee div.actualitee_wrap {
    position: relative;
    /*padding: 20px 0 37px 49px;*/
    width: 750px;
}
div.content-wrapper div.strategies div.bxslider_container {
    /*min-width: 705px !important;
    width: 705px !important;*/
}
div.content-wrapper div.strategies div.actualite-liee a.bx-next {
    top: 5px;
    position: absolute;
    right: 25px;
    text-indent: -9000px;
    cursor: pointer;
    background: url('../img/sprite.png') no-repeat -257px -60px;
    width: 6px;
    height: 11px;
}
div.content-wrapper div.strategies div.actualite-liee a.bx-prev {
    position: absolute;
    top: 5px;
    right: 10px;
    text-indent: -9000px;
    cursor: pointer;
    background: url('../img/sprite.png') no-repeat -266px -60px;
    width: 6px;
    height: 11px;
}
div.content-wrapper div.strategies div.actualite-liee  div.bx-wrapper{max-width: 707px !important;}
/***************** Strategie details mini slide ********************/

div.strategie-footer div.f4 {width: 300px;float: left;}
div.strategie-footer div.f4 div.doc-video {
    position: relative;
    margin: 0 auto;
    width: 253px;
    height: 182px;
}
div.strategie-footer div.f4 div.doc-video div.ca-wrapper div.ca-item article {
    margin: 15px;
    overflow: auto;
}

div.strategie-footer div.f4 div.doc-video div.ca-wrapper {
    width: 100%;
    height: 100%;
    position: relative;
}
div.strategie-footer div.f4 div.doc-video div.ca-wrapper div.space{width: 10px!important; height: 100%!important;
                                                                   border: 0!important
}
div.strategie-footer div.f4 div.doc-video div.ca-wrapper div.ca-item {
    float: left;
    /*width: 330px;*/
    /*border: 1px solid #e1e1e1;*/
    height: 100%;
    text-align: left;
    /*padding: 15px;*/
    /*margin-right: 10px;*/
    /*position: relative;*/
    min-width: 131px;
    /*background: #fff;*/
}
div.strategie-footer div.f4 div.doc-video div.ca-wrapper div.ca-item hgroup {
    margin-top: 15px;
}

div.strategie-footer div.f4 div.doc-video div.ca-wrapper div.ca-item hgroup h2 {
    color:#666666;
    font-size: 11px;
    font-family: arial;
    margin: 0px;
    text-decoration: none;
}
div.strategie-footer div.f4 div.doc-video div.ca-wrapper div.ca-item hgroup h2 a{text-decoration: none;color:#666666;}
div.strategie-footer div.f4 div.doc-video div.ca-wrapper div.ca-item hgroup h3 {
    color:#949393;
    font-size: 10px;
    font-family: arial;
    margin: 0px;
}
div.strategie-footer div.f4 div.doc-video div.ca-wrapper div.ca-item span {
    color:#949393;
    font-size: 10px;
    font-family: arial;
    margin-top: 15px;
    float: right;
}
div.strategie-footer div.f4 div.doc-video div.ca-nav span {
    position: absolute;
    top: 50%;
    margin-top: -19px;
    text-indent: -9000px;
    cursor: pointer;
    z-index: 100;
}
div.strategie-footer div.f4 div.doc-video div.ca-item-main {
    background: #fff;
    overflow: hidden;
    height: auto;
    position: absolute;
    border: 1px solid #e1e1e1;
}
div.strategie-footer div.f4 div.doc-video span.ca-nav-prev {left:-20px;
                                                            background: url('../img/sprite.png') no-repeat -257px -60px;
                                                            width: 6px;
                                                            height: 11px;
}
div.strategie-footer div.f4 div.doc-video span.ca-nav-next {right:-20px;
                                                            background: url('../img/sprite.png') no-repeat -266px -60px;
                                                            width: 6px;
                                                            height: 11px;
}
/***************** Strategies Liste *************** basé sur appstore*/
.content-wrapper div.appstore.strategies ul.appstore li img {border: 0; }
#sidebar div.news div.title.ar {padding: 10px 4px;}



/******** Table css  generator ******/
div.content-wrapper div.article-details table {
    border-collapse:collapse;
    text-align:left;
    width:100%;
    font:normal 11px Arial,Helvetica,sans-serif;
    background:#fff;
    border:1px solid #D3D3D3;
    float: initial;
}

div.content-wrapper div.article-details table td,div.content-wrapper div.article-details thead tr {
    padding:15px 10px;
}
div.content-wrapper div.article-details table thead tr {
    background:-webkit-gradient( linear,left top,left bottom,color-stop(0.05,#E8E8E8),color-stop(1,#CFCFCF) );
    background:-moz-linear-gradient( center top,#E8E8E8 5%,#CFCFCF 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#E8E8E8',endColorstr='#CFCFCF');
    background-color:#E8E8E8;
    color:#5A5A5A;
    font-size:12px;
    font-weight:bold;
}
div.content-wrapper div.article-details table thead tr:first-child {
    border:none;
}
div.content-wrapper div.article-details table tbody td{
    color:#606060;
    border-left:1px solid #DFDFDF;
    font-size:11px;
    border-bottom:1px solid #DFDFDF;
    /*font-weight:bold;*/
}
div.content-wrapper div.article-details table tbody td p {font-size:11px;color:#606060;}
div.content-wrapper div.article-details table tbody td:first-child {
    /*border-left:none;*/
}
div.content-wrapper div.article-details table tbody tr:last-child  {
    /*border-bottom: 1px solid #DFDFDF;*/
    border-right:1px solid #DFDFDF;
}
div.content-wrapper div.article-details table tbody tr:nth-child(even) {background: #fbfbfb}
div.content-wrapper div.article-details table tbody tr:nth-child(odd) {background: #FFF}
div.content-wrapper div.article-details table tbody tr td img
{
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}
/**************** Dossiers basé sur strategies **********************/
div.content-wrapper div.big-title i.big-title-dossier {
    background: url('../img/sprite.png') no-repeat -319px -120px;
    width: 51px;
    height: 40px;
    margin-right: 15px;
    display: inline-block;
    margin-top: -5px;
}
.content-wrapper div.appstore.dossier ul.appstore li img {
    border: 0;
}
.content-wrapper div.big-title.dossier {padding: 25px 25px 17px 25px;}
.content-wrapper div.big-title.dossier span {
    position: relative;
    top: -6px;
}
/*************************** 404 *****************************/
div.page_404{
    overflow: auto;
    width: 740px;
    margin: 150px auto;
}
div.page_404 i {float: left;
                width: 441px;
                height: 222px;
                display: inline-block;
                background: url(../img/404.png) no-repeat;
}
div.page_404 div {
    float: left;
    margin-left: 50px;
    margin-top: 40px;
}
div.page_404 span {font-size: 18px;font-weight: normal;font-family: arial;color: #adbabe;display: block;width: 240px;
                   text-transform: uppercase;}
div.page_404 a {

    font-family: arial;
    font-size: 12px;
    color: #fff;
    background: #257e82;
    padding: 8px;
    text-decoration: none;
    -moz-border-radius: 3px;
    -webkit-border-radius:3px;
    border-radius: 3px;
    display: inline-block;
    margin-top: 25px;
}
img#logo_404{max-height: 40px;
             float: right;
             margin-right: 20px;
             margin-top: 4px;}
div.shadow p.cr {
    float: right;
    font-size: 9px;
    color: #666;
    font-family: Tahoma;
}
div.shadow p.cr a {text-decoration: none;font-size: 9px;
                   font-family: Tahoma;}

div.shadow .fornet{
    padding-left: 4px;
}
#Logo{
    border: 0px;
}
.pcontent {text-align: justify;
           margin: 0 10px;}

#mp3-player{
    margin-left: 14px;
    padding-top: 0px;
    padding-bottom: 8px;
    padding-left: 10px;
    width: 670px;
}
.jwplayer-video {
    position: relative;
    z-index: 2;
}
/* SOCIAL MEDIA */
div.content-wrapper div.big-title i.big-title-social {
    background: url('../img/sprite.png') no-repeat -411px -126px;
    width: 28px;height: 38px;
    margin-right: 15px;
    display: inline-block;
    position: relative;
    top: -4px;
    vertical-align: middle;
}
div.social ul.social-media { list-style: none;margin: 30px 10px 20px 10px;; padding: 0;overflow: hidden;}
div.social ul.social-media li.s1 {overflow: hidden;background: #f0f0f0; margin-bottom: 3px;border-bottom: 1px solid #e3e3e3;position: relative;}
div.social ul.social-media > li:before {
    width: 2px;
    display: block;
    content: ' ';
    position: absolute;
    left: 0;
    top: -1px;
    bottom: -1px;
    background: #e51212;
}
div.social ul.social-media li.s1 h2 
{
    font-size: 11px;
    color: #3e3e3e;
    font-weight: bold;
    float: left;
    margin: 0!important;
    line-height: 11px;
    padding: 12px 10px;
    max-width: 530px;
}
div.social ul.social-media li.s1 ul#social {float: right;top: inherit;left: inherit;padding: 5px 10px 5px 5px;}
.content-wrapper .big-title.social-links {
    font-size: 30px;
    font-family: Century Gothic, sans-serif;
    padding: 25px;
    padding-bottom: 14px;
    border-bottom: 1px solid #d4d4d4;
    background: url('../img/big_title_bg.jpg');
    line-height: 30px;
    text-transform: uppercase;
    position: relative;
}
.content-wrapper div.social-filter {
    background: #fafafa;
    border-bottom: 1px solid #e1e1e1;
    text-align: center;
    padding: 25px 15px;
}
.content-wrapper div.social-filter select {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #fff;
    border: 1px solid #e1e1e1;
    padding: 5px;
    margin: 0;
    color: #999999;
    width: 95px;
}
/* FIN SOCIAL MEDIA */
/***************** strategie details actualité liee  ****************/
div.content-wrapper div.strategies div#head-footer
{
    position: relative;
}
div.content-wrapper div.strategies div#head-footer div#title
{
    padding: 5px 15px;
    background: #fafafa;
    color: #525252;
    font-family: CenturyGothic;
    border: 1px solid #e1e1e1;
    border-bottom: 0;
    float: left;
    margin-left: 10px;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
div.content-wrapper div.strategies div#actualite-liee ul#actualitee li article a{
    color: #666666;
    text-decoration: none;
    margin-top: 1em;
    margin-bottom: 1em;
}
div.content-wrapper div.strategies div.date {
    color: #666666;
    text-decoration: none;
    font-family: Arial;
    font-weight: bold;
    font-size: 10px;
}
div.content-wrapper div.strategies div.date i {
    background: #fff url('../img/sprite.png') no-repeat -190px -58px;
    display: inline-block;
    height: 15px;
    width: 15px;
    position: relative;
    top: 2px;
}
div.content-wrapper div.strategies div#actualite-liee {padding-bottom: 10px;}
div.content-wrapper div.strategies div#actualite-liee #actualitee {
    overflow: hidden;
    margin: 0;
    padding: 0;
    margin: 10px 0;
}
div.content-wrapper div.strategies div#actualite-liee ul#actualitee li {
    list-style: none;
    width: 225px;
    border-right: 1px solid #d6d6d6;
    padding: 0 5px;
    color: #666666;
    font-family: arial;
    font-weight: normal;
}
div.content-wrapper div.strategies div#actualite-liee ul#actualitee li article {
    color: #666666;
    font-family: arial;
    font-weight: normal;
    text-align: justify;
}
div.content-wrapper div.strategies div#actualite-liee div.actualitee_wrap {
    position: relative;
    /*padding: 20px 0 37px 49px;*/
    width: 750px;
}
div.content-wrapper div.strategies div.bxslider_container {
    /*min-width: 705px !important;
    width: 705px !important;*/
}
div.content-wrapper div.strategies div#actualite-liee a.bx-next {
    top: 5px;
    position: absolute;
    right: 25px;
    text-indent: -9000px;
    cursor: pointer;
    background: url('../img/sprite.png') no-repeat -257px -60px;
    width: 6px;
    height: 11px;
}
div.content-wrapper div.strategies div#actualite-liee a.bx-prev {
    position: absolute;
    top: 5px;
    right: 10px;
    text-indent: -9000px;
    cursor: pointer;
    background: url('../img/sprite.png') no-repeat -266px -60px;
    width: 6px;
    height: 11px;
}
div.content-wrapper div.strategies div#actualite-liee  div.bx-wrapper{max-width: 707px !important;}
/***************** Strategie details mini slide ********************/

div.strategie-footer div.f4 {width: 300px;float: left;}
div.strategie-footer div.f4 div#doc-video {
    position: relative;
    margin: 0 auto;
    width: 253px;
    height: 182px;
}
div.strategie-footer div.f4 div#doc-video div.ca-wrapper div.ca-item article {
    margin: 15px;
    overflow: auto;
}

div.strategie-footer div.f4 div#doc-video div.ca-wrapper {
    width: 100%;
    height: 100%;
    position: relative;
}
div.strategie-footer div.f4 div#doc-video div.ca-wrapper div.space{width: 10px!important; height: 100%!important;
                                                                   border: 0!important
}
div.strategie-footer div.f4 div#doc-video div.ca-wrapper div.ca-item {
    float: left;
    /*width: 330px;*/
    /*border: 1px solid #e1e1e1;*/
    height: 100%;
    text-align: left;
    /*padding: 15px;*/
    /*margin-right: 10px;*/
    /*position: relative;*/
    min-width: 131px;
    /*background: #fff;*/
}
div.strategie-footer div.f4 div#doc-video div.ca-wrapper div.ca-item hgroup {
    margin-top: 15px;
}

div.strategie-footer div.f4 div#doc-video div.ca-wrapper div.ca-item hgroup h2 {
    color:#666666;
    font-size: 11px;
    font-family: arial;
    margin: 0px;
    text-decoration: none;
}
div.strategie-footer div.f4 div#doc-video div.ca-wrapper div.ca-item hgroup h2 a{text-decoration: none;color:#666666;}
div.strategie-footer div.f4 div#doc-video div.ca-wrapper div.ca-item hgroup h3 {
    color:#949393;
    font-size: 10px;
    font-family: arial;
    margin: 0px;
}
div.strategie-footer div.f4 div#doc-video div.ca-wrapper div.ca-item span {
    color:#949393;
    font-size: 10px;
    font-family: arial;
    margin-top: 15px;
    float: right;
}
div.strategie-footer div.f4 div#doc-video div.ca-nav span {
    position: absolute;
    top: 50%;
    margin-top: -19px;
    text-indent: -9000px;
    cursor: pointer;
    z-index: 100;
}
div.strategie-footer div.f4 div#doc-video div.ca-item-main {
    background: #fff;
    overflow: hidden;
    height: auto;
    position: absolute;
    border: 1px solid #e1e1e1;
}
div.strategie-footer div.f4 div#doc-video span.ca-nav-prev {left:-20px;
                                                            background: url('../img/sprite.png') no-repeat -257px -60px;
                                                            width: 6px;
                                                            height: 11px;
}
div.strategie-footer div.f4 div#doc-video span.ca-nav-next {right:-20px;
                                                            background: url('../img/sprite.png') no-repeat -266px -60px;
                                                            width: 6px;
                                                            height: 11px;
}
/***************** Strategies Liste *************** basé sur appstore*/
.content-wrapper div.appstore.strategies ul.appstore li img {border: 0; }
#sidebar div.news div.title.ar {padding: 10px 4px;}

.simplenews-msg-error{
    background: #ffe1e1;
    height: 25px;
    border: 1px solid #ffc3c3;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin: 0 25px;
    margin: 30px 30px 0px 30px;
    color: #ff8282;
    margin-bottom: 10px;
    padding: 5px;
}

.simplenews-msg-success{
    background: #DCF3E9;
    height: 25px;
    border: 1px solid #75C39F;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin: 0 25px;
    margin: 30px 30px 0px 30px;
    color: #3EA06C;
    margin-bottom: 10px;
    padding: 5px;
}
.modal-out {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 999999;
    background-color: rgba(128, 128, 128, 0.76);
}
.modal-out .close {
    position: absolute;
    right: 41px;
    top: -19px;
    border: 0;
    font-size: 17px;
    color: black;
    font-weight: bold;
    background: transparent;
    cursor: pointer;
}
.modal-out .close:focus {
    border: 0;
    outline: none;
}

.modal-out .modal-in {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) !important;
}

/*#slider { 
    width: 340px;
    height: 567px;
}
#slider .start-stop {
        display: none;
}*/