/* @override 
	http://localhost:8888/ritimo/css/accueil.css
	http://www.ritimo.org/css/accueil.css
*/

body {
	margin: 0;
	text-align: center;
}
a img, img {
	border: 0;
	text-decoration: none;
}
#page {
	width: 782px;
	margin: 0 auto 0 auto;
	background-color: #FFF;
	font-family: Verdana, Arial, sans-serif;
	text-align: left;
}
#entete {
	width: 782px;
}

#entete_impression {
	display: none;
}
#entete-haut img {
	display: block;
}

#entete-bas {
	height: 15px;
	background-color: #C00;
}
#corps-accueil {
	clear: both;
	margin-top: 20px;
	width: 782px;
}

#colonne-gauche {
	float: left;
	padding: 0;
	width: 125px;
}


#colonne-centrale {
	float: left;
	padding: 0 20px 0 25px;
	width: 425px;
}

#colonne-droite {
	float: right;
	width: 167px;
}

#colonne-gauche div.mini-carte {
	margin: 10px 0;
}

#colonne-gauche div.bloc-publication {
	margin-top: 5px;
	width: 100px;
	border-top: 4px solid #399;
}
#colonne-gauche div.bloc-publication h3 {
	margin: 5px 0 0 0;
	font-size: 12px;
	color: #399;
}
#colonne-gauche div.bloc-publication p {
	margin: 5px 0;
	font-size: 10px;
	font-weight: bold;
}
#colonne-gauche div.bloc-publication p a {
	color: #6CC;
	text-decoration: none;
}

#chemin {
	font-size: 9px;
	color: #000;
}
#chemin a:link,a.accueil:link,a:visited,a.accueil:visited {
	text-decoration: none;
	color: #000;
}
#chemin a:hover,a.accueil:hover {
	text-decoration: underline;
	color: #000;
}

#texte-presentation {
	margin: 20px 0;
	color: #399;
	font-size: 12px;
	line-height: 1.5em;
}
#texte-presentation h1 {
	font-size: 20px;
	line-height: 1.5em;
}
#texte-presentation h1.titre-comprendre {
	color: #C00;
}
#texte-presentation h1.titre-acteurs {
	color: #066;
}

#texte-presentation p {
	margin: 0;
}
#texte-presentation p a {
	color: #399;
}

#anneaux {
	position: relative;
	z-index: 0;
}
#anneaux img.anneau {
	width: 425px;
	height: 314px;
	border: none;
}
#anneaux img.anneau a {
	border: none;
}

#anneaux #texte-orange {
	position: absolute;
	top: 47px;
	left: 165px;
	width: 94px;
	font-size: 11px;
	text-align: center;
	z-index: 10;
}
#anneaux #texte-orange a {
	display: block;
	color: #F60;
	text-decoration: none;
}

#anneaux #texte-rouge {
	position: absolute;
	top: 115px;
	left: 280px;
	width: 94px;
	font-size: 11px;
	text-align: center;
	z-index: 10;
}
#anneaux #texte-rouge a {
	display: block;
	color: #C00;
	text-decoration: none;
}

#anneaux #texte-bleu {
	position: absolute;
	top: 213px;
	left: 165px;
	width: 94px;
	font-size: 11px;
	text-align: center;
	z-index: 10;
}
#anneaux #texte-bleu a {
	display: block;
	color: #066;
	text-decoration: none;
}

#anneaux #texte-vert {
	position: absolute;
	top: 110px;
	left: 55px;
	width: 94px;
	font-size: 11px;
	text-align: center;
	z-index: 10;
}
#anneaux #texte-vert a {
	display: block;
	color: #063;
	text-decoration: none;
}

#anneaux #dph {
	position:absolute;
	width: 110px;
	height: 80px;
	top: 280px;
	left: 310px;
	font-size: 9px;
	text-align: center;
}
#anneaux #dph p {
	margin: 0;
	padding: 0 5px;
}

#anneaux #rinoceros {
	position:absolute;
	width: 110px;
	height: 80px;
	top: 285px;
	left: 0;
	color: #399;
	font-size: 9px;
	text-align: center;
}
#anneaux #rinoceros p {
	margin: 0;
	padding: 3px 5px;
}

#anneaux #dph a, #anneaux #rinoceros a {
	color: #399;
	text-decoration: none;
}
#anneaux #dph a:hover, #anneaux #rinoceros a:hover {
	color: #F60;
}
#anneaux #dph a img, #anneaux #rinoceros a img {
	border: 0;
}

#campagnes {
	clear: both;
	margin: 65px 0 0 0;
	padding: 8px;
	border: 1px solid #399;
}
#campagnes h3 {
	margin: 0 0 3px 0;
	color: #399;
	font-size: 13px;
}
#campagnes ul {
	margin: 0;
	padding: 0;
	font-size: 11px;
	list-style: none;
}
#campagnes ul li {
	padding: 1px 0;
	color: #399;
}
#campagnes ul li a {
	color: #399;
	text-decoration: none;
}
#campagnes ul a.suite {
	display: block;
	color: #0FF;
	font-size: 9px;
}

#colonne-droite #acces_rapide {
	text-align: right;
}
#colonne-droite #acces_rapide p {
	margin: 0 0 40px 0;
}
#colonne-droite #acces-rapide {
	width: 125px;
	font-size: 10px;
}
#colonne-droite img#zoom {
	display: block;
}
#colonne-droite div.bloc-zoom {
	margin: 0 0 3px 0;
	padding: 8px;
	background-color: #399;
}
#colonne-droite div.bloc-zoom h3 {
	margin: 2px 0 8px 0;
	padding-bottom: 5px;
	color: #FFF;
	font-size: 13px;
	letter-spacing: 1px;
	border-bottom: 1px solid #FFF;
}
#colonne-droite div.bloc-zoom ul {
	margin: 0;
	padding: 0;
	font-size: 11px;
	list-style: none;
}
#colonne-droite div.bloc-zoom ul li {
	padding: 1px 0 6px 0;
	color: #FFF;
}
#colonne-droite div.bloc-zoom ul li.rinoceros {
	padding: 5px 0;
}
#colonne-droite div.bloc-zoom ul li a {
	color: #FFF;
	text-decoration: none;
}
#colonne-droite div.bloc-zoom ul a.suite {
	display: block;
	color: #0FF;
	font-size: 9px;
}
#pied {
	clear: both;
	padding: 15px 0 10px 20px;
	color: #F60;
	font-size: 9px;
}
#pied a {
	color: #F60;
	text-decoration: none;
}