/*
***********************
MODIFICATIONS TIC
***********************
*/
#container {
	background: #fff url(fondpage_tic.gif) repeat-y 0% 0;
	}

#top {
	height:141px;
	padding: .0em;
	border-top: 0px solid #fff ;
	border-left: 0px solid #fff ;
	border-right: 0px solid #fff ;
	border-bottom: 5px solid #003366 ;
	background: #ffffff url(bandeautic.jpg) repeat-y 0% 0;
	}
#content {
	margin-left: 155px;
	border-left: 0px dotted gray;
	margin-right: 180px;
	border-right: 0px solid gray;
	padding-top:60px;
	max-width: 40em;
	}
#leftnav{
	float: left;
	width: 160px;
}
#content #ariane {
	margin-left:8px;
	}
#content #ariane #arianetic{
	margin-left:78px;
	}
#content #ariane #arianetic a {
	color:#FD7800;
	}
#content #ariane #arianetic a:hover {
	color:#000000;
	}
#metanav {
	padding-left:3em;
	padding-bottom:.2em;
	padding-top:.2em;
	padding-right:.8em;
	color:#000000;
	height:27px;
	background-image: url(fondrecherche.gif);
	background-repeat: no-repeat;
	background-position: right top;
	}
#top #metanav #form_recherche a {
	color:#F56700;
	}
#top #metanav #form_recherche a:hover {
	color:#000000;
	}
html>body #metanav{
	margin-right:1px;
	}
#content h1{
	font: 22px/26px trebuchet ms,arial,helvetica,sans-serif;
	color:#FD7800;
	height:45px;
	letter-spacing: .1em;
	padding-top:23px;
	padding-bottom:15px;
	padding-left:78px;
	background-image: url(fond_titre.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0;
}
h1 {
	font:1em trebuchet ms,arial,helvetica,sans-serif;
	margin: 0;
	color:#990033;
	letter-spacing: .1em;
	}

#titre_rubrique {
	font: 22px/26px trebuchet ms,arial,helvetica,sans-serif;
	margin: 0 ;
	letter-spacing: .1em;
	color:#FD7800;
	}
#content h1, h1, titre_rubrique {
	line-height:120%;
	}
.normaltic {
	padding-left:20px;
	}
/* Styles pour le menu TIC*/	
#menutic {
	position:absolute;
	margin-left:160px;
	margin-top:146px;
	background-image: url(menutic.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 48px;
	width: 640px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-align: right;
	padding-top:3px;
}
#top #menutic ul,#top #menutic li  {
	margin:0;
	padding:0;
}
#top #menutic li {
	text-decoration:none;
	color:#000000;
	display:inline;
	background-image: url(fond_boutontic.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-left: 10px;
	margin-left:-3px;
}
#top #menutic li:hover {
	background-color:#FAE08B;
	}
#top #menutic a {
	text-decoration:none;
	color:#000000;
	}
#top #menutic a:hover {
	color:#003366;
	}
#infobulle {
	margin-top:7px;
	margin-left:130px;
	margin-right:10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: 003366;
	line-height: 9px;
}
/* Styles pour la colonne de gauche*/	
#liensteterub_105 {
	display: block;
	width:160px;
	margin-left:-40px;
	background-image: url(fond_rubtic.jpg);
	background-repeat: no-repeat;
	background-position: right center;
	list-style-type: none;
}
#boutton ul #teterub_105{
	margin-top: -10px;
	list-style: none;
	text-indent: 40px;
}
#boutton ul #rub_105{
	text-indent: 0px;
}

/* Styles pour la colonne de droite*/	
#blok_doite_titre {
	width:160px;
	height:20px;
	padding-left:5px;
	padding-top:3px;
	color:#FD7C00;
	font-weight:bold;
	background-image: url(blok_droite_titre.gif);
	background-repeat: no-repeat;
	background-position: left top;
	}
#blok_doite {
	width:148px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #FD7C00;
	border-bottom-color: #FD7C00;
	border-left-color: #FD7C00;
	padding: 5px;
}
#blok_doite a {
	color:#000000;
	}
#rightnav #blok_doite .alaune {
	background-color:#FDF9E4;
	background-image: url(bordure_alaune.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	padding-top:10px;
	padding-bottom:10px;
	text-align: center;
	border: 1px solid #FDF9E4;
	}
#rightnav #blok_doite .alaune img {
	background-color:#000000;
	padding:1px;
	margin-bottom:3px;
	}
#rightnav #blok_doite .alaune:hover {
	background-color:#FDF2C6;
	border: 1px solid #FCE180;
	}
#rightnav #blok_doite .alaune:hover img{
	background-color:#FD7C00;
	}

/* Styles pour le sommaire*/
#content #cent_contenu_une1 li, #content #cent_contenu_une2 li {
	list-style-type: none;
	background-image: url(pucetic.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left:20px;
	margin-left:1px;
}
#content #cent_contenu_une2 li {
	margin-bottom:8px;
	}
#content #cent_contenu_une2 li span {
	display:block;
	padding-left:2px;
	border-left-width: 1px;
	border-left-style: dashed;
	border-left-color: #FDCE02;
}
#content #cent_contenu_une2 li span a {
	font-size: 10px;
	color:#999999;
	text-decoration: none;
}
#content #cent_contenu_une2 li span a:hover {
	font-size: 10px;
	color:#FD7C00;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FDCE02;
}

