@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,700');
/* @import url('https://fonts.googleapis.com/css?family=Saira+Extra+Condensed:300,400,700'); */

/*
    Bleu clair : #ADD8E6;
    Bleu foncé : #0061a7;
*/

@import url('direct_compo.css');


body {
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    width:100%;
    background: #fff url(../fond_page.jpg) center center no-repeat;
    background-size: cover;
	background-attachment: fixed;
}

.op100 { opacity: 1 !important;}
.op95 { opacity: 0.95 !important;}
.op90 { opacity: 0.90 !important;}
.op85 { opacity: 0.85 !important;}
.op80 { opacity: 0.80 !important;}

.cacher {
    display:none;
}
.noback { background:none; }
.overflow { overflow: auto; }
.link:hover { cursor:pointer; }

.clear {
    clear: both;
}
.msgok { color: darkgreen; }
.msgerr { color: darkred; }
.noborder {
    border: none !important;
    box-shadow: none !important;
    background-color: transparent !important;
}
.ombre { box-shadow: 2px 2px 4px black; }

.mouselink:hover {
    cursor: pointer;
}

h1, h2, h3, h4, h5, h6,
.font_system,
.font_system option {
    font-family: 'Open Sans', arial;
}
.logtexte {
    margin: 0;
    font-size:13px;
}
.align-left {
    text-align: left !important;
}
.align-center {
    text-align: center;
}
.align-right {
    text-align: right !important;
}
img, a { border: none; }


.desktop { display:block !important; }
.smartphone { display:none !important; }
.mobile { display:none !important; }

@media only screen and (max-width: 1024px) {
    .smartphone { display:block !important; }
    .desktop { display:none !important; }
    .mobile { display:none !important; }
}
@media only screen and (max-width: 640px) {
    .mobile { display:block !important; }
    .smartphone { display:none !important; }
    .desktop { display:none !important; }
}


/* -----------------------------------------------------*/
/* Zone HEADER - partie avec logo et visuel emmision en cours
  -------------------------------------------------------------- */
.header_top {
    position:fixed;
    height:60px;
    width: 100%;
    top:0;
    background-color: white;
    z-index: 1;
}

.header_top .content {
    height:60px;
 /*   border-top: 3px solid black; */
    background-color: #0061a7;
    text-align:left;
    margin: 0 auto;
    padding: 0;
    margin-top: 30px;
    width: 100%;
    opacity: 1;
    box-shadow: 1px 3px 5px black;
}

.header_top .div_logo {
    padding:0;
    margin:0;
}
.header_top .div_logo img.logo {
    width: 100%;
    margin-top: -30px;
    max-width: 180px;
    display:inline;
    height: auto;
    float:left;
}
.header_top .div_logo .titre {
    float:left;
    display:inline-block;
    width:auto;
}
.header_top .div_logo h1 {
  font-family: 'Open Sans', arial;
  font-size: 24px;
  font-weight: bold;
  color:black;
  margin:0;
  padding:0;
  margin-bottom:5px;
}
.header_top .div_logo h2 {
  font-family: 'Open Sans', arial;
  font-size: 14px;
  color:#333;
  margin:0;
  padding:0;
}
.header_menu {
    float:right;
    height:70px;
    text-align:right;
    margin: 0;
    display:inline-block;
}
.header_menu #cssmenu ul {
    margin: 0;
    display:inline-block;
    padding-left:0px;
    padding-right:20px;
}
.header_menu #cssmenu ul li {
    float: left;
    list-style: none;
    text-transform: uppercase;
    padding: 3px 0px 5px;
    margin: 0px;
}
.header_menu #cssmenu ul li a {
    padding: 0px 10px;
    display:block;
    border-bottom: 3px solid transparent;
}
.header_menu #cssmenu ul li:hover a:hover {
    background-color: #0061a7;
    color: white;
    border-bottom: 3px solid orange;
}
.header_menu #cssmenu ul li a {
    font-weight: normal;
    font-family: 'Open Sans', arial;
    font-size:18px;
    color: white;
    padding:5px 10px;
}
.header_menu #cssmenu ul li ul,
.header_menu #cssmenu ul li ul li {
    padding: 0;
}
.header_menu #cssmenu ul li ul li a {
    color: black;
    padding: 10px;
    font-size:14px;
}


.barre:hover {
    cursor: pointer;
}

.mobcssmenu {
    display:none;
}

.mobcssmenu {
    display:none;
    position:relative;
    top:-60px;
    margin:0px auto;
    background-color: #E3E3E3;
    box-shadow: 0px 2px 5px black;
    border: 2px solid black;
    width: 70%;
    max-width:400px;
    z-index: 1;
    padding:10px;
}
.mobcssmenu article {
    margin:0;
    font-family: 'Open Sans', arial;
    font-size:18px;
    font-weight: bold;
    color: black;
    }
.mobcssmenu article a {
    text-decoration: none;
    color: black;
}
.mobcssmenu article div {
    font-family: arial;
    font-size:15px;
    font-weight: normal;
    margin: 5px 10px 10px 40px;
    line-height:28px;
}
.mobcssmenu article div  a {
    color: black;
    text-decoration: none;
}
.mobcssmenu .closer {
    padding: 5px 10px;
    text-align:center;
    font-size:14px;
    background-color:darkgrey;
    color: black;
}

@media all and (max-width: 1024px) {
    .header_top {
        position:static;
        margin-top:20px;
    }
}

@media all and (max-width: 640px) {
    .mobcssmenu {
        top:0px;
        z-index: 9999;
    }
}


/* -----------------------------------------------------*/
/* Diaporama actus
  -------------------------------------------------------------- */
.slideshow {
   width: 96%;
   height: auto;
   overflow: hidden;
   border: 3px solid #F2F2F2;
   padding:0; margin:0;
    margin-top:10px;
}

.slideshow ul {
    /* 4 images donc 4 x 100% */
   width: 501%;
   height: auto;
   padding:0; margin:0;
   list-style: none;
}
.slideshow li {
   float: left;
   width: 20%;
   padding:0; margin:0;
}
.slideshow li div {
    width: 100%;
    padding:0; margin:0;
    height:480px;
}
.slideshow li p {
  display: block;
  position: relative;
  z-index: 0;
  font-family: 'Open Sans', arial;
  font-size: 20px;
  text-shadow: none;
  color: #fff;
  background: #000;
  background: rgba(0,0,0, .8);
  left: 0;
  right: 0;
  bottom: 0;
  padding: 10px 20px;
  margin: 0;
    height:30px;
    margin-top:-50px;
  max-width: none;
}
@media only screen and (max-width: 1280px) {
    .slideshow li div { height: 360px; }
}
@media only screen and (max-width: 1024px) {
    .slideshow li div { height: 288px; }
    .slideshow li p { font-size:17px; }
}
@media only screen and (max-width: 767px) {
    .slideshow li div { height: 320px; }
    .slideshow li p { font-size:16px;   padding: 5px 10px;  }
}



/* -----------------------------------------------------*/
/* Bloc infos rencontres TOP PAGE
  -------------------------------------------------------------- */
.slider_side {
}
.last_result {
    width:90%;
    margin: 5px auto;
    background-color: #eeeeee;
    margin-bottom: 20px;
    border:1px solid transparent;   /* #0061a7; */
}
.last_result .date {
/*    float:left;  */
    width:100%;
    height:30px;
    text-align:center;
    font-family: 'Open Sans', arial;
    font-size: 16px;
    font-weight:bold;
    background-color: #0061a7;
    color:white;
    border:none;
    padding-top: 5px;
}
.last_result .lieu {
/*    float:left;
    height:50px;   */
    width:100%;
    text-align:center;
    font-family: 'Open Sans', arial;
    font-size: 12px;
    color:black;
    line-height:20px;
/*    border-top: 1px solid #0061a7; */
    padding-top: 5px;
}
.last_result .lieu b {
    font-size: 14px;
}
.last_result .scores {
    width:100%;
    font-family: 'Open Sans', arial;
    background-color: #eee;
    color:#0061a7;
    margin:0;
    padding:5px 0;
    padding-top:15px;
    text-align:center;
}
.last_result .eq {
    display:inline-block;
    font-size: 9px;
    margin:0;
    padding:0;
}
.last_result .eq img {
    height:70px;
}
.last_result .eq-l {
    text-align:center;
	width: 35%;
}
.last_result .eq-v {
    text-align:center;
	width: 35%;
}
.last_result .eq-locale {        /* pour prochaines rencontres */
    text-align:center;
	width: 49%;
}
.last_result .eq-visiteur {      /* pour prochaines rencontres */
    text-align:center;
	width: 49%;
}

.last_result .num {
    display:inline-block;
    text-align:center;
    width:30%;
    font-size: 20px;
    font-weight: bold;
    margin:0;
    padding:10px 0;
}
.last_result .num span {
    color:transparent;
    font-size: 14px;
    font-weight: normal;
}
.last_result:hover .scores {
/*    background-color: darkred; */
}
.last_result .num:hover {
    background-color: rgba(2, 48, 105, 0.2);
    border-radius: 15px;
}
.last_result .num:hover span {
    color:#0061a7;
}

.last_result .chevron {
    margin: 0 auto;
    margin-top:-5px;
    margin-bottom: 5px;
    width:30px;
}
.last_result .chevron:hover {
    margin-top:0;
    cursor: pointer;
    margin-bottom: 0;
    background-color: rgba(2, 48, 105, 0.2);
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}
.last_result .last_result_others {
    display: none;
    font-family: 'Open Sans', arial;
    font-size: 10px;
    font-weight: normal;
    padding: 5px 10px;
}

.last_result .last_result_others .eq_L { width:40%; text-align: right; float:left; }
.last_result .last_result_others .eq_V { width:40%; text-align: left; float:left; }
.last_result .last_result_others .score {
    float:left;
    width:17%;
    padding: 0 1%;
    text-align:center;
    font-family: 'PT Sans', arial;
    font-size: 14px;
    font-weight: bold;
}
.last_result .last_result_others .classement tr td.blason { width: 0px !important; }
.last_result .last_result_others .classement tr td  { padding: 3px 5px !important; font-size: 10px; }
.last_result .last_result_others .classement tr td.num0  { font-size: 12px; }
.last_result .last_result_others .classement tr td.num1  { border-left:none; border-right:none; font-size: 13px; }

#HM_actus,
#HM_actus_mobile {
    display:none;
}

@media all and (max-width: 1270px) {
}
@media all and (max-width: 960px) {
    .last_result .num {
        font-size:16px;
        width:100px;
    }
    .last_result .lieu {
        line-height:16px;
    }
    .last_result .lieu {
        font-size:13px;
    }
}

