/* ----------------------------------------------------------------- */
/* >>> GLOBAL */
/* http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
html, body, div, span, applet, object,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0; padding: 0; border: 0;
}

body {
    background: #bbbbbb ;
    color: #2c2c2c;
    background: #bbburl url("../images/css/back_body.gif") repeat-x left top;
    font: 87.45% Tahoma, 'Trebuchet MS', Arial, sans-serif; -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
-webkit-text-size-adjust: 100%;
    quotes: '\0000ab\0000a0' '\0000a0\0000bb' '\00201c\0000a0' '\0000a0\00201d';
}


/*style generaux*/

h2,h3,h4,h5,h6 {
    margin-bottom:0.75em;
    line-height:1.15em;
    clear:both;
}
h2,h3 {
    text-transform:uppercase;

}
h1{}
h2{
    font-size: 2em; /*1.667 = 24 px; 1.528 ==22*/
    font-weight: normal;
    color : #2c2c2c;
    margin-bottom:10px;
}
h3{
    font-size: 1.25em;
    color:#3e591e;
}
h3.noir{
    color:#2c2c2c;
}
    h3.acces_direct{
        color:#fff;
        background-color: #2C2C2C;
        font-size:1.286em;
        letter-spacing:1px;
        margin-bottom: 15px;
        padding:21px 10px;
    }
    h3.acces_direct a{
        color:#fff;
        background: url("images/sprite.png") no-repeat scroll -6px -117px rgba(0, 0, 0, 0);
        padding-left: 20px;
    }

h4{
    font-size:1.2em;
    color:#608A2E;
}
h5{font-size:1.1em;}
h6{font-size:1.05em;  color: #2C2C2C;}
p {
    margin: 5px 0 15px 0;
    color:#2c2c2c;
    text-align: justify;
    overflow:hidden;
}
p,td, th, ul, ol {
    line-height:1.255em;
}
table{
    width:100%;
}

table th, table td {
    text-align: left;
    padding: 3px 5px;
    vertical-align: top;
    color:#2c2c2c;
}
table th { background-color: #2c2c2c; color:#fff;}

tr.bglight, table tr.cv_liste_ligne_0 {
    background-color: #fafafa;
}
tr.bgdark, table tr.cv_liste_ligne_1{
    background-color: #e7e7e7;
}
ul, ol {
    padding:0px;
    margin:0 0 10px 10px;
}

ul {
    list-style: disc none inside;

}
ul.nostyle {
    list-style: none none outside;
    padding: 0;
    margin-left: 0px;
}
ul.fleche , .boite_lien ul.avec_col {
    list-style: none outside none;
}
ul.fleche li:before,
.boite_lien ul.avec_col li:before ,
ul.avec_col.fleche li:before  {
    width: 15px; height: 15px;
    display:block;
    position:absolute;
    content: " ";
    margin-left:-15px;
}

/*http://stackoverflow.com/questions/2381789/use-css-sprites-for-list-li-background-image
*/
ul.fleche li:before {
    background: url("images/sprite.png") no-repeat scroll -488px -0px rgba(0, 0, 0, 0);
    background: url("images/sprite.png") no-repeat scroll -488px -17px rgba(0, 0, 0, 0);
    background: url("images/sprite.png") no-repeat scroll -488px -38px rgba(0, 0, 0, 0);
}
.boite_lien ul li ul{
    list-style: none none outside;
    padding: 0;
}
.boite_lien ul li ul li:before {
    background: url("images/sprite.png") no-repeat scroll -488px -38px  rgba(0, 0, 0, 0);
}


ul.avec_col li{float:left;}
ul.avec_col li li{clear:left;}
ul.avec_col.fleche li:before , .boite_lien ul.avec_col li:before {
    background: url("images/sprite.png") no-repeat scroll -488px -15px rgba(0, 0, 0, 0);
}
    


ul.fleche  li.selected:before {
    /*background: url("images/sprite.png") no-repeat scroll -488px -101px rgba(0, 0, 0, 0);*/
}
.boite_lien ul.avec_col li{width:50%;}
ul.avec_col.tiers li, ul.avec_col.tiers.plan_site li{
    width:30%;
}
ul.avec_col.tiers.plan_site li{
    width:33%;
}
ul.avec_col.tiers li li,ul.avec_col.tiers.plan_site li li{width:auto;}

ul.avec_col.tiers.plan_site li a{color:#2c2c2c;;}
ul.avec_col.tiers.plan_site li{font-weight:bold;}
ul.avec_col.tiers.plan_site li li{ font-weight:normal;}

ul.avec_col.moitie li{
    width:48%;
}
.avec_col.dossier li{
    width:210px;
}
.avec_col.dossier.full_size li{
    min-width:210px;
    width:48%;
}


ul.article li, ul.disciplines li{
    margin: 0 20px 15px 0;
    min-height:150px;
}
ul.lettreFed{margin-left:0px;}

ul.lettreFed li{
    margin: 0 5px 15px 0;
    width:120px;
    height : 230px;
}
ul.lettreFed.paysage  li{
    width:32%;
    height:180px;
}
ul.lettreFed.biographie li{
    height : 245px;
    width:140px;
}
/*ul.lettreFed li:hover{background-color:#ddffdd;}*/

ul.lettreFed li a.titre{
    height : 180px;
    color:#2c2c2c;
    display:block;
    background: url('images/Ref-153_small.jpg') no-repeat 10px 20px ;
}
    ul.lettreFed.paysage li a.titre{
        width:100%;
        height :140px;
    }
ul.lettreFed.biographie li a.titre{
    height : 230px;
    background: url('images/Ref-153_small.jpg') no-repeat 10px 30px ;
}
.biographie li a .sous_titre{ font-size:0.8em;}
ul.lettreFed li div.infos_tech{
    font-size:0.8em;
    height : 45px;
}
div.lettreFed{width: 300px;}

a, a:link, a:visited { text-decoration: none; color:#608A2E; /*color: #608A2E; #608A2E*/ }
a:hover { color:#3e591e;  }

.selected a,a.selected{color:#3e591e; font-weight: bold; }

a.localiser, a.image_agrandie{
    width:32px;height:32px;
    display:block;
    float:right;
    background:#999 url("images/sprite.png")no-repeat  -113px -41px;
}
a.image_agrandie{
    background: url("images/sprite.png")no-repeat  -250px -41px;
}
a.bouton{
    color:#fff;
    display:block;
    background-color: #83bd3f;
    text-transform:uppercase;
    padding:8px;
    padding-right:10px;
    margin:15px 0px 0px 0;
    letter-spacing:2px;
}
a.bouton span{
    background:transparent url("images/sprite.png")no-repeat  -6px -121px;
    padding-left:15px;
    margin-left:10px;
}
a.fleche{
    /*fleche simple noire*/
    background: url("images/sprite.png") no-repeat scroll -488px -0px rgba(0, 0, 0, 0);
    /*fleche double verte*/
    background: url("images/sprite.png") no-repeat scroll -488px -15px rgba(0, 0, 0, 0);
    /*triangle verte*/
    background: url("images/sprite.png") no-repeat scroll -488px -38px rgba(0, 0, 0, 0);
    padding-left: 15px;

}
a.chevron{
    font-size:0.8em;
    color : #608A2E;
}
a.chevron:before{
    content:">> ";
}

a.bouton_lien {
    color:#fff;
    /*width:250px;
background: #2c2c2c  url("images/sprite.png")no-repeat  -0px -95px;
    */
    display:block;
    background: #2c2c2c  url("images/sprite.png")no-repeat  -482px -533px;
    padding:5px 10px 5px 25px;
    margin:15px 0px 0px 0;
    letter-spacing:1px;
    line-height: 1em;
}

a.bouton_lien.back{
    background: #2c2c2c url("images/sprite.png") no-repeat scroll -482px -158px ;
}

a.bouton_lien.vert{
    color:#fff;
    display:block;
    background-color: #83bd3f;
}


a.bouton_lien_focus{
    background: #83bd3f  url("images/sprite.png")no-repeat  -0px -95px;
    padding:5px 10px 5px 25px;
    margin:15px 0px 10px 0;
    letter-spacing:1px;
    max-width: 270px;
    display:block;
    color:#fff;

}
.biographie_link td{
    padding: 2px 0px;}
.biographie_legend_image{
    color: #909090;
    font-size: 0.9em;
    margin: -15px 0 5px;}
a.social_link{
     display: block;
     width: 23px; height: 22px;
     background: url(images/sprite.png) -0px -172px no-repeat;
    }
    a.social_link.www{background: url(images/sprite.png) -0px -168px no-repeat;}
    a.social_link.facebook{background: url(images/sprite.png) -24px -168px no-repeat;}
    a.social_link.twitter{background: url(images/sprite.png) -48px -168px no-repeat;}
    a.social_link.google_p{background: url(images/sprite.png) -70px -168px no-repeat;}
    a.social_link.dailymotion{background: url(images/sprite.png) -95px -168px no-repeat;}
    a.social_link.youtube{background: url(images/sprite.png) -117px -168px no-repeat;}
    a.social_link.fei{background: url(images/sprite.png) -140px -168px no-repeat;}
    a.social_link.ffe{background: url(images/sprite.png) -165px -168px no-repeat;}
img { display: block; }
div.left, img.left { margin: 0 10px 5px 0; }
div.right, img.right { margin: 0 0 5px 10px; }

#partenaires div.right, #partenaires div.left,
div.right.moitie, div.left.moitie
{margin:0px;}
/*ci dessous pour que les paragraphes integrent bien les boites*/
.article div.right.moitie{margin-left:5px;}
.article div.left.moitie{margin-right:5px;}
div.center img, img.center { margin: 0 auto; }

img.listitem{
    width:41%;
    margin-right:1rem;
    max-width:130px;
}
img.tiers, img.deuxTiers,img.quart,
#content_left img.original,#content_left img.imagelarge,
#content_center img.original,#content_center img.imagelarge,
#content_right img.original,#content_right img.imagelarge
{
    width:100%;
    margin:0 0 1em 0;
    max-width:100%;
    height:auto;
}
    .article.img_quart img.deuxTiers{
        width:200px; 
    }
    a.url_img_quart{
        width:210px;
        display:block; 
        float:left;
    }
    p.legend.img_quart{
        width:210px;
        clear:left;
        float:left;
    }

.image_avec_legend{float:left;width:33%;}
.image_avec_legend.dossier{width:150px;}

#ezwt img { display: inline; }

.no_marge img{margin:0px;}


.hidden { display: none; }

.marge-bottom{ margin-bottom:10px;}

.bold { font-weight: bold;}
.small { font-size: 0.9em; }
.left { float: left; }
.right { float: right; }
.spacer { clear: both; }
.overflow-hidden { overflow: hidden; }

.moitie{ width:49%; }

.separator {
    clear: both;
    display: block;
    height: 1em;
    width: 100%;
}
/* ----------------------------------------------------------------- */
/* >>> CONTENT */
#main, #footer{
    margin: 0 auto;
    padding: 10px;
    width: 990px;
    overflow:hidden;
    background-color: rgba(255, 255, 255, 0.80);
}
#nav_top{

    background-color: #E6323C;
    width: 1010px;
    height: 30px;
    margin:0 auto;
    padding:0px;
}
#main{
    position: relative;
}
#main, #header, #nav, #content, #footer, #bottom_page{
    clear:both;
}
#content_deuxTiers,#content_left, #content_center, #content_right{
    float:left;
}
#content_deuxTiers{
    width: 66.2%;
    min-height:600px;
}
#content_deuxTiers.full_size{
    width: 100%;
}
#content_left,
#content_center{
    width: 49%;
    margin-bottom:10px;
}
    #content_left.full_width{width: 100%;}
