/* Syndicat des eaux de la Barousse*/


/* Dataxy 2010 */


/* design: nicolab */


/* FONT */

@font-face {
    font-family: 'museo';
    src: url('font/museo.eot');
    src: local('museo'), url('font/museo.otf') format('opentype');
}


/* GENERAL */

* {
    margin: 0;
}

html {
    margin: 0;
    height: 100%;
    cursor: url(images/fleche.png), default;
}

body,
#contenu,
#page {
    height: 100%;
}

body {
    background: #fff;
    font: italic 11pt georgia, times new roman, serif;
    color: #555;
}

#contenu {
    background: url(images/bordure.gif) repeat-y left;
    margin: 0 auto;
    max-width: 1400px;
    /width: 976px;
    -background: none;
}

#page {
    background: url(images/bordure.gif) repeat-y right;
    -background: none;
}

a {
    color: #08c;
    text-decoration: none;
    outline: none;
    position: relative;
    z-index: 2;
    cursor: url(images/main.png), pointer;
}

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

::-moz-selection {
    background: #08c;
    color: #fff;
}

::selection {
    background: #08c;
    color: #fff;
}

input[type=text],
input[type=password],
textarea,
select {
    font: italic 10pt georgia, times new roman, serif;
    border: none !important;
    background: #08c !important;
    padding: 2px;
    color: #fff;
    position: relative;
    z-index: 3;
    cursor: url(images/texte.png), text;
}

select {
    cursor: url(images/main.png), pointer;
}

input[type=button],
input[type=submit],
input[type=radio],
input[type=checkbox] {
    font-family: arial, helvetica sans-serif;
    border: none !important;
    background: none;
    outline: none !important;
    text-transform: uppercase;
    color: #08c;
    cursor: url(images/main.png), pointer;
    opacity: 0.7;
}

input[type=button]:hover,
input[type=submit]:hover {
    opacity: 1;
}

ul {
    padding-left: 0;
    list-style: none;
}

table {
    background: none;
}

img {
    border: none;
}

h1,
h2,
h3 {
    font-weight: normal;
}

a h2 {
    cursor: default !important;
}


/* TITRE HAUT */

#barre_titre {
    background: url(images/logo.png) no-repeat 20px 12px;
    height: 70px;
    position: absolute;
    top: 0;
    z-index: 100;
    -background: url(images/logo-ie6.png) no-repeat 20px 12px;
    -left: 0;
    -width: 275px;
}

#barre_titre:hover {
    top: -1px;
}

#barre_titre a {
    display: block;
    width: 326px;
    height: 70px;
    font-size: 0em;
    opacity: 0;
    -ms-filter: "alpha(opacity=0)";
    filter: alpha(opacity=0);
    background: url(images/vide.png);
    -display: none;
}


/* MENU JQUERY */

#barre_onglets_der {
    position: relative;
    max-width: 1400px;
    height: 30px;
    background: #fff url(images/bordure.gif) repeat-y left;
    top: 80px;
    margin: 0 0 -21px 0;
    z-index: 4;
    border-bottom: 1px solid #aaa;
    -display: none;
}


/*menu*/

#barre_onglets_der .menu li {
    background: url(images/menu2.gif) repeat-y right;
    width: 20%;
    padding-top: 8px;
    height: 22px;
    position: relative;
    float: left;
    font: bold 9pt arial, helvetica, sans serif;
    /*text-transform: uppercase;*/
    text-indent: 14px;
}

#barre_onglets_der .menu li:nth-child(2n+1) {
    background: url(images/maison.png) no-repeat 17px 10px, url(images/menu2.gif) repeat-y right;
}

#barre_onglets_der .menu li:nth-child(2n+2) {
    background: url(images/eau.png) no-repeat 20px 10px, url(images/menu2.gif) repeat-y right;
}

#barre_onglets_der .menu li:nth-child(2n+3) {
    background: url(images/boue.png) no-repeat 20px 10px, url(images/menu2.gif) repeat-y right;
}

