/*<![CDATA[*/

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

body {background: #f8f7f0; font-family: Arial, Helvetica, sans-serif; font-size:62.5%}
html, body{	color: #898b8d; height: 100%;}

.clearing { clear: both; margin: 0; padding: 0; border: none; height: 0; line-height: 1px; font-size: 1px; }
a{	text-decoration: none;}
a:hover{ text-decoration: underline;}
img {	border: 0;}

.white{color: #ffffff;}
.sup{height: 0; line-height: 1; vertical-align: baseline; position: relative; bottom: 0.8ex; font-size:9px;}
.intertitre{font-size: 1.2em;}

/* ------------------------------------ */
/*               STRUCTURE              */
/* ------------------------------------ */
#container{position: relative; width: 975px; overflow: hidden; margin: 0 auto; background: #ffffff;}
#header {position: relative; width: 945px; height: 229px; margin: 35px 0 15px 15px; background: url(../cimbeton/header-bg.png) no-repeat;}
#nav{position: relative; width: 945px; height: 33px; margin: 0 auto; background: url(../cimbeton/nav-bg.png) no-repeat;}
#main{position: relative; width: 945px; padding: 20px 0 0 0; margin: 0 auto;}
#footer{width: 975px; clear: both; margin: 0 auto; text-align: center; padding: 33px 0 70px 0;color: #c3c4c5; font-size: 1.1em;}

/* ------------------------------------ */
/*               HEADER                 */
/* ------------------------------------ */
#header a{ padding: 54px 0 0 31px; display: block;}
#header h1{display: none; color: #8ba80a; font-size: 1.1em; font-weight: bold; padding: 0 0 0 191px;}

/* ------------------------------------ */
/*                 NAV                  */
/* ------------------------------------ */
#nav ul{list-style: none; padding: 1px 0 0 8px;}
#nav ul li{float: left; height: 31px; color: #c3c4c5; font-size: 1.8em;}
#nav ul li span{display: none;}
#nav ul li.sep{width: 5px;/*width: 30px;*/ height: 31px; background: url(../cimbeton/nav-sep.png) center no-repeat;}

/* ------------------------------------ */
/*                 HOME                 */
/* ------------------------------------ */
#lebeton{float: left; width: 435px; height: 772px; background: url(../cimbeton/lebeton-bg.jpg) no-repeat; padding: 25px 15px 0 15px; margin: 0 15px 0 0;}
#lebeton h2{ color: #8ba709; font-size: 3.2em; font-weight: bold; line-height: 32px; padding: 0 0 20px 0;}
#lebeton h3{ color: #898b8d; font-size: 1.2em; font-weight: normal; padding: 0 0 40px 0; line-height: 17px;}
#lebeton ul{border-top: 1px solid #e8edce; list-style: none; padding: 0 0 40px 0;}
#lebeton ul li{border-bottom: 1px solid #e8edce;/* color: #728cb8; font-size: 1.2em; font-weight: bold;*/}
#lebeton ul li#preuve1{ background: url(../cimbeton/lebeton-preuve1.png) 2px 18px no-repeat; padding: 18px 0 18px 97px;}
#lebeton ul li#preuve2{ background: url(../cimbeton/lebeton-preuve2.png) 2px 18px no-repeat; padding: 18px 0 18px 97px;}
#lebeton ul li#preuve3{ background: url(../cimbeton/lebeton-preuve3.png) 2px 18px no-repeat; padding: 18px 0 18px 97px;}
#lebeton ul li#preuve4{ background: url(../cimbeton/lebeton-preuve4.png) 2px 18px no-repeat; padding: 18px 0 18px 97px;}
#lebeton ul li a.pdf{ color: #728cb8; font-size: 1.2em; font-weight: bold; background: url(../cimbeton/pdf-fleche.png) right no-repeat; padding: 1px 0 0 0; display: block;}
#lebeton a{ color: #575a5d; font-size: 1.2em; font-weight: bold; background: url(../cimbeton/fleche-marron.png) 0 3px no-repeat; padding: 0 0 0 11px;}
#lebeton #download{border-top: 3px solid #8ba70a; border-bottom: 3px solid #8ba70a; padding: 20px 0 0 0; margin: 40px 0 0 0; height: 55px}
#lebeton #download h4{ color: #575a5d; font-size: 1.2em; font-weight: bold; padding: 0 0 10px 0;}
#lebeton #download p{clear: both; padding: 0 0 3px 0; overflow: hidden; height: 16px;}
#lebeton #download a{float: left; padding: 0 34px 0 11px;}
#lebeton #download span{float: left; color: #575a5d; font-size: 1.2em; font-weight: normal; width: 260px; background: url(../cimbeton/fleche-light.png) 0 3px no-repeat; padding: 0 0 0 11px;}

#maisonAB{float: left; width: 275px; height: 765px; background: url(../cimbeton/maisonAB-bg.png) no-repeat; padding: 30px 15px 0 15px; margin: 0 15px 0 0;}
#maisonAB h2{ color: #ffffff; font-size: 3.2em; font-weight: bold; line-height: 20px; padding: 0 0 7px 0;}
#maisonAB h3{ color: #728cb8; font-size: 1.4em; font-weight: bold; /*line-height: 32px;*/ padding: 0 0 14px 0;}
#maisonAB .maisonABbox{border-top: 3px solid #8ba70a; margin: 7px 0 0 0 0; padding: 15px 0 13px 0; color: #ffffff; font-size: 1.2em; font-weight: bold; line-height: 16px;}
#maisonAB .maisonABbox a{background: url(../cimbeton/fleche-marron.png) 0 3px no-repeat; padding: 0 0 0 12px; color: #63760c; font-weight: bold;}
#maisonAB .maisonABbox p{padding: 15px 0 15px 0;}
#maisonAB .maisonABbox h4{font-size: 1.4em; line-height: 18px;}

#colright{float: right; width: 145px;}

.colr-box-blue{width: 145px; background: url(../cimbeton/colr-box-blue.png) no-repeat; padding: 15px 0 0 0; margin: 0 0 10px 0; color: #d5ddea; font-size: 1.3em; font-weight: bold;}
.colr-box-blue h5{display: block; padding: 0 0 5px 12px; color: #ffffff; font-size: 1.7em;}
.colr-box-blue p{display: block; padding: 0 0 5px 12px;}
.colr-box-blue-bot{width: 145px; height: 15px; background: url(../cimbeton/colr-box-blue-bot.png) bottom no-repeat; text-align: center;}

.colr-box{width: 145px; background: url(../cimbeton/colr-box-top.jpg) no-repeat; text-align: center; margin: 0 0 10px 0; padding: 6px 0 0 0; }
.colr-box h5{ color: #8c8d8f; font-size: 1.4em; font-weight: bold; padding: 6px 0 2px 0;}
.colr-box h6{ color: #8c8d8f; font-size: 1.1em; font-weight: bold; padding: 6px 0 2px 0;}
.colr-box p{padding: 6px 0 6px 0;}
.colr-box span{ color: #8c8d8f; font-size: 1.0em; font-weight: normal; padding: 3px 0 2px 6px; display: block; text-align: left;}
.colr-box a.fleche{background: url(../cimbeton/fleche-marron.png) 0 4px no-repeat; padding: 2px 0 0 8px; color: #575a5d; font-size: 1.1em; font-weight: bold; display: block; text-align: left; margin: 0 0 0 6px;}
.colr-box-bot{width: 145px; height: 13px; background: url(../cimbeton/colr-box-bot.jpg) bottom no-repeat; text-align: center;}

.colr-box2{width: 145px; background: url(../cimbeton/colr-box2-top.png) no-repeat; text-align: center; margin: 0 0 10px 0; padding: 52px 0 0 0;}
.colr-box2 p{padding: 6px 6px 6px 0;}
.colr-box2 a.fleche{background: url(../cimbeton/fleche-marron.png) 0 2px no-repeat; padding: 0 0 8px 8px; color: #575a5d; font-size: 1.1em; display: block; text-align: left; margin: 0 0 0 6px;}
.colr-box2-bot{width: 145px; height: 15px; background: url(../cimbeton/colr-box2-bot.png) bottom no-repeat; text-align: center;}


/* ------------------------------------ */
/*                 PAGES                */
/* ------------------------------------ */
#page{float: left; width: 770px; padding: 25px 15px 0 0; /*border: 1px solid blue*/}
#page h1{ color: #8ba709; font-size: 3.2em; font-weight: bold; line-height: 32px; padding: 0 0 20px 15px;}
#page p.chapo{ color: #898b8d; font-size: 1.2em; font-weight: normal; line-height: 18px; padding: 0 0 20px 15px; /*width: 615px;*/}
#page p{ color: #898b8d; font-size: 1.2em; font-weight: normal; line-height: 18px; padding: 0 45px 20px 15px;}
#page p a{ color: #728cb8;}
#page p a.qsn{ float: left; padding: 0 15px 20px 0; width: 110px; text-align: center;}
#page p a.fleche{float: none; text-align: left; background: url(../cimbeton/fleche-marron.png) 0 3px no-repeat; padding: 0 0 4px 10px; color: #575a5d; font-size: 1.0em; margin: 0 0 0 6px;}


.pagebox{overflow: hidden; height: 1%; width: 770px; padding: 8px 0 0 15px; background: url(../cimbeton/pagebox-top.png) no-repeat;}
.pagebox h2{color: #565a5d; font-size: 1.4em; font-weight: bold; line-height: 32px; padding: 0 0 5px 0;}
.pagebox h2 span{color: #a8a8aa; font-size: 0.85em; font-weight: normal; padding: 0 0 0 10px; display: inline;}
.pagebox h3{color: #565a5d; font-size: 1.4em; font-weight: bold; /*line-height: 32px;*/ padding: 10px 0 5px 0;}
.pagebox a{float: left; padding: 0 45px 20px 0; text-align: center; color: #728cb8; width: 145px; height: 120px; margin: 0 auto;}
.pagebox a img{display: block; border: 1px solid #396ea0; text-align: center; margin: 0 auto;}
.pagebox a span{display: block; padding: 5px 0 0 0; color: #728cb8; font-size: 1.0em; font-weight: normal;}
.pagebox a.dervign{padding-right: 0px;}
.pagebox a.syst{padding: 0 75px 20px 0; width: 145px; height: 220px;}
.pagebox a.planch{padding: 0 75px 20px 0; width: 165px; height: 120px;}
.pagebox a.fleche{float: none; text-align: left; height: auto; width: auto; /*color: #728cb8;*/ background: url(../cimbeton/fleche-marron.png) 0 3px no-repeat; padding: 0 0 4px 10px; color: #575a5d; font-size: 1.2em; display: block; margin: 0 0 0 6px;}

.pagebox #download{ padding: 0 0 5px 0;}
.pagebox #download h4{ /*color: #575a5d; font-size: 1.2em; font-weight: bold; padding: 0 0 10px 0;*/ font-weight: normal; background: url(../cimbeton/fleche-marron.png) 0 3px no-repeat; padding: 0 0 8px 10px; color: #575a5d; font-size: 1.2em; display: block; margin: 0 0 0 6px;}
.pagebox #download p{/*clear: both; padding: 0 0 0 0; margin: 0; overflow: hidden; height: 1%;*/margin-left:20px; /*border: 1px solid red*/}
.pagebox #download a{float: left; height: auto; width: auto; padding: 0 34px 0 11px; color: #575a5d; font-size: 1.1em; font-weight: normal; background: url(../cimbeton/fleche-marron.png) 0 4px no-repeat;}
.pagebox #download span{float: left; color: #575a5d; font-size: 1.1em; font-weight: normal; width: 140px; background: url(../cimbeton/fleche-light.png) 0 3px no-repeat; padding: 0 0 0 11px;}

.pagebox span{color: #a8a8aa; font-size: 1.2em; font-weight: normal; padding: 7px 0 10px 0; display: block;}

#page .pagebox p{ color: #898b8d; font-size: 1.2em; font-weight: normal; line-height: 18px; clear: both; padding: 0 15px 20px 0;}
.pagebox-bot{width: 785px; height: 15px; background: url(../cimbeton/pagebox-bot.png) bottom no-repeat; margin: 0 0 15px 0;}

ul#accordion{list-style: none; font-size: 1.2em; padding: 0 0 0 15px;}
ul#accordion li {padding: 0 0 10px 0;}
ul#accordion li a{color: #728cb8; font-weight: bold; font-size: 1.2em;}
ul#accordion ul{list-style: none; padding: 10px 0 0 10px;}
ul#accordion li ul li a{color: #728cb8; font-weight: normal; font-size: 1.0em;}

/* ------------------------------------ */
/*                FOOTER                */
/* ------------------------------------ */
#footer p{padding: 0 0 24px 0;}
#footer p img{padding: 0 13px 0 13px;}
#footer a{color: #c3c4c5;}

/*]]>*/