/*
 Color
------
rouge:          #82271c
rouge clair:    #8d392e
beige           #dad9b6


 * Reset
 * http://meyerweb.com/eric/tools/css/reset/
=============================================== */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin : 0;
	padding : 0;
	border : 0;
	outline : 0;
	font-size : 100%;
	vertical-align : baseline;
	background : transparent;
}
body { line-height : 1; }
ul { list-style : none; }
blockquote, q { quotes : none; }
blockquote:before, blockquote:after, q:before, q:after { content : ''; content : none; }
:focus { outline : 0; }
ins { text-decoration : none; }
del { text-decoration : line-through; }

html {background:#fff url(../images/bonrepos_base.jpg) 50% 0 no-repeat;height:100%;}
body {font: bold 75%/1.5 'Vollkorn',Arial, Helvetica, sans-serif;color:#3a1e1e;width:768px;margin:0 auto;
      min-height:100%;text-align:justify;}
body div.col {
-moz-column-count: 2;-moz-column-gap: 8em;-moz-column-rule: thin solid #ccc;
-webkit-column-count: 3;-webkit-column-gap: 8em;-webkit-column-rule: thin solid #ccc;
padding-bottom:2em;border-bottom:1px solid #ccc;}


#tete {background: url(../images/bonrepos_tete.png) 50% 0 repeat-y;width:768px;height:150px;position:relative;margin:0 auto;}
#corps {background: url(../images/bonrepos_corps.png) 50% 0 repeat-y;width:688px;padding:0px 40px;}
#contenu {padding:20px 0 0 35px;}
header, article, footer {  }
header {}

/* header */
#logis {position:absolute;top:0px; left:65px;}
#logo {position:absolute;top:0px; left:190px; }
/*q {position:absolute;top:20px; left:20px;font-size:3em;margin:0 0 0 20px;} */

/* menu */
#navigation {overflow:auto;clear: both;display:block;padding:118px 70px 0;}
    #navigation li {float:left;list-style: none}
    #navigation a {display:block;padding:5px 10px;
       text-transform:uppercase;text-decoration:none;}
    #navigation a:hover, #navigation a.actuel {background:#82271c;color:#dad9b6}

/* article */
article {}
    #article {margin:20px 0;width:59%;;float:left;}

/* aside */
aside {}
    #aside {text-align:left;background: #8d392e;border-left:1px solid #666666;float:left;margin:20px 0 0 33px;padding:0 20px;width:29.5%;color:#fff;font-weight:normal;}
        #aside a {color:#dad9b6;text-decoration: none}
        #aside ul, #aside ol {padding-left:15px;}
        #aside dt {border-bottom:1px solid #fff;margin-bottom:15px;}
        #aside dt a {font-weight:normal;}
/* footer */
#footer {position:relative; background: #82271c;border-top:1px solid #666666;margin:20px 0 20px;padding:20px 0;text-align:center;clear:both;color:#fff;}
    #footer a {color:#dad9b6;text-decoration: none}
    #logisFIL, #logis65 {position:absolute; top:15px}
    #logisFIL {left:15px;}
    #logis65 {right:15px;}
a {text-decoration:underline;color:#82271c;font-weight:bold;}

h1, h2, h3, h4 {color:#82271c}
h1 {font-size: 3em;padding:.3em 0 .5em;}
h2 {font-size: 1.6em;padding:.3em 0 .75em}
h3, dt {font-size: 1.8em;padding:1.2em 0 .75em}
p, li, dd {font-size: 1.2em;padding:0 0 .75em}
p a, li a, dd a {font-size: .8em}
ul, ol {padding-left:40px;}
ul {list-style-type:circle;}
ol{padding-left:40px;}
img {padding: 0 0 0;}
h1.center {text-align:center;padding:1em 0 1.5em ;}
.center {display:block;margin:0 auto;text-align:center}
.ombre {-moz-box-shadow: 1px 1px 12px #555;-webkit-box-shadow: 1px 1px 12px #555;filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=6);}
.rond { zoom: 1;-moz-border-radius: 5px;-webkit-border-radius: 5px;}
img.fleft {float:left;margin:0px 20px 0px 0}
img.fright {float:right;margin:10px 0 20px 40px}
.majuscules {text-transform: uppercase;}
.validation {background:#ffc;border:1px solid #fc0;padding:15px;margin-bottom:15px;color:#f00;}
.tal {text-align: left;}
.mTop {margin-top: 30px;}

label {display:block}
input, textarea {width:300px;}
textarea {height:200px;}
#envoyer {width:80px;}