/*---------------------------------------------------------
/*      =TAGS
/*      =STRUCTURE
/*        @Header
/*        @Container
/*        @Footer
/*      =MODULES
/*        @Forms
-------------------------------------------------------- */



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

.varelaRound {
    font-family: 'VarelaRoundRegular', sans-serif;
}

/*---------------------------------------------------------
        =TAGS
-------------------------------------------------------- */

html, body {
    border: 0;
    font-size: 100%;
    margin: 0;
    padding: 0;
    text-align: center;
    height: 100%;
}

body {
    font: 0.625em/1em arial, helvetica, sans-serif;
    text-align: left;
    background: no-repeat center 100px #fff;
}

abbr, article, aside, audio, bb, canvas,
datagrid, datalist, details, dialog, eventsource,
figure, footer, header, hgroup, mark, menu,
meter, nav, output, progress, section, time, video {
    display: block;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    font-weight: normal;
    line-height: 1em;
    margin: 0;
    padding: 0;
}

h1, .h1 {
    font-size: 1.8em;
}

h2, .h2 {
    font-size: 1.6em;
}

h3, .h3 {
    font-size: 1.4em;
}

h4, .h4 {
    font-size: 1.2em;
}

h5, .h5 {
    font-size: 1.2em;
}

h6, .h6 {
    font-size: 1.2em;
}

p {
    font-size: 1.0em;
    line-height: 1em;
    margin: 0;
    padding: 0;
}

ul {
    list-style-position: outside;
    list-style-type: disc;
    margin: 0;
    padding: 0;
} 

ol {
    list-style: decimal;
    list-style-position: outside;
    margin: 0;
    padding: 0;
}

li {
    font-size: 1.0em;
    margin: 0;
    padding: 0;
}

a {
    color: #008bd0;
    text-decoration: none;
}

a:hover, a:focus {
    text-decoration: underline;
}

img {
    border: 0;
}

hr {
    background: #fff;
    border: none;
    border-bottom: 1px solid #c4c4c4;
    color: #fff;
    height: 0;
    margin: 0;
}

form {
    margin: 0;
    padding: 0;
}

textarea {
    line-height: 1.2em;
}

label {
    /*cursor: pointer;*/
}

table {
    border: 0;
    border-collapse: collapse;
    margin: 0;
    padding: 0;
}

th, td {
    font-size: 1.0em;
    margin: 0;
    padding: 0;
}

blockquote {
    margin: 0.6em 1.8em;
    padding: 0;
}

small {
    font-size: 0.8em;
}

kbd {
    border: 1px solid #000;
    padding: 1px 2px;
}

sup {
    bottom: 0.3em;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.2em;
    position: relative;
    vertical-align: baseline;
}

acronym, abbr {
    border-bottom: 1px dashed;
    cursor: help;
    letter-spacing: 1px;
}

button {
    color: #fff;
    font: 12px arial, sans-serif;
    font-weight: bold;
    padding: 4px;
    background: url(../images/fond-overlay-bt.png) repeat-x center #2290c9;
    background-color: rgba(34,144,201,1);
    border: 1px solid #2290c9;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border-bottom: 1px solid #9f9f9f;
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.5);
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.5);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.5);
    cursor: pointer;
}

button:hover {
    background-color: rgba(34,144,201,0.8);
}

button:active {
    position: relative;
    top: 2px;
}

/*---------------------------------------------------------
        =STRUCTURE
-------------------------------------------------------- */

#global {
    min-height: 100%;
    background: url(../images/fond-header.jpg) no-repeat center 0px;
}

#fondBan {
    background: url(../images/fond-bandeau.png) repeat-x center 100px;
}

#site  {
    margin: 0 auto;
    width: 980px;
    position: relative;
}


/*      @Header
------------------------------------ */

#branding {
    padding: 0;
    position: relative;
}

#branding .logo {
    font-family: 'VarelaRoundRegular', arial, sans-serif;
    font-size: 18px;
    line-height: 1.2em;
    margin: 0;
    padding: 46px 0 0 137px;
    color: #142920;
    height: 54px;
}

#branding .logo img {
    position: absolute;
    top: 16px;
    left: 0px;
    z-index: 50;
}

#branding .fbPartage {
    position: absolute;
    bottom: 50px;
    right: 0px;
    height: 28px;
    padding: 0;
    background: #3b5b99;
}

#branding .fbPartage a:hover {
    text-decoration: none;
}

#branding .fbPartage img {
    float: left;
}

#branding .fbPartage span {
    display: block;
    color: #fff;
    text-transform: uppercase;
    font-size: 10px;
    line-height: 1.2em;
    padding: 8px 10px 0 10px;
    float: left;
    font-weight: bold;
    height: 20px;
}

#branding #searchBarre {
    position: absolute;
    bottom: 0px;
    right: 0px;
    height: 49px;
    padding: 0;
}

#branding #searchBarre .meteoLogin {
    background: url(../images/fond-header-login-sprite.png) no-repeat 180px 16px;
    height: 49px;
    width: 327px;
    float: left;
    font-size: 12px;
    line-height: 1.1em;
    color: #fff;
    position: relative;
    overflow: hidden;
    padding: 0 0 0 180px;
}

#branding #searchBarre .meteo {
    width: 150px;
    text-align: center;
    float: left;
    padding: 11px 26px 0 0;
    margin: 16px 0 0 0;
    height: 22px;
}

#branding #searchBarre .averse {
    background: url(../images/meteo/png24/averse-pluie-frequente.png) no-repeat 84% 50%;
}

#branding #searchBarre .averseneige {
    background: url(../images/meteo/png24/averse-neige-frequente.png) no-repeat 84% 50%;
}

#branding #searchBarre .brouillard {
    background: url(../images/meteo/png24/brume-brouillard.png) no-repeat 84% 50%;
}

#branding #searchBarre .brouillardgivrant {
    background: url(../images/meteo/png24/brume-brouillard.png) no-repeat 84% 50%;
}

#branding #searchBarre .couvert {
    background: url(../images/meteo/png24/couvert.png) no-repeat 84% 50%;
}

#branding #searchBarre .ensoleillee {
    background: url(../images/meteo/png24/ensoleillee.png) no-repeat 84% 50%;
}

#branding #searchBarre .grele {
    background: url(../images/meteo/png24/grele.png) no-repeat 84% 50%;
}

#branding #searchBarre .neifefaible {
    background: url(../images/meteo/png24/neige-faible.png) no-repeat 84% 50%;
}

#branding #searchBarre .neigemoderer {
    background: url(../images/meteo/png24/neige-moderee.png) no-repeat 84% 50%;
}

#branding #searchBarre .neigeforte {
    background: url(../images/meteo/png24/neige-forte.png) no-repeat 84% 50%;
}

#branding #searchBarre .nuageux {
    background: url(../images/meteo/png24/nuageux.png) no-repeat 84% 50%;
}

#branding #searchBarre .pluiefaible {
    background: url(../images/meteo/png24/pluie-faible.png) no-repeat 84% 50%;
}

#branding #searchBarre .pluiemoderer {
    background: url(../images/meteo/png24/pluie-moderee.png) no-repeat 84% 50%;
}

#branding #searchBarre .pluieforte {
    background: url(../images/meteo/png24/pluie-forte.png) no-repeat 84% 50%;
}

#branding #searchBarre .soleil {
    background: url(../images/meteo/png24/ensoleille.png) no-repeat 84% 50%;
}

#branding #searchBarre .variable {
    background: url(../images/meteo/png24/variable.png) no-repeat 84% 50%;
}

#branding #searchBarre .voile {
    background: url(../images/meteo/png24/ciel-voile.png) no-repeat 84% 50%;
}

#branding #searchBarre .login {
    width: 503px;
    height: 49px;
    padding: 0;
    position: absolute;
    bottom: 0px;
    right: -324px;
}

#branding #searchBarre .loginActif {
    right: 4px;
    background: url(../images/fond-header-login-sprite.png) no-repeat left -33px;
}

#branding #searchBarre .login .btIdent {
    color: #fff;
    padding: 11px 0 0 10px;
    width: 180px;
    text-align: center;
    float: left;
    display: block;
    margin: 16px 0 0 0;
}

