
/* import rules */
/*
 ____________________________________________________________
|                                                            |
|    DESIGN : Jeremie Tisseau { http://web-kreation.com }    |
|      DATE : 2007.08.31                                     |
| COPYRIGHT : Free use if this notice is left in place       |
|     EMAIL : webmaster@web-kreation.com                     |
|____________________________________________________________|

*/

@import url("layout.css");
@import url("form.css");

html, body {
  border: 0;
  margin: 0;
  padding: 0;
}

body {
  font: 100%/1.25 arial, helvetica, sans-serif;
  color:#fff;
  background: #443833 url(images/bg.jpg) repeat-y top center;
  width: 100%;
  min-width: 900px;
}
/***** Common Formatting *****/

h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
  font-weight: normal;
}

h1 {
  width: 575px;
  clear: both;
  padding-bottom: 3px;
  letter-spacing: -1px;

  font-size:18px;
  margin:20px 25px 10px 0;
  color: #877065;
  background-color: transparent;
  border-bottom: 1px solid #333;
}

h2 {
margin-bottom:4px;
  color:  #443833;
  background-color: transparent;
  font-size: 100%;
  letter-spacing: -1px;
  font: 1.4em arial, helvetica, sans-serif;
}

h3 {
  font: 1em arial, helvetica, sans-serif;
  font-weight: bold;
}

p, ul, ol {
list-style:none;
  margin: 0;
  padding: 0 0 18px 0;
}
/*
ul, ol {
  list-style: none;
  padding: 0 0 18px 40px;
}

*/
blockquote {
  font-size: 1.4em;
  color: #55453E;
  background-color: transparent;
  width: 400px;
  background: url(images/close-quote.jpg) no-repeat right bottom;
  padding-left: 18px;
  text-indent: -18px;
}

blockquote:first-letter {
  background: url(images/open-quote.jpg) no-repeat left top;
  padding-left: 40px;
  font: italic 2em Georgia, "Times New Roman", Times, serif;
}


small {
  font-size: 0.85em;
}

#img{
    border:1px solid #333;
    padding:3px;
/* delete line above and uncomment this for an inset effect
    border:1px solid;
    border-color:#666 #EEE #EEE #666;
 */
}


sup {
  position: relative;
  bottom: 0.3em;
  vertical-align: baseline;
}

sub {
  position: relative;
  bottom: -0.2em;
  vertical-align: baseline;
}

acronym, abbr {
  cursor: help;
  letter-spacing: 1px;
  border-bottom: 1px dashed;
}
/***** Links *****/

a {
  text-decoration: none;
  color: #7e735f;
  
}

a:hover {
  text-decoration: none;
  color: #3399FF;
}

a img {
  border: none;/*remove border for linked images*/
}
/***** Tables *****/

table {
  border: 0;
  margin: 0 0 18px 0;
  padding: 0;
}

table tr td {
  padding: 2px;
}

/***** Global Classes *****/

.clear         { clear:both; }

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

.text-left     { text-align:left; }
.text-right    { text-align:right; }
.text-center   { text-align:center; }
.text-justify  { text-align:justify; }

.bold          { font-weight:bold; }
.italic        { font-style:italic; }
.underline     { border-bottom:1px solid; }
.highlight     { background:#ffc; }

.wrap          { width:960px;margin:0 auto; }

.img-left      { float:left;margin:4px 10px 4px 0; }
.img-right     { float:right;margin:4px 0 4px 10px; }

.nopadding     { padding:0; }
.noindent      { margin-left:0;padding-left:0; }
.nobullet      { list-style:none;list-style-image:none; }
.noborder      { border: none; }



.linkopacity{
    border:1px solid #333;
    padding:3px;
filter:alpha(opacity=60);
-moz-opacity: 0.6; 
opacity: 0.6;
-khtml-opacity: 0.6;
}


.linkopacity:hover{
filter:alpha(opacity=100);   
-moz-opacity: 1.0;   
opacity: 1.0;
-khtml-opacity: 1.0; }

.imgslider{
height:85px;
    padding:10px;
    text-align:left;
    position:relative;
    float:left;
    display:inline;
    margin:5px;
    }
    
    
#categorie-right {
float:right;
margin:10px 0px 10px 0;
}

#categorie-left {
float:left;
margin:10px 0px 10px 100px;
}

#categorie_right {
float:right;
width:140px;
margin:10px 0 30px 0;

}

#categorie_left {
float:left;
width:250px;
margin:10px 0 30px 0;
text-align:right;
}


#categorie_center {
float:left;
width:450px;
text-align:left;
}

/*REVEAL*/
.hide { display: none; } /* required */
.revealcontent{
visibility: hidden;
}

.pagination11{ /*CSS for pagination DIV*/
font: bold 14px Arial;
}

.pagination11 a{ /*CSS for each navigational link*/
margin-right: 2px;
margin-bottom: 3px;
padding: 1px 5px;
border:1px solid #333;
text-decoration: none;
}

.current11{ /*CSS for currently selected navigational link*/
background-color:#993300;
margin-right: 2px;
margin-bottom: 3px;
padding: 1px 5px;
border:1px solid #333;
text-decoration: none;

}
