/*
  Feuille de style CSS pour la rubrique SUCCES
*/

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: #ffffff url('images/background_top.gif') repeat-x top center;
	margin: 0;
	padding: 0;
}
img, table {
	border: 0;
	margin: 0;
	padding: 0;
}

/* MAIN */

.main {
	margin: 0;
	padding: 0;
	background-color: #FFFFFF;
}
.main_bordure {
	background-color: #237cae;
}
.main_nav {
	background-color: #f2f2f2;
}
.main_content {
	background-image: url('images/bottom1.gif');
	background-repeat: repeat-x;
	background-position: bottom center;
}
#flashcontent {
	width: 100%;
	height: 153px;
	background-color: #36a1d9;
}
#flashpromo {
	width: 158;
	height: 180px;
	background-color: #f2f2f2;
}
/* BOTTOM */

.bottom2 {
	background: #ffffff url('images/bottom2.gif') repeat-x top center;
}
.bottom3 {
	background: #36a1d9 url('images/bottom3.gif') repeat-x top center;
}
.bottom4 {
	background-color: #36a1d9;
	background-image: url(images/mor_envies_bottom_bg.jpg);
	background-repeat: repeat-x;
	background-position: center top;
}

/* LEFT (navigation) */

a.nav {
	font-size: 11px;
	text-decoration: none;
	color: #666666;
}
a.nav:hover{
	background-color: #3399cc;
	color: #ffffff;
}

/* CONTENT */

.locator {
	font-size: 11px;
	color: #999999;
}
a.locator {
	text-decoration: underline;
	color: #3399cc;
}
a.locator:hover{
	text-decoration: none;
	background-color: #3399cc;
	color: #ffffff;
}
.lien {
	font-size: 11px;
	color: #999999;
}
.lien a{
	font-size: 11px;
	color: #999999;
}
.lien a:hover{
	color: #3399cc;
}


.titre {
	font-size: 12px;
	font-weight: bold;
	color: #3399cc;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.titre_loc {
	font-size: 12px;
	font-weight: bold;
	color: #3399cc;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}
a.titre_loc {
	font-size: 12px;
	font-weight: bold;
	color: #00FF99;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #3399cc;
}
a.titre_loc:hover {
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #FFFFFF;
	background-color: #3399cc;
}
.txt {
	padding-left: 1px;
	font-size: 11px;
	color: #666666;
}
a.txt {
	font-size: 11px;
	text-decoration: none;
	color: #3399cc;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
a.txt:hover {
	text-decoration: underline;
}


/* RIGHT  (information) */

.family {
	background-image: url('images/img_family.jpg');
	background-repeat: no-repeat;
	background-position: bottom right;
}

.ligne {
	background: #ffffff url('images/cahier2.jpg') repeat-y top right;
}
.tool {
	background: #ffffff url('images/tool_line.gif') repeat-x top left;
}

/* POPUPS */
.popup {
	background-color: #ffffff;
	border: solid 2px #a61b12;
}

/* OTHERS */

.txtb {
	font-size: 10px;
	color: #ffffff;
}
a.txtb {
	font-size: 10px;
	text-decoration: underline;
	color: #ffffff;
}
a.txtb:hover {
	font-size: 10px;
	background-color: #ffffff;
	color: #36a1d9;
}
.blanc {
	background-color: #ffffff;
}
.gris {
	background-color: #e7e7e7;
}
.mor_titre_rotir {
	background-image: url(images/mor_titre_rotir.gif);
	background-repeat: no-repeat;
	height: 165px;
}
.txt_italique {
	padding-left: 1px;
	font-size: 13px;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: italic;
	font-weight: bold;
	line-height: 15px;
}
.mor_titre_poel_gril {

	background-image: url(images/mor_titre_poele_grille.gif);
	background-repeat: no-repeat;
	height: 165px;
}
.mor_titre_braiser {


	background-image: url(images/mor_titre_braiser.gif);
	background-repeat: no-repeat;
	height: 165px;
}
.mor_titre_bouillir {



	background-image: url(images/mor_titre_bouillir.gif);
	background-repeat: no-repeat;
	height: 165px;
}
.connaitre_botom_4 {

	background-color: #36a1d9;
	background-image: url(images/succes_bottom_bg.jpg);
	background-repeat: repeat-x;
	background-position: center top;
}
.connaitre_main_bordure {

	background-color: #ffb200;
}
.sous_titre {

	font-size: 14px;
	font-weight: bold;
	color: #3399cc;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.marge_gauche_accueil {
	background-image: url(images/accueil_marge_gauche.gif);
	height: 345px;
	width: 246px;
}
.accueil_blanc {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
}
.centte_accueil {
	background-image: url(images/centre_accueil_morceaux.jpg);
	height: 345px;
	width: 670px;
}