@media all and (max-width: 640px) {
    .last_result .eq-l span,
    .last_result .eq-v span {
        font-size: 9px;
        line-height: 12px;
        display: inline-block;
    }
    .last_result .date,
    .last_result .lieu {
        width:100%;
        text-align:center;
        height: 40px;
        line-height:16px;
        padding-top:5px;
    }
    .last_result .date,
    .last_result .lieu b {
        font-size: 13px;
    }
    .last_result .eq img {
        height:60px;
    }
    .last_result .num {
        font-size:16px;
        width:35%;
    }
    .last_result .eq-l,
    .last_result .eq-v {
        text-align:center;
        width:30%;
    }
    .last_result .eq {
        font-size: 9px;
    }
    .last_result .last_result_others { padding: 5px; font-size: 9px; white-space:nowrap; }
    .last_result .last_result_others .score { width: 20%; float:none; display: inline-block; }
    .last_result .last_result_others .eq_L { width:38%; text-align: right; float:none; overflow:hidden; display: inline-block; }
    .last_result .last_result_others .eq_V { width:38%; text-align: left; float:none; overflow:hidden; display: inline-block; }
    .last_result .last_result_others .classement tr td.blason { width: 0px !important; }

    #HM_actus_pc_1, #HM_actus_pc_2 {  /* Panneau Actus desktop */
        display:none;
    }
    #HM_actus, #HM_actus_mobile {  /* Panneau Actus mobile */
        display:block;
    }
    .slideshow, .side_actus {   /* Actus slideshow */
        display:none;
    }
    .slider-arr {     /* Partenaires */
        display: none;
    }

}

@media all and (max-width: 320px) {
    .last_result .eq img {
        height:40px;
    }
}



.slider_side .next_match {
    margin:0 auto;
    margin-top: 10px;
    width: 90%;
    background-color: white;
    padding: 5px;
}
.slider_side .next_match h2  {
    font-size: 24px;
}
.slider_side .next_match .date {
    font-family: 'Open Sans', arial;
    font-size:14px;
    text-align:center;
    color: black;
    font-weight: bold;
}
.slider_side .next_match .equipe {
    display: inline-block;
    width:33%;
    text-align:center;
    padding:0;
    margin:0;
    font-family: 'Open Sans', arial;
    font-size:15px;
}
.slider_side .next_match .equipe_local {
}
.slider_side .next_match .equipe_visiteur {
}

.slider_side .next_match .equipe img {
    /* width:50%; */
    height: 100px;
}
.slider_side .next_match .btn {
    margin:5px;
    width:70%;
    display: none;
    padding:5px;
    text-align:center;
    font-family: 'Open Sans', arial;
    font-size:16px;
    font-weight: bold;
    text-transform: uppercase;
    box-shadow: 2px 2px 2px black;
    border-radius: 7px;
}
.slider_side .next_match .btn_nextm {
    display: none;
}
.slider_side .next_match .btn_active {
    display: inline-block;
}
.slider_side .next_match .btn:hover {
    cursor : pointer;
    box-shadow: 1px 1px 1px black;
}

.slider_side .next_match .onglet_equipes {
    width: 100%;
    margin: 0px;
    margin-top:20px;
    padding:0px;
    text-align:center;
    background-color: #555;
}
.slider_side .next_match .onglet_equipes .onglet {
    width: 15%;
    min-width:120px;
    display:inline-block;
    padding: 4px 7px;
    margin: 0 1px;
    background-color: #999;
    color: #0061a7;
    border-radius: 0;
    box-shadow: none;
    border-bottom: 3px solid transparent;
}
.slider_side .next_match .onglet_equipes .onglet:hover {
    background-color: #bbb;
    color: #0061a7;
    cursor:pointer;
    border-bottom: 3px solid #0061a7;
}
.slider_side .next_match .onglet_equipes .onglet_active {
    background-color: #ddd;
    color: #0061a7;
}

@media all and (max-width: 767px) {
    .slider_side .next_match h2  {
        font-size: 16px;
    }
}

@media all and (max-width: 640px) {
    .slider_side .next_match .btn  {
        width:100%;
    }

    .slider_side .next_match .equipe_local,
    .slider_side .next_match .equipe_visiteur {
        text-align:center;
    }
    .slider_side .next_match .equipe img {
        height: 70px;
    }

    .slider_side .next_match .date,
    .slider_side .next_match .equipe {
        font-size:12px;
        /* font-weight: normal; */
    }
}


/* -----------------------------------------------------*/
/* Zone CONTENT PAGE
  -------------------------------------------------------------- */
.main {
    margin-top:160px;
    width:100%;
    text-align:center;
}
.main_home {
    margin-top:93px;
}
.main .content {
    background-color: rgba(255,255,255, 0.8);
    padding: 1%;
}

.btn {
    display:block;
    margin:5px auto;
    width:70%;
    padding:5px;
    text-align:center;
    font-family: 'Open Sans', arial;
    font-size:16px;
    font-weight: bold;
    text-transform: uppercase;
/*    box-shadow: 2px 2px 2px black;
    border-radius: 7px;  */
    border:none;
    text-decoration: none;
}
.btn:hover {
    cursor : pointer;
    background-color:#333; color:white;
/*    box-shadow: 1px 1px 1px black; */
}
.rouge {
    background-color: darkred;
    color:white;
}
.bleu {
    background-color: #0061a7;
    color:white;
}
.bleuciel {
    background-color: #0061a7;
    color: white;
}

.vert {
    background-color: darkgreen;
    color:white;
}
.texte_bleu {
    color: #0061a7;
}

@media all and (max-width: 1024px) {
    .main_home { margin-top:-10px; }
}
@media all and (max-width: 960px) {
    .main_home { margin-top:-75px; }
}
@media all and (max-width: 767px) {
    .main_home { margin-top:-75px; }
}

/* -----------------------------------------------------*/
/* Ligne PARTENAIRES
  -------------------------------------------------------------- */
.home_partners {
    width: 100%;
    margin: 10px 0;
    padding: 10px 0;
    background-color: white;
    box-shadow: 2px 2px 3px black;
}
.home_partners .content {
    background-color: white;
    color:black;
    width:100%;
    text-align:center;
    margin: 0;
    padding:0;
    opacity: 1;
}
.home_partners .content h3 {
    font-family: 'Open Sans', arial;
    font-size:24px;
    font-weight: bold;
    text-align:center;
    margin:0;
    margin-bottom: 15px;
}
.home_partners img {
    height:70px;
    width:auto;
    margin-right:10px;
}

/* -----------------------------------------------------*/
/* Lignes ACTUALITES
  -------------------------------------------------------------- */
.suite a {
    background-color: #dddddd;
    color: #0061a7;
}

.fond_blanc { background-color: rgba(255, 255, 255, 0.9) !important; }
.fond_orange { background-color: rgba(255, 152, 26, 0.75) !important; }
.fond_bleu { background-color: rgba(13, 73, 201, 0.3) !important; }
.fond_vide { background-color: transparent !important; }

.home_actus { width: 100%;   }
.home_actus .content { padding:10px; color: black; background-color:transparent; }
.home_actus .content h3 { font-family: 'Open Sans', arial; font-size:30px; font-weight: bold; color:black; margin:10px; }
.home_actus .content .laune { margin:0; margin-bottom: 20px; background-color: rgba(13, 73, 201, 0.3); border: 2px solid rgba(13, 73, 201, 1);}
/* .home_actus .content .laune img { float:left; width:49%; height:auto; margin:0; } */
.home_actus .content .laune .side { float:right; width:50%; height:auto;  }
.home_actus .content .laune p { margin:0; padding:5px 10px; }
.home_actus .content .laune p.date { font-family: 'Open Sans', arial; font-size:13px; }
.home_actus .content .laune p.titre { font-family: 'Open Sans', arial; font-size:20px; font-weight:bold; }
.home_actus .content .laune p.texte { font-family: 'Open Sans', arial; font-size:14px; font-weight:normal; }
.home_actus .content .laune p.suite a {
    font-family: 'Open Sans', arial; font-size:13px; font-weight:normal;
    padding: 5px 10px;
    display:block;
    border: none;  /* 1px solid #555;   */
    text-decoration:none;
    width:120px;
    text-align:center;
    }
.home_actus .content .laune p.suite a:hover {
    background-color:#333; color:white;
    }

.home_actus .content .laune .div_img {
    height: 250px;
}

.home_actus .content .autre .div_img {
    width: 100%;
    height: 150px;
    margin-bottom: 5px;
}


@media only screen and (max-width: 767px) {
    .home_actus .content .laune img { float:none; width:100%; height:auto; margin:0; }
    .home_actus .content .laune .side { float:none; width:100%; height:auto;  }
}