#branding #searchBarre .login form {
    float: left;
    height: 28px;
    padding: 5px 0px 0 5px;
    margin: 16px 0 0 0;
    position: relative;
}

#branding #searchBarre .login form input {
    vertical-align: middle;
    border: 0;
}

#branding #searchBarre .login form input[type=password],
#branding #searchBarre .login form input[type=text] {
    padding: 3px 4px;
    height: 17px;
    color: #868686;
    margin: 0;
    width: 120px;
}

#branding #searchBarre .login form input[type=submit] {
    border: 0;
    background: url(../images/fond-menu-orange.png) repeat-x #f68a00 center center;
    width: 36px;
    padding: 0;
    text-align: center;
    color: #fff;
    height: 23px;
    cursor: pointer;
}

#branding #searchBarre .login .passOublie {
    position: absolute;
    top: -14px;
    right: -4px;
    font-size: 10px;
    line-height: 1em;
}

#branding #searchBarre .login .passOublie a {
    color: #fff;
    margin: 0 5px;
}

#branding #searchBarre .loguser {
    height: 49px;
    float: left;
    overflow: hidden;
    width: 143px;
    padding: 0 0 0 5px;
    color: #1c3e4e;
    line-height: 12px;
}

#branding #searchBarre .loguser a {
    color: #fff;
    font-size: 10px;
    white-space: nowrap;
}

#branding #searchBarre .loguser .onglet {
    padding: 0 0 0 5px;
    height: 16px;
    overflow: hidden;
    background: url(../images/fond-header-login-sprite.png) no-repeat 2px -82px transparent;
    margin: 0 0 2px 0;
}

#branding #searchBarre .loguser .onglet a {
    margin: 0 5px;
    background-color: #2a7aa8;
    /*
    text-decoration: underline;
    */
}

#branding #searchBarre .loguser .avatar {
    float: left;
    margin: 1px 3px 0 0;
}

#branding #searchBarre .loguser .nom {
    width: 250px;
    float: left;
}

#branding #searchBarre .search {
    background: url(../images/fond-header-recherche.png) repeat-x;
    float: left;
    height: 28px;
    padding: 5px 5px 0 5px;
    margin: 16px 0 0 0;
}

#branding #searchBarre .search input {
    vertical-align: middle;
    border: 0;
}

#branding #searchBarre .search input[type=text] {
    padding: 3px 4px;
    height: 17px;
    color: #868686;
    margin: 0;
    width: 190px;
}


/*      @Nav
------------------------------------ */

#site>nav {
    background: url(../images/fond-bandeau.png) repeat-x #2f83bf;
    height: 48px;
    position: relative;
}

#mainNav {
    list-style: none outside;
    padding: 0;
    height: 48px;
    float: right;
    background: url(../images/fond-bandeau.png) repeat-x #2f83bf;
    font-family: 'VarelaRoundRegular', arial, sans-serif;
}

#mainNav li {
    float: left;
    font-size: 13px;
    line-height: 1.2em;
    color: #fff;
    position: relative;
    text-transform: uppercase;
    background: url(../images/fond-menu-sprite.png) no-repeat;
    padding: 0 0 0 2px;
}

#mainNav li a {
    padding: 18px 15px 0 15px;
    color: #fff;
    height: 30px;
    display: block;
    float: left;
    text-align: center;
}

#mainNav li:last-child a {
    background: url(../images/fond-menu-orange.png) repeat-x left top;
    width: 213px;
    padding-left: 10px;
    padding-right: 10px;
}

#mainNav li a.current,
#mainNav li a:active,
#mainNav li a:focus,
#mainNav li a:hover {
    text-decoration: none;
    background: url(../images/fond-menu-sprite.png) repeat-x left bottom;
}

#mainNav li:last-child a.current,
#mainNav li:last-child a:active,
#mainNav li:last-child a:focus,
#mainNav li:last-child a:hover {
    background: url(../images/fond-menu-orange.png) repeat-x left top;
}


#sousNav {
    position: absolute;
    top: 48px;
    width: 747px;
    right: 233px;
    z-index: 50;
    font-family: 'VarelaRoundRegular', arial, sans-serif;
}

#sousNav .menuRiche {
    display: none;
    padding: 20px 40px;
    border: 2px solid #366192;
    border-top: 0;
    background: #2b7cba;
    overflow: hidden;
    color: #fff;
}

#sousNav .menuRiche .colGauche,
#sousNav .menuRiche .colDroite,
#sousNav  .menuRiche .illustration {
    float: left;
    padding: 0;
    width: 270px;
    height: 160px;
}


#sousNav .menuRiche .colGauche {
    width: 290px;
    border-right: 1px solid #0383c7;
}

#sousNav  .menuRiche .illustration {
    border-right: 1px solid #0383c7;
    font-size: 13px;
    line-height: 1em;
    padding: 0 0 0 20px;
}

#sousNav  .menuRiche .illustration img {
    margin: 10px 0 0 0;
    display: block;
    -moz-box-shadow: 0px 0px 5px #444;
    -webkit-box-shadow: 0px 0px 5px #444;
    box-shadow: 0px 0px 5px #444;
}

#sousNav .menuRiche .colDroite {
    border-left: 1px solid #1e4f87;
    padding: 0 0 0 20px;
}

#sousNav .menuRiche .colGauche ul,
#sousNav .menuRiche .colDroite ul {
    padding: 10px 0 0 0;
    font-size: 12px;
    line-height: 1em;
    list-style: none outside;
    text-transform: uppercase;
    
}

#sousNav .menuRiche .colGauche ul {
    font-size: 11px;
}

#sousNav .menuRiche .colGauche ul li,
#sousNav .menuRiche .colDroite ul li {
    padding: 0 0 20px 15px;
    background: url(../images/picto-fleche-menu.png) no-repeat 0px 1px;
    line-height: 1.2em;
}

#sousNav .menuRiche .colGauche ul li a,
#sousNav .menuRiche .colDroite ul li a {
    color: #fff;
}

#sousNav .menuRiche .colGauche p,
#sousNav .menuRiche .colDroite p {
    font-size: 14px;
}

#sousNav .menuRiche .colGauche a,
#sousNav .menuRiche .colDroite a {
    color: #fff;
}

#sousNav .menuMagasin h2 {
    margin-bottom: 10px;
}

#sousNav .menuMagasin form {
    padding-top: 5px;
}

#sousNav .menuMagasin form select {
    width: 180px;
}

#sousNav .menuService .colDroite {
    width: 50%;
}



/*      @Container
------------------------------------ */

#container {
    clear: both;
    background: #fff;
    padding: 20px;
    -moz-box-shadow: 0px 0px 5px #444;
    -webkit-box-shadow: 0px 0px 5px #444;
    box-shadow: 0px 0px 5px #444;
    margin: 0 0 30px 0;
    min-height: 700px;
    overflow: hidden;
}

#content {
}

aside {

}


/*      @Footer
------------------------------------ */

#footer {
    padding: 0px;
    background: #f5f5f5;
    border: 1px solid #e3e3e3;
    color: #AAAAAA;
    margin: 0 0 20px 0;
    overflow: hidden;
}

#footer .wrap {
    width: 982px;
}

#footer .col {
    float: left;
    padding: 20px 0 20px 20px;
    height: 120px;
}

#footer .colLiens {
    width: 460px;
    border-right: 1px solid #e3e3e3;
}

#footer .colLiens ul {
    list-style: none outside;
    font-size: 12px;
    line-height: 1.2em;
}

#footer .colLiens li {
    float: left;
    margin: 0;
    width: 115px;
}

#footer .colLiens li a {
    color: #AAAAAA;
}

#footer .colLiens li a:hover {
    color: #868686;
    text-decoration: none;
}

#footer .colLiens li ul li {
    background: url(../images/picto-fleche-footer.png) no-repeat scroll left 4px transparent;
    clear: left;
    padding: 0 0 5px 10px;
}

#footer .colAcces {
    width: 136px;
    border-right: 1px solid #e3e3e3;
}

#footer .colAcces img {
    margin: 0 2px;
}

#footer .colInfos {
    width: 320px;
}