/* Styles pour la pages des rubriques*/
.rubrique{
	background-image: url(fond_rubrique.jpg);
	background-repeat: repeat-y;
	padding-bottom: 30px;
	height:100%;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #003366;
}
.sousrubriques {
	margin:0;
	padding:0;
	margin-left:48px;
	}
.normaltic_rub {
	padding-left:50px;
	}
#content a.titre_rubrique {
	color:#FD7800;
	font-size:18px;
	text-decoration:none;
	display:block;
	background-color:#FFFFFF;
	}

.rubrique li{
	list-style-type: none;
	background-image: url(pucetic.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left:20px;
	margin-left:1px;
}
.rubrique .sousrubriques ul, .rubrique .sousrubriques ul li {
	list-style-type: none;
	margin:0;
	padding:0;
}
.rubrique .sousrubriques ul li {
	color: #FD7800;
	font-size:14px;
	background-image: url(pucerubrique.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left:20px;
	margin-top:20px;
	padding-bottom:5px;
}
#content .rubrique .sousrubriques ul li a {
	color: #FD7800;
	text-decoration:none;
	}
#content .rubrique .sousrubriques ul li a:hover {
	color:#000000;
	text-decoration:none;
	}
.rubrique .sousrubriques ul ul {
	background-color:#ECF7FC;
	margin-top:8px;
	}
.rubrique .sousrubriques ul ul li {
	list-style-type: square;
	background-image:none;
	font-size:12px;
	color:#0099cc;
	margin:0px;
	margin-left:20px;
	padding-left:5px;
	}
#content .rubrique .sousrubriques ul ul li a {
	color: #000000;
	text-decoration:none;
	}
#content .rubrique .sousrubriques ul ul li a:hover {
	color:#FD7800;
	}

/* Mise en formes diverses pour les pages */
.orange {
	color:#FD7800;
	}
table.spip {
	text-decoration: none;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
ul.spip li.spip {
 	margin:0;
	padding:0;
	}
li.spip {
	list-style-type: disc;
	font: 12px trebuchet ms,arial,helvetica,sans-serif;
	line-height:100%;
	color:#FD7800;
	letter-spacing: .1em;
	}
	
	/*ci dessou s on ajoute le style pour mettre en page le plan du site*/
		/*on limite la taille du div qui contient l'image +-*/
.plusmoins {
	font: 1px Verdana, Arial, san-serif;
	background: url(http://www.regionreunion.com/fr/spip/plus.gif);
	float:left;
	width:10px;
	height:10px;
	margin:3px;
	}
#content ul.plansite li a {
	color:#F56700;
	font: 16px trebuchet ms,arial,helvetica,sans-serif;
	}
#content ul.plansite li a:hover {
	color:#000000:
	}
#content ul.plansite li ul li a {
	font:11px Arial, Helvetica, sans-serif;
	color:#0099CC;
	}
#content ul.plansite li ul li a:hover {
	color:#000000:
	}
.plansite li{clear: both;}
.plansite li ul {display:none;font:11px Arial, Helvetica, sans-serif;} 
.plansite ul {list-style: none;}
.plansite li {list-style: none;}


table.spip tr.row_first {background-color: #FCF4D0;}
table.spip tr.row_odd {background-color: #C0C0C0;}
table.spip tr.row_even {background-color: #F0F0F0;}
table.spip td {	padding: 1px; text-align: left; vertical-align: center;}

/* Anciens Styles TIC */
.chapo, .texte, .texte p.spip {font: 12px trebuchet ms,arial,helvetica,sans-serif; text-decoration: none; color: #000; text-align: justify;}
ul.forum-total {display: block;	padding: 0px;margin: 0px;list-style: none;}
.forum-fil {margin-top: 3em;}
.forum-fil ul {	display: block;	margin: 0px;margin-left: 2em;padding: 0px;list-style: none;}
.forum-titre {font-weight: bold;font-size: 120%;}
.forum-item {margin: 0px;padding: 1em;padding-top: 0.5em;padding-bottom: 0em;text-align: justify;color: #303030;font-size: 80%;}
.forum-repondre-message {text-align: right;}
ul .forum {border: 1px solid #909090;padding: 0px;margin: 0px;margin-bottom: 1em;}
ul ul .forum {border: 1px solid #a4a4a4;}
ul ul ul .forum {border: 1px solid #b8b8b8;}
ul ul ul ul .forum {border: 1px solid #cccccc;}
ul ul ul ul ul .forum {border: 1px solid #e0e0e0;}
ul ul ul ul ul ul .forum {border: 1px dashed #e0e0e0;}
ul .forum-chapo {border: 0px;border-bottom: 1px dashed #b8b8b8;margin: 0px;padding-left: 6px;padding-right: 6px;padding-top: 3px;padding-bottom: 2px;font-size: 90%;	background: #ffbb56;}
ul ul .forum-chapo {background: #FFd293;}
ul ul ul .forum-chapo {background: #FFd293;}
ul ul ul ul .forum-chapo {background: #FFd293;}
ul ul ul ul ul .forum-chapo {background: #FFd293;}
.ps {background: #F8EDE7; border: dotted 1px #000; font: 12px trebuchet ms,arial,helvetica,sans-serif; border: 2px;}
.spip_documents { font: 1em Verdana, sans-serif; color: #333; align: left;}
