/*
#8f15dd violet
#ff571f orange
#00b4dc bleu

#E95D1D Orange fond
*/
body
{
	border: 0px;
    margin: 0px;
    padding: 0px;
    font-family: Tahoma, Verdana;
    font-size: 11px;
    background: #E95D1D;/* ORANGE */
}

h1{
	margin:0px;
	font-size:16px;
}

h2{
	margin:0px;
	font-size:14px;
}

h3{
	margin:0px;
	font-size:13px;
}

h4{
	margin:0px;
	color:#000;
	font-size:12px;
}

h5{
	font-size:10px;
}

a img
{
	border:0;
}

input, option, textarea, select
{
	font-family: Verdana;
	font-size:11px;
}


#page
{
    position:relative;
    width:900px;
    border:0;
    top:0;
    padding:0;
    margin-right:auto;
    margin-left:auto;
}

#divBanniere
{
	position:relative;
	height:155px;
	width:900px;
    vertical-align:top;
    background: url(images/fond_menu_haut.png) no-repeat;
}

#hautPage
{
	position:relative;
	height:20px;
	width:900px;
	background: url(images/page_haut.gif) no-repeat;
}

#basPage
{
	position:relative;
	height:20px;
	width:900px;
	background: url(images/page_bas.gif) no-repeat;
}

#divMenuEtContenu
{
	position:relative;
	width:900px;
	background-color:#e7ddd0;
	height:100% !important;
	min-height:750px;
	height:750px;
}

#divSousMenus
{ /* Menus qui se trouvent à gauche */
	position: absolute;
    width: 160px;
    height:770px;
    top:0px;
    clear:both;
	line-height:16px;
}

.separationMenuGauche{
	position:relative;
	font-weight:bold;
	text-align:center;
	color:white;
	margin-top:20px;
	padding:2px;
	background:#5b3d1a;
	width:120px;
}

#divContenuSousMenus
{
	position: relative;
    width: 140px;
	left:20px;
}


#divContenu
{
    position:relative;
    left:160px;
    top:20px;
    min-height:770px;
    line-height:19px;
	width:720px;
}

.menuLienAccueil
{
	color:#5b3d1a;
	font-weight:bold;
	text-decoration : none;
	text-transform:uppercase;
}

.menuLienAccueil:active, .menuLienAccueil:hover
{
	color: red;
}

.menuLienAccueilActif:link, .menuLienAccueilActif:hover,.menuLienAccueilActif:active, .menuLienAccueilActif:visited
{
	color: red;
	font-weight: bold;
	text-decoration : underline;
}
.menuLienInactif
{
	color:#888888;
	font-weight:bold;
	text-decoration : none;
	text-transform:uppercase;
}
/* COMBOS */
/* Pour gérer les lignes contenant un libellé et un combo */

.infoCombo
{
	position:relative;
	color:#7a6243;
	font-style:normal;
	margin-top:5px;
}

.divLigneDeuxCol
{
	position:relative;
	text-align:left;
	width:700px;
	height:20px;
	margin-left:20px;
}

.divGaucheLib
{
	position:relative;
	float:left;
	text-align:right;
	padding-right:5px;
	width:200px;
	line-height:20px;
}

.divDroiteCombo
{
	position:relative;
	float:right;
	text-align:left;
	width:485px;
	line-height:20px;
	vertical-align:bottom;
}

/* Fin COMBOS */

/* Banniere */

#logo
{
	position:absolute;
	width:118px;
	height:154px;
	top:1px;
	left:22px;
	background:url(images/logo.gif);
	background-repeat:no-repeat;
}

#logo a {
  display:block;
  width:100%;
  height:100%;
  text-decoration:none;
}

#logo a:hover {
  text-decoration:none;
}

#menus
{
	position:absolute;
	top:120px;
	left:165px;
	height:35px;
	width:700px;
}

