@charset "ISO-8859-1";
/* CSS Document */

body{
  background-color: #333333;
  font-family: Arial, sans-serif;
  font-size: 14px;
}

img{
   border:0px;
}

#wrapper{
   width: 980px;
   margin: 0 auto;
   background-image: url(images/wrapper_bg.jpg);
   background-repeat: repeat-y;
}

#header{
   background-image:url(images/snda_header.jpg);
   background-repeat: no-repeat;
   height: 286px;
}

#logos{
   margin-left: 20px;
   margin-right: 20px;
   width: 940px;
}

#navigation{
   background-image:url(images/menu_bg.jpg);
   background-repeat: no-repeat;
   background-position: bottom;
   height: 63px;
}

#menu_dropdown{
   margin-left: 20px;
   margin-right: 20px;
}

ul.menu {
   list-style:none; 
   margin:0; 
   padding:0
}

ul.menu * {
   margin:0; 
   padding:0
}

ul.menu a {
   display:block; 
   color:#ffffff; 
   text-decoration:none;
   
}

ul.menu li {
   position:relative; 
   float:left; 
}

ul.menu ul {
   position:absolute; 
   top:37px; 
   left:0; 
   background:#d1d1d1; 
   display:none; 
   opacity:0; 
   list-style:none
}

ul.menu ul li {
   position:relative;
   width:100%; 
   margin:0
}

li .underline {
   border-bottom:1px solid #ffffff;
}

ul.menu ul li a {
   display:block; 
   padding-top: 6px;
   padding-bottom: 6px; 
   background-color:#6699cc;
   text-align: center;
}

ul.menu ul li a:hover {
   background-color:#ccccff;
   color: #000000;
}

ul.menu ul ul {
   left:148px; top:-1px
}

ul.menu .menulink {
   background:url(images/header.gif);
   line-height: 32px;
   height: 37px;
   text-align: center;
   font-size:20px;
}

ul.menu .menulink:hover, ul.menu .menuhover {
   background:url(images/header_over.gif);
}

ul.menu .sub {
   background:#d1d1d1 url(images/arrow.gif) 136px 8px no-repeat;
}

#content{
	margin-left: 45px;
	margin-right: 45px;
	overflow: hidden;
}

#main_content{
   width: 620px;
   float: left;
}

#main_content a{
   color:#006699;
   text-decoration: none;
   font-weight: bold;
}

#main_content a:hover{
   color:#006699;
   text-decoration: underline;
   font-weight: bold;
}

h1{
   font-size: 24px;
   font-weight: normal;
   color: #333333;
   margin-top: 10px;
   margin-bottom: 10px;
}

h2{
   font-size: 20px;
   font-weight: normal;
   color: #006699;
   margin-top: 10px;
   margin-bottom: 10px;
}

h3{
   font-size: 18px;
   font-weight: normal;
   color: #006699;
   margin-top: 5px;
   margin-bottom: 5px;
}

input,form{
	margin:0px;
	padding:0px;
}

p{
   margin-top: 0px;
   margin-bottom: 10px;
}

hr{
   background-color: #e7e7e7;
   border: 0px;
   height: 2px;
   margin-top: 20px;
   margin-bottom: 20px;
}

.msg_green{
   font-size: 18px;
   color: green;
   margin-bottom: 20px;
   border: 2px green solid;
   padding: 5px;
   text-align: center;
}
.msg_red{
   font-size: 18px;
   color: red;
   margin-bottom: 20px;
   border: 2px red solid;
   padding: 5px;
   text-align: center;
}

#div_diapo{
   width: 620px;
   height: 336px;
   background-image: url(images/diapo_bg.jpg);
   background-repeat: no-repeat;
   margin-top: 20px;
}

#div_diapo_img{
   padding: 17px;
   width:400px;
   height: 300px;
   float:left;
}

#div_diapo_txt{
   width:140px; 
   float:right; 
   margin:70px 30px 0px 0px;
   color: #666666;
   line-height: 20px;
}

#diapo_h1{
   font-size: 20px;
   font-weight: normal;
   color: #333333;
   margin: 0px;
}

.car_picture{
   margin-left: 35px;
   padding:5px;
   cursor:pointer;
}

.car_txt{
   color: #666666;
}

#occasions{
   background-image:url(images/occasions_bg.jpg);
   background-repeat: no-repeat;
   width: 246px;
   height: 406px;
   margin-left: 640px;
   text-align: center;
}

#occasions_list{ 
   text-align: center; 
   line-height: 25px;
   font-size: 13px;
}

#occasions_detail{
   clear: both;
   margin-top: 20px;
}

.block{
   background-image: url(images/block_bg.jpg);
   background-repeat: repeat-y;
}

.block_content{
   padding-left: 20px;
   padding-right: 20px;
}

.block_content_occases{
   padding-left: 3px;
   padding-right: 3px;
}

.block_top{
   background-image: url(images/diapo_bg.jpg);
   background-color: #FFFFFF;
   background-position: top;
   background-repeat: no-repeat;
   height: 40px;
   padding-top: 10px;
   padding-left: 20px;
}

.block_bottom{
   background-image: url(images/diapo_bg.jpg);
   background-position: bottom;
   background-repeat: no-repeat;
   height: 40px;
   padding-left: 20px;
}

#news{
   padding-top: 24px;
   margin-bottom: 10px;
   clear: both;
   overflow: hidden;
}

#actualites{
   background-image: url(images/news_bg.jpg);
   background-repeat: no-repeat;
   width: 413px;
   height: 267px;
   padding-top: 20px;
   padding-left: 20px;
   float: left;
}

#actualites_txt{
   float: left;
   width: 390px;
   height: 226px;
   padding-right: 20px;
   overflow: auto;
}

.news_date{
   font-size: 12px;
   font-weight: bold;
   color: #AAAAAA;
   letter-spacing: 1px;
}

#atelier{
   background-image: url(images/news_bg.jpg);
   background-repeat: no-repeat;
   width: 413px;
   height: 267px;
   padding-top: 20px;
   padding-left: 20px;
   margin-left: 450px;
}

#atelier_txt{
   float: left;
   width: 390px;
   height: 226px;
   padding-right: 20px;
   overflow: auto;
}

#footer{
   background-image:url(images/footer_bg.jpg);
   background-color:#333333;
   background-position: top;
   background-repeat: no-repeat;
   height: 60px;
   color: #FFFFFF;
   text-align: center;
   font-size: 14px;
   padding-top: 30px;
   clear: both;
}