/* Hôtel des Arts */

body {
	background-color: #FFFFFF;
	font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	font-size: 0.75em;
	color: #404040;
	width: 964px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	text-align: left;
	background-image: url(images/interface/colonne_droite.gif);
	background-repeat: repeat-y;
	background-position: center 50px;
	margin-bottom: 0px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	list-style-image: url(images/icones/puce.gif);
	}

form   { margin:0px;padding:0px; }

input  {
	color:#4C3540;
	height:18px;
	font-size:12px;
	vertical-align: middle;
	margin-top: 5px;
	margin-bottom: 5px;
}
input[type="radio"], input[type="checkbox"]  {
width: 15px;
vertical-align: middle;
}
.input_checkbox  {
	width: 15px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

/*
textarea  { color:#595959;font-size:11px; vertical-align: middle; }
select {
	color:#595959;
	font-size:11px;
	vertical-align: middle;
	width: 250px;
}
.select_operateur		{ font-size:11px; width:50px; vertical-align: middle; }
*/

a:link    {
	text-decoration:none;
	color:#F20074;
	font-weight: bold;
}
a:visited {
	text-decoration:none;
	color:#A70050;
	font-weight: bold;
}
a:hover   {
	text-decoration:underline;
	color:#A70050;
	font-weight: bold;
}  

p {
	line-height: 150%;
	margin-top: 6px;
	margin-bottom: 8px;
	text-align: justify;
	font-size: 100%;
	font-weight: normal;
	text-transform: none;
	}
strong { color: #262626; }
	
ul {
	padding-left: 35px;
	margin-top: 10px;
	margin-bottom: 8px;
}
li {
	font-size: 100%;
	text-align: justify;
	margin-bottom: 5px;
	line-height: 150%;
	padding-left: 5px;
	}

h1   {
	font-size:250%;
	margin-bottom: 10px;
	font-weight: bold;
	margin-top: 20px;
	color: #000000;
}
h2   {
	font-weight: bold;
	font-size:170%;
	margin-bottom: 10px;
	color: #404040;
	margin-top: 10px;
}
.sous_titre { font-size: 75%; }

h3   {
	font-size:100%;
	color: #666666;
	margin-top: 10px;
	margin-bottom: 10px;
	font-weight: bold;
	text-transform: uppercase;
}

h4 {
	margin-top: 0px;
	margin-bottom: 5px;
	font-size: 105%;
	padding-top: 15px;
}

h5 {
	font-size: 95%;
	font-weight: bold;
	color: #333333;
	margin-left: 20px;
	margin-bottom: 10px;
	margin-top: 15px;
	text-transform: uppercase;
	text-align: center;
}
h5 a:link, h5 a:visited {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	background-color: #F20074;
	padding-top: 2px;
	padding-right: 3px;
	padding-bottom: 2px;
	padding-left: 3px;
}
h5 a:hover {
	color: #FFCCE5;
	background-color: #A70050;
}
h6   {
	font-size:90%;
	font-weight: normal;
	color: #666666;
	margin-top: 15px;
	margin-bottom: 15px;
}

.fichier {
	background-image: url(images/icones/fichier.gif);
	background-repeat: no-repeat;
	background-position: 5px 2px;
	padding-left: 37px;
	padding-top: 3px;
	padding-bottom: 3px;
}

#colonne_droite .fichier {
	background-image: url(images/icones/fichier_blanc.gif);
	padding-left: 37px;
	padding-top: 5px;
}

.video {
	background-image: url(images/icones/video.gif);
	background-repeat: no-repeat;
	background-position: 5px 2px;
	padding-left: 37px;
	padding-top: 3px;
}

.mail {
	background-image: url(images/icones/mail.gif);
	background-repeat: no-repeat;
	background-position: 5px 2px;
	padding-left: 32px;
	padding-top: 0px;
}
hr  {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
	margin-top: 15px;
	margin-bottom: 15px;
	padding: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#fondblanc {
	background-color: #FFFFFF;
	padding-top: 20px;
}
#contenu { margin-left: 114px; }

#filrouge {
	font-size: 10px;
	color: #7a7a7a;
	background-image: url(images/icones/home.gif);
	background-repeat: no-repeat;
	background-position: 0px 7px;
	padding-top: 6px;
	padding-left: 20px;
	padding-bottom: 6px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	font-weight: bold;
	background-color: #FFFFFF;
}

