/*@import url("reset.css");
@import url("global.css");
@import url("typo.css");
@import url("hack-cbox.css");*/


/* RESET */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


/* GLOBAL */

/* basics */

body {
	background: #cacaca url("../images/bg.jpg") top left repeat-x;
	text-align: center;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 13px;
}



/* page wrap */

#wrap-page {
	background: url("../images/arbre.jpg") center top no-repeat;
	min-width: 959px;
}

#wrap {
	width: 959px;
	margin: 0 auto;
	text-align: left;
}

.fullpage {
	width: 100% !important;
	float: none !important;
}








/* head + menu */

/* head */
#head {
	height: 156px;
	position: relative;
}

#head h1 a {
	position: absolute;
	width: 208px;
	height: 69px;
	background: transparent url("../images/logo-heredis.gif") top left no-repeat;
	text-indent: -3000px;
	top: 25px;
	left: 10px;
}



/* menu */

#menu {
	width: 949px;
	height: 39px;
	position: absolute;
	bottom: 0;
	padding-left: 10px;
	background: url("../images/menu-bg.jpg") top left no-repeat;
}

#menu ul {
	margin:0;
	padding:0;
}
#menu li {
	display: block;
	float: left;
	position: relative;
	margin:0;
	padding:0;
}


#menu a {
	display: block;
	float: left;
	text-decoration: none;
	margin-top: 6px;
}

#menu a span {
	display: block;
	float: left;
	color: #fff;
	padding: 6px 10px 3px 10px;
	height: 20px;
	cursor: pointer;
}


#menu a:hover, #menu strong a, #menu a.active {
	background: url("../images/menu-left.png") top left no-repeat;
}



#menu a:hover span, #menu strong a span, #menu a.active span {
	background: url("../images/menu-right.png") top right no-repeat;
	color: #333;
}


#menu ul ul {
	border: 1px solid #666;
	background-color: #eee;
	position: absolute;
	top: 30px;
	left: 0;
	display: none;
	width: 200px;
	z-index: 3000;
}

#menu ul ul li {
	float: left;
}

#menu ul ul a {
	margin: 0;
	background: #eee;
}

#menu ul ul a span {
	margin: 0;
	background: #eee;
	color: #777;
	padding: 5px 8px;
	background: none;
	height: auto;
	float: none;
	
}


#menu ul ul a:hover {
	background:#bbb;
	color: #222;
}

#menu ul ul a:hover span {
	background: none;
}

#menu ul li:hover ul {
	display: block;
}

#menu ul ul li {
	float: none;
}

#menu ul ul a {
	float: none;
}


/* menu speciaux */

#menu .m2 a {
	margin-top: 7px;
	width: 25px;
	height: 21px;
	text-indent: -3000px;
	background: url("../images/menu-home.jpg") top left no-repeat;
	margin-right: 10px;
}

#menu .m2 a:hover {
	background: url("../images/menu-home.jpg") top left no-repeat;
}

#menu .m644 a {
	margin-top: 7px;
	margin-left: 10px;
	width: 22px;
	height: 22px;
	text-indent: -3000px;
	background: url("../images/menu-cart.jpg") top left no-repeat;	
}

#menu .m644 a:hover {
	background: url("../images/menu-cart.jpg") top left no-repeat;
}
#menu .m1144 a {
	margin-top: 7px;
	margin-left: 10px;
	width: 22px;
	height: 22px;
	text-indent: -3000px;
	background: url("../images/menu-contact.jpg") top left no-repeat;	
}

#menu .m1144 a:hover {
	background: url("../images/menu-contact.jpg") top left no-repeat;
}

#menu .m2 span, #menu .m644 span, #menu .m1144 span {
	display: none;
}


/* search */

#search {
	position: absolute;
	right: 11px;
	top: 6px;
}

#search input.text {
	width: 168px;
}

#search-2 {
	position: absolute;
	right: 11px;
	top: 6px;
	background: url("../images/search-bg.gif") top left repeat-x;
	/*border: 1px solid #ffcc00;*/
	height: 22px;
	width: 172px;
}

#search-2 p {
	margin: 0;
	padding: 0;
}

#search-2 #ajaxSearch_input {
	width: 126px;
	border: medium none;
	border: none;
	background-color: #fff;
	margin: 5px 0 2px 22px;
	/*margin: 0 0 0 1px;*/
	/*padding: 2px 0;*/
}

#search-2 #ajaxSearch_submit {
	display: none;
}

#search-2 #ajaxSearch_submit_img {
	display: block !important;
	position: absolute;
	top: 0;
	right:0;
}

#search-left {
	background: url("../images/search-left.gif") top left no-repeat;
	height: 22px;
}


/* hsubmenu */

.hsubmenu {
	height: 30px;
	background: url("../images/hsubmenu.jpg") top left no-repeat;
	padding-top: 10px;
	font-size: 0.95em;
}

.hsubmenu li {
	display: inline;
}

.hsubmenu li a {
	text-decoration: none;
	color: #888;
	padding: 10px;
}

.hsubmenu li a:hover {
	text-decoration: underline;
	color: #555;
}

.hsubmenu li.active a {
	text-decoration: none;
	color: #333;
}
.hsubmenu li a.noel  {color:#C11B0F; font-family:"Comic Sans MS", cursive;}
.hsubmenu li a:hover.noel  {color:#C11B0F;font-family:"Comic Sans MS", cursive;}
.hsubmenu li.active a.noel  {color:#C11B0F;font-family:"Comic Sans MS", cursive;}

/* content  + sidebar */

#wrap-content {
	background: #fff;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}

/* sidebar */

#sidebar {
	width: 170px;
	float: right;
	font-size: 0.9em;
}

#sidebar .box {
	background: #eee url("../images/sidebar-box.gif") bottom left no-repeat;
	padding-bottom: 1px;
	margin-bottom: 10px;
}

#sidebar .box p {
	margin: 10px;
}

