/* TODO Copyrights */

/* General */
html, body{font-size:12px;font-family:Verdana;color:#000;height:100%;}
.block input.halfbox{width:100%;}
textarea{width:100%;}


/*TITLES*/
h1{font-size:18px;font-weight:bold;}
h2{font-size:16px;font-weight:bold;}
h3{font-size:14px;font-weight:normal;}
h4{padding:10px 0px 5px 0px;font-weigth:bold;color:#666;font-weight:bold;}

/*LINKS*/
a, a:hover, a:visited{font-weight:bold;color:#369;text-decoration:none;}

/*LISTS*/
ul.blue.level1 li{color:#000;list-style-image:url(../images/charte-liste-level1-blue.png);margin:20px;}
ul.blue.level2 li{color:#000;list-style-image:url(../images/charte-liste-level2-blue.png);margin:20px;}
ul.yellow.level1 li{color:#000;list-style-image:url(../images/charte-liste-level1-yellow.png);margin:20px;}
ul.yellow.level2 li{color:#000;list-style-image:url(../images/charte-liste-level2-yellow.png);margin:20px;}

/*TABS*/
div .tabs{font-family:Arial;font-weight:bold;}
div .tab{height:31px;float:left;}

div .tab .left, div .tab .right{width:9px;height:31px;overflow:hidden;float:left;}
div .tab .center{overflow:hidden;float:left;height:21px;padding:10px 0px 0px 0px;min-width:150px;text-align:center}

div .tab.off .left{background-image:url(../images/charte-tabs-off-left.png);}
div .tab.off .right{background-image:url(../images/charte-tabs-off-right.png);}
div .tab.off .center{background-color:#369;color:#FFF;}

div .tab.on .left{background-image:url(../images/charte-tabs-on-left.png);}
div .tab.on .right{background-image:url(../images/charte-tabs-on-right.png);}
div .tab.on .center{background-color:#FFD700;color:#000;}

div .spacer{width:2px;height:31px;overflow:hidden;float:left;}

div .tab_content{width:100%;border:2px solid #FFD700;clear:both;padding:10px;}

/*BOXES*/
.wbox {border:1px solid #FFD700;margin:10px;}
.wbox.yellow {font-family:Arial;font-weight:bold;color:#FFF;background:url(../images/charte-box-yellow.png);height:180px;width:180px;padding:10px;}
.wbox.emphasis{font-family:Arial;font-weight:bold;color:#000;background:url(../images/charte-box-emphasis.png);padding:35px 30px 15px 30px;width:140px;height:150px;}

/*BUTTONS*/
.button{height:30px;margin:5px 10px;}
.button .left{width:10px;height:30px;background:url(../images/charte-button-left.png) no-repeat;overflow:hidden;float:left;}
.button .center{height:12px;background-color:#369;float:left;color:#FFF;font-size:12px;font-family:Arial;font-weight:bold;padding:9px 0px;min-width:60px;}
.button .right{width:10px;height:30px;background:url(../images/charte-button-right.png) no-repeat;overflow:hidden;float:left;}

.button .image{float:left;height:30px;width:60px;background:no-repeat #369;display:block;}
.button .image.login{background-image:url(../images/charte-button-login.png);}
.button .image.next{background-image:url(../images/charte-button-next.png);}
.button .image.cart{background-image:url(../images/charte-button-cart.png);}
.button .image.pricetag{background-image:url(../images/charte-button-pricetag.png);}
.button .image.contact{background-image:url(../images/charte-button-contact.png);}
.button .image.download{background-image:url(../images/charte-button-download.png);}

/* FIELD SET */
fieldset{border:1px solid #DDD;padding:10px;margin:10px;}
fieldset legend{color:#AAA;font-weight:bold;margin:0px 10px;}

/*ERROR*/
.message{font-weight:bold;font-size:}
.message li{margin:20px;}
.message.notice{color:#369;}
.message.notice li{list-style-image:url(../images/charte-message-notice.png);}
.message.error{color:#F00;}
.message.error li{list-style-image:url(../images/charte-message-error.png);}
.message.success{color:#FFD700;}
.message.success li{list-style-image:url(../images/charte-message-success.png);}

/*PAGER*/
.pagenavigator{text-align:center;}
.pagenavigator .previous{float:left;}
.pagenavigator .next{float:right;}
.pagenavigator .pages .other a{}
.pagenavigator .pages .current a{font-weight:normal;}


/*OTHER*/
.price{font-size:17px;height:31px;float:left;margin:5px 10px;}
.price .left{width:10px;height:31px;background:url(../images/charte-price-left.png) no-repeat;float:left;}
.price .center{min-width:100px;height:19px;float:left;color:#000;background-color:#FFD700;text-align:center;padding:5px 0px 7px 0px;}
.price .right{width:10px;height:31px;background:url(../images/charte-price-right.png) no-repeat;float:left;}