/* ************************************************************************* *
 *  Revel.css pour Lodel 0.8                                                 *
 * ************************************************************************* */

* { margin:0; padding:0; border:none }

body {
	font:75% Verdana, sans-serif;
	padding:0em 0 0 0;
	color:#231F20;
	background-image: url(../images/body_bg.gif);
	background-repeat: repeat;
}

a { color: #333; text-decoration: none; }
a:hover { color: #398edc; text-decoration: none; }

hr { visibility:hidden; height:0 }
sup, sub { height:0; line-height:1; vertical-align:baseline; position:relative }
sup { bottom:1ex } sub { top:.5ex }

table { border-collapse:collapse; background:#FFF }
td { font-size:.91em; padding:.55em; border:1px solid #CCC }
input, select, textarea { font:1em Verdana, sans-serif }
h1, h2, h3, h4, h5, h6 { font-size:1em }
h1:hover, h2:hover { cursor: default }


/*---------------------------------------------------------------------------*
 |                       Blocs Principaux                                    |
 *---------------------------------------------------------------------------*/

#site {
	position:relative;
	width:67em;
	margin:0 auto;
	background: #FFF;
}

#header {
	position:relative;
	width: 67em;
	margin-right: auto;
	margin-bottom: 2em;
	margin-left: auto;
	padding-top: 0em;
	padding-right: 0;
	padding-bottom: 1.5em;
	padding-left: 0;
}

/* Portail */
#revel_head {
	position:relative;
	display: block;
	width: 67em;
	height: 57px;
	margin:0;
	min-height: 19px;
	background: #474747;
	border-bottom-color:#8e8e8e;
	border-bottom-width: 3px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
}

#header_links {
	position: relative;
	font-size:1em;
	width:45em;
	padding-top: 1em;
	padding-bottom: 1em;
	padding-left: 1em;
	float: left;
}

#header_agenda {
	position:relative;
	z-index:2;
	width:17em;
	margin-top: 0.5em;
	margin-right: 1.25em;
	margin-bottom: 1.25em; 
	float:right;
	color: #666666;
	background-color: #fff;
}

#main {
	position:relative;
	width:67em;
	margin:0 auto;
	background: #FFF;
}

#main_content {
	position:relative;
	z-index:2;
	width:45em;
	margin: 0 0 0 1em;
	float:left;
}

#main_nav {
	position:relative; 
	z-index:1;
	width:17.5em;
	padding:0 0em 0 1em;
	float:right;
	margin: -1.3em 1em 0 0;
}


#footer {
	clear:both;
	width:67em;
	margin: 0 auto;
	padding-top: 4em;
	padding-bottom: 1em;
}


/*---------------------------------------------------------------------------*
 |          Haut de page du Portail REVEL (Logo REVEL & UNSA)                |
 *---------------------------------------------------------------------------*/ 

#revel_head #revel_head_logo_revel{
	position: relative;
	display: block;
	float:left;
	margin-left: 0.7em;
}

#revel_head #revel_head_logo_unsa{
	position: relative;
	display: block;
	float: right;
}


/*---------------------------------------------------------------------------*
 |                       Header                                              |
 *---------------------------------------------------------------------------*/

/* Liens REVEL et liste deroulante revues */
#header_links_revel {
	position: relative;
	display: block;
	float: left;
	width: 20em;
	margin: 1.3em 0 2em 0;	
} 

#header_links_revel p {
	position: relative;
	display: block;
	padding-left: 0;
	margin: 0;
} 

#header_links_revel p a,  #header_links_revel p a:hover {
	text-decoration: none;
} 

#header_links_revel p a span {
	position: relative;
	display: block;
	width: 18em;
	padding-left: 0;
	margin: 0;
	line-height: 1.6em;
	font-weight: bold;
	font-size: 0.8em;
} 

#header_links_revel p a span:hover {
	text-decoration: none;
	padding-top: 0;
	padding-bottom: 0;
	padding-right: 0;
	color: #ffffff;
	background-color: #666666;
}