#barre_onglets_der .menu li:nth-child(2n+4) {
    background: url(images/eau.png) no-repeat 19px 10px, url(images/menu2.gif) repeat-y right;
}

#barre_onglets_der .menu li:nth-child(2n+5) {
    background: url(images/abonne.png) no-repeat 19px 10px, url(images/menu2.gif) repeat-y right;
}

#barre_onglets_der .menu a {
    padding: 0 20px;
}

.menuhover {
    color: #08c !important;
    cursor: url(images/fleche.png), default;
}


/*sous-menu*/

.Menu {
    /*ne pas mettre de border top ou bottom*/
    background: url(images/bordure2.gif) repeat-x bottom, url(images/bordure2.gif) repeat-x top;
    background-color: #fff;
    position: absolute;
    top: 30px;
    left: -1px;
    height: 170px;
    border-right: 1px solid #aaa;
    border-left: 1px solid #aaa;
    display: none;
    -moz-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.3);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.3);
    /top: 21px;
}

.Menu li {
    background: none !important;
    width: 100% !important;
    height: auto !important;
    text-indent: 0 !important;
    /width: 243px !important;
}

.Menu a {
    display: block !important;
    margin-top: -2px;
    padding: 3px 20px 5px 20px !important;
}

.Menu a:hover {
    background-color: #08c;
    color: #fff;
}

li .arrondi {
    width: 200px !important;
    height: 20px !important;
}


/* ZONE 1 */

#colonne {
    position: relative;
    top: 16px;
    height: 0;
    max-width: 1400px;
    z-index: 6;
    /position: absolute;
    /top: 0;
    /width: 976px;
    -left: 250px;
}

#colonne h2 {
    display: none;
}


/*moteur de recherche*/

.recherche {
    width: 100%;
    height: 25px;
    position: relative;
    z-index: 90;
    -display: none;
}

#sbi2 {
    background: url(images/transparent.png) !important;
    width: 170px;
    margin: -20px 36px 0 0;
    float: right;
    opacity: 1;
}

#ok_recherche {
    background: url(images/loupe.png) !important;
    width: 16px;
    height: 20px;
    margin: -20px 20px 0 0;
    float: right;
    font-size: 0em;
    opacity: 1;
}

#ok_recherche:hover {
    background-position: left -21px !important;
}

#retour td {
    background: #fff;
    color: #555;
    padding: 0 20px 5px 0;
}

.urgences {
    width: 100%;
    height: 25px;
    position: relative;
    z-index: 90;
    /background: #111 url(images/degrade1.png) repeat-x left 15px;
    /position: absolute;
    /top: 0;
    /width: 976px;
    /height: 70px;
    -display: none;
}

.urgences a {
    display: bloc;
    padding: 3px 20px 0 0;
    float: right;
    font: bold 10pt arial, helvetica, sans serif;
    text-transform: uppercase;
    color: #fff;
}

.urgences a:hover {
    padding-top: 2px;
}

.ie6 {
    display: none;
    -display: block;
    width: 400px;
    position: absolute;
    top: 30px;
    left: -230px;
}


/* ZONE 2 */

#colonne_blocs {
    background: #fff url(images/bordure.gif) repeat-y right;
    position: fixed;
    bottom: 22px;
    max-width: 1400px;
    height: 290px;
    z-index: 200;
    -moz-animation-duration: 2s;
    -moz-animation-name: sortie;
    -webkit-animation-duration: 2s;
    -webkit-animation-name: sortie;
    animation-duration: 2s;
    animation-name: sortie;
    /width: 980px;
    -display: none;
}

@-moz-keyframes sortie {
    from {
        bottom: -300px;
    }
    to {
        bottom: 22px;
    }
}

@-webkit-keyframes sortie {
    from {
        bottom: -300px;
    }
    to {
        bottom: 22px;
    }
}

@keyframes sortie {
    from {
        bottom: -300px;
    }
    to {
        bottom: 22px;
    }
}

#colonne_blocs .zone {
    background: url(images/bordure.gif) repeat-y left;
    width: 20%;
    height: 152px;
    float: left;
    /width: 204px;
    /padding: 0 20px;
}

