/* Foot St-Gaudens*/
/* design: nicolab */
/* Dataxy 2011 */


/* FONT */

@font-face {
font-family: 'oswald';
src: url('font/oswald.eot'); /* IE */
   

src: local('oswald'),
url('font/oswald.ttf') format('truetype'); /* FF */
}


/* GENERAL */

*{
margin: 0px;
}

body{
background: #d0c4c4 url(images/fond.png) repeat-y center top fixed;
font: normal 10pt arial, helvetica, sans-serif;
color: #000;
}

#contenu{
margin: 0px auto;
width: 980px;
}



a{
color: #06b;
text-decoration: none;
outline: none;
position: relative;
z-index: 2;
}
a:hover{
color: #8be;/*C2*/
text-decoration: none;
}

::-moz-selection {
background: rgba(204, 17, 17,0.7);
color: #fff;
}
::selection {
background: rgba(204, 17, 17,0.7);
color: #fff;
}

input[type=text],
input[type=password],
textarea,
select{
font-family: arial, helvetica sans-serif;
border: none !important;
background: #8be !important;
padding: 2px;
color: #000;
position: relative;
z-index: 2;
cursor: text;
}

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: #06b;
cursor: pointer;
}

ul{
padding-left: 0px;
list-style: none;
}
table{
border-collapse: collapse;
background: none;
}
img{
border: none;
}
h1,
h2,
h3{
font-weight: normal;
}

a h2{
cursor: default !important;
}


/* TITRE HAUT */

#barre_titre{
background: #fff url(images/bandes.png) no-repeat center top fixed;
width: 980px;
height: 100px;
position: fixed;
top: 21px;
z-index: 5;
}

#barre_titre a{
background: url(images/logo.png) no-repeat 10px 10px;
display: block;
position: absolute;
top: 0px;
left: 0px;
height: 74px;
width: 647px;
padding: 26px 0px 0px 333px;
font: 13pt oswald, arial, helvetica, sans-serif;
text-transform: uppercase;
letter-spacing: 0px;
color: #06b;
}


/* MENU HORIZONTAL */

#barre_onglets_der{
background: #06b url(images/menu.png) no-repeat;
position: fixed;
top: 98px;
margin-left: 334px;
width: 646px;
height: 23px;
z-index: 6;
}

/*menu*/
.menulink{
display: block;
height: 26px;
padding: 3px 12px 0px 12px;
color: #fff;
}
.menulink:hover{
color: #8be;
}
#barre_onglets_der .menu li {
position: relative;
float: left;
}
.menuhover{
cursor: default;
color: #8be;
position: relative;
z-index: 500;
}
li[onmouseover="passe(this);"] .menulink{
background: url(images/fleche1.png) no-repeat center 23px;
}

/*sous-menu*/
.menu ul {
background: #125;
position: absolute;
width: 160px;
top: 23px;
margin-left: -1px;
display: none;
opacity: 0;
-moz-box-shadow: 0px 5px 3px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0px 5px 3px rgba(0, 0, 0, 0.3);
box-shadow: 0px 5px 3px rgba(0, 0, 0, 0.3);
}
.menu ul li {
position: relative;
top: 10px;
width: 160px;
}
.menu ul li a {
display: block;
padding: 5px 10px 5px 10px;
text-align: left;
color: #fff;
}
.menu ul li a:hover{
background: #06b;
}

.arrondi{
height: 20px;
}


/* ZONE1 */

#colonne{
position: absolute;
background: #8be;
width: 288px;
padding: 121px 23px 20px 23px;
}
#colonne h2{
background: #06b;
width: 288px;
height: 23px;
padding: 0px 23px 0px 23px;
margin: 0px 0px 10px -23px;
font: 12pt oswald, arial, helvetica, sans-serif;
color: #8be;
text-transform: uppercase;
}
#colonne .zone{
padding: 0px 0px 20px 0px;
}

#colonne a:hover{
color: #fff;
}

.article_bloc h2{
display: none;
}
.article_bloc{
text-align: justify;
}

