html, body {
height : 100%;
}
body {
margin : 0;
padding : 0;
text-align : center;
font : 400 0.8em verdana, arial, sans-serif;
line-height : 160%;
color : #323218;
background : #fff url(../images/bg/body.jpg) repeat-x top left;
}
h1 {
padding : 0;
margin : 0 0 10px 0;
text-indent : -100em;
height : 40px;
}
h2 {
font : normal 1.8em georgia, serif;
color : #ff0000;
}
h3 {
font : normal 1.4em georgia, serif;
color : #46660c;
}
p {
padding-top : 0.15em;
padding-bottom : 0.15em;
}
a {
color : #7dae1e;
background : none;
}
a:hover {
color : #446601;
background-color : #f7f7f7;
}
acronym {
cursor : help;
border-bottom : 1px solid #c0c0c0;
}
ol {
padding : 0;
margin : 5px 27px;
}
ol li {
padding : 0;
margin : 0;
}
#content {
min-height : 100%;
height : auto !important ;
height : 100%;
max-width : 932px;
width : 932px;
margin : 0 auto;
text-align : left;
background : #fff;
}
#columns {
width : 100%;
float : left;
margin-bottom : 2.5em;
}
#header {
position : relative;
height : 136px;
background : #fff url(../images/hdr.jpg) no-repeat top left;
border-right : 1px solid #fff;
border-left : 1px solid #fff;
}
#header #homeLink {
position : absolute;
top : 0;
left : 0;
height : 90px;
width : 40%;
}
#header a:hover#homeLink {
background : none;
}
#header #logo {
position : absolute;
top : 0;
right : 0;
}
#header #menu {
position : absolute;
left : 0;
top : 113px;
padding : 0;
margin : 0 0 0 100px;
}
#header #menu a img {
border : 0;
}
#header #menu a:hover {
background : none;
}
#main {
margin : 20px 230px 20px 20px;
}
#single {
margin : -50px 7px 60px 0;
}
#single1 {
margin : -50px 20px 0 0;
}
#sideBar {
width : 207px;
float : right;
margin-top : 10px;
}
.picturesaccueil img {
padding : 0 0 0 0;
padding-bottom : 4px;
text-decoration : none;
border : 0;
}
.picturesaccueil img:hover {
text-decoration : none;
padding-bottom : 0;
}
#footer {
clear : both;
float : none;
width : 100%;
height : 40px;
text-align : center;
font-size : 0.9em;
color : #633900;
background : #fff;
border-top : 1px solid #dddcd4;
}
#footer a {
color : #633900;
}
#footer a:hover {
color : #323218;
background : #fff;
}
.curvyanim {
position : relative;
width : 170px;
height : 144px;
background : #f6b121;
color : #000;
margin : 15px 16px 65px 15px;
}
#ctl {
position : absolute;
width : 23px;
height : 20px;
color : #f6b121;
background : #fff;
overflow : hidden;
}
#cbl, #ctr, #cbr {
position : absolute;
width : 20px;
height : 20px;
color : #f6b121;
background : #fff;
overflow : hidden;
}
#ctl {
top : 0;
left : -3px;
}
#cbl {
top : 124px;
left : 0;
}
#ctr {
top : 0;
left : 150px;
}
#cbr {
top : 124px;
left : 150px;
}
#quadtl, #quadtr, #quadbl, #quadbr {
position : absolute;
font-size : 150px;
font-family : arial;
color : #c00;
line-height : 40px;
top : -1px;
}
#quadtl {
left : -5px;
}
#quadtr {
left : -25px;
}
#quadbl {
left : -8px;
top : -17px;
}
#quadbr {
left : -25px;
top : -17px;
}
#txt {
position : absolute;
top : 8px;
left : 25px;
width : 118px;
height : 102px;
}
#txt p {
font-size : 10px;
line-height : 17px;
color : #fff;
}
#txt img {
border : 1px solid #fff;
}
.date {
font-family : verdana, arial, sans-serif;
font-size : x-small;
color : #666;
margin-bottom : 10px;
font-weight : bold;
}
.form {
margin : 0 0;
padding : 0 10px;
background : #f7f7f2;
border : 1px solid #dddcd4;
}
.form p {
margin-top : 1.5em;
margin-bottom : 1.5em;
}
input, select, textarea {
font : normal 1em verdana, arial, sans-serif;
padding : 2px;
}
textarea {
width : auto;
}
.button {
padding : 1px 2px;
font-size : 1.1em;
color : #f7f7f2;
background : #5b7e18;
border-width : 1px;
border-style : solid;
border-color : #9acb3c #1f3a11 #1f3a11 #9acb3c;
}
img.linkBanner, a.linkBanner img {
vertical-align : middle;
padding : 0;
border : 0;
width : auto;
}
#contentForm {
display : block;
width : 640px;
margin : 0 0 0 20px;
padding : 25px;
border : 0 solid #625748;
background-color : white;
}
#contentForm p {
clear : left;
margin : 0;
padding : 5px 0 8px 0;
height : 1%;
}
label {
display : block;
float : left;
clear : left;
margin : 5px 0 10px 0;
width : 330px;
line-height : 120%;
}
input, textarea, select {
padding : 2px;
font-size : 13px;
color : #666666;
background : #f5f5f5;
border : 1px solid #ccc;
float : left;
display : block;
margin : 5px 0 10px 0;
}
input:focus, textarea:focus, select:focus {
border : 1px solid #999;
background-color : #ffffff;
}
textarea {
width : 295px;
height : 150px;
}
span.radio {
margin : 10px 0 0 5px;
}
input.button {
cursor : pointer;
font-weight : bold;
background : #ccc;
padding : 3px 3px 7px 3px;
color : #666;
border : 1px solid #666;
width : 90px;
height : 28px;
margin : 30px 10px 10px 0;
text-align : center;
}
input.button:hover {
font-weight : bold;
background : #fff;
padding : 3px 3px 7px 3px;
color : #666;
border : 1px solid #ccc;
width : 90px;
height : 28px;
margin : 30px 10px 10px 0;
text-align : center;
}
.fright {
display : block;
float : left;
}
.fright label {
width : 400px;
line-height : 160%;
margin : 0 !important ;
}
.fright input {
margin-right : 5px !important ;
}
span.required {
font-size : 13px !important ;
color : red !important ;
}
.errormsg {
display : block;
width : 90%;
height : 22px;
line-height : 22px;
color : #ffffff;
font-weight : bold;
background : #ff9d9d url(../images/stop.gif) no-repeat 10px center;
padding : 3px 10px 3px 40px;
margin : 10px 0;
border-top : 2px solid #ff0000;
border-bottom : 2px solid #ff0000;
}
#result {
position:fixed;
display: block;
top: 400px;
left: 20%;
width: 170px;
height: 100px;
background: transparent;
z-index:10000;
}
#result #subresult {
display : block;
width : 160px;
height : 80px;
background : #fff;
border : 1px solid #555;
color : #f00;
font-weight : bold;
padding : 4px;
}
#result #subresult3 {
display : block;
width : 160px;
height : 80px;
background : #dadfc9;
border : 1px solid #555;
color : #f00;
font-weight : bold;
padding : 4px;
}
#result #subresult1 {
display : block;
width : 160px;
height : 80px;
background : #f9efcb;
border : 1px solid #555;
color : #f00;
font-weight : bold;
padding : 4px;
}
#result #subresult2 {
display : block;
width : 160px;
height : 80px;
background : #cbeef9;
border : 1px solid #555;
color : #f00;
font-weight : bold;
padding : 4px;
}
#result #subsent {
display : block;
width : 160px;
height : 80px;
background : #b2ee8a;
border : 1px solid #555;
color : #333;
font-weight : bold;
padding : 4px;
}