/* bleu: #0079aa / gris foncé: #474747 / gris moyen: #808080 / gris clair: #bfbfbf */

* { padding:0; margin:0}
body { font-family:Tahoma, sans-serif; font-size:12px}
.clearer { clear:both}


/*header*/
.header { margin:20px auto 10px auto; background-color:#fff; width:990px; position:relative}
h1 a{ font-size:11px; color:#0079aa; font-weight:normal; text-decoration:none; background-image:url(img/logo.jpg); /*width:165px*/ 
width:151px; /*height:89px*/ height:19px; padding:70px 0 0 14px; background-repeat:no-repeat; display:block}
h1 a:hover { font-size:11px; color:#0079aa; font-weight:normal; text-decoration:underline; background-image:url(img/logo.jpg); /*width:165px*/ 
width:151px; /*height:89px*/ height:19px; padding:70px 0 0 14px; background-repeat:no-repeat; display:block}

/***menu***/
.menu { position:absolute; top:39px; right:0}
.menu li { float:left; list-style-type:none; margin-right:15px}
.menu li a { color:#474747; font-size:11px; padding:5px; text-decoration:none; display:block; height:14px; white-space:nowrap}
.menu li a.active { background-color:#474747; color:#fff}
.menu li a:hover { background-color:#808080; color:#fff}
.menu ul.catActu { position:absolute; top:32px; left:58px; height:21px}
.menu ul.catGalerie { position:absolute; top:32px; left:-307px; height:21px; width:780px;}


/*contenu*/
.content { margin:0 auto 0 auto; width:990px}
a { color:#0079aa; font-weight:bold}
a:hover { color:#fff}

/***page index***/
.categorie { height:402px; margin-bottom:12px;}
.categorie li { float:left; text-indent:-1900px; list-style-type:none}
.iPortraits a { display:block; background-image:url(img/portraits.gif); width:158px; height:402px; margin-right:8px}
.iPaysages a { display:block; background-image:url(img/paysages.gif); width:158px; height:402px; margin-right:8px}
.iNatures a { display:block; background-image:url(img/naturesmortes.gif); width:158px; height:402px; margin-right:8px}
.iReproductions a { display:block; background-image:url(img/reproduction.gif); width:158px; height:402px; margin-right:8px}
.iOriginales a { display:block; background-image:url(img/oeuvresoriginales.gif); width:158px; height:402px; margin-right:8px}
.illustrations a { display:block; background-image:url(img/illustrations.gif); width:158px; height:402px}

/***page actualités***/
.demiG, .demiD { float:left; /*width:489px*/ width:449px; /*min-height:293px*/ min-height:253px; background-color:#bfbfbf; padding:20px}
.demiG { margin:0 12px 12px 0}
.demiG img, .demiD img { width:127px; height:198px; float:left; margin-right:10px}
h2 { font-size:14px; font-weight:bold; margin-bottom:20px}
p { text-align:justify; line-height:1.3}
p b { text-align:left;}
i { font-size:11px}

/***page galerie***/
.scrollable { background-color:#474747; height:455px; width:100%; position:relative; overflow:hidden; padding:20px 0}
.scrollable ul.items { position:absolute; width:2000000px; height:455px;}
.scrollable ul.items li {list-style-type:none; float:left; margin:0 20px; display:inline-block}
.scrollable ul.items li img { float:left}
.scrollable ul.items li p { background-image:url(img/galerie-fd.gif); background-repeat:repeat-y; background-color:#5f5f5f; width:193px; height:404px; float:left; color:#fff; padding:15px; margin:10px 0}
.left, .right, .first, .last, .play { background-color:#474747; color:#fff; font-size:11px; text-decoration:none; display:block; float:left; padding:5px; margin:10px 0 0 5px}
.first { margin-left:20px}
.tooltip {color:#999999; margin:15px; display:block; float:left}
a.cach { display:none}

/***page presentation***/
.entier { background-color:#bfbfbf; padding:25px 20px; margin-bottom:12px}
.entier img { margin-right: 20px; float:left}

/***page contact***/
.contact {  width:520px; display:block; float:left}
.contact label { display:block; margin-bottom:5px}
.contact input { width:292px; height:19px; margin-bottom:15px; padding:2px}
.contact textarea { width:452px; height:149px; padding:2px}
a.envoi { background-image:url(img/envoi-bt.gif); width:115px; height:21px; display:inline-block; text-indent:-1900px; margin-top:10px}
input.error { border:red 2px solid; color:red}
label.error {  background-color:red; color:#fff; margin-top:-15px; padding:4px; font-weight:bold; width:292px; display:block}


/*footer*/
.footer { margin:auto; width:990px}
.footer a { float:right; outline:none; margin-top:10px}
.footer a img { border:none}