body { 
padding: 0px;
margin: 0 0 10px 0;
font-family: Arial, Helvetica, sans-serif;
color: #444444;
background-color: #e4d8ca;
}
/*------------------------------- GENERAL -------------------------------*/
.page { 
font-size: 10pt;
width: 1000px; 
margin: 0px auto;
}
a {
color: #006699;
text-decoration: none;
}
a:hover {
color: #e8408b;
text-decoration: none;
}
a.intext {
	color: #444444;
}
a:hover.intext {
	color: #333333;
	text-decoration: none;
}
p {
margin: 0;
padding: 0;
}
img {
border: none;
}
ul, li {
list-style: none;
margin: 0;
padding: 0;
}
.clear_both {
clear: both;
}
.clear_both_15 {
clear: both;
height: 15px;
}
.clear_both_15_separateur {
clear: both;
height: 15px;
border-top: 1px dotted #cccccc;
}
.clear_both_20 {
clear: both;
height: 20px;
}
.clear_both_30 {
clear: both;
height: 30px;
}
.justify {
text-align: justify;
}
.underline {
text-decoration: underline;
}
.rose {
color: #f01384;
}
.small {
font-size: 8pt;
}
.blog {
font-family: "Century Gothic", Arial;
font-size: 15px;
color: #666666;
}
.gris {
color: #999999;
}
.titre {
font-size: 18px;
}
/*------------------------------- TITRES -------------------------------*/
h1 {
padding: 0 100px 0 50px;
margin: 0;
color: #333333;
font-weight: normal; 
font-size: 19px;
font-family: "Century Gothic", Arial;
}
h2 {
padding: 10px 10px 10px 0px;
margin: 0px;
font-size: 18px;
color: #333333;
text-transform: uppercase;
font-weight: normal;
}
h2.titre_actualite {
padding: 0 0 10px 0;
font-size: 18px;
color: #f01384;
}
.titre_edito {
font-size: 18px;
color: #cccccc;
}
h2.gros_titre {
font-size: 25pt;
color: #756149;
padding: 10px 0 25px 0;
text-transform: uppercase;
}
h2.bordure {
color: #f01384;
font-size: 20px;
border-bottom: 1px dotted #cccccc;
}
h2.border {
width: 300px;
background-image: url(images/back-h2-320.gif);
background-position: top left;
background-repeat: no-repeat;
font-size: 14px;
margin: 0;
padding: 12px 10px 25px 10px;
color: #494541;
font-weight: normal;
}
h2.background {
width: 655px;
background-image: url(images/back-h2-655.gif);
background-position: top left;
background-repeat: no-repeat;
font-size: 14px;
margin: 0;
padding: 12px 10px 25px 10px;
color: #494541;
font-weight: normal;
}
.menu_droite h2.border {
width: 280px;
background-image: url(images/back-h2.gif);
background-position: top;
background-repeat: no-repeat;
font-size: 14px;
margin: 0;
padding: 12px 10px 10px 10px;
color: #494541;
font-weight: normal;
}
h2.titre_actu {
text-decoration: none;
text-transform: none;
font-size: 20px;
color: #f01384;
font-weight: normal;
padding-bottom: 0;
margin-bottom: 0;
font-family: "Century Gothic", Arial;
}
h3 {
font-size: 15px;
margin: 0;
padding: 0;
}
.coup_de_coeur h3 {
color: #f01384;
font-weight: normal;
}
h3.sous_titre_actu {
color: #333333;
font-size: 25px;
font-weight: normal;
}
h3.sous_titre_archiv {
color: #999999;
font-size: 25px;
font-weight: normal;
}
/*------------------------------- FORMULAIRES -------------------------------*/
form { 
padding: 0;
margin: 0;
}
textarea, input { 
color: #444444;
font-size: 10pt;
}
select {
border: 1px solid #CCCCCC;
color: #333333;
}
textarea {
border: 1px solid #CCCCCC;
}
/*------------------------------- HEADER -------------------------------*/
.introduction { 
height: 12px; 
overflow: hidden;
font-size: 10px;
text-align: right;
color: #666666;
}
.header { 
height: 55px; 
overflow: hidden;
}
.logo {
float: left;
width: 260px;
font-size: 28px;
font-family: Arial, Helvetica, sans-serif;
}
.milieu_logo {
color: #978167;
}
.sous_logo {
font-size: 8pt;
letter-spacing: 1px;
padding-left: 1px;
}
.logo a {
color: #756149;
text-decoration: none; 
}
.logo a:hover {
color: #756149;
text-decoration: none; 
}
.slogan {
float: left;
width: 500px;
font-size: 20px;
padding-top: 25px;
color: #756149;
text-align: right;
letter-spacing: 2px;
font-family: Courier New, Courier, monospace;
}
.bandeau_haut { 
height: 130px;
background-image: url(images/header.png);
background-position: top;
background-repeat: no-repeat;
background-color: #ffffff;
}
.sous_titre {
padding: 0 0 0 50px;
color: #333333;
font-size: 11pt;
font-family: "Century Gothic", Arial;
}
.onglet_maselection {
padding-top: 10px;
float: right;
}
/*------------------------------- NAVIGATION HAUT -------------------------------*/
.menu-barre {
margin: 0px auto;
padding: 0;
width: 1000px;
font-size: 8pt;
height: 45px;
}
td.menu-barre-separation {
width: 1px;
height: 45px;
background-color: #f8f2ec;
}
a.barre-lien {
padding: 8px 2px 9px 2px;
display: block;
vertical-align: middle;
line-height: 13px;
text-decoration: none;
color: #333333;
font-size: 8pt;
font-weight: bold;
}
a.barre-lien:hover {
color: #ffffff;
text-decoration: none;
font-weight: bold;
}
a.barre-lien-newsletter {
padding: 8px 2px 9px 2px;
display: block;
vertical-align: middle;
line-height: 13px;
text-decoration: none;
color: #d37f97;
font-size: 8pt;
font-weight: bold;
}
a.barre-lien-newsletter:hover {
color: #ffffff;
text-decoration: none;
font-weight: bold;
}
td.td_1_on {
background-color: #3e3e3e;
color: #ffffff;
}
td.td_1 {
border-top: 3px solid #3e3e3e;
}
.td_1 a {
color: #444444;
background-color: #cfcfcf;
}
.td_1 a:hover {
background-color: #3e3e3e;
}
td.td_2_on {
background-color: #e87d0b;
color: #ffffff;
}
td.td_2 {
border-top: 3px solid #e87d0b;
}
.td_2 a {
color: #444444;
background-color: #f9dec2;
}
.td_2 a:hover {
background-color: #e87d0b;
}
td.td_3_on {
background-color: #ba3882;
color: #ffffff;
}
td.td_3 {
border-top: 3px solid #ba3882;
}
.td_3 a {
color: #444444;
background-color: #eecde0;
}
.td_3 a:hover {
background-color: #ba3882;
}
td.td_4_on {
background-color: #97b9ab;
color: #ffffff;
}
td.td_4 {
border-top: 3px solid #97b9ab;
}
.td_4 a {
color: #444444;
background-color: #e5edea;
}
.td_4 a:hover {
background-color: #97b9ab;
}
td.td_5_on {
background-color: #3f8aa9;
color: #ffffff;
}
td.td_5 {
border-top: 3px solid #3f8aa9;
}
.td_5 a {
color: #444444;
background-color: #cfe2e9;
}
.td_5 a:hover {
background-color: #3f8aa9;
}
td.td_6_on {
background-color: #eec52d;
color: #ffffff;
}
td.td_6 {
border-top: 3px solid #eec52d;
}
.td_6 a {
color: #444444;
background-color: #fbf0ca;
}
.td_6 a:hover {
background-color: #eec52d;
}
td.td_7_on {
background-color: #d37f97;
color: #ffffff;
}
td.td_7 {
border-top: 3px solid #d37f97;
}
.td_7 a {
color: #444444;
background-color: #f4dfe5;
}
.td_7 a:hover {
background-color: #d37f97;
}
td.td_8_on {
background-color: #ddbea1;
color: #ffffff;
}
td.td_8 {
border-top: 3px solid #ddbea1;
}
.td_8 a {
color: #444444;
background-color: #f6efe7;
}
.td_8 a:hover {
background-color: #ddbea1;
}
.menu-haut { 
margin: 0px auto;
padding: 0;
width: 1000px;
background-color: #756149;
}
.vous_etes {
color: #efefef;
font-size: 8pt;
}
.vous_etes a {
color: #ffffff;
text-decoration: underline;
}
.vous_etes a:hover { 
color: #FF9900;
text-decoration: underline;
}
.spirales {
background-color: #ffffff;
height: 5px;
}
/*------------------------------- CORPS DE PAGE -------------------------------*/
.cadre_principal {
width: 970px;
padding: 10px 15px 10px 15px;
background-color: #ffffff;	
font-size: 10pt;
}
.cadre_principal div.contenu {
width: 655px;
float: left;
font-size: 10pt;
}
.cadre_principal div.contenu_news {
width: 655px;
float: left;
background-image: url(images/bg-promos.gif);
background-repeat: no-repeat;
background-position: top right;
}
.leftor {
float: left;
margin: 0;
padding: 0 10px 15px 0;
width: 310px;
}
.logo_news {
border-right: 1px dashed #cccccc;
padding-right: 10px;
}
.titre_offre {
color: #333333;
}
.texte_descriptif {
font-size: 10pt;
}
.texte_descriptif strong {
font-weight: normal;
}
/*------------------------------- index -------------------------------*/
.presentation {
float: left;
width: 315px;
padding: 0 15px 0 0;
}
.actualite {
float: right;
width: 300px;
padding: 0 10px 15px 10px;
border-left: 1px dotted #cccccc; 
}
ul.liste_index_gauche {
padding-left: 10px;
float: left;
width: 150px;
}
.liste_index_gauche li {
background: url(images/fleche.png) 0em 0.30em no-repeat;
padding: 0 0 0 10px;
margin: 0;
font-size: 8pt;
}
ul.liste_index_droite {
float: right;
width: 160px;
}
.liste_index_droite li {
background: url(images/fleche.png) 0em 0.30em no-repeat;
padding: 0 0 0 10px;
margin: 0;
font-size: 8pt;
}

