html, body{ 
 margin:0; 
 padding:0; 
 text-align:center; 
 font: 12px Arial;
} 
body{
 background: url(img_style/motif.png) fixed;
}

body.show-advert{
    overflow: hidden;	
    height: 100%;
width: 100%;
}

body.show-advert #marquee,body.show-advert #flashcontent{
	display: none;
}

#modal{
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  z-index: 1000;
  display: none;
}

#modal.show{
  display: block;
}


#modal .modal-background{
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  background: #000 url(./img_style/loading.gif) no-repeat scroll center;
  -moz-opacity: 0.75;
  opacity: 0.75;
  filter:alpha(opacity=75);
  z-index:1000;
}

#modal .modal-background h1{
	color:white;
	font-size:1.5em;
	left:50%;
	/*margin-left:-225px;*/
	margin-top:40px;
	position:absolute;
	top:50%;
	width:350px;
	-moz-opacity: 1;
	opacity: 1;
	filter:alpha(opacity=100);
	
}


#modal .modal-content {
    height:100%;
    position:absolute;
    width:100%;
    z-index:1001;
    overflow: hidden;
    top: 0px;
    left: 0px;

}

#modal .modal-content a.close-text{
    color:#F8EFF3;
    font-size:1.3em;
    font-weight:bold;
    margin:10px;
    position:absolute;
    right:5px;
    bottom:15px;
    z-index:1002;

}

#modal .modal-content a.close-text:hover{
    color:#DACABF;
}

#modal .modal-content a.close-button{
    border:1px solid #F8EFF3;
    color:#F8EFF3;
    font-size:2.3em;
    height:1.2em;
    padding:0;
    position:absolute;
    right:5px;
    text-decoration:none;
    top:5px;
    width:1.2em;
    z-index:1002;
    margin: 1px;
    font-weight: normal;
}

#modal .modal-content a.close-button:hover{
    margin:0px;
    border: 2px solid #DACABF;
    color: #DACABF;
    font-weight: bold;
}



#advert-container{
    position: absolute;
    top:    0px;
    left:   0px;
    height: 100%;
    width:  100%;
    text-align: center;
    padding-top: 10px;
    overflow:   hidden;
}

/*** TABLEAUX ***/

.tablehp {
 margin: 0 0 1px 0;
 float: left;
 border-collapse: collapse;
}
.tablehp td {
 border-right: 1px solid #DACABF;
 background-color: #4F2334;
}
.tablessf {
 margin: 0;
 border: 0;
 background-color: #DACABF;
}
.tablessf td {
 border-collapse: collapse;
 border-right: 1px solid #DACABF;
 border-bottom: 1px solid #DACABF;
 background-color: #fff;
 width: 301px;
 height: 150px;
 overflow: auto;
}
html:lang(en)>body .tablessf td {
 /* Safari et IE6 et 7 ne voient pas */
 height: 151px;
}
.tableliste {
 text-align: left;
 width: 100%;
 border-collapse: collapse;
 font: 11px Arial;
}
.tableliste td {
 border-right: 1px solid #fff;
 border-bottom: 1px solid #fff;
 background-color: #F8EFF3;
 color: #000;
 /*width: 20%;*/
 /*height: 60px;*/
 padding: 2px;
 vertical-align: top;
}
.tabledetail {
 text-align: left;
 width: 100%;
 border-collapse: collapse;
 font: 11px Arial;
}
.tabledetail td {
 border-right: 1px solid #fff;
 border-bottom: 1px solid #fff;
 background-color: #F8EFF3;
 color: #000;
 width: 34%;
 height: 60px;
 padding: 2px;
 vertical-align: top;
}
td.rapnav {
 height: 20px;
}

/*** TITRES ***/