#footer .colInfos p {
    padding: 0 20px 0 0;
    font-size: 12px;
    line-height: 1.2em;
    margin: 0 0 10px 0;
}



#footer h2 {
    font-size: 17px;
    color: #868686;
    font-family: 'VarelaRoundRegular', arial, sans-serif;
    margin: 0 0 18px 0;
}

#basPage {
    text-align: center;
    font-size: 12px;
    color: #bdbdbd;
    padding: 0 0 30px 0;
}

#basPage a {
    color: #AAAAAA;
    padding: 0 5px;
}

#basPage a:hover {
    color: #868686;
    text-decoration: none;
}


/*---------------------------------------------------------
        =MODULES
-------------------------------------------------------- */

.clear {
    clear: both;
}

.textRight {
    text-align: right;
}

/* Modèles grilles */

.grid1,
.grid2,
.grid3,
.grid4,
.grid5,
.grid6,
.grid7,
.grid8,
.grid9,
.grid10,
.grid11,
.grid12 {
    float: left;
    margin: 0 20px 0 0;
}

.grid1 {
    width: 60px;
}
.grid2 {
    width: 140px;
}
.grid3 {
    width: 220px;
}
.grid4 {
    width: 300px;
}
.grid5 {
    width: 380px;
}
.grid6 {
    width: 460px;
}
.grid7 {
    width: 540px;
}
.grid8 {
    width: 620px;
}
.grid9 {
    width: 700px;
}
.grid10 {
    width: 780px;
}
.grid11 {
    width: 860px;
}
.grid12 {
    width: 940px;
}
.grid12,
.gridLast {
    margin-right: 0px;
}

.gridRight {
    float: right;
}

/*      @Carousel
------------------------------------ */

.carousel {
    position: relative;
}

.carousel .masque {
    overflow: hidden;
    position: relative;    
    width: 100%;
}

.carousel ul.slider {
    list-style: none outside;
    position: relative;
}

.carousel li.item {
    float: left;
}

.carousel a.prev,
.carousel a.next {
    position: absolute;
    display: block;
    top: 0px;
    z-index: 10;
    
}

.carousel a.prev span,
.carousel a.next span {
    /*
        display: none;
    */
}

.carousel a.prev {
    left: 0px;
}

.carousel a.next {
    right: 0px;
}


/*      @Onglets
------------------------------------ */

.onglets {
    list-style: none outside;
    display: none; /* les onglets sont cachés si il y a pas js */
    float: left;
    width: 100%;
    margin: 0;
}

.onglets li {
    float: left;
    margin: 0;
}

.onglets li a {
    display: block;
    position: relative;
    top: 1px;
    padding: 10px 30px 2px 30px;
    margin: 0 5px 0 0;
    color: #8c8c8c;
    font-weight: bold;
    font-size: 12px;
    line-height: 1.1em;
    background: url(../images/fond-onglets.png) repeat-x;
    border: 1px solid #c1c1c1;
    height: 20px;
    
    -khtml-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    -webkit-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
}

.onglets li a:active,
.onglets li a:focus,
.onglets li a:hover {
    text-decoration: none;
    background-position: 0px 16px;
}

.onglets li a.current {
    background: #fff;
    color: #007fc1;
    font-weight: bold;
    border-bottom: 0;
    padding-bottom: 3px;
}

.contentOnglets {
    clear: both;
    list-style: none outside;
    border: 1px solid #c1c1c1;
}

.contentOnglets li.contentOnglet {
    padding: 20px 10px;
    position: relative;
}


/*      @Lightbox
------------------------------------ */


#overlayLightbox {
    background: #000;
    display: none;
    opacity: 0.7;
    height: 100%;
    left: 0px;
    position: fixed;
    top: 0px;
    width: 100%;
    z-index: 200;
}

.lightBox {
    -moz-box-shadow: 2px 2px 5px #222;
    -webkit-box-shadow: 2px 2px 5px #222;
    background: #fff;
    box-shadow: 2px 2px 5px #222;
    display: none;
    height: 516px;
    left: 50%;
    margin: -263px 0 0 -325px;
    padding: 5px;
    position: fixed;
    top: 50%;
    width: 640px;
    z-index: 210;
}

#overlayLightbox.lightBoxOpen,
.lightBoxOpen {
    display: block;
}

.lightBox .fermer {
    height: 16px;
    padding: 10px 10px 10px 10px;
}

.lightBox .fermer img {
    display: block;
    float: right;
}

.lightBox .contentLightbox {
    padding: 0;
}


/*      @Forms
------------------------------------ */

form input,
form select,
form textarea {
    font-family: arial, helvetica, sans-serif;
}

.formStyle div.checkbox,
.formStyle div.select,
.formStyle div.text {
    color: #8C8C8C;
    font-size: 12px;
    line-height: 1.2em;
    padding: 0 0 12px 0;
}

.formStyle p span.label,
.formStyle .select label,
.formStyle p.select label,
.formStyle .text label,
.formStyle p.text label {
    display: block;
    font-size: 1.0em;
    line-height: 1.2em;
    width: 112px;
    float: left;
    padding: 2px 10px 0 0;
    text-align: right;
}

.formStyle p.check {
    padding: 0 0 0 110px;
}

.formStyle p textarea,
.formStyle p select,
.formStyle p.text input {
    font-size: 12px;
    margin: 0;
    padding: 2px 4px;
    width: 260px;
    color: #898989;
}

.formStyle p input.petitText {
    width: 60px;
}

.formStyle p.submit {
    text-align: center;
    padding: 20px 0;
}

.formStyle .submit input {
    border: 1px solid #00639d;
    color: #fff;
    font-weight: bold;
    padding: 0px 15px;
    margin: 0;
    font-size: 12px;
    line-height: 1.0em;
    height: 30px;
    background: url(../images/fond-header-recherche.png) repeat-x #2f83bf; 
    cursor: pointer;
}

.formStyle .submit input:focus,
.formStyle .submit input:hover {
    border: 1px solid #00639d;
    background: url(../images/fond-menu-sprite.png) repeat-x #2f83bf 0px -50px;
    background: url(../images/fond-bandeau.png) repeat-x #2f83bf 0px 0px;
}

.formStyle p.obligatoire {
    color: #000;
    font-size: 1.2em;
    line-height: 1.2em;
    font-style: italic;
}

.formStyle p.erreur {
    color: #f00;
    font-size: 1.2em;
    line-height: 1.2em;
    font-weight: bold;
    padding: 0 0 15px 0;
}

#container .formStyle .required {
    font-size: 10px;
}

.formStyle .right,
.formStyle .left {
    float: left;
    width: 45%;
}

.formStyle .left {
    margin: 0 40px 20px 0;
    padding: 0 0 0px 0;
}

.formStyle .right {
    border-left: 1px solid #aaa;
    margin: 0 0 20px 0;
    padding: 0 0 0 40px;
}

.formStyle .submit {
    clear: both;
    text-align: center;
}

.formStyle ul {
    list-style: none outside;
}

.formStyle .radio_list {
    overflow: hidden;
}


.formStyle .radio_list label.error,
.formStyle .radio_list label,
.formStyle .radio_list li {
    padding: 0;
    float: left;
    width: auto;
}


.formStyle .radio_list label.error {
    padding: 0 10px 0 0;
}

.formStyle .radio_list input {
}

.formStyle label.error {
    display: inline;
    color: red;
    padding: 5px 0 0px 0;
    text-align: left;
    float: right;
    width: auto;
    font-size: 10px;
    
}

.formStyle .text {
    clear: both;
}

.formStyle .small {
    overflow: hidden;
}

.formStyle .small div {
    float: left;
    width: 55%;
}

.formStyle .small div:last-child {
    width: 45%;
}

.formStyle .small input {
    width: 104px;
}

.formStyle .small div:last-child label {
    width: auto;
    padding-left: 10px;
}

.formStyle .mentionsLegales {
    color: #aaa;
    padding: 20px 0;
    font-size: 11px;
    font-style: italic;
    line-height: 1.2em;
}

.error {

}

.formStyle ul.error_list
{
	color:red;
	text-align:center;
}

#formAboNewsletter #selectAutresCentres
{
	margin-left:120px;
}

