/* INITILISATIONS  + DIVERS */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,div,blockquote,fieldset,input { 
  margin: 0; 
  padding: 0; 
}
a img,:link img,:visited img { 
  border: none; 
}
.clearfix:after { 
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}
#modal_overlay {
  background-color:#000;
}
/* FIN INITIALISATIONS + DIVERS */

html, body {
  font-family: Arial;
  font-size: 12px;
  color: #333;
  text-align: center;
  background: #333 url(../images/fond_acc.png) repeat-x 0 0;
}

blockquote {
  margin-left:20px;
}

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

ul {
  margin: 0 0 0 20px;
}
li {
  list-style-type: square;
}

h2 { 
  font-size: 15px;
  line-height: 30px;
  font-weight: bold;
}

div.news_box {
  margin: 10px 0 20px 0;
}
span.news_date {
  font-size: 11px;
  color: #9a9a9a;
  font-style: italic;
}
span.news_title {
  font-size: 17px;
  color: #ccc;
  line-height: 30px;
  font-weight: bold;
}


div.divhb-en, div.divhb-0  {
  position: absolute;
  z-index: 12;
  position: absolute;
  top: 0px;
  left: 0px;
  height: 53px;
  background: transparent url(../images/headerbouton-en.jpg) no-repeat 0 0;
  width: 568px;
  margin:0;
  padding:0;
}
div.divhb-en a.b1, div.divhb-0 a.b1,
div.divhb-en a.b2, div.divhb-0 a.b2,
div.divhb-en a.b3, div.divhb-0 a.b3 {
  color: #eee;
  font-size: 14px;
  font-weight: bold;
  text-align: left;
  line-height: 50px;
  margin: 0;
  padding: 0;
  text-decoration: none;
  float: left;
  display: inline;
  height: 53px;
  overflow: hidden;
}
div.divhb-en a.b1:hover, div.divhb-0 a.b1:hover,
div.divhb-en a.b2:hover, div.divhb-0 a.b2:hover,
div.divhb-en a.b3:hover, div.divhb-0 a.b3:hover {
  color: #99CC00;
}
div.divhb-en a.b1 {
  width: 190px;
  padding-left: 10px;
  background: transparent url(../images/b1-en.png) no-repeat 0 0;
}
div.divhb-en a.b2 {
  width: 182px;
  padding-left: 8px;
  background: transparent url(../images/b2-en.png) no-repeat 0 0;
}
div.divhb-en a.b3 {
  width: 110px;
  padding-left: 8px;
  background: transparent url(../images/b3-en.png) no-repeat 0 0;
}
div.divhb-0 a.b1 {
  width: 229px;
  padding-left: 10px;
  background: transparent url(../images/b1-0.png) no-repeat 0 0;
}
div.divhb-0 a.b2 {
  width: 130px;
  padding-left: 8px;
  background: transparent url(../images/b2-0.png) no-repeat 0 0;
}
div.divhb-0 a.b3 {
  width: 126px;
  padding-left: 8px;
  background: transparent url(../images/b3-0.png) no-repeat 0 0;
}



