/* Gabarit Largeur fluide 3 colonnes, menu à droite - jimro - 07/11/2005 */

/* Feuille de style inspirée des tutoriels css.alsacreations.com */

/* Initialisation CSS */

/* * { CA PEUT ETRE ASSEZ PERTURBANT ;-) { */

html, body {

	margin: 0;

	padding: 0;

	border: 0;

}

/* police par défaut de tout le site */

html, body {

	background-color: #FFFFFF;

	margin: 0;

	padding: 0;

}

body {

	font-size: 0.8em;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	color: #000000;

	font-weight: normal;

}

/* lien par défaut */

a {

	color: #000000;

	text-decoration: none;

}

a:hover {

	color: #FF8000;

	/*background: #FFFFFF;*/

	text-decoration: none;

}

/* liste par défaut */

ul {

	list-style-type: square;

	margin: 0;

	padding-left: 0.5em;

}

ul li{

	line-height:2em;

}

/* titres par défaut */

h1 {

	height:1.2em;

	font-size: 1.3em; padding:0; margin:0 ;

	/*background: url(./img/h1_bg.gif) repeat-x bottom; border-bottom: 1px solid #cccccc;*/

	border-bottom:1px solid  #E2E2E2;

}

h1, h1 a {

	color: #006699;

	font-weight: bold;

}

h2 {

	font-size: 1.2em;

}

h2, h2 a {

	color:#336699;

	font-weight: bold;

}

h3 {

	font-size: 1em;

}

h3, h3 a {

	color: #990066;

	font-weight: bold;

}

h2, h3 {

	margin: 0;

	padding: 0.5em 0;

}

/* image par défaut */

img {

	border: 0;

}

/* Agencement des pages */

#conteneur {

	width: 98%;

	margin: 1%;

	background-color: #FFFFFF;

	border: 1px solid #CCCCCC;

}

#header {

	height: 99px;

	background-color: #FFFFFF;

	border:0;

	padding:0;

	background:url(./img/ruac3.jpg) top center repeat-x;

}

#logo {

	float: left;

	width: 33%;

	margin: 10px 0;

	text-align: center;

	font-size: 2em;

	font-weight: bold;

}

#banniere {

	float: right;

	width: 100%; /*66%; */

	margin: 10px 0;

	text-align: center;

	font-size: 2em;

	font-weight: bold;

}#haut {

	height: 3em;

	background-color: #DFDFDF;

	border: 0;

	padding: 0;

}

* html #centre {

	height: 400px; /* hack uniquement interprété par IE Win+Mac*/

} 

#centre {

	background-color: #FFFFFF;

	margin-left: 13.2em;/*11.2em; /* pour colonne gauche */

	width:auto;

	margin-right:132px; /* 15em; /*15.2em;/*170px; /* pour colonne droite */

	border-left: 1px solid #CCCCCC ;

	padding: 0.1em 0 0 0.5em;

	min-height: 400px;

}

#centre2 {

	background-color: #FFFFFF;

	margin-left: 13.2em;/*11.2em; /* pour colonne gauche */

	width:auto;

	margin-right:2em; /* 15em; /*15.2em;/*170px; /* pour colonne droite */

	border-left: 1px solid #CCCCCC ;

	padding: 0.1em 0 0 0.5em;

	min-height: 400px;

}

#gauche {

	float: left;

	width: 13.2em; /*11.2em; /* largeur environ égale à marge gauche de #centre */

	/* border-bottom: #CCCCCC  1px dotted; */

	background:url(img/menug_degrade.gif) repeat-x top left; 

	/* background-color: transparent; */

	padding-bottom: 0.5em;

}

#droite {

	float: right;

	width: 130px;/*168px; /* largeur égale à marge droite de #centre */

	background-color: #FFFFFF;

	font-size: 1em;

	border-color: #CCCCCC;

	border-width: 0 0 1px 1px;

	border-style: solid;

	margin:0 0 0 1em;

}

