body {
	font-size: 10pt;
	font-family: Verdana, Arial, "sans-serif";
	margin: 9px 0 0 0;
	color: black;
	background-color: #333333;
	padding:0px;
	margin:0px;
}
	
a:link		{text-decoration: none; color: white;}
a:active	{text-decoration: none; color: white;}
a:visited	{text-decoration: none; color: white;}
a:hover		{text-decoration: none; color: black;}

img, img a	{border: 0;}

strong {
font-weight:bold;
}

blockquote	{ display: block; margin: 16px 40px; padding: 0;}
fieldset	{display: block; margin: 0 2px; padding: 5px 12px 10px; border-style: solid; border-width: 3px; border-color: #999999; -webkit-border-radius: 10px; }

p	{display: block; margin: 10px 0 10px 0; padding: 0;}
h1	{display: block; margin: 21px 0; font-size: 25pt; font-weight: bold;}
h2	{display: block; margin: 19px 0; font-size: 18pt; font-weight: bold;}
h3	{display: block; font-size: 14pt; }
h4	{display: block; margin: 21px 0; font-size: 12.5pt; font-weight: bold;}
h5	{display: block; margin: 22px 0; font-size: 10pt; font-weight: bold;}
h6	{display: block; margin: 18px 0; font-size: 8pt; font-weight: bold; text-align: left;}

ul	{display: block; margin: 16px 0; padding: 0 0 0 10px; list-style-type:none;}
li	{display: list-item; padding: 3px 0 3px 5px; margin: 12px 0 0 0px;}
ol	{display: block; margin: 16px 0; padding: 0 0 0 40px;}

.debug_white	{border-style: solid; border-color: #ffffff; border-width: 1px;}
.debug_noir	{border-style: solid; border-color: #000000; border-width: 1px;}

.main	{
	position: absolute;
	left:50%;
	top:50%;
	height: 580px;
	width: 1000px;
	margin-top:-290px;
	margin-left:-500px;
	background-image:url("../../medias/images/background.jpg");
	background-repeat:no-repeat;
}

.logo	{
	position: relative;
	top: 19px;
	left: 18px;
	width: 180px;
	height: 75px;
}

.logo_accueil {
	position:absolute;
	top:17px;
	right:35px;
}

.left-side	{
	display: inline-block;
	position: relative;
	width: 223px;
	height: 580px;
	font-size: 13pt;
	font-style: italic;
	color: black;
	/*border-color: black; border-style: solid; border-width: 1px;*/
}

.left-side-top-accueil {
	position:absolute;
	top:20px;
	right:20px;
	font-size: 9pt;
	color:white;
	font-style: normal;
	text-align:right;
}

.left-side-bottom-accueil {
	position:absolute;
	bottom:20px;
	right:20px;
	font-size: 9pt;
	color:white;
	font-style: normal;
	text-align:right;
}

.left-side-bottom-accueil a:link {color:white;text-decoration:none;}
.left-side-bottom-accueil a:visited {color:white;text-decoration:none;}
.left-side-bottom-accueil a:hover {color:#000;text-decoration:none;}

.center-side	{
	position: relative; 
	display:inline-block; 
	vertical-align: top; 
	width: 535px;
	height:100%; 
}

.right-side	{
	position: relative; 
	top: 0; 
	left:0; 
	display:inline-block; 
	vertical-align: 
	top; width: 227px; 
	height:100%; 
}

.hierarchie a:link {color:#FF6600;}
.hierarchie a:visited {color:#FF6600;}
.hierarchie a:hover {color:#000;}

/***************
POUR LA PAGE SOMMAIRE 
****************/

.ipod	{
	position: absolute;
	width: 92px;
	height: 209px;
	top: 186px;
	left: 344px;
}

.arts	{
	position: absolute;
	top: 73px;
	left: 475px;
	height: 128px;
	width: 76px;
}

.citoyen	{
	position: absolute;
	top: 180px;
	left: 575px;
	height: 123px;
	width: 70px;
}

.enviro	{
	position: absolute;
	top: 330px;
	left: 560px;
	height: 117px;
	width: 80px;
}

.sante	{
	position: absolute;
	top: 460px;
	left: 445px;
	height: 104px;
	width: 74px;
}

.societe	{
	position: absolute;
	top: 460px;
	left: 250px;
	height: 104px;
	width: 75px;
}

.sports	{
	position: absolute;
	top: 330px;
	left: 140px;
	height: 117px;
	width: 75px;
}

.sciences	{
	position: absolute;
	top: 180px;
	left: 125px;
	height: 123px;
	width: 78px;
}

.vox	{
	position: absolute;
	top: 68px;
	left: 200px;
	height: 128px;
	width: 76px;
}

.primeur	{
	position: absolute;
	top: 25px;
	left: 345px;
	height: 105px;
	width: 85px;
}
/*************** FIN DE LA PAGE SOMMAIRE ***************/

.sommaire-presentation	{
display: inline-block; position: relative; height: 578px; width: 772px;
}

.section	{
	position: relative;
	width: 500px;
	height: 100px;
	left: 30px;
	top: 35px;
	font-size: 9pt;
	font-style: italic;
	color: #00CCCC;
}

.mots-clef	{
	position: relative;
	top: 30px;
	width: 250px;
	height: auto;
	background-color: #FF6702;
	font-size: 8.5pt;
	padding: 2px;
	text-align: center;
	left: 275px;
}

.menu_haut_audioguide	{
	position: relative;
	top: 30px;
	width: 511px;
	height: auto;
	background-color: #FF6702;
	font-size: 8pt;
	padding: 2px;
	text-align: center;
	left: 2px;
	padding-left:8px;
	padding-right:8px;
}

.contenu	{
	position: relative; 
	top: 30px;
	width: 100%;
	height: 410px;
}
.contenu a:link, .contenu a:visited, .contenu a:active {
	color: #FF6702;
}

.contenu a:hover {
	color: black;
	text-decoration: underline;
}

.hierarchie {
	position:relative;
	display:block;
	width: 503px;
	height: 10px;
	top:30px;
	border-width:2px;
	border-color:#FF6600;
	color:#FF6600;
	border-style:solid;
	font-size:8pt;
	padding:2px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:4px;
	margin:2px;
	overflow:hidden;
}

.rubrique-logo	{
	position: relative; 
	display: inline;
	width: 90px;
	height: 90px;
}

.rubrique-texte	{
	position: absolute; 
	top: 40px; 
	left: 110px;
	/* display: inline; */
	text-align: left;
	/* vertical-align: top; */
	font-style: italic;
	color: #2fc1d6;
	font-size: 12pt;
	width: 350px;
	height: 50px;
	
}

.articles	{
	position: relative;
	font-size: 7.5pt;
	text-align: left;
	width: auto;
	border: 2px #FF6600 solid;
	margin-left:2px;
	margin-top:5px;
	margin-bottom:5px;
	margin-right:6px;
	color: black;
	padding-left: 5px; 
	padding-top:5px; 
	height: 80px;
}

.articles-photos	{
	/* border: 1px solid black; */
	height: 60px; 
	width: 90px; 
	float: left; 
	margin: 13px 0 0 10px;
}

.articles-infos	{
	margin-left: 105px;
	margin-top: 13px;
	/* border: 1px solid black; */
	width: 300px;
	height: 60px;
}

.circuits-infos	{
	margin-left: 13px;
	margin-top: 13px;
	/* border: 1px solid black; */
	width: 300px;
	height: 60px;
}

.search	{
	position: relative;
	top: 30px;
	border: 1px solid #00b3cc;
	height: 70px;
	width: 225px;
}

.search-title	{
	position: relative;
	margin: 3px;
	width: auto;
	height: 30px;
	background-color: #00b3cc;
	text-align: right;
	font-size: 12pt;
	font-style: italic;
	color: #ffffff;
}

.last-hour	{
	position: relative;
	top: 35px;
	border-width: 1px; 
	border-style: solid; 
	border-color: #4dd34e;
	text-align: right;
	height: 374px;
	width: 225px;
	color: black;
	font-size: 9pt;
}

.last-hour-title	{
	position: relative;
	margin: 3px;
	width: auto;
	height: 30px;
	background-color: #4dd34e;
	text-align: right;
	font-size: 12pt;
	font-style: italic;
	color: #ffffff;
}

.audioguide {
	display:block;
	position:absolute;
	bottom:40px;
	left:30px;
}

.last-hour a:link		{color: black;}
.last-hour a:active		{color: black;}
.last-hour a:visited	{color: black;}
.last-hour a:hover		{color: #FF6702;}

.titre	{font-weight: bold;line-height:12pt;}
.lire_suite	{width: 30px; height: 30px; position: absolute; top: 27px; right: 10px;}
.section-actuelle {background-color: white; color: #FF6702;}

li.section-actuelle	a:link		{background-color: white; color: #FF6702;}
li.section-actuelle	a:visited	{background-color: white; color: #FF6702;}
li.section-actuelle	a:active	{background-color: white; color: #FF6702;}
li.section-actuelle	a:hover		{background-color: white; color: #000000;}

li.contact a:link		{color: white; font-size: 10pt;}
li.contact a:active		{color: white; font-size: 10pt;}
li.contact a:visited	{color: white; font-size: 10pt;}
li.contact a:hover 		{color: black; font-size: 10pt;}

.logo-horloge	{
	height: 30px; 
	width: 30px; 
	position: absolute; 
	top: 3px; 
	left: 7px;
}

.logo-loupe	{
	height:34px; 
	width:35px; 
	position: absolute; 
	top: 3px;
}

p.derniere-heure	{margin: 10px 10px 10px 10px;}

.pagination {
	width: 100%; 
	height: 25px; 
	position: absolute;
	top: 380px;
	text-align: center;
}

.slogan	{
	font-style: italic; 
	color: #2fc1d6; 
	position: relative; 
	top: 37px; 
	right: 3px;
	float: right;
}

.head-logo	{
	position: relative; 
	width:450px; 
	height:100px; 
	top: 37px; 
	left: 10px; 
}

.head-logo_audioguide {
	position: relative; 
	width:450px; 
	height:100px; 
	top: 30px; 
	left: 10px;
}

.menu-gauche-gestion	{
	position: absolute; 
	top: 457px; 
	left: 0;
}

.mp3-player	{position: relative;height: auto; width: 200px; top: 10px; left: 150px; text-align: center;}
.rss	{display: inline-block; width: 153px; height: 27px; position: absolute; top: 343px; left: 5px;}
.pcast	{display: inline-block; width: 43px; height: 27px; position: absolute; top: 540px; left: 480px;}
.article	{text-align: justify; padding: 10px;padding-bottom:6px; margin: 2px; width: 503px; height: 385px; border-width:2px; border-color:#FF6600; border-style:solid; overflow: auto;}
.formulaire_ecrire_auteur fieldset	{border-color: #FF6600; border-width: 1px;}
.fleche-recherche	{display: inline; position: relative; top: 5px;}
#login_admin a:link, #login_admin a:active,#login_admin a:visited	{color: #FF6600;}
#login_admin a:hover {color: black;}
#login_admin fieldset	{border-color: #FF6600;} 
#spip-debug {display:none;}
.reagir	{position:absolute;top:554px;width:130px;left: 340px;}
.reagir a{color:#000000;}
.main-reagir	{position: absolute;left:50%;top:50%;height: 600px;width: 600px;margin-top:-300px;margin-left:-300px; background-image:url('../../medias/images/reagir.png');background-repeat:no-repeat;}
.reagir-conteneur	{position: absolute; top:170px;left:5px;padding:0 10px 0 10px;height:400px;width:570px; overflow:auto;}
.formulaire_forum fieldset	{border-color:#FF6600;}
fieldset.previsu a	{color:black;}