div.hb {
  display: inline;
  float: left;
  margin: 0;
}
a.headerbouton {
  color: #eee;
  font-size: 14px;
  font-weight: bold;
  text-align: left;
  line-height: 50px;
  margin-left: 15px;
  margin-right: 20px;
  text-decoration: none;
}
a.headerbouton:hover {
  color: #99CC00;
}
a.accueilbouton {
  display: block;
  margin: 0;
  padding: 0;
  width: 39px;
  height: 53px;
  background: transparent url(../images/bighome.jpg) no-repeat 0 0;
}
a.accueilbouton:hover {
  background-image: url(../images/bighome_on.jpg);
}
#accueil {
    color: #FFFFFF;
    left: 293px;
    position: absolute;
    top: 53px;
    z-index: 100;
}
#accueil img.banniere_ene {
    margin-left: 243px;
}
img.banniere_cadre {
    margin-left: 41px;	
}
img.banniere_ene2 {
    margin-left: 133px;		
}
#logo_ministere {
   left: 0;
   position: absolute;
   top: 2px;
   z-index: 5000;
   width: 200px;
   height: 56px;
}
/* MENUS */
a.headermenu {
  font-family: Tahoma;
  color: #9a9a9a;
  font-size: 12px;
  font-weight: bold;
  /*padding-right: 30px;*/
  margin-right: 30px;
  text-decoration: none;
  /*border-bottom: 1px solid #9a9a9a;*/
}
a.headermenu:hover {
  text-decoration: underline;
}
a.cadremenu {
  font-family: Tahoma;
  color: #9a9a9a;
  height: 20px;
  border-bottom: 1px dotted #9a9a9a;
  font-size: 12px;
  font-weight: bold;
  display: block;
  margin-right: 0px;
  text-decoration: none;
  padding: 0 20px 0 0;
  background: #333 url(../images/puce2.gif) no-repeat 100% 4px;
}
a.cadremenu:hover {
  background: #333 url(../images/puce2.gif) no-repeat 95% 4px;
  text-decoration: none;
}
a.cadremenuvert {
  font-family: Tahoma;
  color: #9a9a9a;
  height: 20px;
  border-bottom: 1px dotted #9a9a9a;
  font-size: 12px;
  font-weight: bold;
  display: block;
  margin-right: 0px;
  text-decoration: none;
  padding: 0 20px 0 0;
  background: #333 url(../images/puce_verte.gif) no-repeat 100% 4px;
}
a.cadremenuvert:hover {
  background: #333 url(../images/puce_verte.gif) no-repeat 95% 4px;
  text-decoration: none;
}
a.enemenu {
  font-family: Tahoma;
  color: #333;
  height: 20px;
  border-bottom: 1px dotted #9a9a9a;
  font-size: 12px;
  font-weight: bold;
  display: block;
  margin-right: 0px;
  text-decoration: none;
  padding: 0 20px 0 0;
  background: #e8e9eb url(../images/puce2.gif) no-repeat 100% 4px;
}
a.enemenu:hover {
  background: #e8e9eb url(../images/puce2.gif) no-repeat 95% 4px;
  text-decoration: none;
}
a.enemenuvert {
  font-family: Tahoma;
  color: #333;
  height: 20px;
  border-bottom: 1px dotted #9a9a9a;
  font-size: 12px;
  font-weight: bold;
  display: block;
  margin-right: 0px;
  text-decoration: none;
  padding: 0 20px 0 0;
  background: #e8e9eb url(../images/puce_verte.gif) no-repeat 100% 4px;
}
a.enemenuvert:hover {
  background: #e8e9eb url(../images/puce_verte.gif) no-repeat 95% 4px;
  text-decoration: none;
}
.accordion_content {
  overflow: hidden;
}
/*.accordion_toggle {
  cursor: pointer; 
}*/
.titre_menu {
  font-size: 13px;
  font-weight: bold;
  display: block;
  background-position: 0 bottom;
  background-repeat: no-repeat;
  height: 33px;
  margin: 0 0 5px 0;
}
.titre_menu.gris {
  background-image: url(../images/deco_menu.gif);
}
.titre_menu.vert {
  background-image: url(../images/deco_menu_vert_ene.gif);
}
.titre_menu.ene {
  background-color: #E8E9EB;
}
.titre_menu.cadre {
  background-color: #333333;
}
.legende_plan {
  text-align: right;
  font-size: 10px;
  margin: 0 0 10px 0;
  padding: 0;
}

a.bouton {
  margin: 0 0 0 0;
  text-decoration: none;
  color: #CE5400;
  font-weight: bold;
  padding: 0 0 0 16px;
  background: transparent url(../images/fleche.gif) no-repeat 0 4px;
}

a.bouton:hover {
  background-position: 3px 4px;
  text-decoration: underline;
}

div#wrapper {
  position: relative;
}

div#tools {
    color: #EEEEEE;
    height: 156px;
    left: 620px;
    overflow: hidden;
    position: absolute;
    top: 20px;
    width: 330px;
}