#sidebar h3 {
	background: #6f8f36 url("../images/sidebar-h3.jpg") top left no-repeat;
	padding: 6px 8px;
	color: #fff;
	text-align:center;
}

#sidebar dl {
	font-size: 1em;
}

#sidebar a {
	display: block;
}

#sidebar dt a {
	padding: 8px 3px 7px 29px;
	color: #5F7D2D;
	text-decoration: none;
	border-top: 1px solid #fff;
}
#sidebar2 dt a {
	/*padding: 8px 3px 7px 29px;*/
	color: #5F7D2D;
	text-decoration: none;
	border-top: 1px solid #fff;
}

#sidebar dt {
	background-position: 5px 5px;
	background-repeat: no-repeat;
}


#sidebar dd a {
	padding: 0px 3px 10px 30px;
	border-bottom: 1px solid #ccc;
	font-size: 0.95em;
	color: #333;
	text-decoration: none;
}

.none { border: 0px !important;
}

#sidebar dt.heredis 	{ background-image: url("../images/icon-heredis.png"); border-top: 0;		}
#sidebar dt.heredis2 	{ background-image: url("../images/icon-heredis2.png"); border-top: 0;		}
#sidebar dt.kdo 	{ background-image: url("../images/icon-kdo.jpg"); 						}
#sidebar dt.planete 	{ background-image: url("../images/icon-planete.jpg"); 						}
#sidebar dt.newsletter 	{ background-image: url("../images/icon-letter.jpg"); 						}
#sidebar dt.conseil 	{ background-image: url("../images/icon-group.jpg"); 						}
#sidebar dt.celebre 	{ background-image: url("../images/icon-star.jpg"); 						}
#sidebar dt.adresses 	{ background-image: url("../images/icon-loupe.jpg"); 						}
#sidebar dd.adresses a 	{ border-bottom: 0; 														}
#sidebar dd.livraison a { border-bottom: 0 !important; 															}
#sidebar dd.garanties a { border-bottom: 0 !important; 															}
#sidebar dt.garanties 	{ background-image: url("../images/icon-garanties.png"); 					}
#sidebar dt.securite 	{ background-image: url("../images/icon-securite.png"); border-bottom: 0;	}
#sidebar dt.livraison 	{ background-image: url("../images/icon-livraison.png");  					}
#sidebar dt.kit 	{ background-image: url("../images/icon-kit.png");}
#sidebar dd.kit a	{ border-bottom: 0!important; }

#sidebar dd.kit2 	{ border-bottom: 1px solid #ccc; }
#sidebar dt.add 	{ background-image: url("../images/icon-add.png");}
#sidebar dd.add a 	{ border-bottom: 0!important;}
#sidebar dt.parrain 	{ background-image: url("../images/icon-parrain.png");}
#sidebar dd.parrain a 	{ border-bottom: 0!important;		}	
#sidebar dt.facebook 	{ background-image: url("../images/icon-fcbk.jpg");}
#sidebar dd.facebook a 	{ border-bottom: 0!important;		}							
#sidebar2 {
	width: 170px;
	float: right;
	font-size: 0.9em;
}

#sidebar2 .box {
	background: #eee url("../images/sidebar-box.gif") bottom left no-repeat;
	padding-bottom: 1px;
	margin-bottom: 10px;
}

#sidebar2 .box p {
	margin: 10px;
}

#sidebar2 h3 {
	background: #6f8f36 url("../images/sidebar-h3.jpg") top left no-repeat;
	padding: 6px 8px;
	color: #fff;
}

#sidebar2 dl {
	font-size: 1em;
}

#sidebar2 a {
	display: block;
}

#sidebar2 dt a {
	color: #5F7D2D;
	text-decoration: none;
	border-top: 1px solid #fff;
}
#sidebar2 dt {
	background-position: 5px 5px;
	background-repeat: no-repeat;
}
#sidebar2 dd a {
	padding: 5px 3px 5px 3px;
	border-bottom: 1px solid #ccc;
	font-size: 0.95em;
	color: #333;
	text-decoration: none;
}


/* main (teaser + sidemenu + content) */

#main {
	width: 754px;
	float: right;
	margin-right: 10px;

}


/* teaser */

#teaser {
	margin-bottom: 10px;
	z-index: 2000;
}


/* sidemenu */

#sidemenu {
	width: 180px;
	float: left;
	font-size: 0.95em;
	
}

#sidemenu li {
	display: block;
	float: left;
}

#sidemenu li ul {
	display: none;
}



/* haut du bouton */

#sidemenu a {
	display: block;
	width: 171px;
	background: #d2dbc1 url("../images/sidemenu-top.v2.png") top left no-repeat;
	color: #506729;
	text-decoration: none;
	margin-bottom: 3px;
}

#sidemenu strong a, #sidemenu li.active a {
	background-position: center top;
	background-color: #6a8932;
	font-weight: normal;
	color: #fff;
}

#sidemenu li.active ul {
	display: block !important;
}


#sidemenu a:hover {
	background-position: right top;
	background-color: #a6b884;
}


/* bas du bouton */

#sidemenu a span {
	padding: 6px 8px 7px 8px;
	display: block;
	background: url("../images/sidemenu-bot.v2.png") bottom left no-repeat;	
}

#sidemenu strong a span, #sidemenu li.active a span {
	background-position: center bottom;
}

#sidemenu a:hover span {
	background-position: right bottom;
}


/* boutons de 2e niveau */

#sidemenu ul ul li.selected a {
	background-position: center top !important;
}

#sidemenu ul ul li.selected span {
	background-position: center bottom !important;	
	color: #fff;
}

#sidemenu ul li ul li a {
	width: 160px;
	background: #e8e8e8 url("../images/sidemenu2-top.v2.png") top left no-repeat !important;
	color: #333 !important;
	margin-left: 10px;
}

#sidemenu ul li ul li a span {
	background: url("../images/sidemenu2-bot.v2.png") bottom left no-repeat !important;
}