#content_left.carte_zone_gauche{
    width:33%;
}
#content_center{
    float:right;
}
#content_right{
    width: 32.40%;
}
#content_right{
    float:right;
}
#footer{
    background-color: rgba(44, 44, 44, 0.90);
    /*filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#dd2c2c2c', endColorstr='#dd2c2c2c'); /* IE */
}
/* ----------------------------------------------------------------- */
/* >>> HEADER */
#header{
    height: 75px;
}
#header .logo{
    background:url("images/sprite.png") no-repeat  -2px 0px;
    margin:10px 30px;
    width:80px;
    height:50px;
    float:left;
}
#header h1{
    float:left;
    padding:5px 0 0 30px;
    letter-spacing:3px;
    color : #2c2c2c;
    font-weight: normal;
    font-size : 3em; /*avant c'était 2.7'*/
    font-family: "Times New Roman", sans-serif;
}
#header .bloc_recherche {
    float:right;
    position:relative;
    margin-top:25px;
}
    #header div.entete_droite .bloc_recherche {
        margin-top:0px;
    }
    
    #header .entete_droite{
        float:right; 
        padding:0px;
        margin:0px;
    }
        #header .entete_droite p{
            padding-bottom:0px;
            margin:0 0 5px 0;
        }
        #header .entete_droite p a{
            color : #000;
            font-size:0.8em;
        }
#header .bloc_recherche a.loupe{
    background: url("images/sprite.png") no-repeat  -109px 0px;
    width:39px;
    height:40px;
    display:block;
}

#header .bloc_recherche div{
    width:220px;
    z-index: 100;
    background:#fff;
    position:absolute;
    top:40px;
    left:-180px;
    display:block;
    background:#fff;
    display:none;
    box-shadow:  -8px 8px 5px rgba(50, 50, 50, 0.5);
}
    #header div.entete_droite .bloc_recherche div{

    }


#header form{padding:15px;}
#header form #search_text,
#search_result form #search_text{
    width: 190px;
    color:#2c2c2c;
    height:25px;
    background: #fff;
    border:1px solid #909090;
    margin-bottom:10px;
}
#header form #search_button,
#search_result  form #search_button{
    color : #fff;
    padding:1px 5px;
    background: #3e591e;
    border:none;
    font-size:1.3em;
    color: #FFFFFF;
    text-transform:uppercase;
}
#search_result  form label{
    width:150px;
    padding-top: 5px;
}
    #cookieChoiceInfo a{
        color:#83BD3F;
    }
    #cookieChoiceInfo #cookieChoiceDismiss {
        background: url("images/sprite.png") no-repeat scroll -488px -82px rgba(0, 0, 0, 0);
        padding-left: 15px;
    }

/* >>> NAVIGATION */

/* ----------------------------------------------------------------- */
/* NAVIGATION PRINCIPALE */
a.menu_small{
    display:none;
    height: 40px;
    width: 30px;
    margin-left:10px;
    background: url("images/sprite.png") no-repeat  -250px 0px;
}

#nav {
    background: #83bd3f;
    width: 100%;
    height: 40px;
    margin-bottom:10px;
}
#nav ul , #nav_top  ul{
    margin:0px;
}
#menu li.nav_top{display:none;}



#nav_top .nav_top_vous_etes {
    float:right;
    position:relative;
    margin-top:0px;
}
#nav_top .nav_top_vous_etes div{
    width:170px;
    z-index: 100;
    background-color:#235AA0;
    position:absolute;
    display:none;
    top:30px;
    left:-0px;
    box-shadow:  -8px 8px 5px rgba(50, 50, 50, 0.5);
}
#nav_top a.login{
    height: 25px;
    overflow:hidden;
    width:160px;
    float:right;
    background: url("images/sprite.png") no-repeat scroll -470px -558px #235AA0;
    padding: 5px 5px 0 35px;
    color:#FFF;
    text-transform:uppercase;
}

#nav li, #nav_top  li {
    position:relative;
    float: left;
    margin: 12px 0 0 10px;
    padding: 0 0 0 7px;
    line-height: 1em;
}

#nav_top div.nav_top_vous_etes div ul{
    list-style:none;
}
#nav_top div.nav_top_vous_etes div li{
    margin: 2px 2px;
    width:150px;
    border:none;
}
#nav_top div.nav_top_vous_etes div li a{
    color:#FFF;
    width:150px;
    display:block;
    padding:  2px;
}
#nav_top div.nav_top_vous_etes div li a:hover{
    background-color:	#0070CA;

}

#nav li.home {margin-left:0px;}

#nav li.right {
    float:right;
    margin: 14px 10px 0 0;
}
#nav li a, #nav_top li a{
    float:left;
    position:relative;
    font-size:1.2em;
    letter-spacing:1px;
    color: #FFFFFF;
    text-transform:uppercase;
}
#nav_top li a{
    font-size:1em;
}
#nav_top li {
    border-right:1px solid #fff;
    padding-right:7px;
    margin-top: 7px;
    margin-left: 3px;

}
#nav_top li:last-child{
    border:none;
    padding-right: 5px;
}

