@charset "UTF-8";

body {
	background-color: #f199c1;	
}
img, object, embed, video {
	max-width: 100%;
}
.ie6 img {
	width:100%;
	}
h1,h2,h3,h4,h5,h6 {
	font-family: Arial, Helvetica, sans-serif;
}
h1 {
	font-size: 15px;
	color: #000000;
}
h12 {
	font-size: 15px;
	color: #900;
	font-weight: bold;
}
h2 {
	font-size: 20px;
	color: #003399;
}
h3 {
	font-size: 16px;
	color: #990000;
}
h4 {
	font-size: 12px;
	color: #003399;
}
h5 {
	font-size: 16px;
	color: #990000;
}
h6 {
	font-size: 15px;
	color: #900;
	margin:0 0 10px 0;
	padding:0 0 2px 0;
}
h7 {
	font-size: 18px;
	color: #000000;
}
	a:link {
	color: #000;
	text-decoration: none;
	cursor: pointer;
}
a:visited {
	text-decoration: none;
	color: #000000;
}
a:hover {
	text-decoration: line-through;
	color: #00F;
}
a:active {
	text-decoration: none;
	color: #000;
}
#image {
	position: fixed;
	text-align:center;
	width: 100%;
	margin-top: 50vh;
	transform: translateY(-50%);
	z-index: 0;
	
}
#apDiv2 {
	position: fixed;
	width: 50px;
	height: 50px;
	z-index: 1;
	border: none;
	top: 50px;
	left: 5px;
	margin-top: 50vh;
	transform: translateY(-50%);
	z-index: 2;
}
#retour {
	position: fixed;
	width: 50px;
	height: 50px;
	z-index: 1;
	border: none;
	top: 50px;
	left: 5px;
	margin-top: 50vh;
	transform: translateY(-50%);
	z-index: 2;
}
#fermer {
	visibility:hidden;
	position: fixed;
	width: 30px;
	height: 30px;
	z-index: 12;
	border: none;
	top: 5%;
  	left: 80%;
}
img[usemap] {
	border: none;
	height: auto;
}
#mauger{
	visibility: hidden;
	overflow: auto;
	width:70%;
	height: 90%;
	z-index: 2;
	padding: 5px;
	text-align: left;
	border-width: 5px;
	border-style: solid;
	border-color: black;
	position: fixed;
 	top: 50%;
  	left: 50%;
  	transform: translate(-50%, -50%);
	line-height: 200%;
}
#lou{
	visibility: hidden;
	overflow: auto;
	width:70%;
	height: 90%;
	z-index: 2;
	padding: 5px;
	text-align: left;
	border-width: 5px;
	border-style: solid;
	border-color: black;
	position: fixed;
 	top: 50%;
  	left: 50%;
  	transform: translate(-50%, -50%);
	line-height: 200%;
}
#janssens{
	visibility: hidden;
	overflow: auto;
	width:70%;
	height: 90%;
	z-index: 2;
	padding: 5px;
	text-align: left;
	border-width: 5px;
	border-style: solid;
	border-color: black;
	position: fixed;
 	top: 50%;
  	left: 50%;
  	transform: translate(-50%, -50%);
	line-height: 200%;
}
#bour {
	visibility: hidden;
	overflow: auto;
	width:70%;
	height: 90%;
	z-index: 2;
	padding: 5px;
	text-align: left;
	border-width: 5px;
	border-style: solid;
	border-color: black;
	position: fixed;
 	top: 50%;
  	left: 50%;
  	transform: translate(-50%, -50%);
	line-height: 200%;
}
#oppenheim {
	visibility: hidden;
	overflow: auto;
	width:70%;
	height: 90%;
	z-index: 2;
	padding: 5px;
	text-align: left;
	border-width: 5px;
	border-style: solid;
	border-color: black;
	position: fixed;
 	top: 50%;
  	left: 50%;
  	transform: translate(-50%, -50%);
	line-height: 200%;
}
#klein {
	visibility: hidden;
	overflow: auto;
	width:70%;
	height: 90%;
	z-index: 2;
	padding: 5px;
	text-align: left;
	border-width: 5px;
	border-style: solid;
	border-color: black;
	position: fixed;
 	top: 50%;
  	left: 50%;
  	transform: translate(-50%, -50%);
	line-height: 200%;
}
#echakhch {
	visibility: hidden;
	overflow: auto;
	width:70%;
	height: 90%;
	z-index: 2;
	padding: 5px;
	text-align: left;
	border-width: 5px;
	border-style: solid;
	border-color: black;
	position: fixed;
 	top: 50%;
  	left: 50%;
  	transform: translate(-50%, -50%);
	line-height: 200%;
}
#goldsworthy {
	visibility: hidden;
	overflow: auto;
	width:70%;
	height: 90%;
	z-index: 2;
	padding: 5px;
	text-align: left;
	border-width: 5px;
	border-style: solid;
	border-color: black;
	position: fixed;
 	top: 50%;
  	left: 50%;
  	transform: translate(-50%, -50%);
	line-height: 200%;
}
#kawamata {
	visibility: hidden;
	overflow: auto;
	width:70%;
	height: 90%;
	z-index: 2;
	padding: 5px;
	text-align: left;
	border-width: 5px;
	border-style: solid;
	border-color: black;
	position: fixed;
 	top: 50%;
  	left: 50%;
  	transform: translate(-50%, -50%);
	line-height: 200%;
}
#manzoni {
	visibility: hidden;
	overflow: auto;
	width:70%;
	height: 90%;
	z-index: 2;
	padding: 5px;
	text-align: left;
	border-width: 5px;
	border-style: solid;
	border-color: black;
	position: fixed;
 	top: 50%;
  	left: 50%;
  	transform: translate(-50%, -50%);
	line-height: 200%;
}
#christo {
	visibility: hidden;
	overflow: auto;
	width:70%;
	height: 90%;
	z-index: 2;
	padding: 5px;
	text-align: left;
	border-width: 5px;
	border-style: solid;
	border-color: black;
	position: fixed;
 	top: 50%;
  	left: 50%;
  	transform: translate(-50%, -50%);
	line-height: 200%;
}
#hains {
	visibility: hidden;
	overflow: auto;
	width:70%;
	height: 90%;
	z-index: 2;
	padding: 5px;
	text-align: left;
	border-width: 5px;
	border-style: solid;
	border-color: black;
	position: fixed;
 	top: 50%;
  	left: 50%;
  	transform: translate(-50%, -50%);
	line-height: 200%;
}
#soulages {
	visibility: hidden;
	overflow: auto;
	width:70%;
	height: 90%;
	z-index: 2;
	padding: 5px;
	text-align: left;
	border-width: 5px;
	border-style: solid;
	border-color: black;
	position: fixed;
 	top: 50%;
  	left: 50%;
  	transform: translate(-50%, -50%);
	line-height: 200%;
}
#barcelo {
	visibility: hidden;
	overflow: auto;
	width:70%;
	height: 90%;
	z-index: 2;
	padding: 5px;
	text-align: left;
	border-width: 5px;
	border-style: solid;
	border-color: black;
	position: fixed;
 	top: 50%;
  	left: 50%;
  	transform: translate(-50%, -50%);
	line-height: 200%;
}
#hesse {
	visibility: hidden;
	overflow: auto;
	width:70%;
	height: 90%;
	z-index: 2;
	padding: 5px;
	text-align: left;
	border-width: 5px;
	border-style: solid;
	border-color: black;
	position: fixed;
 	top: 50%;
  	left: 50%;
  	transform: translate(-50%, -50%);
	line-height: 200%;
}
#jones {
	visibility: hidden;
	overflow: auto;
	width:70%;
	height: 90%;
	z-index: 2;
	padding: 5px;
	text-align: left;
	border-width: 5px;
	border-style: solid;
	border-color: black;
	position: fixed;
 	top: 50%;
  	left: 50%;
  	transform: translate(-50%, -50%);
	line-height: 200%;
}
#shiota {
	visibility: hidden;
	overflow: auto;
	width:70%;
	height: 90%;
	z-index: 2;
	padding: 5px;
	text-align: left;
	border-width: 5px;
	border-style: solid;
	border-color: black;
	position: fixed;
 	top: 50%;
  	left: 50%;
  	transform: translate(-50%, -50%);
	line-height: 200%;
}
#okumura {
	visibility: hidden;
	overflow: auto;
	width:70%;
	height: 90%;
	z-index: 2;
	padding: 5px;
	text-align: left;
	border-width: 5px;
	border-style: solid;
	border-color: black;
	position: fixed;
 	top: 50%;
  	left: 50%;
  	transform: translate(-50%, -50%);
	line-height: 200%;
}
#bartlet {
	visibility: hidden;
	overflow: auto;
	width:70%;
	height: 90%;
	z-index: 2;
	padding: 5px;
	text-align: left;
	border-width: 5px;
	border-style: solid;
	border-color: black;
	position: fixed;
 	top: 50%;
  	left: 50%;
  	transform: translate(-50%, -50%);
	line-height: 200%;
}
#sayegh {
	visibility: hidden;
	overflow: auto;
	width:70%;
	height: 90%;
	z-index: 2;
	padding: 5px;
	text-align: left;
	border-width: 5px;
	border-style: solid;
	border-color: black;
	position: fixed;
 	top: 50%;
  	left: 50%;
  	transform: translate(-50%, -50%);
	line-height: 200%;
}
#lolis {
	visibility: hidden;
	overflow: auto;
	width:70%;
	height: 90%;
	z-index: 2;
	padding: 5px;
	text-align: left;
	border-width: 5px;
	border-style: solid;
	border-color: black;
	position: fixed;
 	top: 50%;
  	left: 50%;
  	transform: translate(-50%, -50%);
	line-height: 200%;
}
#oliveira {
	visibility: hidden;
	overflow: auto;
	width:70%;
	height: 90%;
	z-index: 2;
	padding: 5px;
	text-align: left;
	border-width: 5px;
	border-style: solid;
	border-color: black;
	position: fixed;
 	top: 50%;
  	left: 50%;
  	transform: translate(-50%, -50%);
	line-height: 200%;
}
#dubuffet {
	visibility: hidden;
	overflow: auto;
	width:70%;
	height: 90%;
	z-index: 2;
	padding: 5px;
	text-align: left;
	border-width: 5px;
	border-style: solid;
	border-color: black;
	position: fixed;
 	top: 50%;
  	left: 50%;
  	transform: translate(-50%, -50%);
	line-height: 200%;
}
#tonycragg {
	visibility: hidden;
	overflow: auto;
	width:70%;
	height: 90%;
	z-index: 2;
	padding: 5px;
	text-align: left;
	border-width: 5px;
	border-style: solid;
	border-color: black;
	position: fixed;
 	top: 50%;
  	left: 50%;
  	transform: translate(-50%, -50%);
	line-height: 150%;
}

/*
	Propriétés de grille fluide Dreamweaver
	----------------------------------
	dw-num-cols-mobile:		5;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	10;
	dw-gutter-percentage:	25;
	
	Inspiré par "Responsive Web Design" par Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	et le système Golden Grid par Joni Korpi
	http://goldengridsystem.com/
*/

/* Disposition mobile : 480px et moins. */

.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 87.36%;
	padding-left: 1.82%;
	padding-right: 1.82%;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

/* Disposition tablette : 481px sur 768px. Hérite des styles de : Disposition mobile */

@media only screen and (min-width: 481px) {
.gridContainer {
	width: 90.675%;
	padding-left: 1.1625%;
	padding-right: 1.1625%;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}


/* Disposition bureau : 769px à max. 1232px.  Hérite des styles de : Disposition mobile et disposition tablette */

@media only screen and (min-width: 769px) {
.gridContainer {
	width: 88.2%;
	max-width: 1232px;
	padding-left: 0.9%;
	padding-right: 0.9%;
	margin: auto;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}