/************************************************

     ++ Daniel Simon Peintures ++

Thème créé par Lionel pour www.danielsimon.fr


  Sur une idée de Zwatla Kits Graphiques
  http://www.zwatla.com/zwatla_2051_paper/


***************************************************/


/* BODY */

body { 
font-family:arial;
height: 100%; 
margin: 0; 
padding: 0; 
background-color : #000; 
text-align :left; 
color : #fff; 
} 


/* BLOC CONTENEUR */ 

#cont { 
position:absolute; 
left: 50%; 
top: 50%; 
width: 750px; 
height: 300px; 
margin-top: -150px; 
margin-left: -385px; 
background : url(images/newtoro.jpg) ; 
text-align : left; 
border : 10px solid #fff ; }


/* Menu onglets de droite */

#menu {
padding : 0; 
margin : 0 ; 
list-style : none ; 
float : right ; 
height : 300px;}

#menu li a span {
position: absolute;
left: -5000px;
}

#menu li {
float : left; 
display : block;
 }
 

#menu li a {
float : left; 
padding : 0 0 0 1px; 
margin : 0  ;
width : 30px ; 
height : 300px ; 
display : block;
background : #ccc ; 
opacity:  0.8;
filter: alpha(opacity=80); 
} 

#menu li a:hover {
background : #666 ;  
} 

#menu a.peintures{
background: url(images/boot_photo_view.jpg); 
background-position : 30px 0;}
#menu a.peintures:hover, #menu a.peintures-open, #menu a.peintures-open:hover {
background: url(images/boot_photo_view.jpg); 
background-position : 0 0 ;}

#menu a.index {
background: url(images/boot_photo_accueil.jpg); 
background-position : 30px 0}
#menu a.index:hover {
background: url(images/boot_photo_accueil.jpg); 
background-position : 0 0 ;}

#menu a.expos{
background: url(images/boot_photo_expo.jpg); 
background-position : 30px  0}
#menu a.expos:hover, #menu a.expos-open, #menu a.expos-open:hover {
background: url(images/boot_photo_expo.jpg); 
background-position : 0 0 ;}

#menu a.livre{
background: url(images/boot_photo_livre.jpg); 
background-position : 30px 0}
#menu a.livre:hover, #menu a.livre-open, #menu a.livre-open:hover {
background: url(images/boot_photo_livre.jpg); 
background-position :  0 0 ;}

#menu a.contact{
background: url(images/boot_photo_contact.jpg); 
background-position : 30px 0}
#menu a.contact:hover, #menu a.contact-open, #menu a.contact-open:hover {
background: url(images/boot_photo_contact.jpg); 
background-position :  0 0 ;}




/* BLOC GAUCHE*/ 

#texte_home  {  /* largeur particulière du bloc texte de l'accueil */
background : transparent ; 
width : 550px ;
height : 300px;  
text-align : left; 
float : left ; 
overflow : auto; 
border-right:none;}

#block_expos {
width : 120px ;
height : 300px;  
text-align : left; 
float : left ; 
overflow : auto; 
border-right:10px solid white;
background-image : url(images/torolong.jpg); }

#block_peintures {
width : 120px ;
height : 300px;  
text-align : left; 
float : left ; 
overflow : auto; 
border-right:10px solid white;
background-image : url(images/longpeintures.jpg); }

#block_contact {
width : 120px ;
height : 300px;  
text-align : left; 
float : left ; 
overflow : auto; 
border-right:10px solid white;
background-image : url(images/longcontact.jpg); }

#block_livre {
width : 120px ;
height : 300px;  
text-align : left; 
float : left ; 
overflow : auto; 
border-right:10px solid white;
background-image : url(images/longlivre.jpg); }





#texte_home p { /* idem pour les paragraphes  l'accueil */
margin : 0 0 0 10px ; padding : 0; color : white; font-size: 13px;}



 /* BLOC CENTRE */ 

