
/* Global default styles. */

body {
    font-family: Geneva,Arial,Helvetica,sans-serif;
    background: #fff;
    color: #000;
    font-size:1em;
}

a {
    text-decoration:none;
}

.text {
    color: #000;
    background: #fff;
    font-size: 12px;
}
.text1 {
    color: #000;
    background: #fff;
    font-size: 12px;
    font-weight:bold;
}
.text2 {
    color: #ffffff;
    background: #003788;
    font-size: 2em;
    font-weight:bold;
}


/* Form styles. */
input, select, textarea {
    font-family: Geneva, Arial,Helvetica,sans-serif;
    font-size: 1em;
    color: #000;
    background: #eeffff;
    border: 1px solid #669;
}
input:focus, textarea:focus {
    background: #ffffff;
    border: 1px solid #99f;
}
.bouton1, .bouton1:focus {
    font-size: 12px;
    font-family: Geneva,Arial,Helvetica,sans-serif;
    padding: 3px 8px;
    color: #0000dd;
    background: #eaffff;
    font-weight: bold;
}
.bouton1:hover {
    background: #80d0ff;
}
a.bouton1 {
    font-weight: bold;
    text-decoration: none;
}
.bouton2, .bouton2:focus {
    font-size: 12px;
    font-family: Geneva,Arial,Helvetica,sans-serif;
    padding: 1px 6px;
/*    color: #fb8c00; */
    color: #f96019;
    background: #fffad0;
    font-weight: bold;
    border: 1px solid #fff8c0;
/*
    border-left: 1px solid #888888;
    border-top: 1px solid #888888;
    border-right: 1px solid #888888;
    border-bottom: 1px solid #888888;
*/
/*    height: 32px; */
    -moz-border-radius: 5px;
}
.bouton2:hover {
    background: #fed090;
    border-left: 1px solid #cccccc;
    border-top: 1px solid #cccccc;
    border-right: 1px solid #000000;
    border-bottom: 1px solid #000000;
}
a.bouton2 {
    padding: 1px 6px;
    font-weight: bold;
    text-decoration: none;
}
/* idem bouton2 sans lien */
.bouton3, .bouton3:focus {
    font-size: 12px;
    font-family: Geneva,Arial,Helvetica,sans-serif;
    padding: 1px 6px;
    color: #f96019;
    background: #fffad0;
    font-weight: bold;
    border: 1px solid #fff8c0;
/*
    border-left: 1px solid #888888;
    border-top: 1px solid #888888;
    border-right: 1px solid #888888;
    border-bottom: 1px solid #888888;
*/
/*    height: 32px; */
    -moz-border-radius: 5px;
}
.bouton4, .bouton4:focus {
    font-size: 12px;
    font-family: Geneva,Arial,Helvetica,sans-serif;
    padding: 0px;
    color: #ffffff;
    background: #ffffff;
    font-weight: bold;
    border: 1px solid #ffffff;
}
.bouton4:hover {
    border-left: 1px solid #cccccc;
    border-top: 1px solid #cccccc;
    border-right: 1px solid #000000;
    border-bottom: 1px solid #000000;
}
.bouton5, .bouton5:focus {
    font-size: 12px;
    font-family: Geneva,Arial,Helvetica,sans-serif;
    padding: 0px;
    width:25px;
    color: #ffffff;
    background: #ffffff;
    font-weight: bold;
    border: 1px solid #ffffff;
}
.bouton5:hover {
    border-left: 1px solid #cccccc;
    border-top: 1px solid #cccccc;
    border-right: 1px solid #000000;
    border-bottom: 1px solid #000000;
}
/* idem bouton3 essai responsive */
.bouton6, .bouton6:focus {
    font-size: 1em;
    font-family: Geneva,Arial,Helvetica,sans-serif;
    font-weight: bold;
    height: 3em;
    padding: 1em;
    vertical-align:middle;
    color: #f96019;
    background: #fffad0;
}
/* idem bouton2 essai responsive */
.bouton7, .bouton7:focus {
    font-size: 1em;
    font-family: Geneva,Arial,Helvetica,sans-serif;
    padding: 1em;
/*    color: #fb8c00; */
    color: #f96019;
    background: #fffad0;
    font-weight: bold;
    border: 0.1em solid #fff8c0;
/*
    border-left: 1px solid #888888;
    border-top: 1px solid #888888;
    border-right: 1px solid #888888;
    border-bottom: 1px solid #888888;
    -moz-border-radius: 5px;
*/
    height: 3em;
}
.bouton7:hover {
    background: #fed090;
    border-left: 0.1em solid #cccccc;
    border-top: 0.1em solid #cccccc;
    border-right: 0.1em solid #000000;
    border-bottom: 0.1em solid #000000;
}
a.bouton7 {
    padding: 1em;
    font-weight: bold;
    text-decoration: none;
}
/* bouton1 look ++ */
.bouton8, .bouton8:focus {
    font-size: 1em;
    font-family: Geneva,Arial,Helvetica,sans-serif;
    padding: 0.5em;
    color: #ffffff !important;
    background-color: #0000bb !important;
    font-weight: bold;
}
.bouton8:hover {
    background-color: #ff0000 !important;
}
a.bouton8 {
    font-weight: bold;
    text-decoration: none;
}
.bouton9, .bouton9:focus {
    font-size: 1.5em;
    font-family: Geneva,Arial,Helvetica,sans-serif;
    padding: 0.5em;
    color: #ffffff;
    background: #eec900;
    font-weight: bold;
}
.bouton9:hover {
    background: #ffd700;
}
a.bouton9 {
    font-weight: bold;
    text-decoration: none;
}
.bouton10, .bouton10:focus {
    font-size: 1.5em;
    font-family: Geneva,Arial,Helvetica,sans-serif;
    padding: 0.5em;
    color: #ffffff;
    background: #3c41f2;
    font-weight: bold;
}
.bouton10:hover {
    background: #00ffff;
}
a.bouton10 {
    font-weight: bold;
    text-decoration: none;
}
.blue-button, .blue-button:focus {
    font-size: 1em;
    font-family: Arial,Helvetica,sans-serif;
    padding: 0.1em;
    color: #ffffff;
    background: #0000dd;
    font-weight: bold;
}
.blue-button:hover {
    background: #0000ff;
}
a.blue-button {
    text-decoration: none;
}