#sidemenu ul li ul li a span {
	
}

#sidemenu ul ul strong a, #sidemenu ul ul li.selected a {
	background-color: #999 !important;
}

#sidemenu ul ul a:hover {
	background-color: #ccc !important;
	background-position: right top !important;
}

#sidemenu ul li ul a:hover span {
	background-position: right bottom !important;	
}

#sidemenu ul ul li.active a span {
	background-position: center bottom !important;
}


/* content */

#main .petitCentre {
	margin-left: 181px;
}

#main .grandCentre {
	margin-left: 0;
	clear: both;
}

/* centre */






#foot {
	height: 157px;
	padding-top: 20px;
	background: url("../images/foot-bg2.jpg") top left no-repeat;
	font-size: 0.9em;
}

#foot .col {
/*	background-color: red;*/
	width: 214px;
	float: left;
	margin-left: 20px;
}


#foot .foot-2 .col {
	/*background-color: #000;*/
	width: 165px;
}

#foot h4 {
	color: #B3CC8A;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 0.9em;
	margin-bottom: 5px;
}
#foot ul {
	margin:0;
	padding:0;
}

#foot li {
	display: inline;
	list-style-type: none;
	margin:0;
	padding:0;
}


#foot a.foot-arrow {
	display: block;
	color: #fff;
	font-size: 12px;
	background: url("../images/foot-arrow.gif") left center no-repeat;
	padding: 2px 0;
	padding-left: 12px;
	text-decoration: none;	
}


#foot a:hover {
	text-decoration: underline;
}

#foot .foot-2 li {
	display: block;
	background: url("../images/foot-arrow.gif") left center no-repeat;
	padding: 2px 0;
	padding-left: 12px;
	color: #999;
}

#foot .foot-2 a {
	display: inline;
	background: none;
	padding: 2px 0;

}
#foot .opti p {
	color:#FFF !important;
	padding:15px;
	font-size: 0.80em;	
	text-align: justify;
}
.opti a, .opti a:hover , .opti strong{
	display: inline;
	background: none;
	padding: 2px 0;
	text-decoration:none;
	color:#FFF !important;
}

/* misc classes */

hr.clear {
	clear: both;
	height: 0px;
	margin: 0;
	padding: 0;
	visibility: hidden;
	line-height: 0;	
}

.clear-left {
	clear: left;
}

.clear-right {
	clear: right;
}

.arrow {
	text-decoration: none;
}

.txt-center {
	text-align: center;	
}
.flash-object {
	background: #333;
}

/* recherche */

.ajaxSearch_paging {
	background-color:#EEEEEE;
	border:1px solid #CCCCCC;
	padding:4px 5px 6px 8px;
	/*-moz-border-radius: 5px;
	-webkit-border-radius: 5px;*/
}

.ajaxSearch_result {
	padding: 8px 0;
	border-bottom: 1px solid #eee;
}

/* forms */

input.text {
	border: 1px solid #aaa;
	padding: 3px 5px;
}

input.image {
	vertical-align: middle;
	
}


#form-recherche {
	margin-bottom: 20px;
}

form#archives input.text {
	width: 150px;
}


/* formulaire de recherche de patronymes */

#form-recherche-patronyme input.text {
	width: 137px;
	color:#333;
}

#form-recherche-patronyme-2 {
	clear: left;
	border-top: 1px solid #eee;
	padding-top: 15px;
}

#form-recherche-patronyme-2 input.text {
	width: 200px;
}


/* formulaire d'enregistrement */

form#enregistrement .form-row {
	margin-bottom: 10px;
	position: relative;
}

form#enregistrement .titre-label {
	width: 158px;
	position: absolute;
	top: 0;
	left: 0;
}

form#enregistrement .field-label {
	padding-left: 160px;
}

form#enregistrement label.error {
	position: absolute;
	top: 0;
	left: 360px;
	color: #BC0000;
	width: 190px;
}


form#enregistrement input.text {
	width: 180px;
}


/* Display None Temporaire */

#menuHautDroit, #intro, #TvColonne {
	display: none;
}


/* listes */

.liste-passion {
	padding-left: 0 !important;
	margin-left: 0 !important;
}

.liste-passion li {
	position: relative;
	padding: 6px 0;
	display: block;
	border-bottom: 1px solid #eee;
}

.liste-passion a {
	position: absolute;
	top: 0;
	right: 0;
	background: url("../images/arrow.gif") right center no-repeat;
	padding: 3px 20px 3px 0;
}

/* Panneaux */

.pan {
	background: url("../images/pan-grey.png");
	width: 568px;
}

.pan-2 {
	padding: 10px;
	background: url("../images/pan-grey-2.gif") left bottom no-repeat;
}

.vmiddle {
	vertical-align: middle;
}


/* cadres */

.cadres .cadre {
	float: left;
	width: 338px;
	height: 170px;
	background: url("../images/degrade-1.png") #eee repeat-x;
	border: 1px solid #ddd;
	margin-right: 16px;
	margin-bottom: 16px;
	padding: 10px;
	position: relative;
}

.cadres .cadre-last {
	margin-right: 0;
}

.cadres .cadre h2 {
	margin: 0  0 6px 0 !important;
}

.cadres .cadre .link {

}



/* download-box */