#colonne_blocs .zone:nth-child(2n+6) {
    background: url(images/maison2.png) no-repeat right, url(images/bordure.gif) repeat-y left;
}

#colonne_blocs .zone:nth-child(2n+7) {
    background: url(images/eau2.png) no-repeat right 35px, url(images/bordure.gif) repeat-y left;
}

#colonne_blocs .zone:nth-child(2n+8) {
    background: url(images/boue2.png) no-repeat right 35px, url(images/bordure.gif) repeat-y left;
}

#colonne_blocs .zone:nth-child(2n+9) {
    background: url(images/eau2.png) no-repeat right 35px, url(images/bordure.gif) repeat-y left;
}

#colonne_blocs .zone:nth-child(2n+10) {
    background: url(images/abonne2.png) no-repeat right 35px, url(images/bordure.gif) repeat-y left;
}
#colonne_blocs h2.menu {
    display: none;
}

#colonne_blocs h2 {
    background: url(images/titre1.gif);
    height: 32px;
    margin: 21px 0 5px 0;
    padding: 2px 0 0 8px;
    font: 11pt museo, arial, helvetica, sans serif;
    text-transform: uppercase;
    color: #fff;
    /margin: 21px 0 5px 0;
}

#colonne_blocs .article_bloc {
    margin: 0 20px 0 21px;
    font-size: 10pt;
    /margin: 0;
}

#colonne_blocs li {
    margin: 0 20px 0 20px;
    margin-bottom: 1px;
    /margin: 0;
    /text-indent: 0;
}

#colonne_blocs a {
    background: #08c;
    padding: 2px 4px 1px 4px;
    font: bold 9pt arial, helvetica, sans serif;
    text-transform: uppercase;
    color: #fff;
    -webkit-transition-property: padding;
    -moz-transition-property: padding;
    -o-transition-property: padding;
    transition-property: padding;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
}

#colonne_blocs a:hover {
    background-color: #139add;
    padding-right: 18px;
    padding-right: 8px \9;
}


/* ZONE 3 */

#colonne_blocs2 {
    margin: -22px 0 -22px 0 !important;
    height: 22px;
    max-width: 1400px;
    -display: none;
}

#colonne_blocs2 h2 {
    display: none;
}

.bas {
    background: #fff url(images/bordure.gif) repeat-y left;
    width: 80%;
    height: 20px;
    float: left;
    position: relative;
    z-index: 200;
    border-top: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
}

.bas li {
    float: left;
    padding-right: 5px;
}

.bas a {
    display: bloc;
    padding: 3px 0 0 15px;
    color: #888;
    font-size: 9pt;
}

.bas a:hover {
    color: #08c;
}

.communes {
    background: #aaa;
    width: 20%;
    height: 22px;
    float: left;
    position: relative;
    z-index: 200;
    /width: 244px;
}

.communes a {
    background: url(images/cadena.png) no-repeat left 6px;
    display: bloc;
    padding: 3px 20px 0 10px;
    float: right;
    color: #fff;
    font-size: 9pt;
}


/* MAIN */

#main,
#main_10,
#main_01,
#main_11,
#main_full,
#main_full_10,
#main_full_01,
#main_full_11 {
    min-height: 100%;
    position: relative;
    max-width: 1400px;
    background: url(images/degrade1.png) repeat-x;
    /*pas de float:left en page d'accueil*/
    /top: 15px;
    -display: none;
}

:root *> #main,
:root *> #main_10,
:root *> #main_01,
:root *> #main_11,
:root *> #main_full,
:root *> #main_full_10,
:root *> #main_full_01,
:root *> #main_full_11 {
    background: url(images/degrade1.png) repeat-x, url(images/bordure.gif) repeat-y right, url(images/bordure.gif) repeat-y left;
}

.titres_haut {
    padding: 110px 0 0 20px !important;
    font: 9pt arial, helvetica, sans serif;
    text-transform: uppercase;
    color: #aaa;
}

