/**
 * @version $Id: layout.css 10387 2008-06-03 10:59:16Z pasamio $
 * @author Design & Accessible Team ( Angie Radtke  )
 * @package Joomla
 * @subpackage Accessible-Template-Beez
 * @copyright Copyright (C) 2005 - 2008 Open Source Matters. All rights reserved.
 * @license GNU/GPL, see LICENSE.php
 * Joomla! is free software. This version may have been modified pursuant to the
 * GNU General Public License, and as distributed it includes or is derivative
 * of works licensed under the GNU General Public License or other free or open
 * source software licenses. See COPYRIGHT.php for copyright notices and
 * details.
 */


h1, h2, h3, h4{
      font-family: Geneva, Arial, Helvetica, sans-serif;
      font-weight:normal;
}

h1, h2{
      text-transform:uppercase; 
      padding:20px 0 25px 0; 
      color:#d1d0d0; 
      font-size:1em;
}


h3{
      text-transform:uppercase; 
      padding:20px 0 25px 0; 
      color:#d1d0d0; 
      font-size:1em;
}


h4{
      font-size:.8em;
      /*color:#bfbfbf;*/
color:#fba002;
      font-weight:bold;
}


a{color:#fba002; text-decoration:none;}
a:hover{color:#fba002; text-decoration:underline;}

h3 a{color:#d1d0d0;}
h3 a:hover{color:#d1d0d0; text-decoration:underline;}



p{line-height:1.6em;}


img{border:none;}


#header
{
	background:url(../images/bg-header.jpg) no-repeat;

}

#breadcrumbs
{
      color:#bfbfbf;
      font-size:.7em;
}

#onglets{
    
   margin:20px 0;
}

#onglets ul {
list-style-type:none;

}

#onglets ul li a
{
    display:block;
    color: #242422;
    font-size:0px;
    width:145px;
    height:27px;
}

#onglets ul li.item5 a{background:url(../images/menu/menu-accueil-a.png) no-repeat;}
#onglets ul li.item5 a:hover{background:url(../images/menu/menu-accueil-b.png) no-repeat;}
#onglets ul li#current.item5 a {background:url(../images/menu/menu-accueil-b.png) no-repeat;}

#onglets ul li.item27 a{background:url(../images/menu/menu-web-a.png) no-repeat;}
#onglets ul li.item27 a:hover{background:url(../images/menu/menu-web-b.png) no-repeat;}
#onglets ul li#current.item27 a {background:url(../images/menu/menu-web-b.png) no-repeat;}

#onglets ul li.item11 a{background:url(../images/menu/menu-flash-a.png) no-repeat;}
#onglets ul li.item11 a:hover{background:url(../images/menu/menu-flash-b.png) no-repeat;}
#onglets ul li#current.item11 a {background:url(../images/menu/menu-flash-b.png) no-repeat;}

#onglets ul li.item10 a{background:url(../images/menu/menu-peinture-a.png) no-repeat;}
#onglets ul li.item10 a:hover{background:url(../images/menu/menu-peinture-b.png) no-repeat;}
#onglets ul li#current.item10 a {background:url(../images/menu/menu-peinture-b.png) no-repeat;}

#onglets ul li.item6 a{background:url(../images/menu/menu-faience-a.png) no-repeat;}
#onglets ul li.item6 a:hover{background:url(../images/menu/menu-faience-b.png) no-repeat;}
#onglets ul li#current.item6 a {background:url(../images/menu/menu-faience-b.png) no-repeat;}

#onglets ul li.item8 a{background:url(../images/menu/menu-contact-a.png) no-repeat;}
#onglets ul li.item8 a:hover{background:url(../images/menu/menu-contact-b.png) no-repeat;}
#onglets ul li#current.item8 a {background:url(../images/menu/menu-contact-b.png) no-repeat;}

#onglets ul li.item28 a{background:url(../images/menu/look-a.png) no-repeat; margin-bottom:15px;}
#onglets ul li.item28 a:hover{background:url(../images/menu/look-b.png) no-repeat;}

#onglets ul li.item29 a{background:url(../images/menu/menu-liens-a.png) no-repeat;margin-top:25px;}
#onglets ul li.item29 a:hover{background:url(../images/menu/menu-liens-b.png) no-repeat;}

#liens{width:452px; margin-bottom:30px;}
#liens li{margin-left:365px; background:url(../images/puce2.jpg) no-repeat; font-size:0.9em; padding-left:20px;}
#liens dt{background:url(../images/bullet.jpg) no-repeat center left; font-size:0.88em; padding-left:20px; width:190px; padding-bottom:10px;}
#liens dd{float:right; width:175px; padding-right:60px; padding-left:0px;}
#liens dl a:hover{text-decoration:underline;}


#footer{
	text-align:center;
        font-size:.7em;
        padding-top:10px;
        padding-bottom:20px;
border-top:1px solid #313130;
}


/* ########################## TITRE envoi mail ############################ */
.contentheading{padding:20px 0; font-weight:bold;}

/* ########################## Banner WEB ############################ */



/* ########################## page WEB PORTFOLIO + autres titres ############################ */

.componentheading_web, .componentheading {text-transform:uppercase; padding:22px 0 25px 2px; color:#d1d0d0; font-size:1em;}



/* ########################## page galerie faience ############################ */

.sboxgallery {padding: 0 10px 30px 30px;}
#sboxth {padding: 0 5px 15px 0;text-align:center;font-size:10px;width:100px;}
#sboxth img {border: 1px solid #313130; padding:5px;}
#sboxth a:hover img {border: 1px solid #EB9603;} 



/* ########################## page galerie peinture ############################ */

a img, img { border: none; text-decoration: none; }
#page-wrap { width: auto; margin: 0 auto;  }
.photo-link {margin: 5px; border: 1px solid #313130; padding:5px; display: block; text-align:center; font-size:9px; text-decoration: none;}
.photo-link:hover{border: 1px solid #EB9603; text-decoration: none;}

#page-wrap{border-color: red; }


/* ########################## class editeur ############################ */
.img-gauche{
     float:left;
     margin:3px 15px 3px 0;
}

.img-droite{
     float:right;
     margin:3px 0 15px 15px;
}

.texte-justifie{text-align:justify;}

.blog1{width:390px;}

.espace-haut{margin-top:10px;}

.gris{color:#d1d0d0; padding-top:10px; font-size:.8em;}
.puce{
     background:url(../images/puce2.jpg) no-repeat; 
     font-size:.9em;
     padding-top:72px;
     margin-left:205px;
     padding-left:5px;

}

.ligne{border-bottom:1px solid #313130;}