/* blocs */
html  {
    font-size:          12pt;
    font-family:        Georgia;
	background:			#F1F1ED url('images/background.jpg') repeat top left;
}

#wrapper {
    width:              1000px;
    margin:             30px auto 30px auto;
	border:				5px solid #CCCCCC;
}

#header {
    background-color:   #990000;
    margin:             0 auto 0 auto;
    padding:            10px;
}

#main {
    background-color:   white;
    margin:             0 auto 0 auto;
    padding:            20px 50px 30px 50px;
}

#contenu {
    float:              left;
    width:              65%;
}

#livredor {
    background-color:   #990000;
    float:              left;
    width:              34%;
}

.clearer {
    clear:              both;
    height:             0;
}

#footer {
    background-color:   black;
    margin:             0 auto 0 auto;
    padding:            10px;
}

/**********************************************************************/
/** CONTENU **/

/* HEADER */
h1 {font-size:28pt;font-variant:small-caps;padding-left:20px;}
h2 {font-size:17pt; font-variant:small-caps; padding:10px 0}
.lettrine {font-size:170%;}

#header a {color: white; text-decoration:none; font-weight:bolder}
#header a:hover{color: #CCCCCC;}

#menu {float:right;}
#menu li {display:inline;margin:0 20px;}

/* MAIN */
#main h2 {color:#990000;}
h2:first-letter {font-size:150%;}

/* LIVRE D'OR */
#livredor {color:white; border:3px solid #CCCCCC;}
#livredor h2 {color:white; text-align:center;}
.msg,#pages {margin:0 15px; background-color:#700000;}

.msg .auteur {font-style:italic;}

.auteur:first-letter, #pages:first-letter {font-size:150%}
#pages {margin:15px;padding:10px 0;}
.page_other {font-size:150%; color:white;text-decoration:none;}


/* CONTENU */
h3 {font-size:15pt; font-variant:small-caps;}
#contenu img {border:2px solid black}


/* FRAGMENTS */
/*= accueil =*/
#accueil {text-align:center; padding:20px 10px 10px 10px;}
.zoom {font-size:8pt; float:right; margin:5px 20px 0 0}
.zoom a {text-decoration:none; font-weight:bolder}
.zoom:before{content:"(";font-size:12pt;}
.zoom:after{content:")";font-size:12pt;}

/*= toutes citations =*/
#citations {list-style-type:none;}
#citations li {text-align:justify; padding :7px 0px; margin-right:50px;}

/*= biographie + dernieres news =*/
#biographie {
    float:left;
    width:50%;
    text-align:justify;
    text-indent:20px;
}
#photo_bio {float:left; width:49%;}
#photo_bio img {margin:15px 0 0 30px;}
#techniques {margin:20px 20px 0 0;text-align:justify}

#news {margin-top:30px;}
#toutesActus {font-size:8pt; float:right; margin:5px 20px 0 0; font-variant:small-caps;}
#toutesActus a {text-decoration:none; font-weight:bolder}
#toutesActus:before{content:"(";font-size:12pt;}
#toutesActus:after{content:")";font-size:12pt;}

.actu,.actu_pair {padding:5px; margin-right:30px;background-color:brown}
.resumeActu {float:left; width:80%;}
.zoomActu {float:right; width:10%;}
.zoomActu a {text-decoration:none;font-variant:small-caps;}

/*= actu en particulier =*/
.resultat {padding:5px 15px; border:2px solid #990000;  margin-right:30px;}
#date_news {font-size:11pt}
#une_news {padding:5px; font-style:italic; text-indent:30px; background-color:#CACACA}

/*= contact =*/
#contact {border:5px dashed #CCCCCC; margin-right:30px; padding:5px 15px;}
#contact p {padding:10px; text-align:justify;}
#contact a {text-decoration:none; font-weight:bolder; color:#990000}
#contact #antispam {font-size:10pt;font-style:italic; text-align:right;}


/*= ajout message au livre d'or =*/
.formulaire {padding:0 20px 0 0;}
.input label {float:left; width:50%; border-bottom:1px dashed #CCCCCC;}
.input input, .input textarea {float:left; width:45%; border:2px solid #CCCCCC}
.submit input {float:right; margin:10px 50px 0 0; width:20%; border:2px solid black;}
.error_input {color: red; font-size: 14pt;}
.livredor_clearer {clear:both; height:10px;}

/*= liens =*/
#liens {list-style-type:none;}
#liens li {padding: 10px 5px; border-bottom:1px dashed #990000; margin-right:30px;}
#liens a {text-decoration:none; font-weight:bolder; color:black;}
#liens a:hover{color: #CCCCCC;}

/*= galeries =*/
#categories {list-style-type:none;}
#categories li {padding: 10px 5px; border-bottom:1px dashed #990000; margin-right:30px;}
#categories a {text-decoration:none; font-weight:bolder; color:black;}
#categories a:hover{color: #CCCCCC;}

/*= peintures en diapo =*/
#miniatures {padding: 10px; margin-right:30px;}
#miniatures td {padding:10px;}

#highslide-gallery a:hover img {
	border: 5px solid #990000;
	border-width: 5px 5px 20px;
	color: black;
}
#highslide-gallery a:hover { color: #990000; }

/*= peinture particuliere =*/
#image {text-align:center; margin:50px 0;}
#images_navigation {list-style-type:none;}
#images_navigation li {display:inline; padding:2px;}
#images_navigation a {text-decoration:none; font-weight:bolder; color:#990000;}

#descriptionTableau {padding:10px; text-indent:30px; text-align:justify; margin-right:30px;}

/* FOOTER */
#footer {color:#CCCCCC}
#footer p {text-align:center;font-size:13pt;text-decoration:none;}
#footer a, #footer a:hover{color: #CCCCCC;}
.footer_caps {font-variant:small-caps;}