#bas {

	clear: both;

	position:relative;

	background-color: #DFDFDF;

	border: 0;

	padding: 0em;

	text-align: center;

	font-size:0.8em;

}

#bas ul {

	display: inline;

	/* border-right: 2px solid #CCCCCC; */

}

#bas ul li {

	border-left: 2px solid #CCCCCC;

	display: inline;

	padding-right: 0.6em;

	padding-left: 1em;

}

#bas a {

	color: #006699;

}

#bas a:hover {

	color:#444444;

}

#conception {

	display:inline;

	position:absolute;

	right:10px;

	top:3px;

	color:#006699;

	background:#FF9933;

	font-size:0.7em;

}

#pied {

	height: 2em;

	background: url(img/menuv_bg.gif) top repeat-x #FFFFFF;

	border: 0;

	padding: 0.75em;

	text-align: center;

	margin-bottom:1px;

}

#pied a {

	color: #FF8000;

	font-weight: bold;

}

/* temp.html */

div.menugauchetitre {

	clear: left;

	width: 12.15; /*11.15em;*/

	color: #FFFFFF;

	font-weight: bold;

	background:url(./img/menuv_bg.gif) repeat-x #FF9933 ; 

	height: 1.5em;

	margin-bottom: 0.5em;

	padding-left: 0;

	padding-top: 0.19em;

	text-align: center;

}

div.menugauchetitre span {

	font-size: 1.1em;

}

div.menugauchecontenu {

	clear: left;

	width:12.1em; /*11.1em;*/

	color: #000000;

	font-weight: bold;

	line-height: 1.2em;

	margin-bottom: 1em;

}

div.menugauchecontenu a {

	color: #006699; 

	font-weight: normal; 

}

div.menugauchecontenu a:hover {

	color: #FF8000; 

	/*background: #FFFFFF; */

	font-weight: normal;

}

div.menudroittitre {

	clear: right;

	width: auto;

	color: #FFFFFF;

	font-weight: bold;

	background:url(./img/menuv_bg.gif) repeat-x #FF9933 ; 

	height: 1.5em;

	margin: 0px 0px 12px 0px;

	padding-left: 0;

	padding-top: 0.19em;

	text-align: center;

}

div.menudroittitre span {

	font-size: 1.1em;

}

div.menudroitcontenu {

	clear: right;

	width: auto;

	color: #000000;

	font-weight: bold;

	line-height: 0.2em;

	margin: 0px 1px 0px 1px;

}

div.menudroitcontenu a {

	color: #006699; 

	font-weight: normal;

}

div.menudroitcontenu a:hover {

	color: #FF8000; 

	background: #FFFFFF; 

	font-weight: normal;

}

/* pages.html */

#mentete {

	width: 100%;

	height: 1.6em;

	margin-right:-1em;

	/* background: #006699 url(img/h1_bg.gif) bottom repeat-x;*/

}	

#entete {

	font-size:9px;

	float: left;

	padding-top: 0.2em;

	padding-left: 1em;

	/*color: #FFFFFF;*/

	font-weight: bold;

	/*background: #006699;*/

}

#entete a {

	/*color: #FFFFFF; */

	color:#666666;

}

#entete a:hover {

	color: #FF8000;

}

#entetepage {	

	float: right;

	padding-top: 0.2em;

	padding-right: 1em;

	color: #FFFFFF;

	font-weight: bold;

	text-align: right;

	/*background:url(./img/menuv_bg.gif) repeat-x #FF9933 ; /*#006699;*/

}

#entetepage a {

	color: #FFFFFF; 

	font-weight: normal;

}

#entetepage a:hover {

	color: #FF8000; 

	font-weight: normal;

}

/* page accueil */

#accueil {

	width: 98%;

}

#editoacc {

	width: 98%;

	padding: 0.5em;

	/*overflow:auto ;*/

	height:auto; /*380px;*/

	width:auto	; 

}