#slideShowPromo {
    background: url(../images/fond-carousel-promo.png) no-repeat #fff;
    width: 940px;
    height: 300px;
    padding: 30px 0 0 0;
    margin: 0 0 5px 0;
}

#slideShowPromo .masque {
    height: 273px;
    overflow: hidden;
}

#slideShowPromo .item {
    width: 940px;
    height: 273px;
    overflow: hidden;
    position: relative;
}

#slideShowPromo .item img {
    display: block;
    float: left;
}

#slideShowPromo table {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 380px;
    height: 130px;
}
    
#slideShowPromo .item table img {
    display: inline;
    float: none;
}

#slideShowPromo table td {
    width: 380px;
    height: 130px;
    text-align: center;
    vertical-align: middle;
}

#slideShowPromo .prev,
#slideShowPromo .next {
    width: 53px;
    height: 273px;
    top: 30px;
    background: url(../images/bt-slideshow-sprite.png) no-repeat;
}

#slideShowPromo .prev span,
#slideShowPromo .next span {
    display: none;
}

#slideShowPromo .prev {
    background-position: top left;
}

#slideShowPromo .next {
    background-position: top right;
}
/*
#slideShowPromo a:focus.prev,
#slideShowPromo a:active.prev,
#slideShowPromo a:hover.prev {
    background-position: bottom left;
}

#slideShowPromo a:focus.next,
#slideShowPromo a:active.next,
#slideShowPromo a:hover.next {
    background-position: bottom right;
}
*/

.blocArrondi {
    background: url(../images/fond-degrade-bloc-decale.png) repeat-x 0px 37px #f3f3f3;
    border: 1px solid #c1c1c1;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    position: relative;
    padding: 38px 0 0 0;
    margin: 0 0 20px 0;
}

.blocArrondi header {
    background: url(../images/fond-titre-bloc-decale.png) no-repeat #2669ac;
    color: #fff;
    height: 33px;
    width: 450px;
    position: absolute;
    top: -1px;
    left: -6px;
    font-family: 'VarelaRoundRegular', arial, sans-serif;
    font-size: 16px;
    line-height: 1.1em;
    padding: 5px 0 0 15px;
}

.blocArrondi .body {
    padding: 10px;
}

#homeActu {
    height: 339px;
}

#carouselHomeActu .apercuCarousel {
    margin: 0 0 20px 0;
    text-align: center;
}

#carouselHomeActu .apercuCarousel img {
    margin: 0;
    -moz-box-shadow: 0px 0px 5px #444;
    -webkit-box-shadow: 0px 0px 5px #444;
    box-shadow: 0px 0px 5px #444;
}

#carouselHomeActu .masque {
    margin: 0 54px;
    width: auto;
    height: 55px;
}

#carouselHomeActu .item {
    margin: 0 15px 0 0;
}

#carouselHomeActu .item img {
    border: 1px solid #ebebeb;
    opacity: 0.5;
}

#carouselHomeActu .item span {
    display: none;
}

#carouselHomeActu .activeTitle a img,
#carouselHomeActu .item a:focus img,
#carouselHomeActu .item a:active img,
#carouselHomeActu .item a:hover img {
    opacity: 1;
}

#carouselHomeActu .prev,
#carouselHomeActu .next {
    width: 24px;
    height: 24px;
    top: auto;
    bottom: 18px;
    background: url(../images/bt-carousel-actu.png) no-repeat;
}

#carouselHomeActu .prev span,
#carouselHomeActu .next span {
    display: none;
}

#carouselHomeActu .prev {
    background-position: top left;
    left: 20px;
}

#carouselHomeActu .next {
    background-position: bottom left;
    right: 20px;
}

#serviceEnLigne .body {
    margin: -9px 0 0 0;
    position: relative;
    z-index: 10;
    padding: 0;
    overflow: hidden;
}

#serviceEnLigne .body .wrap {
    width: 460px;
}

#serviceEnLigne .body a {
    display: block;
    height: 116px;
    float: left;
    background: url(../images/picto-service-sprite.png) no-repeat;
}

#serviceEnLigne .body a span {
    display: none;
}

#serviceEnLigne .body a.covoit {
    width: 120px;
    background-position: top left;
    -moz-border-radius: 0 0 0 4px;
    -webkit-border-radius: 0 0 0 4px;
    border-radius: 0 0 0 4px;
}

#serviceEnLigne .body a.offre {
    width: 119px;
    background-position: -120px 0px;
}

#serviceEnLigne .body a.prospec {
    width: 119px;
    background-position: -240px 0px;
}

#serviceEnLigne .body a.avis {
    width: 100px;
    background-position: -359px 0px;
    -moz-border-radius: 0 0 4px 0;
    -webkit-border-radius: 0 0 4px 0;
    border-radius: 0 0 4px 0;
}

#serviceEnLigne .body a:focus.covoit,
#serviceEnLigne .body a:active.covoit,
#serviceEnLigne .body a:hover.covoit {
    background-position: bottom left;
}

#serviceEnLigne .body a:focus.offre,
#serviceEnLigne .body a:active.offre,
#serviceEnLigne .body a:hover.offre {
    background-position: -120px -116px;
}

#serviceEnLigne .body a:focus.prospec,
#serviceEnLigne .body a:active.prospec,
#serviceEnLigne .body a:hover.prospec {
    background-position: -240px -116px;
}

#serviceEnLigne .body a:focus.avis,
#serviceEnLigne .body a:active.avis,
#serviceEnLigne .body a:hover.avis {
    background-position: -359px -116px;
}

#rechercheMag .body {
    margin: -9px 0 0 0;
    position: relative;
    z-index: 10;
    padding: 0;
    overflow: hidden;
}

#rechercheMag .body .wrap {
    width: 460px;
}

#rechercheMag .colRecherche {
    float: left;
    width: 198px;
    border-right: 1px solid #acacac;
    padding: 20px 20px 0 20px;
    font-size: 12px;
    min-height: 161px;
}

#rechercheMag .colRecherche form {
}

#rechercheMag .colRecherche label {
    color: #868686;
    font-size: 14px;
    line-height: 1.1em;
    font-weight: bold;
    margin: 0 0 8px 0;
    display: block;
}

#rechercheMag .colRecherche select {
    color: #9c9e9f;
    width: 100%;
    padding: 3px 5px;
}

#rechercheMag .colRecherche input[type="submit"] {
    display: none;
}

#rechercheMag .colRecherche .select {
    margin: 0 0 15px 0;
}

#rechercheMag .colRecherche p {
    padding: 0;
    margin: 0;
}

#rechercheMag .colRecherche a {
    color: #008fd3;
    text-decoration: underline;
}

#rechercheMag .colLiens {
    float: left;
    width: 219px;
    padding: 1px 0 0 0;
}

#rechercheMag .colLiens a {
    width: 219px;
    display: block;
    float: left;
    background: url(../images/picto-acces-rapide-sprite.png) no-repeat;
}

#rechercheMag .colLiens a span {
    display: none;
}

#rechercheMag .colLiens a.plans {
    height: 60px;
}

#rechercheMag .colLiens a.horaires {
    height: 61px;
    background-position: 0px -60px;
}

#rechercheMag .colLiens a.acces {
    height: 59px;
    background-position: 0px -121px;
}

#rechercheMag .colLiens a:focus.plans,
#rechercheMag .colLiens a:active.plans,
#rechercheMag .colLiens a:hover.plans {
    background-position: -220px 0px;
}

#rechercheMag .colLiens a:focus.horaires,
#rechercheMag .colLiens a:active.horaires,
#rechercheMag .colLiens a:hover.horaires {
    background-position: -220px -60px;
}

#rechercheMag .colLiens a:focus.acces,
#rechercheMag .colLiens a:active.acces,
#rechercheMag .colLiens a:hover.acces {
    background-position: -220px -121px;
}

#container .breadcrumb {
    color: #007fc1;
    font-size: 12px;
    line-height: 1.1em;
    margin: 0 0 15px 0;
}

#container .breadcrumb a {
    color: #868686;
    padding: 0 15px 0 0;
    margin: 0 5px 0 0;
    background: url(../images/picto-fleche-ariane.png) no-repeat center right;
    
}

