

/* Fiche Document */

.document #thematique {display:none;}
.document #description img {display:none;}
.document #encadres {display:none;}
.document #telecharger {background: none repeat scroll 0 0 #fff; margin-bottom: 1em; box-shadow: 0 0 50px 0 rgba(0,0,0,0.05); overflow: hidden;margin-top: 1em; padding: 1em!important;margin-top: 1em;
}


/* PAVE INFOCLIENT ET INFOTRAFIC*/
.outilsvoyageurs a {margin-bottom: 0.5em;display: inline-block;}
.outilsvoyageurs h6 {width: 10.5em;box-sizing: border-box;font-size: 1.1em;padding: 0em 0.2em;}
.outilsvoyageurs h6 img {height: 35px;display: block;float: left;margin: 5px;}
.outilvoyageurs h6 span {float: left;padding-top: 0.6em;}
.info-trafic a {color:white;text-decoration:underline;}
header #info-trafic a {color:white;text-decoration:underline;}
.info-trafic {/*background:#024e5e!important; */padding:1em 0;}
/* PAGES GENERIQUES */
.titre_principal {text-align:left!important;padding:0!important;}
.accrochepage {line-height:1.1em;    font-size: 1.4em;padding: 0 1em;text-align: center;}
h2 {font-size:2em;}
h3.decoration::before {height: 0.7em;width: 0.2em;background: #268fa0;content: "";float: left;display: block;margin-right: 0.2em;margin-top: 0.2em;}
.intropage {  line-height: 1.1em;max-width: 700px;color: #27221c;font-size: 1.3em;}
.justify {text-align:justify;}
#redacteur-date-impression {display:none;}
@media all and (min-width:500px) {
 h1.titre_principal {font-size: 2.1em;line-height: 1em;}
.accrochepage {text-align: left; line-height: 1.4em; font-size: 1.8em;}
}
.document .thematiques {display:none;}

/* ITEMS */
.separator {-webkit-animation-duration: 2s;animation-duration: 2s;-webkit-animation-fill-mode: both;animation-fill-mode: both;animation-name: slideInLeft;margin:15px auto;height:1px;width:90%;background-color:#b3b3b3;display:block;overflow:hidden;}
.separator100 {-webkit-animation-duration: 2s;animation-duration: 2s; -webkit-animation-fill-mode: both; animation-fill-mode: both animation-name: slideInLeft;margin:1em 0;height:1px;width:100%;background-color:#b3b3b3;display:block;overflow:hidden;}
.separator100blanc {margin:15px 0px;height:1px;width:100%;background-color:white;display:block;overflow:hidden;}
.encadrepad .separator100, .encadreblanc .separator100, .encadreblanc .separator{animation:inherit;}
ul.objets li, ul#liste_resultats li {margin: 0.1em 0 0!important;}
.separator--triangle {transform: translateX(-50%) rotate(45deg);position: absolute;width: 25px;height: 25px;margin: -12px auto auto;left: 50%;z-index: 10;}
.circle--bas {border-radius: 50%; width: 200px;height: 200px;  display: block;background: white;text-align: center;font-size: 10em;color: #aed4a3;  margin: auto;padding-top: -1px;  line-height: 1.3em;}


/* BOUTONS */

.btncorail {background-color:#e9601a}
.btncorail:hover {background-color:#E9491A}
a.linkbtn {border: 0;color: #fff;cursor: pointer;display: block;margin:auto;font-weight: 400; padding: 0.25em 1em;border-radius: 2px;background: #31aa4e;width:200px;text-align:center;}
a.linkbtn:hover { background: #31c053;}

/* TABLEAUX */
.webtable table {border-width: 1px;border-color: #3A3A3A;border-collapse: collapse;}
.webtable th {border-width: 1px;border-style: solid;border-color: #DADADA;background-color: #00424F;;color: #ffffff;}
.webtable tr:nth-child(even)
.webtable td{background-color: #EDEDED;}
.webtable td {border-width: 1px;border-style: solid;border-color: #DADADA;}
.webtable tbody  {background-color:rgb(242, 253, 239);}
.webtable tbody tr:nth-of-type(odd) {  background: white; }

/* LIENS FLECHES */
.style6{ border: 1px solid #DADADA;background:#FFF;border-bottom:none;}
.style6 a {color: #2c2c2c;font-weight: 400;font-size: 1.125em;display: block;position: relative;border-bottom: 1px solid #DADADA;padding: 10px;}
.style6 a:before {content: "\e614";font-family: "icomoon";font-size: 1.5em;right: 0.5em;position: absolute;top: 0.15em;color: #31aa4e;}

/* ACCORDEON PRINCIPAL
.ui-accordion .accordion-header-tan.ui-accordion-header.ui-accordion-icons {background-color: inherit;border-bottom: none!important; border-left: none!important; border-right: none!important;    padding: 0.8em;}
.ui-accordion .ui-widget-content {background-color:inherit!important;border:none!important;}
.ui-accordion .accordion-header-tan.ui-accordion-header.ui-state-active {color:#00424F!important;}
.ui-accordion .accordion-header-tan.ui-accordion-header.ui-state-active:after {color: #31aa4e!important;}
.ui-accordion .accordion-header-tan.ui-accordion-header:before {font-size;0.9em!important;top:0.8em!important;}
.ficheaccueil #contenu-encadres .templateSitePrincipal .left-block .accordeonTile .ui-accordion .ui-accordion-header .title, .ficheaccueil #contenu-encadres .templateSiteSecondaire .left-block .accordeonTile .ui-accordion .ui-accordion-header .title
{padding:0 0.3em}
.ficheaccueil #contenu-encadres .templateSitePrincipal .left-block .iframeTile, .ficheaccueil #contenu-encadres .templateSiteSecondaire .left-block .iframeTile {
overflow-y:hidden!important;
}  */

/* STYLES ET ENCADRES */
.style_2 {padding:1em!important;border:1px solid #DADADA!important}
.style6 a:hover {background-color:rgb(250, 250, 250);transition: background-color 0.5s ease;}
.encadreblanc {    box-sizing: border-box;background: none repeat scroll 0 0 #fff;padding: 1em;margin-bottom: 1em;box-shadow: 0 0 50px 0 rgba(0,0,0,0.05);overflow:hidden;}
.encadregris { padding: 1em;margin-bottom: 1em; background: rgb(145, 145, 145); box-shadow: 0 2px 4px rgba(0,0,0,0.1); -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.1);display:block;overflow:hidden;}
.encadre--bas { box-sizing: border-box;  margin: auto;  clear: both;padding: 2em 14em 2em 2em;  margin-bottom: 1em;display: block;  overflow: hidden;  color: white;  max-width: 40em;  background: url(https://www.tan.fr/medias/photo/ampoule-bas_1480346398672-png) no-repeat top right, rgb(0, 66, 78);  background-size: 6em;background-position: 32em 2em;}
.encadre--bas h2{color:white;    margin-bottom: -0.2em;}
.encadre--bas .separator100 {width: 24em;}
.encadrephoto {overflow:hidden;margin-bottom:16px;}
.encadre--basv2  {max-width: 40em;margin:auto;color:white;}
.encadre--basv2 h2{color:white;padding:0px}
.encadre--basv2 .separator100 {background:white;margin: 0.5em 0 1em;}
.encadrecorail {padding: 1em;margin-bottom: 1em;background: #e9601a;box-shadow: 0 2px 4px rgba(0,0,0,0.1s);-webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.1);display:block;overflow:hidden;}
.encadrebleu {color:white;padding: 1em;margin-bottom: 1em;background: rgb(0, 66, 78);box-shadow: 0 2px 4px rgba(0,0,0,0.1s);-webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.1);display:block;overflow:hidden;}
.encadreborder {background:white;padding: 1em; margin-bottom: 1em;display:block;overflow:hidden;}
.encadrepad { box-shadow: 0 0 50px 0 rgba(0,0,0,0.05);padding:3em;background:white;margin:2em 1em;}
.encadrepad h2 {font-size: 2em;    margin-bottom: 0.5em;}
.encadrepad h3 {font-size: 1.5em;margin: 0 0 0.5em;line-height: 1.2em;}
.encadreblanc h2 {font-size: 1.35em;}
.lefty {float:left;}
@media all and (max-width:975px) {
 .encadre--bas{margin:0 auto;padding:2em;width:100%;}
 .encadrepad{box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
 .lefty {float:none;display:block;width:90%!important;margin:1em auto!important;}
}


/* ANIMATIONS */
@-webkit-keyframes slideInLeft { 0% { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible;}
100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}}
@keyframes slideInLeft { 0% {-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0); visibility: visible;}
100% {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}}
.slideInLeft {-webkit-animation-name: slideInLeft;animation-name: slideInLeft;}

/* PAGES ASSISTANCE */
.encadrebleuassist h4 {margin:0 auto!important;}
.encadrebleuassist {padding:0.6em;  background: rgb(0, 66, 78);  box-shadow: 0 2px 4px rgba(0,0,0,0.1);  -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.1);  display: block;  overflow: hidden;}
.anchor {color: white;	font:400 1.3125em/1 "frutiger", Arial, "Helvetica Neue", Helvetica, "Bitstream Vera Sans", sans-serif, Arial, "Helvetica Neue", Helvetica, "Bitstream Vera Sans", sans-serif;}.anchor:hover{color:white;}
.asrightblock, .asleftblock {float:left;}
.asrightblock {margin-left:2em;}
.asrightblock h3{padding-top:0.5em;color:#31aa4e}
.asrightblock p {margin:0 auto;}
.asblock p {color:#2c2c2c;}
.asblock {cursor:pointer;background-color:white;}
.asblock:hover {background-color: rgb(250, 250, 250);transition: background-color 0.5s ease;}

/* Page Plans */
.plansearch {display:block;position:relative;margin-top:8px;}
.plansearch input {width:220px;height:25px;padding: 2px 5px;position:absolute; font-size: 0.8em;}
.plansearch .searchaction {height:33px;width:33px;position:absolute;left:234px;background-color:#31aa4e;color:white;border-color:#31aa4e;}

/* Pictos Horaires*/
.encadreblanc img[title="horairesarret"]{margin-right: 8px!important;height:53px!important;width:33px!important;}
.encadreblanc img[title="fichehoraire"]{width:auto!important;height:53px!important;margin-right: 12px!important.}

/* Pages PHP */
.ui-datepicker .ui-datepicker-title {
   font-size: 0.8em!important;
}

/* DIVERS */
/* Tanplus */.tanplus .encadrepad::before {content: 'Tan +';transform: rotate(-90deg);background: #921549;padding: 0.5em 1.5em 0.4em;position: absolute;top: 3.8em;left: -3.93em;-webkit-box-shadow: inset 0px -6px 8px -4px rgba(0, 0, 0, 0.25), 0 0 50px 0 rgba(0,0,0,0.05);-moz-box-shadow: inset 0px -6px 8px -4px rgba(0, 0, 0, 0.25), 0 0 50px 0 rgba(0,0,0,0.05); box-shadow: inset 0px -6px 8px -4px rgba(0, 0, 0, 0.25), 0 0 50px 0 rgba(0,0,0,0.05);color: #ffffff;
                                         font-size: 1.4em;
                                         font-weight: bold;}
            .ligne_30 {background: #c12a68;overflow: hidden;}
/* Footer ---> */  #pied_deco .haut-de-page a, #pied_deco .haut-de-page .icon {color:white!important}
/* ACCORDEON PHP */ #contenu_sans_nav_sans_encadres .ui-accordion .accordion-header-tan.ui-accordion-header.ui-state-active {background-color:white!important;}
/* Boutons Imprimer et pdf ---> */ #redacteur-date-impression #boutons_actions {display:none;}
/* Fond blanc pages non 100% > 1570 ---> */  @media all and (min-width:1570px) {#page {max-width: 1100px;    padding: 0px 306px;    background: #F9F9F9;}}
/* Retrait bande blanche bas de page> 1570 ---> */ .fiche #page_deco {  padding: 0em;} #page_deco {  margin: 0 auto; 	}
/* Typo Menu---> */ #menu a {font-family:"frutiger_ltlight", Arial, "Helvetica Neue", Helvetica, "Bitstream Vera Sans", sans-serif, Arial, "Helvetica Neue", Helvetica, "Bitstream Vera Sans", sans-serif}
                   #menu ul li a {font-size: 1.1em;}
/* Vignette page Dessertes scolaires---> */ .vignette {width: 3em;}
.etablissement h6{ color: #31aa4e;padding: inherit;font-weight:inherit;background: inherit;border-radius: 0;margin:inherit;font:inherit}
.etablissement h6:hover {color:#299244;}
.button  {font-weight: normal;display: table;margin-top: 0.7em; }

/* Maj 13/03 */
 .insider--flex .encadrepad h2::after { content: "";    height: 1px;    background: #b3b3b3;    width: 100%;    display: block;    margin: 0.2em auto 0.9em;}
 .insider--flex h1 {border-bottom:0;font-size:2.3em;margin:0 auto;}
 .insider--flex .accrochepage {margin: -0.3em 0;color:white;text-align:center;}
 .insider--flex .titre_principal {display:none;}
 .insider--flex .encadrepad {margin:2em 1em;max-width: 46em;}
 .insider--flex .encadrepad--center {margin:1em auto;}
 .insider--flex {overflow: hidden;max-width: 1100px; margin: auto;display: -webkit-flex;display: flex;flex-direction: row;flex-wrap:wrap;align-items:center;}
 .insider--flex article {margin:1em;}
 .insider .accrochepage {margin: -0.3em 0;  color: white;text-align: center;}

 .insider  h1 {border-bottom: 0;font-size: 2.7em;margin: 0 auto;}
 .illustration { max-width: 10em;}
 @media only screen and (max-width:500px) {
   .encadrepad, article {	padding: 1.1em;width: 91%;	}
.insider--flex {flex-direction: column	}	}
/*

.titre_principal {display:none;}
@media all and (min-width:1570px){#page {padding:0px;}}
  #page { max-width: 1570px;width:100%}
  h6 {margin: 0em 0em 0.5em;}
  .insider {overflow:hidden;max-width:1100px;margin:auto;}
   @media screen and (max-width: 640px)     {
    article .illustration, .insider--flex img{ max-width: 10em;}
     .insider--flex {flex-direction: column;}}
     .encadreborder {margin:1em 1em;flex:1;    min-width: 6em;}



*/
