@charset "iso-8859-1"; 

body {font-family: Verdana,Arial,sans-serif; font-size: 12px; margin-top: 0px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; scrollbar-arrow-color: #1C3D9E; scrollbar-3dlight-color: #D5DAEA; scrollbar-highlight-color: #cccccc; scrollbar-face-color: #A8AFC8; scrollbar-shadow-color: #213342; scrollbar-track-color: #EAE9E7; scrollbar-darkshadow-color: #5D6994}

table {font-size: 12px}

td.page_debut {
	text-decoration: none;
	border: none;
}

font.page_debut {
	font-family: Verdana;
	color: #FFFFFF;
	text-decoration: none;
	border: none;
	font-size: 9px;
}

A:link {color: #172492; text-decoration: none;}
A:active {color: #FF6600; text-decoration: underline;}
A:visited {color: #172492; text-decoration: none;}
A:hover {color: #FF6600; text-decoration: underline;} 

.mainmenu {padding-top: 5px; padding-bottom: 5px; vertical-align: bottom}

input.username {font-size: 11px; color: #000000; font-weight: normal; background: url(images/username.gif); background-position: 2px center; background-repeat: no-repeat; padding-left: 20px; padding-top: 2px; width: 100px; height: 20px; background-color: #FFFFFF; border-top: 1px solid #696969; border-left: 1px solid #696969; border-right: 1px solid #A9A9A9; border-bottom: 1px solid #A9A9A9}
input.password {font-size: 11px; color: #000000; font-weight: normal; background: url(images/password.gif); background-position: 2px center; background-repeat: no-repeat; padding-left: 20px; padding-top: 2px; width: 100px; height: 20px; background-color: #FFFFFF; border-top: 1px solid #696969; border-left: 1px solid #696969; border-right: 1px solid #A9A9A9; border-bottom: 1px solid #A9A9A9}

td.loginformtxt {color: #F5F5F5; font-size: 8px; font-weight: bold}

input.bouton {display: inline; font-size: 12px; color: white; border: none}
input.print {font-size: 14px; font-weight: bold}

a.menu_silver {font-size:10px; color:black; text-decoration:none;}
a.menu_silver:visited {font-size:10px; color:black;	text-decoration:none;}
a.menu_silver:hover {color:white;}

a.menu_fin {font-family:Arial; color:#172492; font-size:10px; text-decoration:none}
a.menu_fin:hover {color:#FF8B00;}

.case_front_page{align:center;	height:225px; width:225px;	font-size:x-small;	color:black;}
.image_front_page{border-width:0;}
.section_prix{color:red;}

.cadre {background-image: url(images/cadre_bg.gif); width: 228px}
.cadre_top {background-image: url(images/cadre_top.gif); width: 228px; background-repeat: no-repeat; padding-left: 20px; padding-right: 20px; padding-top: 10px; padding-bottom: 5px; height: 60px; font-size: 10px; font-weight: bold}
.cadre_middle {padding-right: 35px; padding-left: 35px; text-align: center; height: 150px}
.cadre_bottom {background-image: url(images/cadre_bottom.gif); width: 228px; height: 42px; background-repeat: no-repeat; text-align: center; vertical-align: middle; font-weight: bold;}

.entete_template {background-color:#020FAB;	color:#FF8B00;	font-size:medium;}

.ligne_description {color:#020FAB; font-size:x-small;}

.prix {font-size:large;}

.prix_par_mois{font-size:x-small;}

.fin_template{font-size:xx-small;}

tr.product_listing {background-color: #FFFFFF; color: #000000}
tr.product_listing_over {background-color: #FF8B00; color: #020FAB}
.print_header {text-align: center; font-weight: bold; font-size: 18px; color: #FF8B00; margin-bottom: 15px; display: none;}

#topmenu td {font-weight: bold}

#categorie td.categorie {text-align: center; padding: 15px; background-color: #020FAB; color: #FFFFFF; font-weight: bold}
#categorie A:link {color: #FFFFFF; text-decoration: none;}
#categorie A:active {color: #F7A618; text-decoration: underline;}
#categorie A:visited {color: #FFFFFF; text-decoration: none;}
#categorie A:hover {color: #F7A618; text-decoration: underline;}

#productslist td {border-bottom: 1px solid #000000; border-right: 1px solid #000000}
#heuresdaffaires td {border-bottom: 1px solid #000000; border-right: 1px solid #000000}

#contact form {margin: 0px; padding: 0px} 
#contact td {font-weight: bold}
#contact input {width: 200px; height: 20px; font-size: 12px; border-style: solid; border-width: 1px; border-color: black; background-color: #FFFFFF; color: #000066; margin: 0px; padding: 2px;}
#contact input.radio {margin: 0px; padding: 2px; border: none; width: auto}
#contact textarea {width: 225px; height: 200px; font-size: 12px; border-style: solid; border-width: 1px; border-color: black; background-color: #FFFFFF; color: #000066; overflow: hidden; margin: 0px; padding: 2px;}

div.erreur {font-weight: bold; background-color: #FFCC66; border-width: 1px; border-style: dotted; border-color: black; margin-left: 30px; margin-right: 30px; margin-bottom: 10px; padding: 10px; color: #000099}

#dropmenudiv{
position:absolute;
border:1px solid black;
border-bottom-width: 0;
font:normal 12px Verdana;
line-height:18px;
z-index:100;
}

#dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid black;
padding: 1px 0;
text-decoration: none;
font-weight: bold;
}

#dropmenudiv a:hover{ /*hover background color*/
background-color: yellow;
}

#concepteur td {border-bottom-color: #000000; border-bottom-style: solid; border-bottom-width: 1px}

.register {padding-left: 5px; padding-right: 3px; padding-top: 10px; padding-bottom: 10px;}
.form1 {width: 170px; height: 19px; font-family: tahoma; font-size: 11px; border-style: solid; border-width: 1px; border-color: #CACACA; background-color: #ffffff; margin-left: 1px; margin-right: 1px; padding-left: 3px; padding-right: 3px}
.form2 {height: 19px; font-family: tahoma; font-size: 9px; border-style: solid; border-width: 1px; border-color: #CACACA; margin-left: 1px; margin-right: 1px; padding-left: 1px; padding-right: 1px}
.loginform {width: 160px; height: 19px; font-family: tahoma; font-size: 11px; border-style: solid; border-width: 1px; border-color: #CACACA; margin-left: 5px; margin-right: 0px; padding-left: 3px; padding-right: 3px}
.form3 {width: 30px; height: 19px; font-family: tahoma; font-size: 11px; border-style: solid; border-width: 1px; border-color: #CACACA; margin-left: 1px; margin-right: 1px; padding-left: 3px; padding-right: 3px; text-transform: uppercase}
.form4 {width: 40px; height: 19px; font-family: tahoma; font-size: 11px; border-style: solid; border-width: 1px; border-color: #CACACA; margin-left: 1px; margin-right: 1px; padding-left: 3px; padding-right: 3px; text-transform: uppercase}

p.warning {
	font:	Message-Box;
	font:	MessageBox;
	margin:	10px;
	color:	red;
}

.menuBar {POSITION: relative; BACKGROUND-COLOR: transparent; TEXT-ALIGN: left}

.Bar {FLOAT: left; WIDTH: auto; CURSOR: hand; TEXT-INDENT: 5px; POSITION: relative; BACKGROUND-COLOR: transparent; TEXT-ALIGN: left; background-image: url(./images/menubar_sep.gif); background-position: right; background-repeat: no-repeat; height: 34px; padding-right: 10px; padding-top: 10px; padding-left: 2px; font-weight: bold; font-size: 14px; font-family: sans-serif,serif; color: #000099}
.barOver {FLOAT: left; WIDTH: auto; CURSOR: hand; TEXT-INDENT: 5px; POSITION: relative; BACKGROUND-COLOR: darkorange; TEXT-ALIGN: left; background-image: url(./images/menubar_sep.gif); background-position: right; background-repeat: no-repeat; height: 34px; padding-right: 10px; padding-top: 10px; padding-left: 2px; font-weight: bold; font-size: 14px; font-family: sans-serif,serif; color: #660000}

.menu {VISIBILITY: hidden; WIDTH: auto; LINE-HEIGHT: 140%; POSITION: absolute; BACKGROUND-COLOR: #FF9900; border: 1px solid #000000; font-size: 12px; font-weight: bold}

.menuItem {PADDING-RIGHT: 10px; PADDING-LEFT: 10px; WIDTH: auto; CURSOR: hand; LINE-HEIGHT: 25px; padding-bottom: 2px; padding-top: 2px}
.ItemMouseOver {PADDING-RIGHT: 10px; PADDING-LEFT: 10px; WIDTH: auto; CURSOR: hand; LINE-HEIGHT: 25px; COLOR: white; BACKGROUND-COLOR: #0000CC; padding-bottom: 2px; padding-top: 2px}
.ItemMouseOut {WIDTH: auto}

.Arrow {FLOAT: right; FONT-FAMILY: Webdings; POSITION: absolute; TEXT-ALIGN: left}

.L0oover
{
	text-decoration: none;
	border : 0px solid #ffffff;
	background: transparent;
}

/* Level 1 inner mouseout*/
.L1iout
{
	padding: 3px;
	text-decoration: none;
	color: #000000;
	font-family:Arial, Tahoma, Verdana;
	font-size: 11px;
}

/* Level 1 inner mouseover*/
.L1iover
{
	padding: 3px;
	text-decoration: none;
	color: #ffffff;
	font-family:Arial, Tahoma, Verdana;
	font-size: 11px;
}

/* Level 1 outer mouseout*/
.L1oout
{
	text-decoration : none;
	border : 1px solid #828282;
	background: #FFFFFF;
	font-family:Arial, Tahoma, Verdana;
	font-size: 11px;
}

/* Level 1 outer mouseover*/
.L1oover
{
	text-decoration : none;
	border : 1px solid #828282;
	background: #828282;
	font-family:Arial, Tahoma, Verdana;
	font-size: 11px;
}

/* ETC */

.texte {  
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 12px; 
font-style: normal; 
font-variant: normal; 
color: #000000; 
text-decoration: none;
text-transform: none; 
vertical-align: middle
}

.titre {  font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #000033}
.lien {  font-family: Trebuchet MS, Arial, Helvetica, Geneva sans-serif; font-size: 12px; color: #000000; text-decoration: underline; font-style: normal}
.constructiontexte {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #000000;
	text-align: center;
	vertical-align: middle;
}
.mail {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #003399;
	text-align: center;
	vertical-align: middle;
}
.mail:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #003399;
	text-align: center;
	vertical-align: middle;
}
.titreentrer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #000033;
	text-align: center;

}
.textepetitentrer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-variant: normal;
	color: #000033;
	text-decoration: none;
	height: 30px;
	text-align: center;

}
.textepetitentrer:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-variant: normal;
	color: #000033;
	text-decoration: none;
	height: 30px;
	text-align: center;

}.textebleu {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #003399;
	text-align: left;
}
.bleupetit {


	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #003399;
	text-align: left;
}
.bleupetit:hover {


	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #003399;
	text-align: left;
}

.contactmag {border-top-style: outset; border-top-width: 1px}

#ouvertures td {background-color: white}
#ouvertures td.jour-ouverture {background-color: #FFCC00; color: black; font-weight: bold}