.titres_bas {
    display: none;
}

.titres_haut a,
.titres_bas a {
    font-size: 10pt;
}

.pages {
    max-width: 1400px;
    font-size: 10pt;
    padding: 0 0 0 20px;
}

.pages:nth-child(2n+1) {
    display: none;
}


/* VISIONNEUSE */

#titre-slidervisio1 {
    display: none;
}

#fond-slidervisio1 {
    position: fixed;
    background: #111;
    width: 1400px;
    height: 1080px;
    margin-top: -60px;
    z-index: 5;
}

#loopedSlidervisio1 {
    margin: 0 auto;
    max-width: 1400px;
    position: relative;
    -moz-animation-duration: 5s;
    -moz-animation-name: apparition;
    -webkit-animation-duration: 5s;
    -webkit-animation-name: apparition;
    animation-duration: 5s;
    animation-name: apparition;
}

@-moz-keyframes apparition {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@-webkit-keyframes apparition {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes apparition {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.container {
    max-width: 1400px;
    margin: 0 auto;
    height: 1080px;
    overflow: hidden;
    position: relative;
    z-index: 3;
}

.slides {
    position: absolute;
}

.slides > div {
    position: absolute;
    top: 0;
    width: 1400px;
    display: none;
}


/* CONTENU VISIONNEUSE*/

.photo-slider img {
    width: 1400px;
}

.description {
    background: url(images/degrade2.png) repeat-x;
    position: absolute;
    top: 0;
    width: 1400px;
    height: 250px;
}


/*titre*/

.description h2 {
    position: fixed;
    bottom: 372px;
    margin-left: 8px;
    font: bold 70pt/60pt museo, arial, helvetica, sans-serif;
    text-transform: uppercase;
    text-shadow: 0 0 20px #000;
    color: #08c;
    width: 940px;
}

#fond-slidervisio1 .slides > div:nth-child(2n+1) h2 {
    color: #08c !important;
}

#fond-slidervisio1 .slides > div:nth-child(2n+2) h2 {
    color: #290 !important;
}

#fond-slidervisio1 .slides > div:nth-child(2n+3) h2 {
    color: #111 !important;
}


/*caches*/

#angle {
    background: #eee url(images/pattern.png);
    position: fixed;
    top: 0;
    left: 50%;
    margin-left: 700px;
    width: 600px;
    height: 2000px;
    z-index: 300;
    /margin-left: 487px;
    -display: none;
}

.end_zone {
    background: #eee url(images/pattern.png);
    position: fixed;
    top: 0;
    right: 50%;
    margin-right: 700px;
    width: 600px;
    height: 2000px;
    z-index: 300;
    /margin-right: 488px;
    -display: none;
}

.description p,
.description i {
    display: none;
}


/*lire*/

.description a {
    background: url(images/plus.png) no-repeat 80px 1910px;
    display: block;
    position: fixed;
    bottom: 270px;
    width: 1400px;
    height: 2000px;
    text-align: right;
    font-size: 0em;
    opacity: 0.7;
    -webkit-transition-property: opacity;
    -webkit-transition-duration: 0.5s;
    -moz-transition-property: opacity;
    -moz-transition-duration: 0.5s;
    transition-property: opacity;
    transition-duration: 0.5s;
    background: grey \9;
    filter: alpha(opacity=0);
}

.description a:hover {
    opacity: 1;
}


/*fleches*/