#nav li a.selected{font-weight: normal; color:#3E591E}
#nav li.home a {
    font-weight: bold;
    letter-spacing:0px;
}


.level-holder{position:relative;  }
.level {
    width:225px;
    z-index: 100;
    background:#fff;
    position:absolute;
    top:26px;
    left:-95px;
    background:#fff;
    display:none;
    box-shadow:  8px 8px 5px rgba(50, 50, 50, 0.5);
    /*8 8 5(pour le dégradé*/
}

.level ul{
    height:1%;
    list-style:none;
    padding:10px 5px 10px 0px;
    overflow:hidden;
    margin:0;
    background:#fcfdfc;
}

#nav .level ul li{
    float:none;
    z-index: 100;
    margin:0;
    padding:2px 5px;
    background:none;
    width:220px;
}
#nav .level ul li:hover{
    background:#83bd3f;
}

#nav li .level li a{
    padding:0 0 0 5px;
    font-size:0.9em;
    background: none;
    float:none;
    color : #2c2c2c;
}
#nav li .level li a:hover{
    background:none;
    color : #2c2c2c;
}


/*fin nav et nav top*/
/**********************************************************************/



/*********************************************************************/
/*Fil d'ariane*/
#fil_ariane {
    margin:5px 15px 15px;
    list-style: none none outside; float: left;
}
#fil_ariane li {
    float: left;
    margin-right: 0.2em;
}
#fil_ariane li , #fil_ariane li a {
    color: #2c2c2c;
}
#fil_ariane li a:hover{color:#3e591e;}
#fil_ariane li.racine {
    display:none;
    text-transform:uppercase;
}
#fil_ariane li.actual {
    color: #608A2E;
}
#connected {
    float: right;
    margin-right: 10px;
    list-style: none none outside;
    font-size: 0.8em;
}
#connected li { float: left; }
/* fin fil ariane*/

/*debut pagination*/
.pagination{
    clear:both;
    float:right;
}

/*debut pagination*/
/* >>>PAGES  comportement gen�raux des pages */
#content_deuxTiers.content{
    background-color:#fff;
}
.article {
    clear:both;
    padding:5px 15px;
}
.sous_titre, .legend{
    color:#909090;
}
.sous_titre a{
    color :#608A2E;
}
.sous_titre a:hover{color:#3e591e;}
.legend{font-size:0.8em;}

/*utililté par les paragraphes */
.presentation{
    font-weight:bold;
    color: #608a2e;
    border: 1px solid #608a2e;
    padding: 5px;
    /*font-size: 1.0720em;*/
}
.note, .citation,  .quote-design {
    background-color: #E7E7E7;
    border: 1px solid #757575;
    padding: 12px 5px;
}
.note{
    float: right;
    font-size: 0.9em;
    margin-left: 5px;
    width: 30%;
}
.citation, .quote-design {
    font-style: italic;
}

.listitem{
    clear:both;
    margin-bottom:15px;
    overflow:hidden;
}
.listitem h3{
    margin-bottom:0.25em;
}
.listitem_image{
    float:left;
    width: 130px;
    margin: 0 1em 0.8em 0;
}
.listitem_image a{
    height: 90px;
    width: 130px;
    display: block;
    background-position: top center;
    background-repeat: no-repeat;
    /*background-size: cover; */
    margin: 0 ;
}
div.social_link{
}
.fb_iframe_widget iframe {
    width:150px;
    margin-top: -7px;
}

/*pagination*/

.pagination {
    clear: both;
    margin-bottom: 1em;
    text-align: right;
    font-weight: bold;

}
.pagination a {
    display: inline-block;
    font-weight: normal;
    margin: 0 5px;

    color: #608A2E;;
    text-decoration: underline;
}
.pagination a:hover {
    border-color: #909090;
}

/*ecran présentation d'une discpline'*/
.head_une_discipline{
    width:100%;
    background: url("../images/Logo-Dressage_listitem.png") no-repeat;
}
.head_une_discipline ul{
    padding-left:150px;
    min-height:150px;
}
.head_une_discipline li{
    width:210px;
}

/* >>> FIN PAGES  */

/* >>> DIAPORAMA */
#bandeau{
    margin-bottom:10px;
}
.bandeau_accueil {
    height: 220px;
}
.over_bandeau{

    float:left;
    width:220px;
    height: 220px;
    color:#fff;
    /*background: none repeat scroll 0 0 rgba(0, 0, 0, 0.55);*/
}

/*ci dessous pour le cas ou on devrait revenir à une description*/
.over_bandeau a.title,  .over_bandeau a.description{
    padding:0 5px;
}
/*mis en display none*/
.over_bandeau a.title{
    display:none;
    margin-top:50px;
    color:#fff;
    font-weight:bold;
    font-size:2em;
}
.over_bandeau a.description{
    display:none;
    margin-top:10px;
    color:#ddd;
    font-weight:bold;
    text-align:justify;
}
.ui-tabs-hide {
    display: none;
}
#onglets_diaporama {
    margin-top:200px;
    float:right;
    width:150px;
}
#onglets_diaporama .onglet, #onglets_diaporama .onglet a  {
    background: url("images/sprite.png") no-repeat  -40px -61px;
    list-style: none;
    float: left;
    display: block;
    height: 10px;
    width: 10px;
    margin-right:10px;
}
#onglets_diaporama .onglet.ui-tabs-selected a {
    background: url("images/sprite.png") no-repeat  -6px -61px;
}
/*Qurestionnaires*/
.question{ min-height:300px;}
.question.resultat{min-height:0px;}
.question h4{ margin-bottom:5px; }
.question h3 label {
    float : right;
    color :#3B3B3B;
    font-size :12px;
}
.inner_question{ min-height:270px;}
.resultat .inner_question{
    min-height:0px;
    padding-bottom: 25px;
}
p.info{font-size :10px; margin:0px;margin-bottom:10px; padding:0px; }
.vert.back.hidden, .next_question.hidden, .finito.hidden  {
    display:none;
}
.qcm_chapitre_1 h3{
    color:#1ABECA;
    border-bottom : 1px solid #1ABECA;
}
.qcm_chapitre_2 h3{
    color:#832990;
    border-bottom : 1px solid #832990;
}
.qcm_chapitre_3 h3{
    color:#F57D22;
    border-bottom : 1px solid #F57D22;
}
.qcm_chapitre_4 h3{
    color:#0060A9;
    border-bottom : 1px solid #0060A9;
}
.qcm_chapitre_5 h3{

    color:#D31C3A;
    border-bottom : 1px solid #D31C3A;
}
.img_chap{margin-right:10px;}
.choix{
    clear:left;
    vertical-align:top;
}
.choix_input{
    float:left;
    width:35px;
    margin-bottom : 10px;
    vertical-align:top;
}
.choix.petit_full input, .choix.petit input
{
    width:25px;
}
.choix_chapitre{
    float:left;
    width:15px;
    font-weight:bold;
}
.choix_texte{
    float:left;
    width:560px;
}
.choix.petit_full .choix_texte{
    /*width:280px;*/
}
.choix_texte.vert{
    color :#347312;
}
.choix_texte.rouge{
    color: #F00F00;
}
td.recapitulatif{
    height:250px;
    padding-top:150px;
    background-position:center top;
    background-repeat: no-repeat;
}
td.recapitulatif h3{
    font-size: 1.2em;
    color: #3B3B3B;
    width: 300px;
    margin: 0 auto;
    margin-bottom: 30px;
}
td.recapitulatif #recapitulatif_note, td.recapitulatif .recap_note{
    font-size: 2em;
    text-align:center;
    font-weight:bold;
    color: #3B3B3B;
    width: 300px;
    margin: 0 auto;
}

td.recapitulatif .recap_note{
    font-size: 12px;
    font-weight:normal;
    margin-bottom: 20px;
}
td.recapitulatif .recap_note, td.recapitulatif  #seuil{
    margin-bottom: 20px;
}

