/* General */
body,h1,h2,h3,h4,h5,h6,p,form,fieldset {margin:0;padding:0;}
body {
	margin: auto;
	min-width: 760px;
	background-image: url("../img/back.gif");
	font-family: "Arial";
}
#corps {
	margin: auto;
	width: 100%;
	background-color: white;
}
#conteneur {
	margin: auto;
	width: 100%;
}
#conteneur_left {
	float: left;
	width: 50%;
}
#conteneur_right {
	float: left;
	width: 50%;
}
p {
    font-size : 0.8em;
    color: black;
}
h1 {
	font-size: 1.5em;
	color: #DD8A20;
	font-weight: bold;
	text-decoration: none;
	display: inline;
}
h3 { text-align: center;}
h4 {
	font-size: 28px;
	color: #000000;
	font-weight: normal;
	text-decoration: none;
}
a {
    color: #0a3263;
    text-decoration: underline;
}
a:hover {
     color: #DD8B1F;
     text-decoration: none;
}
a img {
	border: 0;
}
table {
	border: thin solid #82bad1;
	width: 95%;
	border-collapse: collapse;
}
td {
	border: thin solid #1e88bc;
	text-align: right;
}
th {
	border: thin solid #1e88bc;
	text-align: left;
	font-weight : normal;
}
.centre { text-align: center; }
.gauche { float: left; }
.droite { float: right; padding-right: 5px;}
.rouge { color: red; }
.noir { color: black; }
.bleu {color: #74aacf;}
.orange { color: #DD8B1F; }
.lien_orange { color: #DD8B1F; text-decoration: none; background-color: white;}
.lien_orange:hover { color: #0a3263;}
.lien_bleu { color: #0a3263; text-decoration: none; }
.erreur {
	background-color: #FF7F7F;
	text-align: center;
	height: 30px;
	line-height: 30px;
	vertical-align: middle;
}
.ok {
	background-color: #7FFFC0;
	text-align: center;
	height: 30px;
	line-height: 30px;
	vertical-align: middle;
}
.astuce { clear: left; }
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.cadre_gris {
	padding: 5px;
	background-color: #EEEEEE;
	border: 1px solid #CFCFCF;
}

/* Menu clic droit */
.ejs_context_menuitems{padding-left:10px; padding-right:7px; }
#ejs_context_box {
z-index:500;position:absolute;width:290px; border:1px solid #5D5D61; background-color:#ffffff; font-family:Microsoft sans serif; font-size:12px; cursor:default; visibility:hidden;padding:3
}
#ejs_context_ombre {
z-index:400;position:absolute;width:290px; border:1px solid #5D5D61; background-color:#5D5D61; font-family:Microsoft sans serif; font-size:12px; color:#5D5D61 ;cursor:default; visibility:hidden;padding:3
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

/* L'en-tête */
#entete {
   height: 62px;
   background-color: #DFDFDF;
}
#logo {
	position: absolute;
	height: 60px;
	left: 1px;
	top: 1px;
}
#titre {
	position: absolute;
	left: 10px;
	top: 1px;
	font-size: 1.5em;
	font-weight: bold;
}
#titre a { text-decoration: none;}
#titre_pub {
	position: absolute;
	left: 5px;
	top: 35px;
}
.titre_haut {
  height: 20px;
  text-align: right;
  vertical-align: middle;
  margin-right:0px;
  margin-top: 1px;
}
.titre_haut ul {
     margin : 0;
     padding : 2px 1em 2px 0;
	 font-size : 0.8em;
     list-style-type : none;
}
.titre_haut ul li {
     display: inline;
     padding : 2px 0;
}
.titre_haut ul li a {
    padding : 1px 0.25em 1px 0.5em;
}

/* Le menu */
#menu {
	font-family: "Arial";
     background-color: #DFDFDF;
     font-size : 0.9em;
	 font-weight:bold;
     text-align: right;
     margin-bottom: 1px;
}
#menu ul {
     margin : 0;
     padding : 2px 1em 2px 0;
     list-style-type : none;
}
#menu ul li {
     display: inline;
     padding : 2px 0;
}
#menu ul li a {
     color: #0a3263;
     text-decoration: none;
     padding : 2px 1em 2px 1em;
     border-left: 1px solid #fff;
}
#menu ul li a:hover {
	color: #DD8B1F;
    border-left: 1px solid #fff;
}
#menu a:active, a:focus {
     border-left: 1px solid #fff;
}
/* Guide */
#guide {
  height: 10px;
  text-align: left;
  vertical-align: middle;
  margin-left:2px;
  margin-top: 1px;
}
#guide ul {
     margin : 0;
     padding : 2px 1em 2px 0;
	 font-size : 0.8em;
     list-style-type : none;
}
#guide ul li {
     display: inline;
}
#guide ul li a {
    padding : 1px 0.25em 1px 0.5em;
}

