/**********************************/
/*	ABBRÉVIATIONS */
/**********************************/
/**********************************/
.psmall, .psmall a {
	font-size: 11px;
	color: #333 !important;
	text-decoration: none !important; }
	
.card-ronde h3 a {
	color: #000 !important;
	text-decoration: none !important; }

.featureimage figure, .featureimage img {
	padding: 0 !important;
	margin: 0 0 15px 0 !important;
	width: 100%; }

.wp-block-image {
	margin: 20px auto !important; }
	
.mdl-card-video h2 {
	margin-bottom: 10px; }

.alignright {
	float: right;
	margin: 0 0 20px 20px; }
	
figure figcaption {
	margin: 10px 0;
	font-size: 0.8em; }

/*	TITRES */
h2 {
	color: #fc0 !important;
	font-size: 2.3em;
	line-height: 40px;	}

h3 {
	color: #333;
	font-size: 2em;
	line-height: 40px;	}

h4 {
	font-size: 1.2em; }

strong {
	font-weight: bold !important; }

img {
	max-width:100%;
	height:auto; }

.alignleft {
	margin: 0 20px 0 0;
	float: left; }

.mysidebar ul li {
	list-style-type: none !important;}

/*	SURCOUCHE MDL */

.mdl-button {
	background: #fc0 !important; }

p.chapo {font-size:1.5em !important; line-height: 30px;}

/**********************************/
/*	LAYOUT DU SITE */
/**********************************/
/**********************************/
body, h1, h2, h3, h4, h5, h6, p, li, a, figcaption, tr, th, td {
	font-family: 'Raleway', sans-serif !important; }

body {
	font-size: 14px; }

@media (min-width: 1024px) {
.mdl-layout__header {
	background: #1E416D;
	height: 120px; } }

@media (max-width: 1024px) {
.mdl-layout__header {
	background: #1E416D;
	height: 64px; } }
		
@media (min-width: 970px) {
.center900, .centeragence {
	width: 970px;
	margin: 0 auto; } }

@media (min-width: 1300px) {
.center900 {
	width: 1150px;
	margin: 0 auto; } }

.widescreenbgrd {
	padding: 20px 0;
	background: #1E416D;
	color: #fff; }

.parrallaxcss {
	margin:0;
	padding: 40px 0;
	background: url(https://www.illico-taxi-64.fr/wp-content/themes/taxi-pau/ymg/parrallaxcss.jpg) no-repeat center fixed; 
	-webkit-background-size: cover; /* pour anciens Chrome et Safari */
	background-size: cover; /* version standardisée */ }

/**********************************/
/*	HEADER (logo, menu, menu ajax)*/
/**********************************/
/**********************************/
	
/* Menu ajax en blanc */
.mdl-layout__drawer-button {
	background:transparent url(https://www.illico-taxi-64.fr/wp-content/themes/taxi-pau/ymg/menuajaxblanc.png) top left no-repeat !important;
	color:transparent !important;
	margin: 7px 20px !important;
	text-align: left !important;}

/* Colonnes */
.rowhaut, .rowhaut #menu ul {
	background: #DED8BC !important;
	margin: 0 !important; 
	padding: 0 !important; }
	
/* MENU PRINCIPAL */
#menu {
	margin-top: 30px; }
	
#menu, #menu ul {
	list-style : none !important;
	line-height : 21px; }
	
#menu li.menu-item {
	display: inline;
	float : left;
	border-right : 0 solid #fff; }

#menu li.menu-item a:link strong, #menu li.menu-item a:visited strong, #menu li.menu-item a:active strong, #menu li.menu-item a:hover strong {
	background: #fc0;
	padding: 5px 10px !important; }

#menu li.menu-item a:link, #menu li.menu-item a:visited, #menu li.menu-item a:active, #menu li.menu-item a:hover {
	text-decoration: none !important;
	margin: 0 !important;
	padding: 10px 15px!important;
	display: block; } 

#menu li ul li.menu-item a:link, #menu li ul li.menu-item a:visited, #menu li ul li.menu-item a:active, #menu li ul li.menu-item a:hover {
	height: 30px !important;
	display: block;
	padding: 10px 20px 0 10px !important; }

#menu li ul li.menu-item a:link, #menu li ul li.menu-item a:visited, #menu li ul li.menu-item a:active {
	background: #fff !important;
	color: #000 !important;
	border-bottom: 1px solid #fff; }