/*newsletter - moteur de recherche*/

.newsletter{
margin: 5px 0px 40px 0px;
}

.newsletter p{
color: #8be;
font-size: 0em;
}
#email,
#sbi2{
width: 230px;
float: left;
}
#ok_recherche,
.ok_newsletter{
background:  #fff !important;
width: 30px;
height: 20px;
margin: -7px 0px 0px 0px;
float: left;
font-size: 8pt;
}
.ok_newsletter{
margin: 0px 0px 0px 0px;
}
#colonne input,
#colonne select{
background: #fff !important;
margin-bottom: 5px;
}


/* ZONE2 */

#colonne_blocs{
position: fixed;
bottom: 0px;
background: #000;
width: 980px;
height: 23px;
z-index: 200;
}
#colonne_blocs h2{
display: none;
}
#colonne_blocs li{
float: left;
}
#colonne_blocs a{
display: block;
padding: 3px 0px 0px 20px;
color: #fff;
float: left;
}

.dataxy{
float: right;
padding-right: 20px;
}

/*login*/
.acces{
background: #000;
position: fixed;
top: 0px;
width: 980px;
height: 23px;
}
.acces a{
position: fixed;
top: 0px;
margin-left: 560px;
font-size: 8pt;
color: #aaa !important;
}
.acces a:hover{
color: #ddd !important;
}

.frame_login{
width: 580px;
height: 51px;
overflow: hidden !important;

}
.box{
color: #fff ;
position: fixed;
background: #000;
width: 580px;
height: 21px;
padding: 2px 0px 0px 20px;

height: 23px \9;
}
.box h3{
display: none;
}
.box p{
text-align: left !important;
float: left;
font-size: 9pt;
color: #dcc;
max-width: 250px;
}
.inpLogin{
width: 140px;
height: 16px;
font-size: 8pt !important;
margin: 1px 15px 0px 3px;
border: none;
}
.inpLogin,
p .inpLogin{
background: #bab0b0 !important;
}
.okLogin{
font-size: 9pt;
margin-left: -8px;
color: #eee !important;
border: none;
background: none;
text-transform: uppercase;
outline: none !important;
cursor: pointer;
}
.okLogin:hover{
color: #fff !important;
}

.oubli_mdp_frame,
.mdp_perdu_Z1{
position: relative;
z-index: 200;
overflow: hidden;
height: 200px !important;
-moz-box-shadow: 0px 5px 3px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0px 5px 3px rgba(0, 0, 0, 0.3);
box-shadow: 0px 5px 3px rgba(0, 0, 0, 0.3);
}
#alerte-connexion{
position: absolute;
top: 25px;
margin-left: 100px;
color: #c11;

margin-left: -400px \9;
}
/*moteur*/
.moteur{
position: fixed;
height: 17px;
margin-left: 780px;
top: 0px;
}
.moteur p{
float: left;
}

#sbi2{
height: 12px;
font-size: 8pt;
width: 150px;
margin-top: 3px;
position: relative;
z-index: 2;
}
#ok_recherche{
background: none !important;
margin: 0px 0px 0px 0px ;
color: #777 !important;
}



/*
.facebook a{
display: block;
background: url(images/facebook.png) no-repeat;
position: fixed;
top: 48px;
left: 50%;
margin-left: 460px;
width: 23px;
height: 23px;
font-size: 0em;
z-index: 8;
}*/

 
/* MAIN */

#main,
#main_10,
#main_01,
#main_11,
#main_full,
#main_full_10,
#main_full_01,
#main_full_11{
background: #fff;
width: 646px;
padding: 0px;
margin-top: 121px;
float: right;
}

#main_full_10{
width: 980px;
}

.titres_haut{
text-align: left;
font-size: 10pt;
height: 33px;
padding: 10px 0px 0px 23px;
}
.titres_bas{
display: none;
}
.titres_haut a,
.titres_bas a {
font-size: 10pt;
}