/* BLOCS */
div.vignette2 {
  float: left;
  display: inline;
  margin: 0 10px 0 0;
  padding: 10px;
  background-color: #fff;
}
div.vignette {
  float: left;
  display: inline;
  margin: 0 0 0 0;
  padding: 10px;
  background-color: #fff;
}
div.video {
  background: transparent url(../images/video_cn.jpg) no-repeat 0 0;
  float: left;
  width: 243px;
  height: 206px;
  padding: 15px 9px 0 8px;
  margin: 0 10px 0 0;
}
.bloc_2_colonnes > div {
  float: left;
  display: inline;
  padding: 0;
  width: 310px;
}
.texte_gauche {
  margin-right: 40px;
}
.bloc_2_colonnes .texte_droit {
  margin: 0;
}
div.video .legende {
  display: block;
  margin: 4px 0 0 2px;
}
.bloc_video .texte_video {
  float: left;
  width: 394px;
}
.separateur {
  margin: 10px 20px;
  padding: 0;
  border-bottom: 1px dotted #FFFFFF;
  line-height: 5px;
}
.bloc_news {
  width: 579px;
  height: 206px;
  margin-top: 10px;
  background: url(../images/boite-acc.png) 0 0 scroll no-repeat transparent;
}
.bloc_news img {
  float: left;
  margin-right: 10px;
}
.bloc_news .corps_news {
  padding: 0 20px 20px;
}
.bloc_news .titre_news h2 {
  display: inline;
}
.bloc_news .lien_news {
  position: relative;
  left: 335px;
  top: 170px;
}
table.news_pager {
  width: 100%;
  margin-top: 10px;
  text-align: center;
}
table.news_pager td {
  width: 50%;
}

/* CONTAINER 1 */
div#container1 {
  width: 950px;
  margin: 0 auto;
}
div#container1 h1 {
  color: #9a9a9a;
  padding: 8px 0 0 35px;
  height: 33px;
  margin: 0 0 10px 0;
  font-size: 18px;
  background: #333 url(../images/titlecol.jpg) no-repeat 0 0;
}
div#container1 div#header {
  position: relative;
  height: 176px;
}
div#container1 div#wrapper {
  margin-top: 44px;
  padding-top: 20px;
  border-top: dotted 1px #9A9A9A;
}
div#container1 div#navigation {
  position: relative;
  float: left;
  display: inline;
  width: 585px;
  text-align: justify;
  color: #9a9a9a;
  margin: 0 30px 0 0;
  line-height: 1.5em;
}
div#container1 div#extra {
  position: relative;
  float:right;
  display: inline;
  width: 305px;
  text-align: justify;
  color: #9a9a9a;
  margin: 0 30px 0 0;
  line-height: 1.5em;
}
div#container1 div#footer {
    border-top: 2px solid #9A9A9A;
    color: #9A9A9A;
    font-size: 10px;
    height: 50px;
    margin: 30px 0 10px;
    padding: 3px 0 0;
    position: relative;
    text-align: right;
    width: 920px;
}
div#container1 .hm {
  position: absolute;
  top: 182px;
  left: 0;
  margin: 0;
  padding: 3px 0;
}
div#container1 .sound {
  position: absolute;
  top: 393px;
  right: 0;
  margin: 0;
  padding: 0;
  width: 30px;
  height: 30px;
}
#container1 .texte_accueil {
  margin-bottom: 30px;
}
#container1 .texte_accueil h2 {
  line-height: 1.5em;
}

/* CONTAINER 2 */
div#container2 {
  width: 950px;
  margin: 0 auto;
}
div#container2 h1 {
  color: #9a9a9a;
  padding: 8px 0 0 35px;
  height: 33px;
  margin: 0 0 10px 0;
  font-size: 18px;
  background: #333 url(../images/titlecol.jpg) no-repeat 0 0;
}
div#container2 div#header {
  position: relative;
  height: 420px;
}
div#container2 div#navigation {
  position: relative;
  float: right;
  display: inline;
  width: 664px;
  text-align: justify;
  color: #9a9a9a;
  margin: 0 0 0 -1px;
  padding: 26px 0 0 30px;
  line-height: 1.5em;
  border-left: 1px solid #9a9a9a;
}
div#container2 div#extra {
  position: relative;
  float:left;
  display: inline;
  width: 235px;
  text-align: justify;
  color: #9a9a9a;
  margin: 0 0 0 0;
  padding: 25px 20px 0 0;
  line-height: 1.5em;
  border-right: 1px solid #9a9a9a;
}
div#container2 div#footer {
  position: relative;
  width: 950px;
  text-align: left;
  color: #9a9a9a;
  font-size: 10px;
  margin: 30px 0 40px 0;
  padding: 3px 0 0 0;
  border-top: 2px solid #9a9a9a;
  text-align: right;
}
div#container2 .hm {
  position: absolute;
  top: 393px;
  left: 0;
  margin: 0;
  padding: 3px 0;
}