.home_actus .content .breves { padding-left:20px; }
.home_actus .content .breves img.social { margin:0 5%; width:90%; }
.home_actus .content .breves h3 { font-size:24px; margin:0; padding:0; }
.home_actus .content .breves .line { border-bottom: 1px solid #555; }
.home_actus .content .breves p { margin:0; padding:0; margin-bottom:10px; }
.home_actus .content .breves p.date {
    width: 13%;
    float:left;
    font-family: 'Open Sans', arial; font-size:15px; font-weight:bold;
    text-align:left;
    color: darkred;
}
.home_actus .content .breves p.texte {
    font-family: 'Open Sans', arial; font-size:14px; font-weight:bold;
    width: 87%;
    float:right;
    text-align:left;
}
.home_actus .content .breves p.texte span {
    font-style: italic;
    font-weight:normal;
}
.home_actus .content .breves p.texte a {
    text-decoration:none;
    color: black;
}
.home_actus .content .breves p.texte a:hover {
    text-decoration: underline;
}

.home_actus .content .autre { padding: 5px; background-color: rgba(13, 73, 201, 0.3);}
.home_actus .content .autre img { width:100%; height:auto; margin:0 auto; }
.home_actus .content .autre .down { width:100%; height:105px; overflow:hidden;  }
.home_actus .content .autre p { margin:0; padding:0px 10px 5px; }
.home_actus .content .autre p.date { font-family: 'Open Sans', arial; font-size:13px; }
.home_actus .content .autre p.titre { font-family: 'Open Sans', arial; font-size:16px; font-weight:bold; }
.home_actus .content .autre p.texte { font-family: 'Open Sans', arial; font-size:11px; font-weight:normal; line-height:130%; }
.home_actus .content .autre p.suite a {
    font-family: 'Open Sans', arial; font-size:13px; font-weight:normal;
    padding: 5px 10px;
    display:block;
    border: none;  /* 1px solid #555;   */
    text-decoration:none;
    width:120px;
    text-align:center;
    }
.home_actus .content .autre p.suite a:hover {
    background-color:#333; color:white;
    }

@media only screen and (max-width: 767px) {
    .home_actus .content .autre .down {
        height: auto;
    }
}



/* -----------------------------------------------------*/
/* Bloc standard
  -------------------------------------------------------------- */
.home_zone { width: 100%; background-color:white; }
.home_zone .home_galerie,
.home_zone .home_boutic { padding:10px; color: black; background-color:transparent; }
.home_zone h3 { font-family: 'Open Sans', arial; font-size:24px; font-weight: bold; color:black; margin:10px; }
.home_zone .home_galerie .div_img {
    display:inline-bloc;
    float:left;
    width:24%;
    padding: 0;
    margin: 0;
    margin-right:1%;
    margin-bottom: 1%;
    height:90px;
}
.home_zone .home_boutic img {
    display:inline-bloc;
    width:13%;
    margin: 0;
    margin-right:1%;
    margin-bottom: 1%;
}


.home_sections { width: 100%; background-color:rgba(255, 255, 255, 0.8); }
.home_equipe { padding: 10px; text-align:center; }
.home_sections h3 { font-family: 'Open Sans', arial; font-size:24px; font-weight: bold; color:black; margin:10px; padding:10px; }
.home_sections img { width:100%; }
.home_sections p { text-align:center; font-family: 'Open Sans', arial; font-size:16px; font-weight: bold; }


@media only screen and  (max-width: 959px) {
    .home_zone .home_galerie .div_img {
        width:48%;
        float:none;
        display: inline-block;
    }
    .home_zone .home_boutic img {
        width:23%;
    }

}
@media only screen and  (max-width: 767px) {
    .home_zone .home_galerie .div_img {
        height:140px;
    }
}


.social {
    display:block;
    width: 100%;
    text-align:center;
}
.social img {
    height:48px;
    margin-left:10px;
}
.side_socialnet {
    width:100%;
    text-align:center;
}
.side_socialnet img {
    max-width:200px;
    width: 90%;
    margin: 10px auto;
    border: none;
}

.newsletter {
    margin: 10px auto;
    width:90%;
    padding: 0;
    background-color: transparent;
    font-family: 'Open Sans', arial;
    font-size: 14px;
}
.newsletter .titre {
    margin:0;
    padding:5px 10px;
    text-align: center;
    background-color: #0061a7;
    color: white;
    font-family: 'Open Sans', arial;
    font-size: 18px;
}
.newsletter p {
    margin:0 15px;
    padding:5px 10px;
    color: #0061a7;
}
.newsletter p.ok { color: green; }
.newsletter p.err { color: darkred; }
.newsletter form {
    width: 100%;
    margin:0 15px;
    padding:5px 10px;
    text-align:left;
}
.newsletter input[type=email] {
    border: 1px solid grey;
    padding: 5px 10px;
    margin:0 auto;
    margin-bottom: 5px;
    width:60%;
    height: 22px;
}
.newsletter input[type=submit] {
    width:30%;
    display:inline-block;
    margin-left: 10px;
}
.newsletter .stitre {
    font-family: 'Open Sans', arial;
    font-size: 16px;
    font-weight: bold;
}

table.lst_newsletter {
    font-family: 'Open Sans', arial;
    font-size: 14px;
}
table.lst_newsletter td {
    padding: 3px 7px;
    border-bottom: 1px solid darkgrey;
}
table.lst_newsletter td .news_view {
    color: #0061a7;
}
table.lst_newsletter td .news_view:hover {
    color: orange;
    cursor: pointer;
}

.newsletter_preview {
    width:100%;
    padding:0;
    margin:0;
    max-height: 600px;
    overflow: scroll;
}
@media only screen and (max-width: 640px) {
    .newsletter_preview {
        max-height: none;
        overflow: visible;
    }
}




.partners {
    margin: 10px auto;
    width:90%;
    padding: 0;
    background-color: white;
    font-family: 'Open Sans', arial;
    font-size: 14px;
/*    border: 1px solid #0061a7; */
	border: none;
}
.partners .titre {
    margin:0;
    padding:5px 10px;
    text-align: center;
    background-color: #0061a7;
    color: white;
    font-family: 'Open Sans', arial;
    font-size: 18px;
}
.partners p {
    margin:0 15px;
    padding:5px 10px;
    color: #0061a7;
}
.partners .partenaires img {  height:50px; }

.partners p.ok { color: green; }
.partners form { width: 100%; text-align:center; }
.partners input[type=email] {
    border: 1px solid grey;
    padding: 5px 10px;
    margin:0 auto;
    margin-bottom: 5px;
    width:80%;
}
.partners .stitre {
    font-family: 'Open Sans', arial;
    font-size: 16px;
    font-weight: bold;
}



/* -----------------------------------------------------*/
/* Pied de page
  -------------------------------------------------------------- */
footer {
    margin:0;
    margin-top:120px;
    padding:0;
    width:100%;
    height: auto;
    border:none;
    background-color:lightgrey;
    color: #0061a7;
    font-family: arial;
    border-top: 3px solid darkgrey;
}
footer .titre p {
  font-family: 'Open Sans', arial;
  font-size: 24px;
  font-weight: bold;
  color:#0061a7;
  margin:0;
  padding:0;
  margin-bottom:5px;
}
footer .titre p span {
  font-family: 'Open Sans', arial;
  font-size: 14px;
  color:#0061a7;
  margin:0;
  padding:0;
}

footer .partenaires {
    padding:0px;
    margin: 10px auto;
    background-color: white;
    border: 1px solid #0061a7;
}
footer .partenaires img { height: 60px; margin-top:10px; margin-right:10px; }

footer .legal {
    padding:5px 10px;
}

footer .legal {
    text-align:center;
    font-size: 13px;
    padding: 5px 15px;
    margin:0;
    line-height:100%;
}
footer .legal img.logo {
    float:right;
    height:54px;
}
footer .legal  a { color:grey; text-decoration:none; }
footer .legal  a:hover { color:#0061a7; text-decoration:none; }
footer .legal  img {
    height:20px;
}
footer .legal1,
footer .legal2 {
    display: inline-block;
    width:auto;
}

.bas_titre {
    position: absolute;
    top: 0;
    width:100%;
    display:block;
    text-align:center;
}
.bas_titre img { margin-top: 5px; height:55px; }

footer .copie_menu {
    padding: 0  15px;
}
footer .copie_menu p {
    font-size: 13px;
    font-family: 'Open Sans', arial;
}
footer .copie_menu p a.niv1 { font-size: 16px; text-transform: uppercase; font-weight:bold; }
footer .copie_menu p .niv2short {  }
footer .copie_menu p .niv2long { margin:3px 0; display:inline-block; }
footer .copie_menu p .niv2long .lien { font-size:0.9em; font-weight:bold; }
footer .copie_menu p .niv3long { display:inline-block; }
footer .copie_menu p .niv3long .lien { font-size:0.9em; }

footer .copie_menu p a {
    color: #0061a7;
    text-decoration: none;
}
footer .copie_menu p a:hover {
    color: black;
    text-decoration: none;
}
footer a.menu_noop:hover {
    cursor: default;
}

@media only screen and (max-width: 1280px) {
    footer {
    }
    footer .partenaires img { height: 50px; margin-top:10px; margin-right:10px; }
    footer .legal {
        font-size: 13px;
        line-height: 150%;
    }
    footer .legal img.logo {
        height:54px;
    }
}
@media only screen and (max-width: 1024px) {
    footer {
        position:static;
        height: auto;
        float:none;
    }
    footer .legal,
    footer .partenaires {
        position:static;
    }
    footer .legal1,
    footer .legal2 {
        display: block;
        width:100%;
    }
}
@media only screen and (max-width: 640px) {
    footer .legal {
        font-size: 13px;
        line-height: 150%;
    }
}
@media only screen and (max-width: 480px) {
    footer {
        margin-bottom:20px;
        text-align:center;
    }
    footer .partenaires {
        float:none;
        text-align:center;
        margin:0;
    }
    footer .partenaires img { height: 60px;  }
    footer .legal  {
        float:none;
        margin:0;
    }
    footer .legal {
        float:none;
        text-align:center;
        font-size: 13px;
        line-height: 150%;
        padding: 0px 5px;
        margin:0;
    }
    footer .legal img.logo {
        float:none;
        height:54px;
        margin: 0 auto 10px auto;
    }

    footer .copie_menu p {
        font-size: 14px;
        font-family: 'Open Sans', arial;
        line-height:28px;
    }
    footer .copie_menu p span a {
        margin-left: 20px;
    }


}





















.header_menu a.facebook {
    height:27px;
    width:27px;
    background:white url(../images/facebook_gris.png) no-repeat;
    background-size: 100% auto;
    display:inline-block;
    margin-top: 7px;
    margin-left: 7px;
}
.header_menu a.facebook:hover {
    background:white url(../images/facebook_bleu.png) no-repeat;
    background-size: 100% auto;
}

.mobile_menu { display: none; }
@media all and (max-width: 1024px) {
    .div_logo { width:79% !important; float:left; }
    .zone_menu { width:20% !important; float:right !important; text-align:right; }
    .zone_menu .header_menu {  text-align:right; margin-right:15px;  }

    .mobile_menu { display: block; margin-top:10px; }
    .mobile_menu img.barre { height:36px; }
}
@media all and (max-width: 640px) {
    .header_top { position:static; margin-top:20px; }
    .main { margin-top: 90px; }
    .div_logo .logo { max-width: 90px !important; }
    .div_logo .titre h1 { font-size:16px; text-align:left; }
    .div_logo .titre h2 { font-size:12px; text-align:left; }

    body {
        background:none;
        /* background-color: #003000; */
    }
    .header_top {
        background:none;
        background-color: #fff;
        height: 60px !important;
    }
    .main { margin-top: -5px; }
}
@media all and (max-width: 480px) {
    .div_logo .logo { width: 40% !important; margin-top: -25px !important; }
    .div_logo .titre { width: 60% !important; text-align:left; }
    .div_logo .titre h1 { font-size:14px; text-align:left; }
    .div_logo .titre h2 { font-size:11px; text-align:left; }
}
@media all and (max-width: 320px) {
    .div_logo .logo { margin-top: -15px !important; }
}




.header_menu #cssmenu .sview_phone { display:none; }
.header_menu #cssmenu2 .sview_phone2 { display:none; }
@media all and (max-width: 1024px) {
    .header_menu #cssmenu .shide_phone { display:none; }
    .header_menu #cssmenu .sview_phone { display:block; }
    .header_menu #cssmenu a {
        margin: 0;
        padding:10px;
        color:#f90e07;
        text-decoration:none;
        display:inline-block;
    }
    .header_menu #cssmenu ul li ul li a {
    }
    .header_menu #cssmenu ul li ul {
        border: 1px solid black;
        background-color: white;
        padding:0;
    }
}
@media all and (max-width: 1200px) {
    .header_menu #cssmenu a { font-size:16px; }
    .header_menu #cssmenu ul li ul li a { font-size:16px; }
}
@media all and (max-width: 1100px) {
    .header_menu #cssmenu a { font-size:15px;  }
    .header_menu #cssmenu ul li ul li a { font-size:15px; }
}

.header_menu #cssmenu > ul > li:hover > ul > li a:hover { color: white; }

.header_menu #cssmenu a:hover {
    color: blue;
    font-weight: normal;
    text-decoration:none;
}

.header_menu a.menu_noop:hover {
    cursor: default;
}

