.externalLink{
    background: url(../images/external.png) center right no-repeat;
    padding-right: 10px;
    padding-top:10px;
    text-decoration: underline;
}

h1 {
    text-align:center;
}

#title{
    padding-top: 10px;    
    padding-bottom:5px;
    padding-left: 1em;
}

a{
    color:#564026;
    text-decoration: none;
}
.clear{
    clear:both;
}

a:hover{
    text-decoration: none;
    /*border-bottom: 1px dotted;*/
}

a:active{
    text-decoration: none;
    /*  border-bottom: 1px dotted;*/
}

.italic{
    font-style: italic;   
}

ul{
    padding-left: 2em;/*todo??*/
}

input[type=text], textarea{
    /*background-color: #E5E2CC;*/
    /*border: 1px solid #564026;*/
    font-size: 1.0em;
}

input[type=text]:hover, textarea:hover, input[type=text]:focus, textarea:focus{
    /*  background-color: #FFFFFF;*/
}

input[type=button], input[type=button]:hover, input[type=button]:focus {
    /*background-color:#E5E2CC;*/


}

input[type=submit]{
    font-size: 1.0em;
}
.bandeau{
    border:0px;
    max-height: 147px;
}

/****************formlaires***************************/
.formulaireContactHeader, .formulaireContactFooter{
    text-align: center;
}

.formulaireContactLoader{
    text-align: center;
}

.champValide{
    background: url(../images/champ-valide.gif) center left no-repeat;
    padding-left: 30px;
}

.champInvalide{
    background: url(../images/champ-invalide.gif) center left no-repeat;
    padding-left: 30px;
    color: #a51c22;
}

.libellesColonne{
    padding: 0.3em;
    background-color: #E5E2CC;
    color:  #564026;
    width: 120px;
}
.champsColonne{
    background-color: #E5E2CC;
    color:  #564026;
    border-style:solid;
    border-width:1px;
    border-color: #E5E2CC;
    width: 200px;
}
.validiteColonne{
    background-color: white;
    width:300px;
    color:  #564026;
}

.boutonCreationAlerte{
    background-color: #E5E2CC;
    width: 50px
}

.statusBarAlerte{
    background-color: white;
}

.statusBarAlerteBeige{
    background-color: #E5E2CC;
}

.envoi-reussi{
    /*  background: url(../images/champ-valide.gif) center left no-repeat;*/
    padding-left: 20px;
    color: #B7C400;
    font-weight: bolder;
}

/****************locale-component+menu***************************/
#locale-component-et-menu{
    background-color: #E5E2CC;
    min-width: 1024px;
    min-height: 30px;
}

/****************locale-component***************************/
#locale-component{
    float: left;
    padding-left: 1em;
    vertical-align: middle;
    background-color: #E5E2CC;
    padding: 0.2em 3em 0.2em 2em;
}

#locale-component a{
    text-decoration: underline;    
}

#locale-component a:hover{
    text-decoration: none;    
}

/****************menu***************************/
#menu ul {
    margin: auto;
    padding-left: 0;
    margin-left: 0;
    background-color: #E5E2CC;
    width: 100%;
    font-family: arial, helvetica, sans-serif;
}

#menu ul li {
    display: inline;
}

#menu ul li a {
    padding: 0.2em 1em;
    background-color: #E5E2CC;
    color: #564026;
    text-decoration: none;
    float: left;
    border-right: 1px solid #fff;
}

#menu a:hover {
    background-color: #564026;
    color: #fff;
}

#active {
    font-weight: bold;
}

/****************mini links***************************/
#mini-links { 
    width: 220px; 
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

#mini-links ul{
    margin-left: 0;
    padding-left: 0;
    list-style-type: none;
    font-family: Arial, Helvetica, sans-serif;
}

#mini-links a{
    display: block;
    padding: 3px;
    width: 220px;
    background-color: #E5E2CC;
    border-bottom: 1px solid #eee;
}

#mini-links a:link, #mini-links-list a:visited {
    color: #564026;
    text-decoration: none;
}

#mini-links a:hover{
    background-color: #564026;
    color: #fff;
}
/****************divers***************************/

.datagrid-galerie, .rf-dg-r, .rf-dg-body, .rf-dg-c, rf-dg{
    border-width:1px;
    border-style: dotted;
    border-color:transparent;
    padding: 0px;
}


.datagrid-galerie{
    position: relative;
    margin: auto;
    width: 600px;
}

.boite-bottom-center{
    width: 550px;
    margin-top: 15px;
    margin-left: auto;
    margin-right: auto;
}

.sculpture-illustration{
    float: right;
}


.dropcap:first-letter {
    float: left;
    font-size: 40pt;
    font: normal 40pt/0.8em Helvetica, Verdana, Arial, sans-serif;
    margin-right: 3px;
}

.biographie p, .commandes-personnalisees p, .actualites p{
    text-indent: 2em;
    margin-top: 0.80em;
}

.biographie .first-paragraph{
    text-indent: 0em;
}

.actualites-image-center{
    padding: 10px;
    text-align:center;
}

.image-avec-legende{
    overflow: hidden;
    position: relative;

}

.desc-center{
    text-align: center;
    display: block;
    font-size: 1em;
    background: #E5E2CC;
    filter:alpha(opacity=90);
    opacity:.90;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    color: #564026;
    position: absolute;
    bottom: 10px;
    left: 10px;
    width: 500px;
    margin: auto;
}