.pages{
width: 400px;
float: right;
text-align: right;
margin: -18px 23px 0px 0px;
z-index: 1;
display: block;
color: #fff;
cursor: default;
}
.pages strong{
font-weight: normal;
color: #000;
}


#titre-slidervisio1,
#titre-slidervisio2,
#titre-slidervisio3{
display: none;
}

/* VISIO EVENEMENTS */

#fond-slidervisio1{
background: #000;
position: fixed;
top: 100px;
margin-left: 400px;
width: 580px;
z-index: 3;
color: #fff;

/left: 50%;
/margin-left: -90px;
}

#fond-slidervisio1 .container {
width: 580px;/*L*/
height: 191px;
overflow: hidden;

position: relative;
z-index: 3;
}

#fond-slidervisio1 .slides {
position: absolute;
}
#fond-slidervisio1 .slides > div {
position: absolute;
top: 0px;
width: 580px;/*L*/
display: none;
}

#loopedSlidervisio1{
margin: 0 auto;
width: 580px;/*L*/
position: relative;
}

/* CONTENU VISIO EVENEMENTS*/

#fond-slidervisio1 .photo-slider img{
width: 580px;
}

/*titre*/
#fond-slidervisio1 .description h2{
background: url(images/transparent.png);
position: absolute;
left: 55px;
margin-top: -10px;
width: 470px;
font: 22pt/20pt oswald, arial, helvetica, sans-serif;
text-transform: uppercase;
letter-spacing: 1px;
}

#fond-slidervisio1 .description p{
display: none;
}
/*ie*/
#fond-slidervisio1 .description i{
background: url(images/vide.png);
position: absolute;
top: 0px;
width: 580px;
height: 400px;
font-size: 0em;
}

#fond-slidervisio1 .underline{
display: block;
background: url(images/degrade1.png) repeat-x;
position: absolute;
top: 100px;
left: 0px;
font-size: 0em;
width: 580px;
height: 140px;
}

/*lire*/
#fond-slidervisio1 .description a{
position: absolute;
top: 0px;
left: 0px;
font-size: 1px;
display: block;
width: 580px;
height: 385px;
text-align: right;
color: #333;
z-index: 3;

opacity: 0;
-ms-filter: "alpha(opacity=0)";
filter : alpha(opacity=0);
}

/*fleches*/
#fond-slidervisio1 .previous,
#fond-slidervisio1 .next {
height: 47px;
width: 24px;
position: absolute;
bottom: 35px;
cursor: pointer;
z-index: 100;
}

#fond-slidervisio1 .previous {
background: url(images/gauche1.png);
left: 23px;
}
#fond-slidervisio1 .previous:active{
left: 21px;
}

#fond-slidervisio1 .next {
background: url(images/droite1.png);
right: 23px;
}
#fond-slidervisio1 .next:active{
right: 21px;
}


/* VISIO ACTU */

#fond-slidervisio2{
background: #06b;
position: fixed;
top: 291px;
margin-left: 400px;
width: 580px;
z-index: 3;
color: #fff;
}
#fond-slidervisio2 .container {
margin: 0 auto;
width: 464px;
height: 168px;
overflow: hidden;
position: relative;
z-index: 3;
}
#fond-slidervisio2 .slides {
position: absolute;
}
#fond-slidervisio2 .slides > div {
position: absolute;
top: 0px;
width: 580px;/*L*/
display: none;
}
#loopedSlidervisio2{
margin: 0 auto;
width: 580px;/*L*/
position: relative;
}

/* CONTENU VISIO ACTU*/

#fond-slidervisio2 .photo-slider img{
position: absolute;
top: 48px;
left: 0px;
width: 120px;
}
#fond-slidervisio2 .description h2{
position: absolute;
top: 10px;
left: 0px;
height: 20px;
font: 18pt oswald, arial, helvetica, sans-serif;
text-transform: uppercase;
}
#fond-slidervisio2 .description p{
position: relative;
top: 45px;
left: 130px;
width: 328px;
text-align: justify;
}

