body {  font-family: "Roboto",sans-serif;  font-size: 1rem;  font-weight: 300;  font-style: normal;  line-height: 1.45em;
    text-transform: none;   letter-spacing: 0.42px; font-size: 105%;  font-style: inherit;
    -ms-word-wrap: break-word;    word-wrap: break-word; position: relative; color: #585858;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, input, textarea, button, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, address, section, video, audio {
    border: 0;    outline: 0;    -ms-word-wrap: break-word;    word-wrap: break-word;}
.container {width: 1170px; margin: 0 auto; }
img{border:0; max-width:100%; height: auto;} #map{ max-width:100% ;} #map img{  max-width: none !important;}
.width100pc{width:100%;} .invisible{display:none;}


main a{  color: #585858; text-decoration: none}
.page-int main a{ color:#1CB900}
main a:hover{ text-decoration: underline}
main p{ margin:.6em 0}
h1{ font-size:260%;  text-transform: uppercase; font-weight:700; 
  margin:.8em 0 .6em 0; color:#1e1e1e; line-height: 110% ; }
h2{ font-size:220%; margin:.5em 0; color:#1CB900; line-height: 120% ; font-style: italic}
h3{ font-size:180%; color:#1e1e1e; margin:.5em 0; line-height: 130% ;}
h4{ font-size:1.25em; margin:.1em 0 .2em 0; color:#1d1d1d}
h4 a{ color:#1d1d1d}
.titre1{ color:#ffffff; font-size:120%; text-transform: uppercase; font-weight:bold}
.legende{ font-size:90% ; color:#555555; }
.image_ombree{ width:auto; }
.image_ombree img{box-shadow:0px 0px 4px #545454; -moz-box-shadow:0px 0px 4px #545454; -webkit-box-shadow:0px 0px 4px #545454; }
ul.enligne, .enligne{margin:0; padding:0; list-style-type:none; }
ul.enligne li, .enligne a{ list-style-type:none; margin:0; padding:0; display:inline; }
.invisible{display:none;}
b, strong, legend{ color:#1e1e1e; font-weight: 700}

.invisible{display:none;}
.notxt{font-size:0px; color:transparent;}
.accordion .contenu-bloc{display:none; position:relative; z-index:2}
.accordion .btn-bloc{cursor:pointer; position:relative; z-index:3}
.titre-maj{ color:#3C5A96; font-family: 'Roboto Condensed'; font-weight: 700 ; text-transform: uppercase;
font-size:440%; margin:.4em 0 0 0; display: inline-block; letter-spacing: -0.8px;}
.titre-min{  color:#686868; font-family: 'Roboto Condensed'; font-weight: 700 ; font-size:360%; 
  font-style: italic; margin:.1em 0 0 0; display: inline-block; letter-spacing: -1.85px; }
.img-spe .image_droite{ position:relative; }
.img-spe .image_droite img{ position:relative; z-index: -2;}
.img-spe .image_droite::before{ content: ''; background: #ffffff; display: block;
  -webkit-transform: skew(-11.5deg, 0);-ms-transform: skew(-11.5deg, 0);transform: skew(-11.5deg, 0);
position: absolute;z-index: -1;top: -5px;right: 90%;bottom: -5px;left: -10%;}
.img-spe .image_gauche{ position:relative; }
.img-spe .image_gauche img{ position:relative; z-index: -2;}
.img-spe .image_gauche::before{ content: ''; background: #ffffff; display: block;
  -webkit-transform: skew(-11.5deg, 0);-ms-transform: skew(-11.5deg, 0);transform: skew(-11.5deg, 0);
position: absolute;z-index: -1;top: -5px;left: 90%;bottom: -5px;right: -10%;}


/* header */
.header{ position:relative; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3c5a96+0,3c5a96+100&1+0,0.2+100 */
background: -moz-linear-gradient(top,  rgba(60,90,150,1) 0%, rgba(60,90,150,0.2) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(60,90,150,1) 0%,rgba(60,90,150,0.2) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(60,90,150,1) 0%,rgba(60,90,150,0.2) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3c5a96', endColorstr='#333c5a96',GradientType=0 ); /* IE6-9 */
width:100%; float:left}


/* bandeau */
#bandeau{ height:54vh; z-index:0; position:relative; width:100%; float:left; overflow: hidden;
min-height:210px}
.bandeau{background-repeat: repeat-x; background-position: center center; background-size:cover;}

/* diaporama */
#diaporama{  height:85vh; z-index:0; position:relative; width:100%; float:left; overflow: hidden}
.bis_image{position:absolute; bottom:0; right:0; left:0; top:0;  width:100%; text-align:center; z-index:14;background-repeat:no-repeat; background-position:center center; background-size:cover;}
#bis_container{ position:absolute; bottom:0; right:0; left:0; top:0;  text-align:center; }
#bis_caption{ /*display:none;*/position:absolute; bottom:25%; left:60px; right:60px }
.bis_title{ color:#fff; font-size:260%; text-shadow: 0 1px 4px rgba(0,0,0,0.9); margin:0; }
.bis_title a, #firstline, #secondline{ color:#fff;}
#firstline, #secondline{ font-size:130%; text-shadow: 0 0 8px rgba(0,0,0,1); 
text-shadow: 2px 0 0 rgba(0,0,0,.3), -2px 0 0 rgba(0,0,0,.3), 0 2px 0 rgba(0,0,0,.3), 0 -2px 0 rgba(0,0,0,.3), 1px 1px 0 rgba(0,0,0,.3), -1px -1px 0 rgba(0,0,0,.3), 1px -1px 0 rgba(0,0,0,.3), -1px 1px 0 rgba(0,0,0,.3), 1px 1px 5px rgba(0,0,0,.3); }
/*puces*/
#bis_nav{ text-align:center; z-index:20;}
#bis_position{ display:none;float:left}
*+html .thumbNav li, *+html .thumbNav a{float:left; display:block;}
ul.thumbNav{padding:0; margin:0; list-style-type:none; text-align:center}
.thumbNav a{cursor:pointer; border-radius:10px; -webkit-box-shadow: 0 0 3px 1px rgba(0,0,0,0.2);
box-shadow: 0 0 3px 1px rgba(0,0,0,0.2); overflow:hidden; text-indent:-1000px;  border:1px solid #ffffff;
  color:transparent; width:16px; height:16px; line-height:16px; display:block; margin:4px;}
.jFlowSelected, .thumbNav a:hover, .thumbNav a.cur{ background:#fff; }
.thumbNav li{list-style-type:none; padding:0; display:inline-block}
/*fleches*/
#bis_next, #bis_back{width:40px; height:80px; float:left;position:absolute; bottom:38%; 
z-index:2; cursor:pointer; opacity:1;  text-align:center;}
#bis_next:before{ content: url(/charte/right.png);  }
#bis_back:before{ content: url(/charte/left.png);   }
#bis_next{ right:20px }
#bis_back{ left:20px }
#bis_next:hover, #bis_back:hover{opacity:0.8;}
/* titre slider */
.titre-slide{ position:absolute; bottom:38%; left:60px; right:60px;  }
.txt-slide1{font-size:140% }
.txt-slide2{font-size:120%;margin-right:-18vw }
.titre-slide .titre-min{ color:#ffffff}
.titre-slide .titre-min-color{ color: #3C5A96;}
.titre-slide .titre-maj{ letter-spacing: -2px; }

.top-line{ position: fixed; top:0; left:0; right:0; padding:30px 0; z-index:2000; transition: all 0.4s;}
#logo{ float:left; margin:5px 10px 5px 50px}
.slogan{ color:#ffffff; font-family: 'Roboto Condensed'; font-style: italic; font-size:140%; text-align:right}
.festif{ float:left; margin:0 10px 5px 10px}
/* scroll */
.scroll .top-line{-webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2); -ms-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2); background: #ffffff; padding:10px 0 5px 0; transition: all 0.4s;}
.scroll #logo img{ height:70px; }
.scroll .slogan{ font-size:100%; margin:0 10px 0 10px }
.scroll .festif img{ height:70px}
.scroll #menuH {   padding: 10px 20px 10px 10px;  }

/* MENU HAUT */ 
#menuH{ float:right; background: #ffffff; padding:8px 20px 12px 10px; position: relative}
#menuH::before{ content: ''; background: #ffffff; display: block;
  -webkit-transform: skew(-11.5deg, 0);-ms-transform: skew(-11.5deg, 0);transform: skew(-11.5deg, 0);
position: absolute;z-index: -1;top: 0;right: 4%;bottom: 0;left: -2%;}
nav{ z-index:11; position:relative; color: #ffffff; height: auto; text-align:center; float:right}
#menu{ width:100%; text-align:center; vertical-align: middle;display: table;  }
nav dl, nav dt, nav dd, nav ul, nav li{ margin:0; padding:0; list-style-type: none;}
nav dl { position:relative;  vertical-align: middle; display:table-cell;  }
nav dl dt a{display:block; color:#000000; padding:16px 8px 2px 8px; text-decoration:none; font-size:110%;
background-repeat:no-repeat; background-position:center 6px; border-bottom: 3px solid #000000;
font-weight: 700;font-style: italic;letter-spacing: 0.17px;}
nav dl.menu0active dt a, nav dl:hover dt a{ text-decoration:none; color:#1CB900; border-bottom: 3px solid #1CB900;  }

/*survol*/
nav dd{ position:absolute; height:0px;  overflow:hidden;  opacity:0;  z-index:200; top:100%; width:100%; min-width:180px;
left:0; background:#ffffff; padding:10px 0 5px 0; text-align:left;  }
nav dl:last-child dd{ left:auto; right:0}
nav dl:hover dd{ height:auto; opacity:1; overflow:visible; 
-moz-box-shadow: 0px 6px 6px 0px #333; -webkit-box-shadow: 0px 6px 6px 0px #333;
-o-box-shadow: 0px 6px 6px 0px #333;box-shadow: 0px 6px 6px 0px #333;
	-webkit-transition-duration: 1s;	-moz-transition-duration: 1s;	transition-duration: 1s;}
nav dd a{color:#000000; display:block; padding:8px 10px; font-size:95%; text-decoration:none; text-transform: none; 
  border-bottom:1px solid #000000; font-weight: 700; font-style: italic; letter-spacing: -0.25px;  }
nav dd a:hover{ color:#000000; border-bottom:1px solid #1CB900;}

/* moteur */
.z-form{float:right; width:50px; margin:10px}
.z-form form{margin:0 6px; position:relative; z-index:1000000}
.loupe{ background: url(/charte/ok.png) center center no-repeat}
.z-form.accordion .btn-bloc.icon{ height: 30px; width: 40px; }
.z-form .input-saisie{color:#999; border:none; width:160px; height:30px; text-indent:7px;  font-style:italic; 
 background:#fff}
.z-form .ok{position:absolute; right:5px; top:5px; background: #3C5A96; color:#ffffff; padding:2px 6px}
.z-form .contenu-bloc{ position:absolute; top:110%; right:0; z-index:1000; border:3px solid #3C5A96}

.bottom-line{ position: absolute; bottom:0; left:0; right:0; z-index:2; height:140px; overflow:hidden;
 /*! background-image: url(/charte/bottom-line.jpg); */  background-color: rgba(0,0,0,.3); background-position:right center; 
background-size: auto 100%; /*! display:none */}
.bloc-km { text-align: center; padding:30px 10px; height:170px;}
.bloc-km *{ color:#ffffff; text-decoration: none; font-family: 'Roboto Condensed'; font-style: italic; font-size:130%; 
font-weight: 700 ; display:none }
.bloc-km span{ display:none; }
.bloc-km a{ position: relative;z-index: 6; direction: block; }

/* compteur */
#compteur{ padding:20px 0; height:140px; }
.countdownHolder{	position: relative;z-index: 6;vertical-align:  text-bottom; text-align:center; color:#fff;  font-family: 'Roboto Condensed';
 font-style: italic;  font-weight:700;  }
span.digit{display:block; height:4vw; line-height:5vw; width:2vw; float:left; text-align:center; font-size:4vw}
.countDays{margin:0 0 0 25px; display:inline-block; width:6vw; text-align:center; overflow:hidden}
.countHours, .countMinutes, .countSeconds{margin:0 0 0 25px; display:inline-block; height:4vw; line-height:5vw; width:4vw; text-align:center; overflow:hidden}
.countdownDays, .countdownHours, .countdownMinutes, .countdownSeconds
{ display:inline-block; height:auto; line-height: normal;}

#compteur::before{ content: ''; background: rgba(0,0,0,.4); display: block;
  -webkit-transform: skew(-11.5deg, 0);-ms-transform: skew(-11.5deg, 0);transform: skew(-11.5deg, 0);
position: absolute;z-index: 1;top: 0;right: 4%;bottom: 0;left: -5%;}
.bloc-km3::before{ content: ''; background: rgba(0,0,0,.1); display: block;
  -webkit-transform: skew(-11.5deg, 0);-ms-transform: skew(-11.5deg, 0);transform: skew(-11.5deg, 0);
position: absolute;z-index: 1;top: 0;right: -5%;bottom: 0;left: -5000px;}
.bloc-km2::before{ content: ''; background: rgba(0,0,0,.2); display: block;
  -webkit-transform: skew(-11.5deg, 0);-ms-transform: skew(-11.5deg, 0);transform: skew(-11.5deg, 0);
position: absolute;z-index: 1;top: 0;right: -5%;bottom: 0;left: -5000px;}
.bloc-km1::before{ content: ''; background: rgba(0,0,0,.3); display: block;
  -webkit-transform: skew(-11.5deg, 0);-ms-transform: skew(-11.5deg, 0);transform: skew(-11.5deg, 0);
position: absolute;z-index: 1;top: 0;right: -5%;bottom: 0;left: -5000px;}

/* video */
.video{ width: 100%; float: left; height:35vw; min-height:360px}
.video img{ float: left; margin:0 10px 0 0}
.txt-video{font-family: 'Roboto Condensed'; font-weight: 700 ; float: left; margin-top:15px}
.titre-video{ font-size: 220%; color:#ffffff; display: block;margin:15px 0 }
.p-video{ font-style: italic; display: block; font-size: 150%; color: #000000}

#z-centrale{ padding:35px 0; width:100%; float:left}
.bloc-chiffre { padding-left: 15px !important;}
.bloc-chiffre p{ padding-bottom: 18px;}
.bloc-chiffre span{ display: inline-block; padding:0 5px; font-weight: 700}

/* FIL D'ARIANE */
#div_lien_yahoo{ padding:0 0 8px 0 }
.lien_yahoo, .lien_yahoo a, #div_lien_yahoo, .page-int main a.lien_yahoo {text-decoration:none; line-height:1em; font-size:90%; color:#545454; font-style:italic}
.page-int main a.lien_yahoo:last-child{ color: #1CB900;}

.footer{ width:100%; float:left;}
/* reseaux sociaux */
.reseaux-sociaux{ width:100%; float:left; background: #676767; text-align: center; padding:15px 0}
.reseaux-sociaux a{ padding:10px; display: inline-block; margin:0 25px}
.top-footer{  width:100%; float:left; background: #333 ;
background-size: 50% auto; padding:10px 0}
.top-footer{ color:#ffffff; font-family: 'Roboto Condensed'; font-weight: 700 ; text-decoration: none;}
.inscription{ font-style: italic;  width:100%; float:left;  }
.bloc-inscription span, .bloc-inscription img{ float:left; margin-right: 15px; font-size: 120%; padding:25px 0}
.btn{ color:#fff; display:inline-block; margin:30px; padding:6px 12px; position: relative; z-index:2 }
.btn::before{ content: ''; background: #1d1d1d; display: block;
  -webkit-transform: skew(-11.5deg, 0);-ms-transform: skew(-11.5deg, 0);transform: skew(-11.5deg, 0);
position: absolute;z-index: -1;top: 0;right: -5%;bottom: 0;left: -5%;}

.venir{ width:100%; float:left;  }
.venir a {width:100%;/*height:120px;*/line-height:120px;text-align:center; padding:15px 20px; display: inline-blockblock }
.venir a * { width:auto; padding:0 20px; vertical-align:middle;display:inline-block;
line-height:1.2; text-align: center; color:#fff; font-size:150% }
.venir a span {  color:#FFD800; font-size:150%; padding:0 }

.parcours{ width: 100%; float: left; padding:35px 0; position:relative; display: none}
.img-parcours{ background: url(/charte/parcours.jpg) center center no-repeat;background-size:cover;
position:absolute; right:0; top:60px ; width:38%; height:372px; overflow: hidden; z-index: -1;}
.image-bord-left{ position: absolute;
z-index: 11;right: auto;bottom: 0;height: 102%; left: -2px;top: -2px;}
.trx_addons_inline_1136822135 {    fill: #ffffff;}
.image-bord-left svg{ height:102%}

.bottom-footer{ width:100%; float:left; background: #1d1d1d; padding:30px 0}
.bottom-footer strong{ color:#ffffff}
.bottom-footer p{ color:#929292}
.bas-footer{ padding-right:40px !important;}
.bottom-footer li, .bottom-footer a{ color:#ffffff; text-decoration: none}
.bottom-footer ul{ padding-left:25px}
.bottom-footer li{ display : list-item;  padding:0 0 10px 0}
.votre-contact img{ margin: 0 6px 0 0}

.last-line{ width:100%; float:left; background: #fff; color:#000; overflow:hidden}
.copyright, #btn-up{ font-family: 'Roboto Condensed'; font-weight: 700 ; font-style: italic; 
  padding:25px 0; position: relative}
#btn-up::before{content: ''; background: #FFD800; display: block;
  -webkit-transform: skew(-11.5deg, 0);-ms-transform: skew(-11.5deg, 0);transform: skew(-11.5deg, 0);
position: absolute;z-index: 1;top: 0;right: -400%;bottom: 0;left: -30px;}
#btn-up span{ position: relative; z-index: 2; display:block; cursor: pointer}

/* MenuLat */
aside.col-md-3{ float:right; margin-bottom: 15px}
.haut_menuLat, .bas_menuLat, .Sous_menu_dyn_haut, .Sous_menu_dyn_bas{ display: none }
#menuLat{ background: #1e1e1e; padding:25px}
#menuLat *{color:#ffffff}
#titre_rub{font-size: 1.75em; font-style: italic;letter-spacing: 0.2px;margin-top: 0;
margin-bottom: 0.75em;text-transform: none;position: relative;display: inline-block;
font-weight: 700;}
.menuLat ul, .menuLat li { font-size: 100%;font-weight: 700;font-style: italic;
letter-spacing: 0.2px; }
.menuLat a { text-decoration: none; display: block; }
.menuLat ul{ padding-left:25px; width:100%; }
.menuLat li{ display : list-item;  padding:0 0 10px 0; }

main input, main textarea{    color: #ffffff;   border-color: transparent; margin:6px;
    background-color: #676767; padding: 0.5em 1em; font-family: "Roboto Condensed",sans-serif;
font-size: 1.125em;font-weight: 700;font-style: normal;line-height: normal;text-decoration: none;
text-transform: none;letter-spacing: 0.1px;  height:auto !important;
  -webkit-transform: skew(-12deg, 0);-ms-transform: skew(-12deg, 0);transform: skew(-12deg, 0);}
main .FormButton input{background: #3C5A96;}


.image_simple{ position: relative}
.legende .thickbox::after { content: url(/charte/ok.png); position: absolute;
 top: 42%;  width: 20px;  height: 20px; padding:15px; margin:auto; margin-left:-20px; margin-top:-20px;
    background: rgba(0,0,0,.6) ;  }
.legende .thickbox img{ display: none}
.legende a{ display: block; text-align: center}

/* liens utiles */
.lien-utile{ width:48%; float:left; margin:6px 2% 6px 0; padding:12px 2% 4px 2%; border:1px solid #1e1e1e ;
text-align:center; min-height:224px; vertical-align: middle}
.titre-lien-utile, .infos-lien-utile{ width:100%; float:left; font-weight: 700; font-size:110%}
.titre-lien-utile a{ color:#1e1e1e !important;  text-decoration:none !important;}
.image-lien-utile{ text-align:center; margin:0 0 5px 0;}
img.image-lien-utile{ width:auto; text-align:center; }
.voir-site{ float:left; width: 100%; margin:10px 0 7px 0; text-align: center;
  -webkit-transform: skew(-12deg, 0);-ms-transform: skew(-12deg, 0);transform: skew(-12deg, 0);}
.voir-site a{color: #ffffff !important;   border-color: transparent; margin:6px;
    background-color: #1e1e1e; padding: 0.3em 1em; font-family: "Roboto Condensed",sans-serif;
font-size: 1.125em;font-style: normal;line-height: normal;text-decoration: none;
text-transform: none;letter-spacing: 0.1px; }

/* Annuaire *//* Viticulteur */
.annuaire_resume_fiche{ width:48%; float:left; margin:6px 2% 6px 0; padding:12px 2% 4px 2%; border:1px solid #1e1e1e ;
text-align:center; min-height:290px; vertical-align: middle}
.domaine_viticulteur, .domaine_viticulteur h1{  font-weight: 700; font-size:110%; color:#1e1e1e}
.nom_viticulteur{ font-size:110%; color:#1e1e1e}
.suite_viticulteur a{ color:#3C5A96 !important; font-weight:700; text-decoration:none !important;}
.detail_viticulteur{ width:100%; float:left;}
.logo_viticulteur{ float:right;}
.annuaire_retour_icone{ width:100%; float:left; margin-bottom:20px;}
.annuaire_retour_icone a{  text-decoration:none !important;}
.annuaire_retour_icone a:after{ content:" < Retour "; padding:3px 15px; background:#aaaaaa; color:#ffffff; cursor:pointer; text-decoration:none !important;
border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; float:left}
.annuaire-sous-famille{ width:50%; float:left; margin:3px 0; min-height:30px;}

/*plan du site*/
.PLAN0 a, .PLAN1 a, .PLAN2 a, .PLAN3 a{text-decoration:none !important}
main .PLAN0{ padding-bottom:0.1em; margin-top:0.5em}
main .PLAN0 a{ font-size:140%; margin:.3em 0 .5em 0; color:#000000; font-weight: 700; }
main .PLAN0 a:before{ content:" "; width:28px; height:16px; background:#3C5A96; display:inline-block;  
margin-right:10px; -webkit-transform: skew(-11.5deg, 0);
-ms-transform: skew(-11.5deg, 0);
transform: skew(-11.5deg, 0);}
main .PLAN1{list-style-type:none; margin:5px 0; }
main .PLAN1, main .PLAN1 a{color:#000;}
main .PLAN1 a{font-size:1.05em; margin:4px 0; display:block; font-weight:300 }
main .PLAN2{list-style-type:disc; }
main .PLAN2 a{color:#333333; font-size:0.95em}
.PLAN3{list-style-type:disc; color:#aaa; margin:0; font-size:0.95em;}
.PLAN3 a{font-weight:normal; color:#333333; margin:1px 0;}
.PLAN4{list-style-type:disc; color:#CFDDEB; }
.PLAN4 a{color:#333333;  font-size:0.9em;}

/*menu pages connect?s*/
#menuPriv{border-radius:0;-moz-border-radius: 0;-webkit-border-radius: 0;-o-border-radius:0; text-align:center;
  background-color: #676767;padding: 0px 0 0px 10px; width:100%; float:left; margin:10px 0;
-webkit-transform: skew(-11.5deg, 0);-ms-transform: skew(-11.5deg, 0);transform: skew(-11.5deg, 0);}
#menuPriv ul{margin:0;padding:0}
#menuPriv li{display:inline-block; list-style-type: none;border-right:1px solid #fff;padding:0;margin:0;}
#menuPriv li.last{border-right:none;}
#menuPriv a{color:#fff;text-decoration:none;display:block;padding:10px 20px;font-weight:700}
#menuPriv a:hover, #menuPriv a.actif{background-color:#3C5A96;}

#menu-marathon a{  background-color: #676767; color:#ffffff; padding:10px 20px ; display: inline-block;
-webkit-transform: skew(-11.5deg, 0);-ms-transform: skew(-11.5deg, 0);transform: skew(-11.5deg, 0);}
#menu-marathon a:hover{ background-color:#3C5A96;}

.bt_modifier a{ background: #676767;  display: inline-block; padding:4px 80px; margin:5px 0; color:#ffffff !important; }
.bt_supprimer a{ background: red;  display: inline-block; padding:4px 80px; margin:5px 0; color:#ffffff !important; }


/* tableau */
table { border: 1px solid #aaa; margin: auto; border-collapse: collapse; max-width:100% !important }
th { border: 1px solid #fff; color: #ffffff;font-size: 1.2em;background-color: #676767; }
th *{ color: #ffffff; }
td { border: 1px solid #aaa;padding:5px  10px !important; vertical-align: middle; font-size:.95em }
td p{ margin:6px 0}
caption { font-weight: bold;font-size: 140%; color: #676767;margin-left: auto; margin-right: auto; margin-bottom: 4px; }


.error{ color:red;}

/* actu */
.actu{ width:100%; float:left; margin-bottom:20px ; display: none}
.zone-actu{ width:100%; float:left; position:relative; margin:15px 0}
.slide-details{ width:50%; padding:15px}
.slide-thumbnail{ width: 50%; overflow:hidden; float:right; position:relative}
.News_titre{ color: #686868; font-weight:700; font-size:140%}
.chevron{ display: none}
.News_suite{ background: #3C5A96; color:#ffffff; margin:20px 0;
color:#ffffff; padding:4px 20px ; display: inline-block;
-webkit-transform: skew(-11.5deg, 0);-ms-transform: skew(-11.5deg, 0);transform: skew(-11.5deg, 0);}
.slide-thumbnail img{ z-index: -2;}
.slide-thumbnail::after{ content: ''; background: #ffffff; display: block;
  -webkit-transform: skew(-11.5deg, 0);-ms-transform: skew(-11.5deg, 0);transform: skew(-11.5deg, 0);
position: absolute;z-index: 1;top: -5px;left: -10%;bottom: -5px;right: 90%;}
.jFlowControl2{ display:none}
.liste_pos {position: absolute; z-index:3;top: 40%; right: 40%; width: 82px; }
.jFlowPrev, .jFlowNext {display: inline-block; width: 72px; height: 28px; font-size: 100%; color: #ffffff; 
  text-align: right; cursor: pointer; position: relative}
.jFlowPrev{ color:#000000}
.jFlowPrev::before{content: ''; color:#000000; display: block;
-webkit-transform: skew(-11.5deg, 0);-ms-transform: skew(-11.5deg, 0);transform: skew(-11.5deg, 0);
position: absolute;z-index: -1;top: 0;right: -14px;bottom: 0;left: 14px;
-webkit-transition: background-color 0.3s;-ms-transition: background-color 0.3s;transition: background-color 0.3s;
background-color: #ffffff;}
.jFlowNext::before {  content: '';  display: block;  -webkit-transform: skew(-11.5deg, 0);
    -ms-transform: skew(-11.5deg, 0);    transform: skew(-11.5deg, 0);    position: absolute;
    z-index: -1; top: 0;  right: -10px;  bottom: 0;  left: 8px;
    -webkit-transition: background-color 0.3s;  -ms-transition: background-color 0.3s;   transition: background-color 0.3s;
  background-color: #1e1e1e;}
/* detail */
.bloc-news{ width:100%; float:left; }


.video {   height: 60vw;}

#choixCourse{ padding:0; color:#000 }
#choixCourse > .bloc_isole{ border:1px solid #000000;}
fieldset legend{ font-size:130%; margin:15px 0}
.libelle-parcours:hover{ background: #ccc}
.libelle-parcours{ font-size:120%; color:#000000; cursor:pointer; background:#eee; padding:10px; border:1px solid #000000; }
#choixCourse ul { margin:10px 0; padding:15px; border-bottom:1px solid}
#choixCourse ul li{ list-style-type: none;} 
li.detail-parcours{ font-weight: bold}
li.detail-parcours li{ font-weight: normal}

.venir{ display:none}

/*  jp juillet 2022 */
#choixTeeS{padding: 10px 0;}