@charset "utf-8";
/* CSS Maison Cauchie */
*{
border:0;
margin:0;
padding:0;
}

#box{
left:24px;
top:77px;
position:absolute;
z-index:1;
}
#boxx{
left:24px;
top:77px;
position:absolute;
z-index:2;
}

a{
text-decoration:none;
}
body {
/*background-image:url('../images/fond.png');*/
background:#C5CEBE;
font-family: Helvetica, Arial, sans-serif;
font-size:11px;
}
#container {
position:relative;
margin:0 auto;
top:10px; 
width:846px;
}
#header {
background:url('../images/fond-banner-top.png') no-repeat;
width:796px;
height:232px;
padding:15px 26px 0 24px;
}
#menu {
background:url('../images/fond-banner-menu.png') top left repeat;
padding:0 26px 0 24px;
height:33px;
}
#centre {
position:relative;
background:url('../images/fond-banner-contenu.png') top left repeat-y;
width:796px;
padding:0 26px 0 24px;
min-height:750px;
}
#colonne_gauche {
position:absolute;
width:186px;
left:36px;
padding-top:15px;
}
#colonne_centre {
width:545px;
margin-left:230px;
padding-top:15px;
}
#footer {
background:url('../images/fond-banner-bottom.png') bottom left no-repeat;
width:846px;
height:40px;
text-align:center;
}

/* ---- Tags HTML Default --------- */
h1 {
display:inline;
float:left;
margin-bottom:6px;
}
h2 {
color:#737066;
font-size:14px;
font-weight:bold;
line-height:15px;
margin-bottom:12px;
padding-left:26px;
background:url('../images/puce-titre-h2.gif') no-repeat;
}
h3 {
clear:both;
color:#A07BB0;
font-size:13px;
font-weight:bold;
padding:10px 0 5px 0;
}
h4 {
color:#A07BB0;
font-size:12px;
font-weight:bold;
margin:0 0 5px 45px;
text-decoration:underline;
}
h6 {
clear:both;
color:#A07BB0;
font-size:13px;
font-weight:bold;
line-height:15px;
margin-bottom:12px;
padding-left:26px;
background:url('../images/puce-titre-h2.gif') no-repeat;
}
p {
font-size:12px;
color:#737066;
text-align:justify;
padding:0 0 10px 0;
line-height:18px;
}
p.retrait {
font-size:12px;
color:#737066;
text-align:justify;
padding:0 20px 10px 0;
line-height:18px;
margin:0 0 0 45px;
}

/* ---- Colonne Centrale --------- */
#colonne_centre ul {
color:#737066;
line-height:18px;
list-style:none;
padding:10px 0 10px 10px;
font-size:12px;
}
/*#colonne_centre img {
float:right;
padding:3px 0 3px 10px;
}*/
#colonne_centre img {
float:left;
padding:3px 10px 3px 0;
}
#colonne_centre img.right {
float:right;
padding:3px 0 3px 10px;
}
#colonne_centre img.accueil {
float:right;
padding:0 10px 3px 0;
margin:0 0 0 15px;
}
#colonne_centre a{
text-decoration:underline;
color:#999;
}
#colonne_centre a:hover{
color:#907BB0;
}
#colonne_centre a:visited{
color:#aaa;
}
#colonne_centre a:active{
color:#000;
}
#colonne_centre ul{
padding:0;
margin:0;
}
#colonne_centre li.sitemaptitle {
padding-top:10px;
margin:0;
color:#333333;
}
#colonne_centre li.sitemaptitle a {
color:#333333;
}
#colonne_centre li.sitemap{
padding:5px 0 0 15px;
margin:0;
font-size:11px;
}
#colonne_centre li.sitemap a{
color:#737066;
}
#colonne_centre .ouvrage{
padding:10px 8px 0 8px;
background:#fcf2db;
width:245px;
height:133px;
float:left;
margin:0 0 17px 0;
}
#colonne_centre .ouvrage span{
background-repeat: no-repeat;
float:left;
margin:0 10px 0 0;
width:90px;
height:122px;
}
#colonne_centre .ouvrage div{
float:left;
width:145px;
}
#colonne_centre .ouvrage h3{
padding:0;
line-height:16px;
}
#colonne_centre .ouvrage p{
margin-top:5px;
line-height:14px;
font-size:11px;
text-align:left;
}
#colonne_centre .ouvrage p.auteur{
font-weight:bold;
margin:0 0 3px 0;
padding:0;
}
#colonne_centre .ouvrage a{
text-decoration:none;
}

