/*-----------------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------*/
/*------------------------------- Feuille de style pour le site A Travers Le Paysage ------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------*/

/* 

- Author : Ronan TEXIER
- Date : 2006
- copyright : Ronan TEXIER
- Adress : ronan.texier@empreintes-du-web.com

----------------------------------------------------------

Organisation de la feuille de style :
- liens
- Parties principales
   - sous-parties
       - contenu des sous-parties

COULEURS DOMINTANTES :
marron - #8A4C18
orange - #FF7129

*/

/*-------------------------------------------------------------------------------------------- liens */

/*---------------------------------------------------------- menus */

.hidden {
position:absolute;
margin:0;
padding:0;
color:black;
text-decoration:none;
display:block;
overflow:hidden;
}
#hidd2 {
margin-left:357px;
}
#hidd3 {
margin-left:517px;
}
#hidd4 {
margin-left:635px;
}
#hidd5 {
margin-left:849px;
}

/* menu 1*/
a.write1 {
display:block;
position:absolute;
top:0px;
left:0px;
z-index: 1;
float:left;
width:321px;
height:83px;
background-image:url("pict/title.jpg");
background-repeat:no-repeat;
}

/* menu 2 */
a.write2 {
display:block;
position:absolute;
margin-left:343px;
top:0px;
float:left;
z-index: 1;
width:138px;
height:83px;
background-image:url("pict/contacts.jpg");
background-repeat:no-repeat;
background-position:0 -83px;
}
a.write2:hover {
background-position:0 0;
}
a.write22 {
display:block;
position:absolute;
margin-left:343px;
top:0px;
float:left;
z-index: 1;
width:138px;
height:83px;
background-image:url("pict/contacts.jpg");
background-repeat:no-repeat;
background-position:0 0px;
}

/* menu 3 */
a.write3 {
display:block;
position:absolute;
margin-left:503px;
top:0px;
float:left;
z-index: 1;
width:105px;
height:83px;
background-image:url("pict/artists.jpg");
background-repeat:no-repeat;
background-position:0 -83px;
}
a.write3:hover {
background-position:0 0;
}
a.write33 {
display:block;
position:absolute;
margin-left:503px;
top:0px;
float:left;
z-index: 1;
width:105px;
height:83px;
background-image:url("pict/artists.jpg");
background-repeat:no-repeat;
background-position:0 0px;
}

/* menu 4 */
a.write4 {
display:block;
position:absolute;
margin-left:630px;
top:0px;
float:left;
z-index: 1;
width:192px;
height:83px;
background-image:url("pict/events.jpg");
background-repeat:no-repeat;
background-position:0 -83px;
}
a.write4:hover {
background-position:0 0;
}
a.write44 {
display:block;
position:absolute;
margin-left:630px;
top:0px;
float:left;
z-index: 1;
width:192px;
height:83px;
background-image:url("pict/events.jpg");
background-repeat:no-repeat;
background-position:0 0px;
}

/* menu 5 */
a.write5 {
display:block;
position:absolute;
margin-left:844px;
top:0px;
float:left;
z-index: 1;
width:133px;
height:83px;
background-image:url("pict/archives.jpg");
background-repeat:no-repeat;
background-position:0 -83px;
}
a.write5:hover {
background-position:0 0;
}
a.write55 {
display:block;
position:absolute;
margin-left:844px;
top:0px;
float:left;
z-index: 1;
width:133px;
height:83px;
background-image:url("pict/archives.jpg");
background-repeat:no-repeat;
background-position:0 0px;
}

/* liens artistes */
a.artist {
text-decoration:none;
color:#8A4C18;
font-family:arial, sans ms;
}
a.artist:hover {
color:#FF7129;
}

a.doc {
text-decoration:none;
font-style:italic;
font-weight:bold;
color:black;
font-size:small;
}

a.artisteevent {
text-decoration:none;
color:black;
}

/* lien site artiste */
a.siteweb {
font-weight:bold;
font-size:small;
text-decoration:none;
color:#8A4C18;
font-family:arial, sans ms;
}
a.siteweb:hover {
color:#FF7129;
}

a.affichgal {
text-decoration:none;
color:#FF7129;
}
a.affichgal:hover {
color:#8A4C18;
}

a.mail {
text-decoration:none;
color:#FF7129;
}

a.titrearchives {
font-weight:bold;
color:#FF7129;
text-decoration:none;
}

/*--------------------------------------------------- contenu */
/*  body principal */
body {
margin:0;
padding:0;
top:0;
text-align:center;
font-size:medium;
font-family:Arial, sans-sherif;
color:black;
}

/* conteneur principal */
#contener {
position:relative;
margin:0;
padding:0;
text-align:left;
margin-left:auto;
margin-right:auto;
width:990px;
}

