/*----------------Interface---------------*/

body {
	text-align: center;
	background-color: #ffffff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#737373;
	font-size:12px;
	margin: 0px;
	padding: 0px;
}

/*bloc pour centrer contenant tout le design du site*/
.global{
	width: 400px;
	height: 525px;
	margin: 6.5% auto 0 auto;
	text-align: left;
}
.global-contact{
	width: 400px;
	height: 525px;
	margin: 6.5% auto 0 auto;
	text-align: left;
}
.global-admin{
	width: 800px;
	height: 525px;
	margin: 25px auto;
	text-align: left;
}
.global-admin-contact{
	width: 400px;
	height: 525px;
	margin: 25px auto;
	text-align: left;
}
.content{
	width: 400px;
	height: 400px;
	margin-top:20px;
	margin-bottom:20px;
	position:relative;
}
.content a:hover{
	color:#999999;
}
.global>.content{
	min-height:400px;
	height:auto;
}
.content-contact{
	width: 400px;
	height: 400px;
	margin-top:20px;
	margin-bottom:20px;
	position:relative;
}
.content-admin{
	width: 800px;
	height: 400px;
	margin-top:20px;
	margin-bottom:20px;
	padding-top:3px;
	position:relative;
}
.content-admin a:hover{
	color:#999999;
}
.content-admin-contact{
	width: 400px;
	height: 400px;
	margin-bottom:20px;
	padding-top:10px;
	position:relative;
}

.global-admin>.content-admin{
	min-height:400px;
	height:auto;
}

.header{
	width:401px;
	height: 38px;
}
.header-admin{
	width:800px;
	text-align:center;
}
.header-admin-contact{
	width:401px;
}
.pages{
	text-align:center;
	position:absolute;
	width:400px;
	font-size:10px;
	color:#999999;
	bottom:0px;
	left:0px;
}
.pages-admin{
	text-align:center;
	width:800px;
	font-size:10px;
}
.pages a{
	text-decoration:none;
	color:#737373;
}
.pages-admin a{
	text-decoration:none;
	color:#737373;
}

/*--------Divers--------*/
.spacer{
	clear: both;
} 

/*----------------Fin Interface---------------*/

