/******************** 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 ********************/	
#sommaire,
#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
 {
	display:inline-block;
	padding-left: 570px;
	padding-bottom:50px;
}

.tableau {
    width: 80%;
	
	max-width:1000px;

	}

	
.content {
	padding:1px;
	font-weight: normal;
	font-size: medium;
	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: 30px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#000000;
	text-shadow:1px #fff;
}

/* 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;

}


/******************** TABLEAU MENU ********************/
/*#sommaire{
	padding-left: 10px;
	position : absolute;
	display:inline-block;
	padding-top:0px;
	padding-bottom: 25px;

}*/
.tableau-menu {
    width: 490px;
	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: 30px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#000000;
	padding-bottom:25px;
	/*text-shadow:1px #fff;*/
}

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

/******************** 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%;
}