*
{
padding: 0;
margin: 0;
}
body, html
{
background: url(  '../Img-Tampon/fond.jpg' );
margin: 0 auto;
padding: 0px;
font-family: sans-serif,Arial, Helvetica;
font-size: .9em;
color: Navy;
background-repeat: repeat-x;
background-color: #9CAEFF;
height: 100%;
}
img
{
border: none 0;
}
a, a:link, a:visited, a:active
{
display: block;
color: #E5E6FF;
text-decoration: none;
height: 100%;
}
a:hover
{
text-decoration: underline;
}
li
{
list-style-type: none;
}
h1
{
color: navy;
letter-spacing: 0.1em;
word-spacing: 0.3em;
line-height: 1.8em;
border-bottom: solid 1px navy;
font-size: large;
}
h2
{
font-size: 1.1em;
}
#principal
{
width: 964px;
margin-right: auto;
margin-left: auto;
background-image: url(  '../Img-Tampon/table_back.jpg' );
background-repeat: repeat-y;
}
#entete
{
border-left: 2px solid navy;
border-right: 1px solid #B0C4DE;
height: 90px;
background-image: url( '../Img-Tampon/banniere.jpg' );
text-indent: -999em;
}
#anim_trodat
{
margin-top: -13px;
margin-left: 29px;
background-image: url( '../Img-Tampon/anim_trodat.jpg' );
width: 500px;
height: 150px;
padding: 0;
}
#col_gauche
{
float: left;
margin-right: 3px;
}
#col_droite
{
float: right;
width: 142px;
margin-right: 3px;
}

.menu
{
padding: 10px 0px;
margin: 2px;
width: 160px;
color: #A2A3D5;
line-height: 1.5;
}
.entete_menu
{
color: #E5E6FF;
font-size: small;
font-weight: bold;
background-color: #5A5B92;
margin-top: 5px;
padding-left: 6px;
background-image: url( '../Img-Tampon/bg_menu.gif' );
background-repeat: repeat-x;
}
.entete_menu:hover
{
background-image: url(  '../Img-Tampon/bg_menu_hover.gif' );
color: #FFFFFF;
}
.element_menu
{
font-family: Verdana;
color: #E5E6FF;
padding-left: 6px;
background-image: url( '../Img-Tampon/menu_element.gif' );
}
.element_menu:hover
{
background-image: url( '../Img-Tampon/menu_element_hover.gif' );
}
#centre
{
float: left;
width: 590px;
margin: 3px 20px;
padding: 10px;
text-align: center;
position:relative;
}
#menu_droit
{
width: 140px;
height: 100px;
}
#menu_droit ul
{
padding: 0;
margin: 0;
}
.float_left
{
float: left;
}
#panier
{
padding: 0px;
text-align: center;
width: 140px;
}
#contact
{
text-align: center;
padding: 0px;
width: 140px;
text-indent: -7px;
}
#conditions
{
padding: 10px 0;
width: 140px;
}
#paypal
{
margin: 5px 0px;
}
.searchfield
{
width: 108px;
height: 17px;
padding: 4px 0 0 30px;
background: #EBEEF7 url(../Img-Tampon/search.gif) no-repeat 2px 2px;
border: 1px solid #3F55B1;
font: bold 11px Tahoma, Arial, Helvetica, sans-serif;
color: #3F55B1;
}
.SearchButton
{
margin: 2px 5px;
border: 0px;
}