/* index */
#index {
	margin: auto;
	width: 760px;
	padding-top: 10px;
}
#index_infos {
	padding: 10px;
	width: 400px;
    font-size: 1.2em;
}
#index_infos p { padding: 1px; }
#index_photo {
	float: right;
	padding: 10px;
	width: 300px;
}
#index_fenetres {
	margin: auto;
	width: 760px;
	margin-bottom: 10px;
}
#index_oeuvre {
	float: left;
	width: 400px;
	margin-top: 10px;
	padding-bottom: 10px;
	border: 1px solid #CFCFCF;
	text-align: center;
}
#index_fenetres h2 {
	background-color: #C0C0C0;
	font-size: 1.1em;
	margin-bottom: 2px;
	text-align: center;
}
#index_oeuvre img{
	margin-right: 10px;
}
#index_dynamique {
	float: right;
	width: 350px;
	margin-top: 10px;
	padding-bottom: 10px;
	border: 1px solid #CFCFCF;
}
#index_dynamique img {
	padding-left: 5px;
	padding-right: 5px;
}

/* Formulaires */
#contenant_form {
	padding-top: 10px;
	padding-bottom: 10px;
	margin: auto;
	width: 450px;
	text-align: left;
	background-color: white;
}
.contenu_form {
	padding: 5px;
	background-color: #EEEEEE;
	border: 1px solid #CFCFCF;
}
form {padding:3px 0;}
form fieldset {
	border: none;
	margin: 0px;
	padding: 0px;
}
form.formulaire label {
	display: inline;
	float: left;
	width: 100px;
	margin:0 5px 0 5px;
}
form p {
  padding:2px 0;
  border-bottom:0px solid;
  border-color:white;
}
form hr {
	color: #9F9F9F;
	background-color: #9F9F9F;
	height: 3px;
	border: 0;
}
form input, textarea {
	padding: 2px;
	border: 1px solid;
	border-color: #DCDCDC #6F6F6F #6F6F6F #DCDCDC;
	font-size: 0.9em;
	background-color: #FAFAFA;
}
form .radio {
	width: 15px;
	margin-left: 15px;
}
form textarea {
	width:300px;
	font-size:1.2em;
}
form .button {
	width:150px;
	font-weight:bold;
	margin-left: 110px;
	border-bottom:1px solid;
	border-color:white #CCCCCC #CCCCCC white;
	background-color:#DDDDDD;
}
form .button2 {
	width:150px;
	font-weight:bold;
	margin-left: 0px;
	border-bottom:1px solid;
	border-color:#CCCCCC black black #CCCCCC;
	background-color:#DDDDDD;
}

/* Galeries */
#conteneur_galerie {
	margin: auto;
	margin-top: 20px;
	padding: 5px;
	padding-bottom: 10px;
	width: 90%;
	text-align: left;
}
.contenu_galerie {
	margin-top: 10px;
	border: 1px solid #CFCFCF;
	background-color: white;
}
.contenu_galerie h2 {
	background-color: #C0C0C0;
	font-size:1.2em;
	margin-bottom: 2px;
}
.contenu_galerie h3 {
	background-color: #C0C0C0;
	font-size:0.8em;
}
.liste_oeuvre {
	margin: auto;
	height: 90px;
	overflow: auto;
	width: 99%;
	white-space: nowrap;
}
.img_galerie {
	float: left;
}
.info_galerie {
	margin-left: 65px;
}
.suppr_galerie {
	float: right;
}
/* Oeuvre */
#contenant_form_oeuvre {
	padding-top: 10px;
	padding-bottom: 10px;
	margin-left: 20px;
	width: 480px;
	text-align: left;
	background-color: white;
}
#loading {
	display: none;
	position: absolute;
	right: 30px;
	top: 100px;
	width: 180px;
	background-color: red;
}
#loading img {
	background-color: white;
}
#contenant_reupload {
	float: right;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-right: 10px;
	width: 250px;
	height: 250px;
	text-align: right;
	background-color: white;
}
#contenu_reupload {
	width: 100%;
	text-align: center;
	margin-top: 10px;
	border: 1px solid #CFCFCF;
}
#contenu_reupload img {
	text-align: center;
}