/* CONTAINER 21 */
div#container21 {
  width: 950px;
  margin: 0 auto;
}
div#container21 h1 {
  color: #9a9a9a;
  padding: 8px 0 0 35px;
  height: 33px;
  margin: 0 0 10px 0;
  font-size: 18px;
  background: #333 url(../images/titlecol.jpg) no-repeat 0 0;
}
div#container21 div#header {
  position: relative;
  height: 176px;
  margin-bottom: 30px;

}
div#container21 div#navigation {
  position: relative;
  float: right;
  display: inline;
  width: 664px;
  text-align: justify;
  color: #9a9a9a;
  margin: 0 0 0 -1px;
  padding: 26px 0 0 30px;
  line-height: 1.5em;
  border-left: 1px solid #9a9a9a;
}
div#container21 div#extra {
  position: relative;
  float:left;
  display: inline;
  width: 235px;
  text-align: justify;
  color: #9a9a9a;
  margin: 0 0 0 0;
  padding: 25px 20px 0 0;
  line-height: 1.5em;
  border-right: 1px solid #9a9a9a;
}
div#container21 div#footer {
  position: relative;
  width: 950px;
  text-align: left;
  color: #9a9a9a;
  font-size: 10px;
  margin: 30px 0 40px 0;
  padding: 3px 0 0 0;
  border-top: 2px solid #9a9a9a;
  text-align: right;
}
div#container21 .hm {
  position: absolute;
  z-index: 12;
  top: 182px;
  left: 0;
  margin: 0;
  padding: 3px 0;
}

/* CONTAINER 3 */
div#container3 {
  width: 950px;
  margin: 0 auto;
}
div#container3 h1 {
  color: #888;
  padding: 8px 0 0 35px;
  height: 33px;
  margin: 0 0 10px 0;
  font-size: 18px;
  background: #e8e9eb url(../images/titlecolene.jpg) no-repeat 0 0;
}
div#container3 div#header {
  position: relative;
  height: 420px;
}
div#container3 div#navigation {
  position: relative;
  float: right;
  display: inline;
  width: 664px;
  text-align: justify;
  color: #333;
  margin: 0 0 0 -1px;
  padding: 26px 0 0 30px;
  line-height: 1.5em;
  border-left: 1px solid #888;
}
div#container3 div#extra {
  position: relative;
  float:left;
  display: inline;
  width: 235px;
  text-align: justify;
  color: #333;
  margin: 0 0 0 0;
  padding: 25px 20px 0 0;
  line-height: 1.5em;
  border-right: 1px solid #888;
}
div#container3 div#footer {
  position: relative;
  width: 950px;
  text-align: left;
  color: #333;
  font-size: 10px;
  margin: 30px 0 40px 0;
  padding: 3px 0 0 0;
  border-top: 2px solid #888;
  text-align: right;
}
div#container3 a.headermenu {
  color: #333;
}
div#container3 .hm {
  position: absolute;
  top: 393px;
  left: 0;
  margin: 0;
  padding: 3px 0;
}

/* CONTAINER 31 */
div#container31 {
  width: 950px;
  margin: 0 auto;
}
div#container31 h1 {
  color: #888;
  padding: 8px 0 0 35px;
  height: 33px;
  margin: 0 0 10px 0;
  font-size: 18px;
  background: #e8e9eb url(../images/titlecolene.jpg) no-repeat 0 0;
}
div#container31 div#header {
  position: relative;
  height: 176px;
  margin-bottom: 30px;
}
div#container31 div#navigation {
  position: relative;
  float: right;
  display: inline;
  width: 664px;
  text-align: justify;
  color: #333;
  margin: 0 0 0 -1px;
  padding: 26px 0 0 30px;
  line-height: 1.5em;
  border-left: 1px solid #888;
}
div#container31 div#extra {
  position: relative;
  float:left;
  display: inline;
  width: 235px;
  text-align: justify;
  color: #333;
  margin: 0 0 0 0;
  padding: 25px 20px 0 0;
  line-height: 1.5em;
  border-right: 1px solid #888;
}