.previous,
.next {
    height: 28px;
    width: 28px;
    position: fixed;
    bottom: 332px;
    cursor: url(images/main.png), pointer;
    z-index: 100;
    opacity: 0.7;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

.previous {
    background: url(images/gauche.png);
    margin-left: 20px;
}

.previous:hover {
    opacity: 1;
}

.previous:active {
    background-position: -1px 0;
}

.next {
    background: url(images/droite.png);
    margin-left: 50px;
}

.next:hover {
    opacity: 1;
}

.next:active {
    background-position: 1px 0;
}


/* ARTICLES */

.fen {
    z-index: 2;
    max-width: 1400px;
    padding: 20px 20px 55px 20px;
    margin-bottom: -1px;
    text-align: justify;
    border-bottom: 1px solid #aaa;
    background: url(images/bordure.gif) repeat-y left, url(images/bordure.gif) repeat-y right;
}

.fen h2 {
    background: url(images/titre2.gif) no-repeat;
    display: inline;
    padding: 0 12px 30px 12px;
    font: 17pt museo, arial, helvetica, sans serif;
    text-transform: uppercase;
    color: #fff;
}

.article {
    position: relative;
    top: 35px;
}


/* BLOCS DANS LES ARTICLES */

.fen .zone {
    max-width: 1400px;
    padding-bottom: 20px;
    margin: -20px 0 20px 0;
    position: relative;
    z-index: 2;
}

.fen .zone h2,
.fen .contact h2 {
    display: none;
}

.fen .zone li {
    float: left;
    margin-right: 20px;
}


/*pdf*/

.flash_pdf #swf {
    position: relative;
    top: 30px;
    width: 950px;
    height: 1343px;
    border: 1px solid #aaa;
    z-index: 0;
}


/*formulaire de contact*/

.contact {
    position: absolute;
    top: 45px;
    left: 480px;
    width: 50%;
}


/*choix SEM-SPL*/

.choix,
.choix2 {
    width: 50%;
    height: 140px;
    position: relative;
    top: 30px;
}

.choix2 {
    margin: -140px 0 0 50%;
}

.choix h2,
.choix2 h2 {
    display: none;
}

.choix p,
.choix2 p {
    background: #08c;
    top: 0;
    height: 117px;
    padding: 20px 20px 0 20px;
    margin: 0 10px 0 0;
    color: #fff;
}

.choix2 p {
    margin: 0 0 0 10px;
}

.choix a,
.choix2 a {
    display: block;
    position: absolute;
    top: 0;
    width: 90%;
    padding: 90px 20px 20px 20px;
    font: 19pt museo, arial, helvetica, sans serif;
    text-transform: uppercase;
    text-shadow: 0 -1px 0 #3bf;
    color: #035;
}

.choix2 a {
    left: 10px;
}

.choix a:hover,
.choix2 a:hover {
    color: #aaa;
}


/*googlemaps*/

#map_canvas_obj {
    width: 100% !important;
    height: 400px !important;
    border: 1px solid #ccc;
}


/*login editeur*/

.login {
    margin-top: 45px;
}

.login h2 {
    display: none !important;
}

.login p {
    text-align: left !important;
}

.login input {
    margin-bottom: 10px;
}

.login a {
    display: block !important;
    margin-top: 10px !important;
    margin-left: 50px !important;
    width: 150px;
    font-size: 8pt;
    color: #999;
}


/* CYCLE DE L'EAU */

.fen_4521_1 {
    background: url(images/fond-cycle.gif) no-repeat 20px 80px;
    z-index: 2;
    max-width: 1400px;
    height: 600px;
    padding: 20px 20px 45px 20px;
    margin-bottom: -1px;
    text-align: justify;
    border-bottom: 1px solid #aaa;
}

:root *> .fen_4521_1 {
    background: url(images/fond-cycle.gif) no-repeat 20px 80px, url(images/bordure.gif) repeat-y left, url(images/bordure.gif) repeat-y right;
}

.fen_4521_1 .titre_article {
    background: url(images/titre2.gif) no-repeat;
    display: inline;
    padding: 0 12px 30px 12px;
    font: 17pt museo, arial, helvetica, sans serif;
    text-transform: uppercase;
    color: #fff;
}

.fen_4521_1 .article {
    position: absolute;
    top: 405px;
    left: 40px;
    width: 290px;
    font-size: 10pt;
    color: #fff;
}

.fen_4521_1 span {
    display: none;
}


/*ferme*/

.cycle1,
.cycle2,
.cycle3,
.cycle4,
.cycle5,
.cycle6 {
    position: absolute;
    top: 105px;
    left: 30px;
    width: 50px;
    height: 50px;
    z-index: 2;
    /background: url(images/transparent2.png);
}

