/**************************
Keyven Ferland
http://www.keyvenferland.com
Default Stylesheet
**************************/

/* =General-----------------------------------------------------------------------------*/

p{margin: 0;padding: 0;}
ul{margin: 0;padding: 0;list-style: none;}
.clear{ /* Class for clearing floats */clear:both;}
img{ /* Remove border around linked images */border: 0;}

/* =Typography-----------------------------------------------------------------------------*/

html { background: #4C889A url('../../img/bg.gif') repeat-x top left;}
body {margin: 0; font-family: Arial, Helvetica, sans-serif; font-size: 10pt; background: transparent url('../../img/bg-wrap.gif') no-repeat top center; }

/* =Headings-----------------------------------------------------------------------------*/

h1, h2, h3, h4, h5, h6{margin: 0; padding:0;  color: #FF8B00;  font-weight: normal; font-family: Georgia, "Times New Roman", Times, serif;}
h1{font-size: 160%; padding: 18px 0 6px 0; color: #4C889A;}
#contentWrap #content h1 a{ text-decoration: underline; color: #FF8A00; font-weight: normal; }
#contentWrap #content h1 a:hover{ text-decoration: none; color: #FF8A00; font-weight: normal; }
#joindre h1{font-size: 160%; padding: 18px 0 6px 0; color: #E5E0DC;}
h2{font-size: 115%; color: #8C8884;  padding: 18px 0 6px 0; font-weight: bold;}
h3{font-size: 115%; color: #4C889A;  padding: 4px 0; font-weight: bold;}
h4{font-size: 120%;}
h5{font-size: 100%; padding-top: 20px; font-family: Arial, Helvetica, sans-serif; color:#847F7B; border-bottom: 1px solid #EDE7E3;}
h6{font-size: 100%;}

/* =Links-----------------------------------------------------------------------------*/

a{color: #FF8A00;  text-decoration: underline;}
a:hover{ color: #FF8A00; text-decoration: none;}

/* =Main Nav-----------------------------------------------------------------------------*/

#nav{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 80%; width: 840px; height: 40px; padding: 28px 0 0 0; background: transparent url('../../img/bg-nav.gif') no-repeat top center; }
#nav img a{ padding: 0; margin: 0; }
#nav ul{ margin: 0 0 0 20px; padding: 0; width: 840px; list-style: none;}
#nav li { margin: 0; padding: 0; display: inline; float: left; height: 40px; }
#nav li img a{ color: #fff; margin: 0; padding: 0; text-decoration: none; }
#nav li a:hover{ text-decoration: none; color: #0D76B6;}

/* =Class-----------------------------------------------------------------------------*/

.left { float: left;}
.right { float: right;}

/* =Wrap-----------------------------------------------------------------------------*/

#wrap{ position: relative; width: 840px; padding: 0 130px; margin:0 auto; }
#contentWrap{ float: left; width: 840px; padding: 0; margin: 0; clear: both; border-top: 4px solid #FF8B00; background: transparent url('../../img/bg-content-wrap.gif') repeat-y top center;}
#insideWrap{ float: left; width: 840px; padding: 0; margin: 0; clear: both; border-top: 4px solid #FF8B00; background: transparent url('../../img/bg-inside-wrap.gif') repeat-y top left;}

/* =Header-----------------------------------------------------------------------------*/

#header{ position: relative; width: 840px; height: 129px; margin: 0 auto; background: transparent url('../../img/bg-top.jpg') no-repeat bottom right;}
#header img{ position: absolute; top: 24px; left: 25px;}

/* =Main Content-----------------------------------------------------------------------------*/

#contentWrap #content{ color: #555555; margin: 0; padding:20px; width: 380px; float: left; background: #fff url('../../img/bg-content.gif') repeat-x top center; }
#contentWrap #content p{ font-size: 90%; padding: 6px 0; text-align: left; color: #333; line-height: 18px;}
#contentWrap #content span{ font-size: 90%; padding: 6px 0; text-align: left; color: #847F7B;}
#contentWrap #content img{ padding: 0; margin: 0; }
#contentWrap #content ul{ list-style:disc; margin: 0 0 0 30px; padding: 15px 0 18px 20px; line-height: 14px;}
#contentWrap #content ul li{ padding: 0; margin: 0; }

#contentWrap #content #archives .news{ padding: 10px 0; margin: 0; width: 380px;  border-bottom: 1px solid #EDE7E3; color:#847F7B; float: left; clear: both; }
#contentWrap #content #archives .title{ float: left; width: 205px; }
#contentWrap #content #archives .title p{ padding: 0; line-height: 14px;}
#contentWrap #content #archives .date{ float: right; width: 175px;}
#contentWrap #content #archives .date p{ padding: 0; color: #847F7B; text-align: right; }

#contentWrap #colomn{ color: #555555; margin: 0; padding:0; width: 420px; float: right; background: #493E39 url('../../img/bg-colomn.gif') repeat-x top center; }
#contentWrap #colomn img{ padding: 0; }
#contentWrap #colomn a{ font-size: 85%;}
#contentWrap #colomn a:hover{ }

#contentWrap #colomn #col01{width: 259px; float: left; padding: 0 10px; margin: 14px 0; border-right: 1px solid #755C52;}
#contentWrap #colomn #col01 p{ color: #B9B4B1; padding: 5px 0 0 0;}
#contentWrap #colomn #col01 a img{ margin: 5px 0; border: 1px solid #493E39;}
#contentWrap #colomn #col01 a:hover img{ border: 1px solid #FF8B00;}

#contentWrap #colomn #col02{width: 128px; float: right; padding: 0 6px; margin: 14px 0; }
#contentWrap #colomn #col02 ul{ background-color: #3A322D; margin: 10px 0;}
#contentWrap #colomn #col02 li{ border-bottom: 1px solid #493E39; line-height:10px; }
#contentWrap #colomn #col02 li a{ text-decoration: none; display: block; padding:2px 25px 2px 5px; background: #3A322D url('../../img/img-puce-horaires.gif') no-repeat center right;}
#contentWrap #colomn #col02 li a:hover{background-color: #493E39;}

/* =Inside Content-----------------------------------------------------------------------------*/

#insideWrap #content{ color: #555555; margin: 0; padding:20px; width: 520px; float: left; background: #fff url('../../img/bg-content.gif') repeat-x top center; }
#insideWrap #content p{ font-size: 90%; padding: 3px 0; text-align: left; color: #333; line-height: 18px;}
#insideWrap #content span{ font-size: 90%; padding: 6px 0; text-align: left; color: #847F7B;}
#insideWrap #content img{ padding: 0; margin: 0; }
#insideWrap #content h1{ clear: both;}
#insideWrap #content ul{ list-style-image:url('../../img/img-puce-star.gif'); margin: 0 0 0 10px; padding: 7px 0 7px 20px; line-height: 20px;}
#insideWrap #content ul li{ padding: 0; margin: 0; }

#insideWrap #content .photos { width:260px; float: left; }
#insideWrap #content .photos img{ border: 1px solid #C5C0BD; background-color: #F0EBE7; padding:4px;  margin: 4px 0;}
#insideWrap #content .photos p{ font-size: 85%; padding: 0 0 15px 5px; line-height:12px; color: #4C889A;}
#insideWrap #content .photos .print { float: left; width: 25px; margin-right: 5px;}
#insideWrap #content .photos .print img{ background-color: #fff; border: none;}

#insideWrap #content ul.cedule { list-style-image:url('../../img/img-puce-link.gif'); margin: 0 100px 0 10px; padding: 7px 0 0 20px; line-height: 20px; }
#insideWrap #content ul.cedule li{ padding: 6px 4px; margin: 0; line-height: 14px; border-top: 1px solid #EDE7E3; background: transparent url('../../img/bg-ul.gif') repeat-x top center; }
#insideWrap #content ul.cedule li span{ font-size: 85%;}

#insideWrap #content #adresse{ width:100px; float: left; padding-left: 20px;}

#insideWrap #colomn{ color: #555555; margin: 0; padding:0; width: 280px; float: right; background: #493E39 url('../../img/bg-colomn.gif') repeat-x top center; }
#insideWrap #colomn img{ padding: 0; }
#insideWrap #colomn a{ font-size: 85%;}
#insideWrap #colomn a:hover{ }

#insideWrap #colomn #col01{width: 260px; float: left; padding: 0 10px; margin: 14px 0;}
#insideWrap #colomn #col01 p{ color: #B9B4B1; padding: 5px 0 0 0;}
#insideWrap #colomn #col01 a img{ margin: 5px 0; border: 1px solid #493E39;}
#insideWrap #colomn #col01 a:hover img{ border: 1px solid #FF8B00;}

/* =Forms-----------------------------------------------------------------------------*/

#joindre{ float: left; clear: both; width: 259px; margin-left:10px; }

form{ padding: 0; margin:0 0 0 10px;}

.field { background-color: #302924; width: 230px; height: 18px; padding: 4px 0 0 5px; margin: 2px 20px 10px 0; color: #B9B4B1; border: 1px solid #6C5A53; }
.comments { background-color: #302924; width: 230px; height: 100px; padding: 4px 0 0 5px; margin: 2px 20px 10px 0; color: #B9B4B1; border: 1px solid #6C5A53;}
.infos label { font-size: 12px; color: #B9B4B1;  font-weight: bold; text-align: left;}
.submit { width: 73px;	height: 30px; padding-bottom: 5px; font-size: 12px;	font-weight: bold; color: #000; cursor: pointer; border: none; background: transparent url('../../img/bt-send.gif') no-repeat top center; float: left; }

/* =Footer-----------------------------------------------------------------------------*/

#footer{ clear: both; position: relative; height: 25px; margin: 0 auto; margin-bottom: 50px; border-bottom: 1px solid #0E0B0A; border-top: 1px solid #584B45; padding:0; width: 840px; position: relative; background-color: #302924;}
#footer p{ color: #9B8E86; font-size: 85%; padding: 6px 20px 6px 0; text-align: right;}


/* BOITE ERREUR */
h5.msgError {
background:#FDF9BC url("error.gif") no-repeat 20px 5px;
border:2px solid #FF9F00;
color:#FF9F00;
display:block;
font-size:16px;
margin:5px;
padding:5px 5px 5px 90px;
text-align:left;
}
h5.msgError div {
border-left:1px solid #FF9F00;
padding-bottom:10px;
padding-left:10px;
}
h5.msgError div span {
color:#666666;
display:block;
font-size:12px;
font-weight:normal;
padding:4px 0px 0px;
}