@media only screen and (max-width: 1380px) {
    .header_menu {
        height:75px;
    }
    .header_menu a.menu {
        font-family: 'Open Sans', arial;
      /*  font-size:22px; */
    }
}
@media only screen and (max-width: 1280px) {
    .header_menu {
        height:75px;
    }
    .header_menu a.menu {
        font-family: 'Open Sans', arial;
        font-size:18px;
    }
}

@media only screen and (max-width: 1024px) {
    .header_menu {
        width: 100%;
        height:29px;
        float:none;
        height:auto;
        margin:0;
        padding:0;
        margin-bottom:20px;
        text-align:center;
    }
    .header_top { background-size: auto 90px; height:auto; }
    .header_top img.logo {  }
    .header_side  {
        margin-top: 63px;
    }
    .header_menu ul li {
/*        float: none; */
        text-align:left;
        display:inline;
    }
    .header_menu a.menu {
        font-family: 'Open Sans', arial;
        font-size:16px;
    }
}
@media only screen and (max-width: 960px) {
    .header_menu a.menu {
        font-family: 'Open Sans', arial;
        font-size:14px;
    }
    .header_top {
        background-size: auto 70px;
        margin-left:0px;
    }
    .header_top img.logo { }
    .header_menu #cssmenu2 .shide_phone2 { display:none; }
    .header_menu #cssmenu2 .sview_phone2 {
        display: none;
        position: absolute;
        background-color: white;
        width: 150px;
        border: 1px solid black;
        box-shadow: 2px 2px 3px  black;
    }
}
@media only screen and (max-width: 840px) {
    .header_menu a.menu {
        font-family: 'Open Sans', arial;
        font-size:14px;
        padding:5px 10px;
     /*   margin-right:9px;
        margin-left:9px; */
    }
    .header_menu {
 /*        text-align:center;
       width: 100%;
        float:none;
        height:auto;
        margin:0;
        padding:0;
        margin-bottom:20px;  */
    }
    .header_menu ul {
        margin:0;
    }
    .header_menu ul li {
        float:none;
        display:inline;
    }
}

@media only screen and (max-width: 640px) {
    .header_top { text-align:center; }
    .header_top img.logo { float: none; clear:both; }
}


.header_side  {
    text-align:center;
    margin-top: 108px;
}
.header_side a.link {
    font-family: 'Open Sans', arial;
    font-size:12px;
    text-transform: uppercase;
    text-decoration: none;
    color: #ADD8E6;
}
.header_side a.link:hover {
    color: yellow;
}



.first-row .home_side {
    padding:0;
    margin:0;
    margin-top:-124px;
    padding-top:125px;
    width:100%;
    background-color:#dedede;
}
.first-row .home_side .legend {
    margin-top: 20px;
    font-family: 'Open Sans', arial;
    font-size: 16px;
    font-weight:300;
    background-color: #3c3c3c;
    color: white;
    text-align:center;
    padding:3px 5px;
    text-transform: uppercase;
}
.first-row .home_side .programme {
    padding:15px 10px;
    text-transform: uppercase;
    text-align: right;
    font-family: 'Open Sans', arial;
    font-size: 32px;
    background-color: #4cae32;
    color: white;
    font-weight: normal;
    line-height:110%;
    height:149px;
}
.first-row .home_side .programme span {
    margin-top: 15px;
    font-size: 18px;
    font-weight: 300;
    text-transform: none;
    display:block;
    line-height:115%;
}
.first-row .home_side .ecoute {
    padding:15px 10px;
    text-transform: uppercase;
    text-align: right;
    font-family: 'Open Sans', arial;
    font-size: 16px;
    background-color: #17770a;
    color: white;
    font-weight: normal;
    line-height:110%;
}
.first-row .home_side .ecoute span {
    float:left;
    width:50%;
    text-align:right;
    margin-right:10px;
}
.first-row .home_side .ecoute img {
    height:32px;
    width: 32px;
    float:left;
}
.first-row .visuel_emission {
    width: 100%;
    margin: 0;
    padding: 0;
}
.first-row .visuel_emission img {
    width:100%;
}

.first-row  .grandangle {
    margin:0px auto;
    width:100%;
    padding:0;
    overflow:hidden;
}
.first-row .grandangle img {
    width:94%;
    padding:0;
    margin:0px;
    margin-top: 5px;
    margin-left: 4%;
}

.ban_meteo {
    font-family: 'Open Sans', arial;
    font-weight:300;
    font-size:18px;
    color: white;
    background-color: #0050a0;
    margin: 0;
    padding:0;
    text-transform: uppercase;
}
.ban_meteo article {
    padding:5px 10px;
}
.ban_meteo div.date {
    margin-right:15px;
    display:block;
    float:left;
}
.ban_meteo div.ville {
    display:inline-block;
    color: #9cff82;
    margin-right:10px;
}
.ban_meteo div.ville span.nom {
    margin-top:0px;
    display: bloc;
    float:left;
}
.ban_meteo span {
    margin: 0 5px;
    }
.ban_meteo span.temp {
    color: white;
    display: bloc;
    float:left;
    }
.ban_meteo img {
    display: bloc;
    float:left;
    height:30px;
}

.home_bloc {
    font-family: 'Open Sans', arial;
    background-color: #dedede;
    padding:3px;
}
.home_bloc .actus,
.home_bloc .sport,
.home_bloc .locale,
.home_bloc .agenda {
    margin: 0;
    padding: 5px 10px;
    margin-top:5px;
    font-weight:600;
    font-size:22px;
    color: white;
    text-align:center;
    text-shadow: -1px 1px black;
}
.home_bloc .actus {
    background-color: #d41116;
}
.home_bloc .sport {
    background-color: #fec700;
}
.home_bloc .locale {
    background-color: #4cae32;
}
.home_bloc .agenda {
    background-color: #0050a0;
}
.home_bloc article {
   /* padding: 10px; */
    padding: 10px;
    padding-top: 0;
}
.home_bloc article a {
    color: #474747;
    text-decoration: none;
}
.home_bloc article a:hover {
    text-shadow: 1px 1px black;
}
.home_bloc article p {
    color: #474747;
    margin:0;
    padding:0;
    font-weight:400;
    font-size:20px;
    line-height:28px;
/*     text-transform: uppercase;
    height:90px;
    overflow: hidden; */
}
.home_bloc article div.nolimit p {
    height:auto;
    overflow: visible;
}
.home_bloc article div.normal p {
    font-family: 'Open Sans', arial;
    font-weight:400;
    font-size:16px;
    line-height:24px;
}
.home_bloc article.sideactus a:hover {
    text-shadow: 0px 1px black;
}
.home_bloc article.sideactus p {
    height:auto;
    font-size:15px;
    line-height:17px;
}
.home_bloc article small {
    font-family: arial;
    text-transform: none;
    height:auto;
    font-size:12px;
    line-height:18px;
    font-weight:400;
    display:block;
}
.home_bloc article.sideactus p small {
    font-size:13px;
}
.home_bloc img { width:100%; }
.home_bloc img.logo { width:100%; max-width:160px; margin:10px auto; }
.home_bloc .bouton { width:100%; text-align:right; margin-bottom:10px; }
.home_bloc .bouton span {
    font-weight:400;
    font-size:18px;
    text-shadow: none;
    color: white;
    padding: 5px;
    }
.home_bloc .bouton span.actus {
    background-color: #d41116;
    }
.home_bloc .bouton span.sport {
    background-color: #fec700;
    }
.home_bloc .bouton span.locale {
    background-color: #4cae32;
    }
.home_bloc .bouton span.agenda {
    background-color: #0050a0;
    }
.home_bloc .bouton span a {
    text-decoration: none;
    color:white;
}
.home_bloc .bouton span a:hover {
    text-shadow: 1px 1px black;
}



img.pubcarre {
    width:100%;
    max-width: 250px;
    margin: 5px auto;
    display:none;
}

img.megabanner {
    width:100%;
    max-width: 728px;
    margin: 0px auto;
}

.skyscrapper {
    margin-top:20px;
    width:96%;
    padding: 0 2%;
    text-align:center;
    display: block;
}
.skyscrapper img {
    width:100%;
    max-width:160px;
}

@media only screen and (min-width: 1270px) and (max-width: 1359px) {
    .first-row .home_side {
        padding:0;
        margin:0;
        margin-top:-107px;
        padding-top:96px;
        width:100%;
        background-color:#dedede;
    }
}
@media only screen and (min-width: 1025px) and (max-width: 1269px) {
    .first-row .home_side {
        padding:0;
        margin:0;
        margin-top:-61px;
        padding-top:45px;
        width:100%;
        background-color:#dedede;
    }
    .first-row .home_side .legend {
        font-size: 14px;
    }
    .first-row .home_side .programme {
        font-size: 26px;
        height: 126px;
    }
    .header_menu #cssmenu ul li a {
        font-size: 15px;
    }
    img.megabanner {
        max-width: 600px;
        }
    .ban_meteo {
        font-size: 16px;
    }
    .home_bloc article p {
        font-size: 15px;
    }
}
@media only screen and (min-width: 960px) and (max-width: 1024px) {
    .header_top {
        background-size: auto 111px;
    }
    .header_menu {
        margin-bottom: -1px;
    }
    .header_menu #cssmenu ul li a:hover,
    .header_menu #cssmenu ul li a {
        color: black;
        font-size: 25px;
        padding: 7px 0;
    }
    .first-row .div_logo {
        margin-top: -110px;
    }
    .first-row .home_side {
        margin-top: -53px;
        padding-top: 35px;
    }
    .first-row .home_side .legend {
        font-size: 13px;
    }
    .first-row .home_side .programme {
        font-size: 23px;
        height: 125px;
    }
    img.megabanner {
        max-width: 500px;
    }
    .ban_meteo {
        font-size: 14px;
    }
    .first-row .div_logo  { text-align:center; }
    .first-row .div_logo img.logo {
        max-width: 134px;
    }
    .header_side {
        margin-top: 83px;
    }
    .home_bloc article p {
        font-size: 15px;
        line-height: 21px;
    /*    height: 75px;   */
    }
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
    .header_top {
        background-size: auto 130px;
        height: 130px;
    }
    .first-row .div_logo {
        text-align:center;
        margin-top: -135px;
    }
    .first-row .div_logo img.logo {
        max-width: 150px;
    }
    .first-row .grandangle { text-align:center; }
    .first-row .grandangle img {
        max-width: 160px;
        margin-left: 0;
    }
    .header_menu #cssmenu ul li a,
    .header_menu #cssmenu ul li a:hover {
        color: black;
    }
    .first-row .home_side {
        margin-top: -150px;
    }
    .first-row .home_side .programme {
        font-size: 30px;
        height: 91px;
    }
    .first-row .home_side .ecoute {
        padding: 5px 10px;
    }
    #cssmenu2 #menu-button2 {
        margin-top: 20px;
    }
    .first-row .visuel_emission {
        margin-top: -20px;
    }
    .home_bloc article p {
        font-size: 16px;
        line-height: 21px;
    }
    .skyscrapper {
        display:block;
    }
    .skyscrapper img {
       max-width: 110px;
    }
    .first-row .home_side .ecoute span {
        margin-top: 10px;
        display: inline-block;
    }
    .ban_meteo article {
        text-align: center;
    }
    .home_bloc article p {
        height: auto;
        overflow: visible;
    }
}
@media only screen and (max-width: 767px) {
    img.megabanner { display: none !important; }
    .header_top {
        background-size: auto 130px;
        height: 130px;
    }
    .header_side {
        display:none;
    }
    .first-row .div_logo {
        margin-top: -167px;
    }
    .header_menu #cssmenu ul li a,
    .header_menu #cssmenu ul li a:hover {
        color: black;
    }
    .pubcarre {
        text-align: center;
        width: 100%;
    }
    .pubcarre img {
        display: block;
        margin: 10px auto;
    }
    .grandangle img {
        display:none;
    }
    .first-row .home_side {
        margin-top: 0;
        padding-top: 0;
    }
    .first-row .home_side .legend {
        margin-top: 0px;
    }
    .first-row .home_side .programme {
        height: auto;
    }
    .home_bloc article p {
        height: auto;
        overflow:visible;
        padding-bottom:10px;
    }
    .ban_meteo div.date { display:block; clear:none; width:100%; }
    .ban_meteo div.ville { display:inline-block; text-align:right;  width:47%; margin-left:0; margin-right: 1%; }
    .skyscrapper {
        display:none;
    }
}

