/*******************************
 * Général
 *******************************/

body {
	font-family:serif;
	background-color : #FFFFFF;
}

input, select, textarea {
	border : solid 1px #666;
	background-color:#FFFFFF;
}

abbr, acronym {
	border:none;
}

thead, tfoot {
	text-align:center;
}

a {
	display:inline; 
	border:none; 
	background:none;
	color: #000; 
	text-decoration:none;
}

a:hover {
	text-decoration: underline overline;
}

q {
	font-style:italic;
}

q:before {
	content:'« ';
}

q:after {
	content:' »';
}

.colorh {
	background-color:#F0F8FF;
}
.color1 {
	background-color:#FFFFFF;
}
.color2 {
	background-color:#F0F8FF;
}

.focused {
	background-color:#FFF;
}
.notfocused {
	background-color:#DDD;
}

.obligatoire {
	color : #A61F1F;
}

.attention {
	display:block;
	padding : 0.5em 1em 0.5em 35px;
	border : dashed 1px #AA1B1B;
	background-color:#FF8D8D;
	background-image: url('images/attention.gif');
	background-repeat:no-repeat;
	background-position : left center;
}

.information {
	display:block;
	padding : 0.5em 1em 0.5em 35px;
	border : dashed 1px #666;
	background-color:#CCC;
	background-image: url('images/note.gif');
	background-repeat:no-repeat;
	background-position : left center;
}

/* Bulles d'aide : */
a.aide {
	cursor:help;
}

a.aide span.aide {
	display:none;
	text-decoration:none;
}

a.aide:hover span.aide {
	display:block;
	position:absolute;
/*
	right:1em;
*/
	border:dashed 1px #F3C348;
	background-color : #FFC;
	width:auto;
	text-align:left;
	padding:0.5em 1em 0.5em 35px;
	text-decoration:none;
	background-image: url('images/aide.gif');
	background-repeat:no-repeat;
	background-position : left center;
}

span.exemple {
	font-style : italic;
	color : #333;
	display:block;
}

ul.tiret {
	list-style: none;
}
ul.tiret li:before {
	content: "- ";
}

/*******************************
 * Header
 *******************************/


#header {
        float: left;
	background-color : #FFFFFF;
	width : 19em;
	padding : 1em 0;
	height:5em;
	margin:0;
}

#header a {
	border:none;
}


/*******************************
 * Panneau de recherche/menu
 *******************************/
@media screen {
	#recherche {
		position: absolute;
                top: 0;
                left: 0;
	        background-color : #FFFFFF;
		padding :0 1em;
		width: 19em;
		margin:0;
	}

        #logo div {
	margin-left:5em;
	float:left;
	border:none;
        }

        #logo img {
        padding: 5px;
	border:none;
        }

	#recherche .valider {
		text-align:right;
	}
	
	#recherche div.boitehaut {
		border-top:solid 2px #666;
		border-bottom:solid 2px #666;
		border-left : none;
		border-right : none;
		padding:0;
	}
	
	#recherche div.boite {
		border-top:none;
		border-bottom:solid 2px #666;
		border-left : none;
		border-right : none;
		padding:0;
	}
	
	#recherche h2 {
		padding:0;
		margin:0.1em;
	}


	#recherche select, #recherche input[type="text"] {
		width:12em;
		margin:0;
		padding:0;
	}

	#recherche label {
		float : left;
		text-align:right;
	}

	#recherche fieldset {
		text-align : right;
		border: solid 1px #666;
		margin: 0.5em 0em;
	}

	#recherche fieldset p {
		margin : 0;
		padding: 0.1em 0;
	}

}


	
}

@media print {
	#recherche {
		display:none;
	}
}


@media screen {
	#loginbox {
		text-align:right;
		float:center;
		margin: 5px;
		padding: 5px;
                border: solid 1px #FF8C00;
	}
}

@media print {
	#loginbox {
		display:none;
	}
}

#loginbox p {
	padding: .2em 0;
	margin: 0 0 .2em 0;
}

/*******************************
 * MAIN
 *******************************/

@media print {
	#main {
		background-color : #EEE;
		padding :0 1em;
		margin:0 0 0 0em;
	}
	
	#main table.entite th, #main table.entite td {
		border-left:none;
		border-top:none;
		border-right:none;
		border-bottom:dotted 1px #666;
	}
}

@media screen {
	#main { position: static;
		background-color : #FFFFFF;
		padding :0 1em;
		margin:0 0 0 21em;
	}
}