.table-accueil{
    width: 650px;
    border: 0px;
    padding: 0px;
}

.carre-blanc{
    width: 300px;
    height: 150px;/* todo was 250px */
    background-color:#ffffff;
    padding:2em;

}

.introduction{
    background-color: white;
    /*padding: 0em;
    height: inherit;*/
}

.carre-beige{
    width: 300px;
    height: 250px;
    background-color:#E5E2CC;
}

.carre-marron{
    width: 300px;
    height: 250px;
    background-color:#564026;
}

.composant-suggestion{
    width: 300px;
    background-color:#ffffff;    
    padding: 0;    
}

a.miniature-link {
    text-decoration: none;
    border-bottom: 0px;
}

a.mini-link {
    text-decoration: none;
    border-bottom: 0px;
}

a.miniature-link-text{
    font-weight: bold;
    width: 200px;
    height: 30px;
    display: block;
    text-decoration: none;
    text-align: center;
}

a.miniature-link-text:hover{
    text-decoration: none;
    border-bottom: 0px;
}


a.miniature-link .miniature-image{
    border-width: 1px;
    border-color: transparent;
    border-style: solid;
    text-decoration: none;
}

a.miniature-link:hover .miniature-image{
    border-width: 1px;
    border-color: #564026;
    border-style: solid;
    text-decoration: none;
}

/*
a.mini-link-inscription .mini-image{
    border-width: 1px;
    border-color: transparent;
    border-style: solid;
    text-decoration: none;
    filter:alpha(opacity=50);
    opacity: 0.5;
    -moz-opacity:0.5;
}

a.mini-link-inscription:hover .mini-image{
    border-width: 1px;
    border-color: transparent;
    border-style: solid;
    text-decoration: none;
    filter:alpha(opacity=100);
    opacity: 1;
    -moz-opacity:1;
}
*/

a.mini-link .mini-image{
    border-width: 1px;
    border-color: transparent;
    border-style: solid;
    text-decoration: none;
    filter:alpha(opacity=50);
    opacity: 0.5;
    -moz-opacity:0.5;
}

a.mini-link:hover .mini-image{
    border-width: 1px;
    border-color: #564026;
    border-style: solid;
    text-decoration: none;
    filter:alpha(opacity=100);
    opacity: 1;
    -moz-opacity:1;
}

a.mini-link-accueil .mini-image-accueil{
    border-width: 1px;
    border-color: transparent;
    border-style: solid;
    text-decoration: none;
}

.boiteTexte{
    background-color: #E5E2CC;
    font-style: italic;
    font-weight:bold;
    text-align: center;
    font-size:small;
    border-width: 1px;
    border-color: transparent;
    border-style: solid;
    padding: 3px 1em;
}

.suite{
    font-style: italic;
    font-weight:bold;
    text-align: right;
}

.formulaireInscription{
    padding-top:3px;
    border: none;
    border-top: 1px dotted black;
    background-color:#E5E2CC;
    position:absolute;
    margin-left: 724px;
    display: none;
    width:300px;
    height:200px;
    float: right;

}

.formulaireInscriptionSculpture{
    z-index: 50;
    padding:5px 5px 5px 5px;
    border: none;
    border: 1px dashed black;
    background-color:#E5E2CC;
    position:absolute;
    line-height: 1em;
    display: none;
    width:550px;
    float: left;
}

.infos{
    font-style: italic;
    font-size: 10pt;
}

.montrerFormulaireInscription, .fermerFormulaireInscription{
    cursor: pointer;
}

.fermerFormulaireInscription:hover{
    text-decoration:none;
    border-style: none;
}

.formulaireInscriptionTable{
    width:300px;
    height:200px;

    float: right;
    font-size:small;
    font-style: italic;
}

.container-desinscription{
    width: 900px;
    height: 30px;
    margin-top: 100px;
    background: #E5E2CC;
    padding: 5px 5px 5px 5px;
    font-style: italic;
    font-size: 12pt;
    margin-left: auto;
    margin-right: auto;
    border:1px dashed;
}

.inscriptionAccroche{
    font-weight: bold;
}

.inscriptionDescription{
    /*font-size: 10pt;*/
}

.inscriptionMention{
    font-size: 0.8em;
    max-width: 600px;
    display: block;
}


.formulaireFermer{
    float: right;
    font-weight: lighter;
}

.messageEmail{
    padding-left: 10px;
}

.boutonLiensErreur{
    padding: 1.5em;
    background-color: #E5E2CC;
    border-style: dotted;
    border-width: 1px;
}

.boutonInscription{
    font-weight: bold;
    display: block;
    padding: 3px;
    width: 100px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.boutonInscription a{
    display: block;
    padding: 3px;
    width: 100px;
    background-color: #E5E2CC;
    border-bottom: 1px solid #eee;
}

.boutonInscription a:hover{
    background-color: #564026;
    color: #fff;    
}

.accroche-suggestion{/* todo: remove */
    font-style: italic;
    font-size: small;
    font-weight: bold;
    display: block;
    padding: 3px;
    width: 100px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 1.5em;
}

.rf-pp-hdr{
    background: #E5E2CC;
}

.rf-pp-hdr-cnt{
    color:#564026;
    font-weight:bold;
    font-size:medium;
}

.rf-pp-cnt{
    color:#564026;
    font-size:medium;    
}

.rf-pp-shade{
    /*todo customize*/
}

.infos-sculpture{
    font-weight: lighter; font-size:medium;float:right;    
}