td.recapitulatif p{
    font-size: 20px;
    width: 300px;
    margin-left: 220px;
}
/*Fin questionnaires cavalier*/
/* > jquery-dropdown */
.conteneurdropdownCell{
    margin:15px 25px 0 0;
    font-size:2em;
}

.dropdownCell, .dropdownPanel {
    font-size: 0.4755em;
    line-height: 1em;
}

.dropdownCell{
    width: 200px;
    height: 1.3em;
    max-height:  1.3em;
    padding: 5px 0 0 20px;
    background: #FFFFFF url("images/sprite.png") no-repeat scroll 0px -78px;
    border: 1px solid #A6A6A6;
    cursor: pointer;
}

.dropdownPanel {
    position: absolute;
    width: 220px; /* .dropdownCell { width + padding-left } */
    border: 1px solid #BBBBBB;
    background-color: #FFFFFF;
}
.conteneurdropdownCell.w_300 .dropdownCell {
    width: 250px;
}
.conteneurdropdownCell.w_300 .dropdownPanel {
    height : 300px;
    width: 300px;
    overflow: auto;
}

.dropdownOpt { padding: 1px 5px; }
.dropdownOptSelected{ background-color: #CCCCCC; }

.dropdownOpt a {
    display: block;
    width: 100%; height: 100%;
    padding-left: 8px;
    font-size: 0.9em;
    color: #2c2c2c;
    text-decoration: none;
}
.dropdownOpt a,
.boite .dropdownOpt a,
.boite.noir .dropdownOpt a,
.boite.vert .dropdownOpt a,
.boite.gris .dropdownOpt a
{color: #2c2c2c;}
dl.comite dt{ margin-left:5px; clear:left; float:left;  width:60px; font-weight:bold; color: #757575; }
dl.comite dd{ float:left;}
/* fin jquery-dropdown */

/* ---Blocs-------------------------------------------------------------- */

/*bloc recherche club*/
#bloc_search_club{
    color:#fff;
    margin-bottom:15px;
    padding:15px 15px 5px;
    background:#83BD3F url("images/sprite.png") no-repeat   right -295px;
}
#bloc_search_club h3{
    font-family: "FranklinGothic_black", "Arial", sans-serif;
    padding:5px 0;
    font-size:1.3em;
    color:#fff;
}

#bloc_search_club #home_search_form{
    overflow:hidden;
    margin-bottom:15px;
}
#bloc_search_club p.info_search{margin-bottom:5px;}
#bloc_search_club p.saisir_ville{
    color:#fff;
    width:155px;
    /*font-size:1.25em;*/
    font-size:18px;
    line-height: 1.3em;
    margin-bottom:10px;
}

#bloc_search_club a{
    color:#fff;
}
#bloc_search_club #searchText,#bloc_search_club #adresse {
    width: 240px;
    color:#2c2c2c;
    height:30px;
    background: #fff;
    border:1px solid #909090;
    padding-left: 5px;
    margin-bottom:10px;
}

#search_button_club{
    color : #fff;
    float:right;
    padding:2px 5px;
    background-color: rgba(20, 42, 5, 0.80);
    border:none;
    font-size:1.3em;
    color: #FFFFFF;
    text-transform:uppercase;
}
/*surcharge du bloc dans la page avec la carte*/
#bloc_search_club.carte_zone_gauche h3{
    font-size:1.2em;
    margin-bottom: 0.65em;
}
#bloc_search_club.carte_zone_gauche #home_search_form{
    overflow:hidden;
    margin-bottom:10px;
}

#bloc_search_club.carte_zone_gauche p{
    width:100%;
    font-size:1.1em;
    line-height: 1.1em;
}
#bloc_search_club.carte_zone_gauche p.info_search{
    width:100%;
    color:#fff;
    font-size: 11px;
}
#bloc_search_club.carte_zone_gauche p.info_search a{
    font-size: 1.2em;
    max-width: 275px;
    margin-top:5px;
    display: block;
    padding:5px 0 0 15px;
    background: url("images/sprite.png") no-repeat scroll -6px -95px transparent;
}

/*fin bloc recherche club*/

/*debut recherche club full*/
/* Recherche club */
#recherche_club {
    width: 40%;
}
/*nb on se cale à peu pres sur #content_deuxTiers pour avoir une proportion 2/3 sur la carte*/
#resuCarte{
    width: 100%;
    display:	block;

}
#carte, #legend_carte {
    width:65.9%;
    float: right;
}
#carte{
    height: 630px;
}
#carte.carteClub{
    width: 522px;
}
.gm-style .gm-style-iw, .gm-style .gm-style-iw a, .gm-style .gm-style-iw span, .gm-style .gm-style-iw label, .gm-style .gm-style-iw div{
    font-family: "Arial", sans-serif;
    font-size: 10px;
    font-weight: normal;
}
/*
  #legend_carte ul{ margin:10px 0; }
  #legend_carte li{
      float:left;
      font-size:0.8em;
      width:30%;
      max-width: 270px;
      padding-left:1.35em;
      margin-right:0.5em;
      background: url("images/picto_cqf_gmaps.png") no-repeat top left;
  }

  #legend_carte li a{padding-left:0.8em; }
   #legend_carte li.efe{background-image: url("images/picto_cqf_gmaps.png");}
   #legend_carte li.eqc{background-image: url("images/picto_eqc_gmaps.png");}
   #legend_carte li.cte{background-image: url("images/picto_cte_gmaps.png");margin-right:0em; }
*/
.tdCarteLabel {
    background: transparent url(../images/css/picto_lieu_gmaps.png) center top no-repeat;
    width:21px;
    height: 36px;
    padding: 4px 0 0 0;
    text-align: center;
    vertical-align:top;
    font-weight: bold;
}

.tdCarteLabel.M_0 {
    background-image:url('http://www.google.com/intl/en_us/mapfiles/ms/micons/blue.png');
}

.tdCarteLabel.M_2 { /* label ecole franc equitation */
    background-image:url(../images/css/picto_cqf_gmaps.png);
}

.tdCarteLabel.M_3 { /* Ecurie de competition */
    background-image:url(../images/css/picto_eqc_gmaps.png);
}

.tdCarteLabel.M_4 { /* Centre de Tourisme Equestre */
    background-image:url(../images/css/picto_cte_gmaps.png);
}

.tdCarteLabel.M_23 {
    background-image:url(../images/css/picto_cqf_gmaps.png);
}
.tdCarteLabel.M_24 {
    background-image:url(../images/css/picto_cqf_gmaps.png);
}
.tdCarteLabel.M_34 {
    background-image:url(../images/css/picto_eqc_gmaps.png);
}

.recherche_club_aide {
    float: right;
    width: 55%;
}

#resuCarte .message-error {
    clear:left;
    border:none;
    width:260px;
}

.carte_zone_gauche  #listeMarqueurs div.tabs{
    min-height:20px;
}

.carte_zone_gauche  #listeMarqueurs .tab_content {
    /* background-color: #999; */
    max-height: 400px;
    overflow-y: scroll;
    overflow-x: hidden;
}

.carte_zone_gauche  #listeMarqueurs .tab_content table {
    margin: 0 ;
    width:100%;
}
.carte_zone_gauche  #listeMarqueurs a.bouton_lien {
    margin:0;
}
.carte_zone_gauche  #listeMarqueurs .active a.bouton_lien {
    background:url("images/sprite.png") no-repeat -482px -140px;
}
.carte_zone_gauche #listeMarqueurs a.voirSurCarte  {
    font-weight:bold;
}

#listeMarqueurs .adresse{
    width:190px;
    float:left;
    font-size:0.85em;
    color:#2c2c2c;
}


.info_web ,.info_mail ,.tdCarteLabeltab {
    height: 25px;
    width : 26px;
    float : right;
    margin-left: 5px;
    display:block;
    background : transparent url(images/sprite.png)  -301px -45px no-repeat;
}
.info_web:hover{
    background : url(images/sprite.png)  -328px -45px no-repeat;
}
.info_mail{
    background : url(images/sprite.png)  -301px -97px no-repeat;
}
.info_mail:hover{
    background : url(images/sprite.png) -328px -97px no-repeat;
}
.tdCarteLabeltab{
    background : url(images/sprite.png)  -301px -71px no-repeat;
}
.tdCarteLabeltab:hover{
    background : url(images/sprite.png) -328px -71px no-repeat;
}