/* menu */
#menu {
position:relative;
margin:0;
padding:0;
height:83px;
width:990px;
margin-bottom:30px;
}
.slash {
position:absolute;
margin:0;
padding:0;
top:0;
width:22px;
height:83px;
background-image:url("pict/slash.jpg");
}
#slash1 {
margin-left:321px;
}
#slash2 {
margin-left:481px;
}
#slash3 {
margin-left:608px;
}
#slash4 {
margin-left:822px;
}
#contacts2, #artistes2, #events2, #archives2 {
background-position:0 0px;
}

/* contenu */
#contenu {
margin:0;
padding:0;
width:990px;
margin-left:auto;
margin-right:auto;
position:relative;
}

p {
margin:0;
padding:0;
margin-bottom:5px;
width:980px;
margin-left:auto;
margin-right:auto;
}

/*----------------------------------------------------------------- bbcode */

/* class souligné */
span.u, p.u {text-decoration:underline;}
/* class gras */
span.g, p.g {font-weight:bold;}
/* class italique */
span.i, p.i {font-style:italic;}

/* alignement au centre */
span.center, p.center, div.center
{
display:block;
text-align:center;
}

/* alignement à gauche */
span.left, p.left, div.left
{
display:block;
text-align:left;
}

/* alignement à droite */
span.right, p.right, div.right
{
display:block;
text-align:right;
}

/* alignement justifié */
span.justify, p.justify, div.justify
{
display:block;
text-align:justify;
}

/* citations */
blockquote
{
border:1px solid #646464;
padding:5px;
font-size:small;
color:#646464;
background-color:white;
}

/* liste */
ul.contenu
{
margin:0px;
padding:0px;
}
li.contenu
{
margin-left:15px;
}

/* span couleurs */
span.black, p.black, div.black {color:black;}
span.darkred, p.darkred, div.darkred {color:darkred;}
span.red, p.red, div.red {color:red;}
span.brown, p.brown, div.brown {color:#8A4C18;}
span.orange, p.orange, div.orange {color:#FF7129;}
span.yellow, p.yellow, div.yellow {color:yellow;}
span.green, p.green, div.green {color:green;}
span.olive, p.olive, div.olive {color:olive;}
span.blue, p.blue, div.blue {color:blue;}
span.darkblue, p.darkblue, div.darkblue {color:darkblue;}
span.indigo, p.indigo, div.indigo {color:indigo;}

/* éléments de texte taille */
span.x-small, p.x-small, div.x-small {font-size:x-small;}
span.small, p.small, div.small {font-size:small;}
span.medium, p.medium, div.medium {font-size:medium;}
span.large, p.large, div.large {font-size:large;}
span.x-large, p.x-large, div.x-large {font-size:x-large;}

/* éléments de texte police */
span.defaut, p.defaut, div.defaut {font-family:arial, sans-sherif;}
span.times, p.times, div.times {font-family:times, arial, sans-sherif;}
span.verdana, p.verdana, div.verdana {font-family:verdana, arial, sans-sherif;}

a.bblink {
font-size:small;
color:#FC7233;
text-decoration:none;
}
a.bblink:hover {
text-decoration:underline;
}


/*-------------------------------------- accueil */
/* contenu image accueil */
.para {
position:relative;
margin:0;
padding:0;
overflow:hidden;
color:black;
}
.para a, span.para {
display:block;
position:absolute;
top:0;
left:0;
z-index: 1;
}
#para2 {
width:914px;
height:486px;
}
#para2 a {
width:914px;
height:267px;
background-image:url("pict/accueil.jpg");
background-repeat:no-repeat;
background-position:0 0;
}
#para2 a:hover {
background-position:0 -485px;
width:914px;
height:486px;
}

/*------------------------------------ contacts */
/* coordonnées 1 */
#coord1 {
width:300px;
height:294px;
}
#coord1 span{
width:300px;
height:294px;
background-image:url("pict/coord1.jpg");
background-repeat:no-repeat;
}
/* mail */
#mailto {
margin-left:0px;
margin-top:10px;
width:488px;
height:70px;
}
#mailto a{
width:488px;
height:70px;
background-image:url("pict/mail2.jpg");
background-repeat:no-repeat;
border:0px;
}
#mailto a:hover{
width:488px;
height:70px;
background-image:url("pict/mail2.jpg");
background-repeat:no-repeat;
background-position:0 -70px;
border:0px;
}

/* coordonnées 2 */
#coord2 {
width:352px;
height:94px;
margin-top:10px;
}
#coord2 span{
width:352px;
height:94px;
background-image:url("pict/coord2.jpg");
background-repeat:no-repeat;
}

#rightcontact {
width:914px;
text-align:right;
color:#DBC1B3;
font-size:x-small;
margin-top:30px;
}

a.linkcontact {
text-decoration:none;
color:#DBC1B3;
}
a.linkcontact:hover {
color:#FAA65E;
}
/*------------------------------------ artistes*/
/* colonnes artistes */
ul.col {
list-style-type:none;
width:300px;
margin:0;
padding:0;
margin-right:25px;
margin-left:5px;
font-size:large;
float:left;
}
li.liartist
{
margin-bottom:5px;
}