#rubriques1 {

	width: 98%;

	padding: 0.5em;

	border-top: #CCCCCC 0px solid;

}

#rubriques1 h1 {

	display: inline;

}

#rubriques2 {

	padding: 0.5em;

	width: 98%;

	border-top: #CCCCCC 1px solid;

}

#rubriques2 ul {

	list-style-type: none; 

	margin: 0; 

	padding-left: 0.5em;

}

#rubriques2 a {

	color: #000000;

}

#rubriques2 a:hover {

	color: #FF8000;

}

#rubriques2 img {}

/* autres éléments par défaut */

input {

	background-color: #EEEEEE;

	border: #999999 1px solid; 

	text-indent: 1px;  

	font-size: 9px;

}

textarea {   

	font-size:10pt;

	color:#000000;

	font-style:normal;

	line-height:normal;

	font-weight:normal;

	text-decoration:none;

	letter-spacing:normal;

	word-spacing:normal;

	border:thin ridge;

	border-color: #999999;

	background-color:#FFFFFF;

}

select {  

	font-size:9px;

	color:#999999;

	background-color:#FFFFFF;

}

hr {

	color:#999999;

}

/* séparation par lignes verticales */

.nePasAfficher {

	display: none !important;

}

.clearBoth {

	clear: both;

}

.diviseVerticalGauche {

/	* background: url(GabLargFluide/colbggris.gif) repeat-y 11.15em 0; 

	border-left:1px solid #CCCCCC; */

}

#administration {

	text-align:center;

}

#administration #login {

	text-align:left; 

	color:#CC0000; 

	font-weight:bold; 

	width:7em; 

} 

#administration #motdepasse {

	text-align:left; 

	color:#CC0000; 

	font-weight:bold;

	width:7em;

}

#administration #go {

	text-align:center; 

	background-color:#FF6600; 

	color:#fff; 

	font-weight:bold

}

#administration label{

	font-size:10px; 

	width:7em; 

	display:inline; 

	float:left; 

	text-align:left

}

/*

.diviseVerticalDroite {

background: url(GabLargFluide/colbgnoir.gif) repeat-y 80% 0;

}

*/





/************* PERSO NICOLAS METEO *********************/

#meteo {width:100%; font-family:Arial;}

#meteo h1{font-family:Arial; font-size:1em; line-height:1.4em; font-weight:bold; color:#003399; text-align:center;}

#meteo h2{font-family:Arial; font-size:0.8em; font-weight:bold; color:#003399; }

#meteo .temperature{ font-weight:bold; font-size:1.8em; line-height:1.4em;} 

#meteo .climat{ font-weight:bold; font-size:0.8em; line-height:1em;} 

#meteo .infos{ margin-left:0; padding-left:0;  list-style:none;border-bottom:1px solid #DDDDDD; text-align:left}

#meteo .infos li{line-height:1em; font-size:0.8em; font-family:Arial; }



/************* PERSO NICOLAS *********************/

.boite_bleu1 { 

	width:92%;  

	padding:1em; 

	display:block;  

	background:url(/bibliotheque/image/html/bg_bleu.gif) repeat-x bottom; 

	border:1px solid #6699FF;

	float:left; 

	margin:1em;

}

.boite_bleu2 { 

	width:92%;  

	padding:1em; 

	display:block;  

	background:url(/bibliotheque/image/html/bg_bleu.gif) repeat-x top; 

	border:1px solid #6699FF;

	float:left; 

	margin:1em;

}

.boite_orange1 { 

	width:92%; 

	padding:1em; 

	display:block;  

	background:url(/bibliotheque/image/html/bg_orange.gif) repeat-x bottom; 

	border:1px solid #FF6600;

	float:left; 

	margin:1em;

}

.boite_orange2 { 

	width:92%; 

	padding:1em; 

	display:block;  

	background:url(/bibliotheque/image/html/bg_orange.gif) repeat-x top; 

	border:1px solid #FF6600;

	float:left; 

	margin:1em;

}