.download-box {
	width: 220px;
	float: right;
	margin-left: 20px;
	margin-bottom: 10px;
	background-color: #EEF3E4;
	padding: 0 10px 4px 10px;
	font-size: 0.9em;
	border: 1px solid #CDE3AA;
}
.download-box2 {
	width: 150px;
	float: left;
	margin-left: 10px;
	margin-bottom: 10px;
	background-color: #EEF3E4;
	padding: 0 10px 4px 10px;
	font-size: 0.9em;
	border: 1px solid #CDE3AA;
}
.download-box3 {
	width: 250px;
	float: left;
	margin-left: 10px;
	margin-bottom: 10px;
	background-color: #EEF3E4;
	padding: 0 10px 4px 10px;
	font-size: 0.9em;
	border: 1px solid #CDE3AA;
}
.encart-box {
	margin: 10px;
	background-color: #EEF3E4;
	padding: 10px;
	border: 1px solid #CDE3AA;
}
.encart-box-article {
	margin: 10px;
	background-color: #EEF3E4;
	padding: 10px;
	border: 1px solid #CDE3AA;
	float:right;
	width:200px;
}
.encart-boxpg {
	margin: 10px;
	padding: 10px;
	border: 1px solid #CDE3AA;
	background: url("http://www.heredis.com/assets/images/logiciels/logopg.jpg") #EEF3E4 right top no-repeat;
}
.encart-parrain {
	padding: 10px;
	background-color: #EEF1F9;
	padding: 10px;
	border: 1px dashed #0A3BB2;
	width:240px;
	float:left;
}
.encart-parrain-blue {
	padding: 10px;
	background-color: #EEF1F9;
	border: 1px dashed #0A3BB2;
}
.encart-parrain-pink {
	padding: 10px;
	background-color: #F8EDF2;
	border: 1px dashed #B30C5E;
}

.blue {color:#0A3BB2; font-size:16px; font-weight:bold;}
.pink {color:#B30C5E; font-size:16px; font-weight:bold;}


.download-box ul li {
	margin: 0 !important;
	padding: 0 !important;
}

.download-box-gen {
	padding-top: 10px;
	float: left;
	margin-left: 0;
	margin-right: 20px;
	width: 240px;
	margin-top: 10px;
}


/* genealogie magazine */

.genmag .mag {
	float: left;
	width: 200px;
	background-color: red;
}


/* Boutons */

.btn-telecharger-demo,
.btn-telecharger-pg,
.btn-consulter-annuaire,
.btn-lancer-anim,
.btn-bas-debit,
.btn-haut-debit {
	background-position: left top;
	background-repeat: no-repeat;
	display: block;
	text-indent: -3000px;
	margin: 10px 0;
}

.btn-bas-debit {
	width: 161px;
	background-image: url("../images/btn-bas-debit.png");
	margin:0 auto;
	height: 26px;
}

.btn-haut-debit {
	width: 161px;
	background-image: url("../images/btn-haut-debit.png");
	margin:0 auto;
	height: 26px;
}

.btn-telecharger-demo {
	width: 208px;
	background-image: url("../images/btn-telecharger-demo.png");
	margin:0 auto;
	height: 26px;
}

.btn-telecharger-pg {
	width: 272px;
	height: 39px;
	background-image: url("../images/btn-telecharger-pg.png");
}

.btn-consulter-annuaire {
	width: 161px;
	height: 39px;
	background-image: url("../images/btn-consulter-annuaire.png");
}

.btn-lancer-anim {
	width: 149px;
	height: 26px;
	background-image: url("../images/btn-lancer-anim.png");
}


/* actes */

.acte-box {
	width: 180px;
	float: left;
	margin-right: 4px;
	margin-bottom: 20px;
}

.acte-box h2 a {
	color: #333 !important;
	text-decoration: none;
	padding-left: 6px;
}

.acte-box img {
	border: 5px solid #b1b1b1;
}

.acte-box .btn-lancer-anim {
	margin-left: 10px;
}

/* resultats recherche patronymes */

#result-patro {
/*	margin: 0 90px;*/
/*	margin: 0 10px 0 10px;*/
}

#result-patro .blocs {
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #ccc;
}

#result-patro .arbres, #result-patro .actes, #result-patro .sources {
	/*background: url("../images/icon-world.png") left center no-repeat;*/
	font-size: 1.2em;
	padding: 10px 10px 10px 10px;
	background-color: #EEF3E4;
	border: 1px solid #cde3aa;
	width: 218px;
	height: 130px;
	float: left;
	margin-right: 10px;
}

#result-patro .btns {
	position: relative;
}

#result-patro .btn-telecharger-pg {
	float: left;
}

#result-patro .btn-consulter-annuaire {
	margin-left: 10px;
	float: left;
}



/* Réponses Pros */

.reponse {
	background: #c7dda1 url("../images/degrade-3.png") repeat-x;
	padding: 10px;
}

.question {
	background: #e5e5e5 url("../images/degrade-2.png") repeat-x;
	padding: 10px;
	margin-bottom: 10px;
}

.question em {
	font-style: normal !important;	
}

.question .laquestion, .reponse .lareponse {
	text-decoration: underline;
	font-weight: bold;
}

.conseilTheme {
	position: relative;
}

.conseilDate {
	color: #888;
	text-transform: capitalize;
	padding-left: 20px;
	position: absolute;
	right: 10px;
}

.question-reponse {
	margin-bottom: 50px;
}

.conseilAuteurReponse {
	font-weight: bold;
	margin-bottom: 0 !important;
	margin-top: 10px !important;
}

.conseilAuteurOrigine {
	font-style: italic;
}

.liens-col-1 {
	width: 280px;
	float: left;
	text-align: right;
	margin-right: 20px;
}

.liens-col-2 {
	float: left;
}


/* Choix Bas Debit/Haut Debit */

.choix-debit {
	margin: 50px 0;
}

.choix-debit p {
	/*background-color: red;*/
	float: left;
	margin-left: 20px;
}

.choix-debit img {
	display: block;
	margin: 0 auto;
	
}

.choix-debit p.col-1 {
	width: 400px;
	font-size: 2em;
	color: #ccc;
}

.choix-debit p.col-2, .choix-debit p.col-3 {
	width: 200px;
}


/* associations */

.association {
	padding-bottom: 10px;
	border-bottom: 1px solid #ddd;
}


/* points forts */

.pts-forts {
	margin-left: 0 !important;
	padding-left: 5px !important;
}

.pts-forts li {
	list-style: none;
	background: url("../images/checkbox.gif") no-repeat;
	background-position: 0 1px;
	padding-left: 25px !important;
	padding-bottom: 10px !important;
}

