html {
background: url('images/fond.jpg');
background-repeat: repeat-y;
background-position: top center;

}

* {
margin: 0;
padding: 0;
border: none;
list-style-type: none;
text-decoration: none;
font-family: verdana, sans-serif;
color: #323232;
font-size: 12px;
}

.hidden {
display: none;
}



/*************   HEADER   **************/
#header {
background: url('images/fond_top.jpg');
background-position: top center;
background-repeat: no-repeat;
height: 131px;
}

#home_url {
display: block;
width: 227px;
height: 131px;
margin: 0 0 0 10px;
background: url('images/logo.jpg');
}

#logo_val_dille {
float: right;
}


/**** menu dýroulant ****/
#access {
float: left;
width: 600px;
font-family: verdana;
font-weight: bold;
margin: 25px 10px 0 100px;
}

#access li {
float: left;
list-style-image: url('images/puce_menu.jpg');
}

#access li a {
width: 150px;
display: block;
color: #b5b5b5;
font-size: 18px;
}

.menu_deroulant {
display: none;
padding: 30px 0 0 0;
position: absolute;
z-index: 10;
}

.menu_deroulant ul {
width: 170px;
min-height: 50px;
background: url('images/fond_deroulant.png');
background-position: bottom center;
background-repeat: no-repeat;
padding: 0 0 25px 0;
}

.menu_deroulant ul li {
border-top: 1px dashed #565656;
width: 125px;
margin: 0 0 0 20px;
}

.menu_deroulant a {
color: #565656;
display: block;
font-size: 12px;
padding: 3px 5px;
margin: 5px 0;
}
.menu_deroulant a:hover {
background: #93278f;
font-weight: bold;
color: #fff;
}



/************* BANDEAU **************/
#bandeau {
height: 242px;
margin-top: 15px;
}


.thumb_diapo {
float: left;
height: 200px;
overflow: hidden;
}

.thumb_diapo img {
width: 475px;
display: block;
margin: 0;
}

.attach_diapo {
font-size: 14px;
font-weight: bold;
position: absolute;
top: 348px;
color: #fff;
margin: -2px 0 0 0;
background: #93278f;
}
.attach_diapo i {
font-size: 10px;
font-weight: normal;
color: #d76bda;
}
.thumb_diapo p {
width: 455px;
height: 40px;


padding: 2px 10px;
display: block;
}

#bandeau a {
color: #fff;
}











#newsletter .input-submit {
font-weight: bold;
padding: 2px 20px;
margin: 15px 0 0 30px;
background: #fff;
}
#newsletter .input-submit:hover {
background: #EEEEEE;
}

#newsletter .input-text {
width: 160px;
height: 17.5px;
background: url('images/input_fond.gif');
background-repeat: no-repeat;
background-position: top right;
padding: 5px 0 0 10px;
font-weight: normal;
}





h3 {
font-size: 24px;
font-weight: bold;
text-align: left;
}
h3 a {
font-size: 18px;
}

.post-edit-link {
background: #93278f;
padding: 5px 10px;
color: #fff;
}






#site-title {
float: left;
}













#container p, #container ul {
font-size: 12px;
line-height: 15px !important;
margin: 30px 10px;
}
#container ul li {
list-style-type: circle;
margin: 8px 0 8px 50px;
}

#container .alignleft {
float: left;
margin: 0 10px 5px 0;
}
#container .alignright {
float: right;
margin: 0 0 5px 10px;
}

blockquote {
margin: 15px;
padding: 10px;
border: 1px solid #323232;
}





#main, #wrapper {
margin: 0 auto;
width: 950px;
}

#main {
clear: both;
overflow-x: hidden;
overflow-y: hidden;
padding: 40px 0 0 0;
background: url('images/transition_top.jpg');
background-repeat: no-repeat;
background-position: top left;
}

#wrapper {
background: url('images/arrow_fond.gif');
background-repeat: no-repeat;
background-position: bottom right;
}

#container {
float: right;
margin: 0 -240px 0 0;
width: 100%;
}

#content {
width: 500px;
margin: 0 280px 0 20px;
}

#content {
margin-bottom: 36px;
}

#content, #content input, #content textarea {
color: #333333;
font-size: 16px;
line-height: 24px;
}


#primary {
float: left;
width: 215px;
min-height: 500px;
margin: 0px 0 0 15px;
}

.xoxo li {
background: url('images/center_side.jpg');
background-position: top left;
width: 201px;
}
.xoxo li ul, .xoxo li .textwidget {
background: url('images/bottom_side.jpg');
background-position: bottom right;
background-repeat: no-repeat;
width: 201px;
padding: 0 0 25px 0;
margin: 0 0 20px 0;
}
.xoxo li ul li {
background: none;
margin: 7px 0 7px 10px;
}
.xoxo li ul li a {
padding: 2px 15px 3px 5px;
}
.xoxo li ul li a:hover, .xoxo li ul li a.selected {
background: #93278f;
color: #fff;
}