#container h1 {
    font-size: 22px;
    font-family: 'VarelaRoundRegular', arial, sans-serif;
    color: #008bd0;
    position: relative;
    left: -20px;
    top: -10px;
    width: 940px;
    border-bottom: 3px solid #008bd0;
    padding: 0 0 0 40px;
    margin: 0 0 20px 0;
}

#container h1 span {
    background: #fff;
    padding: 0 10px;
    position: relative;
    top: 10px;
}

#container .imageLogo,
#container .imageRelief {
    margin: 0 0 20px 0;
}

#container .imageRelief .flashContainer,
#container .imageRelief img {
    border: 5px solid #fff;
    -moz-box-shadow: 0px 0px 5px #888;
    -webkit-box-shadow: 0px 0px 5px #888;
    box-shadow: 0px 0px 5px #888;
}

#container .imageNoBorder img {
    border: 0;
}

#container .imageVideo {
    position: relative;
}

#container .imageVideo span {
    display: block;
    width: 56px;
    height: 56px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -23px 0 0 -23px;
    background: url(../images/picto-play-flash.png) no-repeat;
}

#container h2 {
    color: #008bd0;
    font-size: 14px;
    font-weight: bold;
    margin: 0 0 15px 0;
}

#container time {
    font-size: 12px;
    font-weight: bold;
    margin: 0 0 15px 0;
    color: #8c8c8c;
}

#container p {
    color: #8c8c8c;
    font-size: 12px;
    line-height: 1.2em;
    margin: 0 0 15px 0;
}

/*
#container ul {
    list-style: outside disc;
    font-size: 12px;
    color: #8c8c8c;
    line-height: 1.2em;
    margin: 0 0 0 20px;
}
*/

#container .chapeau {
    color: #939393;
    font-size: 16px;
    line-height: 1.2em;
    font-family: 'VarelaRoundRegular', arial, sans-serif;
    margin: 0 0 15px 0;
}

#container .btRelief {
    color: #fff;
    font-size: 12px;
    line-height: 1.0em;
    font-weight: bold;
    margin: 0 0 15px 0;
    background: url(../images/fond-bt-fleche-bleu.png) repeat-x top right #2a7ab8;
    padding: 8px 43px 0px 10px;
    border: 1px solid #00639d;
    height: 20px;
    display: inline-block;
}

#container .btReliefBlanc {
    color: #2290c9;
    background: url(../images/fond-bt-fleche-sprite.png) repeat-x bottom right #fff;
    border: 1px solid #e3e3e3;
}

#container .btReliefBlanc:hover {
    color: #444;
    text-decoration: none;
}

#container .btReliefOrange {
    background: url(../images/fond-bt-fleche-sprite.png) repeat-x top right #f68c00;
    border: 1px solid #d67200;
}

#container .btPartage {
    text-align: right;
    margin: 0 0 10px 0;
}

#container .btPartage img {
    margin: 0 3px 0 0;
}

#container .encadreGris {
    background: #f5f5f5;
    border: 1px solid #c4c4c4;
    padding: 10px;
    margin: 0 0 15px 0;
}

#container .encadreGris .btRelief {
    margin-bottom: 0;
}

#container .offrePropose {
    overflow: hidden;
}

#container .offrePropose h2 {
    font-size: 13px;
    margin: 0 0 10px 0;
}

#container .offrePropose img {
    float: left;
    margin: 0 10px 0 0;
}

#container .offrePropose p {
    color: #000;
    font-size: 12px;
}

#container .lienPlus a {
    color: #008bd0;
    background: url(../images/picto-fleche-bleu.png) no-repeat left center;
    padding: 0 0 0 15px;
}

#bandeauPromoActu {
    position: relative;
    left: -20px;
    width: 980px;
    padding: 0;
    margin: -8px 0 20px 0;
    height: 290px;
    overflow: hidden;
}

#bandeauPromoActu .masque {
    padding-top: 8px;
}

#bandeauPromoActu .item {
    position: relative;
    width: 980px;
    height: 290px;
    color: #fff;
    background: url(../images/fond-promotion-bleu.png) no-repeat #2290c9;
}

#bandeauPromoActu .illustration {
    position: absolute;
    width: 445px;
    height: 217px;
    top: 5px;
    left: 484px;
}

#bandeauPromoActu .illustrationActu {
    width: 398px;
    height: 225px;
    padding: 5px 0 8px 52px;
    top: -8px;
    left: 479px;
    background: url(../images/fond-promotion-bleu.png) no-repeat -432px 8px #fff;
    text-align: center;
}

#bandeauPromoActu h2 {
    font-family: 'VarelaRoundRegular', arial, sans-serif;
    color: #fff;
    font-size: 36px;
    line-height: 1.1em;
    padding: 52px 0 20px 80px;
    margin: 0;
}

#bandeauPromoActu .coupCoeur {
    background: url(../images/fond-coup-coeur.png) no-repeat 2px 14px;
}

#bandeauPromoActu .description {
    padding: 0 0 0 20px;
    width: 420px;
}

#bandeauPromoActu .descriptionSansTitre {
    padding-top: 50px;
}

#bandeauPromoActu .description p {
    font-size: 12px;
    line-height: 1.2em;
    color: #fff;
    margin: 0 0 20px 0;
   	max-height:60px;
   	overflow:hidden;
}

#bandeauPromoActu .description .date {
    font-weight: bold;
    margin: 0 0 10px 0;
}

#bandeauPromoActu .description h3 {
    font-weight: bold;
    font-size: 16px;
    margin: 0 0 10px 0;
}

#bandeauPromoActu .prev,
#bandeauPromoActu .next {
    width: 24px;
    height: 24px;
    top: auto;
    bottom: 12px;
    background: url(../images/bt-carousel-actu.png) no-repeat;
}

#bandeauPromoActu .prev span,
#bandeauPromoActu .next span {
    display: none;
}

#bandeauPromoActu .prev {
    background-position: top left;
    left: 400px;
}

#bandeauPromoActu .next {
    background-position: bottom left;
    right: 400px;
}

#bandeauPromoActu .pagination {
    position: absolute;
    margin: 0;
    bottom: 20px;
    left: 0px;
    width: 980px;
    text-align: center;
}

#bandeauPromoActu .pagination a {
    display: inline-block;
    width: 5px;
    height: 0px;
    padding: 5px 0 0 0;
    overflow: hidden;
    background: url(../images/picto-pagination-sprite.png) no-repeat;
    margin: 0 4px;
}

#bandeauPromoActu .pagination a.current {
    background-position: top right;
}


#container .galeriePromo {
    margin: 0 0 0 -10px;
    width: 930px;
}

#container .galeriePromo img {
    float: left;
    display: block;
    -moz-box-shadow: 0px 0px 5px #444;
    -webkit-box-shadow: 0px 0px 5px #444;
    box-shadow: 0px 0px 5px #444;
    margin: 0 0 10px 9px;
}

#container .galeriePromo a img {
    opacity: 0.3;
}

#container .galeriePromo a:hover img {
    opacity: 1;
}

#container .blocProfil {
    margin: 0 0 30px 0;
    overflow: hidden;
}

#container .blocProfil .avatar {
    width: 150px;
    text-align: center;
    float: left;
    margin: 0 20px 30px 0;
    padding: 20px 0 0 0;
}

#container .blocProfil .nom {
    font-size: 18px;
    font-weight: bold;
}

#container .blocProfil ul {
    list-style: none outside;
    overflow: hidden;
}

#container .blocProfil ul li {
    font-size: 12px;
    line-height: 1.2em;
    margin: 0 0 5px 0;
    padding: 0 0 0 12px;
    background: url(../images/picto-fleche-ariane.png) no-repeat left center;
}

#container .galerieProfil {
    margin: 0 0 0 -10px;
}

#container .galerieProfil h2 {
    margin: 0 0 20px 10px;
    font-size: 18px;
    font-weight: bold;
    clear: both;
    /*
    color: #2290c9;
    */
}

#container .galerieProfil .item {
    float: left;
    margin: 0 0 10px 9px;
}

#container .galerieProfil .item img {
    display: block;
    -moz-box-shadow: 0px 0px 5px #444;
    -webkit-box-shadow: 0px 0px 5px #444;
    box-shadow: 0px 0px 5px #444;
    margin: 0 0 5px 0;
}

