body
{
min-width:320px;
color: #c9985e;
font-family: Eras Medium ITC, Arial, Serif;
}
body,td,th {
	color: #c9985e;
}
a:link {
	text-decoration: none;
	color: #c9985e;
}
a:visited {
	text-decoration: none;
	color: #c9985e;
}
a:hover {
	text-decoration: none;
	color: #cccccc;
}
a:active {
	text-decoration: none;
	color: #c9985e;
}
header, section, footer, nav, aside, img
{
max-width:100%;
margin:0;
}
@media (orientation:portrait){
	
.navordi{
	display: none;
}
body{
background-color:#000000;	
}
.npt
{
	width:100%;
	height:100%;
}
.entetetel
{
	width:100%;
	height:100%;
}
.submenutel
{
    display: none;	
}
.navtel li
{
list-style-type: none;	
}
.navtel li:hover .submenutel{
	display: inline-block;
	position: absolute;
	z-index: 1000;
	top: 120px;
	left:0px;
	padding:10px 10px 10px 10px;
	width:100%;
	
}
.submenutel li{
	border-bottom: 1px solid #c9985e;
}
.submenutel {
	background-color: #000000;
}

.submenutel {
	
	font-size:30px;
	color:#c9985e;
}
.submenutel :hover a{
	color:#ffffff;
	
}
#figurinetel
{
	width:100%;
	height:100%;
}



.warhammertel
{
background: url("objet figurines/clic warhammer tel2.jpg");
background-repeat:no-repeat;
width:300px;
height:auto;
font-weight: bold;
}
.roletel
{
background: url("objet figurines/clic role tel2.jpg");
background-repeat:no-repeat;
width:300px;
height:auto;
font-weight: bold;
}
.plateautel
{
background: url("objet figurines/clic plateau tel2.jpg");
background-repeat:no-repeat;
width:300px;
height:auto;
font-weight: bold;
}
.herostel
{
background: url("objet figurines/clic heros tel.jpg");
background-repeat:no-repeat;
width:300px;
height:auto;
font-weight: bold;
}
.menurole1
{
	position: absolute;
	width: 100%;
	
	top:90px;
}
.menurole
{
	position: absolute;
	left:30px;
	top:30px;

}
.logofoot
{
width: 80px;
height: auto;
}
#textfoot
{
font-size: 12px;
}
.batiment
{
background: url("objet decors/clic batiment tel.jpg");
background-repeat:no-repeat;
width:300px;
height:auto;
font-weight: bold;
}
.naturel
{
background: url("objet decors/clic naturel tel.jpg");
background-repeat:no-repeat;
width:300px;
height:auto;
font-weight: bold;
}
.objet
{
background: url("objet decors/clic objet tel.jpg");
background-repeat:no-repeat;
width:300px;
height:auto;
font-weight: bold;
}
.slotcar
{
background: url("objet decors/clic slotcar tel.jpg");
background-repeat:no-repeat;
width:300px;
height:auto;
font-weight: bold;
}
.devis
{
width:160px;
height:auto;	
}
.mfont
{
font-size:20px;
font-weight: normal;
}
#cell
{
border-collapse: collapse;
}
#cell td
{
padding-left: 20px;
padding-right: 20px;
}
#border 
{
border-right: 1px solid #c9985e;
}
.pfont
{
font-size: 9px;
}
.sfont
{
border-bottom: 1px solid #C9985e;
}
.borderbottom
{
border-bottom: 1px solid #C9985e;
}
.container
{
position:relative;
top:30px;
}

.texte
{
	
	text-align:justify;
	
	
}

}