#menuAccueil
{
	position:absolute;
	left:0;
	width:104px;
	height:35px;
	background:url(images/menu_accueil_off.gif);
	background-repeat:no-repeat;
	background-position:top left;
	cursor:pointer;
}
#menuAccueilOn
{
	position:absolute;
	left:0;
	width:104px;
	height:35px;
	background:url(images/menu_accueil_on.gif);
	background-repeat:no-repeat;
	background-position:top left;
}


#menuGaleries
{
	position:absolute;
	left:95px;
	width:106px;
	height:35px;
	background:url(images/menu_galerie_off.gif);
	background-repeat:no-repeat;
	background-position:top left;
	cursor:pointer;
}
#menuGaleriesOn
{
	position:absolute;
	left:95px;
	width:106px;
	height:35px;
	background:url(images/menu_galerie_on.gif);
	background-repeat:no-repeat;
	background-position:top left;
}

#menuArtistes
{
	position:absolute;
	left:220px;
	width:104px;
	height:35px;
	background:url(images/menu_artiste_off.gif);
	background-repeat:no-repeat;
	background-position:top left;
	cursor:pointer;
}
#menuArtistesOn
{
	position:absolute;
	left:220px;
	width:104px;
	height:35px;
	background:url(images/menu_artiste_on.gif);
	background-repeat:no-repeat;
	background-position:top left;
}

#menuExpositions
{
	position:absolute;
	left:343px;
	width:106px;
	height:35px;
	background:url(images/menu_exposition_off.gif);
	background-repeat:no-repeat;
	background-position:top left;
	cursor:pointer;
}
#menuExpositionsOn
{
	position:absolute;
	left:343px;
	width:106px;
	height:35px;
	background:url(images/menu_exposition_on.gif);
	background-repeat:no-repeat;
	background-position:top left;
}

#menuMonCompte
{
	position:absolute;
	left:590px;
	width:104px;
	height:35px;
	background:url(images/menu_compte_off.gif);
	background-repeat:no-repeat;
	background-position:top left;
	cursor:pointer;
}
#menuMonCompteOn
{
	position:absolute;
	left:590px;
	width:104px;
	height:35px;
	background:url(images/menu_compte_on.gif);
	background-repeat:no-repeat;
	background-position:top left;
}


#menuUL{
	position: relative;
	margin: 0;
	padding: 0;
	list-style: none;
}

#menuUL li{
	position: relative;
	display: inline;
	float: left;
	list-style: none;
	margin-right: 0px;
}

#servicesBanniere{
	position:absolute;
	left:270px;
	top:12px;
	width:350px;
	height:80px;
	padding:0;
	font-size:15px;
	color:#5b3d1a;
	background: url(images/cadre_blanc_350.png) no-repeat;
}
#servicesBanniere ul{
	list-style-type:none;
}
#servicesBanniere a{
	color:#5b3d1a;
	text-decoration:none;
}
#servicesBanniere a:hover{
	color:red;
}
/*
#statsBanniere{
	position:absolute;
	left:270px;
	top:12px;
	width:400px;
	height:80px;
	padding:0;
}

#textStatsBanniere{
	position:absolute;
	left:0px;
	top:0px;
	height:79px;
	width:103px;
    line-height:79px;
	font-weight:bold;
	color:white;
	text-align:center;
    background: url(images/arrondi_noir.png) no-repeat;
}

#chiffresStatsBanniere{
	position:absolute;
	left:95px;
	top:1px;
	height:77px;
	width:249px;
	line-height:14px;
	padding:10px 5px 5px 30px;
	color:#5b3d1a;
    background: url(images/arrondi_blanc.png) no-repeat;
}

#chiffresStatsBanniere ul{
	margin:0;
	padding:0;
}
*/
#connexion{
	position:absolute;
	top:12px;
	left:750px;
	width:130px;
	height:79px;
	padding:10px 5px 5px 2px;
	font-weight:bold;
	font-size:11px;
	text-align:center;
	font-family:verdana;
}
.connexionBanniereKO{
    background: url(images/arrondi_connexion_blanc.png) no-repeat;
	text-decoration : none;
	color:#0F0;
}
.connexionBanniereOK{
    background: url(images/arrondi_connexion_noir.png) no-repeat;
	text-decoration : none;
	color:#f0e9df;
}