.tdCarteLabel {
    background: transparent url(../images/css/picto_lieu_gmaps.png) center top no-repeat;
    width:21px;
    height: 36px;
    padding: 4px 0 0 0;
    text-align: center;
    vertical-align:top;
    font-weight: bold;
}

.tdCarteLabel.M_0 {
    background-image:url('http://www.google.com/intl/en_us/mapfiles/ms/micons/blue.png');
}

.tdCarteLabel.M_2 { /* label ecole franc equitation */
    background-image:url(../images/css/picto_cqf_gmaps.png);
}

.tdCarteLabel.M_3 { /* Ecurie de competition */
    background-image:url(../images/css/picto_eqc_gmaps.png);
}

.tdCarteLabel.M_4 { /* Centre de Tourisme Equestre */
    background-image:url(../images/css/picto_cte_gmaps.png);
}

.tdCarteLabel.M_23 {
    background-image:url(../images/css/picto_cqf_gmaps.png);
}
.tdCarteLabel.M_24 {
    background-image:url(../images/css/picto_cqf_gmaps.png);
}
.tdCarteLabel.M_34 {
    background-image:url(../images/css/picto_eqc_gmaps.png);
}

.carte_zone_gauche  #link_clubs,
.carte_zone_gauche  #link_organisateurs,
.carte_zone_gauche  #link_clubs_label{
    height : 25px;
    border-bottom: 1px solid #2c2c2c;
    padding: 5px;
    background-color: #2c2c2c;
}

/*ci-dessous les comités*/
#bouton_elus{display:none;}
#comite_bouton{
    overflow:hidden;
    margin-bottom: 1em;
}
#listeMarqueurs{
    float:left;
    width: 100%;
}
#listeMarqueurs.comite{
    width:400px;
}
#resuCarte #listeMarqueurs{}

#explication, #presentation{
    clear:left;
    width:400px;
}
#listeMarqueurs div.comite{
    width: 320px;
    height: auto;
    float:left;
}
#listeMarqueurs div.comite.elus{
    min-height: 250px;
}
dl.comite {
    margin-bottom: 10px;
    overflow: hidden;
    min-height: 150px;
}
    dl.comite.full {
        min-height: 50px;
    }
dl.comite dt {
    clear: left;
    color: #757575;
    float: left;
    font-weight: bold;
    margin-left: 5px;
    width: 60px;
    padding-right: 5px;
}
    dl.comite.full dt {    
        width: 160px;   
    }
dl.comite dd {
    float: left;
}




#listeMarqueurs .boite_lien {clear:left;}
#listeMarqueurs div.comite.adresse{

}
div.comite.elus dl.comite dd,
div.comite.elus dl.comite dt,
div.comite.elus br {
    display: none;
}
.img_elus{width:100px;}

div.comite.elus dl.comite dd.president,
div.comite.elus dl.comite dt.president {
    display: block;
}
#listeMarqueurs.comitefull{
    width: 100%;
    height: auto;
}
#resuCarte.cartographie #listeMarqueurs.comite,
#resuCarte.cartographie #listeMarqueurs.comitefull{
    width:100%;
    float:left;
}
.comite .parent{width:380px;}


/** carte tourisme**/
#resuCarte.cartographie, .cartographie.focus{
    width: 66%;
}
.cartographie_coldroite {

    width: 32%;
    float:right;
}
.cartographie .cheval_nature
{
    background-color: #ccc;
    padding:5px 5px 0 5px;
    overflow:hidden;
}
.cheval_nature h4 {
    font-size:14px;
}
.cheval_nature, .cheval_nature a {
    color:#333333;
    font-weight:bold;
}
.cheval_nature p a::before{ content:"> "; }
.cartographie .comite .parent{
    width:auto; padding-right:5px;
}
.cartographie .boite.a_la_une{
    padding:5px 0px;
    border:solid 1px #ccc;
    border-left-width: 0px;
    border-right-width: 0px;
}
.cartographie .boite.a_la_une h3, .cartographie .boite.a_la_une h3 a{
    margin: 0px;
    padding: 0px;
}
/**FIN  carte tourisme**/
/*fin recherche club full*/

/*debut bloc video*/
#bloc_ffetv{
    background:url("images/sprite.png") no-repeat -205px -190px;
    background-color: #fff;
    overflow:hidden;
}
#bloc_ffetv.vert{
    background-image:none;
}
#bloc_ffetv .logo{
    height:99px;
    width:160px;
    margin:0  auto;
    background:url("images/sprite.png") no-repeat 0px -195px;
    display:block;
}
#bloc_ffetv.vert .logo{display:none;}
#bloc_ffetv iframe{
    /*normalement le rapport est de 1.07*/
    width:100%;
    height:300px;
}
#bloc_ffetv a.bouton{
    background-color: #E85A24;
    float:right;
    margin:15px;
    margin-left: 0px;
    min-width: 95px;
}
#bloc_ffetv a.lien_merial{
    float:left;
    margin-right: 0px;
    margin-left: 15px;

    height:18px;
    background:url("images/bouton_merialTV.png") ;
}
.frontpage #bloc_ffetv{
}
/**fin bloc video*/

/**debut Diaporama et planche contact**/
.bloc_diaporama img {
    margin: 0 auto;
}
#img_diapo{ margin:auto;}
#image_summary{
    overflow:hidden;

}
.bloc_diaporama {
    width: 604px; /* largeur de #content_deuxTiers - 2*30 */
    margin: 0 30px;
}
.bloc_diaporama img{
    margin:0 auto;
}
.planche-contact {
    list-style: none none outside;
    padding: 0;
}

.planche-contact li {
    float: left;
    display: block;
    width: 33%;
    margin-bottom: 10px;
}
.planche-contact li a {
    display: block;
    width: 100%;
}
.planche-contact li a img { margin: 0 auto; }

/** **/
/* ----------------------------------------------------------------- */
/* >>> THICKBOX */

#TB_window { font-size: 1.1em;}
#TB_secondLine { font-size: 0.9em; }

#TB_window a:link { color: #3B3B3B; }
#TB_window a:visited { color: #3B3B3B; }
#TB_window a:hover { color: #000000; }
#TB_window a:active { color: #3B3B3B; }
#TB_window a:focus { color: #3B3B3B; }

#TB_overlay {
    position: fixed;
    z-index:100;
    top: 0px; left: 0px;
    width:100%; height:100%;
}

.TB_overlayMacFFBGHack {
    background:  transparent url(../images/css/macFFBgHack.png) left top repeat;
}
.TB_overlayBG {
    background-color: #000000;
    filter:alpha(opacity=75);
    -moz-opacity: 0.75;
    opacity: 0.75;
}

#TB_window {
    position: fixed;
    background: #FFFFFF;
    z-index: 102;
    color:#000000;
    display:none;
    text-align:left;
    top:50%; left:50%;
}

#TB_window img#TB_Image {
    margin: 15px 0 0 15px;
}

#TB_caption{
    float:left;
    height:25px;
    padding:7px 30px 10px 25px;
}

#TB_closeWindow{
    float:right;
    height:25px;
    padding:11px 25px 10px 0;
    width:130px;
}

#TB_closeAjaxWindow{
    padding:7px 10px 5px 0;
    margin-bottom:1px;
    text-align:right;
    float:right;
}

#TB_ajaxWindowTitle{
    float:left;
    padding:7px 0 5px 10px;
    margin-bottom:1px;
}

#TB_title{
    background-color: #3B3B3B;
    height:27px;
}

#TB_ajaxContent{
    clear:both;
    padding:2px 15px 15px 15px;
    overflow:auto;
    text-align:left;
    line-height:1.4em;
}

#TB_ajaxContent.TB_modal { padding:15px; }

#TB_ajaxContent p { padding:5px 0px 5px 0px; }

#TB_load {
    position: fixed;
    display: none;
    z-index: 103;
    width: 208px; height: 13px;
    top: 50%; left: 50%;
    margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

#TB_HideSelect {
    z-index:99;
    position:fixed;
    top: 0; left: 0;
    background-color:#FFFFFF;
    filter:alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
    height:100%;
    width:100%;
}

#TB_iframeContent{
    clear:both;
    margin-bottom:-1px;
    margin-top:1px;
}