#header_links_forms {
	position: relative;
	display: block;
	float: right;
	width: 18em;
	margin: 1.3em 5em 2em 0;
}

#header_links_forms p {
	line-height: 1.6em;
	font-weight: bold;
	font-size: 0.8em;
	color: #777;
	margin-bottom: 0.3em;
}

#header_links_forms p:hover {
	cursor: default;
}

#header_links_forms select {
	width: 22em;
	border: #639cce 1px solid;
	font-size: 0.8em;
	color: #333;	
}


#header_links_forms form#form_select_revue_select {
	border: #669cc8 solid 1px;
}

#header_links_forms form input#request {
	width:17em;
	font-size: 1em;
	margin-top:0;
	margin-bottom: 0.25em;
	padding-left: 0.25em;
	padding-right: 0.25em;
	border: #669cc8 solid 1px;
}


#header_links_forms form select#refsite {
	font: 0.8em Verdana, Arial, Helvetica, sans-serif;
	text-transform: none;
	color: #333333;
	width: 20em;
	margin-top: 0;
	border: #669cc8 solid 1px;
	vertical-align: bottom;
}

#header_links_forms form select#refsite option.header_agenda_form_option_big {
	font-weight: bold;
}

#header_links_forms form p img {
	vertical-align: bottom;
}

#header_links_forms #header_agenda_form_submit {
	margin-top: 0.5em;
}

/* Agenda en haut de page */
#wp-calendar  {
	float: right;
	display: block;
	background: #fff;
	border: none;
	width: 19em;
	height: 16.8em;
	margin-right: 1em;
	margin-top: 0;	
	font-size: 0.925em;
	background-image: url(../images/agenda.jpg);
	background-position: top;
	background-position: right;
	background-repeat: no-repeat;
	text-align: left;	
}

#wp-calendar table {
 width: 16em;
}

#wp-calendar table caption
{
  text-align:center;
  font-size: 1em;
  font-weight: light;
  color: #669cc8;
  text-transform: uppercase;
  margin: 0;
  padding: 0;
}

#wp-calendar table caption a
{
  color: #669cc8;
}

#wp-calendar #prev {
  margin: inherit;
  padding: 1em;
  padding-left: 1em;	
  text-align:left;
  font-size: 1em;
  color: #669cc8;
  text-transform: capitalize;  
}

#wp-calendar #next {
  padding-right: 1em;
  text-align:right;
  font-size: 1em;
  color: #669cc8;
  text-transform: capitalize;
}

#wp-calendar #prev a, 
#wp-calendar #next a
{
  color: #669cc8;
}

#wp-calendar .ec3_eventday a {
 color:#a00 !IMPORTANT;
 font-weight: bold;
 
}

#wp-calendar table td,
#wp-calendar table th {
  text-align:center;
  width: 0.9em;
  height: 1.65em;
}



#wp-calendar table td,
#wp-calendar table td.pad:hover,
#wp-calendar table.nav tr td {
 padding:1px;
 border:none;
}

#wp-calendar table td.ec3_today {
 padding:0px;
 border: #e2dedd solid 1px;
}

#wp-calendar table td.pad {
	visibility: hidden;
}

.ec3_popup {
 margin:0 !IMPORTANT;
 padding:0 !IMPORTANT;
 border:none;
 position:absolute;
 border-collapse:collapse;
 filter:alpha(opacity=87);
 -moz-opacity:.87;
 opacity:.87;
 z-index:30000;
}

.ec3_popup td {
 padding:0;
}

.ec3_popup table {
 border:solid #e2dedd 1px;     /* popup border */
 background-color: #ebf6ff;    /* popup background colour */
 font-size:x-small;            /* popup font size */
 color:black;
 text-align:left;
}

/* Agenda --> Popup */
.ec3_popup table td {
 padding:1.5px 3px 1.5px 3px;
}

#ec3_shadow0 div { width:0px; height:0px; }
#ec3_shadow0 {
 margin:0;
 padding:0;
 border:none;
 width:0px;
}