div#container31 div#footer {
  position: relative;
  width: 950px;
  text-align: left;
  color: #333;
  font-size: 10px;
  margin: 30px 0 40px 0;
  padding: 3px 0 0 0;
  border-top: 2px solid #888;
  text-align: right;
}
div#container31 a.headermenu {
  color: #333;
}
div#container31 .hm {
  position: absolute;
  z-index: 12;
  top: 182px;
  left: 0;
  margin: 0;
  padding: 3px 0;
}

div#container3 table, div#container31 table {
  border-collapse: collapse;
  width: 100%;
}
div#container3 td, div#container31 td {
  padding: 4px;
}
div#container3 td h1, div#container31 td h1, div#container3 td h2, div#container31 td h2 {
  font-weight: bold;
  text-align: center;
  padding: 0;
  font-size: 13px;
  color: #ddd;
  background-image: none;
  margin: 0;
  height: 20px;
}

div#container2 table, div#container21 table {
  border-collapse: collapse;
  width: 100%;
}
div#container2 td, div#container21 td {
  padding: 4px;
}
div#container2 td h1, div#container21 td h1, div#container2 td h2, div#container21 td h2 {
  font-weight: bold;
  text-align: center;
  padding: 0;
  font-size: 13px;
  color: #ddd;
  background-image: none;
  margin: 0;
  height: 20px;
}

/* BLOCS ACCUEIL */
#container1 #extra > div {
  margin-bottom: 15px;
}

#container1 .titre_bloc {
  width: 296px;
  height: 44px;
  padding-top: 8px;
  background: url('../images/haut-news.png') 0 0 scroll no-repeat transparent;
}

#container1 .titre_bloc h2 {
  margin-right: 15px;
  text-align: right;
  font-family: Arial;
  font-size: 1.4em;
  font-weight: normal;
  color: #323232;
}
#container1 #links_docs .corps_bloc {
    background: url("../images/milieu-news.png") no-repeat scroll 0 0 transparent;
}
#extra .corps_bloc a.biblio_docs, #extra .corps_bloc a.biblio_fonds {
	display: block;
    margin-left: -14px;	
    position: relative;
    color: #9A9A9A;
}
#extra .corps_bloc a.biblio_docs span, #extra .corps_bloc a.biblio_fonds span {
    color: #9A9A9A;
    display: block;
    left: 144px;
    padding: 10px;
    position: absolute;
    text-align: left;
    top: 3px;
}
#extra .corps_bloc a.biblio_docs span {
	padding-top: 14px;
}
#extra .corps_bloc a.biblio_docs {
	width: 290px;
	height: 70px;
	background: url(../images/biblio_ressources.png) no-repeat left top;
}
#extra .corps_bloc a.biblio_fonds {
	width: 290px;
	height: 55px;
	background: url(../images/biblio_fondsancien.png) no-repeat left top;	
}
#extra .corps_bloc a.biblio_docs:hover, #extra .corps_bloc a.biblio_fonds:hover {
	background-position: left bottom;
}
#container1 .corps_bloc {
  width: 266px;
  padding: 8px 15px 0;
}

#container1 #form_newsletter .corps_bloc {
  background: url('../images/milieu-news.png') 0 0 scroll no-repeat transparent;
}

#container1 #form_newsletter .corps_bloc h3 {
  margin: 10px 0;
  font-family: Arial;
  font-size: 1.3em;
  font-weight: normal;
  color: #606060;
}

#container1 #form_newsletter .corps_bloc h4 {
  margin: 15px 0 3px;
  font-family: Arial;
  font-size: 1.2em;
  font-weight: normal;
}

