/*=========CSS Version 02/07/2007, ©web-PROduction.ch */
body {
	margin: 0px;
	padding: 0px;
	color: #003399;
}
td{ /* warning, copy this style in the admin print style .print-admin-td 4 stylesheet.php */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;	
	font-weight: bold;
}
a:hover {
	color: #666666; 
	text-decoration: none}
.border-black {
	border: 1px solid #000000;
}
.metatags {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1px;
	color: #b9f7ec;
}
/* BEGIN----------Style 4 the pictures */
#pic-border {
	border: 1px solid #000000;
}
.pic-left {
	margin-right: 10px;
	border: 1px solid #000000;
}
.pic-right {
	margin-left: 10px;
	border: 1px solid #000000;
}
/* END----------Style 4 the pictures */
hr {
	clear: both; /* only one edge (if not firefox puts a edge in top AND bottom but not IE  */
	height: 1px;
	border-top-width: 0;
	border-right-width: 0;
	border-bottom-width: 1px;
	border-left-width: 0;
	border-bottom-style: dotted;
	border-bottom-color: #004e90;
}
/*BEGIN==============================Formular===============================================*/ 

input, textarea, select {
	color:#000000;
	background-color:#FFFFFF;
	font-size:12px;
	border: 1px solid #000000;
	background-image: url(../img/back/input.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}
.button
{
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	cursor: pointer;
	background-position:right -42px;
	background-color:#FFFFFF;
	background-image: url(../img/back/btn.gif);
	background-repeat:repeat-x;
	color:#000099;
	font-weight: bolder;
	height: 18px;
	border: 1px solid #000099;
	padding-right: 15px;
	width: 150px;
}
.radio
{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

/*END==============================Formular===============================================*/ 

#back-header {
	background-image: url(../img/back/header.gif);
	background-position: 0px 0px;
	height: 92px;
	width: 780px;
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #308C8C;
	padding-left: 5px;
	background-color: #FFFFFF;
}
#title {
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #003399;
	font-weight: bold;
	padding-top: 15px;
	padding-left: 25px;
	text-transform: uppercase;
}
#page-content{
	padding-right: 28px;
	padding-left: 45px;
	background-repeat: repeat-y;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 12px;
	color: #003399;
}
.news-title {
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	color: #003399;
	padding-left: 5px;
	height: 23px;
	padding-top: 3px;
	width: 194px;
	letter-spacing: 2px;
}
.news-content {
	font-size: 11px;
	color: #000000;
	background-image: url(../img/back/news_content.gif);
	background-position: bottom;
	padding-top: 2px;
	padding-right: 3px;
	padding-bottom: 5px;
	padding-left: 5px;
	text-align: justify;
}


#address {
	color: #0238C2;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-left: 13px;
	padding-top: 40px;
}

/*BEGIN==============================Text format========================================*/ 

.justify {  
	text-align: justify
}
.subtitle {
	font-size: 15px;
	font-weight: bold;
	color: #006699;
}
.txt-14px {
	font-size: 14px;
}
.small {
	font-size: 10px;
}
a.small {
	font-size: 10px;
}
.development {
	font-size: 13px;
	font-weight: bold;
}

.no-flash {
	font-size: 11px;
	color: #FFFFFF;
}
.empty-field {
	color: #FF0000;
}
.error-title{
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	color: #FF0000;
}
/*END==============================Text format==========================================*/ 

/*BEGIN==============================Verticale button====================================*/

#ver-btn {
	font-family: Arial, Helvetica, sans-serif;
	padding-left: 11px;
	padding-top: 4px;
}

#ver-btn ul {
        list-style: none;
        margin: 0;
        padding: 0;
}

#ver-btn li a {
	width: 146px;
	height: 17px;
	voice-family: "\"}\"";
	voice-family: inherit;
	text-decoration: none;
	width: 100%;
}

#ver-btn li a:link, #ver-btn li a:visited {
	color: #0238C2;
	display: block;
	font-weight: bold;
	background-image: url(../img/back/btn.gif);
	background-position: 0 -3px;
	background-repeat: no-repeat;
}

#ver-btn li a:hover {
	color: #000099;
	display: block;
	background-image: url(../img/back/btn.gif);
	background-position: 0 -23px;
	background-repeat: no-repeat;
}
#ver-btn #current a{
	color: #000000;
	cursor: default;
	background-image: url(../img/back/btn.gif);
	background-position: 0 -43px;
	background-repeat: no-repeat;
}

.ver-btn-txt {
	top: 3px;
	position: relative;
	left: 0px;
	font-size: 11px;
	font-weight: bold;
}

/* btn 2 */
#ver-btn2 {
	font-family: Arial, Helvetica, sans-serif;
	padding-left: 11px;
	padding-bottom: 10px;
}

#ver-btn2 ul {
        list-style: none;
        margin: 0;
        padding: 0;
}

#ver-btn2 li a {
	height: 17px;
	width: 146px;
	voice-family: "\"}\"";
	voice-family: inherit;
	text-decoration: none;
	width: 100%;
}