/* ---- Box photo + légénde --------- */
.galerie_photo {
float:left;
width:100px;
height:60px;
margin:3px 9px 10px 0;
}
.photo_legende {
float:left;
margin:3px 9px 10px 0;
color:#A07BB0;
font-style:italic;
font-size:11px;
}
.photo_legende_right {
float:right;
margin:3px 0 10px 10px;
color:#A07BB0;
font-style:italic;
font-size:11px;
}
.photo_legende img {
float:none;
padding:0;
}
.photo_legende a {
display:block;
}
/* ---- Pictures BOX --------- */
#picturebox {
width:186px;
height:186px;
background:#DFDDBB;
border:1px solid #C6CEBE;
margin-bottom:15px;
}

/* ---- Atelier d'écriture BOX --------- */
#atelierbox {
width:186px;
height:100px;
background:#DFDDBB;
border:1px solid #C6CEBE;
margin: 15px 0 15px 0;
}

/* ---- Infos BOX --------- */
#infobox {
width:186px;
background:#DFDDBB;
border:1px solid #C6CEBE;
}
#infobox h4 {
border-bottom:1px solid #C6CEBE;
height:21px;
font-size:13px;
color:#fff;
padding:0 0 0 8px;
background:#A07BB0;
margin:0;
line-height:24px;
text-decoration:none;
}
#infobox h5{
font-size:11px;
padding:4px 5px 0 8px;
}
#infobox h5 a{
color:#A07BB0;
}
#infobox p{
font-size:11px;
color:#737066;
padding:2px 5px 5px 8px;
line-height:normal;
}
#infobox p a{
color:#737066;
}
#infobox p a:hover{
color:#A07BB0;
}

/* ---- Adress --------- */

address {
width:186px;
border-top:1px solid #737066;
margin:15px 0 0 0;
font-style:normal;
color:#A07BB0;
padding-top:8px;
}

/* ---- Adress --------- */

form {
width:186px;
border:1px solid #C6CEBE;
margin:15px 0 0 0;
font-style:normal;
color:#A07BB0;
background:#DFDDBB;
}

form h4 {
width:178px;
height:21px;
line-height:24px;
padding-left:8px;
margin:0 0 10px 0;
font-size:13px;
text-align:left;
background:#A07BB0;
color:#fff;
text-decoration:none;
}
input {
margin-left:8px;
border:1px solid #C6CEBE;
color:#A07BB0;
}
form p {
padding-bottom:3px;
}
/* ---- Menus --------- */
#menu ul {
position:absolute;
top:249px;
width:798px;
background:#A07BB0;
}
#menu li {
position:relative;
display:block;
float:left;
text-align:center;
}
#menu li.avec {
background:url('../images/puce-menu.gif') no-repeat 0 2px;
list-style-type: none;
}
#menu a {
color:#fff;
display:block;
float:left;
font-size:13px;
font-weight:bold;
height:33px;
line-height:31px;
position:relative;
text-decoration:none;
width:100%;
}
#menu a:hover {
background: #C5CDBE;
color:#A07BB0;
}

/* ---- Sous Menus --------- */
#sousmenu{
margin-bottom:15px;
}
#sousmenu ul{
list-style:none;
width:188px;
}
#sousmenu li{
background:#A07BB0;
border-top:1px solid #C5CDBE;
padding-bottom:0;
line-height:13px;
}
#sousmenu li a{
display:block;
text-decoration:none;
font-size:12px;
font-weight:bold;
color:#fff;
background:url('../images/puce-fleche-menu.gif') no-repeat 1px 1px;
padding:2px 0 1px 17px;
line-height:13px;
}
#sousmenu li a:hover{
color:#C5CDBE;
background:url('../images/puce-fleche-menu-hover.gif') no-repeat 1px 1px;
}
#sousmenu2 li{
background:#DFDDBB;
padding-left:12px;
}
#sousmenu2 li a{
display:block;
font-size:11px;
font-weight:normal;
color:#575955;
background:url('../images/puce-fleche-sous-menu.gif') no-repeat 1% 50%;
padding-left:17px;
}
#sousmenu2 li a:hover{
color:#A07BB0;
background:url('../images/puce-fleche-sous-menu-hover.gif') no-repeat 1% 50%;
}


/* ---- Menus Footer --------- */
#footer ul {
padding-top:6px;
}
#footer li {
display:inline;
list-style:none;
padding:0 4px 0 4px;
}
#footer li a {
text-decoration:none;
color:#A07BB0;
}
#footer li a:hover {
color:#575955;
}
/* ---- Langues --------- */
#header ul {
position:relative;
float:right;
list-style:none;
}
#header li {
padding-left:5px;
display:inline;
}