/* CSS Document */
/* Feuille de style 1 */
/* config generale */
html, body{
	background-color: #99cc66;
	font-family: Times New Roman, Arial, sans-serif;
	font-size: 1em;
	color: #000000;
	text-align: center ; /* On utilise text-align: center ; pour Internet Explorer, 
c'est la seule façon de centrer les éléments de type block avec ce navigateur */
}
*{
	margin:0;
	padding:0;
	border:0;
}
p{
	text-align:justify;
	text-indent: 1em;
	line-height: 100%;
	margin-bottom: 0.5em;
	line-height: 150%;
}
.gras{
	font-weight: bold;
}
.italique{
	font-style: italic;
}
.souligne{
	text-decoration:underline ;
}
.grasouligne{
	font-weight: bold;
	text-decoration:underline ;
}
h1{
	font-size:2.5em;
	text-align:center;
	margin-bottom:1em;
}
h2{
  margin: .6em .1em 0;
	color: #008000;
	text-align: left;
	text-decoration: underline;
}
h3{
  margin:.5em 0 .2em 0em;
  text-decoration: underline;
  font-size:1.1em;
  font-weight: normal;
  font-style: italic;
}
h4{
  margin:.5em 0 .2em 0em;
  text-decoration: none;
  font-size:1em;
  font-weight: normal;
  font-style: normal;
}
:link {
	text-decoration: none;
	color: #000000;
}
.liensouligne{
	text-decoration: underline;
	color:#4a613b;
}
:visited{
	text-decoration: none;
	color:#000;
}
#conteneur{
	position: relative;
	width:60em;
	height: 100%;
	margin: 1em auto 0 auto;
	text-align: left ; /* on retablit l'alignement */
}

/*** textes de la page quoi de neuf ***/
#info p{
	font-size:.8em;
	text-align:justify;
	text-indent: 1em;
}
#info{
	width:30em;
	color: #107000;
	border: 1px solid #107000;
	margin:0 auto 2em auto;
	padding:0.5em 0.5em 0 0.5em;
}
#info2{
	width:30em;
	color: #107000;
/**	border: 1px solid #107000; **/
	margin:0 auto 2em auto;
	padding:0.5em 0.5em 0 0.5em;
}
/*** fin textes de la page quoi de neuf ***/

#logos_sponsor{
	margin: 0 auto 0 auto;
	text-align:center;
}

/******************************************************************************/
/* En tete - choix de la langue */
#form_langue{
  float:right;
	z-index:1;
	width:10em;
	margin:-1.1em 0 auto auto;
}

/******************************************************************************/
/* zone header */
#header{
	background-color: #ffff99;
	border: 1px #000000 solid;
	margin: 5px 0 5px 0; 
	height:5em;
}
#adress p{
	float:left;
	font-size:0.9em;
	text-align:left;
	text-indent: 0;
	line-height: 100%;
	padding:0.3em;
}
img#logo_artmazia {
	width:37.5em;
	height:5em;
	margin: 0 auto 0 6em;
}

/******************************************************************************/
/* Menu */
#zonemenu{
	margin:5px 0 0 0;
	padding:5px 0 0 0;
}
ul#menu{
	padding:0 0 0 2em;
	height:1em;
}
ul{
	list-style: none;
}
#menu li {
	height:1.6em;
	width:5.5em;
	text-align:center;
	float:left;
	margin:0px 5px 0 0;
	padding:0px 0px 0 0px;
}
#menu a{
  display:block;
  height:100%;
	width:100%;
	margin:0px 0px 0 0;
	color:#000;
}
.actif{
	position:relative;
	border: 1px solid #000000;
	border-bottom-color:#ffff99;
	background-color:#ffff99;
	z-index:1;
}
.inactif {
	position:relative;
	background-color:#999933;
	border: 1px solid #000000;
	z-index:0;
	color:#000;
}
.inactif a{
	text-decoration:none;
}
#menu a:hover{
	color:#000000;
	text-decoration:none;
}
.inactif:hover {
	background-color:#ffff99;
}

