/* css document */

/* productions multimage */

/* Jérôme Trépanier */


/* 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;
}
td{
  vertical-align:top;
}

body {
  line-height:normal;
}

ol, 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;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* global */

a{
  font-size:12px;
  color:#B37728;
  text-decoration:none;
}

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

img{
  border:0;
}

body{
  font-family: "Arial",Times New Roman,Georgia;
  background-image:url(medias/bg_all.jpg);
  background-repeat: repeat;
}

p{
  font-size:12px;
  color:#000000;
  margin-bottom:15px;
  line-height:normal;
}

h1{
  font-size:20px;
  color:#000000;
  font-weight: normal;
  margin-bottom: 15px;
}

h2{
  font-size:20px;
  color:#000000;
  margin:25px 0 25px 0;
  font-weight: normal;
}

h3{
  font-size:20px;
  color:#000000;
  margin:25px 0 5px 0;
  font-weight: normal;
}

h4{
 font-size:18px;
  color:#000000;
  margin:15px 0 5px 0;
  font-weight: normal;
}

h5{
  font-size:12px;
  color:#000000
}

h6{
  font-size:16px;
  color:#000000;
  margin-bottom:15px;
}

ul {
  list-style-image:url(medias/);      
  margin-left: 15px;
  font-size:12px;
  color:#000000;
}

li{
  margin-bottom:10px;
}

br.clear_both{
  clear:both;
}

span.display_none{
  display:none;
}

/* container */

div.lang{
  position: absolute;
  display: block;
  top:5px;
  right:5px;
  z-index: 10000;
}

div.lang a{
  color:#ffffff;
  font-size:10px;
}

div.lang a:hover{
  color:#000000;
  text-decoration: underline;
  font-size:10px;
}

div.wrapper{
  position:relative;
  width:901px;
  text-align:center;
  background-image:url(medias/bg_wrapper.jpg);
  background-repeat: repeat;
  border-left:#ad7e35 solid 1px;
  border-right:#ad7e35 solid 1px;
  margin:0 auto;
}

/* navigation principale */

div.nav_bar{
  display:block;
  position:relative;
  height:43px;
  width:0 auto;
  background-image:url(medias/nav_bar.jpg);
  background-repeat: repeat;
  padding:0 50px 0 0;
  z-index:1000;
}

div.nav_bar div.content_holder{
  display:block;
  position:relative;
  padding-left:25px; 
}

div.nav_bar a {
  display:block;
  float:left;
  color: #FFFFFF;
  font-size: 14px;
  padding-top:10px;
  font-weight:100;
  padding-right:24px;   
}

div.nav_bar a:hover {
    color:#000;
}

div.nav_bar a img{
    vertical-align: middle;
    padding-right:7px;
    /*padding-left:40px;*/
}

/* navigation secondaire */

div.nav_inline{
  display:block;
  margin: 10px 0 0 350px;
}

a.nav {
    color: #FFFFFF;
    font-size: 12px;
    font-weight: normal;
    padding-right:20px;    
}

a.current{
    color: black; 
}

a.nav:hover {
    color:black;
}

a.nav img{
    vertical-align: middle;
    padding-right:7px;
}



div.bande_title{
  display:block;
  position:absolute;
  height:75px;
  width:901px;
  top:292px;
  left:0px;
  background-image:url(medias/bande_title.png);
  background-repeat: no-repeat;
  z-index: 10000;
  text-align: left;
}

div.bande_title h1{
  margin:5px 0 0 293px;
  font-size:18px;
  color:#FEFFD0;
  font-weight: bold;
}



/*colonne 1*/

div.coll_1{
  display:block;
  position:relative;
  float:left;
  width:275px;
  padding:0px;
  text-align: justified;
  background-color:#d8a830;
  border-right: 1px solid #AD7E35;
  z-index: 1000;
}

div.title{
  display:block;
  position:relative;
  height:298px;
  width:275px;
  /*background-image:url(medias/fr/title.jpg);
  background-repeat: no-repeat;*/
  border-right: 1px solid #AD7E35;  
}

div.coll_1 div.txt{
  display:block;
  position:relative;
  padding:20px;
  font-size:12px;
  color:#4c0604;
  text-align: justify; 
}


/***/

div.pics{
  display:block;
  position:relative;
}

div.pics a{
  display:block;
  position:relative;
}

div.pics a img{
  display:block;
  position:relative;
  margin: 20px 23px 0;
  z-index:100;
}

div.pics a img.loupe{
  display:block;
  position:absolute;
  right:-2px;
  bottom:-8px;
  z-index:1000;
}

div.coll_2 div.txt div.pics{
  display:block;
  position:relative;
  padding-left: 54px;
}

div.coll_2 div.txt div.pics a{
  display:block;
  position:relative;
  width:230px;
  height:96px;
  float:left;
  margin:20px 20px 0 0;
}

div.coll_2 div.txt div.pics a img{
  display:block;
  position:relative;
  margin: 20px 0px 0;
  z-index:100;
}

div.coll_2 div.txt div.pics a img.loupe{
  display:block;
  position:absolute;
  right:-3px;
  bottom:-30px;
  z-index:1000;
  border:0;
}

/***/

div.contact{
  display:block;
  position:relative;
  background-color:#b37728;
  text-align: justify;
  padding:20px;
  margin:0;  
}

div.contact p{
  font-size:10px;
  color:#000;
}

div.contact a{
  color:#000;
}

div.contact a:hover{
  color:#fff;
}

/*colonne 2*/

div.coll_2{
  display:block;
  position:relative;
  float:left;
  width:625px;
  background-color:#feffd0;
  padding:0px;
  text-align: justified;
  z-index: 1000;
}