#fond-slidervisio2 .description i{
background: url(images/degrade2.png) repeat-x bottom;
position: absolute;
top: 0px;
width: 580px;
height: 168px;
font-size: 0em;
}

#fond-slidervisio2 .underline{
display: none;
}

#fond-slidervisio2 .description a{
position: absolute;
top: 0px;
right: 0px;
display: block;
width: 580px;
height: 250px;
font-size: 0em;
z-index: 3;
}

#fond-slidervisio2 .previous,
#fond-slidervisio2 .next {
height: 47px;
width: 24px;
position: absolute;
top: 60px;
cursor: pointer;
z-index: 100;
}

#fond-slidervisio2 .previous {
background: url(images/gauche2.png);
left: 23px;
}
#fond-slidervisio2 .previous:active{
left: 21px;
}

#fond-slidervisio2 .next {
background: url(images/droite2.png);
right: 23px;
}
#fond-slidervisio2 .next:active{
right: 21px;
}



/* VISIO SPONSORS */

#fond-slidervisio3{
background: #125;
position: fixed;
top: 459px;
margin-left: 400px;
width: 580px;
z-index: 3;
color: #fff;
}
#loopedSlidervisio3{
margin: 0 auto;
width: 580px;
position: relative;
}
#loopedSlidervisio3 .container {
margin: 0 auto;
width: 468px;
height: 168px;
overflow: hidden;
position: relative;
z-index: 3;
}
#loopedSlidervisio3 .slides {
position: absolute;
-moz-animation-duration: 4s;
-webkit-animation-duration: 4s;
animation-duration: 4s;
-moz-animation-name: sponsors;
-webkit-animation-name: sponsors;
animation-name: sponsors;
}
#loopedSlidervisio3 .slides > div {
position: relative !important;
left: 0px !important;
width: 156px !important;
float: left;
}

@-moz-keyframes sponsors{
    from{left: -5000px !important;}
    to{left: 0px !important;}
}
@-webkit-keyframes sponsors{
    from{left: -5000px !important;}
    to{left: 0px !important;}
}
@keyframes sponsors{
    from{left: -5000px !important;}
    to{left: 0px !important;}
}



/* CONTENU VISIO SPONSORS*/

#fond-slidervisio3 .photo-slider{
text-align: center;
}
#fond-slidervisio3 .photo-slider img{
max-width: 150px;
max-height: 80px;
margin-top: 45px;
}

#fond-slidervisio3 .description p,
#fond-slidervisio3 .description h2,
#fond-slidervisio3 .underline{
display: none;
}

/*ie*/
#fond-slidervisio3 .description i{
background: url(images/vide.png);
position: absolute;
top: 0px;
width: 156px;
height: 168px;
font-size: 0em;
}

#fond-slidervisio3 .description a{
position: absolute;
top: 0px;
right: 0px;
display: block;
width: 156px;
height: 250px;
font-size: 0em;
z-index: 3;
}
#fond-slidervisio3 .description p a{
display: none;
}

#fond-slidervisio3 .previous,
#fond-slidervisio3 .next {
height: 47px;
width: 24px;
position: absolute;
top: 60px;
cursor: pointer;
z-index: 100;
}

#fond-slidervisio3 .previous {
background: url(images/gauche3.png);
left: 23px;
}
#fond-slidervisio3 .previous:active{
left: 21px;
}

#fond-slidervisio3 .next {
background: url(images/droite3.png);
right: 23px;
}
#fond-slidervisio3 .next:active{
right: 21px;
}

/* ARTICLES */

.fen{
position: relative;
z-index: 2;
width: 600px;
padding: 0px 23px 20px 23px;
text-align: justify;
float: right;
}
.fen h2{
background: #125;
width: 600px;
padding: 4px 23px 4px 23px;
margin: 0px 0px 20px -23px;
font: 14pt oswald, arial, helvetica, sans-serif;
color: #8be;
text-transform: uppercase;
}

.fen #map_canvas_obj{
width: 598px !important;
height: 400px !important;
border: 1px solid #8be;
}