.cycle2 {
    top: 135px;
    left: 80px;
}

.cycle3 {
    top: 165px;
    left: 130px;
}

.cycle4 {
    top: 195px;
    left: 180px;
}

.cycle5 {
    top: 220px;
    left: 230px;
}

.cycle6 {
    top: 250px;
    left: 280px;
}

.cycle1 .article_bloc,
.cycle2 .article_bloc,
.cycle3 .article_bloc,
.cycle4 .article_bloc,
.cycle5 .article_bloc,
.cycle6 .article_bloc {
    display: none;
}


/*hover*/

.fen_4521_1 .article_bloc h2 {
    background: #111;
    position: relative;
    top: 0;
    left: 0;
    width: 290px;
    font-size: 15pt;
    color: #888;
    text-align: left;
    z-index: 2;
}

.fen_4521_1 .article_bloc h2:first-letter {
    margin: 5px 20px 150px 0;
    font: 30pt museo, arial, helvetica, sans serif;
    text-transform: uppercase;
    color: #fff;
    float: left;
}

.fen_4521_1 .article_bloc {
    background: #111;
    width: 290px;
    height: 120px;
    padding: 0 0 0 0;
    font-size: 10pt;
    color: #fff;
    /height: 110px;
}

.cycle1:hover .article_bloc,
.cycle2:hover .article_bloc,
.cycle3:hover .article_bloc,
.cycle4:hover .article_bloc,
.cycle5:hover .article_bloc,
.cycle6:hover .article_bloc {
    display: block;
}

.cycle1:hover,
.cycle2:hover,
.cycle3:hover,
.cycle4:hover,
.cycle5:hover,
.cycle6:hover {
    position: absolute;
    top: 60px;
    left: 20px;
    width: 890px;
    height: 263px;
    padding: 300px 0 0 20px;
    z-index: 1;
    filter: alpha(opacity=100);
}

.cycle1:hover {
    background: url(images/1.jpg) no-repeat 370px bottom;
}

.cycle1:hover #pluie {
    background: url(images/pluie.gif);
    position: absolute;
    top: 185px;
    left: 544px;
    width: 190px;
    height: 152px;
}

.cycle2:hover {
    background: url(images/2.jpg) no-repeat 370px bottom;
}

.cycle3:hover {
    background: url(images/3.jpg) no-repeat 370px bottom;
}

.cycle3:hover #chateau {
    background: url(images/chateau.gif);
    position: absolute;
    top: 187px;
    left: 626px;
    width: 37px;
    height: 23px;
}

.cycle4:hover {
    background: url(images/4.jpg) no-repeat 370px bottom;
}

.cycle5:hover {
    background: url(images/5.jpg) no-repeat 370px bottom;
}

.cycle5:hover #decant1 {
    background: url(images/decanteur1.gif);
    position: absolute;
    top: 275px;
    left: 700px;
    width: 113px;
    height: 67px;
}

.cycle6:hover {
    background: url(images/6.jpg) no-repeat 370px bottom;
}

.cycle6:hover #decant2 {
    background: url(images/decanteur2.gif);
    position: absolute;
    top: 302px;
    left: 470px;
    width: 113px;
    height: 63px;
}


/*historique*/

.date {
    background: #08c url(images/date.png) no-repeat right;
    width: 100px;
    height: 22px;
    padding: 2px 0 0 10px;
    margin: 10px 0 10px 0;
    color: #fff;
}


/* GENERAL ARTICLE */

.infos {
    display: none;
}

.liens {
    clear: both;
    visibility: hidden;
    height: 2px;
}


/*tableaux*/

.fen table {
    margin: 10px 0 0 -2px;
    border: none;
    border-collapse: collapse;
}

.fen td {
    background: #07b;
    padding: 15px 20px;
    border: 2px solid #fff;
    vertical-align: top;
    font: 10pt arial, helvetica, sans-serif;
    text-align: left;
    color: #fff;
}

.fen tr:nth-child(2n+1) td {
    background: #09d;
}