.cache {
 position: absolute;
 visibility: hidden;	
}
.titre_boite {
 font: bold 14px Arial;
 letter-spacing: -1px;
 margin: 0 0 4px 0;
 color: #fff;
 text-decoration: underline;
}
#news h1 {
 font: bold 18px Arial;
 letter-spacing: 0px;
 margin: 0 0 4px 0;
 color: #AE578A;
 line-height: 0.8em;
 letter-spacing: -0.1em;
}
#content h2, .blockcat h2 {
 font: bold 18px Arial;
 color: #AE578A;
 margin: 15px 0 5px 0;
 line-height: 0.8em;
 letter-spacing: -0.1em;
}
#content h3 {
 font: bold 14px Arial;
 color: #4F2334;
 margin: 15px 0 5px 0;
 line-height: 0.8em;
 letter-spacing: 0em;
}
#content h2.nav_rappel {
 font: bold 12px Arial;
 color: #4F2334;
 margin: 5px 0 5px 0;
 line-height: 0.8em;
 letter-spacing: 0em;
}
#content .tableliste h3 {
 margin: 6px 0 2px 0;
 color: #4F2334;
 font-size: 12px;
}
#content .tableliste h2 {
 font-size: 16px;
}

/*** LIENS ***/

#content a,#content a:visited {
 color: #4F2334;
}
#content a:hover {
 color: #AE578A;
}
.cp a,.cp a:visited {
 color: #D7C5B9;
}
#content .block2 a, #content .block2 a:visited {
 color: #AE578A;
 text-decoration: none;
}
#content .block2 a:hover {
 color: #4F2334;
 text-decoration: none;
}

#content .tableliste a h3 {
 text-decoration: none;
 color: #AE578A;
}
#content .tableliste a:hover h3 {
 text-decoration: none;
 color: #4F2334;
}

.blockcatals a, .blockcatalsg a, .blockcatals, .blockcatalsg {
 text-decoration: none;
 color: #AE578A;
}
.blockcatals a:hover, .blockcatalsg a:hover {
 text-decoration: none;
 color: #4F2334;
}

/*** MENU ***/

a#vide {
 display: block;
 width: 150px;
 height: 75px;
 background-image: url(img_style/b_vide.png);
}
.outer_menu {
 margin: 0px 1px 1px 0;
 padding: 0; 
 background: #AE578A url(img_style/ssmenu_bg.png);   
 float: right;   
 width: 150px;
 min-height: 151px;
}
* html .outer_menu {
 height: 151px;
}
.inner_menu {
 font: normal 13px Arial;
 color: #fff;
 padding: 0px 2px 2px 2px;
}

/** Sous menu **/

.navlist {
padding: 0;
margin: 2px 0 0 0;
text-align: left;
/*min-height: 446px;*/
}
*html .navlist {
/*height: 446px;*/
}
.navlist td {
margin: 0;
padding: 0;
line-height: 15px;
height: 25px;
width: 146px;
}
.navlist a, .navlist a:visited {
 font-size: 12px;
 display: block;
 padding: 2px;
 text-decoration: none;
 color: #fff;
background-color: #AE578A;
}
.navlist a:hover { 
 text-decoration: none;
 color: #fff;
 background-color: #4f2334;
}
.navlist a.current { 
 text-decoration: none;
 color: #fff;
 background-color: #4f2334;
}

/** Sous menu 2 **/

.navlist2 {
padding: 0;
margin: 2px 0 0 0;
text-align: left;
}
.navlist2 td {
margin: 0;
padding: 0;
line-height: 15px;
height: 20px;
width: 146px;
}
.navlist2 a, .navlist2 a:visited {
 font: bold 14px Arial;
 letter-spacing: -1px;
 display: block;
 padding: 2px;
 text-decoration: none;
 color: #fff;
}
.navlist2 a:hover { 
 text-decoration: none;
 color: #fff;
 background-color: #87694e;
}

/*** POSITIONNEMENT DES BLOQUES ***/