/* --------------------------------------------------
    Fenêtre principale
-----------------------------------------------------*/
.content {
    opacity: 0.9;
    background-color: #B5DBE8;
    color: black;
    padding: 10px;
    font-family: 'Open Sans', arial;
    margin: 1%;
}
.content .programme {
    margin-left: 20px;
}
.content .programme li {
    list-style: none;
    padding: 5px;
    border-bottom: 1px solid #8AC7DB;
}
.content .programme li span {
    font-family: 'Open Sans', arial;
    width: 50px;
    display: inline-block;
}
.content .direct {
    margin:0; padding:0;
    font-family: 'Open Sans', arial;
    font-size: 2em;
    color: darkred;
    text-align: right;
    margin-right: 10px;
    border-bottom: 2px solid #8AC7DB;
}
.content .direct img { height: 48px; }
.content .direct a { text-decoration: none; color: darkred; }
.content .direct a:hover { text-decoration: none; color: white; }

.content_left .podcast,
.content .podcast {
    margin-left: 20px;
}
.content_left .podcast li,
.content .podcast li {
    list-style: none;
    padding: 5px;
    border-bottom: 1px solid #8AC7DB;
    font-size:16px;
}
.content_left .podcast li span,
.content .podcast li span {
    font-family: 'Open Sans', arial;
/*     width: 150px; */
    display: inline-block;
}


.content_left {
    background-color: rgba(255,255,255, 0.7);
    color: black;
    margin: 1%;
    font-family: 'Open Sans', arial;
    text-align:center;
    width: 98%;
}
.content_left .meteo { width: 100%; }
.content_left .meteo img { width: 100%; }

.content_left .pub {
    margin-left: 10px;
    text-align:center;
    width: 100%;
}
.content_left .pub p {
    padding: 0px;
    text-align:center;
    display: inline-block;
}
.content_left .pub p img  {
    width: 100%;
    display: inline-block;
    margin: 0 !important;
    padding: 0;
}
.content_left .pub p.demi img  {
    width: 33%;
    display: inline-block;
    max-width: 300px;
    margin: 0 !important;
    padding: 0;
}

@media only screen and (max-width: 800px) {
    .smartphone_noback {
        background:none;
    }
}
@media only screen and (max-width: 480px) {
    .smartphone_noback {
        background:none;
    }
}


/*  Corps de page rédactionnelle
-----------------------------------*/
.page {
    width: 98%;
    margin-left:2%;
    margin-bottom: 10px;
    background-color: rgba(255,255,255, 0.9);
    text-align:left;
    border-top-left-radius: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    box-shadow: 2px 2px 4px black;
    }
.page .content {
    font-family: "PT Sans", arial;
    font-size:15px;
    padding:10px; color: black; background-color:transparent;
    text-align:left;
}

.page h1 { font-size:30px; font-weight: bold; color:black; margin:10px; }
.page h2 { font-size:26px; font-weight: bold; color:black; margin:10px; }
.page h3 { font-size:22px; font-weight: bold; color:black; margin:10px; }
.page h4 { font-size:18px; font-weight: bold; color:black; margin:10px; }
.page h5 { font-size:16px; font-weight: bold; color:black; margin:10px; }
.page h6 { font-size:14px; font-weight: bold; color:black; margin:10px; }

.page .content { padding: 5px 10px; }
.page .content ul {  }
.page .content ul li { padding:3px 0 2px 0px; }
.page .content .incrustation { float:left; margin: 0 25px 10px 0; padding:0; width:50%; box-shadow: 2px 2px 3px black; }
.page .content .incrustation img { width:100%; }
@media only screen and (max-width: 640px) {
    .page .content .incrustation { float:none; margin: 0 0 10px 0; width:100%; }
    .page h1 { font-size:26px;  }
    .page h2 { font-size:22px;  }
    .page h3 { font-size:18px;  }
    .page h4 { font-size:16px;  }
    .page h5 { font-size:14px;  }
    .page h6 { font-size:12px;  }
}