#ec3_shadow1 {
 margin:0;
 padding:0;
 border:none;
 height:0px;
}

#ec3_shadow2 div { width:0px; height:0px; }

#ec3_shadow2 {
 margin:0;
 padding:0;
 border:none;
 width:0px;
}


/*---------------------------------------------------------------------------*
 |                      Barre de Navigation (colonne de droite)              |
 *---------------------------------------------------------------------------*/

#main_nav h1 {
	visibility:hidden; 
	overflow:hidden; 
	margin:0; 
	padding:0; 
	width:0; 
	height:0; 
	line-height:0; 
	font-size:0;	
}

#main_nav div {
	background: #e2dedd;
}

#main_nav h2 {
	font: bold 0.9em Georgia, "Times New Roman", Times, serif;
	color: #333333;
	background-color: #ffffff;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666666;
	text-transform: uppercase;
	margin: 0em 0em 0 auto;
	padding: 1.5em 0 0.5em 0.5em;
}

#main_nav h2 a.rss {
	float: right;
	margin-top: 0.3em;
}

#main_nav hr {
	visibility: visible;
	color: #ffffff;
	background-color: #ffffff;
	height: 5px;
	border: 0;
	margin: 0;
	padding: 0;
}

#main_nav div.main_nav_h2_contener {
	border-bottom: solid 5px #fff;
}

#main_nav #navEntries {
	border-bottom: solid 1px #e2dedd;
}

#main_nav hr.main_nav_close {
	visibility: visible;
	color: #e2dedd;
	background-color: #e2dedd;
	height: 1px;
	border: 0;
	margin: 0;
	padding: 0;
}


#main_nav ul {
	margin: 1px 1px;
	padding:0;
	border: #ffffff 2px solid;
} 


#main_nav ul li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.85em;		
	color: #000;
	margin: 0 0.75em 0.5em 0.6em;
	padding: 0 0 0.5em 0;
} 

#main_nav ul li.revel_actues_title {
	list-style: url('../images/puceactuesrevel.gif');
	list-style-position: inside;
	border-bottom: dotted;
	border-width: 1px;
	border-bottom-color: #666;
	font-weight: bold;
	margin-top: 1em;
}

#main_nav ul li.revel_revues_actues_title {
	list-style: url('../images/puceactuesrevelrevues.gif');
	list-style-position: inside;
	border-bottom: dotted;
	border-width: 1px;
	border-bottom-color: #666;
	font-weight: bold;
	margin-top: 1em;
}

#main_nav ul li.revel_adc_actues_title {
	list-style: url('../images/puceactuesreveladc.gif');
	list-style-position: inside;
	border-bottom: dotted;
	border-width: 1px;
	border-bottom-color: #666;
	font-weight: bold;
	margin-top: 1em;
}

#main_nav ul li.revel_actues_text {
	color: #666;
	list-style: none;
	list-style-position: inside;
	line-height: 1.2em;
}

#main_nav ul li.revel_actues_date {
	list-style: none;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 0.85em;
	font-weight: bold;
	text-align: right;
	color: #666;
	padding-top: 0.5em;
	border-top: dotted;
	border-width: 1px;
	border-top-color: #666;
	
}

#main_nav ul.revellink {
	margin: 0em 0 0.2em auto;
	padding: 1em 0 0.5em 1em;
	background-color:#ffffff;
} 

#main_nav ul.revellink li {
	list-style: none;
	margin: 0.5em 0;
	font:.8em/1.2 Verdana, sans-serif;
	color: #666666;
} 


/*---------------------------------------------------------------------------*
 |        Contener Principal                                                 |
 *---------------------------------------------------------------------------*/
#main_content h1 {
	font: bold 0.9em Georgia, "Times New Roman", Times, serif;
	color: #333333;
	text-transform:uppercase;
	padding-top: 0.2em;
	margin-bottom: 0.25em;
	padding-left: 0;
	padding-bottom: 0.3em;
	background: inherit;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666;
	text-indent: inherit;
} 
 