h1.titleartiste
{
height:55px;
background-repeat:no-repeat;
background-position:0 0px;
}

/* liens artistes images */
ul.artist {
list-style-type:none;
width:800px;
margin:0;
padding:0;
margin-right:25px;
margin-left:5px;
font-size:large;
}

a.artbg {
display:block;
position:absolute;
z-index: 1;
height:55px;
float:left;
background-repeat:no-repeat;
background-position:0 -55px;
}
a.artbg:hover {
background-position:0 0;
}

li.decouverte {
display:block;
position:absolute;
z-index: 1;
float:left;
background-image:url("pict/decouverte.jpg");
background-repeat:no-repeat;
height:57px;
width:182px;
margin-top:60px;
}

ul.siteweb
{
list-style-type:square;
list-style-position:inside;
color:#8A4C18;
margin:0;
padding:0;
}

div.texteartist
{
width:700px;
margin-top:30px;
margin-bottom:30px;
float:left;
margin-right:200px;
}

div.galerie {
width:900px;
margin:0;
padding:0;
margin-bottom:30px;
margin-left:5px;
}

img.vigngal {
border:0px;
margin-right:15px;
margin-bottom:15px;
}

img.vigngal2 {
float:left;
border:0px;
margin-right:15px;
margin-bottom:15px;
}

a.affichbio {
display:block;
margin:0;
padding:0;
height:86px;
width:192px;
background-image:url("pict/bio.jpg");
background-repeat:no-repeat;
background-position:0px 0px;
text-decoration:none;
border:0px;
float:left;
}
a.affichbio:hover {
background-position:0 -86px;
}

/*----------------------------------------- galerie */

div.centimg {
margin-top:20px;
margin-bottom:20px;
margin-left:auto;
margin-right:auto;
text-align:center;
}

p.copyright {
text-align:center;
margin-top:20px;
margin-bottom:20px;
font-size:small;
color:#8A4C18;
}

/*------------------------------------- évènements archives */

/* titre des events */
span.titreevent
{
font-weight:bold;
color:#FF7129;
}

ul.descevent
{
font-style:italic;
list-style-type:square;
list-style-position:inside;
color:#8A4C18;
margin:5px;;
padding:5px;
}

img.imgevent
{
border:0px solid;
margin-top:20px;
}

img.imgevent2
{
border:0px solid;
width:200px;
margin-top:20px;
}

div.texteevent
{
width:650px;
margin-top:30px;
margin-left:5px;
}

hr.sepevent
{
width:600px;
margin-left:5px;
margin-top:20px;
margin-bottom:20px;
}

p.artlieu {
margin:0;
padding:0;
margin-bottom:5px;
width:650px;
text-align:left;
margin-left:5px;
margin-right:auto;
}

a.book
{
text-decoration:none;
color:#FF7129;
}
a.book:hover
{
color:#8A4C18;
}

/* ------------------------------------------------------------------------------------------------------- mise en page */

span.b { font-weight:bold; }

span.marron { color:#8A4C18; }

/* -------------------------------------------------------------------------------------------------------- partie galerie */

#hautgauche, #hautdroit, #basgauche, #basdroit {
height:56px;
width:56px;
background-repeat:no-repeat;
font-size:1px;
}

#hautgauche {
position:absolute;
left:0;
top:0;
background-image:url("pict/chg.jpg");
}
#hautdroit {
position:absolute;
right:0;
top:0;
background-image:url("pict/chd.jpg");
}
#basgauche {
position:absolute;
left:0;
bottom:0;
background-image:url("pict/cbg.jpg");
}
#basdroit {
position:absolute;
right:0;
bottom:0;
background-image:url("pict/cbd.jpg");
}

#legende {
position:relative;
width:500px;
top:20px;
padding:0;
margin:0;
text-align:center;
margin-left:auto;
margin-right:auto;
}

#legende p {
color:#9C9D9F;
font-size:small;
width:480px;
margin:0;
padding:0;
margin-bottom:0px;
}

#legende p.art {
font-size:medium;
color:#FF7129;
margin-bottom:5px;
}

#legende p.descg {
font-size:x-small;
margin-bottom:15px;
}

#legende img {
border:0px;
margin-left:15px;
margin-right:15px;
}

/*--------------------------------------------------------- mentions légales */
#mentionslegales {
width:800px;
margin:auto;
margin-top:20px;
}

h1.mentionslegales {
font-size:large;
text-align:left;
color:#FC7233;
margin-bottom:40px;
margin-left:0px;
}

#bodymentions {
text-align:center;
}

#mentionslegales p {
margin:0;
padding:0;
width:800px;
text-align:justify;
margin-bottom:20px;
}

a.m {
color:#FC7233;
text-decoration:none;
}
a.m:hover {
text-decoration:underline;
}