.liste_categs_gauche {
padding-left: 10px;
float: left;
width: 300px;
}
.liste_categs_gauche li {
background: url(images/fleche-grise.png) 0em 0.30em no-repeat;
padding: 0 0 0 10px;
margin: 0;
font-size: 13pt;
}
.liste_categs_droite {
float: right;
width: 300px;
}
.liste_categs_droite li {
background: url(images/fleche-grise.png) 0em 0.30em no-repeat;
padding: 0 0 0 10px;
margin: 0;
font-size: 13pt;
}
/*------------------------------- menu droite -------------------------------*/
.menu_droite {
width: 300px;
float: right;
font-size: 8pt;
}
.encart_pub {
width: 300px;
max-height: 300px;
overflow: hidden;
text-align: center;
}
.recherche-site-droite {
padding: 5px 10px 5px 10px;
border-left: 2px solid #cccccc;
border-right: 2px solid #cccccc;
}
.recherche-site-droite ul {
font-size: 12px;
padding: 5px 0 0 0;
}
.recherche-site-droite li { 
padding: 1px;
display: inline;
color: #f01384;
}
.recherche-site-droite li a { 
color: #333333;
font-weight: normal;
text-decoration: none;
}
.recherche-site-droite li a:hover { 
background-color: #f03a90;
text-decoration: none;
}
.menu-categ { 
margin: 0;
padding: 15px;
width: 270px;
background-image:url(images/fond-menu-droite.gif);
background-position: center bottom;
background-repeat: no-repeat;
}
.menu-categ ul {
margin: 0 15px 0 20px;
padding: 0;
}
.menu-categ li {
list-style-type: disc;
color: #590037;
margin: 0;
padding: 0;
}
.menu-categ li a {
color: #590037;
}
.menu-barre-droite td {
margin: 0px auto;
padding: 0;
width: 270px;
font-size: 11px;
}
td.menu-barre-separation-droite {
height: 1px;
background-color: #f8f2ec;
}
td.td__1 {
border-left: 3px solid #3e3e3e;
}
.td__1 a {
color: #5f5035;
padding: 5px 2px 5px 15px;
display: block;
vertical-align: middle;
text-decoration: none;
color: #333333;
font-weight: bold;
}
.td__1 a:hover {
background-color: #3e3e3e;
color: #ffffff;
text-decoration: none;
}
td.td__2 {
border-left: 3px solid #e87d0b;
}
.td__2 a {
color: #5f5035;
padding: 5px 2px 5px 15px;
display: block;
vertical-align: middle;
text-decoration: none;
color: #333333;
font-weight: bold;
}
.td__2 a:hover {
background-color: #e87d0b;
color: #ffffff;
text-decoration: none;
}
td.td__3 {
border-left: 3px solid #ba3882;
}
.td__3 a {
color: #5f5035;
padding: 5px 2px 5px 15px;
display: block;
vertical-align: middle;
text-decoration: none;
color: #333333;
font-weight: bold;
}
.td__3 a:hover {
background-color: #ba3882;
color: #ffffff;
text-decoration: none;
}
td.td__4 {
border-left: 3px solid #97b9ab;
}
.td__4 a {
color: #5f5035;
padding: 5px 2px 5px 15px;
display: block;
vertical-align: middle;
text-decoration: none;
color: #333333;
font-weight: bold;
}
.td__4 a:hover {
background-color: #97b9ab;
color: #ffffff;
text-decoration: none;
}
td.td__5 {
border-left: 3px solid #3f8aa9;
}
.td__5 a {
color: #5f5035;
padding: 5px 2px 5px 15px;
display: block;
vertical-align: middle;
text-decoration: none;
color: #333333;
font-weight: bold;
}
.td__5 a:hover {
background-color: #3f8aa9;
color: #ffffff;
text-decoration: none;
}
td.td__6 {
border-left: 3px solid #eec52d;
}
.td__6 a {
color: #5f5035;
padding: 5px 2px 5px 15px;
display: block;
vertical-align: middle;
text-decoration: none;
color: #333333;
font-weight: bold;
}
.td__6 a:hover {
background-color: #eec52d;
color: #ffffff;
text-decoration: none;
}
td.td__7 {
border-left: 3px solid #d37f97;
}
.td__7 a {
color: #5f5035;
padding: 5px 2px 5px 15px;
display: block;
vertical-align: middle;
text-decoration: none;
color: #333333;
font-weight: bold;
}
.td__7 a:hover {
background-color: #d37f97;
color: #ffffff;
text-decoration: none;
}
td.td__8 {
border-left: 3px solid #ddbea1;
}
.td__8 a {
color: #5f5035;
padding: 5px 2px 5px 15px;
display: block;
vertical-align: middle;
text-decoration: none;
color: #333333;
font-weight: bold;
}
.td__8 a:hover {
background-color: #ddbea1;
color: #ffffff;
text-decoration: none;
}
.coup_de_coeur {
width: 278px;
padding: 10px 10px 20px 10px;
border: 1px solid #666666;
}
/*------------------------------- page recherche -------------------------------*/
.recherche-site {
padding: 10px 15px 10px 10px;
}
.recherche-site ul {
font-size: 20px;
}
.recherche-site li { 
padding: 1px;
display: inline;
color: #f01384;
}
.recherche-site li a { 
color: #333333;
font-weight: normal;
text-decoration: none;
}
.recherche-site li a:hover { 
background-color: #f03a90;
text-decoration: none;
}
.liste_flechee {
list-style: none;
padding: 0;
margin: 0;
}
.liste_flechee li {
font-size: 10pt;
background: url(images/fleche.png) 0em 0.30em no-repeat;
padding: 0 0 0 10px;
margin: 0;
}
/*------------------------------- page top marchands -------------------------------*/
.nuage { 
margin: 0;
padding: 0;
}
.nuage h3 {
color: #333333;
background: #cccccc;
padding: 2px 0 2px 20px;
line-height: 150%;
margin: 0;
}
.nuage ul {
margin: 0 15px 0 20px;
padding: 0 0 5px 0;
}
.nuage li {
list-style-type: none;
display: inline;
margin: 0;
padding: 0;
line-height: 30px;
vertical-align: middle;
}
.level_1 { font-size: 85%; }
.level_2 { font-size: 100%; }
.level_3 { font-size: 115%; }
.level_4 { font-size: 130%; }
.level_5 { font-size: 145%; }
.level_6 { font-size: 160%; }
.level_7 { font-size: 175%; }
.nuage a {
margin: 0 .7em 0 0;
text-decoration: none;
}
.nuage a:hover {
color: #FFF;
background-color: #e8408b;
}
/*------------------------------- FOOTER -------------------------------*/
.pub_bas {
text-align: center;
border-top: 1px dotted #cccccc;
padding-top: 20px;
clear: both;
}
.line {
clear: both;
padding: 3px;
margin: 0 0 15px 0;
background: #fff url(images/smalldot.gif) repeat-x;
}
.left {
background: #eee;
float: left;
width: 300px;
padding: 10px;
margin: 0;
font-size: 8pt;
}
.left img {
margin: 0 0 8px 0;
}
.left li {
list-style: none;
margin-bottom: 2px;
}
.left li a {
color: #787A8F;
background: url(images/arrow.gif) no-repeat center left;
padding: 0 0 0 12px;
}
.left li a:hover {
text-decoration: underline;
}
.right {
margin: 0 15px 0 0;
padding: 0 0 0 15px;
float: right;
width: 620px;
text-align: justify;
background: #ffffff;
font-size: 8pt;
}
.bordure_gauche {
float: right;
border-left: 4px solid #f8f2ec;
padding: 0 0 0 10px;
color: #666666;
font-size: 8pt;
width: 606px;
margin: 15px 15px 0 0;
text-align: justify;
}
.rl {
float: left;
width: 290px;
margin: 0 20px 30px 0;
}
.rr {
float: right;
width: 290px;
}
.rl li, .rr li {
list-style: none;
border-bottom: 1px solid #eee;
padding: 4px; margin: 0;
}
.rl li a, .rr li a {
background: #fff url(images/arrow.gif) no-repeat center left;
padding: 0 0 0 12px;
color: #808080;
}
.rl li a:hover, .rr li a:hover {
text-decoration: underline;
}
/*------------------------------------------*/
.footer {
clear: both;
font-size: 8pt;
padding: 0 15px 20px 15px;
background: #eee;
/*
background-image: url(images/background_bottom.jpg);
background-position: bottom;
background-repeat: no-repeat;
*/
width: 940px;
}
.footer a {
color: #808080;
}
.footer a:hover {
text-decoration: underline;
}