/**Fin thickbox**/
/*Carrousel à proprement dit*/
/* ----------------------------------------------------------------- */
.caroussel{
    background-color:#fff;
    padding:10px 0px;
    width:100%;
    margin-bottom: 15px;
}
.caroussel h3{
    padding-left:10px;
}
.caroussel a.fleche{margin-left:10px;
}
/* >>> JCAROUSEL */

/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
*/
.jcarousel-container {
    position: relative;
    margin:-50px 0 10px 0;
}
.cartographie .jcarousel-container {
    margin-top:-10px;
}
#carousel.photo_dans_boite{
    margin-top:0px;
    padding-left:15px;
}
.jcarousel-prev, .jcarousel-next{
    position: relative;
    top:15px; left:80%;
    height: 25px;
    width: 25px;
    z-index:3;
    background: #2c2c2c url("images/sprite.png") no-repeat scroll 0 -140px;
    cursor: pointer;
}
.jcarousel-next{
    top:-10px; left:90%;
    background: #2c2c2c url("images/sprite.png") no-repeat scroll 0 -118px;
}
.jcarousel-prev:hover, .jcarousel-next:hover{
    background-color: #83bd3f ;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}
.photo_dans_boite .jcarousel-clip {
    margin-top: -30px;
    padding-bottom: 30px;
}
.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0; left: 0;
    margin: 0 0 0 10px;
    padding: 0;
    cursor:pointer;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 144px;
    height: 96px;
    margin: 0 5px;
    background: none;
}
/**ci-dessous quand on demande 1 item à la fois**/
ul.unItem .jcarousel-list li,
ul.unItem .jcarousel-item{
    /*width: 250px;
    margin:0 20px;
    height: 190px;
    */
    height: auto;
    margin: 0 10px 0 0;
    max-width: 100%;
    width: 301px;
}
#carousel_diapo .jcarousel-container {
    margin-top:15px;
    width: 100%;
}
#carousel_diapo #wrap{
    width: 100%;
    height: 120px;
}
#carousel_diapo.photo_dans_boite .jcarousel-container {
    margin-top:15px;
    width: 300px;
}
#carousel_diapo .jcarousel-prev, #carousel_diapo .jcarousel-next {
    height: 120px;
    width: 30px;
    position: static;
    background: #2c2c2c url(images/sprite.png)   -395px -45px;
    cursor: pointer;
    float: left;
}
#carousel_diapo .jcarousel-next {
    background: #2c2c2c url(images/sprite.png)  -422px -45px;
    float: right;
}
#carousel_diapo .jcarousel-prev:hover, #carousel_diapo .jcarousel-next:hover {
    background-color: #83bd3f ;
}

#carousel_diapo.photo_dans_boite .jcarousel-prev , #carousel_diapo.photo_dans_boite .jcarousel-next{
    height: 100px;
    width: 30px;
    background:  #2c2c2c url(images/sprite.png)   -51px -2px;
}
#carousel_diapo.photo_dans_boite .jcarousel-next{
    background: #2c2c2c url(images/sprite.png)   -76px -2px;
}

li.jcarousel-item img{margin:auto;}

#carousel_diapo .jcarousel-list li, #carousel_diapo .jcarousel-item {
    list-style: none;
    float: left;
    width: 180px;
    height: 120px;
    text-align: center;
}
#carousel_diapo.photo_dans_boite .jcarousel-list li, #carousel_diapo .jcarousel-item {
    list-style: none;
    float: left;
    width: 125px;
    height: 100px;
    text-align: center;
}

/**fin Diaporama**/


/**debut partenaires**/
#partenaires.frontpage{
    clear:both;
    background-color: #fff;
    overflow:hidden;
}
#partenaires a.page_partenaire{
    color:#aaa;
    clear: both;
    float:right;
    padding-right: 10px;
    font-size:0.9em;
}
#partenaires.frontpage div.left,#partenaires.frontpage div.right {
    overflow:hidden;
}
#partenaires.frontpage div.left img{
    max-width: 280px;
}
#onglets_partners, #onglets_officiel{
    text-transform:uppercase;
    margin-left: 0px;
    border-bottom:1px #999999 solid;
    height:1.95em;
    display: block;
}

#onglets_partners li, #onglets_officiel li{
    background-color: none;
    float: left;
    height:16px;
    padding: 8px 13px 4px 13px;
    line-height: 1.05em;
    font-size:0.8em;

}
/*pour forcer le partenaire officiel*/
#onglets_partners li.active, #onglets_officiel li.active  {
    /*background-color: #fff;*/
    color:#747474;
}

#partners_tabs {max-width:700px;}
#partners_tabs ul{
    margin:0;
}
#partners_tabs li.ui-state-active{
    background-color: #83BD3F;
}
#partners_tabs li.ui-state-active a{
    color:  #fff;
}
#partners_tabs li a{
    color: #747474;

}
div.tabs {
    padding:15px 5px;
    min-height:80px;
}
#partners_tabs div.tabs ul,
#partners_tabs div.tabs li {
    background-color:transparent;
}
#partners_tabs div.tabs li {
    float: left;
    padding: 15px 0px;
}
#tabs_1 img{
    /*width:200px;*/
}
#tabs_1 a{
    margin: 0 10px;
    display:	block;
}

/*partenaires dans une colonne (boite)*/
.liste_partner{
    overflow:hidden;
    background-color: #fff;
}
.liste_partner #onglets_partners{
    height:1.75em;
    margin:0;
}
.liste_partner #onglets_partners li{
    padding:5px 10px 5px 10px;
}
.liste_partner #onglets_partners li a{
    font-size: 0.8em;
}
/**en vue embed dans la page les partenaires de a ffe**/
.partner_embed,.partner_embed.left  {
    margin-right:10px; min-width:120px; min-height:80px;
}

/**fin partenaires**/

/**debut boite publicit�*/
.ad {
    background-color:#F0F0F0;
    margin-bottom:15px;
    padding:10px 10px 15px 10px;
}
.ad h3{
    color:#aaa;
    font-size:0.8em;
    letter-spacing:2px;
    float:right;
    overflow: hidden;
}
.ad div{
    margin:0 auto;
}
/**fin boite publicit�*/

/**boites**************************************/
.boite{
    overflow:hidden;
    background-color:#fff;
}

.boite, .boite.moitie.right,.boite.moitie.left,
boite_lien.right,.boite_lien.moitie.left   {
    margin-bottom:15px;
}
.boite .content{ padding:0 10px;}
.boite .content.no_marge{ padding:0;}
.boite h3, .boite h4{
    letter-spacing:1px;
}

.boite h3{
    color:#2c2c2c;;
    font-size:1.286em;
    padding:5px 0 5px 10px;
    margin-bottom:5px;
}

.boite h4{ color:#2c2c2c;;
           font-size:1.1em;
           font-family: "FranklinGothic", "Arial", sans-serif;
}


.boite.noir, .boite.nosServices{
    background-color:#2c2c2c;
}
.boite.vert, .boite.reglo{
    background-color:#83BD3F;
}
.boite.gris, .infosSuppl {
    background-color:#999999;
}
.infosSuppl h3, .infosSuppl ul a {
    color:#ffffff;
}
    .infosSuppl ul.fleche li::before {
        background: url("images/sprite.png") no-repeat scroll -488px -60px rgba(0, 0, 0, 0);
    }
.focus{
    /*background-color:#A6C87F;*/
}
.focus h3, .focus h3 a{
    /*color:#3e591e;*/

}
.boite.focus .content p, .boite.reglo .content p{
    overflow: visible;
}
.boite.noir h3, .boite.noir a,.boite.noir p,
.boite.vert h3,.boite.reglo h3,
.boite.gris h3,
.boite.vert a, .boite.reglo a,
.boite.gris a{
    color:#fff;
}
.boite.noir ul{
    color:#fff;
}



/*boites page acc et sp�ciales*/

.nosServices h3,
.vousEtes  h3,
.reseaux_sociaux  h3,
.lastoneref  h3  ,
.liste_thematique  h3    { padding:15px 0 0 10px;}

.vousEtes  h3,
.liste_thematique  h3 { margin-bottom: 1em;}
.nosServices .content,
.boite.vousEtes .content,
.boite.liste_thematique  .content{
    margin-bottom: 10px;
    overflow: hidden;
}

.lastoneref  h3, .lastoneref  p{
    clear:none;
    margin:15px 0px 0 0px;
    float:right;
    max-width: 180px;
}
.lastoneref  p{clear:right; float:left;}


