/*  ------------------------------------------
/*  version 2
/*  ------------------------------------------
*/  
	
	
#bando a{float:right; 
display:block;
position:relative;
top:0px;
height:70px;
width:800px;
}

#bando a:hover{
float:right;
display:block;
position:relative;
border:0px solid #E38732;
top:0px;
height:70px;
width:800px;} 

	
body{

background-color:#8B8170;
}

#container{
width: 800px;
margin: 0px auto;
background-color:#ffffff ;
color: #333;
border:5px solid #fff;
line-height: 130%;
background-color: #fff ;/*url(http://www.regionreunion.com/fr/spip/imageinterfacetemplateone/decodroitebleu.gif) repeat-y 0% 0*/
padding:0px}

#top{
height:100px;
padding: .0em;
/*background-color:#006699;*/
border-top: 0px solid #fff ;
border-left: 0px solid #fff ;
border-right: 0px solid #fff ;
border-bottom: 0px solid #003366 ;
background: #ffffff url(http://www.regionreunion.com/fr/spip/imageinterfacetemplateone/BANDEAU-2010-09-03.gif) repeat-y 0px;
}

/*
 #top{background: #ffffff url(http://www.regionreunion.com/fr/spip/imageinterfacetemplateone/bandeau_haut_2010_3.gif) repeat-y 0px;
height:100px;
border-bottom: 0px solid #003366 ;}
*  */

#top h1{
padding:0;
margin:0;
}

#leftnav{
float: left;
width: 160px;
margin-bottom: 50px;
border:0px solid red;
}


#rightnav{
float: right;
width: 160px;
margin-left:0em;
margin-top:8em;
margin-right: 0em;
padding:1em ;
background-color:#ffffff ;
}

#content{
margin-left: 180px;
border-left: 0px dotted gray;
margin-right: 180px;
border-right: 0px solid gray;
padding: 1em;
max-width: 40em;
}

#ariane{
text-transform:lowercase;
font-size:0.9em;
}

 #lecontexte{
height: 25px;
background-color:#cccccc;
font:1.5em trebuchet ms,arial,helvetica,sans-serif;
padding-right:200px;
padding-top: 1.1em;
text-align:right;
color:#ffffff;}

/*debut du style content*/
.encadrecontent{
border:1px solid #000000;
margin-bottom:2em;
margin-top:2em;
background-color:#E6E6DC;}

.encadrecontent ul{
padding-left: .5em;
margin-left:.5em; 
text-indent: 0.5em;
list-style-type: disc;
list-style-image: url(../imageinterfacetemplateone/puceencadrecontent.gif);
list-style-position: inside;
}


.encadrecontent h1{
padding:.2em .2em;
margin:0px;
background-color:#cccccc;
height: 20px;}

/*fin du style content*/

#footer{
clear: both;
margin:0;
padding: .5em;
color: #333;
background-color:#eee ;
border-top: 1px solid #ccc ;
}

/*debut style du menu metanav*/

#metanav {
float:right;
/*background-color:#006699;*/
padding-left:.8em;
padding-bottom:.2em;
padding-top:.2em;
padding-right:.8em;
color:#ff6600;
}

#metanav #form_recherche {
margin:0px;padding:0px;
}


#metanav #form_recherche a{
color:#000;
}

 input[type=text]{
border: 1px solid #999fa8;}

 input[type=submit]{
border: 1px solid #999fa8;
}

input[type=submit]:hover{
background: #bfc3c9;}

/**
#metanav #form_recherche #bouton_recherche{
background-color: #003366;
color: #ffffff;
border: none;
margin: 0;
}
**/




#form_recherche #champ_recherche{
background-color: #E6E6E6;
color:#000000;
height:1.4em;
margin: 0;
border:1px solid #000000;
}

/*#form_recherche #champ_recherche:hover{
background-color: #fff;

border:1px solid #000000;}*/


	
#metanav a{
margin-top:.1em;
text-decoration:none;
color:#000000;
}		 
/*	debut style du menu metanav*/





/*debut style typographie*/
body {
/*font: 70% 'Lucida Grande', Verdana, 'Bitstream Vera Sans', sans-serif;*/
font: 70% Verdana, Geneva, Arial, sans-serif;
}

/*ci dessous la classe permet de surligner la requete dans le resultat d'une recherche*/
#content .spip_surligne{
background-color:#A0C589;
}

#content .cheminresultatrecherche{
color:#A0C589;
}



#content h1{
font: 19px Lucida Grande, arial,trebuchet ms,helvetica,sans-serif;
color:#C00;
letter-spacing:normal;
}





#content h1.titre_article{
font-style: normal;
line-height: normal;
font-weight: 2000 ;
font-variant: normal;
text-transform: none;
color: #cc0000;
margin:0px 0px 0px 0px;
font: 19px Arial, Lucida Grande, Verdana,  Helvetica, sans-serif;
letter-spacing:0;

}