.block1{
 margin: 0px 1px 1px 0px;
 padding: 0;
 background-color: #fff;  
 float: left;   
 width: 150px;
 height: 150px; 
}
.block2{
 margin: 0 1px 1px 0;
 padding: 0; 
 background-color: #fff;   
 float: left;
 width: 301px;
 height: 150px;
}
.block2list {
float:left;
margin: 0 1px 1px 0;
display: inline;
background-color: #fff;
padding: 5px 5px 15px 5px;
width: 743px;
min-height: 280px;
font-size: 11px;
}
*html .block2list {
height: 280px;
}
.blockcat {
float:left;
margin: 0 1px 1px 0;
display: inline;
background-color: #fff;
padding: 5px 5px 15px 5px;
width: 743px;
min-height: 80px;
font-size: 11px;
}
*html .blockcat {
height: 80px;
}
.blockcatals {
float:left;
margin: 0 1px 1px 0;
display: inline;
background-color: #fff;
padding: 5px 5px 15px 5px;
width: 593px;
min-height: 15px;
font-size: 15px;
}
*html .blockcatals {
height: 15px;
}
.blockcatalsg {
float:left;
margin: 0 1px 1px 0;
display: inline;
background-color: #fff;
padding: 5px 5px 15px 5px;
width: 743px;
min-height: 15px;
font-size: 15px;
}
*html .blockcatalsg {
height: 15px;
}
.block3list {
float:left;
margin: 0 1px 1px 0;
display: inline;
background-color: #fff;
padding: 5px 5px 15px 5px;
width: 593px;
height: 280px;
font-size: 11px;
overflow: auto;
}
.block3{
 margin: 0px 1px 1px 0;
 padding: 0; 
 background-color: #fff;   
 float: left;   
 width: 301px;
 height: 301px; 
}
#content{
 float: left;
 margin: 0;
 padding: 0;
 background-color: #D7C5B9;
 width: 604px;
 min-height: 300px;
 color: #666;
}
* html #content {
height: 300px;
}
#content .block2 {
display: inline;
padding: 5px;
width: 291px;
height: 140px;
font-size: 12px;
overflow: auto;
}
#content .block1 {
float: left;
display: inline;
height: 60px;
margin-right: 10px;
min-width: 210px;
}
*html #content .block1 {
width: 210px;
}
#sidebar {
 float: left;
 width: 151px;
 margin: 0 0px 0 0;
 margin: 0;
 padding: 0;
}
#news {
 padding: 10px;
 margin: 0;
 width: 281px;
 height: 130px;
 overflow: auto;
 overflow-x: hidden;
 font: 11px Verdana;
 text-align: left;
 color: #666;
}
 /* Scrollbar */
 #news, #content .block2 {
 scrollbar-arrow-color: #DACABF;
 scrollbar-3dlight-color: #D7C5B9;
 scrollbar-darkshadow-color: #87694E;
 scrollbar-face-color: #F8EFF3;
 scrollbar-highlight-color: #F8EFF3;
 scrollbar-shadow-color: #F8EFF3;
 scrollbar-track-color: #DACABF;
}

/*** IMAGES ***/

img{
 border: none;
}
#content .block2 img {
 float: left;
 margin: 5px;
 /*width: 130px;
 height: 130px;*/
}
#content .block2list img {
 float: left;
 margin: 5px;
 /*width: 130px;
 height: 130px;*/
}
#content .block2list .formulaire img {
 float: none;
 margin: 0;
}
.tableliste input, .tabledetail input {
 margin: 2px;
 float: none;
 vertical-align: text-top;
}
#content .block2list .tableliste img, #content .block2list .tabledetail img {
 margin: 2px;
 float: none;
 vertical-align: text-top;
}

/*** FORMULAIRES ***/