.no-display {
	display: none;
}

/* Breadcrumbs : Fil d'ariane */

#breadcrumbs {
	background: url("../images/breadcrumbs.jpg") no-repeat;
	padding: 7px;
	margin-bottom: 10px;
	font-size: 0.85em;
	color: #666666;
}

#breadcrumbs a {
	color: #6c8c34;
	text-decoration: none;
}

#breadcrumbs a:hover {
	text-decoration: underline;
}

#breadcrumbs em {
	color: #333;
}

#breadcrumbs span em {
	font-family: Arial, sans-serif;
	font-style: normal;
	padding: 0 4px;
	color: #666666;
}

/* Plan du site */

#plan-site {
	/*background: #eee;*/
	padding: 0 20px;
	padding-top: -40px !important;
}

#plan-site ul {
	list-style: none;
	padding: 0 !important;
	margin: 0 !important;
}

#plan-site li {
	padding: 0 !important;
	list-style-type: none;
	margin: 0 !important;
}


#plan-site li.LSM_0 {
	/*border: 1px solid red;*/
	display: block;
	clear: left;
}

#plan-site li.LSM_0 a.no-padding {
	padding-top: 10px;
}

#plan-site a.LSM_0 {
	color: #333;
	font-size: 1.5em;
	border-bottom: 1px solid #333;
	text-decoration: none;
	display: block;
	padding-top: 40px;
	padding-bottom: 10px;

}

#plan-site a.LSM_1 {
	color: #444;
	display: block;
	text-decoration: none;
	margin-bottom: 5px;
}

#plan-site li.LSM_1 {
/*	background: #eee;
	border: 1px solid blue;*/
	display: block;
	width: 215px;
	float: left;
	margin: 10px 0 !important;
	margin-right: 20px !important;
}


#plan-site ul.LSM_2 {
/*	background: #aaa;
	border: 1px solid red;*/
	
}

#plan-site ul.LSM_3 {
	padding-left: 20px !important;
	font-size: 0.9em;
	padding-bottom: 10px !important;
}





/* DIV pour la page GENEALOGISTE DE LUXE */

#luxe_full {
	width:750px;
}
.luxe_div { 
	width: 350px;
	float:left;
	margin-left:20px;
	margin-bottom:30px;
}
.luxe_titre {
	background: url("assets/templates/heredisben/css/images/table-th.png") top left repeat-x;
	margin-top:30px;
} 
.luxe_content {
	background: url("assets/templates/heredisben/css/images/table-th-2.png") top left repeat-x;
}
.revue {
	width: 100%;
	height: 150px;
}
.revue img {
	margin-right: 140px;
}
	
/*  PAGE ACCUEIL BLOCS */


/****** VERT ******/

.long-vert-head {
	background: url("../images/barre-verte.jpg") top left no-repeat;
	height:24px;
	/*background-color:#EEF3E4;*/
	border-bottom: 1px solid #9AC359;
	padding:0;
	
}


.long-vert-head h2, #content .long-vert-head h1 {
	padding:2px 0 0 5px;
	margin:0 !important;
	color:#FFF;
	font-size:1.2em !important;
	font-weight:bold;
}

.long-vert {
	border-style: solid;
	border-width: 0 1px 1px 1px;
	border-color: #9AC359;
	padding:5px;
	margin:0;
	background:#EEEEEE url("../images/degrade-1.png") repeat-x scroll 0 0;
}

.long-vert-double {
	border-style: solid;
	border-width: 0 1px 1px 1px;
	border-color: #9AC359;
	padding:5px;
	margin:0;
	background:#EEEEEE url("../images/degrade-1.png") repeat-x scroll 0 0;
	height:295px;
}

.long-vert-double2 {
	border-style: solid;
	border-width: 0 1px 1px 1px;
	border-color: #9AC359;
	padding:5px;
	margin:0;
	background:#EEEEEE url("../images/degrade-1.png") repeat-x scroll 0 0;
	height:165px;
}

.long-vert p {
	margin:0;
	padding:0;
}

.double-vertg {
	float:left;
	width:370px;
	margin:0 0 5px 0;
}

.double-vertd {
	float:right;
	width:370px;
	margin:0 0 5px 0;
}

.simple-vert {
	clear:left;
	margin:0 0 5px 0;
}

/****** ORANGE ******/

.long-orange-head {
	background: url("../images/barre-orange.jpg") top left no-repeat;
	height:24px;
	/*background-color:#FFECE0;*/
	border-bottom: 1px solid #ED9555;
	padding:0;
	margin:0;
}

.long-orange-head h2, #content .long-orange-head h1{
	padding:2px 0 0 5px;
	margin:0 !important;
	color:#FFF;
	font-size:1.2em !important;
}

.long-orange {
	border-style: solid;
	background:#EEEEEE url("../images/degrade-1.png") repeat-x scroll 0 0;
	border-width: 0 1px 1px 1px;
	border-color: #ED9555 ;
	padding:5px;
	margin:0;
}

.long-orange p {
	margin:0;
	padding:0;
}

/****** GENERAL ******/

.lire-suite {
	text-align:left;
	margin-bottom:10px;
}

#chevron-lien {
	color:#9AC359;
}
.cache {
	display:none;
}
.pointeur-hp {
	cursor:pointer;
}
/**** ARBRES IMPRIMES ****/

#upload-load{
	float:left;
}

#upload{
	float:left;
}

#fichiers{
	clear:left;
	float:left;
	border:1px solid #000;
	margin:10px 0 10px 0;
	width:600px;
	padding:10px;
}

#devis{
	clear:left;
}

.upload-arbre tr{
	height: 30px;
}

.champ_erreur{
	border:2px solid #FF0000;
}

/* COMPTEUR événement */

.compteur {
	background: url("http://www.heredis.com/assets/images/compteur.jpg") top left no-repeat;
	width:300px;
	height:73px;
	float: right;
}
.compteur p {
	color:#FFF;
	font-family:"Arial", Helvetica, sans-serif !important;
	font-size:20px !important;
	font-weight:bold !important;
	text-align:center !important;
	padding-top:31px;		
}