#content h2.surtitre_article{
font-variant: small-caps;
text-transform: none;
color: #000;
font:13px   Arial,Verdana, Helvetica, sans-serif;
letter-spacing:normal;
}


p.soustitre_article{
font-style: normal;
line-height: normal;
font-weight: bold;
font-variant: normal;
text-transform: none;
color: #ccc;
font:12px   Arial,Verdana, Helvetica, sans-serif;
margin-bottom:0px;
margin-top:0px;
letter-spacing:0;
}

p.chapoarticle{margin-bottom:20px;}

#rightnav .encadre h1{
color: #ffffff;
font: 12px Arial, Lucida Grande, Verdana,  Helvetica, sans-serif;
letter-spacing:0;
}






#titre_rubrique{
font: 22px/26px trebuchet ms,arial,helvetica,sans-serif;
margin: .5em 0em  .5em  0em ;
line-height:100%;
letter-spacing: .1em;
color:#669900;
}








.sommaire a{
text-decoration:none;
color:#000000;
}

 h2{
font-size:1.2em;
margin:1em 0em 0em 0em;
line-height:100%;
color:#990033;
letter-spacing:.1em;
}

 h3{
font-size:1.3em;
margin: 1em 0em  0em  0em ;
padding: 0em 0em  0em  0em ;
line-height:100%;
color:#cc0000;;
letter-spacing: normal;
border-bottom: 1 solid #cccccc;
}

p{ 
margin: 0 0 .5em 0; }
 div.hr_dotted {


  width:410px;                       
  background-image: url('http://www.regionreunion.com/fr/spip/imageinterfacetemplateone/filet_dotted.gif')  ;
	background-repeat: repeat-x; 
	background-position: 9px   9px ;            
	height: 18px;
	

}

.imageagauche{
float:left;
margin:0.5em;
border:1px solid #000000;
}

.imageadroite{
float:right;
margin:0.5em;
border:1px solid #000000;
}

#ariane {
color:#cccccc;
}

#contentune .liendiscret{
color:#000000;
text-decoration:none;
}

#contentune .liendiscret:hover{
color:red;
text-decoration:none
}
/*rustine lien en une hover*/
#contentune a.lien_invisible:hover,#contentune .pseudocolonneune a:hover, #contentune #actu a:hover {color:#005aad}


#ariane a {
color:#cccccc;
text-decoration:none;
}

#ariane a:hover {
color:#005aad
}

#content a{
text-decoration:none;
color:#0099cc;
}

#content a:hover{
color:#005aad;
}

#footer a{
text-decoration:underline;
color:#0099cc;
}
#footer a:hover{
text-decoration:underline;
color:#0099cc;
}

#rightnav .encadre a,#rightnav .encadre a{
text-decoration:underline;
color:#0099cc;}

#rightnav  a {
text-decoration: none;
color:#fff;
}


#rightnav .encadre a:hover{
text-decoration:underline;
color:#000000;}


/* Tableaux provient du style de spip*/
table.spip {
	margin: auto;
	margin-bottom: 1em;
	border: 1px solid;
	border-collapse: collapse; }
table.spip caption {
	caption-side: top; /* bottom pas pris en compte par IE */
	text-align: center;
	margin: auto;
	padding: 3px;
	font-weight: bold; }
table.spip tr.row_first { background: #FFC; }
table.spip tr.row_odd { background: #DDD; }
table.spip tr.row_even { background: #EEE; }
table.spip th, table.spip td { padding: 3px; text-align: left; vertical-align: middle; }

/* Logos, documents et images */
img, .spip_logos { margin: 0; padding: 0; border: none; }

.spip_documents { text-align: center; }
.spip_documents_center { /*clear: both*/; width: 350px; margin: auto; }
span.spip_documents_center { display: block; margin-top:1em; }
.spip_documents_left { float: left; margin-right: 15px; margin-bottom: 5px; }
.spip_documents_right { float: right; margin-left: 15px; margin-bottom: 5px; }
.spip_doc_titre { font-weight: bold; font-size: 0.8em; margin-left:auto; margin-right:auto;}
.spip_doc_descriptif { /*clear: both*/; font-size: 0.8em; margin-left:auto; margin-right:auto;
}






 #footer {text-align:center}
/*fin style typographie*/
/*debut du style menu droit*/
#outils{
width:auto;
border-top:1px dotted #cccccc;
border-bottom:1px dotted #cccccc;
margin-bottom:2em;
}

#outils a{
text-decoration:none;
border:none;color:#000000;
}

#outils a img{
border:none;
}

.encadre{
width:auto;
border:1px solid #cccccc;
margin-bottom:2em;
}

.encadre h1{
color:#ffffff;
/*color:#000000;*/
text-align:center;
padding:.2em .2em;
margin:0px;
background-color:#01a0c7;
/*background-color:#CCe6f2;*/
/*background-color:#E6E6DC;*/
}