.page .content .rappel { padding-left:20px; }
.page .content .rappel h3 { font-size:24px; margin:0; padding:0; }
.page .content .rappel .line { border-bottom: 1px solid #555; }
.page .content .rappel .line_open { background-color:#bbb; }
.page .content .rappel p { margin:7px 0; padding:0; }
.page .content .rappel .line:hover { background-color: darkred; color: white; cursor:pointer; }
.page .content .rappel .line:hover a { color:white; }
.page .content .rappel p.marqueur {
    width: 12%;
    padding-right:2%;
    padding-left:2%;
    float:left;
    font-family: 'Open Sans', arial; font-size:15px; font-weight:bold;
    text-align:left;
    color: darkred;
}
.page .content .rappel p.texte {
    font-family: 'Open Sans', arial; font-size:14px; font-weight:bold;
    width: 84%;
    float:right;
    text-align:left;
}
.page .content .rappel p.texte span {
    font-style: italic;
    font-weight:normal;
}
.page .content .rappel p.texte a {
    text-decoration:none;
    color: black;
}
.page .content .rappel p.texte a:hover {
    text-decoration: underline;
}


/*  Bloc pour organigramme
-----------------------------------*/
.staff {
/*    border: 1px solid black;
    box-shadow: 1px 1px 3px black;
    background-color:#eee;  */
    padding:0;
    width:96%;
/*    height:120px; */
    margin: 0;
    margin-bottom: 10px;
    margin-right:2%;
/*    float:left;
    overflow:hidden; */
}

.staff .Hcontent .picto {
    float:left;
    margin-right: 10px;
    margin-bottom: 10px;
/*    width:100%;
    height:235px; */
    padding:0;
    width: 20%;
    height:130px;
    overflow: hidden;
}
.staff .Hcontent .picto img { width: 100%; height:auto;     box-shadow: 2px 2px 3px black; }
.staff .Hcontent .content {  float:none; }

.staff .Vcontent  { text-align:center; }
.staff .Vcontent .picto {
    margin-right: 2%;
    margin-bottom: 2%;
    width:98%;
    padding:0;
    height:auto;
}
.staff .Vcontent .picto img { width: 75%; height:auto;     box-shadow: 2px 2px 3px black; }
.staff .Vcontent .content {  float:none; }

.staff p {
    font-family: 'Open Sans', arial;
    font-size: 14px;
    font-weight:400;
    margin: 0;
    line-height:20px;
}

.staff p.fonction {
    font-family: 'Open Sans', arial;
    font-size: 14px;
    font-weight:400;
    line-height:20px;
    margin: 0;
    margin-top:5px;
}
.staff p.nom {
    font-family: 'Open Sans', arial;
    font-size: 18px;
    font-weight:bolder;
    line-height:22px;
    margin: 0;
}

@media only screen and (max-width: 1280px) {
    .staff {
     /*  height:240px; */
    }
    .staff .picto {
        height:180px;
    }
    .staff p {
        font-size: 13px;
        line-height: 16px;
    }
    .staff p.nom {
        font-size: 15px;
        line-height: 18px;
    }
}
@media only screen and (max-width: 1024px) {
    .staff {
      /*  height:auto;
        min-height:240px; */
    }
    .staff .picto {
        height:215px;
        width:100%;
        float:left;
        box-shadow: none;
    }
    .staff p.nom {
        font-size: 16px;
    }
    .staff p.fonction {
        font-size: 13px;
        line-height:17px;
    }
}

@media only screen and (max-width: 767px) {
    .staff {
      /*  height:auto;
        min-height: 100px; */
        width:45%;
        margin-right:1%;
        text-align:center;
        padding-bottom: 10px;
        float:left;
    }
    .staff .picto {
        height:100px;
        width:25%;
        float:left;
        box-shadow: none;
    }
}
@media only screen and (max-width: 640px) {
    .staff {
        height:auto;
        width:100%;
        text-align:center;
        padding-bottom: 10px;
    }
    .staff .picto {
        height:120px;
        width:25%;
        float:left;
        box-shadow: none;
    }
}
@media only screen and (max-width: 480px) {
    .staff {
        height:auto;
        width:100%;
        text-align:center;
        padding-bottom: 10px;
    }
    .staff .picto {
        height:150px;
        width:30%;
        float:left;
        box-shadow: none;
    }
    .staff p.nom { margin-top: 10px; }
}
@media only screen and (max-width: 320px) {
    .staff .picto {
        width:100%;
        height:250px;
    }
}

/*  Bloc pour trombinoscope joueurs
-----------------------------------*/
.titre_poste {
    border: 1px solid transparent;
    box-shadow: none;
    height:40px;
    background-color:#ddd;
    padding:0;
    width:100%;
    margin:0;
    margin-bottom: 10px;
    float:left;
    text-align:center;
}
.trombi {
    border: 1px solid white;
/*    border: 1px solid black;
    box-shadow: 1px 1px 3px black; */
    box-shadow: none;
    margin-bottom: 10px;
    height:200px;
    background-color:#eee;
    padding:0;
    width:95px;
    margin-right:1%;
    float:left;
    overflow:hidden;
}
.trombi:hover {
    background-color:#aaa;
    border: 1px solid white;
    cursor: pointer;
}
.trombi .picto {
    width:100%;
    height:145px;
}
.trombi p small {
    font-size:14px;
    line-height: 17px;
    display:inline-block;
}

.titre_poste p.nom,
.trombi p.nom {
    font-family: 'Open Sans', arial;
    font-size: 14px;
    font-weight:bold;
    line-height:20px;
    margin: 0;
    margin-top:5px;
    text-align:center;
    padding:0 3px;
}

.trombi_staff {
    border: 1px solid white;
/*    border: 1px solid black;
    box-shadow: 1px 1px 3px black; */
    box-shadow: none;
    margin-bottom: 10px;
    height:200px;
    background-color:#eee;
    padding:0;
    width:95px;
    margin-right:1%;
    float:left;
    overflow:hidden;
}
.trombi_staff:hover {
    background-color:#aaa;
    border: 1px solid white;
    cursor: pointer;
}
.trombi_staff .picto {
    width:100%;
    height:145px;
}
.trombi_staff p.nom {
    font-family: 'Open Sans', arial;
    font-size: 12px;
    font-weight:bold;
    line-height:14px;
    margin: 0;
    margin-top:5px;
    text-align:center;
    padding:0 3px;
}
.trombi_staff p {
    font-family: 'PT Sans', arial;
    font-size: 14px;
    font-weight:normal;
    line-height:14px;
    margin: 0;
    margin-top:5px;
    text-align:center;
    padding:0 3px;
}


/*  Bloc Calendrier / Résultat
------------------------------------*/
.agenda {
    width:99%;
    border:1px solid darkgrey;
    border-radius: 10px;
    box-shadow: 2px 2px 3px black;
    overflow: hidden;
    height:80px;
    margin-bottom: 10px;
    background-color: white;
}
.agenda .zn_jour {
    float:left;
    padding:0;
    margin:0;
    height:80px;
    width:13%;
    font-family: 'Open Sans', arial;
    font-size: 16px;
    box-shadow: 0px 2px 3px black;
    text-align: center;
    background-color: darkred;
    color: white;
    padding-top:15px;
}
.agenda .jour_A {
    background-color: grey;
    color: white;
}
.agenda .jour_Q {
    background-color: #0061a7;
    color: white;
}
.agenda .jour_vic {    background-color: darkgreen;    color: white; }
.agenda .jour_def {    background-color: darkred;    color: white; }
.agenda .jour_nul {    background-color: #FFA500;    color: white; }

.agenda .zn_jour .agd_down:hover { cursor: pointer; }
.agenda .zn_jour .agd_up:hover { cursor: pointer; }
.agenda .zn_jour .agd_up { display:none; }
.agenda .zn_jour small {
    font-family: 'PT Sans', arial;
}
.agenda .zn_jour b {
    font-size: 20px;
}
.agenda .content {
    float:left;
    width:87%;
    padding:0;
    margin:0;
}
.agenda .content .date {
    font-family: 'PT Sans', arial;
    font-size: 16px;
    text-align:center;
    font-weight: bold;
    margin-bottom: 10px;
}
.agenda .content .equipe_L {
    font-family: 'PT Sans', arial;
    font-size: 18px;
    float:left;
    width:35%;
    text-align:right;
}
.agenda .content .equipe_L img.blason {
    margin: 0 5px;
/*    height: 40px; */
    width: 20%;
    margin-top: 5px;
    float: right;
}
.agenda .content .equipe_L span {
    margin-top: 10px;
    display: block;
    float: right;
    text-align:right;
    white-space: normal;
    width: 75%;
}
.agenda .content .score2,
.agenda .content .score {
    font-family: 'Open Sans', arial;
    font-weight: bold;
    font-size: 24px;
    float:left;
    width:29%;
    text-align:center;
    border:1px solid transparent;
    border-bottom:3px solid transparent;
}
.agenda .content .score:hover { border:1px solid white; border-bottom:3px solid white; cursor:pointer; background-color:#ccc; }
.agenda .content .equipe_V {
    font-family: 'PT Sans', arial;
    font-size: 18px;
    float:left;
    width:35%;
    text-align:left;
}
.agenda .content .equipe_V img.blason {
    margin: 0 5px;
/*    height: 40px; */
    width: 20%;
    margin-top: 5px;
    float: left;
}
.agenda .content .equipe_V span {
    margin-top: 10px;
    display: block;
    float: left;
    text-align:left;
    white-space: normal;
    width: 75%;
}
.agenda .content .resultats {
    margin-top:10px;
    text-align:center;
    font-family: 'PT Sans', arial;
    font-size: 16px;
}
.agenda .content .resultats hr { margin:2px 10%; color: grey; }
.agenda .content .resultats .eq_L { width:40%; text-align: right; float:left; }
.agenda .content .resultats .eq_V { width:40%; text-align: left; float:left; }
.agenda .content .resultats .score2,
.agenda .content .resultats .score {
    float:left;
    width:19%;
    text-align:center;
    font-family: 'PT Sans', arial;
    font-size: 16px;
    font-weight: bold;
}

@media only screen and (max-width: 1024px) {
    .agenda .content .equipe_L,
    .agenda .content .equipe_V {
        font-family: 'PT Sans', arial;
        font-size: 16px;
    }
}
@media only screen and (max-width: 640px) {
    .agenda .content .equipe_L,
    .agenda .content .equipe_V {
        font-family: 'PT Sans', arial;
        font-size: 12px;
    }
    .agenda .content .resultats { margin-top:0px; }
    .agenda .content .resultats .score2 {
        font-size:12px;
    }
    .agenda .content .date {        font-size:11px;    }
    .agenda .content .equipe_L span {
        float: left;
        text-align: left;
        padding-left: 5px;
    }
    .agenda .content .equipe_V span {
        float: right;
        text-align: right;
        padding-right: 5px;
    }

}
@media only screen and (max-width: 480px) {
    .agenda .content img.blason { display:none; }
    .agenda .content span { line-height: 100%; }
    .agenda .content .score { font-size:18px; }
    .agenda .zn_jour b { font-family: 'PT Sans', arial;  font-size:14px; }
    .agenda .content .resultats .eq_L { font-size:12px; }
    .agenda .content .resultats .eq_V { font-size:12px; }
    .agenda .content .resultats .score { font-size:14px; }
    .agenda .content .resultats { margin-top:25px; }
}

.classement {
    width: 100%;
    font-family: 'PT Sans', arial;
    font-size: 14px;
}
.classement thead { background-color: black; color: white; padding:2px 5px; text-align:center; }

.classement tr td { border-bottom: 1px solid #cdcdcd; padding:5px; text-align:center;}
.classement tr td.blason { width:30px; }
.classement tr td.blason img { width:100%; }
.classement tr td.num0 {
    background-color: #0061a7; color: white;  width:30px; font-weight:bolder; font-size:1.2em;
}
.classement tr td.num1 {
    color: black; font-weight:bold;  width:30px; font-size:1.2em;
    border-left: 1px solid black;
    border-right: 1px solid #777;
}
.classement tr td.num2 {
    color: #333;  width:50px;
    border-left: 1px solid black;
}
.classement tr td.num3 {
    color: #333;   width:30px;
    border-left: 1px solid #777;
}
.classement tr td.titre {
    color: #333; text-align:left;
}
.classement tr td.mon_club {
    background-color:#aaa;
    color: #000;
}
@media only screen and (max-width: 640px) {
    .classement tr td.blason { width:0px; padding:0; }
    .classement tr td.blason img { display:none; }
}



/* --------------------------------------------------
    Rencontre détaillée
-----------------------------------------------------*/
.rencontre {

}
.rencontre .tete {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background-color:black;
    padding:10px;
    color:white;
    font-family: 'Open Sans', arial;
    font-size: 24px;
    font-weight: bold;
}
.rencontre .tete .club { margin:0; width:50%; text-align:center; padding:0; float:left; }
.rencontre .panneau {
    background: url(../images/fond_match.jpg) bottom center;
    background-size: cover;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    color: white;
    padding:10px 5px;
}
.rencontre .panneau .equipe_L img.blason,
.rencontre .panneau .equipe_V img.blason {
    margin: 0 5px;
    height: 140px;
    margin-top: 0px;
}
.rencontre .panneau .equipe_L img.blason {
    float: right;
    height: auto;
    width:95%;
    max-width:150px;
}
.rencontre .panneau .equipe_V img.blason {
    float: left;
    height: auto;
    width:95%;
    max-width:150px;
}

.rencontre .panneau .equipe_V span,
.rencontre .panneau .equipe_L span {
    margin-top: 5px;
    display: block;
}
.rencontre .panneau .equipe_L span {
    float: right;
    text-align:right;
}
.rencontre .panneau .equipe_V span {
    float: left;
    text-align:left;
}

.rencontre .panneau .equipe_V,
.rencontre .panneau .equipe_L {
    font-family: 'PT Sans', arial;
    font-size: 18px;
    float:left;
    width:35%;
}
.rencontre .panneau .equipe_L {
    text-align:right;
}
.rencontre .panneau .equipe_V {
    text-align:left;
}

.rencontre .panneau .score {
    font-family: 'Open Sans', arial;
    font-weight: bold;
    font-size: 36px;
    float:left;
    width:21%;
    margin:0 4%;
    margin-top:40px;
    text-align:center;
    border:1px solid transparent;
    border-bottom:3px solid transparent;
    background-color: #0061a7;
    color: white;
}
@media only screen and (max-width: 640px) {
    .rencontre .tete .club {
        font-size: 13px;
    }

    .rencontre .panneau .equipe_L img.blason,
    .rencontre .panneau .equipe_V img.blason {
        height: auto;
        width:95%;
    }
    .rencontre .panneau .score {
        font-size: 16px;
    }
}
.rencontre .panneau .score small {
    font-family: 'PT Sans', arial;
    font-weight: normal;
    font-size: 14px;
}
.rencontre .panneau .score .chrono {
    font-family: 'PT Sans', arial;
    font-weight: normal;
    font-size: 16px;
    margin:0;
    padding: 5px;
    text-align:center;
    }
.rencontre .stats {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    padding:10px;
    background-color: white;
    color:black;
    font-family: 'Open Sans', arial;
    font-size: 14px;
    margin:3px 0;
    border:1px solid black;
    margin-top:-2px;
}
.rencontre .composition {
/*    background:white url(../images/terrain.jpg) top center;
    background-size: cover; */
}

.rencontre .stats .titre {
    font-size: 20px;
    font-weight: bold;
    margin:0;
    padding:5px 10px;
    text-transform: uppercase;
    text-align:center;
}
.rencontre .stats .home_actus .titre {
    text-align:left;
    font-size: 18px;
}
.rencontre .stats .club_V span,
.rencontre .stats .club_L span
    { font-size:1.3em; font-weight: bold;
        margin:0; padding:0; margin-bottom:10px; display: block; text-decoration: underline; }

.rencontre .stats .club_L b,
.rencontre .stats .club_V b {
    font-weight: bold;
    font-size: 1.2em;
}
.rencontre .stats .club_L {
    border-right:2px solid black;
    text-align:right;
    width: 98%;
    padding:0;
    padding-right: 2%;
    margin:0;
}
.rencontre .stats .club_V {
    border-left:2px solid black;
    text-align:left;
    padding:0;
    width: 98%;
    padding-left: 2%;
    margin:0;
}
.rencontre .stats .picto { height:18px; }

.rencontre .stats blockquote {
    margin:0;
    padding: 5px 5px 5px 20px;
    font-family: 'PT Sans', arial;
    font-size: 12px;
}
.rencontre .stats .club_V blockquote {
    padding: 5px 20px 5px 5px;
}
.rencontre .stats blockquote b.cap {
    color: red;
    font-size: 1em;
}

.rencontre .statistiques { display: none; }
.rencontre .composition { display: none; }
.rencontre .points { display: none; }
.rencontre .resume { display: none; }
.rencontre .presse { display: none; }

.rencontre .pager {
    margin-top: 15px;
}
.rencontre .pager .pgtitre {
    float:left;
    padding: 5px 10px;
    border:1px solid grey;
    border-bottom:5px solid grey;
    font-family: 'Open Sans', arial;
    font-size: 14px;
    background-color: #ddd;
    color: grey;
}
.rencontre .pager .pgtitre .accordeon {
    float:right;
    margin-left:10px;
}
.rencontre .pager .pgtitre:hover {
    cursor:pointer;
    border-bottom:5px solid red;
}
.rencontre .pager .titre_open {
    background-color: #fff;
    color: black;
    border-bottom:5px solid red;
}

/* Perso pour temps fort */
.rencontre .points div.chrono {
    width: 40px;
    margin-right:10px;
    font-size:16px;
    background-color: darkred;
    border-radius: 5px;
    color:white;
    text-align:center;
    margin-bottom: 7px;
}
.rencontre .points  img.picto {
    width: 20px;
    margin-right:10px;
    margin-left:10px;
    height: auto;
}
.rencontre .points  div.texte {
    font-family: 'Open Sans', arial;
    font-size: 12px;
}

.rencontre .points .club_L div.chrono,
.rencontre .points .club_L img.picto,
.rencontre .points .club_L div.texte {  float: left; }

.rencontre .points .club_V div.chrono,
.rencontre .points .club_V img.picto,
.rencontre .points .club_V div.texte {  float: right; }

/* --------------------------------------------------
    Contact Form
-----------------------------------------------------*/
.contact-form {
    font-family: 'Open Sans', arial;
    font-size: 14px;
}
.contact-form label {
    font-family: 'PT Sans', arial;
    font-size: 14px;
    font-weight: bold;
    margin-top: 10px;
    text-align: right;
}
.contact-form fieldset { border:none; }
.contact-form fieldset p {
    font-family: 'PT Sans', arial;
    font-size: 11px;
}

.contact-form  textarea,
.contact-form  input {
    width: 95%;
    padding:7px 2%;
}
.contact-form  textarea { resize: vertical; }

.contact-form input[type:submit].suite  {
    font-family: 'Open Sans', arial; font-size:13px; font-weight:normal;
    padding: 5px 10px;
    display:block;
    border: none !important;
    text-decoration:none;
    width:120px;
    text-align:center;
    box-shadow: none !important;
    border-radius: none !important;
    }
.contact-form input[type:submit].suite:hover {
    background-color:#333; color:white;
    }


/* --------------------------------------------------
    Mises en pages -- Actus 
-----------------------------------------------------*/
.page .home_actus {
    background-color: transparent;
}
.page .home_actus .content .laune,
.page .home_actus .content .autre {
    background-color:white;
 /*   border:1px solid grey; */
    padding:0;
}
.page .home_actus .content .autre {
    margin:1%;
}

.page .home_actus .content .laune .titre {
    font-size: 18px;
}
@media only screen and (max-width: 959px) {
    .page .home_actus .content .laune .titre {
        font-size: 14px;
        line-height: 18px;
    }
}

.page .home_actus .content .autre .down {
    height:131px;
}
.page .home_actus .content .autre p.texte {
    font-size:13px;
}

.page .home_actus .content .laune .div_img {
    height: 250px;
}

.page .home_actus .content .autre .div_img {
    width: 100%;
    height: 150px;
    margin-bottom: 5px;
}

.page .home_actus .content .suite {
    font-family: 'Open Sans', arial; font-size:13px; font-weight:normal;
    padding: 5px 10px;
    display:block;
    border: none;  /* 1px solid #555;   */
    text-decoration:none;
    width:120px;
    text-align:center;
    }

.page .home_actus .content .suite {
    background-color: #dddddd;
}
.page .home_actus .content .laune .suite {
    margin: 0 10px 5px 10px;
}
.page .home_actus .content .autre .suite {
    margin: 0 auto 5px auto;
}

.page .home_actus .content .suite:hover {
    cursor: pointer;
    background-color:#333; color:white;
}


@media only screen and (max-width: 1024px) {
    .page .home_actus .content .laune p.texte { display: none; }
}

@media only screen and (max-width: 959px) {
    .page .home_actus .content .autre p.suite a,
    .page .home_actus .content .laune p.suite a {
        padding: 2px 0px;
        }
    .page .home_actus .content .autre .titre {
        font-size: 13px;
        line-height: 16px;
    }
    .page .home_actus .content .autre .down {
        height:155px;
    }
    .page .home_actus .content .autre p.date {
        font-family: 'PT Sans', arial;
        font-size: 12px;
    }
}
@media only screen and (max-width: 768px) {
    .page .home_actus .content .autre .down {
        height:auto;
    }
}

.home_actus .side_actus {
	padding: 10px;
}
.home_actus .side_actus .line_actus {
	padding: 0 5px;
}

.home_actus .side_actus .div_img {
    width: 100%;
    height: 90px;
    margin-bottom: 5px;
}
.home_actus .side_actus .titre {
	padding: 0;
	margin: 0;
	font-size: 13px;
	text-align: left;
	font-weight: bold;
}
.home_actus .side_actus .date {
	padding: 0;
	margin: 0;
	font-size: 11px;
	text-align: left;
}
.home_actus .side_actus .suite {
	margin: 0;
	font-size: 11px;
	text-align: right;
}
.home_actus .side_actus .line_suite {
	margin: 0;
	font-size: 11px;
	text-align: left;
}
.home_actus .side_actus .line_suite a {
	padding: 2px 5px;
	background-color: transparent;
}
.home_actus .side_actus .suite a {
	padding: 2px 5px;
	text-decoration: none;
}
.home_actus .side_actus .suite a:hover {
    cursor: pointer;
    background-color:#333; color:white;
}






.actualite {
    border-top: 1px solid darkgrey;
}
.actualite p.date em {
    font-family: 'PT Sans', arial;
    font-size: 13px;
    font-weight: normal;
}
.actualite div.bloc_photo  {
    margin-bottom:20px;
    margin-right:15px;
    width:50%;
    float:left;
    max-width:650px;
}
.actualite div.bloc_photo img {
    width:100%;
}
@media only screen and (max-width: 640px) {
    .actualite div.bloc_photo  {
        margin:0px 2% 20px;
        width:98%;
        float:none;
        max-width:none;
    }
}
.actualite div.bloc_photo p.comment {
    font-family: 'PT Sans', arial;
    font-size: 13px;
    margin: 5px 10px 0 0;
}
.actualite .bloc_resume {
    font-family: 'Open Sans', arial;
    font-size: 16px;
    font-weight: bold;
    padding: 0 0 0 15px;
}
.actualite p.lienretour a,
.actualite p.lien a {
    font-family: 'PT Sans', arial;
    font-size: 14px;
    color: #5C5C5C;
}
.actualite p.lienretour a:hover,
.actualite p.lien a:hover {
    color: darkred;
}
.actualite p.lien { /* float:left; */ }
.actualite p.lienretour { float:right; }

.actualite .bloc_PDF {
/*    background: url(../images/icone_PDF.png) top left no-repeat;
    background-size: 32px 32px; */
    height: 32px;
}
.actualite .bloc_PDF a {
/*     margin-left: 40px; */
    font-family: 'PT Sans', arial;
    font-size: 15px;
    color: darkred;
    font-weight: bold;
    text-decoration: none;
}
.actualite .bloc_PDF a:hover {
    text-decoration: underline;
}

/* --------------------------------------------------
    Pagination
-----------------------------------------------------*/
.pagination {
    margin: 10px;
}
.pagination li {
    list-style: none;
    display: block;
    float:left;
    margin-right:3px;
    padding:3px;
    width: 32px;
    font-family: 'PT Sans', arial;
    font-size: 14px;
    background-color: #aaf;
    color: black;
    border:1px solid transparent;
    border-radius: 5px;
    text-align:center;
}
.pagination li:hover {
    border:1px solid red;
    background-color: #afa;
    cursor: pointer;
}
.pagination li.active {
    border:1px solid transparent;
    background-color: darkred;
    color:white;
    cursor: pointer;
}

/* --------------------------------------------------
    Galeries
-----------------------------------------------------*/
.galerie {
    width:100%;
}
.galerie .album {
    margin: 0;
    margin-bottom:10px;
    margin-right:1%;
    width:18%;
    padding: 0;
    box-shadow: 1px 1px 2px black;
    float:left;
    border: 2px solid transparent;
    background-color: white;
}
.slide_photos .galerie .album {
    width:15%;
}

@media only screen and (max-width: 640px) {
    .galerie .album {
        width:47%;
    }
}

.galerie .album p {
    margin:0;
    text-align: center;
    padding:3px 5px;
    font-family: 'PT Sans', arial;
    font-size: 13px;
    height:16px;
    overflow:hidden;
}
.galerie .album p b {
    font-size: 15px;
}
.galerie .album p.link:hover { cursor: pointer; background-color:#e95d0e; color:white; }
.galerie .album .preview { border: 2px solid transparent; }
.galerie .album .preview:hover { cursor: pointer; border: 2px solid #e95d0e; }

.photo_preview {
    display:none;
    position:fixed; top:0; left:0; margin:0; padding:0;
    width:100%; height:100%;
    background-color:rgba(0,0,0, 0.9);
}
.photo_preview #ecran {
    width:80%; height:80%; margin-top:5%; margin-left:10%; color:white;
    display:block;
}
.photo_preview #masquer {
    color:black; text-align:center;
    background-color:white;
    padding:3px 10px;
    display:block;
    margin:3px 0 0 0;
    font-family: 'Open Sans', arial;
    font-size: 13px;
    font-weight: bold;
}
.photo_preview #masquer:hover {
    cursor:pointer;
    color:darkred;
    }

.player_video {
    display:none;
    position:fixed; top:0; left:0; margin:0; padding:0;
    width:100%; height:100%;
    background-color:rgba(0,0,0, 0.9);
    }
.player_video .iframe {
    width:80%; height:60%; margin-top:5%; margin-left:10%; color:white;
    display:block;
    text-align:center;
    }
.player_video .iframe iframe {
    margin:0 auto;
    }
.player_video .comment {
    margin:10px 0 0 0;
    color: white;
    font-family: 'Open Sans', arial;
    font-size: 15px;
    padding:3px 10%;
    display:block;
    text-align:center;
}
.player_video span {
    color:black; text-align:center;
    background-color:white;
    padding:3px 10px;
    display:block;
    margin:10px 0 0 0;
    font-family: 'Open Sans', arial;
    font-size: 13px;
    font-weight: bold;
    }
.player_video span:hover {
    cursor:pointer;
    color:darkred;
    }


/* --------------------------------------------------
    Pied de page
-----------------------------------------------------*/

/* --------------------------------------------------
    Page Mentions légales
-----------------------------------------------------*/
.mentions {
    text-align:justify;
    padding: 0px;
    color: black;
    width: 94%;
    min-width: 300px;
    margin: 0 auto;
    padding-left:5%;
    padding-right:1%;
    overflow: auto;
}
.mentions h1 {
    font-family: 'Open Sans', arial;
    font-size:24px;
}
.mentions h2 {
    font-family: 'Open Sans', arial;
    font-size:20px;
}
.mentions p {
    font-family: 'Open Sans', arial;
    font-size:14px;
}
.mentions p.cg {
    font-family: 'Open Sans', arial;
    font-size:12px;
}
.mentions img {
    height:32px;
    width: auto;
}
.mentions a {
    text-decoration: none;
}
@media only screen and (max-width: 1024px) {
    .mentions {
        overflow: visible;
        width: 90%;
        padding-right: 5%;
    }
}

/* --------------------------------------------------
    Zone message erreur
-----------------------------------------------------*/
.div_error {
    font-family: 'Open Sans', arial;
    font-size:16px;
    color: darkred;
    color: black;
    padding:5px 1%;
    width: 98%;
    margin-top:10px;
}
.div_ok {
    font-family: 'Open Sans', arial;
    font-size:16px;
    color: darkgreen;
    padding:5px 1%;
    width: 98%;
    margin-top:10px;
}




#form label {
    width: 30%;
    float:left;
}
#form div.fields {
    width: 68%;
    float:right;
    margin-bottom: 10px;
}

#form textarea,
#form input {
    width: 98%;
    padding:3px 1%;
    border: 1px solid darkgrey;
    border-radius: 5px;
}
#form textarea {
    resize: vertical;
}