/* BOUTIQUE */

.bandeau-theme {
	background: url("http://www.heredis.com/assets/images/boutique/bandeau-theme.jpg") top left no-repeat;
	height: 34px;
	margin-top:10px;
	margin-bottom:10px;
}

.bandeau-theme h1 { 
	font-size:16px !important ;
	font-weight:bold;
	padding-top:7px;
	margin-left:15px;
	color:#506729;
}
.bandeau-theme2 {
	background: url("http://www.heredis.com/assets/images/boutique/bandeau-theme2.jpg") top left no-repeat;
	height: 34px;
	margin-top:10px;
	margin-bottom:10px;
}

.bandeau-theme2 h1 { 
	font-size:16px !important ;
	font-weight:bold;
	padding-top:7px;
	margin-left:15px;
	color:#506729;
}

.bandeau-theme3 {
	background: url("http://www.heredis.com/assets/images/boutique/bandeau-theme3.jpg") top left no-repeat;
	height: 34px;
	margin-top:10px;
	margin-bottom:10px;
}

.bandeau-theme3 h1 { 
	font-size:16px !important ;
	font-weight:bold;
	padding-top:7px;
	margin-left:15px;
	color:#506729;
}

.combo {
	width: 235px;
	float:left;
	margin-right: 15px;
	/*height: 185px;*/
	margin-top:10px;
	margin-bottom:10px;
}

.nom-produit {
	font-size:14px !important ;
	font-weight: bold;
	margin-bottom: 5px !important ;
}

.nom-produit span {
	font-size:12px;
	font-weight:normal;
}

.line { 
	border-top: 1px solid #999;
	border-left: 1px solid #999;
height:190px;
}
.line2 { 
	border-top: 1px solid #999;
	border-left: 1px solid #999;
height:170px;
}

.prix-windows td { 
	background: url("http://www.heredis.com/assets/images/boutique/plateforme-windows.jpg") top left no-repeat;
	height:42px;
}

.prix-book td { 
	background: url("http://www.heredis.com/assets/images/boutique/plateforme-book.jpg") top left no-repeat;
	height:42px;
}
.prix-trees td { 
	background: url("http://www.heredis.com/assets/images/boutique/plateforme-trees.jpg") top left no-repeat;
	height:42px;
}

.prix-mac td { 
	background: url("http://www.heredis.com/assets/images/boutique/plateforme-mac.jpg") top left no-repeat;
	height:42px;
}

.prix-mixte td { 
	background: url("http://www.heredis.com/assets/images/boutique/plateforme-mac-windows.jpg") top left no-repeat;
	height:42px;
}

.descriptif {
	font-size:12px !important ;
	color:#333;
	padding:5px;
	}
.tarif {
	text-align: right;
	font-size:16px !important ;
	font-weight:bold;
	margin-top:15px;
	margin-right:15px;
}

.tarif span {
	font-size: 12px !important ;	
}
.tarif2 {
	text-align: right;
	font-size:18px !important ;
	font-weight:bold;
	margin-top:15px !important;
margin-bottom:0px !important;
	margin-right:15px;
color: red;
}

.tarif2 span {
	font-size: 12px !important ;	
}
.prix-barre {
	color:#333 !important;
	text-decoration: line-through;
	font-size:12px !important;
}
.ecart {
	margin-top:20px;
}
.entre2  { margin:10px;
}
.loupe { position: relative;
      
}
.loupe span {
	width: 20px;
	height: 18px;
	display: block;
	position: absolute;
	top: 1px;
	left: 1px;
}
.loupe .zoom {
	background: url("http://www.heredis.com/assets/images/boutique/ico-zoom.jpg") no-repeat;
}

#little-boxes {
	width:754px;
	height:148px;
	position:relative;
	margin-bottom:10px;	
}
#little-box1 img, #little-box2 img, #little-box3 img {position:absolute;bottom:0;}
#little-box1 h2, #little-box2 h2, #little-box3 h2 {color:#fff;text-shadow: 0 1px 2px #000;font-size:13px !important;padding:5px 0 0 10px !important;margin:0 !important;}
#little-box1, #little-box2, #little-box3 {
	height:148px;
	width:248px;
	float:left;	
}
#little-box1 {background: url("../images/box1.jpg") top left no-repeat;}
#little-box2 {background: url("../images/box2.jpg") top left no-repeat;	margin:0 5px;}
#little-box3 {background: url("../images/box3.jpg") top left no-repeat;}

#slider-box {
	background: url("../images/slider-box.gif") top left no-repeat;
	height:115px;
	width:754px;
	margin-bottom:10px;}


#content #slider {
    width:754px;
}

#content #slider img{
    border:none;
}

#content #slider ul, #content #slider li{
    margin:0 ;
    padding:0;
    list-style:none;
}

#content #slider li { 
    width:754px;
    overflow:hidden; 
}
.ico-block {float:left;width:105px; height:105px;margin:5px 0 5px 10px;}
.news-block {float:right;width:600px; height:115px;margin:10px 5px 10px 10px; }
#ui-tab-header-planete {
	background : #ED8814 !important;
}

.ui-state-default a {color:#555 !important;}
.ui-state-active a {color:#719238 !important;}
#ui-tab-header-planete.ui-state-default a {color:#555 !important;}
#ui-tab-header-planete.ui-state-active a {color:#fff !important;}


/*.tabs-home {height:125px;}*/
.flotte img, .flotte span {
	
	float:left;
	vertical-align:middle;
	font-weight:bold;
}
.flotte span {
	line-height:52px;
	padding-left:5px;
	padding-right:5px;
	}
	
/* ColorBox - équivalent de lightbox */	
#contentColorbox {
	float:left;
	text-align:left;
	color:#333;
	background-color:#fff;
	padding:15px;
	border:1px solid #BCBCBC;
}	
#contentColorbox h4 {
	font-weight : bold;
	font-size : 1.1em;
	margin-bottom:6px;
	font-style: italic;
	color:#97C315;
}
#contentColorbox p {
	margin-bottom: 2px;
	font-size:1em;
}
.area-image {
	width:720px;
	
	float:left;
}
.colorbox-text {
	float:left;
	padding:10px;
	margin:10px 0 0 7px;
	background-color:#333;
	border: 1px solid #ccc;
	text-align:left; 
	height:60px; 
	color:#fff;
	width:684px;
}

