/* CSS Document */

/*
SOMMAIRE

1. Ce qui change

*/

@import "commun.css";

/********************************************/
/* 1. Ce qui change */
/********************************************/

/*1.a Police par défaut: changer la couleur*/
body { font-family: Arial, Helvetica, sans-serif; color:#666; font-size: 14px; width: 100%; height: 100%; text-align: center;}
/*1.b Titres: possibilité de changer les couleurs. Si non précisé = couleur de la police par défaut */
h1 { margin: 0px; padding: 0px;	font-size: 16px; font-weight: bold;}
h2 { margin: 0px; padding: 0px;	font-size: 14px; font-weight: bold; color: #3e5358;}
h3 { margin: 0px; padding: 0px;	font-size: 14px; text-transform: uppercase; color: #3e5358;}

/*1.c Liens */
a:link {color: #000; text-decoration: underline;}
a:hover {color: #999; text-decoration: underline;}
a:visited {color: #3e5358;	text-decoration: underline;}

/*1.d Page - Couleur du filet*/
#page {float: left; clear: left; width: 950px; border: 1px; border-color: #3e5358; border-style:solid;}

/*1.e Barre d'accès rapide - Couleur des liens */
#acces_rapide a:link {font-size: 10px; color: #000; text-decoration: none;}
#acces_rapide a:hover {font-size: 10px; color: #000; text-decoration: none;}
#acces_rapide a:visited {font-size: 10px; color: #000; text-decoration: none;}

/*1.f Barre de navigation */
/*Couleur de fond */
#navigation {float: left; clear: left; height: 40px; width: 950px; background: #A9E0ED; padding-top: 15px; text-align:center;}
/*Couleur des liens */
#navigation a:link {font-size: 25px; color: #FFF; text-decoration: none;}
#navigation a:hover {font-size: 25px; color: #f0f0f0; text-decoration: none;}
#navigation a:visited {font-size: 25px; color: #3e5358; text-decoration: none;}

/*1.g Footer - couleur des liens*/
#footer a:link {font-size: 12px; color: #000; text-decoration: underline;}
#footer a:hover {font-size: 12px; color: #000; text-decoration: underline;}
#footer a:visited {font-size: 12px; color: #000; text-decoration: underline;}

/*1.h Encart Mini article */
/*couleur du bord*/
#droit_e1 {height: 450px; width: 235px; float: left; margin-left: 10px; border-left-color: #A9E0ED; border-left-style: dashed; border-left-width: 1px;}
/*couleur du titre*/
#droit_e1 h2 {color: #3e5358; font-size: 16px; margin-left: 4px; font-weight: bold; width: 219px;}

/*1.i Template Home - couleur du slogan*/
#slogan_t1 {color: #3e5358; font-size: 18px; margin-bottom: 10px;}

/*1.j Encart news */
/*couleur du bord */
#droit_e2 {height: 450px; width: 235px; float: left; margin-left: 10px; border-left-color: #A9E0ED; border-left-style: dashed; border-left-width: 1px;}
/*couleur du titre*/
#droit_e2 h2 {color: #3e5358; font-size: 16px; margin-left: 4px; font-weight: bold; width: 219px;}

/*1.k Encart galerie */
#droit_e3 {height: 450px; width: 235px; float: left; margin-left: 10px; border-left-color: #A9E0ED; border-left-style: dashed; border-left-width: 1px;}
#droit_e3 h2 {color: #3e5358; font-size: 16px; margin-left: 4px; font-weight: bold; width: 219px;}

/*1.l Encart produit */
#droit_e4 {height: 450px; width: 235px; float: left; margin-left: 10px; border-left-color: #A9E0ED; border-left-style: dashed; border-left-width: 1px;}
#droit_e4 h2 {color: #3e5358; font-size: 16px; margin-left: 4px; font-weight: bold; width: 219px;}

/*1.m Encart contact */
/* couleur du bord */
#droit_contact {height: 450px; width: 235px; float: left; margin-left: 10px; border-left-color: #A9E0ED; border-left-style: dashed; border-left-width: 1px;}
/* couleur du titre */
#droit_contact h2 {color: #3e5358; font-size: 16px; margin-left: 4px; font-weight: bold; width: 219px;}


/*1.n Formulaire */
#corpForm fieldset {margin: 0; color:#3e5358; font-style: normal; padding: 0 1em 1em;}
#corpForm legend {font-weight: bold; color: #3e5358; background: transparent;}
#corpForm fieldset#expediteur label {color: #3e5358; float: left; width: 40%; text-align: right; margin: 0; padding: 0 .5em 0 0; line-height: 1.8;}
#corpForm .focus {background: #fef4fb; color: #000;}
#corpForm .normal {background: #fff; color: #000}
#corpForm .legende_correct {font-style: italic; padding: 0 0 0 15px; color: gray; background: url(../img/ok.gif) no-repeat;}
#corpForm .legende_uncorrect {font-style: italic; padding: 0 0 0 15px; color: red; background: url(../img/ko.gif) no-repeat;}