#colonne_centrale {
	padding-right: 18px;
	padding-bottom: 10px;
}
#filrouge a:link {
	color: #7a7a7a;
	text-decoration: none;
}
#filrouge a:visited {
	color: #7a7a7a;
	text-decoration: none;
}
#filrouge a:hover   { text-decoration:underline; }

#colonne_droite ul { padding-left: 13px; }

#colonne_droite li {
	text-align: left;
	font-size: 95%;
	padding-right: 10px;
}

	
 /* COLONNE DROITE */

#colonne_droite h2 {
	color: #B2B2B2;
	font-size: 140%;
	background-color: #FFFFFF;
	padding-top: 20px;
	padding-right: 6px;
	padding-left: 6px;
	margin-top: 0px;
	font-weight: normal;
}

#colonne_droite p {
	padding-right: 10px;
	padding-left: 10px;
	font-size: 95%;
	line-height: normal;
	text-align: left;
}

#colonne_droite h3 {
	padding-left: 10px;
	color: #555555;
	margin-bottom: 5px;
}

#colonne_droite h4 {
	padding-left: 10px;
	margin-bottom: 5px;
	font-size: 13px;
}

#colonne_droite a { color: #FFFFFF; }

#colonne_droite .mail {
	background-image: url(images/icones/mail_blanc.gif);
	padding-left: 34px;
	background-position: 10px 0px;
}




/* ********* */

#signature {
	font-size: 10px;
	color: #7a7a7a;
	padding-top: 6px;
	padding-bottom: 15px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	clear: both;
}
#signature a:link {
	color: #7a7a7a;
	font-weight: normal;
	text-decoration: none;
}
#signature a:visited {
	color: #7a7a7a;
	font-weight: normal;
	text-decoration: none;
}
#signature a:hover   { text-decoration:underline; }

#rub_expositions h1 { color: #3B4C00; }
#rub_expositions h2, #rub_expositions h4 { color: #4F6600; }
#rub_expositions  a:link    { color:#7EA500; }
#rub_expositions a:visited, #rub_expositions a:hover { color:#637F00; }

#rub_activites h1 { color: #4D0024; }
#rub_activites h2, #rub_activites h4 { color: #660031; }
#rub_activites  a:link    { color:#8C0097; }
#rub_activites a:visited, #rub_activites a:hover { color:#6A0174; }

#rub_collection h1 { color: #47004D; }
#rub_collection h2, #rub_collection h4 { color: #5F0067; }
#rub_collection #cellule:hover { background-color: #E1D5DB; }

#rub_publications h1 { color: #04294D; }
#rub_publications h2, #rub_publications h4 { color: #063667; }
#rub_publications #cellule:hover { background-color: #D2DBE1; }
#rub_publications a:link    { color:#1C74D8; }
#rub_publications a:visited, #rub_publications a:hover { color:#0959A8; }
#rub_publications #pagenav a {
	background : #1C74D8;
	border: 1px solid #1C74D8;
	color: #FFFFFF;
}
#rub_publications #pagenav a:hover {
	color: #0959A8;
	background-color: #FFFFFF;
}
#rub_publications h5 a:link, #rub_ressourcesdoc h5 a:visited {
	color: #FFFFFF;
	background-color: #1C74D8;
}
#rub_publications h5 a:hover {
	color: #CBE5FF;
	background-color: #0959A8;
}

#rub_ressourcesdoc h1 { color: #4D2D08; }
#rub_ressourcesdoc h2, #rub_ressourcesdoc h4 { color: #673C0B; }
#rub_ressourcesdoc a:link    { color:#F18F23; }
#rub_ressourcesdoc a:visited, #rub_ressourcesdoc a:hover { color:#C17114; }
#rub_ressourcesdoc #pagenav a {
	border: 1px solid #F18F23;
	color: #FFFFFF;
	background-color: #F18F23;
}
#rub_ressourcesdoc #pagenav a:hover {
	color: #C17114;
	background-color: #FFFFFF;
}
#rub_ressourcesdoc h5 a:link, #rub_ressourcesdoc h5 a:visited {
	color: #FFFFFF;
	background-color: #F18F23;
}
#rub_ressourcesdoc h5 a:hover {
	color: #F4C48F;
	background-color: #C17114;
}