#chunk-fonctions-h12 {
	float:right;
	background-color:#EEF3E4; 
	border:1px solid #C2D49D;
	
	padding:0 0 5px 0;
	margin:10px 0 0 0;
	text-align:center;
	
}
#chunk-fonctions-h12 p {
	display:none;
}
	

.icons-fonctions-h12 {
	/*float:left;*/
	padding:5px 5px 0 5px;
	width:130px;
}
.icons-fonctions-h12 p {
	font-size:11px !important;
	font-style:italic !important;
	color:#666 !important;	
	text-align:center;
	padding-top:5px;
}
.icons-fonctions-h12 a {display:block;}
#playlist {float:right;width:90px;}
#playlist img {padding:0 0 21px 0;}
#playlist a.active { border-bottom:2px solid #78B917;}



/* TYPO */

/* CONTENT */
#content {
	font-family : "Trebuchet MS", Verdana, arial, sans-serif ;
	font-size: 1em;
	line-height : 1.5em;
	color : #333;
}
#content strong {
	color: #333;
}
	
#content a {
	color: #6c8c34;
}

#content a:hover {
	text-decoration: none;
}

#content h1 {
	color:#75953B;
	font-size:1.5em;
	font-weight:normal;
	margin-bottom:10px;
	margin-top:0px;
} 

.clearFloat {
	clear: left;
	padding-top: 20px;
}

#content h2 {
	font-weight : bold ;
	font-size : 1.3em;
	margin-bottom:10px;
	margin-top: 10px;
}

#content .chapo {
	font-weight: bold !important;
	color: #777 !important;
	font-size: 1.1em;
	margin-top: 0;
	line-height: 1.2em;
}

#content h3 {
	font-weight : bold;
	font-size : 1.1em;
	margin-bottom:6px;
	font-style: italic;
}

#content p {
	margin-bottom: 8px;
	font-size:1em;
}
#content ul {
	list-style-position: outside;
	list-style-type: disc;
	padding-left: 10px;
	margin-left: 10px;
	margin-top: 20px;
	margin-bottom: 20px;
}


#content li {
	font-size : 1.0em;
	margin-bottom:5px;
	padding-left: 5px;
}


#content blockquote {
	font-style: italic;
}

/* GENERAL */

.pstrong {
	font-weight : bold ;
}

/* COULEURS */

.couleurClassic {
	color: #9db509;
}

.couleurPro {
	color: #FF5500;
}

.cadreCouleurPro {
	color: #FF5500;
	padding:5px;
	border-color: #FF5500;
	border-top: 2px;
	background-color:#FFEECC;
	margin-top: 15px;
	margin-bottom: 15px;
}

.exposantCouleurPro{
	color: #FF5500;
	vertical-align: super;
	font-weight: bold;
	font-size: x-small;
}

/* FLOTTANT */

.flottantGauche {
	float : left ;
	margin-right:10px;
}

.flottantGauche-bottom {
	float : left ;
	margin-right:10px;
	margin-bottom:50px;
}

.flottantDroit {
	float : right ;
	margin-left:10px;
	margin-right: 5px;
}
.flottantDroit-spe {
	float : right ;
	margin-left:0px;
	margin-right: 5px;
	margin-bottom:0px !important;
	margin-top:100px;
}

.flottantGauche, .flottantDroit {
	margin-bottom: 10px;
}

.nettoyeFlottant {
	clear : both ;
	visibility : hidden ;
	width : 1px ;
	height : 1px ;
	display : block ;
}

/* CITATION */

.citation-droite, .citation-gauche {
	width: 300px;
	font-size: 1.3em;
	color: #888;
	display: block;
	margin: 10px;
	padding:20px 20px 20px 50px;
	background: url("../images/quote-left.png") top left no-repeat;
	width: 210px;
}

.citation-droite {
	float: right;
	margin-right: 0px;
}

.citation-gauche {
	float: left;
	margin-left: 0px;
}
.citation-droite2, .citation-gauche2 {
	
	font-size: 1.3em;
	color: #888;
	display: block;
	margin: 10px;
	padding:20px 20px 20px 50px;
	background: url("../images/quote-left.png") top left no-repeat;
	width: 210px;
}
.citation-droite3, .citation-gauche3 {
	
	font-size: 1.2em;
	color: #888;
	display: block;
	margin: 10px;
	padding:20px 20px 20px 50px;
	background: url("../images/quote-left.png") top left no-repeat;
	width: 700px;
}




.citation-gauche {
	float: left;
	margin-left: 0px;
}

.citation-ferme {
	display: block;
	background: url("../images/quote-right.png") top left no-repeat;
	width: 46px;
	height: 39px;
	margin-top: 10px;
	float: right;
	text-indent: -3000px;
}

/*au ClassicPro --------------------------------  tableau ClassicPro*/

.grand_tableau {
	border-spacing: 3px;
	width: 100%;
}

.grand_tableau td {
	vertical-align:top;
	padding: 5px;
	border: 1px solid #bbbbbb;
	vertical-align: middle;
}

.grand_tableau img {
	margin-right: 5px;
}

.grand_tableau p {
	font-size : 0.9em;
	margin-bottom:0px;
	padding-bottom:0px;
}

.titreTableau1 {
	/*background-color:#FF9966;*/
	background: #6F8F36 url("../images/table-th.png") top left repeat-x;
	
}
.titreTableau-parrain {
	/*background-color:#FF9966;*/
	background-color: #B30C5E;
	
}