.div_map iframe {
/*    height: 600px; */
}


/* -------------------------------------------------------------------
    Plug-in Méteo
 ------------------------------------------------------------------- */
.div_meteo {
    border-radius:10px;
    border: 1px solid black;
    width:98%;
    text-align:center;
    line-height:18px;
    padding: 0;
    margin:0px 1%;
    margin-bottom: 5px;
}
.div_meteo .div_ciel {
    float:left;
    margin:0px 1% 0 0;
    width:35%;
    border-top-left-radius:10px;
    border-bottom-left-radius:10px;
}
.div_meteo .div_ciel img {
    width:100%; margin:0 0 10px !important;
}
.div_meteo .div_prevision {
    float:left;
    margin:0;
    width:63%;
    padding:10px 1% 0 0;
    font-size:14px;
    font-family: 'Open Sans', arial;
}
.div_meteo .div_prevision .div_datas {
    margin-top:10px;
}
.div_meteo .div_prevision span.ville {
    font-size:16px;
    font-weight:bold;
    text-transform: uppercase;
}
.div_meteo span.temp {
    font-family: 'Open Sans', arial;
    margin-top:5px;
    margin-bottom:10px;
    font-size:26px;
    font-weight:bold;
    display:block;
}
.div_meteo .div_prevision span.bilan {
    font-size:13px;
    font-weight:normal;
    line-height: 19px;
    display:block;
}
.div_meteo .div_prevision span.maj {
    font-family: arial;
    font-size: 10px;
}
.meteo_footer {
    line-height:13px;
    font-size:10px;
    font-family: 'Open Sans', arial;
    padding:0;
    margin:0;
    color: black;
    text-align: center;
    display: block;
    margin-top:10px;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
    .div_meteo span.temp {
        font-size: 18px;
    }
    .div_meteo .div_prevision span.ville {
        font-size: 13px;
    }
    .div_meteo .div_ciel {
        width: 32%;
    }
    .div_meteo .div_prevision span.bilan {
        font-size: 12px;
    }
}