@media (orientation:landscape) {
.navtel{
	display: none;
}
#entete
{
max-width:100%;
}
nav
{
height:50px;
}
header 
{
background-repeat: no-repeat;
background-color:rgb(00,00,00);
background-color:rgba(00,00,00,1);
width:1400px;
height:150px;
margin:auto;
text-decoration:none;
}
#logo
{
display:inline-block;
height:70px;
width:280px;
position:absolute;
padding-top:20px;
padding-left:10px;
opacity:1;
text-decoration:none;
}
#dore
{
	width: 30px;
	height: 30px;
}
#info,h1, h2, h3, h4
{
color:#999999;
text-decoration:none;
font-family: Eras Medium ITC, Arial, Serif;
font-size:small;
font-weight:normal;
margin:0px;
position:relative;
left:1250px;
top:55px;
}
nav
{
position:relative;
top: 50px;
max-width:1400px;
margin:auto;
text-decoration:none;
background-repeat: no-repeat;
background-color:rgb(00,00,00);
background-color:rgba(00,00,00,1);
}
.index-html{
	width:144px;
	height:36px;
}
.figurines-html{
	width:144px;
	height:36px;
}
.decors-html{
	width:144px;
	height:36px;
}
.contact-html{
	width:144px;
	height:36px;
}
.tarifs-html{
	width:144px;
	height:36px;
}
.navordi ul li {
	display: inline-block;
	position: relative;	
}
/* .représente la balise class, ul et li sont les éléments de cette balise qui sont affecté*/
.submenu{
	display: none;
}
.submenud{
	display: none;
}
/*rend invisible le sous menu jusqu'au hover*/
.navordi li:hover .submenu{
	display: inline-block;
	position: absolute;
	z-index: 1000;
	top: 100%;
	left:-10px;
}
.navordi li:hover .submenud{
	display: inline-block;
	position: absolute;
	z-index: 1000;
	top: 100%;
	left:-155px;
}
/*fait apparaitre le sous menu*/
.tableausm{
	border-collapse: collapse;
	width: 1000px;
}
/*propriété générale du tableau contenant les sous menu*/
.demeures{
	position:absolute;
	left:100px;
}
/*propriété générale des liens ciblés*/
.tsm td a{
	border-bottom: 1px solid #C9985e;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	font-size: 10px;
	color:#c9985e;
}
/*propriété de la première ligne des sous menu*/
.csm td a{
	padding: 0px;
	margin: 0px 0px 0px 0px;
	font-size: 10px;
	color:#c9985e;
}
/* propriété des autres lignes des sous-menu*/
.figurines-html .submenu{
	background-color:#000000; 	
}
.decors-html .submenud{
	background-color:#000000; 	
}
/*propriété du cadre contenant le sous menu*/
.submenu td:hover a{
	color:#ffffff;
}
.submenud td:hover a{
	color:#ffffff;
}
/*modifie la couleur du texte du sous menu lors du hover*/
.figurines-html .submenu td:hover{
	background-color:RGB(201, 152, 94) 
}
.decors-html .submenud td:hover{
	background-color:RGB(201, 152, 94) 
}
body
{
font-family: Eras Medium ITC, Arial, Serif;
color:#999999;
font-size: small;
background:url("objet menu/fond ldlw petit f.jpg") fixed repeat top right;
text-decoration:none;
}
section
{
background-color:rgb(00,00,00);
background-color:rgba(00,00,00,0.9);
background-position:top;
max-width:1400px;
margin:auto;
color:#999999;
font-size:medium;
position:relative;
text-decoration:none;
}
.court
{
background-color:rgb(00,00,00);
background-color:rgba(00,00,00,0.9);
background-position:top;
width:1400px;
height:800px;
margin:auto;
color:#999999;
font-size:medium;
position:relative;
text-decoration:none;
}
footer
{
color:#c9985e;
font-size: 11px;
background-repeat: no-repeat;
background-color:rgb(00,00,00);
background-color:rgba(00,00,00,1);
width:1400px;
height:600px;
bottom:-5px;
margin:auto;
position:relative;
text-decoration:none;
}
#pied-de-page
{
text-align:center;
text-decoration:none;
}
#pied-de-page li
{
display:inline-block;
list-style-type: none;
position: relative;
top:20px;
text-decoration:none;
}
#mention
{text-align:center;
margin:0px;
padding:0px;
position:relative;
top:-20px;
text-decoration:none;
}
footer a:link
{
color:#c9985e;
text-decoration: none;
}
footer a:visited {
	text-decoration: none;
	color: #c9985e;
	}
footer a:hover
{
text-decoration: none;
color: #ffffff;
}
footer a:active {
	text-decoration: none;
	color: #c9985e;
}
#food 
{
position:relative;
top:30px;
}
#cell
{
border-collapse: collapse;
}
#cell td
{
padding-left: 20px;
padding-right: 20px;
}
#border 
{
border-right: 1px solid #c9985e;
}
.pfont
{
font-size: 9px;
}
.sfont
{
border-bottom: 1px solid #C9985e;
}
.logofoot
{
width: 80px;
height: auto;
}
/*INDEX*/
img {
    max-width: 100%;
}
.slider-container {
    max-width:684px;
    position: relative;
	top:300px;
	left:-270px;
    margin: auto;
    height:285px;
    overflow: hidden;
}
.menu {
    position: absolute;
    left: 0;
    z-index: 11;
    width: 100%;
    bottom: 0;
    text-align: center;
}
.menu label {
    cursor: pointer;
    display: inline-block;
    width: 10px;
    height: 10px;
    background: #c9985e;
    border-radius: 50px;
    margin: 0 0.2em 1em;
}
.menu label:hover,.menu label:focus {
    background: #ffffff;
}
.slide-input{
    opacity: 0;
}
.slide-img {
    width: 100%;
    height: 250px;
    position: absolute;
    top: 0;
    left: 100%;
    z-index: 10;
    transition: left 0s 0.75s;
}
[id^="slide"]:checked + .slide-img {
	left: 0;
    z-index: 100;
    transition: left 0.65s ease-out;
}
/* diaporama de l'index*/
aside
{
	width:1400px;
	height:800px;
	background: url("objet body/nouvelle presentation morathie fond.jpg");
}
/*FIGURINES*/
.fig
{
}
.fig td
{
padding-left: 20px;
padding-right: 20px;
}
#border 
{
border-right: 1px solid #c9985e;
}
.fig a:link
{
color:#c9985e;
text-decoration: none;
}
.fig a:visited {
	text-decoration: none;
	color: #c9985e;
	}
.fig a:hover
{
text-decoration: none;
color: #ffffff;
}
.fig a:active {
	text-decoration: none;
	color: #c9985e;
}
.warhammer
{
background: url("objet figurines/clic warhammer.jpg");
background-repeat:no-repeat;
width:200px;
}
.role
{
background: url("objet figurines/clic role.jpg");
background-repeat:no-repeat;
width:200px;
}
.plateau
{
background: url("objet figurines/clic plateau.jpg");
background-repeat:no-repeat;
width:200px;
}
.heros
{
background: url("objet figurines/clic heros.jpg");
background-repeat:no-repeat;
width:200px;
}
.mfont
{
font-size: 13px;	
}
/*DECORS*/
.batiment
{
background: url("objet decors/clic batiment.jpg");
background-repeat:no-repeat;
width:200px;
}
.naturel
{
background: url("objet decors/clic naturel.jpg");
background-repeat:no-repeat;
width:200px;
}
.objet
{
background: url("objet decors/clic objet.jpg");
background-repeat:no-repeat;
width:200px;
}
.slotcar
{
background: url("objet decors/clic slotcar.jpg");
background-repeat:no-repeat;
width:200px;
}
/*TARIF*/
.tarif
{
position:relative;
top:30px;	
}
.devis
{
width:250px;
height:auto;	
}
/*CONTACT*/
.mail{
	font-size:50px;
}
.mail:link {
	text-decoration: none;
	color: #c9985e;
}
.mail:visited {
	text-decoration: none;
	color: #c9985e;
}
.mail:hover {
	text-decoration: none;
	color: #cccccc;
}
.mail:active {
	text-decoration: none;
	color: #c9985e;
}
.contact
{
	padding-left:100px;	
}
/*FORMULAIRE*/
.container
{
position:relative;
top:30px;
height: 1000px;
}
#formulaire
{
	position: relative;
	height: 1000px;
}
/*ZOOM*/
.box {
  background-clip: padding-box;
  text-align: center;
}
.button {
  cursor: pointer;
  transition: all 0.3s ease-out;
}
.button:hover {
  background: #ffffff;
}
.overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  transition: opacity 500ms;
  visibility: hidden;
  opacity: 0;
}
.overlay:target {
  visibility: visible;
  opacity: 1;
}
.popup {
  margin: 70px auto;
  padding: 20px;
  background: #c9985e;
  border-radius: 5px;
  width: 52.5%;
  position: relative;
  transition: all 5s ease-in-out;
}
.popup .close {
  position: absolute;
  top: 20px;
  right: 30px;
  transition: all 200ms;
  font-size: 30px;
  font-weight: bold;
  text-decoration: none;
  color: #c9985e;
}
.popup .close:hover {
  color: #c9985e;
}
.popup .content {
  max-height: 10%;
  overflow: auto;
}
.zoom{
	width:1000px;
}
.zoom1{
	width:50%;
}
.taille:hover{
	width:1000px;
}
/*SIGMAR*/
.lienhaut:link {
	text-decoration: none;
	color: #c9985e;
}
.lienhaut:visited {
	text-decoration: none;
	color: #c9985e;
}
.lienhaut:hover {
	text-decoration: none;
	color: #cccccc;
}
.lienhaut:active {
	text-decoration: none;
	color: #c9985e;
}
.lien
{
	font-size:13px;
	text-decoration: none;
	color: #c9985e;
}
.lienhaut
{
	font-size:10px;
	text-decoration: none;
	color: #c9985e;
}
.menurole
{
	position: absolute;
	left:30px;
	top:30px;
}
#long
{
	position: relative;
	height: 800px;
}
.jeu td
{
	width: 250px;
	
}
.jeu
{
	background-color: #000000;
}
.temple
{
	margin-left:30px;
}
.texte
{
	padding-left:30px;
	padding-right:30px;
	text-align:justify;
	width:200px;
}
.decalage
{
    padding-left:120px;	
}
.transmis
{position: relative;
	top:50px;
	color:#c9985e;
	font-size: 20px;
}
.ra{position: relative;
	top:80px;}
}