* { margin:0; padding:0; }
body { background:#231A1A; font-size: 0.8em; color:#615F54; font-family: Helvetica, Arial; text-align: center; margin: auto; margin-top: 1.5em; margin-bottom: 1.5em; padding:0;}

#main { border-radius: 0.7em; -webkit-box-shadow: 0px 0px 20px 0px #212121; box-shadow: 0px 0px 20px 0px #212121; background:#891C1E; max-width: 1000px; margin: 0 auto; padding: 0; border: solid 1px red;; display:table; }
#nav { border-radius: 0.6em; background:#464742; background-image: -webkit-linear-gradient(top, #31332F, #484C46, #646963); background-image: linear-gradient(to bottom, #31332F, #484C46, #646963); text-align: center; width: 100%; height: auto; margin-top: 0; margin-bottom: 0; padding-bottom: 0; border-bottom: 1px solid black; z-index: 2;}
#navlogo { float:left; margin-top:0px;margin-left:10px;position:absolute;border-bottom:1px solid red}
#navcontact {display:none;font-size:1.2em;color:#fff;text-align:center;margin:auto;}
#left { position: relative; float:left; color: #fff; width: 27%; z-index: 0; margin-top: 0; margin-right: 1.8em; margin-left: 1em; }
#content { float: left; width: 64%; height:auto; }
#contenu { background-color: #F8F7F5; text-align: justify; width: 100%; padding-right: 3%; padding-left: 3%; padding-top:2%; padding-bottom:1.5em;margin-bottom:1em; -webkit-box-shadow: 0px 0px 0.5em 0px #666666; box-shadow: 0px 0px 0.5em 0px #666666; border-radius: 0.5em; border: solid 1px #999999;}
#contenu table { width: 100%; }
#contenu ul { text-align:left;margin-left:auto}
.retraitul {padding-left:2em;list-style-type:square;}
#top {display:none}
#topdivice { display:none; position:fixed; right:0; bottom:2em; border-radius:0.2em; font-size:0.7em; background-color:red;padding:0.5em; z-index: 1;}
#topdivice a { text-decoration:none; color:#FFFFFF}

#wrapper {padding:1.25em;width:900px;}
#wrapper pre { white-space:pre-wrap;}
#wrapper p {margin-bottom:0.6em; }
#wrapper h1 {font-size:2.5em;}
/*
-------------------------------------------
hfeed
-------------------------------------------
*/
.hfeed h1, a { color:#e5011a; text-decoration:none;}
a:hover { color:#000;}
.hfeed h1 {font-size:1.8em; font-weight: normal }
.hfeed .entry-content {}
.hfeed .post-info {margin:0;}
.hfeed .tags {margin:0 0 10px 0;}
.hfeed .post-info .author, .hfeed .post-info .published { display:inline; padding-right:0.5em;}
.hfeed .post-info .author:before { content:'Author ';}
.hfeed .post-info .author:after { content:', ';}
.hfeed .tags {padding:0;}
.hfeed .tags:before { content:'Tags : ';}
.hfeed .tags li { display:inline; padding-right:0.5em;}
/*
-------------------------------------------
div#navigation = COLOR
-------------------------------------------
*/
ul#menu { border-bottom: 10px solid red; box-shadow: 0px 1px #8A0406;}

ul#menu > li a {background: #F72100; color:#fff; text-shadow: 0px -1px 1px black; background-image: -webkit-linear-gradient(top, #F80206, #640102); background-image: linear-gradient(to bottom, #F80206, #640102);}
ul#menu li.hover > a, ul#menu li:hover > a,
ul#menu a.current, ul#menu a:hover, ul#menu a:focus {background: red; color: #fff; text-shadow:none;}
ul#menu ul a {background:#fff;color:#000;font-size:90%; text-transform:none}

/*
-------------------------------------------
div#navigation = STYLES
-------------------------------------------
*/
ul#menu {padding:0;width:100%;}
ul#menu li {list-style:none;-webkit-box-shadow: 0px 0px 10px 0px #ffffff; box-shadow: 0px 0px 10px 0px #ffffff; }
ul#menu > li { display:inline-block;line-height: 1.2em; margin-right:0.2em;position:relative; vertical-align:top;}
ul#menu > li span + span {font-size:70%;padding-left:0;text-align:right;}
ul#menu li a {display:block;font-weight:normal;padding:0.4em 0.8em; position:relative;text-decoration:none;}
ul#menu ul a { text-shadow:none;}

ul#menu > li > a {border-radius: 0.2em;}
ul#menu li.sub > a {border-radius: 0.2em 0.2em 0 0;}
ul#menu ul,
ul#menu li li:last-child,
ul#menu li li:last-child a,
ul#menu li li:last-child a:hover {border-radius: 0 0 0.2em 0.2em}

ul#menu.drop {padding:0% 0% 0;}
ul#menu.drop > li > a {border-radius: 0.2em 0.2em 0 0;}
ul#menu.drop li:hover > ul, ul#menu.drop li.hover > ul, ul#menu.drop li > a:focus + ul { left:0;}
ul#menu.drop ul { left: -9999px;position: absolute;z-index:999;}
ul#menu.drop ul a {width:auto;border-bottom:1px solid #dadada;border-left:1px solid #dadada;border-right:1px solid #dadada;}


#logotxt { color: #ffffff; font-size: 2.5em; text-align: left; padding-top: 0.8em; padding-bottom: 0.1em; margin-left:350px}
.logotxtunder { font-size: 0.6em; font-weight: 300; font-family: 'Roboto Condensed', sans-serif; !important; line-height: 1.1em; color: #FFFFFF; padding-top: 0.6em;}

#coord { width: 251px; margin: 0 0 0 0px; padding: 0; }

p { text-align: justify; margin-bottom:0.4em; padding-top:0.4em }
td { vertical-align: top; }
a:link { color: red; text-decoration: none; }
a:visited { color: red; text-decoration: none; }
a:hover { color: #a20210; text-decoration: underline; }
a:active { color: #f00; }

#clientavis {width:100%;text-align:center;border-bottom:1px solid red;background-color:black;margin-bottom:10px;diplay:block;clear:both}
#clientavis img {width:45%}
.jaunedevis,
.noirdevis { color: #ff0; font-size: 1.4em; font-weight: bold; font-stretch: expanded; margin-top: 4px; margin-bottom: 4px; }
.noirdevis { color: #000  }
#avisClient:hover { text-decoration: none }
#avisClient:hover span.jaunedevis { border-bottom: 1px solid #FF0 }
#avisClient:hover span.noirdevis { border-bottom: none }

/*---------------------- style left------------------------*/

.blockleft { color:black; background-color: #d8dddf; background-image: -webkit-linear-gradient(top, #F8F7F5, #EAE8E1); background-image: linear-gradient(to bottom, #F8F7F5, #EAE8E1); border-radius: 0.4em; -webkit-box-shadow: 0px 0px 0.5em 0px #666666; box-shadow: 0px 0px 0.5em 0px #666666; border-bottom:1px solid #A3A3A3; width: 100%; padding-top: 0.3em; padding-bottom: 1em; }
#left ul { margin-top: 0.5em; padding: 0 0.9em; list-style-type: none; }
#left li:first-child {border-top: 1px dashed gray;}
#left li a:link, #left li a:visited { background-color: #ffffff; text-align: left; margin: 0.2em 0 0; padding: 0.2em 0.3em; border-bottom: 1px dashed gray; list-style-type: none; display: block; }
#left li a:hover, left li a:visited:hover { color: black; background-color: #C7E3D0; border-bottom-color: black; border-bottom-style: solid; text-decoration:none }
#left a:link, #left a:visited { padding-right: 3px; padding-left: 3px; list-style-image: none; }
#left a:hover, #left a:visited:hover {  }

.address, .depannage, .tel, .fax, .mail, .plan, .renseigne { background-repeat: no-repeat; background-position: 10px 0; text-align: left; padding-left: 50px; }
.address { background-image: url(/media/imgs/gauche/logo/adresse.gif); background-position: 6px 0px; font-size:1.05em; margin-top:1em }
.renseigne { height:26px; background-image: url(/media/imgs/gauche/logo/renseignement.gif); background-position: 11px -3px; margin-top: 5px; font-size:13px }
.renseigne strong {font-size:1.5em; color:red;}
.renseigne a:link, .renseigne a:visited { line-height: 1.5em; background-color: red; color: white; margin-top: 0.3em; padding: 0.5em ; border-radius: 0.4em; }
.renseigne a:hover, .renseigne a:visited:hover { background-color: white; color: red; text-decoration:none }
.depannage { font-weight: bold; line-height: 20px; background-image: url(/media/imgs/gauche/logo/depannage.gif); background-position: 6px 0; padding-top: 10px; padding-bottom: 6px; }
.tel, .fax, .mail, .plan { padding-top:2px; padding-bottom:8px; }
.tel { font-size: 16px; background-image: url(/media/imgs/gauche/logo/tel.gif); }
.telplus { font-size: 14px; font-weight: bold; }
.fax { background-image: url(/media/imgs/gauche/logo/fax.gif); }
.mail { background-image: url(/media/imgs/gauche/logo/mail.gif); }
.plan { background-image: url(/media/imgs/gauche/logo/plan.gif); }
.coord a:link, .coord a:visited { color: #002ec1; text-decoration: underline; }
.coord a:hover, .coord a:visited:hover { color: #a20210; text-decoration: underline; border-right-color: black; border-left-color: black; }



#premium { background-image: url(/common/media/imgs/gauche/installateur-premium-agree.jpg); background-repeat: no-repeat; background-position: center 0; background-size:80% auto; text-align: center; position: relative; width: 100%; height: 125px; margin-top: 1em; padding-bottom: 2em; }
#anneegauche, #anneedroite { color: #002ec1; font-size: 9px; font-weight: bold; position: absolute; top: 6px; }
#anneegauche { left: 35px; }
#anneedroite { right: 35px; }
#installateur { color: black; font-size: 1.1em; position: absolute; top: 45%; left: 0; width: 100%; clear: both; }

/*---------------------- style du fragment tdj_liens_colonne_gauche.php de left.php (celui avec le nuancier des portes et serrures)------------------------*/
#tjn { width:100%; color: white; background:#E4E4E6; background-image: -webkit-linear-gradient(top, #7B7B7B, #4A4E4F); background-image: linear-gradient(to bottom, #7B7B7B, #4A4E4F); padding-top: 0.1em; padding-bottom: 1.2em; }
#tdjBlocLinks { }
#tdjBlocLinks li a:link, #tdjBlocLinks li a:visited  { display: table; width:97%; color: #ffffff; background-color:red; height: auto; padding-top: 0.5em; padding-bottom: 0.2em; border-bottom: 1px solid black; }
#tdjBlocLinks li a:hover, #tdjBlocLinks li a:visited:hover { color: black; background-color: white; }
#tdjBlocLinks li.alignleft {  }
#tdjBlocLinks li.aligncenter {  }
#tdjBlocLinks a.linkImg, #tdjBlocLinks img { float: left; margin-right: 5px; }
p.fabricant_position  { font-size: 10px; line-height: 12px; text-align: center; margin: 0; padding: 0 10px 4px; }
p.fabricant_position a { text-align: center; margin: 0 0 5px; padding-top: 2px; padding-bottom: 2px; display: block; }
p.fabricant_position a:link, p.fabricant_position a:visited { color: white; background-color: red; margin-bottom: 3px; padding-top: 3px; padding-bottom: 3px; }
p.fabricant_position a:hover, p.fabricant_position a:visited:hover { color: black; background-color: red; }

/*---------------------- contenu------------------------*/

#fil { color: #FFFFFF; font-size: 0.9em; text-align: left; width: auto; margin-bottom: 1.2em; }
#fil a:link, #fil a:visited { color: #F9C900; font-weight: bold; }
#fil a:hover, #fil a:visited:hover { color: red; }

h1 { color: #3A3939; font-size: 1.9em; font-weight: 400; padding-bottom:0.2em; text-align: center; margin-bottom:0.5em; font-family: 'Roboto Condensed', sans-serif; !important; }
h2 { color: black; font-size: 1.6em; font-family: 'Roboto Condensed', sans-serif; !important; font-weight: 400; background-image: -webkit-linear-gradient(top, #ffffff, #EAE8E1); background-image: linear-gradient(to bottom, #ffffff, #EAE8E1); padding: 0.5em; border-radius: 0.4em; margin-bottom:1.1em; margin-top:1.5em; text-align:left; -webkit-box-shadow: 0px 0px 0.3em 0px #BCBCBC; box-shadow: 0px 0px 0.3em 0px #BCBCBC; border-bottom:1px solid #A3A3A3}
h3 { display:inline-block; font-family: 'Roboto Condensed', sans-serif; !important; color: #887048; font-size: 1.4em; font-weight: 400; margin: 0 0 10px; padding:5px; background-image: -webkit-linear-gradient(top, #FFFFFF, #F9F6EC, #DFDDD5); background-image: linear-gradient(to bottom, #FFFFFF, #F9F6EC, #DFDDD5); border-radius: 0.3em; border:0; }
h4 { font-size: 1.1em; margin: 0 0 1.1em; }

.dfnnormal {font-weight:normal}

.topimg { width:100%; border-radius:0.4em; border:1px solid black; }

.img2 { width:100%; }

.cadregris { font-size: 0.8em; padding-top: 0; padding-bottom: 10px; }
.sstitre { font-size: 14px; font-weight: normal; }

.imgfloatleft { float:left; margin-right:1.5em; margin-bottom:0.9em }
.imginline {display:inline-block;height:auto;}

.devisModele {
	float: left;
	height: 250px;
	width: 250px;
	margin-bottom: 10px;
	margin-right: 20px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;
	border: 2px solid #F90;
	box-shadow: 5px 5px 10px #CCC;
	list-style-type: none;
	overflow: hidden;
}

.product {margin:5px; padding:8px; display:inline-block;border:1px solid #666666; background-color:#FFFFFF; text-align:center}

/*---------------------- serrures------------------------*/

#choixserrure { border-bottom: 1px solid #A3A3A3; display:table; border-radius:0.4em; text-align:center; width:100%; font-size:0.9em; color:black; -webkit-linear-gradient(top, #F8F7F5, #EAE8E1); background-image: linear-gradient(to bottom, #F8F7F5, #EAE8E1); -webkit-box-shadow: 0px 0px 0.3em 0px #BCBCBC; box-shadow: 0px 0px 0.3em 0px #BCBCBC; }
div.choixserrure { float:left; padding:0.2em 0em; width:25%; display:inline-block; text-align:center; }
div.choixserruretxt { height:3.5em; vertical-align:middle;display:table-cell;margin:auto;width:25em;text-align:center;margin-top:0.5em;margin-bottom:0.1em; }
div.choixserruretxt strong { line-height:1.2em;text-align:center;width:100%;z-index:10;}
.buttonlien a {color:black;display:inline-block;padding:0.2em;border:1px solid black;border-radius:0.3em; background-image: -webkit-linear-gradient(top, #FBF3C6, #EFDDA5); background-image: linear-gradient(to bottom, #FBF3C6, #EFDDA5);margin-bottom:0.5em; width:80%}


table.produit { font-size: 1.0em; }
table.sommserrure { color: black; font-size: 1.0em; background-color: white; border-left: 1px solid #8a9994; border-bottom: 1px solid #8a9994; }
.produit td { padding-top: 0.5em; padding-bottom: 5px; border-top: 1px dashed #8a9994; }
.sommserrure td { margin-top: 0.5em; padding: 5px 0; border-top: 1px solid #8a9994; border-right: 1px solid #8a9994; }
.produit img { margin-top: 0.3em; border: solid 1px black; }
.sommserrure a:link, .sommserrure a:visited, .sommserrure a:hover, .sommserrure a:visited:hover { color: #f00; }
.jaune { color: #ff0; }
.blanc { color: white; }
.vertdevis { color: #c7ff00; font-size: 1.6em; font-weight: bold; font-stretch: expanded; margin-top: 0.4em; margin-bottom: 0.4em; }
.rouge { color: red; }
.noir { color: black; }
.gris { color: #A6A29B; }

.cadreinfoporte { color: black; background-image: -webkit-linear-gradient(top, #F8F7E4, #F8C757); background-image: linear-gradient(to bottom, #F8F7E4, #F8C757); padding: 0.4em 0.4em 0.2em; border: solid 1px;border-radius: 0.4em;margin-bottom:0.5em; }
.cadreinfoporte h5 { color:red; font-size: 1.3em; text-align: center; margin: 0; margin-bottom:0.3em; padding: 0.2em 0 0.1em; border-bottom:1px solid black }

.center { text-align: center; }
.legende { font-size: 0.9em; }
.vignette img { vertical-align: middle; margin-right: 0.3em; margin-bottom: 0.3em; border-style: none; border-width: 0; }
#plansite a:link, #plansite a:visited { color: black; text-align: center; padding: 0.3em; display: block; }
#plansite a:hover, #plansite a:visited:hover { color: red;  }
sup { font-size: 0.8em; }
.c14 { font-size: 1.1em; }
.c16 { font-size: 1.2em; }
.c18 { font-size: 1.3em; }
.c24 { font-size: 1.4em; }
.c20bold { color: red; font-size: 20px; font-weight: bold; }
.c25bold { color: #ff0; font-size: 25px; font-weight: bold; }
.imghome { float: left; margin-right: 15px; margin-bottom: 10px; border: solid 1px white; }
.legendeinstal, .legendeinstal a:link, .legendeinstal a:visited { color: #6e8ca6; font-size: 9px; text-align: center; width: 100%; display: block; }

/*---------------------- style du fragment tdj_pub------------------------*/

#tdj_pub p {text-align:center; margin-top:1em}

/*---------------------- style du fragment tdj_liens_page_accueil------------------------*/

#tdj_liens_page_accueil_liste  { list-style-type: none; margin-top: 0px; padding-left: 0px; }
#tdj_liens_page_accueil_sous_liste  { list-style-type: disc; margin-top: 10px;}
#tdj_liens_page_accueil_liste li.element_liste_espace { margin-top: 11px; margin-bottom: 11px;}
#tdj_liens_page_accueil_span { margin-left: 17px; }


#slider,
#slider2 {  }
.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
		margin:0;
		padding:0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }

#slider2 {  }
.rslides2 {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides2 li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
		margin:0;
		padding:0;
  }

.rslides2 li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides2 img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }


.blockcontenu {clear:both; display:block; padding-top:1.5em; padding-bottom:0.5em; height: auto; }
.blockcontenu h2 {margin-top:0 }
.blockcontenu h3 {font-size:1.5em;margin-top:0;text-align:center; }
.blockcontenu ul { margin-bottom:0.5em}
.blockcontenu li { margin-top:0.3em; list-style-type:square; margin-left:1.5em; }
.blockcontenu img {float:left; margin-right:1.8em; margin-top:0.2em; margin-bottom:1.2em; border:1px solid black; border-radius:0.4em; height:auto;}
.blockcontenu img.vignette {margin-right:0.2em; margin-top:0.1em;margin-left:-0.3em; width:1.3em; height:1.3em; float:none; margin-bottom:-0.4em; border:0px; border-radius:0; }
.blockcontenu hr {display:none}
.infodoc { font-size:0.9em; }
.blocktxt { display:table-cell; padding:0px; margin:0px; height: auto; }
.blocktxt p { margin-top:0px; margin-bottom:0.4em; text-align:left; }
.blockcadre { border: 1px solid #CACBCD; padding:0.5em; font-size:0.8em;}
.blocklien { padding-left:0.8em; font-weight:bold;padding-bottom:0.3em; }
.legende { font-size:0.7em; }
.promoprod { display:table-cell; border: 1px solid red; padding: 0.5em; text-align: center; margin-bottom:1em; border-radius:0.4em; background-color:rgba(231,229,223,1.00)}


/* ------------------------------------------ formulaire de demande d'informations ------------------------------------- */
#renseignement { width: 640px; }
#texterenseignement { background-color: #F2EFEF; margin: 10px 0; padding: 10px; }
#texterenseignement h3 { font-size: 1.5em; margin: 0; padding: 3px 0 2px 0; }
#texterenseignement td { vertical-align: text-bottom; margin-top: 3px; border-top: 1px solid white; }

#texterenseignement #demande_infos h3 { padding: 4px 0 1px 0; border-top: 1px solid white;}
#texterenseignement #demande_infos fieldset { border: none; margin: 0px; padding: 2px; }
#texterenseignement #demande_infos p { margin-top: 3px;line-height:14px;padding-top:3px; }
#texterenseignement #demande_infos .controls { display: inline; }
#texterenseignement #demande_infos .control-group { border-top: 1px solid white; margin-bottom: 3px; padding-top: 3px; text-align: left; }
#texterenseignement #demande_infos .control-label { margin-top: 3px; }
#texterenseignement #demande_infos div.type_habitat label.control-label,
#texterenseignement #demande_infos .coordonnes label.control-label,
#texterenseignement #demande_infos .div_commentaire label.control-label { float: left; width: 131px; }
#texterenseignement #demande_infos .radio { padding-right: 20px; }
#texterenseignement #demande_infos .checkbox { float: left; padding-right: 1.5em; }
#texterenseignement #demande_infos .div_autre_demande { clear: both; }
#texterenseignement #demande_infos .div_autre_demande .control-group { border-top: none; }
#texterenseignement #demande_infos .div_date_realisation,
#texterenseignement #demande_infos .nom_prenom_cp_ville { border-top: 1px solid white; padding: 3px 0 3px 0; text-align: left; }
#texterenseignement #demande_infos .div_date_realisation .control-group { display: inline; border-top: none; }
#texterenseignement #demande_infos .nom_prenom_cp_ville .control-group { display: inline; border-top: none; margin-right: 15px; }
#texterenseignement #demande_infos .tranche_horaire .checkbox { float: none; }
#texterenseignement #demande_infos .div_commentaire { border-bottom: 1px solid white; margin-bottom: 3px; }
#texterenseignement #demande_infos .div_commentaire textarea { width: 400px; height:154px }
#texterenseignement #demande_infos #btn_submit { float: right; }


@media screen and (min-device-width: 768px) and (max-device-width: 1024px){
body {font-size: 0.8em;margin-top: 0;}
#wrapper {width:95%;}
ul#menu {padding:0;width:96%;margin:auto}
#nav {font-size: 1.1em;}
#clientavis img {width:75%}
ul#menu.drop {padding:2%;}
ul#menu.drop > li > a {border-radius: 0.4em;}
ul#menu.drop li.sub > a {border-radius: 0.4em 0.4em 0 0;}
ul#menu.drop ul, ul#menu.drop li:hover > ul, ul#menu.drop li.hover > ul { left:0;}
ul#menu.drop ul { padding-top:0;position:relative;}
ul#menu.drop ul a, ul#menu.drop ul li:last-child a { border-left:0; border-right:0!important;border-top:0!important;}
ul#menu.drop ul li:first-child a {border-top:1px solid #dadada;}
ul#menu.drop ul a {width:auto;}
ul#menu.drop ul a { border-left:0; border-right:0!important;}
ul#menu.drop ul li:last-child a { border-bottom:0;}
h3 { font-size: 1.5em;}
}


@media (max-width:750px) {
body {font-size: 1.4em;margin-top: 0;}
#wrapper {width:90%;}
ul#menu {padding:0;width:96%;margin:auto}
ul#menu.drop {padding:2%;}
ul#menu.drop > li > a {border-radius: 0.4em;}
ul#menu.drop li.sub > a {border-radius: 0.4em 0.4em 0 0;}
ul#menu.drop ul, ul#menu.drop li:hover > ul, ul#menu.drop li.hover > ul { left:0;}
ul#menu.drop ul { padding-top:0;position:relative;}
ul#menu.drop ul a, ul#menu.drop ul li:last-child a { border-left:0; border-right:0!important;border-top:0!important;}
ul#menu.drop ul li:first-child a {border-top:1px solid #dadada;}
ul#menu.drop ul a {width:auto;}
ul#menu.drop ul a { border-left:0; border-right:0!important;}
ul#menu.drop ul li:last-child a { border-bottom:0;}
#main { width:100%;padding:0;}
#nav { margin:0;padding:0}
#logotxt { text-align: center; margin-left:0}

#clientavis img {width:90%}
#navlogo { display:none;}
#navcontact {display:inline;}
#left { display:none }
#topdivice { display:block}
#content { float: none; width: 94%; height:auto; margin-top:1em; margin-left:0.5em; padding:0 }
#contenu { padding-right: 2%; padding-left: 2%; margin:0 }
.logotxtunder { display:none}
.blockcontenu img { float:none; width:100%;margin-right:0 }
#fil { display:none }
h1 { font-size: 1.5em;}
h2 { font-size: 1.2em;}
#top {display:inline}
}

@media (max-width:640px) {
body {font-size: 1.3em;margin-top: 0;}
ul#menu {padding:0;width:96%;margin:auto}
ul#menu > li {display: block;margin-top:0.2em;}
ul#menu li a {padding:0.2em 0.4em;}
ul#menu.drop > li > a span+span {float:right}
#nav { margin:0;padding:0}
#logotxt { text-align: center; margin-left:0}
#navlogo { display:none;}
#navcontact {display:inline;}
#clientavis img {width:90%}
#main { width:100%;padding:0;}
#left { display:none }
#topdivice { display:block}
#content { float: none; width: 95%; height:auto; margin:0; padding:0 }
#contenu { padding-right: 2%; padding-left: 2%; margin:0 }
.logotxtunder { display:none}
.blockcontenu img { float:none; width:100%;margin-right:0 }
#fil { display:none }
h1 { font-size: 1.5em;}
h2 { font-size: 1.2em;}
h3 { font-size: 1em;}
.reduc { font-size: 0.9em;}
.blockcontenu h3 {font-size:1em;margin-top:0;text-align:left;font-weight:600; }
#top {display:inline}
div.choixserruretxt strong { line-height:1.1em;font-size:0.8em}
}

@media screen and (max-width:640px) and (orientation: landscape) {
body {-webkit-text-size-adjust: 50%;}
ul#menu {-webkit-text-size-adjust: 70%;}
ul#menu li a {padding:0.3em 0.5em;}
#navlogo { display:none;}

#clientavis img {width:70%}
}