.a_la_une .content{padding:0px;}
.a_la_une img.left{margin:0px;}
/*onglets actualit�s dans .boite.liste_thematique*/
.tab_actualite h4{
    min-height:37px;
}
.tab_actualite.content.multiple{
    /* height:390px;*/
    overflow:hidden;
    min-height:380px;
}
.tab_actualite.content .sous_titre{
    margin-bottom: 10px;
}
.tab_actualite.content.greybox{
    background-color:#edf9ef;
}
#onglets_actualite{
    overflow:hidden;
    width:120px;
    margin: 0 auto;
}

#onglets_actualite ul.tabs {
    list-style: none none outside;
}
#onglets_actualite ul.tabs  a{display: block;	height: 10px;
                              width: 10px;}
#onglets_actualite ul.tabs  li{
    float: left;
    display: block;

    margin-right:10px;
    background: url("images/sprite.png") no-repeat  -24px -61px;
}
#onglets_actualite ul.tabs  li.active{

    background: url("images/sprite.png") no-repeat  -6px -61px;
}
/*boite vous �tes de la colonne droite du frontpage*/
.boite.vousEtes, .boite.liste_thematique, .boite.reseaux_sociaux{
    background-color:#fff;
}
.liste_thematique h4{
    font-weight:normal;
    margin-bottom: 5px;
}
.liste_thematique h4 a{
    color:#000;
}
.liste_thematique h4 a:hover{color:#3e591e;}
.liste_thematique  a.bouton{
    float: right;
    margin: 15px;
}
.article .liste_thematique  a.bouton{
    margin: 10px 0 10px 0;
}

.vousEtes h3{
    color:#21569F;
    margin-bottom:5px;
}
.vousEtes ul {
    margin:0;
}
.vousEtes ul li {
    background:transparent url("images/sprite.png")no-repeat  -6px -75px;
    padding-left:20px;
    max-width: 280px;
}
.vousEtes ul li a{
    color:#21569F;
    text-transform:uppercase;
    font-size:1.2em;
    padding:3px 0px;
    background-color:#fff;
    display:block;
}
.vousEtes ul li a.selected,.vousEtes ul li.selected a{
    font-weight:bold;
    color:#cc0000;
}
.vousEtes ul li a:hover{
    color:#cc0000;
}
/*boite Acces Direct de la colonne droite du frontpage*/
.nosServices h3{color:#fff;}
    .nosServices h3.acces.direct{display:none;}
.nosServices  ul li {
    float:left;
    width:125px;
    background:transparent url("images/sprite.png")no-repeat  -6px -98px;
    padding-left:20px;
    height:1.2em;
}

.nosServices ul li a{
    color:#fff;
    background-color:#2c2c2c;
    font-size:1em;
}
.nosServices ul li a:hover{
    color:#FF4444;
}
    .nosServices  ul.acces.direct{
        padding:21px 0px;
    }
    .nosServices  ul.acces.direct li {
        font-size:1.286em;
        letter-spacing: 1px;
        padding-top:3px;
        background:transparent url("images/sprite.png")no-repeat  -6px -117px;
    }
    .nosServices  ul.acces.direct li{
        width:135px;
    }
        .nosServices  ul.acces.direct li:last-child{
        width:125px;
        }

    .nosServices  ul.acces.direct li a{
        font-weight:bold;
    }
#content_left div.boite.nosServices {
        display:none;
    }
/*boite a_la_une (a_la_une cavalier et avantages licence) du frontpage*/
.a_la_une  h3, .a_la_une  h3 a{
    clear:none;
    margin:15px 0;
    float:right;
    color:#cc3333;
    max-width: 180px;
    max-width: 55%;
}

.a_la_une .content a.bouton{
    background-color: #2c2c2c;
    clear:right;
    float: right;
    margin: 10px 10px 0 0;
    width:135px;
}
.a_la_une .content p{
    float: right;
    width:160px;
}

.reseaux_sociaux .content {
    min-height:30px;

}
.reseaux_sociaux.twitter iframe {
    margin: 0 0 5px 0;
}
.reseaux_sociaux.facebook h3, .reseaux_sociaux.facebook h3 a{
    color:#4A66B4;
}
.reseaux_sociaux.facebook h3{
    margin-bottom:1em;
}

/*dans les boite_lien seul le h3 a un fond en couleur, par defaut il est en fond gris*/
.boite_lien{
    background-color:#fff;
    overflow:hidden;
    margin-bottom: 15px;
    border-bottom:dotted 1px #ccc;
}
.boite_lien h3, .boite_lien div.content{
    padding: 10px 10px 5px;
}
.boite_lien h3{
    color:#fff;
    background-color: #999999; /*par defaut fond gris*/
    padding-bottom:10px;
}

.boite_lien div.content{padding-top: 0px;}
/*declinaison boite lien*/

.boite_lien.noir h3,
.boite_lien.ffetv h3{
    background-color:#2c2c2c;
}
.boite_lien.vert h3{
    background-color:#83BD3F;
}
.boite_lien.gris h3{
    background-color:#999999;
}

.boite_lien.ffetv iframe{
    height:300px;
    width:330px;
    margin: 0 auto;
}

/**desarmement boite gigognes******/
/**supprimer les boites dans les boites, dans les boites, dans....******/
.boite .content .boite_lien {
    border:none;
}
.boite .content .boite_lien h3{
    background: none;
    color: #2c2c2c;
    font-size:1.1em;
    padding:0px;
}
.boite .content .boite_lien div.content{
    padding: 0  5px 0 0;
}
/*fin boites***********************************/
/**Tabs**/
#tabs ul.ui-tabs-nav {
    font-size: 1.2em;
    list-style: outside none ;
    padding: 0;
    width: 100%;
    margin-bottom: 10px;
    overflow: hidden;

}
#tabs .ui-tabs-nav li {
    background-color:#2c2c2c;
    float: left;
    height: 100%;
    margin-left: 5px;
    padding: 2px 5px;
}

#tabs .ui-tabs-nav li.ui-tabs-selected {
    background-color:#83BD3F;
}
#tabs .ui-tabs-nav li a{ color:#fff;}

/**Fin Tabs**/

/**Formulaires**/
label{color:#000;
      font-size: 1em;
      float : left;
}
#contact input, #contact select, #contact textarea {
    border: 1px solid #b5b5b5;
    width:250px;
    float:left;
    clear:both;
}
#contact fieldset p{
    width:250px;
    float:left;
    clear:both;
    padding-top: 5px;
}
#contact input {
    padding: 7px 4px;
}

#contact .checkbox {
    width: 30px;
}
#contact textarea {
    width:300px;
    height:150px;
}

#contact label {
    display: block;
    width:250px;
    margin: 10px 0 3px;
    clear:both;
}
#contact span {
    color: #423f3c;
    display: block;
    float: left;
    font-style: italic;
    margin-top: 8px;
    width: 231px;
}
.bloc_contact {
    border: 1px solid #bdbdbd;
    float: right;
    clear:right;
    margin-top: 27px;
    padding: 15px;
    width: 250px;
}

#contact input#submit {
    color:#fff;
    float:right;
    width: 200px;
    display:block;
    background-color: #2c2c2c;
    text-transform:uppercase;
    padding:8px;
    padding-right:10px;
    margin:15px 0px 0px 0;
    letter-spacing:2px;

}
/**FIN Formulaires**/