.fen table a {
    color: #ccc !important;
}

.fen table a:hover {
    color: #eee !important;
}

#retour table a {
    color: #08c !important;
}


/*listes*/

.article ul {
    margin: 0 !important;
    padding-left: 15px;
    list-style: circle !important;
}

.article li:first-letter {
    text-transform: uppercase;
}

ol {
    display: block;
    margin-top: 0 !important;
}


/*visionneuse photo*/

.droite {
    margin: 0 0 0 20px !important;
}

.gauche {
    margin: 0 20px 0 0 !important;
}

.centre {
    margin: 0 0 0 0 !important;
}

.photo td {
    background: none !important;
    padding: 0;
}

.photo img {
    border: none;
}

.apercus_photos {
    margin: -28px 2px 10px 0 !important;
    padding: 0 !important;
    text-align: right;
}

.apercus_photos img {
    width: auto;
    height: 40px;
    cursor: url(images/main.png), pointer;
    margin-left: -2px;
    opacity: 0.7;
    filter: alpha(opacity=50);
}

.apercus_photos img:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}

.commentaire_photo td {
    font-style: normal !important;
    color: #222 !important;
}


/*video*/

.musicarticle {
    margin-bottom: 15px;
}


/* LOUPE */

#image_loupe_931123,
#image_loupe_914451 {
    max-width: 500px !important;
    margin: 0 0 0 20px;
}

.loupe {
    width: 250px !important;
    height: 250px !important;
    border: 6px solid #222;
    -moz-border-radius: 500px;
    -webkit-border-radius: 500px;
    border-radius: 500px;
    position: relative;
    z-index: 500;
    cursor: url(images/vide.png), none;
    cursor: none \9;
}

FRAME LOGIN .frame_login {
    /*padding:0px;
margin:-6px;
width:170px;*/
    height: 145px;
}

.mdp_perdu_BI {
    padding: 35px;
    /*margin:-6px;
width:170px;
height:120px;*/
}


/* CONTACT */

#contact {
    font: 10pt arial, helvetica, sans-serif;
}

#formulaire_contact input[type=text] {
    width: 250px;
    margin-bottom: 10px;
}

#message {
    width: 98% !important;
    height: 200px;
    margin-bottom: 10px;
}

#btn_ok {
    margin: 20px 0 20px -10px;
}

#wait {
    font-size: 9pt;
}


/*FOOTER*/

#footer {
    display: none;
}


/* PARTIES CACHEES */

.warning {
    display: none;
}

.referencement h1 {
    display: none;
}

#page h1 {
    display: none;
}

p.espace_article {
    display: none;
}

#main_full h3 {
    visibility: visible;
}

#pub_verticale,
#pub_verticale2 {
    display: none !important;
}


/*VERSION ECRAN BAS*/

@media (max-height:620px) {
    .recherche {
        display: none;
    }
    #barre_onglets_der {
        z-index: 200;
    }
    #colonne_blocs .zone {
        display: none;
    }
    #fond-slidervisio1 {
        margin-top: 80px;
    }
    .description h2 {
        position: absolute;
        top: 80px;
        margin-left: 8px;
        text-transform: uppercase;
        text-shadow: 0 0 20px #000;
        color: #08c;
    }
    .description a {
        background: none;
        bottom: 0;
    }
    .previous,
    .next {
        display: none;
    }
}


/*VERSION MOBILE*/