#menu li ul li.menu-item a:hover {
	background: #fc0 !important;
	color: #fff !important; }

#menu li ul li.menu-item a {
	color: #000;
	text-transform: uppercase; }

#menu li.menu-item a {
	background: #1E416D;
	color: #fff;
	text-transform: uppercase;
	font-size: 0.9em;}

#menu li.menu-item a:hover,#menu li.menu-item a:active {
	background: transparent url(https://www.illico-taxi-64.fr/wp-content/themes/taxi-pau/ymg/menubg.png) top left repeat-x;
	color: #fff !important; }

#menu li.menu-item a:link, #menu li.menu-item a:active, #menu li.menu-item a:visited, .mdl-layout__drawer a:hover.mdl-navigation__link {	
	transition: background 0.5s; }

#menu li.menu-item a:hover {	
	transition: background 0s; }

/* Partie déroulante du menu */
#menu li ul {
	background: #fff !important;
	color: #000 !important;
	z-index: 1500;
	padding: 0 !important;
	margin-top: 60px;
	position: absolute;
	left: -999em;
	width: 190px; }

#menu li ul li {
	background: #fff !important;
	color: #000 !important;
	width: 190px !important;
	text-align: left !important;
	margin: 0 !important;
	padding: 0 !important; }

#menu li ul li a:link, #menu li ul li a:visited, #menu li ul li a:active, #menu li ul li a:hover, #menu li ul li a.bbleu {
	width: 180px !important;
	text-align: left !important;
	margin: 0 !important;
	padding: 20px 10px !important;
	text-decoration: none; }

/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menu li, html>body #menu li ul li, html>body #menu li ul ul  {
	border-right: 1px solid transparent; }

#menu li ul ul {
	margin : 0 0 0 184px !important;
	border-left: 1px solid #fff; }

#menu li ul ul a:link, #menu li ul ul a:visited, #menu li ul ul a:active {
	background: #DED8BC ; }

#menu li:hover ul ul, #menu li.sfhover ul ul {
	left: -999em; }

#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul {
	left: auto;
	min-height: 0; }

/* Masquer certains menus en version tablette et petit ordinateur portable */
/*
@media (max-width: 1100px) {
	.blog  {
	display: none !important; }

	.mdl-layout-title img  {
	margin: 10px 0 0 0 auto; }
		 } */
		 