.deconnexionBanniere{
	color:red;
}

.connexionBanniere:link, .connexionBanniere:visited{
	color:#f0e9df;
}

.connexionBanniere:active, .connexionBanniere:hover{
	color: red;
}

.connexionMini{
	font-size:9px;
	font-weight:normal;
}


/* Fin Banniere */

/* Page centrale */

#pageCentre{
	position:relative;
	width:720px;
}

#pageCentreTop{
	position:relative;
	width:720px;
	height:22px;
	/*background:url(images/pageCentre_haut.gif);
	background-repeat:no-repeat;*/
	padding:0;
	margin:0;
}


#pageCentreContenu{
	position:relative;
	width:670px;
	padding:10px 20px 10px 30px;
	background:url(images/pageCentre_repeat_y.gif);
	background-repeat:repeat-y;
	margin:0;
}

#pageCentreBottom{
	position:relative;
	width:720px;
	height:61px;
	padding:0;
	margin:0;

}

/* Fin Page centrale /*

/* Boites dans les pages centrales */

.boitePageCentre{
	position:relative;
	margin-top:30px;
}

.boitePageCentreTop{
	position:relative;
	width:650px;
	height:23px; /* hauteur de l'image boite_pageCentre_haut.png */
	padding:0;
	margin:0;
}

.boitePageCentreContenu{
	position:relative;
	width:620px;
	padding:10px 10px 10px 20px;
	background:url(images/boite_pageCentre_repeat_y.gif);
	background-repeat:repeat-y;
	margin:0;
}

.boitePageCentreBottom{
	position:relative;
	width:650px;
	height:19px; /* hauteur de l'image boite_pageCentre_bas.png */
	padding:0;
	margin:0;

}

/* Fin Boites dans les pages centrales */

/* Toutes pages */
.center{
	text-align:center;
}

.cache{
	visibility:hidden;
	display:none;
}

.cache1{

}

.etape{
	/* Affiche un span à droite de l'écran pour indiquer etape 1/2, etape 2/2... */
	position:absolute;
	float:right;
	right:40px;
	text-align:right;
}

.hand{
	cursor:pointer;
}

.tailleMiniAide{
	width:460px;
}

.padding10{
	padding:10px;
}
.padding20{
	padding:20px;
}
.erreur{
	color:red;
	font-weight:bold;
	height:20px;
}

.texte{
	color:black;
	font-style:normal;
}

.texteBleu{
	color:#00b4dc;
}
.texteOrange{
	color:#ff571f;
}
.texteBlanc{
	color:#f0e9df;
}

.texteBleuClair{
	color:#06b3de;
}

.texteRouge{
	color:#FF0000;
}

.texteVert{
	color:#099b10;
}

.texteNoir{
	color:#000000;
}
.texteMarron{
	color:#5B3D1A;
}

.plusGrand{
	font-size:larger;
}

.texteConfort{
	font-size: 12px;
}

.gras{
	font-weight:bold;
}

.italique{
	font-style: italic;
}
.nonGras{
	font-weight:normal;
}

.texteGris{
	color:gray;
}

.texteDroite{
	text-align:right;
	padding-right:7px;
}

.texteGauche{
	text-align:left;
}

.floatRight{
	float:right;
}

.nom_artiste{
	color:#00b4dc ;
	font-size :15px;
	font-weight:bold;
}

.image_fiche_artiste{
	position:absolute;
}

.info_fiche_artiste{
	position:relative;
	width:500px;
	height:120px;
	left:120px;
	padding-left:10px;
}

