* { margin: 0; padding: 0; }

body { background: #d3d2d0 url('texture-content.gif') top; color: #525568;
	   font-family: Arial, Helvetica, sans-serif;  font-size: .8em; text-align: center; }

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

.clear	{ clear: both; }

ol, ul {list-style: none; }

a { outline: 0; }

a img { border: none;}

.thumbnail { margin: 0 0 10px 10px; }

h1 { font-family: georgia, serif; font-size: 18px; color: #6d6d6d; border-bottom: 1px solid #6d6d6d; padding-bottom: 9px; }
.deco-title { border-bottom: 1px solid #6d6d6d; padding-bottom: 1px; }
h2 { font-family: georgia, serif; font-size: 16px; }

h4 { font-family: georgia, serif; font-size: 12px; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }

p { margin-bottom: 10px; }

#pub-intro { position: absolute; z-index: 20; width: 360px; height: 535px; top: 50%; left: 50%; margin-top: -267px; margin-left: -180px; }

#close-pub:link, #close-pub:visited { height: 38px; line-height: 38px; display: block; width: 85px; background: #fff url('fileclose.png') 4px 4px no-repeat; text-align: right; float: right; padding-right: 4px; color: #ff0000; font-weight: bold; text-decoration: none;}

#close-pub:hover, #close-pub:active {text-decoration: underline;}

#globale { background: url('texture.gif') top repeat-x; }

#page { width: 921px;margin: 0 auto; text-align: left;}
	
#header { height: 480px; }

#header-menu { height: 36px; line-height: 36px; text-align: right; color: #71675e;}


#search { width: 205px; float: right; margin-top: 22px;}

input#keyword { width: 173px; padding-left: 3px; height: 22px; padding-top: 3px; border: none; background: url('bg-search.png') no-repeat; color: #8f8a86; float: left;}
#ok {  background: url('loupe.png'); border: none; padding: 0; margin: 0; width: 19px; height: 25px; float: right;}

p#logo { float: left; margin-top: -20px; }
a.contact:link, a.contact:visited { display: block; float: right; margin-top: 7px; color: #ff7f00; font-weight: bold; text-decoration: none; margin-right: 5px; background: url(contact.png) left no-repeat; text-align: right; width: 110px; height: 45px; line-height: 45px;}

a.contact:hover, a.contact:active { text-decoration: underline;}

ul#nav { width: 706px; height: 38px; background: url('barre-nav.png') no-repeat; float: right; padding-left: 4px; padding-top: 2px; margin-top: -70px; }
ul#nav li { float: left; }
ul#nav li a:link, ul#nav li a:visited  { display: block; width: 116px; height: 36px; margin-right: 1px; text-align: center; line-height: 36px; text-decoration: none; color: #8f8a86; }
ul#nav li a:hover, ul#nav li a:active, ul#nav li a.nav-active  { background:  url(nav-hover.gif); color: #ffffff;  }

ul#nav li a.nav-left:link, ul#nav li a.nav-left:visited  { display: block; width: 116px; height: 36px; margin-right: 1px; }
ul#nav li a.nav-left:hover, ul#nav li a.nav-left:active, ul#nav li a.nav-active-left  {  background: url(nav-left-hover.gif) no-repeat; color: #ffffff; }

ul#nav li a.nav-right:link, ul#nav li a.nav-right:visited  { display: block; width: 116px; height: 36px; margin-right: 0; }
ul#nav li a.nav-right:hover, ul#nav li a.nav-right:active, ul#nav li a.nav-active-right  {  background: url(nav-right-hover.gif) no-repeat; color: #ffffff; }

#diaporama { height: 347px; padding-top: 9px; width: 912px; padding-left: 9px; }
#cache { background: url('cache-diaporama.gif'); height: 356px; width: 921px; position: absolute; margin-top: -356px; z-index: 10; }

#content { margin-top: 62px; margin-bottom: 30px; }

#content h2 { font-family: georgia, serif; font-size: 16px; }
#content h3 { font-family: georgia, serif; font-size: 14px; }
#content h4 { font-family: georgia, serif; font-size: 12px; }

#main { width: 580px; padding: 0 10px; }

#sidebar { width: 308px; margin-top: 30px;}

#box-newletter h2 { height: 65px; padding-left: 10px; line-height: 65px; color: #ffffff; background: url('newsletter-top.gif');}

#newsletter-body { background: #2e2923; color: #ffffff; padding: 10px; }

#newsletter-body table td { color: #ffffff; }

input#email { background: url('bg-input.gif'); width: 180px; height: 21px; border: none; color: #ffffff;}

input#newsletter { background: url('bg-submit.gif'); width: 65px; height: 25px; border: none; color: #ffffff; text-align: center; margin: 10px 0; float: right;}

#newsletter-bottom { height: 16px; background: url('newsletter-bottom.gif'); }

#accueil-1, #accueil-2, #accueil-3 { width: 180px; margin-top: 20px; color: #030102; } 
#accueil-1, #accueil-2 { width: 180px; margin-right: 10px; } 

#accueil-1 h2, #accueil-2 h2, #accueil-3 h2 { color: #030102; font-size: 14px; margin-bottom: 10px; }
#accueil-1 img, #accueil-2 img, #accueil-3 img { margin-bottom: 10px; } 


ul#evenements { margin-bottom: 10px; }
ul#evenements li { padding: 5px 0; border-bottom: 3px double #030102;}

ul#evenements li a:link, ul#evenements li a:visited  { text-decoration: none; color: #030102; font-size: 12px;}
ul#evenements li a:hover, ul#evenements li a:active  { text-decoration: underline; }

ul#evenements li a span  { font-weight: bold; color: #403f3d; }

p.suite { text-align: right; font-weight: bold; }
p.suite a:link, p.suite a:visited { font-family: georgia, serif; color: #c84a6f; }
p.suite a:hover, p.suite a:active { text-decoration: none; }

#presse img { margin: 0 10px 10px 0; }
#contenu input { width: 300px; border: 1px solid #030102;}
#contenu input#email { width: 300px; border: none; background: #ffffff; border: 1px solid #030102;}

#contenu input[type=submit] { width: 60px; border: 1px solid #030102;}

div.partner {padding: 15px 10px;border-bottom: 1px dotted #666666;margin: 10px 0;}
div.partner h3 { font-size:12px;color:#888888;margin:0 0 7px 0;padding:0;}
div.partner strong {font-size:11px;color:#ad0045;}
div.partner p {margin:5px 0; padding: 0;font-size:11px;}
div.partner img {display: block; float:left;margin: 0 15px 15px 0;}
div.partner b {color:#666666;}


#deco-footer { background: url('footer.gif'); height: 84px; line-height: 84px; }
#footer { width: 921px; margin: 0 auto; text-align: left;  color: #71675e; }

#s3slider {
   height: 347px;
   padding-top: 0px; 
   width: 912px; 
   padding-left: 9px;
   position: relative; /* important */
   overflow: hidden; /* important */
}

#s3sliderContent {
   width: 400px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
}

.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.s3sliderImage span {
   position: absolute; /* important */
   left: 0;
   font: 10px/15px Arial, Helvetica, sans-serif;
   padding: 10px 13px;
   width: 374px;
   background: transparent;
   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */
   top: 0;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}

.captcha { border: 1px solid #525568; }