#container .galerieProfil .item .delete {
    color: #858585;
    text-align: right;
    display: block;
    text-decoration: underline;
}

#container .pictosService a {
    display: block;
    height: 58px;
    width: 58px;
    position: relative;
    border: 1px solid #e5e5e5;
    margin: 0 0 10px 0;
    background: url(../images/picto-service-sprite.png) no-repeat;
}

#container .pictosService a:last-child {
    margin-bottom: 0;
}

#container .pictosService a span {
    color: #008bd0;
    font-size: 13px;
    line-height: 1.2em;
    font-weight: bold;
    position: absolute;
    top: 20px;
    left: 70px;
    display: block;
    width: 120px;
}

#container .pictosService .covoit {
    background-position: -29px -7px;
}

#container .pictosService .offre {
    background-position: -150px -7px;
}

#container .pictosService .offre span {
    top: 15px;
}

#container .pictosService .prospec {
    background-position: -266px -11px;
}

#container .pictosService .avis {
    background-position: -375px -11px;
}

#container .blocProspectus {
    -moz-box-shadow: 0px 0px 5px #888;
    -webkit-box-shadow: 0px 0px 5px #888;
    box-shadow: 0px 0px 5px #888;
    float: left;
    padding: 10px;
    margin: 0 10px 10px 0;
    width: 202px;
    height: 92px;
    overflow: hidden;
}

#container .blocProspectus img {
    float: left;
    margin: 0 10px 0 0;
}

#container .blocProspectus h2 {
    font-size: 13px;
    margin: 0 0 5px 0;
}

#container .blocProspectus .lienPlus {
    margin: 0;
    font-weight: bold;
}

#container .listeActu {
    margin: 0 0 20px 0;
    clear: both;
}

#container .listeActu .imageRelief {
    float: left;
    margin: 0 15px 10px 0;
}

#container .listeActu h2 {
    margin: 0 0 10px 0;
}

#container .listeActu time {
    margin: 0 0 10px 0;
}

#container .listeActu .lienPlus {
    text-align: right;
    padding: 0 50px 0 0;
    margin: 0;
}

#container .listeActu p {
    margin: 0 0 10px 0;
}

#container .imageActuDetails {
    float: left;
    margin: 0 30px 10px 0;
}

#container #map_canvas {
    margin: 0 0 30px 0;
    height: 500px;
    width: 540px;
}

#container .listeEvenement {
    margin: 0 0 20px 0;
/*    border-bottom: 1px solid #c4c4c4;
*/
    position: relative;
    padding: 0 0 30px 0;
}

#container .listeEvenement time {
    margin: 0 0 15px 0;
}

#container .listeEvenement .imageRelief {
    float: left;
    margin: 0 15px 0px 0;
}

#container .listeEvenement .imageRelief .flashVideo {
    width: 283px;
    height: 160px;
}

#container .listeEvenement .btPartage {
    margin: 0;
}

#container .listeEvenement .btRelief {
  float:right;  
  clear: both;
}


#container .listeEvenement .lienPlus {
    margin: 0;
    clear: both;
}

#container .listeEvenement .lienPlus a {
    position: absolute;
    bottom: 15px;
    right: 0px;
}

#container .listeEvenementDetail {
    margin: 0 0 20px 0;
    border-bottom: 1px solid #c4c4c4;
    position: relative;
    padding: 0 0 50px 0;
}

#container .listeEvenementDetail .imageRelief {
    float: left;
    margin: 0 15px 0px 0;
}

#container .listeEvenementDetail time {
    margin: 0 0 10px 0;
}

#container .listeEvenementDetail .btRelief {
    position: absolute;
    bottom: 15px;
    right: 0px;
    margin: 0;
}

#container .galerieDossiers {
    margin: 0 0 10px -10px;
    
}

#container .galerieDossiers .dossier {
    float: left;
    margin: 0 0 10px 10px;
}

#container .galerieDossiers .dossier time {
    margin: 0 0 5px 7px;
}

#container .galerieDossiers .dossier a {
    background: url(../images/fond-photos-dossier.png) no-repeat top left;
    display: block;
    width: 155px;
    height: 89px;
    overflow: hidden;
    padding: 4px 0 0 6px;
    text-align: center;
    position: relative;
}

#container .galerieDossiers .dossier a span {
    display: none;
}

#container .galerieDossiers .dossier a:hover span {
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 161px;
    height: 93px;
    background: url(../images/fond-photos-dossier.png) no-repeat bottom left;
}

/* Commentaires */

#container .blocCommentaires {
    padding: 20px 0 0 0;
    border-top: 1px solid #c4c4c4;
    position: relative;
}

#container .blocCommentaires h2 {
    margin: 0 0 25px 0;
}

#container .blocCommentaires .blocBtDeplie {
    position: absolute;
    top: 20px;
    right: 0px;
}

#container .blocCommentaires .blocBtDeplie {
    position: absolute;
    top: 20px;
    right: 0px;
}

#container .blocCommentaires form .required {
    margin: 40px 0 0 0;
}

#container .blocCommentaires form .submit {
    margin: -40px 0 0 0;
}

#container .blocCommentaires form {
    border-bottom: 1px solid #c4c4c4;
    margin: 0 0 20px 0;
}

#container .blocCommentaires form .check a {
    color: #8C8C8C;
    text-decoration: underline;
}

#container .blocCommentaires form .sousIntitule label {
    padding-bottom: 15px;
}

#container .blocCommentaires form .sousIntitule .intitule {
    font-size: 10px;
    line-height: 1.1em;
    font-style: italic;
}

#container .blocCommentaire {
    margin: 0 0 20px 0;
}

#container .blocCommentaire .avatar {
    float: left;
    margin: 0 10px 10px 0;
}

#container .blocCommentaire .entete {
    float: left;
    font-size: 12px;
    line-height: 1.2em;
    font-weight: bold;
}

#container .blocCommentaire .entete .pseudo {
    color: #008bd0;
}

#container .blocCommentaire .entete .date {
    color: #8c8c8c;
    font-weight: normal;
    font-size: 10px;
}

#container .blocCommentaire .commentaire {
    clear: both;
    font-size: 12px;
    line-height: 1.2em;
    padding: 10px;
    background: #f2f2f2;
    border: 1px solid #e5e5e5;
    color: #000;
}

#container .galeriePhotos {
    margin: 0 0 0 -10px;
}

#container .galeriePhotos .hrefRelief {
    float: left;
    margin: 0 0 10px 10px;
    position: relative;
    width: 150px;
    height: 85px;
    border: 5px solid #fff;
    -moz-box-shadow: 0px 0px 5px #888;
    -webkit-box-shadow: 0px 0px 5px #888;
    box-shadow: 0px 0px 5px #888;
    text-align: center;
}

#container .galeriePhotos .hrefRelief img {
    margin: auto;
}
#container .galeriePhotos .hrefRelief span {
    display: none;
}

#container .galeriePhotos .hrefRelief:hover span {
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 150px;
    height: 85px;
    background: url(../images/fond-photos-dossier.png) no-repeat -9px -94px;
}


#container .paginationGenerique .prev,
#container .paginationGenerique .next {
    width: 24px;
    height: 24px;
    background: url(../images/bt-carousel-actu.png) no-repeat;
    overflow: hidden;
}

#container .paginationGenerique .prev span,
#container .paginationGenerique .next span {
    display: none;
}

#container .paginationGenerique .prev {
    background-position: top left;
}

#container .paginationGenerique .next {
    background-position: bottom left;
}

#container .paginationGenerique {
    text-align: center;
    margin: 0;
}

#container .paginationGenerique a {
    margin: 0 6px;
    display: inline-block;
    vertical-align: middle;
    color: #288dc6;
}

#container .paginationGenerique a:hover {
}

#container .paginationGenerique a.current {
    color: #000;
}

#container .lienRetour {
    float: right;
}

#container .lienRetour a {
    color: #898989;
    font-weight: bold;
}

#container .blocSoulignePicto {
    border-bottom: 1px solid #c4c4c4;
    margin: 0 0 20px 0;
    overflow: hidden;
    width: 100%;
}