#container1 #form_newsletter #email input[type=text] {
  color: #9A9A9A;
  background: #D1CFCF none no-repeat scroll left top;
  border: medium none;
  height: 18px;
  padding-left: 3px;
  padding-right: 3px;
  box-shadow: inset rgba(0,0,0, 0.3) 0px 0px 1px;
  -moz-box-shadow: inset rgba(0,0,0, 0.3) 0px 0px 1px;
  -webkit-box-shadow: inset rgba(0,0,0, 0.3) 0px 0px 2px; 
}
#container1 #form_newsletter #email {
  margin-top: 10px;
}
#container1 #form_newsletter input[type=submit] {
   border: none;
   border-top: 1px solid #919191;
   background: #5c5c5c;
   background: -webkit-gradient(linear, left top, left bottom, from(#cfcfcf), to(#5c5c5c));
   background: -moz-linear-gradient(top, #cfcfcf, #5c5c5c);
   padding: 3px 8px;
   -webkit-border-radius: 9px;
   -moz-border-radius: 9px;
   border-radius: 9px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 13px;
   font-family: Helvetica, Arial, Sans-Serif;
   text-decoration: none;
   vertical-align: middle;
   width: 80px;   
}
#container1 #form_newsletter input[type=submit]:hover {
   border-top-color: #b8b8b8;
   background: #b8b8b8;
   color: #ffffff;
   cursor: pointer;
}
#container1 #form_newsletter input[type=submit]:active {
   border-top-color: #1b435e;
   background: #1b435e;
}
#container1 #form_newsletter #centres_interet p {
  padding: 2px 0;
}

#container1 #form_newsletter #centres_interet p label {
  padding-left: 5px;
}

#container1 #form_newsletter #reponse_inscription {
  margin-top: 10px;
  padding: 3px;
  text-align: center;
}

#container1 #form_newsletter #reponse_inscription.ok {
  border: solid 1px #007B39;
  background-color: #C5FFE0;
  color: #007B39;
}

#container1 #form_newsletter #reponse_inscription.erreur {
  border: solid 1px #A80000;
  background-color: #FFC1C1;
  color: #A80000;
}

#container1 .pied_bloc {
  width: 296px;
  height: 27px;
  background: url('../images/bas-news.png') 0 0 scroll no-repeat transparent;
}

#container1 #form_newsletter .pied_bloc {
  height: 27px;
}

#container1 a.link_bloc_boutique,
#container1 a.link_bloc_boutique:hover {
  color: #9A9A9A;
  text-decoration: none;
  cursor: pointer;
}

#container1 #bloc_boutique .corps_bloc {
  min-height: 172px;
  background: url(../images/milieu-boutique.png) 0 0 scroll no-repeat transparent;
}

#container1 #bloc_boutique .corps_bloc .image_bloc_boutique {
  margin-bottom: 10px;
}

/* PLAN / VISITES */
#cadre_plan {
  width: 265px;
  height: 190px;
  position: relative;
  left: -15px;
  background: url(../images/boite-plan.png) 0 0 scroll no-repeat transparent;
  margin-bottom: 30px;
}

#cadre_plan img {
  margin: 17px 0 0 14px;
}

/* PLAN DU SITE */
.bloc_plan_site {
  border-left: 1px solid #9A9A9A;
  margin: 0 30px 30px 0;
  padding-left: 5px;
  float: left;
  width: 280px;
}
.bloc_plan_site h2 {
  color: #9A9A9A
}

/* BOUTIQUE */
#barre_titre_boutique {
  width: 575px;
  height: 35px;
  background: url(../images/barre-titre-boutique.png) 0 0 scroll no-repeat transparent;
}

#barre_titre_boutique h2 {
  height: 35px;
  float: right;
  padding-right: 15px;
  text-align: right;
}

#retour_boutique {
  width: 128px;
  height: 29px;
  float: left;
  display: inline;
  padding-top: 6px;
  padding-left: 40px;
}

#retour_boutique a {
  color: #E0E0E0;
  font-weight: bold;
}

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

.link_panier {
  display: block;
  width: 575px;
  height: 17px;
  background: url(../images/voir-panier.png) top right scroll no-repeat transparent;
  margin: 10px 0 20px 0;
}

.link_panier:hover {
  background-position: bottom right;
}

.bloc_categorie {
  width: 182px;
  height: 245px;
  display: inline;
  float: left;
  margin: 20px 10px;
}

.bloc_categorie a {
  position: relative;
  top: -70px;
  display: block;
  padding: 0 9px 0 4px;
  text-align: center;
  color: #FFFFFF;
  font-weight: bold;
  font-size: 1.1em;
}