div.banner{
  display:block;
  position:relative;
  height:249px;
  background-image:url(medias/banner.jpg);
  background-repeat:no-repeat;
  padding:0;
  border-right:1px solid #B37728;
}

div.folder_nav{
  display:block;
  position:relative;
  height:39px;
  font-size:12px;
  color:#4c0604;
}

div.coll_2 div.txt{
  display:block;
  position:relative;
  margin-top:25px;
  padding:20px;
  font-size:12px;
  color:#4c0604;
  text-align: justify; 
}

/*footer*/

div.footer{
  display:block;
  position:relative;
  height:43px;
  width: 100%;
  width:0 auto;
  background-image:url(medias/nav_bar.jpg);
  background-repeat: repeat;
  text-align: left;
}

div.footer div.content_holder{
  padding-top:23px;
  color:#fff;
  font-size:10px;
}

div.footer span{
  margin-right:564px;
  margin-left:5px;
}

div.footer div.content_holder a.mini_nav{
  display:none;
  margin-right:135px;
}

div.footer div.content_holder a{
  font-size:10px;
   color:#fff;
  
}

div.footer div.content_holder a:hover{
  color:#000;
}

/*section blog*/

td.blog{
  margin-right:10px;
  text-align: left;
  padding:10px;
}

p.line_top{
   border-top:dotted 1px #AD7E35;
}

p a.blog{
  font-size:18px;
  text-align: left;
}

a.blog:hover{
  color:#D89030;
}

p.blog{
  /*padding:15px 30px 0 0px;*/
  text-align: justify;
}

p.blog img.img_blogue {
  /* border:1px solid #D89030; */
}

/*section liens*/

a.liens{
  font-size:18px;
  text-align: left;
}

a.liens:hover{
  color:#D89030;
  text-decoration: underline;
}

p.liens{
  padding:5px 0 15px 15px;
}

/*section accueil*/

div.wrapper_accueil_content{
  display:block;
  position:relative;
}

div.section_vids_accueil{
  display:block;
  position:relative;
  margin:22px 0 22px 22px;
}

div.wrapper_txt_accueil{
  display:block;
  position:relative;
}

div.section_actualite_accueil{
  display:block;
  position:relative;
  float:left;
  width:285px;
  margin-right:15px;
}

a.plus{
  display:block;
  margin-left:10px;
}

div.section_blogue_accueil{
  display:block;
  position:relative;
  float:left;
  width:285px;
}

div.section_txt_description{
  display:block;
  position:relative;
  margin-bottom:25px;
}

h2.accueil{
  font-size:24px;
  color:#B37728;
  margin:25px 0px 25px 0;
  border-bottom:solid 1px #B37728;
  border-top:solid 1px #B37728;
}

/*page info*/

div.direction_set{
  display:block;
  position:relative;
  width:300px;
  margin-top: 25px;
  margin-bottom: 25px;
}

div.direction_set p{
  display:block;
  margin:10px 0 5px 0;
  font-weight:bold;
}

div.direction_set input.button{
  display:block;
  margin-top:15px;
}

/* section actualité */

div.coll_2 div.txt img{
  /* padding:0 10px 10px 0;*/
  margin:0 10px 10px 0;
  border:1px solid #D89030;
}

div.blink_actualite{
  display:block;
  position:relative;
  padding:0 10px;
}

div.blink_actualite img{
   padding:0 10px 10px 0;
}

div.blink_actualite a{
  text-align: left;
  color:black;
}

 div.blink_actualite a:hover{
  color:#fff;
}

 div.blink_actualite h2.accueil {
    border-bottom: 1px solid black;
    border-top: 1px solid black;
    color: black;
    font-size: 24px;
}

div.blink_actualite p.line_top {
    border-top: none;
}

/*a.actualites{
  display:block;
  text-align: right;
}*/

/*sound box*/

div.sound_box{
  display:block;
  position:fixed;
  right:0;
  top:25px;
  height:147px;
  width:137px;
  background-image:url(medias/bg_sound_player.png);
  background-repeat: no-repeat;
}

div.sound_box span.title{
  display:block;
  position:absolute;
  top:15px;
  left:47px;
  color:black;
  font-size:12px;
  font-weight:bold;
  z-index: 100000;
}

div#flash_sound{
  position:absolute;
  top:18px;
  left:15px;
  z-index: 10000;
}

/*restyle accueil*/

div.content_acc{
  display:block;
  position:relative;
  width:100%;
}

div.wrapper_acc1{
  display:block;
  position:relative;
  width:100%;
  min-height:245px;
  padding-top:25px;
}

div.wrapper_acc{
  display:block;
  position:relative;
  width:100%;
  border-top:1px solid #B37728;
  min-height:245px;
  padding-top:25px;
}

div.wrapper_acc div.txt{
  display:block;
  position:relative;
  margin:0 0 0 305px;
  padding:0 0;
}

div.wrapper_acc div.txt a{
  margin:0;
  font-size:16px;
  text-align: left;
  font-weight: bold;
}

div.wrapper_acc div.txt p{
  margin-top:10px;
}

div.wrapper_acc div.img{
  display:block;
  position:relative;
  float:left;
}

div.wrapper_acc1 div.txt{
  display:block;
  position:relative;
  margin:0 0 0 305px;
  padding:0 0;
}

div.wrapper_acc1 div.txt a{
  margin:0;
  font-size:16px;
  text-align: left;
  font-weight: bold;
}

div.wrapper_acc1 div.txt p{
  margin-top:10px;
}

div.wrapper_acc1 div.img{
  display:block;
  position:relative;
  float:left;
}

div.lightb_holder{
  display:block;
  position:relative;
  margin: -23px 0 0 -50px;
}