/******************************************************************************/
/****************************** zone centrale *********************************/
#centre{
	position:relative;
	background: #ffff99;
	border: 1px #000000 solid;
	margin: .5em 0 0 0;
	padding:1em 1em 1em 1em;
	min-height:40em;
	z-index:0;
}
#photo_accueil{
	width:55em;	
	height:27em;
	margin: 0 auto 0 auto;
	padding:0 1em 0 0;
}
#txtaccueil {
	padding:1em;
}

#fond_livreor{
	background-color:#999933;
	margin:0 15px 0 15px;
}
/***************************** Carte ******************************************/
#txtcarte{
	width:640px;
	margin:18em 0 0 0;
}
#plan{
	float:left;
	width:40em;
	margin: 0 auto 0 auto;
	background-color: #ffffff;
}
#zones{
	width:17em;
	margin:5em 0em 0 auto;
}
#titre_carte{
	text-align:center;
	font-weight: bold;
	font-size:1.2em;
}
/******************************************************************************/
/* zone footer */
#footer{
	position: absolute;
	width: 100%;
	margin: 5px 0px 5px -1px;
	background-color: #ffff99;
	border: 1px solid #000000;
}
#txtFooter{
	text-align: center;
	width:20em;
  margin: 0 auto 0 auto;
}
.logophpmv{
  float:right;
  padding:0 .5em 0 0em;
  font-size:.7em;
}
#labyr{
  text-align: center;
  margin:-1.3em 0em 0 auto;
  font-size:.7em;
}
#webmaster{
  padding:0 0 0 .5em;
  width:20em;
  font-size:.7em;
}

/******************************************************************************/
/**************************** Mise en page des fiches *************************/
#fond_fiche{
	background-image: url("../../data/bordure_fiche.png");
	background-position: 0px 0px;
	background-repeat: repeat-y;
	background-color: #ffffff;
	margin: 5px 50px 20px 50px;
	padding: 2em 2em 2em 8em;
	border:1px solid #cccccc;
}
#RetourCarte, #RetourCarte a{
	background-color:#000;
	color:#fff;
	width:6em;
	text-align:center;
	margin: 0 2em -1em auto;
}
.illustration{
	color:blue;
}
.txtillustration{
	font-style: italic;
	text-align:left; 
	margin: 0.5em 0 0 0;
}
ul.nivreproduction p{
  margin:0 0 1.5em 0;
  height:7em;
}
.listxtniv2 p{
  margin:0 0 0 0;
  text-indent: .1em;
}
.listxt p{
  margin:0 0 0 0;
	text-indent: .1em;
}
li.listxt {
	list-style: disc outside;
}
li.listxtniv2{
	list-style: disc outside;
	margin:0 0 0 3em;
}

ol.niv1{
	list-style-type: upper-roman;
}
ol.niv2{
  list-style-type: decimal;
  margin:0 0 0 2em;
}
ol.niv3{
  list-style-type: decimal;
  margin:0 0 0 2.5em;
}
.up{
	height:20px;
	width:20px;
	margin: .5em 2em auto auto;
}
/* images fiche 02*/
#schema2a{
	width:304px;
	border: none;
	margin: 1em auto 1.5em auto;
}
#schema2b{
	width:640px;
	border: none;
	margin: 1em auto 1.5em auto;
}
#schema4a{
	border: none;
	margin: 1em auto 1.5em -2.5em;
}
#schema5a{
	width:503px;
	border: none;
	margin: 1em auto 1.5em auto;
}
#schema6a{
	border: none;
	margin: 1em auto 1.5em -2.5em;
}
#schema7a{
	border: none;
	margin: 1em auto 1.5em -2.5em;
}
#imgasex1{
  float:right;
  margin:-1.6em 0 0 0em;
}
#imgasex2{
  float:right;
  margin:-1.6em 0 0 0em;
}
#imgasex3{
  float:right;
  margin:-1.6em 0 0 0em;  
}
#imgasex4{
  float:right;
  margin:-1.6em 0 0 0em;
}
#imgechanges{
	
}
/******************************************************************************/
/******** Mise en forme de la page de contact ********/
/* page */
.contact {
	text-decoration:underline ;

}
li.contactniv1{
  margin:0 0 0 50px;
	list-style: square outside;
}
.text_contact{
	margin: 0 0 0 50px;
	font-size:1.2em;
	padding:5px;
}
/*formulaire*/
#form_contact{
	border: 1px solid #000000;
	width:25em;
	margin: 50px auto 10px auto;
	padding:0 10px 0 10px;
  background-color: #929292;
}
.label_form{
	display: block;
	width:6em;
}
.input_form{
  margin:-18px 10px 1em 7em;
	padding:0px 0 5px 0;
  height:1.4em;
}
#form_contact fieldset{
  border: 2px #738F00 outset;
  margin:0 0 .5em 0;
  padding:.5em;
}
#txt_etoile{
	margin: -1.5em 0 0 15em;
}
textarea {
	width:100%;
	margin:.5em auto 0 auto;
}
#btnvalid{
	margin:auto auto .5em .5em;
}