#ver-btn2 li a:link, #ver-btn2 li a:visited {
	color: #0238C2;
	display: block;
	font-weight: bold;
	background-image: url(../img/back/btn.gif);
	background-position: 0 -63px;
	background-repeat: no-repeat;
}

#ver-btn2 li a:hover {
	color: #000099;
	display: block;
	background-image: url(../img/back/btn.gif);
	background-position: 0 -83px;
	background-repeat: no-repeat;
}
#ver-btn2 #current a{
	color: #000000;
	cursor: default;
	background-image: url(../img/back/btn.gif);
	background-position: 0 -103px;
	background-repeat: no-repeat;
}

#shop-btn {
	font-family: Arial, Helvetica, sans-serif;
	padding-left: 11px;
	padding-top: 40px;
}

#shop-btn ul {
        list-style: none;
        margin: 0;
        padding: 0;
}

#shop-btn li a {
	height: 17px;
	width: 146px;
	voice-family: "\"}\"";
	voice-family: inherit;
	text-decoration: none;
	width: 100%;
}

#shop-btn li a:link, #shop-btn li a:visited {
	color: #0238C2;
	display: block;
	font-weight: bold;
	background-image: url(../img/back/btn.gif);
	background-position: 0 -123px;
	background-repeat: no-repeat;
}

#shop-btn li a:hover {
	color: #000099;
	display: block;
	background-image: url(../img/back/btn.gif);
	background-position: 0 -143px;
	background-repeat: no-repeat;
}
#shop-btn #current a{
	color: #000000;
	cursor: default;
	background-image: url(../img/back/btn.gif);
	background-position: 0 -163px;
	background-repeat: no-repeat;
}

/*END====================================Verticale button====================================*/	

/*BEGIN==============================Horitontal button====================================*/

.hor-menu-normal {
	background-image: url(../img/back/btn_hor.gif);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #000000;
}
.hor-menu-normal a {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
}
.hor-menu-over {
	background-image: url(../img/back/btn_hor.gif);
	background-repeat: repeat-x;
	background-position: 200px 0px;
	cursor: pointer;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #000000;
}
.hor-menu-over a {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
}
.hor-menu-over a:hover {
	color: #000000;
	text-decoration: none;
	font-size: 11px;
}
.hor-menu-select {
	background-image: url(../img/back/btn_hor.gif);
	background-repeat: repeat-y;
	background-position: 0px -52px;
	cursor: pointer;
	border-left-style: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
}
.hor-menu-select a {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
}
.hor-menu-select a:hover {
	color: #000000;
	text-decoration: none;
	font-size: 11px;
}
/*END====================================Horitontal button====================================*/

/*BEGIN====================================Bottom link====================================*/
#bottom-link {
	font-size: 12px;
	color: #000000;
}	
#bottom-link a {
	color: #026DA2;
}	
#bottom-link a:hover {
	color: #3399CC;
}			
/*END====================================Horitontal button====================================*/				

/*BEGIN====================================Footer============================================*/

#conception {
	color: #004e90;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
}
#conception a {
	color: #FF6600;
	text-decoration: none;
	font-size: 10px;
}
#conception a:hover {
	color: #FF0000;
	text-decoration: underline;
}
#copy {
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}
#back-footer {
	background-image: url(../img/back/footer.gif);
	background-position: bottom;
	background-color: #FFFFFF;
}

/*BEGIN=================================ONLY 4 THIS PROJECT====================================*/
#back-title {
	padding-top: 10px;
	padding-left: 26px;
}

/*END====================================ONLY 4 THIS PROJECT====================================*/

/* BEGIN========================================Catalog list style=============================== */
#catalog-table-title {
	font-weight: bold;
	color: #FFFFFF;
	background-color: #2156A6;
	font-size: 12px;
}
#catalog-table-item {
	color: #000000;
	background-color: #E1F4FB;
	font-size: 12px;
}
#catalog-title {
	font-size: 14px;
	color: #666666;
	font-weight: bold;
}
#catalog-noarticle {
	font-size: 14px;
	color: #FF0000;
	font-weight: bold;
}
#catalog-view-page {
	font-size: 12px;
}
#catalog-title-search{
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	padding-left: 3px;
}
.catalog-price{
	font-size: 14px;
	font-weight: bold;
	color: #FF3300;
	text-decoration: none;
}
a.catalog-shop-add{
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
.search-input{
	font-size: 9px;
	height: 23px;
	width: 126px;
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(../img/back/search_form_input.gif);
	padding-right: 4px;
	padding-left: 7px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-top: 5px;
}
.error-title{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FF0000;
}
/* END========================================Catalog list style=============================== */

/* BEGIN========================Style 4 use in the admin module=============================== */
.print-admin-td {
	font-family: Arial, Helvetica, sans-serif;;
	font-size: 12px;
}

.grand {
	font-size: 18px;
	text-decoration: none;
}
.moyen {
	font-size: 16px;
	text-decoration: none;
}
.petit {
	font-size: 10px;
	text-decoration: none;
}