/* MENU AJAX */
.mdl-layout__drawer {
	background: #fff; }
	
.mdl-layout__drawer .mdl-layout-title {
	margin: 0 !important;
	padding: 0 !important; }

.mdl-layout__drawer .mdl-layout-title  img {
	margin: 20px 0 0 0; }

.mdl-navigation ul {
	margin: 0 !important;
	padding: 0  !important;
	list-style-type: none !important; }

#menuajax .menu-item {
	background: #fff !important; }

#menuajax .menu-item a:active, #menuajax .menu-item a:visited, #menuajax .menu-item a:link {
	color: #6E7E87 !important;
	text-decoration: none !important;
	text-transform: uppercase !important;
	padding: 10px 20px !important;
	display: block;
	border-bottom: 1px solid #ccc; }

#menuajax .menu-item  a:hover {
	background: #dedede !important;
	color: #6E7E87 !important; }

/* LOGO */
@media (max-width: 1024px) {
.mdl-layout-title img {
	margin-top: 5px;
	height: 55px !important;
	width: 174px !important; }

.mdl-layout-title {
	padding-top: 5px  !important;
	width: 100%;
	text-align: center;
	margin: 0 auto !important; } } 
	
@media (min-width: 1024px) {
.mdl-layout-title {
	padding-top: 55px  !important; } }

/**********************************/
/* FOOTER
/**********************************/
/**********************************/

/* FOOTER */
.mdl-mega-footer {
	background:  #B5B39C !important;
	color: #000 !important; }
	
.schema p {
	font-size: 0.8em;
	line-height: 1em !important; }

footer a {
	color: #000 ! important; }
	

/**********************************/
/*	ACCUEIL
/**********************************/
/**********************************/

/* SLIDER WIDESCREEN */

/* Background */
.mdl-card-intro {
   background-image: linear-gradient(rgba(63, 81, 181, 0.3), rgba(63, 81, 181, 0.3)), url("https://www.illico-taxi-64.fr/wp-content/themes/taxi-pau/ymg/hb.jpg"); 
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  display: flex; 
  border-bottom: 1px solid #0c181c;
  margin: 0 !important;
  padding: 0 !important; }

@media screen and (min-width: 680px) {
.mdl-card-intro { 
  height: 470px !important; } }
 
@media screen and (max-width: 680px) {
.mdl-card-intro {
  height: 270px !important; } }

/* Bloc texte */
@media screen and (min-width: 680px) {
.slider-text {
  margin: 110px auto 0 auto !important; } }
 
@media screen and (max-width: 680px) {
.slider-text {
  margin: 20px auto 0 auto !important; } }
 
.slider-text .mdl-typography--display-1 {
  color: #fff; }

@media screen and (max-width: 580px) {
  .slider-text p {
    white-space: pre-line; } }

.slider__text-button {
  position: absolute;
  bottom: -28px;
  left: 50%;
  transform: translateX(-50%); }
 
 @media (max-width: 780px) {
.mdl-typography--display-3 {
	color: #fff !important;
	font-size: 2em;
	padding: 0 10px;
	line-height: 1.5em; }
	
.mdl-typography--display-3 strong {
	background: #1E416D;
	color: #fff;
	padding: 10px 15px; }

.mdl-typography--display-1 {
	background: rgba(13,24,28,0.4);
	font-size: 1.2em;
	line-height: 1.5em;
	padding: 20px;
	margin: 0 0 20px 0; }

.telephone {
	font-size: 2em;
	color: #ffc !important;
	margin: 10px auto 20px  auto !important; }  }

 @media (max-width: 680px) {
.mdl-typography--display-3 {
	color: #fff;
	font-size: 1.2em;
	padding: 20px 0 0 0;
	margin-bottom: 0 !important;
	line-height: 1.8em; }
	
.telephone {
	font-size: 1.5em;
	color: #ffc !important;
	margin: 10px auto !important; 
	padding: 0 !important;}	}

@media (min-width: 780px) {
.mdl-typography--display-3 {
	color: #fff;
	font-size: 1.8em;
	line-height: 2em;
	margin: 0; }

.mdl-typography--display-3 strong {
	font-size: 2em !important;
	color: #fff;
	padding: 10px 40px; }

.mdl-typography--display-1 {
	background: rgba(13,24,28,0.4);
	font-size: 1.5em;
	line-height: 1.5em;
	padding: 20px;
	margin: 0 0 20px 0; }

.boutonsslide a {
	padding: 10px 20px;
	margin: 0 10px; } 

.telephone {
	font-size: 3em;
	line-height: 1em;
	color: #ffc !important;
	margin: 20px auto 40px  auto !important; } }

	
/* BRIQUE POURQUOI */

/* Au bon endroit pour... */
.listeaccueil li {
	padding: 10px 0 !important; }

.listeaccueil li a {
	margin: 0 20px 0 0; }

.endroit {
	font-size: 1.8em; }
	
/* Auteur */
.card-ronde figure img {	
	border-radius: 50%; }

/* BRIQUE ACTION */
p.action {
	font-size: 2.5em;
	line-height: 40px; }

p.action a {
	color: #fff !important; }

/* BRIQUE PARRALAX */
.card-brique-blanche {
	background:  rgba(255,255,255,0.9);
	padding: 20px; }


/* FORMULAIRES DE CONTACTS */
#mdl-card-contactagence, #mdl-card-contactagence form, .mdl-card-contactform {
	background: #ffc;
	color: #000;
	padding: 20px; }
	
#mdl-card-contactform, #mdl-card-contactagence form, .mdl-card-contactform  {
	margin: 20px 0  !important; }

#mdl-card-contactagence .mdl-textfield {
	width: 100% !important; }
 	
.rgpd{background:#fff !important;color:#000 !important;padding:10px;border:1px dotted #000;}

fieldset {
	background: #fff;
	border: 1px #fff solid;
	padding: 10px 40px;
	margin: 20px 0; }

fieldset legend {
	background: transparent;
	color: #fc0 !important; }	

form select {
	background: #fff;
	color:#000;
	height: 40px; }

input {
	background: #fff !important;
	height: 25px; 
	padding: 10px !important; }
	
.sidebarcontact {
	color: #000 !important;
	margin: 100px 0 0 0 !important; }

.centerform div {
	text-align: center !important;
	margin: 20px auto !important; }

.mdl-textfield__label {
	color: #000 !important; }

#mdl-card-contactagence textarea {
	background: #fff;
	font-size: 1.5em !important;
	padding: 20px !important;
 }

#mdl-card-contactagence #contact_form1_submit, .resataxiaccueil #contact_form2_submit{
	background: #fc0 !important;
	color: #fff;
	border: none !important;
	height: 70px !important;
	font-size: 1.5em !important;
	width: 100% !important; }

#mdl-card-contactagence textarea {
	font-size: 1em !important;
	height: 300px !important; }

.error, .formok {
	padding: 5px 10px !important; } 
	
.error {
	background: #c03 !important;
	color: #fff !important; } 

.formok {
	background: #699800 !important;
	color: #fff !important; } 

.leftcat {
	float: left;
	margin: 0 20px 0 0; }

input#contact_form1_phone_number {
	color: #000 !important; }

#contact-form1 .label {
	color: #000 !important; }

/* FORMULAIRES DE CONTACTS RESA NW */
.resataxiaccueil {
	margin: 0 auto !important;
	padding: 0 20px !important; }

.resataxiaccueil label {
	color: #000  !important; }

.maresa {
	background: #fff !important; }

.resataxiaccueil input {
	background: #ffc !important;
	color: #000 !important;
	margin: 0 !important;
	width: 100% !important; }

.resataxiaccueil fieldset {
	margin: 0 !important;
	padding: 0 0 5px 0 !important; }

.resataxiaccueil .mdl-textfield {
	margin: 0 5px !important;
	padding: 20px 0 !important;
	width: 70% !important; }

.h2resataxiaccueil h2 {
	margin: 0 !important;
	padding: 0 !important; }

.noir {
	color: #000 !important; }

/* FORMULAIRES DE CONTACTS RESA CKCOM */
ul.form-list li {
	background: #c30 !important;
	list-style-type: none !important;
	width: 100% !important; }

ul .field {
	float: left !important; }

.field input {
	background: #fff !important;
	color: #000 !important;
	border: 1px solid #000 !important;
	margin:0 10px 10px 10px;
	vertical-align: top !important; }

.radio {
	margin-top: 20px; }

 @media (max-width: 1624px) {
.monfield {
	width: 650px !important;
	text-align: left !important; }

.radio .radio1, .radio .radio2 {
	font-size: 1.5em;  } }


 @media (min-width: 1624px) {
.radio .radio1 {
	margin-left: 23px !important;
	font-size: 1.5em;  }

.radio .radio2 {
	margin-left: -57px !important;
	font-size: 1.5em; } }

.plustard input {
	margin-top: 50px; }

.paiement {
	color: #F8CF17;
	text-align: left !important;
	font-size: 1.5em;
	margin: 0 50px 20px 0; }

.paiement2 {
	color: #F8CF17;
	text-align: left !important;
	font-size: 1.5em;
	margin: 20px 50px 0 0; }

.radio3, .radio4 {
	font-size: 1.5em;
	text-align: left !important; }

.complement p {
	font-size: 1.5em !important;
	margin-right: 10px !important; }

.wpcf7-submit {
	clear:both !important;
	background: #fc0 !important;
	color: #fff;
	border: none !important;
	font-size: 1.5em !important;
	padding: 20px !important;
	margin: 10px auto !important;
	max-width: 450px !important; }
	
/**********************************/
/*	PAGE
/**********************************/
/**********************************/
.bandeaubleu {
background-image: url("https://www.illico-taxi-64.fr/wp-content/themes/taxi-pau/ymg/hbi.jpg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  display: flex; 
  border-bottom: 1px solid #0c181c;
  margin: 0 !important;
  padding: 0 !important;
  height: 140px;	}
 
 .page table {
	 margin: 20px 0; }
	
.wpgmza_map {
	margin-bottom: 30px !important; }

.page table thead tr {
	background: #f90 !important; }
	
.page table tr {
	 background: #1E416D !important;
	 color: #fff !important;
	 border: 1px solid #333 !important;  }

.page table td {
	padding: 5px; }
  
.page .post {
	padding: 0 40px; }

.page .post img {
	margin: 0 20px 30px 0;	}
	
.imagefeature img {
	max-width:100%;
	height:auto;
	margin:0 0 30px 0;
	padding: 0 !important; }