/******************************************************************************/
/******************************* Ressources ***********************************/
/** barre de navigation **/
#barre_navig{
	margin:-.93em 0 1em 0;
	padding:.1em;
}
#barre_navig a {
	text-decoration:underline;
}
/**Liste**/
.txtressources{
	margin: 0 0 0.5em 5.1em;
}
.boitesressources{
	float:left;
	margin: 0 auto 0 auto;
	padding: 2em 0 2em 0;
}
.listressources{
	border: 1px #000 solid;
	width:23em;
	padding:.5em;
	margin:0 2em 0 2em;
}
#listpdf{
	border: 1px #000 solid;
	width:20em;
	padding:.5em;
	margin:0 6.1em 0 6.1em;
}
/*** QCM ***/
form#qcm02 {
  border:1px solid #000;
  width:42em;
  margin:0 auto 0 auto;
  background-color: #A07F00;
}
p.qcm{
	text-align:justify;
	text-indent: 1.5em;
	line-height: 100%;
	margin-bottom: 0;
}
fieldset input{
	margin-right:.5em;
}
.titrequestion{
	border: 1px #000 solid;
	background-color: #C0A000;
	margin:1em 0 0 0;
	padding:0.2em;
}
.valid{
	text-align:center;
	width:7em;
	margin: 2em auto 1em 30em;
}
.divqcm{ /* pour IE car pb avec fieldset*/
  margin:.5em auto .5em auto;
  width:auto;
	padding:.5em;
}
#qcm02 fieldset{
  border: 1px #000 outset;
	width:40em;
	padding:.5em;
	margin:1em auto 1em auto;
}
/*** QCM Solution ***/
#blocrep{
	height:auto;
	width:49em;
	margin: 0 auto 2em auto;
}
.listreponses{
	float:left;
	border: 1px #000 solid;
	background-color: #A07F00;
	margin:0 1em 0 1em;
	padding:0 1em 0em 1em;
	width:20em;
	height:auto;
}
li.question{
	margin:1em 0 0 0;
	height:1.3em;
	width:6em;
	text-decoration:underline;
	font-weight: bold;
}
.reponse{
	margin:0 0 1em 2em;
	width:18em;
}
#score{
  clear:left;
	margin:0 auto 0 auto;
	padding-top:1em;
	font-size: 1.5em;
	width:13em;
	text-align:center;
}
.txtrep{
	color:#fff;
	margin:0 0 0 1em;
	font-size:1.1em;
}

/*** Mots croisés ***/
#checkbutton{
	position:absolute;
  margin:-3.4em 0 0 10.5em;
}
table#crossword{
  margin:0 0 0 0;
  padding:1em;
  width:20em;
  background-color: #ABABAB;
}
table#crossword td {
	border: #000 solid 1px;
	height:2em;
	width:2em;
}
#bouttons{
	position:absolute;
	width:17em;
	margin:-2.9em 0 0 30em;
}
.ecw-answerbox
{
	color: black;
	background-color: #FFFAF0;
	border: #000 solid 1px;
	display: block;
	padding: .75em;
	width: 20em;
  margin:-19em 0 0 26.5em;
}

