/* hMTL */
a.infos_sites, a.infos_sites:visited {
	 display: block;
	 width: 141px; height: 106px;
	 background: transparent url(../images/xcharme.png) top left no-repeat;
}

a.infos_sites:hover, a.infos_sites:active {
	 background: transparent url(../images/xcharme2.png) top left no-repeat;
}

/* Les grandes zones */

#global {
	border: 1px solid #e1e1e1;
	background-color: #888;
}

#header, #navigation {
	background-color: #888;
	width:720px;
}

#header {
	background: #424146 url(../images/header.jpg);
	background-repeat: no-repeat;
	height: 180px;
}

/* Menu */

#navigation ul li {
	background: transparent url(../images/bouton_gauche.png) top left no-repeat;
}

#navigation ul li a, #navigation ul li a:visited {
	background: transparent url(../images/bouton_droit.png) top right no-repeat;
}

/* Corps */

#body {
	background: #999 url(../images/bgr.png) repeat;
}

/* Disclaimer */

#grise {
	position: absolute;
	z-index: 120;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
}

#screen_center {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 3000;
}

#disclaimer {
	width: 600px;
	height: 350px;
	position: absolute;
	top: -200px;
	left: -300px;
	background: white url(../images/bgr.png) repeat;
	border-color:#bef3a3;
	border-style:solid;
	border-width:1px;
	color:black;
	padding: 100px;
}

#disclaimer h2 {
	color: #888;
	font-size: 18px;
	margin-top: 36px;
	margin-bottom: 6px;
}

#disclaimer * {
	margin-left: 10px;
	margin-right: 10px;
	color: black;
}

#disclaimer p {
	font-size: 11px;
	margin-left: 50px;
}

#disclaimer div {
	text-align: right;
	padding-top: 30px;
}

#disclaimer a {
	font-size: 14px;
	margin-left: 20px;
}

#disclaimer span a {
	margin: 0px;
}

/* divers */

div.vignettes_sites {
	padding: 20px;
}

div.vignettes_sites h3 strong {
	font-weight: bold;
	font-size: 1.1em;
}

div.ligne div {
	float: left;
	width: 141px;
	height: 122px;
	margin-left: 10px;
	margin-top: 10px;
}

div.vignettes_sites .premiere {
	margin-left: 0;
}

div.modele1, div.modele2, div.modele3, div.modele4,
div.modele5, div.modele6, div.modele7, div.modele8,
div.modele9, div.modele10, div.modele11, div.modele12,
div.modele13, div.modele14, div.modele15, div.modele16,
div.modele17, div.modele18, div.modele19, div.modele20 {
	height: 1.6em;
	line-height: 1.6em;
	text-align: center;
	font-size: 1em;
}