form {
 margin: 0;
 padding: 0;
}
/* Images formulaire du deroule de la page 2 et 3 */
#content input.img_form {
 float: left;
 margin: 5px;
 /*width: 130px;
 height: 130px;*/
}
.form_hp{
 float: left;
 margin: 5px 0 0 0;
 padding: 2px;
 font: 11px Verdana;
 color: #fff;
}
input.boite {
 padding: 2px;
 width: 140px;
 font: 10px Verdana;
 background-color: #A58463;
 border-top: 1px solid #fff;
 border-right: 1px solid #fff;
 border-bottom: 1px solid #fff;
 border-left: 1px solid #fff;
 color: #3E2023;
}
input.sub {
 padding: 2px;
 /*float: right;*/
 font: 10px Verdana;
 width: 60px;
 background-color: #A58463;
 border-top: 1px solid #fff;
 border-right: 1px solid #fff;
 border-bottom: 1px solid #fff;
 border-left: 1px solid #fff;
 color: #fff;
}
.champsderoule {
 border: 1px solid #D7C5B9;
 font: normal 11px Arial;
 color: #666;
}
.blockcat input {
 /*width: 30px;*/
 background-color: #4F2334;
 border-top: 1px solid #fff;
 border-right: 1px solid #fff;
 border-bottom: 1px solid #fff;
 border-left: 1px solid #fff;
 color: #fff;
}
.blockcat input:hover {
 background-color: #AE578A;
}
#TYPE_PRIX_STAT_ENT_L1_0, #TYPE_PRIX_STAT_ENT_L1_1 {
 background-color: #F8EFF3;
 border: none;
 vertical-align: middle;
}
.tabletri input {
 width: 30px;
 height: 20px;
 font: 10px Verdana;
 padding: 2px;
 background-color: #AE578A;
 border-top: 1px solid #fff;
 border-right: 1px solid #fff;
 border-bottom: 1px solid #fff;
 border-left: 1px solid #fff;
 color: #fff;
}
.tabletri input:hover {
 background-color: #4F2334;
}
input.votreespace {
 background-color: #fff;
 color: #AE578A;
 padding: 10px;
 border: 2px solid #AE578A;
 width: 300px;
 margin: 5px 0 0 0;
 font-weight: bold;
}
input.votreespace:hover {
 color: #fff;
}

/*** LAYOUT ***/

#pagewidth{ 
 width:755px;
 text-align:left;
 margin-top: 10px;  
 margin-left:auto; 
 margin-right:auto; 
 margin-bottom: 0px;
 padding: 3px 2px 2px 3px;
 background: #DACABF url('img_style/fd_deco_bas.png') bottom right no-repeat; 
} 
 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
}

.clear {
 clear: both;
 /*visibility: hidden;*/
 margin: 0;
 padding: 0;
 height: 1px;
 border: none;
}

.cp {
 font: normal 11px Arial;
 color: #D7C5B9;
}
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  



body.REMC .tablessf td{
  height: 35px;
}

body.REMC .tablessf td .img_form{
 display: none;
}

.blink-msg{
  background-color: #AD558C;
  border-radius: 5px;
  -moz-border-radius: 5px;
  color: white;
  padding: 2px 5px;
  margin: 5px;
  font-size: 12px;
}

.blink-msg em{
  font-weight: bold;
  text-decoration: underline;
}

ul.liste-promo{
  margin: 0px;
  border-left:2px solid #4A2031;
  list-style:none outside none;
  padding:5px;
  margin-left: 5px;
}

#BT_MI_AATB_WRAP{
  float: right;
  margin: 0px;
  margin-top: -6px;
  margin-right: -6px;
  position: relative;
  padding: 0px;
}

#BT_MI_AATB-old{
  background:none repeat scroll 0 0 #4F2334;
  color:white;
  padding:5px;
  text-decoration:none;
/*  position:absolute;
  top:315px;
  left:859px;
*/
  width:140px;
}
#BT_MI_AATB{
  background:none repeat scroll 0 0 #4F2334;
  color:white;
  font-size:12px;
  height:26px;
  left:-149px;
  padding:5px;
  position:absolute;
  text-decoration:none;
  top:1px;
  width:137px;
  text-align: center;
}

#BT_MI_AATB_WRAP.fixed #BT_MI_AATB{
  position:fixed;
  top:15px;
}

#BT_MI_AATB:hover{
  background-color: #AD558C;
}