
/*GENERAL*/
* { margin:0; padding:0;}

.clear { clear:both;}

a { color:#775844; font-weight:bold; text-decoration:none;}
.selected { color:#fff; font-size:10px;}

.display { display:none;}

body { background:url(../images/background.jpg) #1c130e repeat-x; 
		color:#fff; font-size:11px; text-align:center; }

#container { width:952px; margin:0 auto;
					font-family:Arial, Helvetica, sans-serif; text-align:left;}


					
/*CONTENU*/

#header { height:445px;}
#header_lang {height:105px;}
#header h1,#header_lang h1 { background:url(../images/logo_costermans.jpg) no-repeat; width:189px; height:64px; margin: 15px 0 0 0;}


#banner { border:solid 16px #000; width:922px;}
.banner_img2{float:left; display:block;}
.banner_img{float:left; display:block; border-left:solid 2px #000;}

#box_fr,#box_nl,#box_en {width:315px; float:left;  }
* html #box_fr,* html #box_nl,* html #box_en {width:245px;}
#box_fr a,#box_nl a,#box_en a{display:block; /*margin:0 0 0 25px;*/}

#box_nl .box{ border-left: solid 1px #5e4c42; border-right: solid 1px #5e4c42;}

/*MISE EN FORME*/

#box_fr h2 a,#box_nl h2 a,#box_en h2 a { color:#fff; font-size:13px; margin:0 0 0 0;}

p { margin:0 0 10px 0;}

.box {padding:10px 30px 0 30px; width:265px; height:156px; margin:0 0 10px 0;}
* html .box {width:255px;}

/*Liens langues*/

a .box h2 { color:#fff; font-size:13px; margin:0 0 0 0; font-weight:bold; margin:0pt 0pt 15px 0;}
a .box p {color:#fff; font-size:11px; font-weight:normal;}
.link_language { display:block; margin:0 0 0 30px;}

/*HOME*/

#topdate,#leftlangchoice,#contcentlangchoice,#illutopright,#centerlangchoice,#bottomnav,#bottomdate,#centernav,#centercontent { display:none}
#header a { color:#918e8e; font-size:10px;}

#topnav { height:84px; border-bottom:solid 1px #5e4c42;}
#topnav #logo_header{ width:300px; float:left;}
#topnav #content_header { width:650px; text-align:right;float:left; padding:15px 0 0 0;}

#toplangchoice { padding:10px 0;}

#illutopleft { background:url(../images/banner_antique.jpg) no-repeat; width:460px; height:272px; border:solid 15px #000; border-right:none; float:left; position:relative; margin:0 0 25px 0;}
#illutopcenter {background:url(../images/banner_salon.jpg) no-repeat; width:460px; height:272px; border:solid 15px #000; border-left:solid 2px #000; float:left; position:relative; margin:0 0 25px 0;}

* html #illutopcenter ,* html #illutopleft{ width:455px;}

#illutopleft a,#illutopcenter a { background:#000; padding:5px 10px; position:absolute;right:25px;bottom:0px; font-weight:bold; font-size:12px; color:#fff;}

#content { width:950px; color:#666; font-size:12px;}



#leftcontent,#rightcontent { width:435px; padding:0 20px;}

.intro_home { /*height:98px;*/ margin:0 0 20px 0;}
.intro_home a,#content .intro_home p{ color:#FFF; font-weight:normal;}
#content img { float:left; margin:0 10px 10px 0;}
h2 .h2_intro { color:#775844; font-size:24px; margin:0 0 15px 0; font-weight:normal;}


h2 { color:#5e4c42; font-size:24px; margin:0 0 15px 0; font-weight:normal;}

#toplangchoice li { display:inline; list-style:none;}

.cloud{ width: 930px; margin: 0 auto; font-family:Arial, Helvetica, sans-serif; background: #2d1e17; margin-top: 50px; padding: 15px;}
.cloud ul{ display: inline; list-style: none;}
.cloud ul li{ float: left; padding: 5px 10px;}
.cloud ul li a{ float: left;}

.cloud h1, .cloud h2, .cloud h3{ font-size: 12px; padding-top: 12px;}
.cloud h1.medium, .cloud h2.medium, .cloud h3.medium{ font-size: 18px; padding-top: 7px;}
.cloud h1.big, .cloud h2.big, .cloud h3.big{ font-size: 25px; padding-top: 0;}


.box h1, .box h1 a{ margin-bottom: 10px; color: #fff;}

/* ##################### TINY MCE ###################### */
body.mceContentBody {
   background:#FFFFFF ;
   color:#000;
    text-align:left;
}