#main h1 {
	padding:0.2em 0.2em 0.2em 0.3em;
	margin:0 0em 0.5em 0em;
        border: none;
	font-variant:small-caps;
}

#main h2 {
	margin:0.7em 0 0em 0;
	padding:0.2em;
	border:none;
	font-variant:small-caps;
}

#main>p {
	text-align:justify;
	text-indent:2em;
	line-height:1.5em;
}

#main ul {
	margin:0;
	padding:0em 0em 0em 2em;
}

#main select, #main input[type="text"] {
	width:35em;
	margin:0;
	padding:0;
}


#main table.entite {
	border-collapse:collapse;
	border: 1px #666 solid;
}

#main table.entite th, #main table.entite td {
	padding : 0.1em 0.5em;
}

#main table.entite a.type {	
        color: #FF8C00;
        font-weight:bold;
}

#main table.entite a { 
   display:inline;
   border:none;
   background:none;
  color: #FF8C00 ;
  text-decoration:none;
}


#main fieldset {
	text-align:right;
	border: solid 1px #666;
	margin: 0.5em 0em;
	width:43em;
}

#main label {
	float:left;
}

#main textarea {
	width:20em;
}

#rightcol {
	float: right;
	width: 22%;
	min-width: 40ex;
	margin: 3ex 0 2ex 2ex;
}
#rightcol #h2 {
	display: block;
}
#rightcol #export {
	margin: 0 0 0 1ex;
	font-size: 92%;
	border: 1px dotted black;
	border-top: none;
	padding: 0.5ex;
}
#rightcol #export select {
	width: 15ex;
	border: 1px solid #BBB;
}
#rightcol fieldset {
	text-align: left;
}
#rightcol label {
	float: none;
}

#main ul#revues li.sanspartenaire * {
	color: #505050;
}
#main ul#revues li.partenaireself * {
	font-weight: bold;
        color: #FF9900;
}

.toggle:hover {
	cursor: pointer;
}


/*******************************
 * Footer
 *******************************/

#footer {
	clear: both;
} 

@media screen {
	#footer {
		padding:0em 1em;
		text-align:center;
		background-color:#FFFFFF;
		margin:0 0 0 21em;
	}
}

@media print {
	#footer {
		padding:0em 1em;
		text-align:center;
		background-color:#EEE;
		margin:0 0 0 0em;
	}
}

#footer a {
	text-decoration:none;
	color: #000;
}

#footer a:hover {
	text-decoration:underline overline;
}

#footer hr {
	border: solid 1px #666;
}


/***************************
 * Style des calendriers : *
 ***************************/
 
div.calendrier {
	z-index:2;
	position:fixed;
	bottom : 10px;
}
 
div.calendrier table {
	border-collapse:collapse;
}

div.calendrier td, div.calendrier th {
	border : solid 1px #666;
	text-align:center;
}

div.calendrier th {
	background-color:#EEE;
}

div.calendrier td {
	background-color:#CCC;
}

div.calendrier td.today {
	border : solid 2px #EEE;
	font-size:120%;
}

div.calendrier td a {
	text-decoration:none;
	color:#000;
	display:block;
	border:none;
}

div.calendrier td a:hover {
	background-color: #FFF;
}

div.calendrier td.cal_head a {
	display:inline;
}

/* **** DIVERS **** */

#messages {
	margin: 0 0 0 1ex;
	font-size: 92%;
	border: 1px dotted black;
	padding: 0.5ex;
}
#messages h2 {
	margin-top: 0;
}
#messages h3 {
	margin: 0.5ex 0;
}
#messages tr td + td + td {
	text-align: right;
}
#messages #messages-content {
	display: none;
}
#page-accueil #messages #messages-content {
	display: inherit;
}

#collections #collections-content {
	display: none;
}

ol li {
	margin-bottom: 1ex;
}

.hidden {
	display: none;
}
.showhidden .hidden {
	display: inherit;
}
.showhidden li.hidden {
	display: list-item;
}

.maj{ 
        display: block;
        text-align:right;
}

fieldset.dateb-tcourante div.dateb-fixe{
	display: none;
}
fieldset.dateb-tcourante div.dateb-mobile{
	display: none;
}

fieldset.dateb-tfixe div.dateb-fixe{
}
fieldset.dateb-tfixe div.dateb-mobile{
	display: none;
}

fieldset.dateb-tmobile div.dateb-fixe{
	display: none;
}
fieldset.dateb-tmobile div.dateb-mobile{
}