/*-----------------Menu-------------------*/
.menu-box{
	position:relative;
	height:50px;
}
/*IE*/
ul.menu-titre{
	padding:0px;
	width:400px;
	text-align:center;
	font-size:12px;
	font-weight:600;
	word-spacing:1px;
}
/*Fin IE*/
/*Firefox*/
div>ul.menu-titre{
	padding:0px;
	width:400px;
	text-align:center;
	font-size:12px;
	font-weight:600;
	word-spacing:5.3px;
}
/*Fin Firefox*/
ul a:hover{
	color:#737373;
}
/*IE*/
ul.menu-titre-contact{
	padding:0px;
	width:400px;
	text-align:center;
	font-size:12px;
	font-weight:600;
	word-spacing:1px;	
}
/*Fin IE*/
/*Firefox*/
div>ul.menu-titre-contact{
	padding:0px;
	width:400px;
	text-align:center;
	font-size:12px;
	font-weight:600;
	word-spacing:5.3px;
}
/*Fin Firefox*/
/*IE*/
ul.menu-titre-admin{
	padding:0px;
	width:800px;
	text-align:center;
	font-size:12px;
	font-weight:600;
	word-spacing:1px;	
}
/*Fin IE*/
/*Firefox*/
div>ul.menu-titre-admin{
	padding:0px;
	width:800px;
	text-align:center;
	font-size:12px;
	font-weight:600;
	word-spacing:5.3px;
}
/*Fin Firefox*/
/*IE*/
ul.menu-titre-admin-contact{
	padding:0px;
	width:400px;
	text-align:center;
	font-size:12px;
	font-weight:600;
	word-spacing:1px;		
}
/*Fin IE*/
/*Firefox*/
div>ul.menu-titre-admin-contact{
	padding:0px;
	width:400px;
	text-align:center;
	font-size:12px;
	font-weight:600;
	word-spacing:5.3px;
}
/*Fin Firefox*/
/*IE*/
ul.menu-titre-nl{
	padding:0px;
	width:401px;
	text-align:center;
	font-size:12px;
	font-weight:600;
}
/*Fin IE*/
/*Firefox*/
div>ul.menu-titre-nl{
	padding:0px;
	width:400px;
	text-align:center;
	font-size:12px;
	font-weight:600;
	word-spacing:4.03px;
}
/*Fin Firefox*/
/*IE*/
ul.menu-titre-nl-contact{
	padding:0px;
	width:401px;
	text-align:center;
	font-size:12px;
	font-weight:600;
}
/*Fin IE*/
/*Firefox*/
div>ul.menu-titre-nl-contact{
	padding:0px;
	width:400px;
	text-align:center;
	font-size:12px;
	font-weight:600;
	word-spacing:4.03px;
}
/*Fin Firefox*/
/*IE*/
ul.menu-titre-nl-admin{
	padding:0px;
	width:800px;
	text-align:center;
	font-size:12px;
	font-weight:600;
}
/*Fin IE*/
/*Firefox*/
div>ul.menu-titre-nl-admin{
	padding:0px;
	width:800px;
	text-align:center;
	font-size:12px;
	font-weight:600;
	word-spacing:4.03px;
}
/*Fin Firefox*/
/*IE*/
ul.menu-titre-nl-admin-contact{
	padding:0px;
	width:401px;
	text-align:center;
	font-size:12px;
	font-weight:600;
}
/*Fin IE*/
/*Firefox*/
div>ul.menu-titre-nl-admin-contact{
	padding:0px;
	width:400px;
	text-align:center;
	font-size:12px;
	font-weight:600;
	word-spacing:4.03px;
}
/*Fin Firefox*/
/*IE*/
ul.menu-titre-en{
	padding:0px;
	width:400px;
	text-align:center;
	font-size:12px;
	font-weight:600;
	word-spacing:-1px;
}
/*Fin IE*/
/*Firefox*/
div>ul.menu-titre-en{
	padding:0px;
	width:400px;
	text-align:center;
	font-size:12px;
	font-weight:600;
	word-spacing:3.4px;
}
/*Fin Firefox*/
/*IE*/
ul.menu-titre-en-contact{
	padding:0px;
	width:400px;
	text-align:center;
	font-size:12px;
	font-weight:600;
	word-spacing:-1px;
}
/*Fin IE*/
/*Firefox*/
div>ul.menu-titre-en-contact{
	padding:0px;
	width:400px;
	text-align:center;
	font-size:12px;
	font-weight:600;
	word-spacing:3.4px;
}
/*Fin Firefox*/
/*IE*/
ul.menu-titre-en-admin{
	padding:0px;
	width:800px;
	text-align:center;
	font-size:12px;
	font-weight:600;
	word-spacing:-1px;
}
/*Fin IE*/
/*Firefox*/
div>ul.menu-titre-en-admin{
	padding:0px;
	width:800px;
	text-align:center;
	font-size:12px;
	font-weight:600;
	word-spacing:3.4px;
}
/*Fin Firefox*/
/*IE*/
ul.menu-titre-en-admin-contact{
	padding:0px;
	width:400px;
	text-align:center;
	font-size:12px;
	font-weight:600;
	word-spacing:-1px;
}
/*Fin IE*/
/*Firefox*/
div>ul.menu-titre-en-admin-contact{
	padding:0px;
	width:400px;
	text-align:center;
	font-size:12px;
	font-weight:600;
	word-spacing:3.4px;
}
/*Fin Firefox*/
li.menu{
	display: inline;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
li a{
	color:#999999;
	text-decoration:none;
}
li.menu-accueil{
	display: inline;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
li.menu-accueil a{
	color:#737373;
}
li.menu-galerie{
	display: inline;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
li.menu-galerie a{
	color:#737373;
}
li.menu-archive{
	display: inline;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
li.menu-archive a{
	color:#737373;
}
li.menu-livres{
	display: inline;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
li.menu-livres a{
	color:#737373;
}
li.menu-contact{
	display: inline;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
li.menu-contact a{
	color:#737373;
}

/*-----------------Fin Menu-------------------*/

/*--------------- Menu Admin -----------------*/

.box-admin{
	width:800px;
	text-align:center;
	padding-bottom:20px;
}
.box-admin-contact{
	width:400px;
	text-align:center;
	padding-bottom:20px;
}
.box-admin a{
	text-decoration:none;
	color:#737373;
	font-size:11px;
}
.box-admin-contact a{
	text-decoration:none;
	color:#737373;
	font-size:11px;
}

/*------------- Fin Menu Admin ---------------*/

/*---------------- Login --------------------*/

.login-box{
	width:400px;
	height:100px;
	text-align:center;
	padding-top:115px;
}
.login-box input{
	width:130px;
	vertical-align:middle;
	border:1px solid #999999;
	background-color: #ffffff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#737373;
	margin-top:5px;
}


/*---------------- Fin Login -----------------*/

/*----------------- Password -----------------*/

.pass-box{
	width:800px;
	height:100px;
	text-align:center;
	padding-top:50px;
}
.pass-box input{
	width:130px;
	vertical-align:middle;
	border:1px solid #999999;
	background-color: #ffffff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#737373;
	margin-top:5px;
}

/*--------------- Fin Password ---------------*/

/*--------------- Fichiers -------------------*/

.fichier{
	text-align:center;
	width:800px;
	height:400px;
}
div>.fichier{
	min-height:400px;
	height:auto;
}
.fichier div{
	float:left;
	text-align:center;
}
.fichier li{
	display:inline;
	text-decoration:none;
}
.a{
	width:220px;
	height:25px;
}
.b{
	width:350px;
	height:25px;
}
.c{
	width:220px;
	height:25px;
}
.input-field-fichier{
	width:345px;
	border:1px solid #999999;
	background-color: #ffffff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#737373;
}

/*-------------- Fin Fichiers ----------------*/

/*------------------ Intro -------------------*/

.intro-admin{
	text-align:center;
	width:800px;
}

/*---------------- Fin Intro -----------------*/

/*----------------En Savoir + ----------------*/

.texte-savp{
	text-align:justify;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#737373;
	line-height:20px;
}
.ensavoir-gauche-bas{
	position:absolute;
	top:190px;
	left:1px;
	text-align:center;	
	font-size:10px;
}
.ensavoir-droite-bas{
	position:absolute;
	top:190px;
	left:220px;
	text-align:center;
	font-size:10px;	
}
.img-ensavoir{
	margin-top:5px;
	margin-right:5px;
	margin-left:1px;
	border:1px solid #999999;
}
.img-ensavoir2{
	margin-top:5px;
	margin-left:5px;
	margin-right:3px;
	border:1px solid #999999;
}
.img-ensavoir3{
	border:1px solid #999999;
}
.texte-savp a{
	color:#737373;
	text-decoration:none;
}
.texte-savp a{
	color:#737373;
	font-weight:600;
	text-decoration:none;
}
.texte-savp a:hover{
	color:#737373;
	text-decoration:underline;
	
}
/*-------------Fin En Savoir + ---------------*/

/*-------------En Savoir + admin -------------*/

.ensavoir-admin{
	width:800px;
	height:400px;
	text-align:center;
}
div>.ensavoir-admin{
	min-height:400px;
	height:auto;
}
.ensavoir-gauche-admin{
	width:200px;
	height:400px;
	float:left;
	border:1px solid #999999;
	margin-bottom:20px;
}
.ensavoir-milieu-admin{
	width:350px;
	height:400px;
	float:left;
	margin-left:25px;
	border:1px solid #ffffff;
	margin-bottom:20px;
}
.ensavoir-admin>.ensavoir-milieu-admin{
	margin-left:21.5px;
}
.ensavoir-droite-admin{
	width:200px;
	height:400px;
	float:right;
	border:1px solid #999999;
	margin-bottom:20px;
}
.ensavoir-admin a{
	text-decoration:none;
	color:#737373;
}
.ensavoir-admin a:hover{
	text-decoration:none;
	color:#999999;
}
hr{
	color:#737373;
}
/*----------- Fin En Savoir + admin ----------*/

/*------------------- Galerie ----------------*/
.galerie{
	width:400px;
	height:400px;
}
.galerie .img-gauche{
	float:left;
	width:215px;
	height:200px;
}
.galerie .img-droite{
	float:right;
	width:179px;
	height:200px;
}
.image{
	width:177px;
	height:175px;
}
.legende{
	width:180px;
	height:16px;
	padding-top:4px;
	text-align:center;
}
.img-gauche>.legende{
	padding-top:7px;
}
.img-droite>.legende{
	padding-top:7px;
}
.legende a{
	text-decoration:none;
	color:#737373;
}
.img-rubrique{
	border:1px solid #999999;
}
.no-object{
	width:400px;
	height:50px;
	padding-top:180px;
	text-align:center;
}

/*----------------- Fin Galerie --------------*/

/*-------------- Galerie Admin --------------*/

.galerie-admin{
	width:800px;
	height:1200px;
	text-align:center;
}
div>.galerie-admin{
	min-height:1165px;
	height:auto;
	width:800px;
	text-align:center;
}
.galerie-gauche-admin{
	width:300px;
	height:365px;
	float:left;	
	margin-left:49px;
	border:1px solid #999999;
	margin-bottom:20px;
}
.galerie-droite-admin{
	width:300px;
	height:365px;
	float:right;
	margin-right:49px;
	border:1px solid #999999;
	margin-bottom:20px;
}
.galerie-admin-objet{
	width:800px;
	height:400px;
	text-align:left;
}
div>.galerie-admin-objet{
	min-height:630px;
	height:auto;
}
.galerie-admin-objet-image{
	width:400px;
	height:350px;
	text-align:center;
	border:1px solid #999999;
	margin:5 5 10 8;
	padding-top:5px;
	float:left;
}
.galerie-admin-objet-cache{
	width:168px;
	height:350px;
	text-align:center;
	border:1px solid #ffffff;
	margin:5 5 10 8;
	padding-top:5px;
	float:left;
}
.galerie-admin-objet-info{
	width:800px;
	height:275px;
	text-align:center;
}

/*------------ Fin Galerie Admin ------------*/

/*----------------- Objet -------------------*/

.objet{
	width:400px;
	height:400px;
}
div>.objet{
	min-height:400px;
	height:auto;
}
.image-objet{
	text-align:center;
	border:1px solid #999999;
}
.objet p{
	text-align:center;
}
.objet a{
	font-size:9px;
	color:#737373;
	text-decoration:none;
}
.descr{
	text-align:center;
}
.descr p{
	text-align:justify;
}

/*----------------- FinObjet -------------------*/

/*---------------- Archives --------------------*/

.archives{
	width:400px;
	height:400px;
	line-height:20px;
}
div>.archives{
	min-height:400px;
	height:auto;
}
.archives a{
	text-decoration:none;
	color:#737373;
}
.archives a:hover{
	text-decoration:underline;
	color:#101010;
}
div.archives p{
	text-align:justify;
}
.nom_auteur{
	color:#101010;
}
/*--------------- Fin Archives -----------------*/

/*------------- Archives Admin -----------------*/

.archives-admin{
	width:800px;
	height:400px;
	text-align:center;
}
div>.archives-admin{
	min-height:400px;
	height:auto;
}
.archives-admin a{
	text-decoration:none;
	color:#737373;
}

/*----------- Fin Archives Admin ---------------*/

/*---------------- Livres ---------------------*/
.livre{
	width:400px;
	height:400px;
}
div>.livre{
	min-height:400px;
	height:auto;
}
.livre-gauche{
	width:125px;
	height:195px;
	float:left;
}
.livre-milieu{
	width:125px;
	height:199px;
	float:left;
	margin-left:10px;
}
.livre>.livre-milieu{
	margin-left:12.3px;
}
.livre-droite{
	width:125px;
	height:199px;
	float:right;
}
.livre-image{
	width:125px;
	height:160px;
}
.livre-legende{
	width:125px;
	height:15px;
	text-align:center;
	padding-top:10px;
}
.livre-legende a{
	text-decoration:none;
	color:#737373;
}
.img-livre{
	border:1px solid #999999;
}
.img-livre-objet{
	border:1px solid #999999;
	margin-right:1.8px;
	margin-left:1.8px;
}
.livre a{
	font-size:9px;
	color:#737373;
	text-decoration:none;
}
.livre p{
	text-align:center;
}
.livre .descr{
	text-align:center;
}
.livre .descr p{
	text-align:justify;
}

/*--------------- Livre Admin ----------------*/

.livre-admin{
	width:800px;
	height:1160px;
	text-align:center;
}
div>.livre-admin{
	min-height:1120px;
	height:auto;
}
.livre-gauche-admin{
	width:250px;
	height:350px;
	float:left;
	border:1px solid #999999;
	margin-bottom:20px;
}
.livre-milieu-admin{
	width:250px;
	height:350px;
	float:left;
	margin-left:23px;
	border:1px solid #999999;
	margin-bottom:20px;
}
.livre-admin>.livre-milieu-admin{
	margin-left:21.5px;
}
.livre-droite-admin{
	width:250px;
	height:350px;
	float:right;
	border:1px solid #999999;
	margin-bottom:20px;
}
.livre-admin-objet{
	width:800px;
	height:400px;
	text-align:left;
}
div>.livre-admin-objet{
	min-height:630px;
	height:auto;
}
.livre-admin-objet-image{
	width:250px;
	height:350px;
	float:left;
	text-align:center;
	border:1px solid #999999;
	margin:5 5 10 8;
	padding-top:5px;
}
.livre-admin-objet-info{
	width:800px;
	height:275px;
	text-align:center;
}
/*------------- Fin Livre Admin --------------*/

/*--------------------Contact----------------*/

.admin-contact{
	width: 400px;
	height:400px;
}
.admin-contact p{
	text-align:center;
}
.admin-contact li{
	list-style:none;
	padding:3 3 3 0;
}
.admin-field{
	width:299px;
	border:1px solid #999999;
	background-color: #ffffff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#737373;
}
textarea{
	border:1px solid #999999;
	width:99%;
	height:135px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#737373;
}
.txtarea{
	margin-top:20px;
}
.admin-bouton{
	border:1px solid #999999;
	background-color: #ffffff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #737373;
}
.admin-bouton-c{
	text-align:center;
}
.box-contact-1{
	width: 400px;
	height:135px;
	text-align:center;
}
.box-contact-1 a{
	text-decoration:none;
	color:#737373;
}
.box-contact-1 p{
	text-decoration:none;
	color:#737373;
	margin:0;
	margin-bottom:10px;
}
.box-contact-2{
	width: 400px;
	height:250px;
	margin-top:-15px;
	margin-bottom:-35px;
}
.plan{
	float:left;
	width:150px;
	height:235px;
	text-align:center;
	margin-top:4px;
}
.plan a{
	color:#737373;
	font-size:9px;
	text-decoration:none;
}
/*--astuce firefox--*/
.box-contact-2>.plan{
	margin-top:-9px;
}
/*--*/
.cadre-plan{
	width:150px;
	height:104px;
}
.cadre-img
{
	width:104px;
	height:104px;
}
.cadre-img-2
{
	width:81px;
	height:104px;
}
.txt-plan
{
	font-size:9px;
}
.txt-plan a
{
	color:#737373;
	text-decoration:none;
}
.form{
	float:right;
	width:246px;
	height:40px;
	margin-right:-17px;
}
.form2{
	width:400px;
	margin-top:-85px;
}
.erreur{
	font-size:9px;
	font-family:verdana;
	color:red;
}
div>.form2{
	float:left;
	margin-top:-85px;
	text-align:center;
}
.box-contact-2>.form{
	margin-right:-20px;
}
label{
	display:block;
	width:95px;
	float:left;
}
ul{
	margin:0;
	padding:0;
}
li.input{
	list-style:none;
	padding:3 3 10 0;
	text-align:left;
}
.input-field{
	width:130px;
	border:1px solid #999999;
	background-color: #ffffff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#737373;
}
.input-field2{
	width:110px;
	border:1px solid #999999;
	background-color: #ffffff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#737373;
}
.input-field-ensavoir{
	width:20px;
	border:1px solid #999999;
	background-color: #ffffff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#737373;
}
.input-ordre{
	width:30px;
	border:1px solid #999999;
	background-color: #ffffff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#737373;
}
.input-msg{
	width:400px;
	height:50px;
	vertical-align:middle;
	border:1px solid #999999;
	background-color: #ffffff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#737373;
}
.requis
{	
	font-size:10px;
	text-align:center;
}
.bouton{
	border:1px solid #999999;
	background-color: #ffffff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #737373;
	height:18px;
}
.formu
{
	text-align:center;
}


/*-------------Fin Contact-------------------*/

/*----------- Mention Légales ---------------*/

.ml{
	height:400px;
	width:400px;
	text-align:justify;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#737373;
	line-height:20px;
}
div>.ml{
	min-height:400px;
	height:auto;
}


/*---------- Fin Mention Légales ------------*/

/*---------- Mentions Légales Admin ---------*/

.ml-admin{
	height:400px;
	width:800px;
	text-align:center;
}
div>.ml-admin{
	min-height:400px;
	height:auto;
}

/*-------- Fin Mentions Légales Admin -------*/

/*--------------------Netwebcity----------------*/

.net, .net a{
	font-size: 9px;
	color: #dddddd;
	text-align:center;
	text-decoration: none;
}
.net:hover{
	font-size:9px;
	color: #737373;
}
.netwebcity{
	position:absolute;
	bottom:0;
	width:400px;
	text-align:center;
}
.netwebcity-contact{
	position:absolute;
	bottom:0;
	width:400px;
	text-align:center;
}
.netwebcity-admin{
	position:absolute;
	bottom:0;
	width:800px;
	text-align:center;
}
.netwebcity-admin-contact{
	position:absolute;
	bottom:0;
	width:400px;
	text-align:center;
}	

/*-------------Fin Netwebcity-------------------*/