/*ancres*/
.fen a[name]{
display: block;
width: 2px;
height: 2px;
position: absolute;
margin: -110px 0px 0px 0px;
}


/* ARTICLES SPECIAUX */


/* BLOCS DANS LES ARTICLES */

.fen .zone{
width: 600px;
margin: -18px 0px -0px 0px;
float: left;
position: relative;
z-index: 2;
}
.fen .zone h2{
display: none;
}
.fen .zone li{
float: left;
margin-right: 10px;
}

/*pdf*/
.flash_pdf #swf{
width: 785px;
height: 1080px;
border: 1px solid #ccc;
}


/* GENERAL ARTICLE */

span{
background: none !important;
}

/*date*/
.infos em{
display: block;
position: absolute;
top: -40px;
right: 0px;
font-size: 8pt;
font-style: normal;
color: #8be;
z-index: 500;
}

/*comentaires*/
.liens{
margin-top: 15px;
text-align: right;
float: left;
position: relative;
z-index: 2;
}
.comments{
padding: 10px 0px 0px 0px;
}
.comments h3{
}
.comments ul li{
margin-bottom: 15px;
}
.comments ul li,
.comments ul li em{
border-color: #ccc;/*C*/
}

/*visionneuse photo*/

.centre{
background: #125 !important;
margin: 0px !important;
height: 423px;
}
.centre img{
padding-top: 5px;
}
.gauche{
margin: 4px 20px 0px 0px !important;
}
.droite{
max-width: 400px !important;
margin: 4px 0px 0px 20px !important;
}

.photo img{
border: none;
max-width: 400px;
height: auto;
}

.apercus_photos a img{
width: auto;
height: 40px;
}

.commentaire_photo td{
font-style: italic;
height: 23px;
}
.centre .commentaire_photo td{
color: #fff;
}

/*video*/
.musicarticle{
margin-bottom: 15px;
}

/*haut - bas de page*/
#btn-bas,
#btn-haut{
background: #8be;
font-size: 8pt;
width: 45px;
text-align: center;
padding: 5px 3px;
border-radius: 3px;
}

/* FACEBOOK */

.likebox{

}

/* SOMMAIRES */

.sommaire tr{
background: #8be;
}
.sommaire tr:nth-child(2n+1){
background: #06b;
}
.sommaire tr:hover{
background: #125 !important;
}
.sommaire td{
/*padding: 5px 20px 5px 20px !important;*/
padding: 1px 2px 5px 10px !important;
border: none !important;
color: #fff;
}
.sommaire td a{
color: #fff;
cursor: pointer !important;
}

#liens_sponsos li{
margin-top: 10px;
}


/* CONTACT */

#formulaire_contact input[type=text]{
width: 250px;
}
#formulaire_contact label{
display: block;
margin-top: 10px;
}
#formulaire_contact br{
display: none;
}
#message {
width: 600px !important;
height: 200px;
}

#btn_ok{

margin-top: 30px;
margin-left: -260px;
}

#wait{
display: none;
}


/* RESULTATS DU FOOT */

.fen_0_1{
width: 400px;
position: relative;
top: -43px;
padding-bottom: 43px;
}
.fen_0_1 h2{
background: url(images/molette.png) no-repeat;
height: 27px;
margin-bottom: -6px;
padding: 2px 0px 0px 10px;
font: 10pt oswald, arial, helvetica, sans-serif;
text-transform: uppercase;
color: #fff;
}
.fen_0_1 .infos,
.fen_0_1 .liens{
display: none;
}

.cache {
background: #fff;
position: fixed;
top: 627px;
width: 400px;
height: 1000px;
}
.cache h2{
display: none;
}

.equipe{
display: none;
}
.compet{
display: none;
}
.champ{
height: 23px;
padding: 0px 10px 0px 10px;
color: #125;
font: 11pt oswald, arial, helvetica, sans-serif;
text-transform: uppercase;
}
.avant{
background: #125 url(images/fleche2.png) no-repeat 10px -2px;
height: 26px;
padding: 10px 10px 0px 10px;
width: 180px;
text-align: left;
font-weight: normal;
color: #fff;
}