#pieddepage
{
background-position: 0px 70%;
clear: both;
text-align: center;
border-bottom: solid 10px #5A6DFF;
border-top: solid 1px silver;
font-family: Verdana, serif;
font-size: smaller;
color: #000066;
background-image: url(  '../Img-Tampon/fond.jpg' );
}
/* Tampon.aspx */
#choix_tampons
{
background-color: #8EBFFF;
border: 1px outset navy;
width: 100%;
padding: 10px 0;
margin-top: 15px;
}
#choix_tampons td
{
padding: 3px;
vertical-align: middle;
width: 25%;
}
#choix_tampons tfoot tr
{
height: 2em;
}
#choix_tampons thead td
{
height: 2em;
font-size: 1em;
}
.bouton_composer
{
color: white;
background-image: url('../Img-Tampon/bouton_composer.gif' );
cursor: pointer;
border: none 0;
width: 80px;
height: 22px;
background-color: Transparent;
font-size: 1em;
font-weight: bold;
}
.bouton_composer:hover
{
color: navy;
background-image: url('../Img-Tampon/bouton_composer_hover.gif' );
}
#choix_perso
{
width: 100%;
padding: 10px 0;
border-collapse: collapse;
margin: 10px 0;
}
#choix_perso tr
{
height: 90px;
background-image: url('../Img-Tampon/Fond_choix.gif' );
background-repeat: no-repeat;
width: 100%;
position: relative; /* Hack for IE repeating BG in TD */
}
#choix_perso tr:hover
{
background-image: url('../Img-Tampon/Fond_choix_hover.gif' );
}
#choix_perso td
{
background-image: none;
padding: 5px;
}
#choix_perso td img
{
border: 0px;
margin-top: 5px;
height: 70px;
}
.conges
{
padding: 5px;
width: 100%;
font-weight: bolder;
margin: 10px 0px 10px 0px;
background-image: url( '../Img-Tampon/backgr.jpg' );
border-bottom: 3px ridge grey;
border-left: 1px solid grey;
border-right: 3px ridge grey;
border-top: 1px solid grey;
color: Red;
}
/* Panier */
.text_center
{
text-align: center;
}
.margintoppanier
{
margin-top: 70px;
}
.bouton
{
background: url('../Img-Tampon/bouton_dt.gif' ) no-repeat right;
height: 30px;
text-align: center;
float: right;
margin: 5px;
cursor: pointer;
width: 160px;
}
.bouton a, .bouton a:visited, .bouton input, .bouton input:visited
{
background: url('../Img-Tampon/bouton_gch.gif' ) no-repeat left;
color: white;
font-weight: bold;
display: block;
cursor: pointer;
border: none;
line-height: 30px;
width: 100%;
}
.bouton:hover
{
background: url( '../Img-Tampon/bouton_dt_hover.gif' ) no-repeat right;
}
.bouton a:hover, .bouton input:hover
{
background: url( '../Img-Tampon/bouton_gch_hover.gif' ) no-repeat left;
}
#bouton_continuer
{
position:absolute;
top:20px;
width:190px;
}
#bouton_caisse
{
position:absolute;
right:20px;
top:20px;
width:190px;
}
/* Identification */
.login
{
background-image: url('../Img-Tampon/fond_login.png' );
background-repeat: no-repeat;
width: 250px;
height: 400px;
float: left;
margin: 20px;
color: white;
line-height: 25px;
}
.login h4
{
color: #F0FFFF;
font-size: medium;
width: 230px;
margin: 120px 10px 0px 10px;
}
.login a
{
display: inline;
}
#bouton_login
{
margin: 50px 10px 0px 10px;
}
.texte-erreur
{
color: Red;
font-weight: bold;
}
#identifiants
{
text-align: right;
margin: 2px;
}
.step_bouton
{
border: none;
font-weight: bold;
color: White;
width: 130px;
height: 30px;
}
/* Select Tampon.aspx */
.choose_error
{
background-image: url(../Img-Tampon/backgr.jpg);
line-height: 30px;
margin: 10px auto;
padding: 10px;
width: 70%;
height: 100px;
}
/* Select Color.aspx */
.choose_color
{
background-image: url(../Img-Tampon/backgr.jpg);
margin: 10px auto;
padding: 10px;
width: 460px;
height: 180px;
text-align: left;
}
.choose_color img
{
width: 80px;
margin: 10px 135px 20px 0px;
float: left;
}
.choose_color select
{
border: 1px solid #3F55B1;
padding-left: 3px;
margin-bottom: 20px;
margin-left: 15px;
width: 75px;
}
.choose_color label
{
padding-left: 3px;
float: left;
width: 130px;
}
/* CheckOut */
.adresse_fact
{
background-image: url( ../Img-Tampon/backgr.jpg);
border-color: Gray;
border-style: solid ridge ridge solid;
border-width: 1px 3px 3px 1px;
font-weight: bolder;
margin: 15px 70px 10px 0;
text-align: left;
float: left;
}
.adresse_fact tr
{
padding: 2px;
}
.adresse_fact td
{
padding: 3px 0px 3px 10px;
vertical-align: top;
line-height: 1.4em;
}
.titre_fact
{
background-color: rgb(80, 124, 209);
color: white;
font-size: medium;
height: 30px;
line-height: 30px;
}
.titre_fact td
{
letter-spacing: 1px;
text-align: center;
word-spacing: 3px;
}
.clear
{
clear: both;
}

.remarque
{
border: 2px solid #3F55B1;
font: bold small Tahoma, Arial, Helvetica, sans-serif;
color: Black;
background: #EBEEF7;
margin: 10px;
width: 60%;
}
/* SelectPay */
.paiement
{
background-image: url( ../Img-Tampon/backgr.jpg);
border-color: Gray;
border-style: solid ridge ridge solid;
border-width: 1px 3px 3px 1px;
font-weight: bolder;
height: 120px;
margin: 10px;
text-align: justify;
}
.paiement input
{
float: left;
margin: 12px 30px;
}

.paiement p
{
margin: 10px;
}
/* Paypal */
.paiement li
{
margin: 10px;
list-style-type: circle;
list-style-position: inside;
}
/* */
.paiement_entete
{
background-image: url( ../Img-Tampon/backgr.jpg);
border-color: Gray;
border-style: solid ridge ridge solid;
border-width: 1px 3px 3px 1px;
font-weight: bolder;
height: 120px;
margin: 10px;
}
.paiement_entete a
{
color: Black;
text-decoration: underline;
display: inline;
}
.paiement_entete label, .paiement_entete span
{
margin: 5px;
line-height: 30px;
}
.paiement_entete input
{
margin: 5px;
line-height: 20px;
border: solid 1px black;
}
/* ValidPay*/
.orange
{
color: Orange;
}