.presentation_fiche_artiste{
	position:relative;
	width:500px;
	left:40px;
}

.nom_galerie{
	color:#ff571f ;
	font-size :15px;
	font-weight:bold;
}

.image_fiche_galerie{
	position:relative;
	width:330px;
	height:180px;
	left:350px;
	top:5px;
}

.info_fiche_galerie{
	position:absolute;
}

.nom_exposition{
	color:#8f15dd ; /*810099 ;*/
	font-size :15px;
	font-weight:bold;
}

.image_fiche_exposition{
	position:relative;
	width:300px;
	height:180px;
	left:320px;
	top:-30px;
}

.info_fiche_exposition{
	position:absolute;
}



.valignHaut{
/* pour les tableaux */
	vertical-align:top;
}
.valignMilieu{
/* pour les tableaux */
	vertical-align:middle;
}

.valignBas{
/* pour les tableaux */
	vertical-align:bottom;
}

.cellulesTableauOrangeG{
	border-left: solid 1px #c5b9a9;
	background:#ff571f;
}
.cellulesTableauOrangeD{
	border-right: solid 1px #c5b9a9;
	background:#ff571f;
}
.cellulesTableauOrange{
	background:#ff571f;
}
.arrondiHautGaucheOrange{
	background: url(images/haut_gauche_orange.gif) no-repeat top left;
}
.arrondiHautDroiteOrange{
	background: url(images/haut_droite_orange.gif) no-repeat top right;
}
.arrondiBasGaucheOrange{
	background: url(images/bas_gauche_orange.gif) no-repeat bottom left;
}
.arrondiBasDroiteOrange{
	background: url(images/bas_droite_orange.gif) no-repeat bottom right;
}


.cellulesTableauBleuGD{
	border-right: solid 1px #c5b9a9;
	border-left: solid 1px #c5b9a9;
	background:#00b4dc;
}
.cellulesTableauBleuG{
	border-left: solid 1px #c5b9a9;
	background:#00b4dc;
}
.cellulesTableauBleuD{
	border-right: solid 1px #c5b9a9;
	background:#00b4dc;
}
.cellulesTableauBleu{
	background:#00b4dc;
}
.arrondiHautGaucheBleu{
	background: url(images/haut_gauche_bleu.gif) no-repeat top left;
}
.arrondiHautDroiteBleu{
	background: url(images/haut_droite_bleu.gif) no-repeat top right;
}
.arrondiBasGaucheBleu{
	background: url(images/bas_gauche_bleu.gif) no-repeat bottom left;
}
.arrondiBasDroiteBleu{
	background: url(images/bas_droite_bleu.gif) no-repeat bottom right;
}

.cellulesTableauVioletGD{
	border-right: solid 1px #c5b9a9;
	border-left: solid 1px #c5b9a9;
	background:#8f15dd;
}
.cellulesTableauVioletG{
	border-left: solid 1px #c5b9a9;
	background:#8f15dd;
}
.cellulesTableauVioletD{
	border-right: solid 1px #c5b9a9;
	background:#8f15dd;
}
.cellulesTableauViolet{
	background:#8f15dd;
}
.arrondiHautGaucheViolet{
	background: url(images/haut_gauche_violet.gif) no-repeat top left;
}
.arrondiHautDroiteViolet{
	background: url(images/haut_droite_violet.gif) no-repeat top right;
}
.arrondiBasGaucheViolet{
	background: url(images/bas_gauche_violet.gif) no-repeat bottom left;
}
.arrondiBasDroiteViolet{
	background: url(images/bas_droite_violet.gif) no-repeat bottom right;
}


.cellulesTableauG{
	border-left: solid 1px #c5b9a9;
}
.cellulesTableauD{
	border-right: solid 1px #c5b9a9;
}
.cellulesTableauB{
	border-bottom: solid 1px #c5b9a9;
}
.cellulesTableauH{
	border-top: solid 1px #c5b9a9;
}