#main_content h1 p {
	border-width: 1px;
	border-style: dotted;
	border-color: #666;
}

#main_content h1 p.lselected {
	background:url(../images/backslash_left.jpg);
	background-position: left;
	background-repeat: no-repeat;
}

#main_content h1 p.rselected {
	background:url(../images/backslash_right.jpg);
	background-position: right;
	background-repeat: no-repeat;
}

#main_content h1 p span.h1_onglet_revues {		
	font: bold 1.25em Georgia, "Times New Roman", Times, serif;
	color: #000;
	padding-left: 0.25em;
	padding-top:  0.25em;
	padding-bottom: 0.25em;		
}

#main_content h1 p span.h1_onglet_colloques {
	font: bold 1.25em Georgia, "Times New Roman", Times, serif;
	padding-right: 0.25em;
	float: right;
	color: #000;	
}

#main_content h1 p span a {		
	font: bold 0.8em Georgia, "Times New Roman", Times, serif;	
}
 
#main_content h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1em;
	text-align: left;
	color: #333;
	background-image: url(../images/pucerevel.gif);
	background-repeat: no-repeat;
	background-position: left;
	background-color: #fff;
	padding: 0.2em 0 0.33em 1.7em;
	margin: 1em 0 0.3em 0;
	border-bottom: 1px;
	border-bottom-style: dotted;
}

#main_content h2.h2_actues {
	background-image: url(../images/puceactuesrevel.gif);
	margin-top: 1.5em;
}

#main_content h2 a {
	font-size: 1.2em;
	text-decoration: none;
	font-weight: bold;
	margin-right: 0.25em;
}

#main_content h2 span {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	font-size: 0.95em;
	margin-left: 0.4em;
}

#main_content h3 {
	color: #666;
	font-weight: bold;
	font-size: 0.85em;
	margin: 0.2em 0;
}

#main_content h3.h3_search_title {
	text-decoration: underline;
	font-size: 0.95em;
	margin-top: 1.5em;
}

#main_content h3 a.h3_a_sommaire{
	color: #666;
	text-decoration: underline;
	font-weight: bold;
}

#main_content h3 a.h3_a_sommaire:hover {
	color: #398edc; 
}

#main_content h3.dans_text, 
#main_content h3.dans_text a, 
#main_content h3.dans_text a:hover {
	margin: 2em 0 1em 0;
	text-decoration: underline;
	color: #666;
	font-weight: normal;
}

#main_content h4 {
	color: #666;
	font-weight: bold;
	font-size: 0.85em;
	margin: 1.5em 0 0.2em 0;
}

#main_content br.separation_sommaire {
	margin: 2em 0;
}

#main_content p, 
#main_content ol, 
#main_content ul {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	line-height: 1.5em;
	text-align: justify;
	letter-spacing: normal;
	color: #666;
	margin: 0em;	
}

#main_content ol li, #main_content ul li{
	margin-left: 3em;
	list-style-position: outside;
}

#main_content p a {
	font-weight: bold;
	color: #666;
}

#main_content p a.underline {
	text-decoration: underline;
}

#main_content p a:hover {
	color: #398edc;
}

#main_content p.separation_avant, 
#main_content ul.separation_avant, 
#main_content ol.separation_avant {
	margin-top: 1em;
}

#main_content p.separation_apres, 
#main_content ul.separation_apres,
#main_content ol.separation_apres {
	margin-bottom: 1em;
}

#main_content div.les_revues_liens {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: bold;
	color: #777777;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}

#main_content div.les_revues_liens span {
	font-size: 0.9em;
	color: #777777;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}

#main_content div.les_revues_liens span.les_revues_links_left{
	font-size: 1em;
	font-weight: bold;
	line-height: 2em;
	margin-left: 0;
	text-align:left;
	vertical-align: baseline;
}

#main_content div.les_revues_liens span.les_revues_links_right{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 0.9em;
	font-weight: lighter;
	color: #666666;
	float: right;
	line-height: 2em;
	margin-right: 0;
	text-align: right;
	vertical-align: baseline;
}