#container .blocSoulignePicto img {
    float: left;
    margin: 20px 20px 20px 0;
}

#container .filtreAnnonce {
    overflow: hidden;
    margin: 0 0 20px 0;
}

#container .filtreAnnonce .btRelief {
    float: right;
}

#container .filtreAnnonce form {
    padding: 4px 0 0 0;
}

#container .filtreAnnonce form p {
    margin: 0;
}

#container .filtreAnnonce form label {
    color: #4ea6d4;
    padding: 0 20px 0 0;
}

#container .filtreAnnonce form select {
    font-size: 12px;
    color: #8c8c8c;
    padding: 3px 2px;
    width: 200px;
}

#container .contentListeDeplie .btDeplie {
    float: right;
    display: none;
    color: #8a8a8a;
    font-weight: bold;
}

#container .contentListeDeplie .btDeplie .cacher {
    display: none;
}

#container .contentListeDeplie .btDeplie .picto {
    overflow: hidden;
    width: 10px;
    height: 6px;
    display: inline-block;
    margin: 0 0 1px 6px;
    background: url(../images/picto-fleches-deplie.png) no-repeat left bottom;
}

#container .contentListeDeplie .btDeplieOn .cacher {
    display: inline;
}

#container .contentListeDeplie .btDeplieOn .voir {
    display: none;
}

#container .contentListeDeplie .btDeplieOn .picto {
    background-position: left top;
}

#container .contentListeDeplie .blocDeplie {
    overflow: hidden;
}

#container .offresCat {
    border-bottom: 1px solid #d5d5d5;
    padding: 0 0 0px 0;
    margin: 0 0 20px 0;
}


#container .offresCat h2 {
    color: #4ea6d4;
    font-size: 16px;
    font-family: 'VarelaRoundRegular', arial, sans-serif;
}

#container .offreCat {
    border-bottom: 1px solid #d5d5d5;
    margin: 0 0 20px 0;
}

#container .offreCat:last-child {
    border: 0;
    margin: 0;
}

#container .offreCat h3 {
    color: #2290c9;
    font-size: 14px;
    font-weight: bold;
    margin: 0 0 10px 0;
}

#container .offreCat .imageRelief {
    float: left;
    margin: 0 20px 20px 0;
}

#container .offreCat .signaler {
    float: right;
    font-size: 11px;
}

#container .offreCat .partager {
    float: right;
    margin-right:15px;
}

#container .offreCat .signaler a {
    padding: 2px 0 2px 20px;
    color: #8c8c8c;
    background: url(../images/picto-alerte.png) no-repeat;
}

#container .offreCat .btPartage {
    float: left;
}

#container .offreCat .galerie {
    width: 400px;
    float: right;
}

#container h2.nomEnseigne {
    font-size: 18px;
    
}

#container h2.nomEnseigne span {
    font-size: 12px;
}

#container .infosMagasin p {
    text-align: left;
    color: #008bd0;
}

#container .infosMagasin p span {
    color: #8c8c8c;
}

#container .liensFicheMag a {
    color: #888888;
    display: inline-block;
    padding: 2px 0 2px 20px;
    margin: 0 0 5px 0;
    font-size: 11px;
    line-height: 1.3em;
    background: url(../images/picto-fiche-magasin-sprite.png) no-repeat;
}

#container .liensFicheMag a.retour {
    background-position: 0px 4px;
}

#container .liensFicheMag a.ajout {
    background-position: 0px -15px;
}

#container .liensFicheMag a.site {
    background-position: 0px -35px;
}

#container .liensFicheMag a.plan {
    background-position: 0px -58px;
    padding: 8px 0 8px 24px;
    font-weight: bold;
    font-size: 12px;
}

#interstitiel .fermer {
    margin: 0 20px 0 0;
    text-align: right;
}

#interstitielLightBox form {
    position: absolute;
    left: 290px;
    top: 390px;
}

#interstitielLightBox form label {
    font-size: 13px;
    line-height: 1.1em;
    margin: 0 0 5px 0;
    display: block;
    font-weight: bold;
}

#interstitielLightBox form select {
    width: 236px;
}

#interstitielLightBox form input[type="submit"] {
    display: none;
}

#lienFondMasque,
#lienFond {
    display: block;
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0px;
    top: 0px;
    z-index: 0;
}

#lienFond span {
    display: none;
}

#lienFondMasque {
    position: absolute;
    height: 148px;
}

<<<<<<< HEAD

=======
>>>>>>> 130b0835f6fbc1baf385c82f38627c0882081d38
#container .listeImbrique ul {
    list-style: none outside;
    margin: 0 0 0 50px;
    color: #000;
}

#container .listeImbrique ul ul {
    margin: 10px 0 0 20px;
}

#container .listeImbrique ul li a {
    color: #000;
}

#container .listeImbrique ul li {
    font-size: 13px;
    line-height: 1.2em;
    margin: 0 0 15px 0;
    padding: 0 0 0 12px;
    background: url(../images/picto-fleche-ariane.png) no-repeat left 3px;
}

#container .listeImbrique ul li li {
    font-size: 12px;
    margin: 0 0 10px 0;
}

#container .listeImbrique ul li li a {
    color: #666666;
}

/* Module sondage */

#container .blocSondage {
    margin: 0 0 30px 0;
    padding: 0 10px 30px 10px;
    border-bottom: 1px solid #d5d5d5;
}

#container .blocSondage:last-child {
    border: 0;
}

#container .blocSondage h3 {
    margin: 0 0 15px 0px;
    /*
    display: list-item;
    list-style: outside square;
    */
}

#container .blocSondage form {
    padding-left: 20px;
}

#container .blocSondage form .radio {
    font-size: 12px;
    line-height: 1.8em;
}

#container .blocSondage form .radio label {
    padding-left: 5px;
}

#container .blocSondage form .submit {
    text-align: left;
    padding: 0 0 0 30px;
    margin: 0;
}

#container .blocSondage .resultats {
    background: #f2f2f2;
    padding: 20px;
}

#container .blocSondage .resultats .intitule {
    float: left;
    font-size: 11px;
    line-height: 1.2em;
    color: #444;
    width: 350px;
    margin: 0 10px 0 0;
}

#container .blocSondage .resultats .graphique {
    float: left;
    height: 20px;
    background: #ccc;
    margin: 2px 0 0 0;
    width: 200px;
}

#container .blocSondage .resultats .graphique .fonce {
    height: 20px;
    background: #666;
}

#container .blocSondage .resultats .pourcentage {
    float: left;
    font-size: 13px;
    padding: 6px 0;
    color: #888;
    width: 50px;
}

#container .blocSondage .resultats .resultat {
    clear: both;
    overflow: hidden;
    margin: 0 0 10px 0;
}



/** PLAN MAGASIN **/

#planMagasin {
    border: 1px solid #C1C1C1;
    position: relative;
    top: 35px;
    padding: 20px;
    margin: 0 0 35px 0;
}

#planMagasin .onglets {
    position: absolute;
    top: -35px;
    left: -1px;
}

#planMagasin .plan-galerie {
    position: relative;
    margin: 0px 40px 40px 40px;
    text-align: center;
    
    -moz-box-shadow: 0px 0px 5px #888;
    -webkit-box-shadow: 0px 0px 5px #888;
    box-shadow: 0px 0px 5px #888;
}

#planMagasin ul {
    list-style: none outside;
}

#planMagasin .liste-magasins-top {
    width: 212px;
    float: left;
    margin: 0 20px 0 0;
}

#planMagasin .liste-magasins-top .btRelief {
    width: 155px;
}

#planMagasin .liste-magasins-top ul {
    float: left;
}

#planMagasin .liste-magasins-top ul li a {
    display: block;
    width: 212px;
    text-align: center;
    font-size: 10px;
    font-weight: bold;
    margin: 0 0 3px 0;
    color: #fff;
    background: url(../images/fond-liste-magasins-top.png) repeat-x #aaa;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    text-transform: uppercase;
}

#planMagasin .liste-magasins-top ul li a:active,
#planMagasin .liste-magasins-top ul li a:focus,
#planMagasin .liste-magasins-top ul li a:hover {
    color: #fff;
    text-decoration: none;
    opacity: 0.8;
}

