/***** STYLE GENERAL - art & Parole *****/

* {
margin: 0;
padding: 0;
border: 0;
}
body {
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
color: #000000;
background-color: #E2E4E3;
}
#container {
margin:0 auto;
width:850px;
height:600px;
}

/* initialiser liens */
a {
text-decoration: none;
outline: none;
}
a:link {}
a:visited {}
a:hover {
color : #000000;
text-decoration: underline;
}
a:active {}
a img {
border: none;
}

/* initialiser elements divers */
ul {
list-style: none;
}
ul li {
/*list-style: none;*/
}

/* GABARIT PAGE D'ACCUEIL */
#top_home {
height:570px;
background-image:url(_templates/fond_home.jpg);
background-position:top left;
background-repeat:no-repeat;
}
#top_home img {
margin-left:65px;
}
#texte_accueil {
position:relative;
top:30px;
left:310px;
width:200px;
color:#ffffff;
font-size:0.8em;
line-height:1.4em;
text-align:justify;
}
#texte_accueil h2 {
color:#E2E4E3;
text-align:left;
margin-bottom:10px;
}
#footer {
height:30px;
text-align:right;
}

/* GABARIT PAGE CONTENU */
#top {
height:200px;
background-image:url(_templates/fond_page.jpg);
background-position:top left;
background-repeat:no-repeat;
}
#top img {
margin-left:40px;
}
#contenu {
height:370px;
}
#contenu_presse {
height:370px;
background-image:url(_templates/fond_presse.jpg);
background-position:bottom left;
background-repeat:no-repeat;
}
#texte_contenu {
float:left;
position:relative;
margin-left:100px;
margin-top:70px;
padding-left:30px;
padding-top:55px;
width:400px;
height:200px;
color:#701D10;
font-size:0.9em;
background-image:url(_templates/fleche.jpg);
background-position:top left;
background-repeat:no-repeat;
}
#texte_presentation {
float:left;
position:relative;
margin-left:80px;
margin-top:40px;
width:360px;
height:200px;
color:#701D10;
font-size:0.9em;
}
#texte_presentation a {
color:#701D10;
}
#historique, #vie_groupe {
float:right;
position:relative;
width:160px;
text-align:justify;
font-size:0.8em;
line-height:1.2em;
padding:10px;
background-color:#D9EC9C;
}
#historique {
margin-top:50px;
}
#historique a {
color:#701D10;
}

#vie_groupe {
margin-top:100px;
}
#artistes_contenu {
float:right;
position:relative;
margin-right:123px;
width:153px;
}
#liste_artistes, #liste_expos {
text-align:right;
padding-right:5px;
font-size:0.9em;
line-height:1.7em;
border-right:1px solid #ffffff;
width:153px;
}
#liste_artistes li a, #liste_expos li a {
color:#701D10;
}
#liste_artistes li a:hover, #liste_artistes li a:focus, #liste_artistes li a:active {
color:#9C0084;
font-weight:bold;
}
#liste_expos li a:hover, #liste_expos li a:focus, #liste_expos li a:active {
color:#9C0084;
font-weight:bold;
}
#expos_contenu {
float:right;
position:relative;
margin-right:30px;
width:123px;
}

/* GABARIT GALERIE ARTISTES */
#nom_artiste {
float:right;
position:relative;
margin-right:90px;
margin-top:90px;
font-size:0.8em;
color:#ffffff;
text-align:right;
}
#nom_artiste h2{
font-size:2em;
color:#E2E4E3;
margin-bottom:0px;
}
#nom_artiste a{
color:#ffffff;
text-decoration:underline;
}
#nom_artiste a:hover, #nom_artiste a:focus, #nom_artiste a:active {
color:#000000;
text-decoration:underline;
}
#vignettes {
margin-left:52px;
margin-top:5px;
}
#legende {
margin-left:52px;
margin-top:52px;
width:150px;
font-size:0.8em;
text-align:right;
}
.legende {
font-style:italic;
}
#preview {
float:right;
position:relative;
margin-top:60px;
width:350px;
height:300px;
}

/* GABARIT EXPOS */
#commentaire {
float:right;
position:relative;
margin-right:60px;
margin-top:70px;
width:250px;
font-size:0.8em;
color:#ffffff;
text-align:right;
}
#commentaire h2{
font-size:2em;
color:#E2E4E3;
margin-bottom:0px;
}
#diaporama {
float:right;
position:relative;
margin-top:30px;
margin-right:160px;
width:450px;
height:330px;
}

/* SIGNATURE */
#mentions {
margin-left:60px;
color:#6701D10;
font-size:0.5em;
text-align:left;
letter-spacing:1px;
padding-top:4px;
}
#mentions a {
font-size:0.8em;
color:#8F9191;
}
#mentions a:hover {
text-decoration:underline;
color:#F7403A;
}
#texte_mentions {
	height:600px;
font-size:0.7em;
padding:20px;
	overflow:auto;	
 }

/* NAVIGATION MENU HAUT */
#menu_haut_home {
position:relative;
margin-right:52px;
margin-top:10px;
float:right;
}
#menu_haut {
position:relative;
margin-right:10px;
margin-top:10px;
float:right;
}
#menu_haut_home li, #menu_haut li {
display:inline;
margin-right:0px;
color:#ffffff;
}
#menu_haut_home li a, #menu_haut li a {
padding-right:10px;
padding-left:10px;
text-align:center;
text-transform:uppercase;
font-size:0.7em;
color:#ffffff;
border-right:1px solid #E2E4E3;
}
#menu_haut_home li a:hover, #menu_haut_home li a:focus, #menu_haut_home li a:active {
color:#ffffff;
border-right:1px solid #ffffff;
}
#menu_haut li a:hover, #menu_haut li a:focus, #menu_hauts li a:active {
color:#ffffff;
border-right:1px solid #ffffff;
}

/* NAVIGATION MENU BAS */
#expos_home, #expos, #artistes_home, #artistes {
position:relative;
float:right;
width:123px;
height:38px;
z-index:50;
}
#expos_home li, #expos li, #artistes_home li, #artistes li {
margin-right:0px;
}

#expos_home li a {
display:block;
height:38px;
background-image:url(_templates/expos.jpg);
background-position:top right;
background-repeat:no-repeat;
}
#expos li a {
display:block;
height:38px;
background-image:url(_templates/expos_hover.jpg);
background-position:top right;
background-repeat:no-repeat;
}
#expos_home li a:hover, #expos_home li a:focus, #expos_home li a:active {
background-image:url(_templates/expos_hover.jpg);
}
#expos li a:hover, #expos li a:focus, #expos li a:active {
background-image:url(_templates/expos_hover.jpg);
}

#artistes_home li a {
display:block;
height:38px;
background-image:url(_templates/artistes.jpg);
background-position:top right;
background-repeat:no-repeat;
}
#artistes li a {
display:block;
height:38px;
background-image:url(_templates/artistes_hover.jpg);
background-position:top right;
background-repeat:no-repeat;
}
#artistes_home li a:hover, #artistes_home li a:focus, #artistes_home li a:active {
background-image:url(_templates/artistes_hover.jpg);
}
#artistes li a:hover, #artistes li a:focus, #artistes li a:active {
background-image:url(_templates/artistes_hover.jpg);
}