/* detail */
#loeuvre {
    cursor: default; /* Change the mouse cursor to a magnifying glass when it passes over the image */
}
#open-popup {
    cursor: zoom-in; /* Change the mouse cursor to a magnifying glass when it passes over the image */
}
#popup {
    display: none; /* Hide the popup by default */
    position: fixed; /* Make the popup appear fixed in the screen */
    top: 50%; /* Center the popup vertically */
    left: 50%; /* Center the popup horizontally */
    transform: translate(-50%, -50%); /* Translate the popup to the center of the screen */
}
#popup-image {
    /* Add a zoom-out slider to the image */
    transform: scale(0.9);
    cursor: zoom-out; /* Change the mouse cursor to a magnifying glass with a minus sign when it passes over the image */
}
#conteneur_detail {
	margin: auto;
	width: 96%;
}
#conteneur_detail_photo {
	float: left;
	width: 480px;
	display: block;
	padding-top: 20px;
}
#detail_photo {
	position: relative;
	text-align: center;
}
.text-over {
    position: absolute;
    color: white;
    left: 50%;
    top: 95%;
	transform: translate(-50%, -50%);
  }
#detail_photo_infos  {
	width: 470px;
	padding: 5px;
	margin-top: 10px;
	background-color: white;
	border: 1px solid #CFCFCF;
}
#detail_photo_infos  table {
	border: none;
	width: 48%;
}
#detail_photo_infos  td {
	border: none;
	text-align: left;
}
#conteneur_detail_infos  {
	margin-left: 500px;
	padding-top: 20px;
}
#contenu_detail_infos  {
	text-align: center;
	padding: 0px;
}
#detail_infos  {
	padding: 5px;
	text-align: left;
	background-color: white;
	border: 1px solid #CFCFCF;
}
#detail_infos p { padding: 1px; }
#conteneur_detail_listes {
	margin-top: 20px;
	margin-bottom: 0;
	text-align: center;
}
#conteneur_detail_listes form, p {
	text-align: left;
	margin-left: 5px;
}
#detail_listes {
	height: 460px;
	padding: 10px;
	background-color: white;
	border: 1px solid #CFCFCF;
}

.detail_titre {
	height: 20px;
	background-color: #DFDFDF;
}
.detail_titre h2 {
	float: left;
	font-size: 1em;
	padding-left: 10px;
}
.detail_titre h3 {
	font-size: 0.9em;
	text-align: right;
	padding-right: 10px;
}
.onglet {text-align: left; }
#detail_liste {
	height: 91%;
	overflow: auto;
	background-color: #DFDFDF;
}
.detail {
	float: left;
	width: 90px;
	height: 95px;
	margin-top: 5px;
}
.detail p {
	font-size: 0.7em;
	text-align: center;
}
.encours { border:2px solid #DD8B1F; }

/* Faire une offre */
#conteneur_faireuneoffre {
	margin-top: 20px;
	margin-bottom: 0;
	text-align: left;
}
#faireuneoffre {
	padding: 10px;
	background-color: white;
	border: 1px solid #CFCFCF;
}

/* Presentation */
#presentation {
	margin: 20px;
	margin-bottom: 0px;
	padding-bottom: 20px;
	color: #0a3263;
}
#presentation img {
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
}
#presentation p {
	margin-bottom: 15px;
}
#presentation p:first-letter {
   font-weight: bold;
   font-size: 1.5em;
   color: #DD8B1F;
}

/* Agenda */
#agenda {
	margin: auto;
	margin-top: 20px;
	padding-bottom: 20px;
	color: #0a3263;
}
.evenement {
	margin: auto;
	overflow: auto;
	width: 80%;
	margin-top: 10px;
	border: 1px solid #CFCFCF;
}
.evenement h2 {
	padding-left: 10px;
	background-color: #C0C0C0;
	font-size:1.2em;
}
/*.evenement img {
	float: right;
	margin: 10px;
}*/
.even_cadre {
	float: left;
	width: 150px;
	height: 150px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-right: 5px;
}
.evenement p {
	padding: 10px;
}

/* Contact */
#contact {
	margin: auto;
	width: 760px;
	padding-top: 10px;
}
#contact_form {
	float: left;
	padding: 10px;
	width: 460px;
    font-size: 0.9em;
}
#contact_infos {
	float: right;
	padding: 10px;
	width: 260px;
    font-size: 0.9em;
}

/* Livre d'or */
#livredor {
	margin: auto;
	width: 728px;
	padding-top: 10px;
}

/* Pub */
#pub {
	margin: auto;
	width: 728px;
	padding-top: 10px;
}

/* Pied de page */
#pied {
	background-color: #DFDFDF;
	color: #0a3263;
	font-size : 0.7em;
}
#pied p {
	text-align: center;
	margin-top: 0px;
}
#pied ul {
     margin : 0;
     padding : 3px 1em 3px 0;
     list-style-type : none;
	 text-align: center;
}
#pied ul li {
     display: inline;
     padding : 2px 0;
}
#pied ul li a {
    padding : 2px 0.5em 2px 0.5em;
}