.date_avant{
background: #125;
height: 14px;
font-size: 8pt;
padding: 0px 0px 0px 10px;
color: #fff;
}
.prog_avant{
background: #125;
height: 39px;
padding: 0px 10px 0px 10px;
font: 10pt oswald, arial, helvetica, sans-serif;
text-transform: uppercase;
color: #fff;
}
.score{
background: #125;
height: 66px;
padding: 0px 10px 0px 10px;
color: #fff;
}
.apres{
background: #8be;
padding: 10px 10px 0px 20px;
width: 210px;
text-align: left;
font-weight: normal;
color: #125;
}
.date_apres{
background: #8be;
font-size: 8pt;
padding: 0px 10px 0px 20px;
color: #125;
}
.prog_apres{
background: #8be url(images/fleche3.png) no-repeat -2px center;
padding: 0px 10px 0px 20px;
font: 10pt oswald, arial, helvetica, sans-serif;
text-transform: uppercase;
color: #125;
}
.terrain{
background: #8be;
font-size: 8pt;
padding: 0px 10px 10px 20px;
color: #fff;
text-transform: uppercase;
}

/* FRAME CLASSEMENT */

.frame_equipe{
height: 2200px;
margin-top: -40px;
}
#div_body_foot{
background: #fff;
position: fixed;
left: 0px;
top: 0px;
width: 600px;
height: 2200px;
}
#div_body_foot h1{
display: none;
}
.div_clubs a{
display: block;
width: 600px;
margin-bottom: -15px;
}
.div_equipes{
margin-bottom: 25px;
}
.choix_club,
.choix_equipes{
margin-top: 10px;
font-size: 12pt;
text-transform: uppercase;
}

.classement_equipe{
margin-top: 20px;
}
.classement_equipe th{
padding: 2px 5px;
text-align: left;
font-weight: normal;
}
.classement_equipe td{
padding: 4px 10px;
border: 2px solid #fff;
background: #9cf;
text-transform: capitalize;
font-size: 10pt;
}
.classement_equipe tr:nth-child(2n) td{
background: #8be !important;
}


/* FOOTER */

#footer{
display: none;
}


/* PARTIES CACHEES */

#angle {
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;
}
.end_zone{
display: none;
}


/*VERSION ECRAN HAUT*/

@media (max-height:608px){

    #fond-slidervisio2 .container {
    height: 120px;
    }

    #fond-slidervisio2 .description i{
    height: 120px;
    }

    #fond-slidervisio3{
    top: 410px;
    }

    #loopedSlidervisio3 .container {
    height: 120px;
    }

    #fond-slidervisio3 .photo-slider img{
    margin-top: 18px;
    }

    .cache {
    top: 530px;
    }


}

@media (min-height:710px){

    #fond-slidervisio1 .container {
    height: 280px;
    }

    #fond-slidervisio1 .description h2{
    top: 190px;
    }

    #fond-slidervisio1 .underline{
    top: 160px;
    }

    #fond-slidervisio2{
    top: 380px;
    }

    #fond-slidervisio3{
    top: 546px;
    }

    .cache {
    top: 714px;
    }

}

@media (min-height:800px){

    #fond-slidervisio1 .container {
    height: 359px;
    }

    #fond-slidervisio1 .description h2{
    top: 270px;
    }

    #fond-slidervisio1 .underline{
    top: 220px;
    }

    #fond-slidervisio2{
    top: 459px;
    }

    #fond-slidervisio3{
    top: 627px;
    }

    .cache {
    top: 795px;
    }

}