.encadre ul{
padding-left: .5em;
margin-left:.5em; 
list-style-type: disc;
list-style-image: url(../imageinterfacetemplateone/pucebleu.gif);
list-style-position: inside;
}

/*fin du style menu droit*/
/*debut du style menu gauche */

/*debut du style menu gauche */

#boutton {
border:0px solid red;
padding:0px;
margin:0em;
font-family: 'Trebuchet MS', 'Lucida Grande',Verdana, Lucida, Geneva, Helvetica,
       Arial, sans-serif;
color: #000;
background-color:#87CEEB;
}
	 


#boutton ul {
background-color:#87CEEB;
list-style-type: none;

margin-left:0px;
padding-left:0px;
width:auto;
border: 0px solid red;
}

#boutton ul ul{
margin-left: .9em;
padding-left: .9em;
list-style: disc url(http://www.regionreunion.com/fr/spip/imageinterfacetemplateone/puceblancbleu.png)  ;
}


#boutton ul .rub {
padding-left: 1.9em;
margin: 0px;
border: 0px solid #000000;}

#boutton li {

}
#boutton li li {
padding-left: 0em;
margin-bottom:0em;

}
	 
#boutton li li a,
#boutton li li li a  {text-transform: lowercase;
margin-top:1em;
margin-bottom:.4em;
padding-left:0px;
padding-right:0px;
color: #000000;
text-decoration: none;
border:0px solid #cccccc;
}



#boutton li a:hover {
color:#ff6600;
}
	 
#boutton li .on{ 
color:#fff;
 }
/*on decore les liens sur les 5 premieres rubriquesde facon ? les distinguer
des sous rub*/

#boutton #liensteterub_18,#boutton #liensteterub_106,#boutton #liensteterub_116,
#boutton #liensteterub_111,#boutton #liensteterub_115,#boutton #liensteterub_114,
#boutton #liensteterub_132,#boutton #liensteterub_accueil {
display: block;
font-size: 1.1em;
background:  url(http://www.regionreunion.com/fr/spip/imageinterfacetemplateone/fondsecteurbleu.jpg) repeat-x 0px 0px;
color: #ffffff;
padding-top: 0.9em;
padding-bottom: 0.9em;
padding-left: 1em;
text-decoration: none;
width: auto;
}

#teterub_132, #teterub_116, #teterub_115, #teterub_111, #teterub_106, #teterub_18, #teterub_accueil{
border-top:1px solid #ccc;
}


#boutton #liensteterub_106:hover,#boutton #liensteterub_116:hover,
#boutton #liensteterub_111:hover,#boutton #liensteterub_115:hover,#boutton #liensteterub_114:hover,#boutton #liensteterub_132:hover,#boutton #liensteterub_accueil:hover,
,#boutton #liensteterub_18:hover  {
background-color:#cce6f2;
}






	/*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(../plus.gif);
float:left;
width:10px;
height:10px;
margin:3px;
}


/*on ferme les rubriques secteurs a dýfaut de tout fermerr*/
/*par la suite on veillera a ce que les gens qui n'ont pac activý*/
/*javascript puissent voir le plan quand memme */
#rub18,#rub106,#rub111,#rub115,#rub85,#rub116,#rub132 {display: none}

.plansite li{clear: both;}
.plansite li ul {display:none;} 
.plansite ul {list-style: none;}
.plansite li {list-style: none;}

/*cadre arrondi*/
#cadre { /* taille du cadre, ý titre d'exemple */
width:auto;
background-color: #ccc;
}
/* propriýtýs communes ý l'ensemble des 4 coins */
#hautgauche, #hautdroit, #basgauche, #basdroit {
height: 10px; width: 10px;
background-repeat: no-repeat;
font-size:1px; /* correction d'un bug IE */
}
/* propriýtýs spýcifiques ý chaque coin */
#hautgauche {
background: url(http://www.regionreunion.com/fr/spip/imageinterfacetemplateone/hautgauche.gif);
}
#hautdroit {
float: right;
background: url(http://www.regionreunion.com/fr/spip/imageinterfacetemplateone/hautdroit.gif);
}
#basgauche {
background: url(http://www.regionreunion.com/fr/spip/imageinterfacetemplateone/basgauche.gif);
}
#basdroit {
float: right;
background: url(http://www.regionreunion.com/fr/spip/imageinterfacetemplateone/basdroit.gif);
}

#rightnavune #cadre #contenu p {
color: white;
margin-left: 3em; /*gestion des espaces interparagraphes */
}
#rightnavune #cadre #contenu a {color:#000;text-decoration:none;}
#rightnavune #cadre #contenu a:hover {
color:red;
text-decoration:none;

}

#cadre #contenu form{text-align:center;}

/*  
/*  
/* ajout pour la campagne/ýtudiants 2006
*/


#message_etudiants{
border:1px solid #000;
padding-top:15px;
padding-right:5px;
padding-left:5px;
padding-bottom:15px;
background-color: #EEDD83;

margin-bottom:20px;
margin-top:20px;

}