.ecw-box
{
	border-style: solid;
	border-width: 1pt;
	cursor: pointer;
	font-size: .12in;
	font-weight: bold;
	height: .18in;
	overflow: hidden;
	text-align: center;
	width: .18in;
}

.ecw-boxcheated_sel
{
	background-color: #FFF1D7;
	border-color: #C00000;
	color: #2080D0;
}

.ecw-boxcheated_unsel
{
	background-color: #ffffff;
	border-color: #606060;
	color: #2080D0;
}

.ecw-boxerror_sel
{
	background-color: #FFF1D7;
	border-color: #C00000;
	color: #BF0000;
}

.ecw-boxerror_unsel
{
	background-color: #FFF0F0;
	border-color: #606060;
	color: #BF0000;
}

.ecw-boxnormal_sel
{
	background-color: #FFF1D7;
	border-color: #C00000;
	color: #000000;
}

.ecw-boxnormal_unsel
{
	background-color: #ffffff;
	border-color: #606060;
	color: #000000;
}

.ecw-button
{
	width: 64pt;
}

.ecw-cluebox
{
	border-bottom-width: 1px;
	border-color: #c0c0c0;
	border-left-width: 0px;
	border-right-width: 0px;
	border-style: solid;
	border-top-width: 1px;
	margin-top: 1em;
	padding-bottom: .5em;
	padding-left: 0pt;
	padding-right: 0pt;
	padding-top: .5em;
}

.ecw-crosswordarea
{
	background-color: #A07F00;
	border: #000 solid 1px;
	padding:.5em .5em 3em .5em;
	font-family: Segoe UI, Verdana, Arial, sans-serif;
	font-size: small;
	width:50em;
  margin: 3em auto 0 auto;
}

.ecw-copyright
{
	width:15em;
	text-align:center;
	margin: 0 15em 0 auto;
	font-size: x-small;
	font-family: Segoe UI, Franklin Gothic Medium, Arial, sans-serif;
}

.ecw-input
{
	font-family: Segoe UI, Franklin Gothic Medium, Arial, sans-serif;
}

.ecw-wordlabel
{
	text-transform: uppercase;
	margin: 0;
}

.ecw-wordinfo
{
	font-size: 8pt;
	color: #808080;
}

.ecw-worderror
{
	color: #c00000;
	font-weight: bold;
	display: none;
	margin-top: 1em;
}

/******************************************************************************/
/*********************************** BD ***************************************/
#bloc_bd{
  border:1px solid #000;
  min-height:37.1em;
}
#txtbd{
  border-bottom:1px solid #000;
}
#minibd{
  margin:0 auto 0 auto;
  width:40em;
  text-align:center;
  padding: 0.5em;
}
#bdauteur{
  text-align:center;
  width:19em;
  margin:1em auto 1em auto;
}
.bd_v{
  width:13em;
  height:18.6em;
  border:1px solid #cccccc;
}
.bd_h{
  width:18.6em;
  height:13em;
  border:1px solid #cccccc;
}
/******************************************************************************/
/****************************** Page des LIENS ********************************/
.banniere{
  background-color: #5C5C5C;
  border:1px solid #000;
  padding:.5em;
  width:29.3em;
  margin:.5em auto .5em auto;
}
img.taille1{
  width:29.3em;
  height:4em;
}
img.taille3{
  width:5em;
  height:4em;
  margin: 0 12em;
}
.zone_ban {
  background-color: #999933;
  border:1px solid #000;
	margin:.5em auto .5em auto;
	width:35em;
	color:#D6D6D6;	
}
.zone_ban a{
		color:#000;
}
.txt_ban{
  text-align:center;
}