/* llado-dental.com — CSS original (style.css + template.css) recuperado de Archive.org */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(/media/llado-dental/fonts/OpenSans-400.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/media/llado-dental/fonts/RobotoCondensed-300.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/media/llado-dental/fonts/RobotoCondensed-400.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/*************************************************
	Elements communs
	
	Ctrl+F couleur par défaut: 
	#225ea7;
	
*************************************************/

/* Support du PNG par ie6 */
hr { clear:both;visibility:visible;margin:0;padding:0;height:0; }
body, html{height:100%;width:100%;}
body {
	margin:0;
	padding:0;
	background: url(/media/llado-dental/img/fond.jpg) repeat-x 50% 0 #CCD5E4 ;
	color:#000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}
/************************************************
				MISE EN FORME TEXTE
************************************************/
.texte_mis_en_evidence {color:#666666;}
.texte_mis_en_evidence a {color:#666666;}
.texte_mis_en_evidence a:hover {color:#666666;}

a {	font-weight:bold; color:#000;}
a:hover { text-decoration:none; color:#000;}

/* H1 dans template.css car positionnement adapté au template */
h2 {
	font-size:22px;
	font-weight: lighter;
	font-family: 'Roboto Condensed', sans-serif;
	color:#00255E;
	margin:0 0px 0 0;
	padding:3px 0;
}

h3 {
	font-size:22px;
	font-weight: lighter;
	font-family: 'Roboto Condensed', sans-serif;
	
	margin:0 0px 0 0;
	padding:3px 0;
}

h3{ color:#FFF; }

/*H4 usado para los titulos del pie*/
h4 {
	font-size:16px;
	font-weight:semibold;
	color:000;
}

/************************************************************
						FORMULAIRES / CSS PAGE CONTACT
************************************************************/

/* block formulaire de contact*/
.colonne_formulaire_contact_left{float:left; width:60%;}
.colonne_formulaire_contact_right{float:right; width:35%;}
.titre_contact{text-transform:uppercase; font-weight:normal; padding:3px 0; margin:10px 0; border-bottom:1px dotted;} 


/* FORMULAIRE: page contact et demande de devis  */
.contact_form {
	-webkit-border-radius: 3px;
	border-radius: 3px; 
	border-top: 1px solid #d9d9d9;
	border-left: 1px solid #d9d9d9;
	border-bottom: 1px solid #d9d9d9;
	border-right: 1px solid #d9d9d9;
	background-color:#FFF;
	font-size:14px;
	color:#000;
	width:94%;
	padding-left:30px;
	min-height:30px;
	line-height:30px;
	margin-bottom:10px;
	background-repeat:no-repeat;
	background-position:5px center;
	font-family:Arial, Helvetica, sans-serif;
}
.contact_form:hover, .contact_form:focus{
	border: 1px solid #225ea7;
	color:#225ea7;
	/* Ombrage externe */
	-webkit-box-shadow: 0px 0px 8px #225ea7;
	-moz-box-shadow: 0px 0px 8px #225ea7;
	box-shadow: 0px 0px 8px #225ea7;
}


.form_error {
	-webkit-border-radius: 3px;
	border-radius: 3px; 
	border-top: 1px solid #d9d9d9;
	border-left: 1px solid #d9d9d9;
	border-bottom: 1px solid #d9d9d9;
	border-right: 1px solid #d9d9d9;
	background:none;
	font-size:14px;
	color:#999;
	width:94%;
	padding-left:30px;
	min-height:30px;
	margin-bottom:10px;
	background-repeat:no-repeat;
	background-position:5px center;
	-webkit-box-shadow: 0px 0px 8px red;
	-moz-box-shadow: 0px 0px 8px red;
	box-shadow: 0px 0px 8px red;
	font-family:Arial, Helvetica, sans-serif;
}

.form_error:hover, .form_error:focus{
	border: 1px solid red;
	color:#225ea7;
	/* Ombrage externe */
	-webkit-box-shadow: 0px 0px 8px red;
	-moz-box-shadow: 0px 0px 8px red;
	box-shadow: 0px 0px 8px red;
}


textarea.contact_form, textarea.form_error {line-height:18px;padding-top:10px;padding-left:30px;background-color:#FFF;}

.select_box{ padding-left:0px; width:100%;font-size:14px;}
.select_form{ 
	width:100%;
	background:none;
	min-height:20px;
	margin:5px 0;
	color:#999;
	border:none;
	text-align:left; 
	vertical-align:middle;
}

.champs_calendrier{}
.champs_calendrier img{ vertical-align:middle;}


/* FIN FORMULAIRE: page contact et demande de devis */

.tableau_attacher_fichier{ margin-top:20px; height:25px }
.champs_obligatoires{text-align:right; margin-top:30px; height:20px/*;font-weight:bold; font-style:italic*/}
.capcha{ width:100%;}
.capcha img{ vertical-align:middle;}
.form_capcha{padding-left:0; text-align:center; width:40%;}

/* PICTO DES FORMULAIRE */
.picto_vide{padding:1px 0 1px 10px; width:98%;}

.picto_prenom{background-image:url(/media/llado-dental/img/picto_prenom.png); }
.picto_prenom:hover{background-image:url(/media/llado-dental/img/picto_prenom_hover.png);}

.picto_mail{background-image:url(/media/llado-dental/img/picto_mail.png);}
.picto_mail:hover{background-image:url(/media/llado-dental/img/picto_mail_hover.png);}

.picto_tel{background-image:url(/media/llado-dental/img/picto_tel.png);}
.picto_tel:hover{background-image:url(/media/llado-dental/img/picto_tel_hover.png);}

.picto_adresse{ background-image:url(/media/llado-dental/img/picto_adresse.png);}
.picto_adresse:hover{background-image:url(/media/llado-dental/img/picto_adresse_hover.png);}

#ville{ width:60%; float:left;}
.picto_ville{background-image:url(/media/llado-dental/img/picto_ville.png);}
.picto_ville:hover{background-image:url(/media/llado-dental/img/picto_ville_hover.png);}

#cp{width:30%; float:right; margin-right:4%}
.picto_cp{background-image:url(/media/llado-dental/img/picto_cp.png);}
.picto_cp:hover{background-image:url(/media/llado-dental/img/picto_cp_hover.png);}

.picto_pen{background:url(/media/llado-dental/img/picto_pen.png) no-repeat 5px 5px;}
.picto_pen:hover{background-image:url(/media/llado-dental/img/picto_pen_hover.png);}

.picto_piece_jointe{background-image:url(/media/llado-dental/img/piece_jointe.png); }
.picto_piece_jointe:hover{background-image:url(/media/llado-dental/img/piece_jointe_hover.png);}

.picto_demande{background-image:url(/media/llado-dental/img/picto_demande.png);}
.picto_demande:hover{background-image:url(/media/llado-dental/img/picto_demande_hover.png);}

.picto_note{background-image:url(/media/llado-dental/img/picto_note.png);}
.picto_note:hover{background-image:url(/media/llado-dental/img/picto_note_hover.png);}

/* BOX GOOGLE MAP */
.block_plan_coordonnees{
	width:100%;
	background:#FFFFFF;
	display:inline-table;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ababab;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0px 2px 3px 1px rgba(0,0,0,.2);
	box-shadow: 0px 2px 3px 1px rgba(0,0,0,.2);
}
#map {color:#000; margin:5px; min-height:300px;/*Augmenter la taille de carte si besoin*/}

/* INFOS CLIENT */
.enseigne{ color:#225ea7; margin-bottom:10px;font-size:17px;}
.info_coordonnees_client{ margin-top:10px; font-size:15px;}
.box_horaires{text-transform:uppercase;padding:3px 0; margin:10px 0; border-top:1px dotted #999;border-bottom:1px dotted #999;}

.facebook_like{}
.facebook_like a{text-decoration:none; font-weight:normal;color:#225ea7;}
.facebook_like a:hover{text-decoration:underline;}

.twitter_like{}
.twitter_like a{ text-decoration:none; font-weight:normal;color:#225ea7;}
.twitter_like a:hover{text-decoration:underline;}

/************************************************
				FORMULAIRE (utilise pour le moment en dehors des pages devis et contact )
************************************************/

.formulaire {
	-webkit-border-radius: 3px;
	border-radius: 3px; 
	border-top: 1px solid #d9d9d9;
	border-left: 1px solid #d9d9d9;
	border-bottom: 1px solid #d9d9d9;
	border-right: 1px solid #d9d9d9;
	background:none;
	font-size:14px;
	color:#999;
	/*padding:8px 0;*/
	min-height:30px;
}
.formulaire:hover, .formulaire:focus{
	border: 1px solid #225ea7;
	background:none;
	color:#225ea7;
	/* Ombrage externe */
	-webkit-box-shadow: 0px 0px 8px #225ea7;
	-moz-box-shadow: 0px 0px 8px #225ea7;
	box-shadow: 0px 0px 8px #225ea7;
}

fieldset{border:solid 1px #666;padding:10px;}
legend{color:#666;font-size:24px;font-weight:normal;}

/************************************************
				GESTION DU BOUTON ENVOYER
************************************************/

/* Personnalisation des boutons: envoyer  */
input[type="submit"], input[type="button"]{
	background:#225ea7;
	color:#FFFFFF;
	padding:7px 25px;
	font-size:14px; text-transform:uppercase;
	/* Coins arrondis */
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #225ea7;
	/* Ombrage externe */
	-webkit-box-shadow: inset 0px 0px 5px rgba(255,255,255,.3);
	-moz-box-shadow:inset 0px 0px 5px rgba(255,255,255,.3);
	box-shadow:inset 0px 0px 5px rgba(255,255,255,.3);
	/* Ombrage texte */
	-webkit-text-shadow:0px -1px 0 rgba(0,0,0,.2);
	-moz-text-shadow:0px -1px 0 rgba(0,0,0,.2);
	text-shadow:0px -1px 0 rgba(0,0,0,.2);
	cursor:pointer;
}

input[type="submit"]:hover, input[type="button"]:hover{ 
	background:#225ea7;
	/* Ombrage externe */
	-webkit-box-shadow: inset 0px 0px 5px rgba(0,0,0,.3);
	-moz-box-shadow:inset 0px 0px 5px rgba(0,0,0,.3);
	box-shadow:inset 0px 0px 5px rgba(0,0,0,.3);
}

/************************************************
				BLOCS PAGE DEMANDE DE DEVIS
************************************************/
.block_devis{width:100%}
.block_devis_gauche{float:left; width:48%; margin-right:4%;}
.block_devis_droite{float:right; width:48%;}

/************************************************
				IMAGES
************************************************/

img{border:none}
.border {margin:2px;border:1px solid #666666;}

.opacite {/* Opacite pour la zone de contenu_modifiable */
	padding: 4px 5px;
	background:#FFFFFF;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	/* Changer la couleur de bordure */
		border-top: 1px solid #d9d9d9;
		border-bottom: 1px solid #999;
		border-left: 1px solid #d9d9d9;
		border-right: 1px solid #d9d9d9;
	/* Ombre sur img */
		/*-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
		-moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
		box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);*/
}
a img.opacite {filter:alpha(opacity=100);-moz-opacity: 1;opacity: 1;}
a:hover img.opacite {filter:alpha(opacity=80);-moz-opacity: 0.8;opacity: 0.8;}

.opacite2 {/* Opacite pour pour les modules */
	padding: 4px 5px; margin:2px;
	background:#FFFFFF;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border-top: 1px solid #d9d9d9;
	border-bottom: 1px solid #999;
	border-left: 1px solid #d9d9d9;
	border-right: 1px solid #d9d9d9;
	/*-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);*/
}
a img.opacite2 {filter:alpha(opacity=100);-moz-opacity: 1;opacity: 1;}
a:hover img.opacite2 {filter:alpha(opacity=80);-moz-opacity: 0.8;opacity: 0.8;}

.opacite3 {}/* Opacité sans bordure */
a img.opacite3 {filter:alpha(opacity=100);-moz-opacity: 1;opacity: 1;}
a:hover img.opacite3 {filter:alpha(opacity=80);-moz-opacity: 0.8;opacity: 0.8;}

/***********************************************
				STYLES MISES EN FORME
***********************************************/
div#conteneur {
	margin:auto;
	width:980px;
	
	position:relative;/**/
}

/************************************************
				ENTETE
************************************************/
div#entete {
	/*height:309px;*/
	height:163px;
	margin:75px 0 0 20px;padding:0;
	
}

/************************************************
				LANGUE
************************************************/
#lang{position:absolute;color:#FFF;top:150px;left:20px;}
#lang a{color:#FFF;}
a img.langue { cursor:pointer; filter:alpha(opacity=100);-moz-opacity: 1;opacity: 1;margin:1px; padding:1px}
a:hover img.langue {filter:alpha(opacity=60);-moz-opacity: 0.6;opacity: 0.6;margin:1px; }

/************************************************
			RAPPEL + Newsletter
************************************************/
.newsletter{
	position:absolute;top:184px;left:25px;
	text-align:left;
	background:url(/media/llado-dental/img/rollhover_opa_f.png);
}

.rappel {position:absolute;left:756px;top:189px}

/***********************************************************
				CORPS
***********************************************************/
div#corps {/*background: url('/media/llado-dental/img/bas.jpg') no-repeat 0 bottom;*/}

div#contenu {
	/*
	background:url('/media/llado-dental/img/haut.jpg') no-repeat;
	min-height:350px;
	*/
	font-family: 'Open Sans', sans-serif;
	text-align:left;
	margin: 350px 0 0 0;padding: 0 0 0 10px;
}

html>body #contenu {
	height:auto;
	min-height:350px;
}

/* div#contenu_modifiable dans template.css pour gérer le padding */

div#contenu p {margin:0;padding:0;}
div#contenu_modifiable ul.puce {
	list-style-type:none;
	margin:5px 0 5px 0;
	padding:0 0 0 0px;
}
div#contenu_modifiable ul.puce li {
	background:url(/media/llado-dental/img/puce.jpg) no-repeat left 5px;
	margin-left:0px;
	padding:2px 0 2px 15px;
}
.colonnes_2,.colonnes_3, .colonnes_4 {float: left;}
.colonnes_2  { width:50%;position: relative;}
.colonnes_3  { width:33%;position: relative;}
.colonnes_4  { width:25%;position: relative;}
.texte {
	border:1px solid #ccc; padding:5px; margin:5px 10px;
	-webkit-box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.5), 0px 0px 15px rgba(255, 255, 255, 0.5) inset;
	-moz-box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.5), 0px 0px 15px rgba(255, 255, 255, 0.5) inset;
	box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.5), 0px 0px 15px rgba(255, 255, 255, 0.5) inset;
}

/****************************************************
				ADRESSE
****************************************************/
/* correspond à l'enseigne dans l'adresse et dans la page contact */
/*.org{						
	color:#666666;
	font-size:18px;
	font-weight:normal;
}
*/



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

#footer {
	background-color:#3C4E6A;
	margin:0px auto;
	width:auto;
	height:250px;
	font-size:10px;
	color:#000;
}
#footer a{color:#fff; text-decoration:none;line-height:14px;}
#footer a:hover{color:#7C93B8;}
.tab_footer{padding: 30px 0 0 0; }
.tab_footer tr td{padding:0 15px;}
.tab_footer tr td table tr td{padding:0; margin:0;}
.tab_footer ul{padding:0; margin:0;}
.tab_footer ul li{padding:0; margin:0; line-height:14px;}
.colonnes_footer{padding-left:15px; padding-right:15px; padding-top:40px; color:#fff;}
.colonnes_footer1{padding-right:15px; width:230px;}
.colonnes_footer4{padding-left:15px; padding-top:40px; color:#fff; }
.footer_adresse{font-weight:700; line-height:25px; color:#fff; font-size:13px; text-transform:none; width:300px;}
.footer_enseigne{color:#fff; }
.footer_tel{font-weight:700; font-size:13px; line-height:25px; color:#fff; }
.footer_menu {
	list-style-type:none;
	padding-top:0;
	margin-top:0;
}
.footer_menu a{text-decoration:none; }			
.logos_followus { text-align:left; margin-top:10px;}
.logos_followus img { margin: 0 0 7px 0; }
#btn_up{
	position: fixed;
	bottom: 15px;
	right: 25px;
	cursor: pointer;
	display:none;
}
.signature {
	padding-top:10px;
	text-align:left;
	margin-right:14px;
}
/************************************************
					 FOOTER FLIP EFFECT
************************************************/
.card-container {
  height: 50px;
  perspective: 600;
  position: relative;
  width: 50px;
}
.card {
  height: 50px;
  position: absolute;
  transform-style: preserve-3d;
  transition: all 1s ease-in-out;
  width: 50px;
}
.card:hover {
  transform: rotateY(180deg);
}
.card .side {
  backface-visibility: hidden;
  height: 50px;
  position: absolute;
  width: 50px;
}
.card .back {
  transform: rotateY(180deg);
}


/*#footer {
	margin:0px auto;
	width:980px;
	font-size:10px;
	color:#000;
}
#footer a{color:#333; text-decoration:none;line-height:14px;}
#footer a:hover{color:#225ea7;}
.tab_footer{ }
.tab_footer tr td{padding:0 15px;}
.tab_footer tr td table tr td{padding:0; margin:0;}
.tab_footer ul{padding:0; margin:0;}
.tab_footer ul li{padding:0; margin:0; line-height:14px;}
.colonnes_footer{padding-left:15px; padding-right:15px; border-left:dotted 1px #ccc;}
.colonnes_footer1{padding-right:15px; width:230px;}
.colonnes_footer4{padding-left:15px; border-left:dotted 1px #ccc;}
.footer_adresse{font-weight:400; line-height:25px; color:#333; font-size:12px; text-transform:none;}
.footer_enseigne{color:#225ea7;}
.footer_tel{font-weight:700; font-size:13px; line-height:25px; color:#225ea7; }
.footer_menu {
	list-style-type:none;
	padding-top:0;
	margin-top:0;
}
.footer_menu a{text-decoration:none; }			
.logos_followus { text-align:left; margin-top:10px;}
.logos_followus img { margin: 0 0 7px 0; }
#btn_up{
	position: fixed;
	bottom: 15px;
	right: 25px;
	cursor: pointer;
	display:none;
}
.signature {
	padding-top:10px;
	text-align:center;
	margin-right:14px;
}

*/
/************************************************
					 INFOS FIXES
************************************************/
.code_incorrect {font-weight:bold;color:#FF0000;}

.ligne_pointille_vertical {border-left:1px solid #ccc;}
.ligne_pointille_horizontal {border-bottom:1px solid #ccc;}

/************************************************
					COOKIES POPUP
************************************************/

#cookie-alert-container {
	position:fixed;
	z-index: 1337;
	width:100%;
	text-align:center;
	background:#ffebcc;
	color:#856d47;
	border-bottom: 1px solid #dbcfbd;
	margin:0;
	padding:25px;
    top:0;
	font-size:14px;
}

#cookie-alert-container a#accept-cookies {

	font-weight:600;
	cursor:pointer;
	margin-left:12px;
	padding:.25em .5em;
	background:#fff7eb;
	text-decoration:none;
	border:1px solid #cfbfa5;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	display:inline-block;
}
#cookie-alert-container a#accept-cookies:hover {
	background:#fffdfa;
}

#cookie-alert-container a {
	
	font-weight:600;
	color:#856d47;
	border-bottom:1px solid #c1ac8b;
	text-decoration: none;
}

/************************************************
			 Animación images
************************************************/
               .boxgrid{ 
				width: 325px; 
				height: 260px; 
				margin:10px; 
				float:left; 
				background:#161613; 
				border: solid 2px #8399AF; 
				overflow: hidden; 
				position: relative; 
			}
				.boxgrid img{ 
					position: absolute; 
					top: 0; 
					left: 0; 
					border: 0; 
				}
				.boxgrid p{ 
					padding: 0 10px; 
					color:#afafaf; 
					font-weight:bold; 
					font:10pt "Lucida Grande", Arial, sans-serif; 
				}
				
			.boxcaption{ 
				float: left; 
				position: absolute; 
				background: #000; 
				height: 100px; 
				width: 100%; 
				opacity: .8; 
				/* For IE 5-7 */
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
				/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 			}
 				.captionfull .boxcaption {
 					top: 260;
 					left: 0;
 				}
 				.caption .boxcaption {
 					top: 220;
 					left: 0;
 				}
/************************************************
	Ctrl+F couleur par défaut: 
	#225ea7;
	
	>Template par défaut(style1, sans colonne)
	>> Pour rajouter une colone, modifier le padding-left sur le h1, chemin et contenus modifiable.
	
************************************************/

h1 {
	font-size:28px;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight:lighter;
	color:#00255E;
	margin:0 40px 0 20px;
	/* UTILISER CE CODE LA COLONNE 
		margin:0 40px 0 250px;
	 */	
	 padding:70px 0 5px 0;
}

/***********************************************
				CHEMINS
***********************************************/
#chemin{
	clear:both;
	font-size:12px;
    font-weight:normal;
	height:20px;
	margin:0 40px 20px 10px;
	/* UTILISER CE CODE LA COLONNE 
	 margin:0 40px 20px 250px; 
	 */
	color:#666666;
}
#chemin *{
	font-size:12px;
    font-weight:normal;
}
#chemin a {color:#666666;}
#chemin a:hover,#chemin a.active  {color:#666666;}
#chemin span {color:#666666;}

/*****************************************************
				MENU horizontal:  Adapté la hauteur en fonction de la charte
*****************************************************/
ul.menu {
	position:absolute;
	top:420px;
	left:25px;
	height:51px;
	margin:0 0 0 0; padding:0 0 0 0px;
	list-style-type:none;
}
ul.menu li {
	display:inline;
	margin:0;padding:0;
}
ul.menu li a {
	font-family: 'Open Sans', sans-serif;
	display:block;
	float:left;
	height:50px;
	margin:0; padding:0 10px;
	color:#084196;
	font-size:22px;
	font-weight:normal;
	line-height:50px;
	text-decoration:none;
	transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	/*border-left:rgba(0,0,0,.3) solid 1px;
	border-right:rgba(255,255,255,.3) solid 1px;
	-webkit-text-shadow:0px -1px 0 rgba(0,0,0,.2);
	-moz-text-shadow:0px -1px 0 rgba(0,0,0,.2);
	text-shadow:0px -1px 0 rgba(0,0,0,.2);*/
}

ul.menu li a:hover, ul.menu li a.active {
	/*background:url(/media/llado-dental/img/rollhover_opa_f.png);*/
	color:#7DAEF9 ;
}
ul.menu li.premier_lien a { border-left:none;}
ul.menu li.dernier_lien a { border-right:none;}

/*****************************************************
				MENU vertical:  Adapté la hauteur en fonction de la charte
*****************************************************/
/*

ul.menu {
	position:absolute;
	top: 220px;
	left:0px;
	width:213px;
	margin:0; padding:0px;
	list-style-type:none;
	height:250px;
}

ul.menu li{
	height:50px;
	margin:0 0 0 0; padding:0 0 0 0;
	width:213px;
}

ul.menu li a {
	display: block ;
	height:50px;
	margin:0; padding:0 10px;
	color:#000;
	font-size:17px;
	font-weight:normal;
	line-height:50px;
	text-decoration:none;
	transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	border-top:rgba(0,0,0,.3) solid 1px;
	border-bottom:rgba(255,255,255,.3) solid 1px;
	-webkit-text-shadow:0px -1px 0 rgba(0,0,0,.2);
	-moz-text-shadow:0px -1px 0 rgba(0,0,0,.2);
	text-shadow:0px -1px 0 rgba(0,0,0,.2);
}

ul.menu li a:hover, ul.menu li a.active {
	background:url(/media/llado-dental/img/rollhover_opa_f.png);
	color:#225ea7 ;
}
ul.menu li.premier_lien a { border-top:none;}
ul.menu li.dernier_lien a { border-bottom:none; }

*/

/***********************************************************
				CORPS
***********************************************************/

div#contenu_modifiable {
	/*
	text-align:justify;
	*/
	margin:0;
	padding:0 10px 30px 0;
	/* UTILISER CE CODE LA COLONNE 
		padding:0 10px 30px 250px;
	 */
}

/****************************************************
				ADRESSE
****************************************************/
div#adresse {
	clear:both;
	background: url('/media/llado-dental/img/adresse.jpg') no-repeat;
	height:69px;
	color:#666666;
	font-weight:normal;
	/*line-height:69px;*/
	text-align:center;
	font-size:14px;
}
/* ---- Adaptación al menú de Nenuphar ({menu}) ---- */
#conteneur ul.menu ul{display:none;}
ul.menu li.selected > a{color:#7DAEF9;}
/* ---- Pie: menús fijos ---- */
.footer_menu li{line-height:16px;}
.footer_menu .pxmck-reabrir{font-size:10px;font-weight:bold;color:#fff;text-decoration:none;}
/* ---- Formulario de contacto (contactv2): que no se salga del marco ---- */
.contactForm input, .contactForm textarea, .contactForm select { box-sizing: border-box; max-width: 100%; }
.contactForm fieldset { box-sizing: border-box; max-width: 100%; margin: 0; }
.contactForm .contact-field-element { max-width: 100%; }
.contactForm legend { display:none; }
/* ---- Mapa ---- */
.block_plan_coordonnees iframe{display:block;width:100%;height:300px;border:0;}
.block_plan_coordonnees .pxmck-bloqueado{min-height:300px;}
/* ---- Páginas legales ---- */
#contenu_modifiable a{color:#084196;}
.pxm-politica th, .pxm-politica code { color:#333; }

/* ==== Adaptación a pantallas pequeñas (la web original era de 980px fijos) ==== */
@media (max-width: 1000px) {
	body { background-size: 204vw auto; background-position: center top; }
	div#conteneur { width: auto; padding-top: 61vw; }
	div#entete { position: absolute; top: 7.6vw; left: 2vw; margin: 0; height: auto; }
	div#entete img { width: 44vw; height: auto; }

	ul.menu { position: static; height: auto; margin: 0; padding: 0;
		display: flex; flex-wrap: wrap; justify-content: center; background: #3C4E6A; }
	ul.menu li a { float: none; height: auto; margin: 0; padding: 12px 14px;
		font-size: 17px; line-height: 1.3; color: #fff; border: 0; }
	ul.menu li.selected > a { color: #7DAEF9; }

	div#contenu { margin: 0; padding: 20px 15px 0; }
	h1 { margin: 0; padding: 5px 0 15px; font-size: 24px; }
	div#contenu_modifiable { padding: 0 0 30px; text-align: left; }
	div#contenu_modifiable img { max-width: 100%; height: auto; }

	/* tablas de maquetación del contenido: una columna */
	#contenu_modifiable table, #contenu_modifiable tbody,
	#contenu_modifiable tr, #contenu_modifiable td { display: block; width: auto !important; }
	#contenu_modifiable td { padding: 0 0 15px !important; text-align: left; }
	#contenu_modifiable td[align=center] { text-align: center; }
	#contenu_modifiable table[bgcolor] { padding: 10px; }

	.colonne_formulaire_contact_left, .colonne_formulaire_contact_right {
		float: none; width: auto; margin: 0 0 15px; }

	#footer { height: auto; padding-bottom: 20px; }
	.tab_footer { width: 100%; }
	.tab_footer, .tab_footer > tbody, .tab_footer > tbody > tr, .tab_footer > tbody > tr > td { display: block; width: auto !important; }
	.tab_footer > tbody > tr > td { padding: 0 15px 15px; }
	.colonnes_footer, .colonnes_footer4 { padding-top: 10px; }
	.footer_adresse { width: auto; }
	.footer_menu a, .footer_menu .pxmck-reabrir { font-size: 13px; line-height: 24px; }
	.footer_menu li { line-height: 24px; }

	#btn_up { right: 12px; bottom: 12px; }
	#btn_up img { width: 44px; }
}