.titreTableau-filleul {
	/*background-color:#FF9966;*/
	background-color: #0A3BB2;
	
}
.titreTableau1 p{
	color:#FFFFFF;
	font-size : 1.0em;
	font-weight:bold;
	margin:0 !important;
}

.titreTableau1 td {
	border: 1px solid #719238;
}
.titreTableau1-top {
	/*background-color:#FF9966;*/
	background: #6F8F36 url("../images/table-th.png") top left repeat-x;
	
}

.titreTableau1-top p{
	color:#FFFFFF;
	font-size : 1.0em;
	font-weight:bold;
	margin:0 !important;
	vertical-align:top;
}

.titreTableau1-top td {
	border: 1px solid #719238;
	vertical-align:top;
}
.titreTableau1a {
	/*background-color:#FF9966;*/
	background: #6F8F36 url("../images/table-th.png") top left repeat-x;
	
	
}
.titreTableau1a p{
	color:#FFFFFF;
	font-size : 1.0em;
	font-weight:bold;
	margin:0 !important;
}

.titreTableau1a td {
	border: 1px solid #719238;
	margin-top:50px;
}


.titreTableau2 {
	/*background-color:#E0FFBC;*/
	background: #dbe3cd url("../images/table-th-2.png") top left repeat-x;

}
.titreTableau2 p {
	font-weight:bold;
	color: #75953B !important;
	margin:0 !important;
}

.titreTableau2 td {
	border: 1px solid #A3CD60;
}

.centrePro {
	font-weight:bold;
	text-align: center;
	color:#485b28;
	font-size: 12px;
}
.centrePro p {
	font-weight:bold;
	text-align:center;
	color:#485b28;
}

.centreClassic {
	font-weight:bold;
	text-align: center;
	color:#93ba53;
	font-size: 12px;
}
.centreClassic p {
	font-weight:bold;
	text-align:center;
	color:#93ba53;
}



/* tableauCadres ---------------------------------------- tableauCadres */

.tableauCadres {
	margin-bottom: 4px;
	border-spacing: 15px;
	line-height: 1.2em;
	margin-left: -10px;
}

.tableauCadres2 {
	border-spacing:1px;
	margin-bottom:1px;
	line-height: 1em;
}

.tableauCadres td {
	background: url("../images/degrade-1.png") #eee repeat-x;
	vertical-align:top;
	padding: 8px;
	border: 1px solid #bbbbbb;
	font-size : 13px;
}

.tableauCadres img {
	margin-right: 5px;
}
.tableauCadres span.presse {
	color:#912F45;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;}

/* styles de tableaux */

table.tableauCadres .green td {
	border-color: #CDE3AA;
	background-color: #EEF3E4;
}

table.grey td {
	border-color: #ddd;
	background-color: #f5f5f5;
}

.motsgras{/*ELOISE : style applique aux mots importants (les mots sont en bleu et en gras)*/

font-weight:bold;
color: #333;
}

.strongenough{/*ELOISE : style applique aux mots importants (les mots sont en bleu et en gras)*/

font-weight:bold;
color: #f0f0f0;
}


#pc{
width:50%;
padding-top:7px;
}

#mac{
width:50%;
padding-top:7px;
}

strong{
/*	
	font-size:12px;*/
	font-weight:bold;
	color:#000;
}

em {
	font-style: italic;
}



#magazine{
padding-left:5px;
}

.grey {
	color: #666;
}

/* SPECIAL OPERATIONs COMMERCIALES */

.op-boxes {
	margin-top: 10px;
	margin-right: 10px;
	height:140px;
	background-color:#cde0c1;
	border:1px dashed gray;
	text-align:left;
	width:225px;
	float:left;
	padding:5px;
	font-size:12px;
		
}
.op-boxes li {
	list-style-position: inside;
	list-style:disc;
}
.op-boxes ul.op-info {
	margin-top:15px;
	margin-left:15px;
}
.op-detailtexte {
	font-size:12px;
}
.op-detail {
	background-color:#ECE8E2;
	border-top:1px solid #8F8572;
	border-bottom:1px solid #8F8572;
	margin-top:20px;
	padding:10px;
	font-size:12px;
}
.op-detailoffre {
	color: #6C8D33;
	font-weight: bold;
	font-size:14px;
}
p .op-detailtexte {
			margin: 0 5px 0 5px;
}
.op-info {	margin-top:5px;
			margin-bottom:5px;
			margin-left:5px;
			margin-right:5px;        	
}
.op-info span {
	font-size:15px;
	color: #6c8c34;
}
.pgcolor {
	color: #E7602D !important;
	
}
.searchnew  {
	color: #E7602D !important;
	font-weight:bolder !important;
	font-size:13px !important;
	
}
.rouge { color:#F00 !important;}
.small {font-size:11px !important; font-style:italic;}


/* HACK CBOX */


/*Hack colorBox ... temporaire.*/

#colorbox h1 {
	font-size: 1.8em;
	line-height:1em;
	margin: 10px;
	color:#739539;
	text-align:left !important;
}
#colorbox h3 {
	font-size: 1.8em;
	line-height:1em;
	margin: 10px;
	color:#739539;
	text-align:left !important;
}
#colorbox h4 {
	color: #739539;
	font-size: 1.3em;
	margin-bottom: 20px;
}
#colorbox a {
	color: #5c772e;
}
#colorbox h5 {
	font-size: 1.2em;
	font-weight:bold;
}
#colorbox a:hover {
	text-decoration: none;
}
#colorbox p {
	margin: 10px;
	text-align:justify;
}
#colorbox em {
	font-style: italic;
}
#colorbox strong {
	font-weight: bold;
}
#colorbox .flottantDroit {
	float: right;
	margin-left: 10px;
	margin-right: 5px;
}
#colorbox h1 {
	color: #75953B;
	font-size: 1.5em;
	font-weight: normal;
	margin: 10px;
}