#planMagasin .liste-magasins-top ul li a span {
    display: block;
    width: 212px;
    background: url(../images/picto-croix.png) no-repeat 187px -32px;
    height: 21px;
    padding: 10px 0 0 0;
}

#planMagasin .liste-magasins-top ul .repli a span {
    background-position: 187px 8px;
}

#planMagasin .liste-magasins-top ul li a img {
    display: none;
}

#planMagasin .liste-magasins-top ul li a[rel="beaute"] {
    background-position: 0px 0px;
}
#planMagasin .liste-magasins-top ul li a[rel="mode"] {
    background-position: 0px -34px;
}
#planMagasin .liste-magasins-top ul li a[rel="bijoux"] {
    background-position: 0px -68px;
}
#planMagasin .liste-magasins-top ul li a[rel="restauration"] {
    background-position: 0px -102px;
}
#planMagasin .liste-magasins-top ul li a[rel="equi-maison"] {
    background-position: 0px -136px;
}
#planMagasin .liste-magasins-top ul li a[rel="services"] {
    background-position: 0px -170px;
}
#planMagasin .liste-magasins-top ul li a[rel="transports"] {
    background-position: 0px -204px;
}
#planMagasin .liste-magasins-top ul li a[rel="culture"] {
    background-position: 0px -238px;
}
#planMagasin .liste-magasins-top ul li a[rel="prod-alimentaires"] {
    background-position: 0px -272px;
}

#planMagasin .liste-magasins-top ul ul ul {
    float: none;
    padding: 5px 0;
    list-style: square inside;
    margin: 0 0 0 10px;
    color: #8C8C8C;
}

#planMagasin .liste-magasins-top ul ul ul li {
    margin: 0 0 5px 0;
}

#planMagasin .liste-magasins-top ul ul li.repli ul {
    display: none;
}
#planMagasin .liste-magasins-top ul ul ul li a:active,
#planMagasin .liste-magasins-top ul ul ul li a:focus,
#planMagasin .liste-magasins-top ul ul ul li a:hover,
#planMagasin .liste-magasins-top ul ul ul li a {
    display: inline;
    width: auto;
    padding: 0;
    text-align: left;
    font-size: 10px;
    font-weight: bold;
    color: #8C8C8C;
    background: 0;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    text-transform: uppercase;
    opacity: 1;
}

#planMagasin .liste-magasins-top ul ul ul li a:hover {
    color: #000;
}


#planMagasin #bloc-affiche {
    overflow: hidden;
}

#planMagasin .liste-magasins .floatLeft {
    float: left;
    width: 166px;
}

#planMagasin .liste-magasins h3 {
    font-size: 22px;
    color: #8c8c8c;
}

#planMagasin .liste-magasins ul {
    padding: 0 0 0 20px;
    margin: 0 0 10px 0;
}

#planMagasin .liste-magasins ul li {
    padding: 0 0 5px 0;
}

#planMagasin .liste-magasins ul li a {
    color: #8c8c8c;
}

#planMagasin .liste-magasins ul li a:active,
#planMagasin .liste-magasins ul li a:focus,
#planMagasin .liste-magasins ul li a:hover {
    color: #000;
    text-decoration: none;
}

#planMagasin .liste-services ul li {
    float: left;
    padding: 10px 0px 0 20px;
    width: 200px;
}

#planMagasin .liste-services ul li li {
    clear: both;
    padding: 0 0 10px 0;
    width: auto;
}

#planMagasin .liste-services ul li li a {
    color: #8c8c8c;
    font-size: 1.2em;
}

#planMagasin .liste-services ul li li a:active,
#planMagasin .liste-services ul li li a:focus,
#planMagasin .liste-services ul li li a:hover {
    color: #000;
    text-decoration: none;
}

#planMagasin .liste-services ul li li a img {
    vertical-align: middle;
    margin: 0 8px 0 0;
}

/*  --------------------------------------------------------
pictos galerie + info bulle
------------------------------------------------------------------*/

.local-magasin, .local-service {
   position: relative;
}

.local-service {
    width: 45px;
    height: 44px;
    cursor: pointer;
}

.local-magasin {
    width: 36px;
    height: 44px;
}

.info-bulle-magasin {
    position: relative;
    position: absolute;
    top: 2px;
    left: 35px;
    width: 133px;
    height: 91px;
    text-align: left;
    padding: 4px 10px 12px 7px;
    background: transparent url(../images/bg-info-bulle.png) no-repeat left top;
}

.info-bulle-magasin h3 {
    font: normal 1em/1em arial, helvetica, sans-serif;
    color: #c2c2c2;
    width: 122px;
}

.info-bulle-magasin a.fermer {
    width: 7px;
    height: 8px;
    position: absolute;
    top: 5px;
    right: 12px;
}

.info-bulle-magasin h4 {
    font: normal 14px arial, helvetica, sans-serif;
    color: #5c5c5c;
    margin-bottom: 3px;
}

.info-bulle-magasin .infos {
    position: absolute;
    bottom: 3px;
    left: 7px;
}

#container .info-bulle-magasin p.lien-fiche {
    color: #065700;
    font: normal 10px arial, helvetica, sans-serif;
    font-size: 10px;
    margin: 3px 0 10px 0;
}

.info-bulle-magasin .lien-fiche a {
    color: #065700;
}


/* Lightbox pluggin */

#lightbox-container-image-data-box {
    min-width: 280px;
}

#lightbox-container-image-box {
    min-width: 300px;
}

#partageLightbox {
    display: none;
}

#lightbox-container-image-data-box #partageLightbox {
    display: block;
}

#partageLightbox .btPartage {
    text-align: left;
    padding: 0 10px 15px 10px;
    overflow: hidden;
}

#partageLightbox .btPartage img {
    margin: 0px 5px 0 0;
    /*
    float: left;
    */
}

#partageLightbox .btPartage .jaime {
    margin: 0 5px 0 0;
    display: inline-block;
    /*
    float: left;
    */
    color: #444;
}

#partageLightbox .btPartage .jaime a {
    display: inline-block;
    margin: 0px 0 0 0;
    color: #888;
    /*
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding: 2px 2px 2px 5px;
    border: 1px solid #ccc;
    */
}

#partageLightbox .btPartage .jaime a:hover {
    text-decoration: none;
    /*
    border: 1px solid #ddd;
    */
}

#partageLightbox .btPartage .signaler {
    display: inline-block;
    float: right;
}

/*------------------------- fin text bulle
-----------------------------------*/

/** PAGES SPÉCIALES **/

/* home */

.home #container {
    padding-top: 0;
}

/* infos pratiques */

#container .infosPratiques  .btRelief {
    width: 165px;
}

#container .infosPratiques  .btRelief:hover, #container .promotionDesc  .btRelief:hover  {
    background-image: url(../images/fond-bt-fleche-bleu.png);
    color: #fff;
    text-decoration: none;
    border: 1px solid #00639D;
}

/*--------------------Rajouts Integration Finale
------------------------------------------*/
.formStyle .help {
	margin-left:120px;
}

.simpleBox {
    /*background: #fff url(../images/bg-boite-dialog.png) no-repeat right 25px;*/
    background-color:#fff;
    border: 1px solid #000;
    display: none;
}
.simpleBox form{
  margin: 5px 10px;
  display: block;
}

.simpleBox p {
    padding: 10px;
    color: #7F7F7F;
    font: normal 1.2em arial, helvetica, sans-serif;
}

.simpleBox .header{
    display: block;
    height: 15px;
    background: #fff;
}

.simpleBox h2 {
    font: bold 1.2em arial, helvetica, sans-serif;
    padding: 3px 5px 3px 5px;
    color: #000;
    float:left;
    height: 15px;
    background: #fff;
}

.simpleBox a.fermer{
  float: right;
  margin:3px 5px 0 0;
}

.ui-widget-overlay {
    height: 100%;
    width: 100%;
    left: 0;
    position: absolute;
    top: 0;
    background: url(../images/bg-box-actu-niv2.png) repeat;
    opacity: 0.50;
}

.ui-dialog {
    position: relative;
}

.cb10 {clear:both;height:10px;}