/******************** CSS GAMERZ 12 ********************/


a:link {text-decoration: none; color: #000000;}
a:visited {text-decoration: line-through; color: #999999;}
a:hover {text-decoration: none; color: #ff0000;}
a:active { text-decoration: none; color: #000000;}

body {
	background-image: url(images/ligne.png);
	background-repeat: repeat;
	
}

#background {
	position:fixed;
	z-index: -1;
	
}


	
/******************** TABLEAU ARTISTES ********************/	
#div, 
#univers-simules, 
#rybn, 
#petric-tursic-zupancic-zivadinov, 
#becker-stalder, 
#de-miguel, 
#bureau-d-etudes-ewen-chardronnet, 
#locus-sonus, 
#architecture1024, 
#d-generer,
#gaulon,
#leguay,
#leguay-riviere-fino,
#abela,
#gaudion,
#reso-nance,
#tapetronic,
#windows93,
#morvan,
#lejault,
#destieu,
#cadet,
#soulhiol,
#moreau,
#quadcore,
#lico,
#poborsk,
#lonely-walk,
#constance-chlore,
#use,
#atelier-scratche-ta-cassette,
#expedition-montagne-sainte-victoire,
#atelier-brutbox-et-interactivite,
#atelier-impression-scan-3d,
#ponthot,
#chardronnet,
#ewen-chardronnet-mojave-epiphanie,
#infos-pratiques
 {

	padding-top: 150px;

	
}

.tableau {
    width: 100%;
	


	}
	
.content {
	padding:1px;
	font-weight: normal;
	font-size: small;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#000000;
	text-align:justify;
	margin: 0px;
	padding: 10px;
	padding-bottom:25px;
	background-color: #fff;
}

.content a {text-decoration: none; color:#0000000;}
.content a:hover {text-decoration: none; color:#999999;}


.legendes {
	font-size: small;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#000000;	
	text-align:right;
	background-color:#fff;
}
.legendes a {text-decoration: none; color: #000000;}
.legendes a:hover {text-decoration: none; color: #FF0000;}
.legendes a:visited {text-decoration: none; color: #000000;}
.legendes a:active {text-decoration: none; color: #000000;}


.retour {
	font-size: medium;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#000000;	
	text-align:right;
	background-color:#fff;
	padding:10px;
}

.retour a {text-decoration: none; font-weight:bold; color: #FF0000;}
.retour a:hover {text-decoration: none; font-weight:bold; color: #999999;}
.retour a:visited {text-decoration: none; font-weight:bold; color: #FF0000;}
.retour a:active {text-decoration: none; font-weight:bold; color: #FF0000;}

.liens-editos {text-decoration: none; color: #000000;}
.liens-editos a {text-decoration: none; color: #FF0000;}
.liens-editos a:hover {text-decoration: none; color: #999999;}
.liens-editos a:visited {text-decoration: none; color: #FF0000;}
.liens-editos a:active {text-decoration: none; color: #FF0000;}

.titres {
	font-weight:bold;
	font-size: 20px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#000000;
	text-shadow:1px #fff;
}





/******************** TABLEAU MENU ********************/
#sommaire{


}
.tableau-menu {
    width: 90%;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;  
	text-align:center;
	background-color:#FFF;
	}
	
li {list-style-type: none;}

.titres2 {
	font-weight:bold;
	font-size: 20px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#ff0000;
	/*text-shadow:1px #fff;*/
}

.titres3 {
	font-weight:bold;
	font-size: 20px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#000000;
	/*text-shadow:1px #fff;*/
}

.titres4 {
	font-weight:bold;
	font-size: 20px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#000000;
	padding-bottom:25px;
	/*text-shadow:1px #fff;*/
}

.titres-rouges {
	font-weight:bold;
	font-size: 20px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#ff0000;
	/*text-shadow:1px #fff;*/
}

/******************** MENU ACCORDEON ********************/

#menu-accordeon {
  padding-left:0;
  padding-top:0px;
  margin:0;
  list-style:none;
  text-align: center;
  width: 100%;
  transition-duration: 5s;
  left: 1px;
  color: #fff;
  font-size:small;
}
#menu-accordeon ul {
  padding:0;
  margin:0;
  list-style:none;
  text-align: center;
	color: #fff;
	font-size:small;
}
#menu-accordeon li {
   background-color:#d12028; 
   margin-bottom:2px;
   border:solid 1px #333A40;
	color: #fff;
	font-size:small;
}
#menu-accordeon li li {
	color: #fff;
	font-size:small;
   max-height:0;
   overflow: hidden;
   transition: all .10s;
   background: #444;
   box-shadow: none;
   border:none;
   margin:0;
   transition-duration: 5s;
}

#menu-accordeon a {
  display:block;
  text-decoration: none;
  color: #fff;
  padding: 5px 0;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size:small;
  transition-duration: 5s;

}
#menu-accordeon ul li a, #menu-accordeon li:hover li a {
  font-size:small;
  transition-duration: 5s;
  
}
#menu-accordeon li:hover {
   background: #ff0000;
   transition-duration: 5s;

}
#menu-accordeon li li:hover {
   background: #999;

}
#menu-accordeon ul li:last-child {
   border:none;

}
#menu-accordeon li:hover li {
  max-height: 15em;
 
}*/
 .tableau-menu tr td .content table tr td #menu-accordeon li ul li a strong {
	color: #F00;
}

/******************** HOME ********************/
.home {
  text-align: center;
  z-index: 2;
  text-decoration: none;
  color: #000;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size:x-large;
  font-weight:bold;
  width: 80%;
  margin: auto;

}

/******************** EMBED IFRAME ETC. (RELATIVE) ********************/

.embed-container {
position: relative;
padding-bottom: 56.25%; /* 16/9 ratio */
padding-top: 30px; /* IE6 workaround*/
height: 0;
overflow: hidden;
}

.embed-container iframe,
.embed-container object,
.embed-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}