.large_submenu_btns,
.slideshow_submenu {  display:none !important;    }

@media only screen and (max-width: 1280px) {
    .home_actus .content .breves p.date {
        width: 16%;
    }
    .home_actus .content .breves p.texte {
        width: 84%;
    }
    .large_submenu_btns { display:block !important; }
    .large_submenu_btns .btn {
        width:30%; margin:5px 1%;
        float:left;
    }

    .next_match_btns { display:none; }

}
@media only screen and (max-width: 1024px) {
    .home_actus .content .breves p.date {
        width: 20%;
    }
    .home_actus .content .breves p.texte {
        width: 80%;
    }
    .countdownHolder {
        font: 16px 'Open Sans Condensed',sans-serif;
        letter-spacing: -2px;
    }
    .countDiv {
        width: 14px;
    }
    .large_submenu_btns {  display:none !important;    }
    .slideshow_submenu { display:block !important; }
    .next_match_btns { display:none; }

}

@media only screen and (min-width: 768px) and (max-width: 959px) {
    .countdownHolder {
        font: 16px 'Open Sans Condensed',sans-serif;
        letter-spacing: -2px;
    }
    .countDiv {
        width: 10px;
    }
    .digit {
        width: 20px;
    }
    .position {
        width: 21px;
    }

}



/* ---------------------------------
    Images de fond de DIV
 ----------------------------------- */
.fond_1 {
    background: #fff url(../ban_acc.jpg) bottom center no-repeat;
    background-size: cover;
}
.fond_1 .next_match,
.fond_1 .content { background-color: transparent; color: #022f68; }

@media only screen and (min-width: 1381px)  {
    .fond_1 { height: 400px;  }
    .fond_1 h2 { font-size:1.5em !important;  }
    .fond_1 .equipe { font-size:1.3em !important;  }
}
@media only screen and (min-width: 1600px)  {
    .fond_1 { height: 500px;  }
    .fond_1 h2 { font-size:2.0em !important;  }
    .fond_1 .equipe { font-size:1.6em !important;  }
}


/* Back to Top */
#backtotop {
    z-index:999; display:inline-block; position:fixed; visibility:hidden;
    bottom:20px; right:20px; width:36px; height:36px; line-height:36px;
    font-size:16px; text-align:center; opacity:.2;
    text-decoration:none;
    color: #0061a7;
    background-color: #e95d0e;
    }
#backtotop i{display:block; width:100%; height:100%; line-height:inherit;}
#backtotop.visible{visibility:visible; opacity:.5;}
#backtotop:hover{opacity:1;}




.raccourcis {
    display:none;
    padding: 5px 10px;
    font-size: 14px;
}
.raccourcis p {
    display: inline;
    margin-right:10px;
}
.raccourcis p.titre {
    padding: 3px 10px;
    background-color: #0061a7;
    color: white;
    font-weight: bold;
    font-size:18px;
    font-family: 'Open Sans', arial;
}
.raccourcis p.titre:hover {
    padding: 3px 10px;
    color: #0061a7;
    background-color: lightgrey;
}
.raccourcis p.btn {
    font-size:12px;
    line-height:25px;
}




/* ---------------------------------------------------
// Personnalisation de la Boutique
// --------------------------------------------------- */

.boutiq {
    border: 1px solid white;
/*    border: 1px solid black;
    box-shadow: 1px 1px 3px black; */
    box-shadow: none;
    margin-bottom: 10px;
    height:200px;
    background-color:#eee;
    padding:0;
    width:235px;
    margin-right:10px;
    float:left;
    overflow:hidden;
}
.boutiq:hover {
    background-color:#aaa;
    border: 1px solid white;
    cursor: pointer;
}
.boutiq .picto {
    width:100%;
    height:140px;
}
.boutiq p.titre {
    font-family: 'Open Sans', arial;
    font-size: 14px;
    font-weight:bold;
    line-height:20px;
    margin: 0;
    margin-top:5px;
    text-align:center;
    padding:0 3px;
}
.boutiq p.prix {
    font-family: 'Open Sans', arial;
    font-size: 24px;
    font-weight:bold;
    line-height:20px;
    margin: 0;
    margin-top:5px;
    text-align:center;
    padding:0 3px;
}

.boutiq_detail {
    width:100%;
    margin: 0;
    padding-left: 20px;
}
.boutiq_detail h1 {
    font-family: 'Open Sans', arial;
    font-size: 24px;
    font-weight:bold;
    margin: 10px 0;
}
.boutiq_detail h5 {
    font-family: 'Open Sans', arial;
    font-size: 13px;
    font-weight:normal;
    font-style: italic;
    color: darkred;
    margin: 10px 0;
}
.boutiq_detail_img {
    width: 99%;
    box-shadow: 2px 2px 3px black;
}
.boutiq_detail blockquote {
    font-family: 'Open Sans', arial;
    font-size: 13px;
    font-weight:normal;
    padding: 5px 5px 5px 20px !important;
    background-color: #eee;
    border-left: 4px solid #ADD8E6;
}
.boutiq_detail p.prix {
    margin: 0;
    padding: 0;
    font-family: 'Open Sans', arial;
    font-size: 24px;
    font-weight:bold;
    color: red;
}
.boutiq_detail p.prix span {
    font-size: 13px;
    font-weight:normal;
}





/* ---------------------------------------------------
// Personnalisation du catalogue Equipes
// --------------------------------------------------- */

.CATA_EQ {
    border: 1px solid white;
/*    border: 1px solid black;
    box-shadow: 1px 1px 3px black; */
    box-shadow: none;
    margin-bottom: 10px;
    height:200px;
    background-color:#eee;
    padding:0;
    width:235px;
    margin-right:10px;
    float:left;
    overflow:hidden;
}
.CATA_EQ:hover {
    background-color:#aaa;
    border: 1px solid white;
    cursor: pointer;
}
.CATA_EQ .picto {
    width:100%;
    height:140px;
}
.CATA_EQ p.titre {
    font-family: 'Open Sans', arial;
    font-size: 14px;
    font-weight:bold;
    line-height:16px;
    margin: 0;
    margin-top:5px;
    text-align:center;
    padding:0 3px;
}
.CATA_EQ p.stitre {
    font-family: 'Open Sans', arial;
    font-size: 12px;
    font-weight:bold;
    line-height:14px;
    font-style: italic;
    margin: 0;
    margin-top:5px;
    text-align:center;
    padding:0 3px;
}



#HM_resultats div.content { padding:0; background-color:transparent; }

.slideshow .next_slide {
    position:absolute;
    right:33px;
    width:100px;
    background: rgba(0,0,0, 0.3) url('../images/fleche_actus.png') top center no-repeat;
    background-size: 100% 100%;
    opacity: 0.1; 
}
.slideshow .next_slide:hover {  opacity: 1; }