@media (max-width:960px) {
    #barre_onglets_der {
        z-index: 200;
    }
    #colonne_blocs .zone {
        display: none;
    }
    #colonne_blocs2 {
        margin: -95px 0 -95px 0 !important;
        height: 95px;
    }
    .bas {
        height: 93px;
    }
    .bas li {
        float: none;
    }
    .communes {
        height: 95px;
    }
    .communes a {
        background: none;
        padding: 3px 5px 0 5px;
    }
    .titres_haut {
        padding-left: 5px !important;
    }
    #fond-slidervisio1 {
        margin-top: 80px;
    }
    .photo-slider img {
        width: 900px;
    }
    .description h2 {
        position: absolute;
        top: 80px;
        margin-left: 8px;
        font: bold 40pt/40pt museo, arial, helvetica, sans-serif;
        text-transform: uppercase;
        text-shadow: 0 0 20px #000;
        color: #08c;
        width: 200px;
    }
    .description a {
        background: none;
        bottom: 0;
    }
    .previous,
    .next {
        display: none;
    }
    .fen {
        padding: 20px 5px 140px 5px;
    }
    .fen h2 {
        background: #000;
        display: block;
        padding: 5px;
        text-align: left;
    }
    .photo img {
        max-width: 308px;
        height: auto;
    }
    .photo {
        max-width: 308px;
    }
    .apercus_photos {
        position: relative;
        top: 40px;
    }
    .date {
        margin: 70px 0 -60px 0;
    }
    .fen .zone li {
        float: none;
    }
    .choix,
    .choix2 {
        height: 260px;
    }
    .choix2 {
        margin: -260px 0 0 50%;
    }
    .choix h2,
    .choix2 h2 {
        display: none;
    }
    .choix p,
    .choix2 p {
        height: 250px;
        padding: 5px 8px 0 8px;
    }
    .choix a,
    .choix2 a {
        padding: 210px 8px 0 8px;
        font: 12pt museo, arial, helvetica, sans serif;
        text-shadow: none;
    }
    .fen_4521_1 {
        padding-bottom: 120px;
    }
    .cycle1:hover,
    .cycle2:hover,
    .cycle3:hover,
    .cycle4:hover,
    .cycle5:hover,
    .cycle6:hover {
        background: none;
        width: 300px;
    }
    #pluie,
    #chateau,
    #decant1,
    #decant2 {
        display: none;
    }
    .contact {
        position: relative;
        top: 20px;
        left: 0;
        width: 100%;
    }
    #image_loupe_931123 {
        max-width: 308px !important;
        margin: 37px 0 0 5px;
    }
    .loupe {
        width: 150px !important;
        height: 150px !important;
    }
    .login a {
        margin-top: 20px !important;
    }
    .box {
        padding-top: 10px;
    }
}

@media (max-width:740px) {
    #barre_onglets_der .menu li {
        background: url(images/bordure.gif) repeat-y right;
        width: auto;
        font-size: 8pt;
        text-indent: 0;
    }
    #barre_onglets_der .menu a {
        padding: 0 20px;
    }
    #barre_onglets_der .menu li:nth-child(2n+1),
    #barre_onglets_der .menu li:nth-child(2n+2),
    #barre_onglets_der .menu li:nth-child(2n+3),
    #barre_onglets_der .menu li:nth-child(2n+4), 
	#barre_onglets_der .menu li:nth-child(2n+5){
        background: url(images/bordure.gif) repeat-y right;
    }
}

@media (max-width:550px) {
    #barre_titre {
        background: url(images/logo-mobile.png) no-repeat 5px 12px;
    }
    #barre_titre a {
        width: 188px;
    }
    .recherche {
        display: none;
    }
}

@media (max-width:480px) {
    #barre_onglets_der .menu li {
        font-weight: normal;
    }
    #barre_onglets_der .menu a {
        padding: 0 2px;
    }
}


/* VERSION IMPRIMABLE */

@media print {
    #barre_titre,
    #barre_onglets_der,
    #colonne,
    #colonne_blocs,
    #colonne_blocs2,
    .apercus_photos,
    .contact,
    .pages,
    .flash_pdf #swf,
    .zone ul {
        display: none;
    }
    .titres_haut {
        padding: 0 !important;
    }
    .fen {
        padding: 20px 0 20px 0;
    }
    .fen h2 {
        background: none;
        padding: 0 0 10px 0;
    }
    .date {
        margin: 0;
    }
}


/*hack webkit*/

.description h2 {
    [ xxx: ;
    position: relative;
    top: 220px;
    width: 900px;
}

.description a {
    [ xxx: ;
    position: relative;
}

.loupe {
    [ xxx: ;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}