/** formulaire édition contenu EZ**/
.edition.block p{
    clear:both;
    background-color: #ccc;
}
.edition.block label.spacer, .edition.block legend{
    font-weight: bold;
}
.edition.block fieldset{
    padding:2px 3px;
    border: solid 1px #2c2c2c;
}
.edition.block{color:#000;}

/**FIN formulaire édition contenu EZ**/


/* ----------------------------------------------------------------- */
/* CI DESSOUS LES CLASSES POUR LE SIMULATEUR DE CLASSEMENTS------------ */
.ContainerInput{clear:left;  text-align:left; margin-top:5px;}
#zoneNrbPartant label{ width:150px;}
#zoneNrbPartant table{float:right; width:300px;}
.entete{border-bottom:1px solid #000;  padding-left:5px;}


#points table th, #points table td{text-align:center; font-size:12px; font-weight:bold; border: none ;}

.barreRouge{ color:red; text-decoration:line-through;  }

.ligne{ font-size:10px; font-weight:bold;  text-align: center;width:20px;}
.ligne_4    { background-color:#FFEBA4; }
.ligne_3    { background-color:#FEC397;}
.ligne_2    {background-color:#FEC07D; }
.ligne_1    { background-color:#FB753A; }
.ligne_rouge     { background-color:#fff; border: #BF1704 1px solid ; }
.cv_liste{width:100%;}

.calculator .numb { padding-right: 15px;
                    text-align: right;
}
.calculator label{ width:250px; clear:both;}
.calculator input{ width:20px; margin-right:10px;}

/* ----------------------------------------------------------------- */
/* ----------------------------------------------------------------- */
/* >>> FOOTER*/
#footer div{
    padding: 10px 20px 0 20px;

}
#footer div.col_1, #footer div.col_2, #footer div.col_3{
    width:300px;
    float:left;
}
#footer div.col_1, 	#footer li{
    width:150px;
}

#footer div.col_2{
    border-right:1px solid #fff;
    border-left:1px solid #fff;
}

#footer h3{
    color:#fff;
    font-size:1.2em;
    margin-bottom:15px;
}
#footer ul{
    list-style: none none outside;
    padding: 0;
    margin: 0;
}
#footer li{
    font-size:0.8em;
}
#footer div.col_2 ul li,
#footer div.col_3 ul li{float:left;}

#footer a{
    color:#fff;
}
#footer li a:before{
    content:" - ";
}
#bottom_page{
    overflow: hidden;
}
#bottom_page p{
    margin-right:10px;
    font-size:1em;
    color:#c3c3c3;
    float:left;
}
/* ----------------------------------------------------------------- */

/* Nouvelles r�gles si la fen�tre fait au plus 1024px de large */
@media screen  and (max-width: 1023px)
{
    body {
        background: #bbbbbb ;
        color: #999999;
        /*font: 100%/0.8em "FranklinGothic_IE","FranklinGothic", "Arial", sans-serif;*/
    }
    #main{width: auto; }
    /*#partenaire*/
    #bandeau, #footer,

    #supersized-loader, #ezwt, #lien_brouillons, #lien_en_attente {
        display:none;
    }
    #header{
        height: 50px;
    }
 
    #header p {display: none;}

    #header .logo{
        background:url("images/sprite.png") no-repeat  0px 0px;
        margin:10px 5px;
        width:82px;
        height:50px;
        float:left;
    }
    #header h1{
        position:absolute;
        top: 30px;
        left:105px;
        width:80%;
        text-align:center;
        padding:0px;
        letter-spacing:1px;
        font-size : 1.8em;
    }
    #header .bloc_recherche {
        float:right;
        margin-top:0px;
        position:relative;
        top:70px;
        background-color: #F1F1F1;
        padding-left:10px;
    }
    #bloc_search_club p.saisir_ville{
        width:160px;}
    /*menus navigation principale*/
    .no_mobile{display: none;}
    a.menu_small{
        display:block;
    }


    #nav li a, #nav_top li a {font-size:1em;}

    #nav_top {display:none;}


    #menu, 	#menu_top{
        display:none;
        position:relative;
        z-index: 90;
        position:absolute;
        top:115px;
        left:10px;
    }
    #menu li.nav_top{display:block;}
    #menu li{
        clear: both;
        margin:0;
        padding:5px 0px 2px 10px;
        width:	200px;
        background-color: #83bd3f;
        border-bottom: 3px solid #83bd3f;
    }
    #menu li:hover{
        background-color: #3e591e;
    }
    #menu li.home{display:none;}
    #nav li.right, #nav_top li.right{float:none;}
    .level-holder, .level {
        position:static;

    }
    .level {

        left:20px;
        top:25px;
        clear:both;

        display:block;

        top:0px; left:0px;
        margin-left:-10px;
        width:auto;
        box-shadow:none;
        background-color: #83bd3f;
    }
    .level,.level ul, #menu li .level ul li {
        background-color: transparent;

    }
    .level ul{
        padding:2px 5px;
    }
    .level ul li{
        padding:2px 5px;
    }

    #nav .level ul li{
        padding:2px 10px;
        border-bottom: none;
    }
    #nav li .level ul li a{
        color:#fff;
    }
    #menu li .level ul:hover{
        background-color: #3e591e;

    }
    #content_deuxTiers,#content_left, #content_right{
        float:left;
    }
    #content_center{float:right;}
    #content_deuxTiers{
        width: 100%;
        min-height:50px;
    }
    #carte,#resuCarte.cartographie,  #content_left.carte_zone_gauche, #legend_carte{
        width:100%;
        margin-bottom:10px;
    }
    #resuCarte.cartographie div.moitie{
        width:100%;
    }
    #listeMarqueurs .adresse{
        width:100%; max-width: 300px;
    }
    #resuCarte.cartographie #listeMarqueurs.comitefull div.spacer{
        margin-bottom: 15px;
        overflow:hidden;
    }

    #content_right{
        width: 100%;
        padding:0px;
        clear:both;
    }


    #content_right div.boite.reseaux_sociaux ul li,
    #content_right div.nosServices ul li{
        width: 28%;
    }
        #content_right div.boite.nosServices {
            display:none;
        }
        #content_left div.boite.nosServices {
            display:block;
        }

    #content_right div.vousEtes ul li{
        float : left;
        width:48%;
    }
    /*
      #content_right div.boite,
      #content_right div.ad
      {
       width: 49%;
       float:left;
      }
      #content_right div.boite.reseaux_sociaux{clear:left;}
      #content_right div.nosServices,
      #content_right div.a_la_une{
        float:right;
      }
    #partenaires div.right, #partenaires div.left{width:100%;}
     **/

    #partenaires div.right, #partenaires div.left{width:100%;}
    #partenaires.frontpage div.left img, #partners_tabs{
        max-width: none;
    }
    
    #partenaires h3,#partners_tabs li a{
        font-size:0.8em;
    }

    ul.unItem .jcarousel-list li,
    ul.unItem .jcarousel-item{
        margin-right:20px;
    }

}
/* Nouvelles r�gles si la fen�tre fait au plus 720px de large on passe sur une colonne */
@media screen and (max-width: 720px)
{
    #content_left,
    #content_center{
        width: 100%;
        margin-bottom:10px;
    }
    #content_center{
        clear:both;

    }
    #carte {
        max-height: 400px;
    }
    #legend_carte li {width:100%;
                      max-width:none;}
    #bloc_ffetv{
        background:none;
        text-align:center;
    }
    #bloc_ffetv iframe{

        height:400px;
    }
    #content_right div.boite.reseaux_sociaux ul li,
    #content_right div.nosServices ul li{
        width: 125px;
    }
    #header h1{
        width:auto;
    }
    div.right, div.right{
        width:100%; 
         
    }
   
}
/* Nouvelles r�gles si la fen�tre fait au plus 460px de large */
@media screen and (max-width: 460px)
{
    #header {
        height:50px;
    }
    #carte {
        max-height: 400px;
    }
    /*gros logo en haut centré*/
    #header .logo{
        background:url("images/sprite.png") no-repeat  -175px 0px;
        width:60px;
        height:40px;
        display: block;
        position: absolute;
        top:-5px;
        left:5px;
    }
    #header h1{
        position: absolute;
        top:20px;
        left:80px;
        margin-left:0px;
        clear: left;
        font-size : 1.2em;

    }
   #header .bloc_recherche {
        top:50px;
    }
    #menu{
        display:none;
        top:95px;
    }
    #bloc_ffetv iframe{
        margin:0 auto;
    }
    #content_right div.boite,
    #content_right div.ad
    {
        width: 100%;
        float:none;
    }
    
    
}
@media screen and (max-width: 360px)
{
    #header h1{
        top:30px;
        left:40px;
        font-size : 1.1em;
    }
 #header .bloc_recherche {
        /*top:40px;*/
        display: none;
    }
    #bloc_search_club #searchText{ width:200px;}
    #bloc_search_club p.info_search{display:none;}
   
    .article.img_quart img.deuxTiers{
       float:none;
       width:100%;
    }
    a.url_img_quart{
        width:100%;
        float:none;
    }
    p.legend.img_quart{
        float:none;
    }
}