/* ------------------------- Page contact ------------------------- */
#main_content div#main_content_contact {
	height: 17.5em;
}

#main_content div#main_content_contact img{
	float: right;
	margin-top: 0.25em;
	width: 24em;
	height: 16em;
}

#main_content div#main_content_equipe, 
#main_content div#main_content_historique,
#main_content div#main_content_partenariats{
	height: 12em;
}

#main_content div#main_content_etablissement{
	height: 25em;
}

#main_content div#main_content_etablissement img{
	float: left;
	margin-top: 0.25em;
	width: 24em;
	height: 17em;
}

#main_content div#main_content_etablissement p{
	margin-left: 31em;
}

#main_content div#main_content_historique p span a{
	float: left;
	margin-top: 0.25em;
	width: 24em;
	height: 15em;
}	

/* ---------------- Moteur de recherche ------------------------- */
#main_content div#search_result_stats {
	margin-left: 1em;
}

#main_content div#search_result_stats h1 {
	color: #666;
	text-transform:uppercase;
	padding-top: 0.2em;
	margin-bottom: 0.25em;
	padding-left: 0;
	padding-bottom: 0.3em;
	background: inherit;
	border-bottom-width: 0.8px;
	border-bottom-style: dotted;
	border-bottom-color: #666;
	text-indent: inherit;
	margin: auto;
}

#main_content div#search_result_stats ul {
	background: #e2dedd;
	margin: 0.2em 0 1em 0;
	padding: 1em 1em;
	border: #ffffff 1px solid;
}

#main_content div#search_result_stats ul li {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}

#main_content div#search_results {
	margin: 0;
	padding: 0;
}

#main_content div#search_results ul {
	margin: 0;
	padding: 0;
}

#main_content ul li.search_results_content_title {
	list-style-image: url(../images/pucerevel.gif);
	list-style-position: inside;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666;
	margin: 1em 1em 0.5em 1em;
	padding-top: 0;
	padding-bottom: 0.25em;
	padding-left: 0;
}  

#main_content ul li.search_results_content_description {
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 0;
	text-align: justify;
	font-size: 0.8em;
}  

#main_content ul li.search_results_content_link {

}  

#main_content div#pager {
	text-align: center;
	background-color: #e2dedd;
	margin: 1.5em 0 1.5em 0;
	padding: 0.25em;
	
}

#main_content div#pager ul {
	background-color: #e2dedd;
	display: inline;
}

#main_content div#pager ul li {
	cursor: default;
	display: inline;
	border-collapse: collapse;
	list-style-position: inside;
	color: #999;
	margin: 0;
	padding: 0.25em;
	border-width: 0;
}

#main_content div#pager ul li:hover {
	cursor: pointer;
	display: inline;
	border-collapse: collapse;
	list-style-position: inside;
	background-color: #639cce;
	color: #fff;
	margin: 0;
	padding: 0.25em;
	border-width: 0;
}

#main_content div#pager ul li.pager_selected, 
#main_content div#pager ul li.pager_selected:hover {
	cursor: default;
	display: inline;
	border-collapse: collapse;
	list-style-position: inside;
	color: #000;
	background: inherit;
	margin: 0;
	padding: 0.25em;
	border-width: 0;
}


/*---------------------------------------------------------------------------*
 |        FOOTER                                                             |
 *---------------------------------------------------------------------------*/
#footer p {
	color: #666666;
	font: 0.9em Verdana, sans-serif;
	text-align: center;
	margin: 0;
}

#footer p a {
	color: #666666;
	font: 0.9em Verdana, sans-serif;
}

#footer p a:hover {
	color: #666666;	
}

#footer p img {
	margin: 0 0.2em 0 0;
	width: 4.4em;
	height: 1.6em;	
}

#footer a.rss {
	margin: 0 4em 0 2em;
}

#footer a.rss img {
	width: 3em;
	height: 1em;
}