.xoxo li h3 {
background: url('images/top_side.jpg');
background-position: top right;
background-repeat: no-repeat;
width: 188px;
border-left: 3px solid #d9e021;
font-size: 14px;
font-weight: bold;
color: #93278f;
padding: 0 0 0 10px;
margin: 0 0 10px 0;
}


#footer {
clear: both;
height: 187px;

text-align: center;
}

#colophon {
margin: 50px 0 0 0;
width: 100%;
height: 187px;
background: url('images/footer_fond.jpg');
background-repeat: no-repeat;
background-position: top center;
}
#colophon li {
float: left;
width: 33%;
}

#colophon #partenaires {
margin: 0 10px;
}

#colophon #partenaires img {
text-align: left;
margin: 70px 0 0 10px;
}

#colophon #site-info {
margin-top: 100px;
}
#colophon #site-info a {
font-size: 10px;
color: #636363;
}

#colophon #contact {
text-align: left;
width: 20%;
margin: 45px 0 0 50px;
border-left: 1px solid #BBBBBB;
}
#colophon #contact p {
width: 200px;
margin: 7px 0 7px 10px;
color: #636363;
}
#colophon #contact a {
color: #636363;
}
#colophon #contact a:hover {
font-weight: bold;
}

.xoxo #searchform .screen-reader-text {
display: none;
}

#searchform div {
background: url('images/input_recherche_fond.gif');
background-repeat: no-repeat;
background-position: top left;
}

.xoxo #searchform #s {
width: 123px;
background: transparent;
height: 17.5px;
padding: 5px 0 0 10px;
}
.xoxo #searchform #searchsubmit {
width: 28px;
height: 23px;
opacity: 0;
background: transparent !important;
border: none;
padding: -5px;
color: #fff;
margin: 0 0 0 -4px;
}

.entry-summary p {
margin: 10px !important;
line-height: 14px !important;

}

/************* POSTS **************/
.post {
margin: 5px 20px 20px 10px !important;
width: 500px;
min-height: 200px;
text-align: justify;
}

.home .post {
padding: 0 0 15px 0;
width: 500px;
text-align: center;
background: url('images/fondExtrait.jpg');
background-repeat: no-repeat;
background-position: bottom center;
}


.home .post h3 a {
background: #d9e021;
display: block;
width: 469px;
padding: 3px;
margin: 0px auto 0px auto !important;
}


.home .post h3 {
padding: 18px 0 0 0;
background: url('images/fondHautExtrait.jpg');
background-repeat: no-repeat;
background-position: top center;
margin: -17px auto 0px auto !important;
}
.home .post h2 a {
display: block;
width: 469px;
padding: 0;
margin: 0px auto 0px auto !important;
}
.home .post p {
text-align: left;
display: block;
width: 469px;
padding: 3px;
margin: 15px auto 0 auto !important;
}
.home .post p a {
background: #93278f;
padding: 5px 10px;
margin: 10px 0 0 300px;
width: 140px;
color: #fff;
display: block;
}

.gallery dt {
height: 150px;
}
.gallery dd {
height: 40px;
position: absolute;
width: 140px;
padding: 5px;
font-size: 11px;
margin: -50px 0 0 0;
color: #999999;
background: rgba(0,0,0,0.7) !important;
}
.gallery .gallery-item {
float: left;
margin: 10px;
border: 3px solid #CCCCCC;
}
.gallery .gallery-item:hover {
border: 3px solid #444444;
}



.post form {
width: 500px;
background: url('images/fondExtrait.jpg');
background-repeat: no-repeat;
background-position: bottom center;
padding-bottom: 20px;
}

.post form p {
margin: 15px !important;
}

.post form textarea, #respond form textarea {
border: 1px solid #DDDDDD;
padding: 10px;
height: 150px;
}

.post form .wpcf7-submit {
width: 80px;
height: 20px;
background: #93278f;
padding: 0px !important;
color: #FFFFFF !important;
margin-left: 250px;
}

.post form input, #commentform input {
width: 300px;
height: 17.5px;
font-size: 12px !important;
background: url('images/input_form_fond.gif');
background-repeat: no-repeat !important;
background-position: top left !important;
padding: 5px 0 0 10px;
margin: 5px 0 0 0;
font-weight: normal;
}


.gallery {
width: 530px;
background: #EFEFEF;
}


h2.entry-title {
font-size: 24px;
padding: 2px 0;
font-family: ;
margin: 0 0 15px 0;
color: #222222;
}

#reply-title, #comments-title {
border-bottom: 2px solid #93278f;
padding: 2px 10px;
height: 20px;
color: #93278f;
font-size: 16px;
margin-bottom: 0 !important;
}

#commentform p {
margin: 0 0 5px 0;
}

#commentform #submit {
background: #93278f;
padding: 2px 10px;
height: 20px;
margin-left: 250px;
color: #fff;
font-size: 12px;
}

#commentform .form-allowed-tags {
display:none;
}
#commentform label {
color: #93278f;
}

.comment-notes, .required {
font-style: italic;
color: #999999;
font-size: 12px !important;
}

.comment-form-email, .comment-form-url, .comment-form-author {
text-align: right;
}