.lignePaire{
	background:#f0e9df;
}
.ligneImpaire{
	background:#ebe2d6;
}
.ligneRelief{
	background:#d2b48c;
}
.ligneImpaireLight{
	background:#f5f4f2;
}

.ligneGD{
	position:relative;
}
.ligneGauche{
	position:relative;
	width:180px;
}
.ligneDroite{
	position:absolute;
	top:0;
	left:185px;/* width de ligneGauche+5  */
	width:460px;
}

.hauteur50px{
	height:50px;
}
.hauteur30px{
	height:30px;
}
.hauteur20px{
	height:20px;
}
.lineHeight30{
	line-height:30px;
}
.lineHeight18{
	line-height:18px;
}

.marginTop10{
	margin-top:10px;
}
.marginTop5{
	margin-top:5px;
}
.marginBottom5{
	margin-bottom:5px;
}
.marginRight30{
	margin-right:30px;
}
.marginLeft30{
	margin-left:30px;
}

.boutonDroite{
	/* bouton droite : suivant */
	position:absolute;
	right:60px;
}

.boutonGauche{
	/* bouton gauche : précédent */
	position:absolute;
	left:60px;
}

/* LIEU */

#divMenuEtContenu2
{
	position:relative;
	margin-right:auto;
	margin-left:auto;
	width:880px;
	height:730px; /* voir dans moncompte_exposition.js la taille de la dialog */
	background-color:#e7ddd0;
}

#divSousMenus2
{ /* Menus qui se trouvent à gauche */
	position: absolute;
    width: 160px;
    top:0px;
    clear:both;
}

#divContenu2
{
    position:relative;
    left:160px;
    top:20px;
    line-height:19px;
	width:720px;
	height:710px; /* voir dans moncompte_exposition.js la taille de la dialog */
	overflow:auto;
}

/* FIN LIEU */

.divImageListeArtiste{
	position:relative;
	text-align:left;
	width:50px;
	height:50px;
	float:left;
	line-height:50px;
}

.divDomArtListeArtiste{
	position:relative;
	float:left;
	left:10px;
	line-height:50px;

}

#lienBasPage, #lienBasPage a:link, #lienBasPage a:visited{
	color:white;
}

.menuInternePage, .menuInternePage a:link, .menuInternePage a:visited{
	font-size:13px;
}

.menuInternePage a:active, .menuInternePage a:hover{
	font-size:13px;
	color:red;
}
 /* COMMENTAIRES */
.divCommentaire{
	position:relative;
	border:solid 1px #fbbc73;
	width:600px;
	margin:0 0 10px 0;
	padding:0;
}
.publieLePar{
	position:relative;
	padding:5px;
	margin:0;
	background:#fbbc73;
	font-size:10px;
	line-height:12px;
	color:#777777;
}
.divContenuCommentaire{
	position:relative;
	margin:0;
	padding:5px;
}
.separateurCommentaire{
	position:relative;
	width:600px;
	right:20px;
	margin:0 0 20px 0;
}

/* PAGES DE SITES PRO */
.titreEditeur{
	background:#f0f0ee;
	width:631px;
	border-width:1px 1px 0 1px;
	border-style:solid;
	border-color:#cccccc;
	text-align:center;
	margin:0;
	font-variant: small-caps;
}

.miniButtonPrincipal, .miniButtonAutre{
	margin:3px 0 6px 0;
	font-size:10px;
}
.miniButtonPrincipal{
/* mini button action principale */
	font-weight:bold;
}
.miniButtonAutre{
/* mini button action secondaire */

}
.idemLien{
	cursor:pointer;
	color:#0000CD; /* Bleu lien */
	text-decoration:none;
}
.idemLien:hover{
	text-decoration:underline;
}
/* FIN PAGES DE SITES PRO */