.bloc_categorie a:hover {
  text-decoration: none;
  color: #AAAAAA;
}

.bloc_produit {
  width: 182px;
  height: 209px;
  display: inline;
  float: left;
  position: relative;
  margin: 20px 10px 0;
}

.bloc_produit img {
  position: absolute;
}

.bloc_produit a.savoir_plus {
  position: absolute;
  left: 0;
  top: 112px;
  display: block;
  width: 179px;
  text-align: center;
  font-weight: bold;
  font-size: 1em;
  color: #000000;
}

.bloc_produit .nom_produit {
  position: absolute;
  left: 0;
  top: 160px;
  width: 179px;
  height: 43px;
}

.bloc_produit .nom_produit a {
  display: block;
  width: 165px;
  margin-left: 7px;
  text-align: center;
  font-weight: bold;
  font-size: 1.1em;
  color: #FFFFFF;
}

.bloc_produit a:hover {
  text-decoration: none;
  color: #AAAAAA;
}

.prix_ajout {
  width: 182px;
  height: 64px;
  position: absolute;
  left: 0;
  top: 202px;
}

.prix_ajout a {
  display: block;
  position: absolute;
  top: 0;
  left: 86px;
  width: 91px;
  height: 64px;
  background: url(../images/bout-ajout.png) top left scroll no-repeat transparent;
}

.prix_ajout a:hover {
  background-position: bottom left;
}

.prix_ajout p {
  text-align: center;
  font-family: Verdana, Arial;
}

.prix_ajout .label_prix {
  width: 86px;
  position: absolute;
  top: 5px;
  left: 0;
  color: #FFFFFF;
}

.prix_ajout .prix {
  width: 86px;
  position: absolute;
  top: 30px;
  left: 0;
  font-size: 1.5em;
  color: #B63B00;
}

#detail_produit {
  float: left;
  display: inline;
  position: relative;
}

#detail_produit .nom_produit {
  position: absolute;
  left: 7px;
  top: 160px;
  width: 165px;
  color: #FFFFFF;
  font-size: 1.1em;
  text-align: center;
}

#titre_desc_produit {
  height: 22px;
  border-bottom: 1px dotted #000000;
  margin-bottom: 15px;
  font-size: 1.1em;
  font-weight: bold;
}

#desc_produit,
.menu_images {
  width: 373px;
  margin-left: 202px;
}

.menu_images .produit_image {
  float: left;
  border: solid 5px #FFFFFF;
  margin: 6px 8px;
}

#container3 .table_modeles,
#container31 .table_modeles {
  width: auto;
  float: right;
  margin-right: 90px;
}

#container3 .table_modeles th,
#container31 .table_modeles th,
#container3 .table_modeles td,
#container31 .table_modeles td {
  padding: 5px 15px;
}

.ajout_panier {
  display: block;
  width: 100px;
  height: 17px;
  padding-left: 20px;
  background: url(../images/ajout-panier.png) transparent scroll no-repeat top left;
  font-weight: bold;
}

.ajout_panier:hover {
  background-position: bottom left;
  color: #333333;
  text-decoration: none;
}

/* RECHERCHE */

form.search_form {
    background-color: #E3E3E3;
    display: inline;
    height: 52px;
    left: 79px;
    margin: 5px 0 0;
    padding-left: 0;
    padding-top: 70px;
    position: absolute;
    top: 28px;
    width: 251px;
}
form.search_form input.recherche_field {
	width: 165px;
	height: 20px;
	border: none;
	background: url(../images/bgd_input.png) no-repeat left top;
}
.txt_search {
    background: url("../images/icon_search.png") no-repeat scroll left top transparent;
    color: #000000;
    display: block;
    font-size: 14px;
    height: 21px;
    margin-bottom: 1px;
    margin-left: 25px;
    padding-left: 28px;
    padding-top: 3px;
    text-align: left;
}
.notice_recherche {
  margin: 0 0 20px;
}
.resultat_recherche {
  margin: 0 0 10px;
}
a.new_logo img{
	position: absolute;
	width: 210px;
	height: 57px;
    left: 14px;
	top: 84px;
}
.tools_inline {
	margin-left: 78px;
}
#champs {
	margin-left: -7px;
}