#encadre {
	background-color: #F3F3F3;
	padding: 10px;
	margin-right: 5%;
	margin-left: 5%;
	margin-top: 10px;
	margin-bottom: 15px;
}

#encadre p { text-align: left; }

#encadre h4 { padding-top: 0px; }
/*

#resultat_bdd   {
	margin-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #8BA6CA;
	padding-bottom: 5px;
}
*/

#pagenav {
	padding-top: 8px;
	padding-bottom: 8px;
	text-align: center;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	margin-bottom: 5px;
}

#pagenav a {
	background : #F20074;
	color: #FFFFFF;
	padding:2px;
	text-decoration: none;
	font-weight: bold;
	border: 1px solid #F20074;
}

#pagenav a:hover {
	background:#FFFFFF;
	color: #C0005C;
}

.vignette {
	float: right;
	margin-left: 15px;
	margin-bottom: 10px;
	border: 1px solid #D9D9D9;
}

.vignette_diaporama {
	float: right;
	margin-left: 15px;
	margin-bottom: 10px;
	background-image: url(images/icones/diaporama.gif);
	background-position: center bottom;
	padding-bottom: 55px;
	background-repeat: no-repeat;
	border: 1px dotted #BFD996;
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 5px;
}

td.cellule {
	background-color: #E6E6E6;
	text-align: center;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	margin-top: 2px;
	margin-right: 2px;
	margin-bottom: 5px;
	margin-left: 2px;
}

td.cellule p {
	font-size: 95%;
	text-align: center;
	line-height: normal;
	margin-bottom: 5px;
}

td.cellule h6 {
	margin-top: 0px;
	margin-bottom: 6px;
}
td.cellule:hover  { background-color: #CCCCCC; }



/* ---------- TABLEAUX ------------- */

fieldset {
	padding: 10px;
	margin-top: 20px;
	margin-bottom: 20px;
	border: 1px dotted #CCCCCC;
}
label {
	float:left;
	width:25%;
	margin-right:10px;
	text-align:right;
	font-weight:bold;
	padding-top: 8px;
	font-size: 100%;
  }
legend {
	font-size: 100%;
	font-weight: bold;
	color: #333333;
  }

td.tableauentete {
	padding: 4px;
	font-weight: bold;
	background-color: #666666;
	font-size: 90%;
	text-transform: uppercase;
	color: #FFFFFF;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	}
td.tableauligneseule {
	padding: 6px;
	vertical-align: top;
	font-size: 100%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	}
td.tableausansligne {
	padding: 6px;
	}



 
	/*
td.tableauresultat {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	padding: 4px;
	background-color: #F0ECE9;
	}


td.tableau_ligne0 {
	background-color: #FFFFFF;
	border-bottom: 1px solid #A1B8D7;
	font-size: 10px;
	padding: 5px;
}
td.tableau_ligne1 {
	background-color: #F0F5FA;
	border-bottom: 1px solid #A1B8D7;
	font-size: 10px;
	padding: 5px;
}


*/

#alerte {
	margin: 10px 20%;
	padding: 5px;
	background-color: #BF3D3F;
	color: #FFFFFF;
	font-weight: normal;
	font-size: 13px;
	text-align: center;
}
#nombre_resultats {
	padding: 6px 10px;
	background-color: #CCCCCC;
	line-height: 24px;
	text-align: center;
	margin-bottom: 5px;
}

#filet {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	margin-top: 15px;
	margin-bottom: 15px;
}


.resizehandle {
background:transparent url(images/icones/resizer.png) no-repeat scroll 45% 50%;
cursor:s-resize;
font-size:0.1em;
height:16px;
width:100%;
}
.references, .references a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-transform: uppercase;
	color: #CCCCCC;
}