/*VERSION MOBILE*/
/*

@media handheld, (max-width:950px){
   

    body{
    background: #d0c4c4;
    }

    #contenu{
    background: none;
    width: 320px;
    }
   


    #barre_titre{
    background: #fff;
    width: 320px;
    position: relative;
    }

    #barre_titre a{
    width: 320px;
    padding: 26px 0px 0px 0px;
    font-size: 0em;
    }


    #barre_onglets_der{
    background-image: none;
    width: 320px;
    height: 150px;
    position: relative;
    top: 0px;
    margin-left: 0px;
    }

    .menulink{
    height: 20px;
    font-size: 13pt;
    padding-top: 0px;
    }

    #barre_onglets_der .menu li {
    float: none;
    }

    .menu ul {
    background-image: none;
    background-color: #444;
    width: 250px;
    padding: 0px;
    left: 3px;
    top: 20px;
    }

    .menu ul li {
    top: 0px;
    width: 250px;
    }


    #colonne{
    display: none;
    }

    #colonne_blocs{
    position: static;
    top: 0px;
    background: #000;
    width: 320px;
    height: 65px;
    float: left;
    }

    .dataxy{
    float: none;
    }

    .facebook a{
    display: block;
    background: url(images/facebook.png) no-repeat;
    position: absolute;
    top: 10px;
    margin-left: 110px;
    }
   


    #main,
    #main_10,
    #main_01,
    #main_11,
    #main_full,
    #main_full_10,
    #main_full_01,
    #main_full_11{
    width: 320px;
    margin: 0px 0px 0px 0px;
    }

    .pages{
    width: 300px;
    margin-top: 0px;
    }


    #fond-slidervisio1,
    #fond-slidervisio2,
    #fond-slidervisio3{
    position: relative;
    top: -40px;
    margin-left: 0px;
    width: 320px;
    }

    #fond-slidervisio1 .container{
    width: 320px;
    height: 200px;
    }

    #fond-slidervisio2 .container{
    width: 220px;
    height: 140px;
    }

    #fond-slidervisio3 .container{
    width: 220px;
    height: 140px;
    }

    #fond-slidervisio1 .slides > div,
    #fond-slidervisio2 .slides > div,
    #fond-slidervisio3 .slides > div{
    width: 320px;
    }

    #loopedSlidervisio1,
    #loopedSlidervisio2,
    #loopedSlidervisio3{
    width: 320px;
    }

    #fond-slidervisio1 .photo-slider img{
    width: 320px;
    }

    #fond-slidervisio1 .description h2{
    top: 110px;
    width: 210px;
    font-size: 14pt;
    line-height: 14pt;
    }

    #fond-slidervisio1 .underline{
    top: 80px;
    width: 320px;
    }

    #fond-slidervisio1 .description a{
    width: 320px;
    }


    #fond-slidervisio2 .photo-slider img{
    width: 80px;
    }

    #fond-slidervisio2 .description h2{
    font-size: 14pt;
    }

    #fond-slidervisio2 .description p{
    left: 90px;
    width: 125px;
    text-align: left;
    }

    #fond-slidervisio2 .description i{
    margin-top: 20px;
    width: 320px;
    }

    #fond-slidervisio2 .description a{
    width: 320px;
    }


   

    #loopedSlidervisio3 .slides {
    -moz-animation-name: x;
    -webkit-animation-name: x;
    animation-name: x;
    }


    .fen{
    width: 274px;
    }

    .fen h2{
    width: 274px;
    }

    .fen_0_1{
    width: 320px;
    top: 0px;
    padding-bottom: 0px;
    }

    .fen_0_1 h2{
    background: none;
    }

    .photo{
    position: relative;
    left: -23px;
    width: 320px !important;
    background: #eee;
    }

    .photo img{
    max-width: 320px;
    height: auto;
    }

    .commentaire_photo td{
    width: 100px;
    }

    .fen #map_canvas_obj{
    width: 318px !important;
    height: 440px !important;
    border: 1px solid #8be;
    }

    .fen .zone{
    width: 320px;
    margin-left: -24px;
    }

    #message {
    width: 316px !important;
    }


    .cache {
    display: none;
    }


}
*/


.avant{ [
x: ;
height: 16px;
}
#ok_recherche{ [
x: ;
margin-top: -6px;
}