#centre { /* uniquement pour l'accueil */
background : transparent ; 
float : left ; 
margin-left : 0px ; 
height : 300px; 
width : 480px; 
overflow : auto;}


#centre_blanc {  /* bloc central de toutes les pages sauf accueil */
background : #fff ; 
float : left ; 
margin-left : 0px ; 
border-left :10px solid #fff; 
border-right :10px solid #fff; 
height : 300px; 
width : 445px; 
overflow : auto;
color : #000;}


/* Images */

img {
border:none;}

/* Images Galerie  */

#galerie img {
border:1px solid black;
margin-top : 10px;
margin-right:15px;
margin-bottom:40px;
}

/* Derniers tableaux galerie */
ul.derniers-tableaux li {font-size: 14px;}

/* Liste des thèmes de tableaux galerie */
ul.liste-themes {float: left; margin: 10px 80px 10px 20px; list-style-position:inside;}
ul.liste-themes li {font-size: 14px; font-weight: bold;}
ul.liste-themes2 li {font-size: 14px; font-weight: bold;;}





/* Autres Images */



/* Puces page contact */



.telephone {
background-image: url("images/telephone.gif");
background-position:  0% 0%;
background-repeat: no-repeat;
padding-left:20px;}

.mail {
background-image: url("images/mail.gif");
background-position:  0% 0%;
background-repeat: no-repeat;
padding-left:20px;}


/* Titres*/ 

h1.titre_accueil {
margin: 10px 0 15px 10px; 
border-bottom : none; 
color : white;
}

.titre_gauche { /* Titre de la colonne de gauche (Daniel Simon Peintures) */
margin: 10px 0 36px 10px; 
padding: 0; 
font-size : 16px; 
font-weight: bold;
color : white;}


h1 {  /* Titre des pages */
margin : 10px 10px 15px 0 ; 
padding : 0; 
font-size : 18px; 
border-bottom : 1px dotted #5C649F ; 
padding-bottom : 5px;
color : #5C649F ;}

h2 { /* Sous titre (page contact) */
font-size:16px;
}

h2.titre_theme {  /* Sous-titres pour les themes de la galerie */
font-size:14px;
background-image: url("images/palette.gif");
background-position:  0% 0%;
background-repeat: no-repeat;
padding-left:20px;
margin-top:25px;
}

h2.titre_expo {  /* Sous-titres noms des expositions */
font-size:15px;
font-weight : bold;
background-image: url("images/bullet_blue.gif");
background-position:  0% 0%;
background-repeat: no-repeat;
padding-left:17px;
margin-bottom:0;
margin-top: 20px;
}


/* Paragraphes */ 

p { 
padding : 0 ; 
margin-top : 5px ; 
margin-bottom : 0 ; 
margin-right : 10px;
font-size:15px;}


p.description_expo {
margin-left : 20px;
font-size:13px;
}

p.date_expo {
font-family: Trebuchet MS;
margin : 8px 0 2px 20px;
font-size:13px;
text-decoration: underline;;
}

li {font-size:15px;}

/* Liens */ 

a {color : #5C649F;}  
a:hover {color : #5C649F; text-decoration:none; } 



/* Livre d'or */

.pseudo {  /* Mise en gras des pseudos dans le livre d'or */
font-weight:bold;
}

.titre_msg { /* Toute l'en týte du message est souligný */
text-decoration:underline;}

hr {
color:grey;
background-color:grey;
height:1px;
border:0;}

.retour {
font-size: 11px;
margin-left: 140px;
font-weight: none;
}




/* FORMULAIRE */ 

input {
width : 275px ; 
margin : 0 0 5px 0;
}

textarea { 
margin : 0 0 10px 0 ;
 width : 275px ; 
}

legend {
font-size:12px;}

.captcha {
width: 32px;
margin: 0 0  5px 10px;
}

/* ADMIN */

.menu_expos {
font-size: 13px; }