/*********BALISES *********/

html {font-size: 100%;}

#pagewrapper {margin: 0 auto; max-width: 1400px;}


h1 {
	color: #2e322f;
	font: bold 2em/1.2em Arial, sans-serif;
	margin: 0.5em 0 0.5em 0;
	padding: 0;
	text-align: center;
	}

h1 + h2 {margin-top: 0;}
	
h2 {
	font: bold 1.80em Arial, sans-serif;
	text-align: left;
	color: #2e322f;
	margin: 2em 0 0.75em 0;
	padding: 0;
	}	
h2.less {letter-spacing: -1px;}
	
h2 a {text-decoration: none;}
h2 a i {color: #4FA066;}

.titre1 {
	font: bold 1.35em Arial, sans-serif;
	text-align: left;
	color: #2e322f;
	margin: 5px 0 2px 0;
	padding: 0;
	}	

h3 {
	font: bolder 1.4em Arial, sans-serif;
	margin: 2em 0 0.75em 0;
	padding: 0;
	color: #2e322f;
	}

.titre2 {font: bolder 15px Arial, sans-serif; margin: 1.5em 0 1em; color: #4fa066;}
	.page_saisie .titre2:first-child {margin-top: 0;}

.h3 {
	font: bolder 15px Arial, sans-serif;
	margin: 0;
	padding: 0;
	color: #4fa066;
	text-decoration: none;
	}
	
h4 {
	color: #2e322f;
	font-family: Arial, sans-serif;
	font-size: 1.2em;
	font-weight: bolder;
	margin: 15px 0 5px 0;
	padding: 0;
	}
.legend {
	font: 1.5em Arial, sans-serif;
	padding: 0;
	text-align: center;
	margin-bottom: 2em;
	}
	
body {
	font-family: Trebuchet MS, Times, serif;
	font-size: 0.8em;
	margin: 0;
	padding: 0 !important;
	color: #2e322f;
	background: white;
	}

a { 
	font: bold 0.9em Verdana, Arial, sans-serif;
	color: #d0a53d;
	cursor: pointer;
	}

a:hover {  
	color: #d0a53d;
	text-decoration: none;	
	}	

img {
	border: 0;
	margin-right: 3px;
	}
	
a > img {
	text-decoration: none;
	background: transparent;
	}
	
p {
	margin: 0 0 10px 0;
	}
	
form {margin: 0; padding: 0;}
	
input, textarea, select {
/* 	font-size: 0.85em;
	font-family: verdana, Arial, sans-serif;
	border: 1px solid #4fa066;	
	margin: 0; */
	}

input:hover, textarea:hover {
	/* border: 1px solid #e6b009;
	background-color: #fcefc7;	 */
	}

input:focus, textarea:focus {
	/* border: 1px solid #e6b009;
	background-color: #fcefc7;	 */
	}	
	
ul {
	margin-top: 0;
	margin-bottom: 0;
	list-style-type: none;
	}

li {
	margin: 0;
	padding: 0;
	}

fieldset {margin: 2em 0 0; padding: 1.5em; border: 2px solid #4fa066; max-width: 50em; border-color: #4fa066;}
fieldset legend {font-size: 1.4em; padding: 0 0.5em;}
	fieldset legend + h3 {margin-top: 1em;}

	
/********* PAGE *********/

.banniere {
	max-width: 948px !important;
	width: auto !important;
}

.login {
	margin: 1em 0 2em;
}

#page {
	max-width: 948px;
	height: auto;
	margin: 0 auto 1em;
	padding: 0 1em;
	background-color: white;
	}

#main {margin-bottom: 2em;}

@media only screen and (min-width: 768px) {
	
	#main {float: left; width: 70%;}
	#sidebar {float: right; width: 28%;}
}
/********* HEADER *********/

#header {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	}

div.onglet-genea div#minibanniere {
  background: transparent url(http://op.cdip.fr/img/geneatique/G2010/minibanniere-mes-arbres.png) no-repeat 0 0;
  float: right;
  height: 68px;
  margin-right: 1em;
  margin-top: 4px;
  width: 69px;
}

div.onglet-genea div.minibanniere {
	max-width: 1350px;
	margin: .5em auto;
}

.onglet-genea ul {
	background-color: #4fa066 !important;
	box-shadow: inset 0 -5px 10px rgba(0, 0, 0, 0.35);
	margin: 0;
	padding: 0;
	overflow: hidden;
	line-height: 25px;
}
		
.logogeneatiquenet {
	margin-left: 10px;
	height: 66px;
	width: 300px;
	background-image: url(/genealogie-v1/img/site-geneatique.net650w.svg)!important;
  	background-repeat: no-repeat!important;
	float: left;
}

.minilogogeneatiquenet {
	margin-left: 10px;
	width: 420px;
	height: 41px;
	float: left;
	margin: 2px 0 0 7px;
	background-image: url(/genealogie-v1/img/site-geneatique.net650w.svg)!important;
  	background-repeat: no-repeat!important;
} 

.minibanniere .login {
	float: right
}

.login a {
	display: inline-block !important;
	padding: .25em .75em !important;
}


/******** MENU ***************/

#menutop {
	height: 64px;
	width: 1000px;
	margin: 0;
	}

#menutop ul {
	display: inline;
	margin:0;
	padding: 0;
	list-style-type: none;
	}

#menutop li {
	display: block;
	float: left;
	width: 95px;
	height: 60px;
	}	
	
#menutop li#menutop0 {
	width: 101px;
	height: 45px;
	margin: 10px 5px 0 0;
	}	
	
#menutop li#menutop2, #menutop li#menutop2selected {
	width: 81px;
	}	

#menutop li#menutop4, #menutop li#menutop4selected {
	width: 115px;
	}	
		
#menutop li#menutop1, #menutop li#menutop2, #menutop li#menutop3, #menutop li#menutop4,#menutop li#menutop1selected, #menutop li#menutop2selected, #menutop li#menutop3selected, #menutop li#menutop4selected {
	height: 30px;
	margin: 30px 4px 0 0;
	}

#menutop li a {
	display: block;
	width: 95px;
	height: 30px;
	}	
	
#menutop li#menutop2 a, #menutop li#menutop2selected a {
	width: 81px;
	}	

#menutop li#menutop4 a, #menutop li#menutop4selected a {
	width: 115px;
	}
	
#menutop li#menutop0 {
	background: url('../png/logo_guide-genealogie.png') no-repeat 0 0;
	}	
	
#menutop li#menutop1 {
	background: url('../png/bouton_guide-genealogie.png') no-repeat 0 0;
	}	

#menutop li#menutop2 {
	background: url('../png/bouton_forum-genealogie.png') no-repeat 0 0;
	}

#menutop li#menutop3 {
	background: url('../png/bouton_recherche-globale.png') no-repeat 0 0;
	}	
	
#menutop li#menutop4 {
	background: url('../png/bouton_mes-arbres.png') no-repeat 0 0;
	}

#menutop li#menutop0selected {
	background: url('../png/logo_guide-genealogie.png') no-repeat 0 -30px;
	}	
	
#menutop li#menutop1selected {
	background: url('../png/bouton_guide-genealogie.png') no-repeat 0 -30px;
	}	

#menutop li#menutop2selected {
	background: url('../png/bouton_forum-genealogie.png') no-repeat 0 -30px;
	}

#menutop li#menutop3selected {
	background: url('../png/bouton_recherche-globale.png') no-repeat 0 -30px;
	}	
	
#menutop li#menutop4selected {
	background: url('../png/bouton_mes-arbres.png') no-repeat 0 -30px;
	}


#menutop li#menutop1:hover, #menutop li#menutop2:hover, #menutop li#menutop3:hover, #menutop li#menutop4:hover {
	background-position: 0 -30px;
	}

div.breadcrumbs, div.crbk { height: 35px; padding: 0; }
div.crbk { background-color: #ddf0cc; margin: 0 auto; width: 73em; }
div.breadcrumbs {margin: 0; font-size: 90%; }
#menubottom { padding: 0.3em 0 0 0.5em; }
#menubottom i {margin: 0 0.25em 0 0; position: relative; top: 2px; color: #4fa066}
#menubottom a { font: 12px/25px Arial, Helvetica, sans-serif; color: black; text-decoration: none; }
#menubottom li:hover a { text-decoration: none; color: #d0a53d}
#menubottom li:hover i, #menubottom input.deco:hover, #menubottom button:hover {color: #d0a53d}
#menubottom ul { margin:0; padding: 0; list-style-type: none; }
#menubottom li { float: left; padding: 0 10px; }
	
#menubottom input.deco {margin: 0; padding: 0; background: transparent; border: 0; cursor: pointer; }	

#menubottom button {background-color: transparent; border: 0; cursor: pointer; color: #4fa066;}

#menubottom .login {font-family: Arial,Helvetica,sans-serif; border-left: 1px solid #4fa066; margin-left: 1em; padding-left: 1.5em; font-family: arial;}




span.Text_maintenance_header
{
  color:Red;
  font-size: 20px;
}


/********* FOOTER*********/

div#footer {
	background-color: #4fa066;
	border-bottom: 10px solid #2e322f;
	color: white;
}

div#footer p {
	font-size: 14px;
	text-align: center;
	padding-top: 1em;
	line-height: 1.5em;
}

div#footer p a, div#footer p a:hover, div#footer p a:focus, div#footer p a:visited {
	color: white;
}

div#footer p a:hover {
	text-decoration: none;
}
	
	
/**************************/
    /* --- HOME --- */
/**************************/

#lettrine {
	height: 32px;
	width: 32px;
	float: left;
	background: url(../gifs/Gol-32.gif) no-repeat 0 0;
	}

#boite_contenu {
	margin: 0;
	padding: 10px;
	}
	
#boite_contenu ul {
	margin: 0 0 10px 0;
	padding: 0;
	}			
	
#boite_cdip {
	width: 160px;
	height: 100px;
	padding: 2px;
	float: left;
	margin-top: 40px;
	text-align: center;
	}
	
#recherche_rapide {
	width: 40em;
	padding: 2px 7px 7px;
	margin: 0;
	background: #d0a53d;
	background: -moz-linear-gradient(top, #d0a53d 0%, #d0a53d 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, #d0a53d), color-stop(100%, #d0a53d));
	background: -webkit-linear-gradient(top, #d0a53d 0%, #d0a53d 100%);
	background: -o-linear-gradient(top, #d0a53d 0%, #d0a53d 100%);
	background: -ms-linear-gradient(top, #d0a53d 0%, #d0a53d 100%);
	background: linear-gradient(to bottom, #d0a53d 0%, #d0a53d 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d0a53d', endColorstr='#d0a53d', GradientType=0 );
	}	

#recherche_rapide h2 {margin-top: 0.5em}	
	
#recherche_rapide .boite {
	margin: 0;
	padding: 5px;
	border: 1px solid #d0a53d;	
	background: white;
	min-height: 92px;
	}		
	
#recherche_rapide p {margin-bottom: 1.5em;}	

#recherche_rapide .boite img {
	width: 99px;
	height: 99px;
	margin: 0 2em 0 0;
	float: left;
	}	

#recherche_rapide .boite span {margin: 0 0 0.5em;}		
		
#recherche_rapide .boite label {width: 90px; display: block; float: left;}

#recherche_rapide .boite input {width: 17em;}
	
#recherche_rapide .boite select {width: 17.4em;}
	
#recherche_rapide .boite input.go {float: right; margin-top: 1em; width: auto;}	
		
	
#boite_identification {
	background-color: white;
	}

#boite_identification h2, .Statistiques h2 {margin-top: 0.5em; font-size: 1.6em; font-weight: normal;}	
#boite_identification h3 {margin-top: 0.5em; font-weight: normal;}	
	
#boite_param div#recup form table tr td.left p {margin: 1em 0 0;}	
	
#boite_param div#recup form table tr td img {border: 1px solid #4fa066;}			

#boite_param input.bouton {}	
	
#recup input.envoyer {
	margin-top: 7px;
	}	
	
#boite_param.envoi_message {
	background: url('../png/background_param_envoi.png') no-repeat 0 0;
	padding: 4em 3em 1em 1.3em;
	top: 9em;
	left: 2em;
	}
	
#boite_param.envoi_message form table tr td {
	text-align: left;
	}
 

#retour_accueil	.home {line-height: 40px;}
#retour_accueil	.home {line-height: 40px;}
#retour_accueil	.home img {max-width: 40px; max-height: 40px; float: left; margin: 0 0.5em 0 0;}


	
/*****************************/
 /* --- IDENTIFICATION --- */
/*****************************/

.identification, .pas_inscrit {
	padding: 2px 7px 7px;
	margin: 0 auto 3em;
	max-width: 30em;
	}	
	
.identification .boite_id {
	}
	
.pas_inscrit, .identification, .Statistiques {
	background: #4fa066;
	background: -moz-linear-gradient(top, #4fa066 0%, #4fa066 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #4fa066));
	background: -webkit-linear-gradient(top, #4fa066 0%, #4fa066 100%);
	background: -o-linear-gradient(top, #4fa066 0%, #4fa066 100%);
	background: -ms-linear-gradient(top, #4fa066 0%, #4fa066 100%);
	background: linear-gradient(to bottom, #4fa066 0%, #4fa066 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4fa066', endColorstr='#4fa066', GradientType=0 );
	}
		
.pas_inscrit .boite_id {
	}
		
.pas_inscrit a.compte {
	display: block;
	margin-bottom: 3px;
	width: 183px;
	height: 23px;
	background: url('../png/bouton_creer-compte.png') no-repeat 0 0;
	}
	
.pas_inscrit a.compte:hover {
	background-position: 0 -23px;
	}			
		
.boite_id {
	margin: 0;
	padding: 5px;
	border: 1px solid #4fa066;	
	background-color: white;
	}

.boite_id ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	}
	
.boite_id  li {
	margin: 0 0 5px;
	}
		
.boite_id table {
	width: 100%;
	padding: 0;
	border-spacing: 0;
	border-collapse: collapse;
	}
	
.boite_id .bouton {margin: 0 0 0.25em;}
	
.boite_id table.inscrit td {
	font: 0.8em verdana, Arial, sans-serif;
	text-align: left;
	vertical-align: middle;
	}
	
.boite_id table.inscrit td.left {
	font-weight: bold;
	}
	
.boite_id table.inscrit td.right {
	width: 60%;
	}	
	
.boite_id table.inscrit td.right input {
	width: 11em;
	float: right;
	}	
	
.boite_id table.inscrit td.error {
	text-align: right;
	color: #F30;
	font-weight: bold;
	}

.boite_id.login p input {width: 100%; box-sizing: border-box;}
	
.boite_id input.new_gen {
	width: 99%;
	margin: 0;
	}
	
.boite_id img.message {
	margin-top: 3px;
	}

.boite_id ul.valider_acces {
	margin-bottom: 15px;
	}

	
/**************************/
 /* --- TAB PANEL CSSs --- */
/**************************/

.tabContent {
	background: #fff;
	border: 1px solid #ccc;
	border-top: none;
	margin: 0 0.5em 10px;
	padding: 0;	
	}
	
.tabContent ul {
	margin: 0;
	padding: 0;
	}
	
.tabContent li {
	margin-bottom: 10px;
	}
	
.tabPanel {
	clear: both;
	
	border-bottom: 1px solid #ccc;
	margin: 10px 0.5em 0;
	padding-left: 8px;
	padding-bottom: 19px;
	}

.tabPanel ul, .tabPanel li {
	float: left;
	margin: 0;
	padding: 0;
	}

.tabPanel a:link, .tabPanel a:visited {
	background: #e5efe2;
	border: 1px solid #ccc;
	color: #2e322f;
	float: left;
	font-weight: normal;
	margin-right: 8px;
	padding: 2px 10px;
	text-decoration: none;
	}

.tabPanel a:link.ajaxCurrentTab, .tabPanel a:visited.ajaxCurrentTab {
	background: #fff;
	border-bottom: 1px solid #fff;
	color: #2e322f;
	}

.tabPanel a:hover {
  color: #d0a53d;
	}
	
.tab_editor{
	border : 1px solid #cccccc;
	border-bottom-color: transparent;
	float: left;
	font-weight: normal;
	margin-right: 8px;
	padding: 2px 10px;
	text-decoration: none;	
}
		
/** AUTRE **/

.petite_vignette {
	max-width: 32px;
	margin-right: 5px;
	}	
	
.img10 {
	height: 10px;
	width: 10px;
	border: 0px;	
	}
	
.img10:hover {
	border: 0px;
	background: white;
	}	
	
.img12 {
	height: 12px;
	width: 12px;
	border: 0px;	
	}
	
.img12:hover {
	border: 0;
	background: transparent;
	}
	
.img14 {
	height: 14px;
	width: 14px;
	border: 0px;	
	}
	
.img16 {
	height: 16px;
	width: 16px;
	border: 0px;	
	}


.img16:hover {
	border: 0px;
	background-color: transparent;
	}
	
img.img16[alt="Aide"] {
	cursor: help;
	}
	
	
.img32 {
	height: 32px;
	width: 32px;
	border: 0px;	
	}

.img32:hover {
	border: 0px;
	background-color: transparent;
	}	
	
.no_border {
	border: 0;
	}

.no_border:hover {
	border: 0;
	background: none;
	}	
	
.no_margin {
	margin: 0;
	}

.margin_t3 {
	margin-top: 3px;
	}
	
.margin_t0b2 {
	margin: 0 0 2px 0;
	}	
	
.margin_r5 {
	margin: 0 5px 0 0;
	}

.margin_l15 {
	margin-left: 15px;
	}

.margin_l20 {
	margin-left: 20px;
	}
	
.margin_b3 {
	margin: 0 0 3px 0;	
	}

.width_100 {
	width: 100%;
	}
	
.space {
	display: block;
	border-bottom: 1px solid #ccc;
	margin: 15px 0;
	padding: 0;
	}
	
.no_left {
	clear: left;
	}
	
.space_event {
	display: block;
	border-bottom: 1px dashed #ccc;
	margin: -5px 0 10px 0;
	padding: 0;
	}

.code_secu {
	font-size: 0.9em;
	font-style: oblique;
	}
	
.log_error {
	color: #F30;
	font-weight: bold;
	font-size: 1.2em;
	}

.no_underline  {
	text-decoration: none;
	}

.help {
	cursor: help;
	}
	
.note  {
	width: 380px;
	margin-top: 5px;
	padding: 5px;
	border: 1px solid #4fa066;
	background: #e5efe2;
	}

.note_2  {
	width: auto;
	margin: 5px;
	padding: 5px;
	border: 1px solid #4fa066;
	background: white;
	}
	
/*****************************/
 /* ---BOUTONS --- */
/*****************************/	

input.bouton_a-jour {
	width: 98px;
	height: 23px;
	border: 0;
	background: url('../gifs/boutons/bouton_a-jour.gif') no-repeat 0 0;
	}	
	
input.bouton_a-jour.block  {
	display: block;
	float: left;
	}		
	
input.bouton_a-jour:hover  {
	background-position: 0 -23px;
	}	

a.bouton_accueil {
	display: block;
	float: left;
	width: 144px;
	height: 23px;
	border: 0;
	background: url('../gifs/boutons/bouton_accueil.gif') no-repeat 0 0;
	}	
	
a.bouton_accueil:hover {
	background-position: 0 -23px;
	}		
	
input.bouton_ajouter {
	width: 64px;
	height: 23px;
	border: 0;
	background: url('../gifs/boutons/bouton_ajouter.gif') no-repeat 0 0;
	}	
input.bouton_ajouter:hover  {
	background-position: 0 -23px;
	}	
		
img.bouton_ajouter {
	width: 64px;
	height: 23px;
	border: 0;
	background: url('../gifs/boutons/bouton_ajouter.gif') no-repeat 0 0;
	}	
img.bouton_ajouter:hover  {
	background-position: 0 -23px;
	}			
	
input.bouton_adherer {
	width: 160px;
	height: 23px;
	border: 0; 
	background: url('../gifs/boutons/bouton_adherer-asso.gif') no-repeat 0 0;
	}		
	
input.bouton_adherer:hover  {
	background-position: 0 -23px;
	}	
	
	
input.bouton_ajouter-gen-amis {
	width: 233px;
	height: 23px;
	border: 0;
	background: url('../gifs/boutons/bouton_ajouter-genealogie-amis.gif') no-repeat 0 0;
	}		

input.bouton_ajouter-gen-amis:hover {
	background-position: 0 -23px;
	}		
	
a.bouton_annuler {
	display: block;
	float: left;
	margin-left: 5px;
	width: 66px;
	height: 23px;
	border: 0;
	background: url('../gifs/boutons/bouton_annuler.gif') no-repeat 0 0;
	}
	
a.bouton_annuler:hover {
	background-position: 0 -23px;
	}	
	
	
/*modif khalid	*/

a.bouton_a-jour{
	display: block;
	float: left;
	margin-left: 5px;
	width: 98px;
	height: 23px;
	border: 0;
	background: url('../gifs/boutons/bouton_a-jour.gif') no-repeat 0 0;
	}	
	
a.bouton_a-jour:hover {
	background-position: 0 -23px;
	}	
	
	
/*    ****       */	
 
input.bouton_creer {
	width: 54px;
	height: 23px;
	border: 0;
	background: url('../gifs/boutons/bouton_creer.gif') no-repeat 0 0;
	}	
	
input.bouton_creer.gen {
	margin-top: 7px;
	}

input.bouton_creer:hover {
	background-position: 0 -23px;
	}	
	
a.creer_compte {
	display: block;
	width: 183px;
	height: 23px;
	border: 0;
	background: url('../png/bouton_creer-compte.png') no-repeat 0 0;
	margin: 0 auto;
	}		
	
a.creer_compte:hover {
	background-position: 0 -23px;
	}		
	
a.bouton_deconnecter-compte {
	display: block;
	width: 159px;
	height: 23px;
	border: 0;
	background: url('../gifs/boutons/bouton_deconnecter-compte.gif') no-repeat 0 0;
	}	
	
a.bouton_deconnecter-compte:hover {
	background-position: 0 -23px;
	}	

input.bouton_demande-acces-gen {
	width: 334px;
	height: 23px;
	border: 0;
	background: url('../gifs/boutons/bouton_demande-acces-gen.gif') no-repeat 0 0;
	}	
	
input.bouton_demande-acces-gen:hover {
	background-position: 0 -23px;
	}	
	
input.bouton_enregistrer {
	width: 87px;
	height: 23px;
	border: 0;
	background: url('../gifs/boutons/bouton_enregistrer.gif') no-repeat 0 0;
	}	
	
input.bouton_enregistrer:hover {
	background-position: 0 -23px;
	}		
	

input.bouton_envoyer {
	width: 67px;
	height: 23px;
	border: 0;
	background: url('../gifs/boutons/bouton_envoyer.gif') no-repeat 0 0;
	}	
	
input.bouton_envoyer.top {
	margin-top: 7px;
	}		

input.bouton_envoyer:hover {
	background-position: 0 -23px;
	}

input.bouton_renvoyer-validation {
	width: 222px;
	height: 23px;
	border: 0;
	background: url('../gifs/boutons/bouton_renvoyer-confirmation.gif') no-repeat 0 0;
	}	

input.bouton_renvoyer-validation:hover {
	background-position: 0 -23px;
	}

a.bouton_envoyer-message-util {
	display: block;
	width: 242px;
	height: 23px;
	border: 0;
	background: url('../gifs/boutons/bouton_envoyer-message-util.gif') no-repeat 0 0;
	}	
	


a.icon_envoyer-message-util {
	display: block;
	width: 20px;
	height: 16px;
	margin-left: 3px;
	border: 0;
	background: url('../png/mail2.png') no-repeat 0 0;
	}	


a.bouton_envoyer-message-util.visu {
	float: right;
	}
	
a.bouton_envoyer-message-util:hover {
	background-position: 0 -23px;
	}		

a.bouton_envoyer-abus {display: block; width: 185px; height: 23px; border: 0; background: url('../gifs/boutons/bouton_signaler-contenu.gif') no-repeat 0 0;}	
	a.bouton_envoyer-abus:hover {background-position: 0 -23px;}
	a.bouton_envoyer-abus.visu {float: right;}

input.bouton_import-ajout {
	width: 146px;
	height: 23px;
	border: 0;
	background: url('../gifs/boutons/bouton_import-ajout.gif') no-repeat 0 0;
	}	
	
input.bouton_import-ajout:hover {
	background-position: 0 -23px;
	}	

input.bouton_import-ecrase {
	width: 148px;
	height: 23px;
	border: 0;
	background: url('../gifs/boutons/bouton_import-ecrase.gif') no-repeat 0 0;
	}	
	
input.bouton_import-ecrase:hover {
	background-position: 0 -23px;
	}	

input.bouton_inscrire {
	width: 77px;
	height: 23px;
	float: left;
	border: 0;
	background: url('../gifs/boutons/bouton_inscrire.gif') no-repeat 0 0;
	}	
	
input.bouton_inscrire:hover {
	background-position: 0 -23px;
	}	
	
a.bouton_modifier-compte {
	display: block;
	margin: 5px 0 3px;
	width: 147px;
	height: 23px;
	border: 0;
	background: url('../gifs/boutons/bouton_modifier-compte.gif') no-repeat 0 0;
	}	
	
a.bouton_modifier-compte:hover {
	background-position: 0 -23px;
	}	
	
a.bouton_modifier-accueil {
	display: block;
	margin: 5px 0 0;
	width: 183px;
	height: 23px;
	border: 0;
	background: url('../gifs/boutons/bouton_modifier-accueil.gif') no-repeat 0 0;
	}	
	
a.bouton_modifier-accueil:hover {
	background-position: 0 -23px;
	}	
	
a.bouton_modif_param_adhes {
	display: block;
	margin: 5px 0 0;
	width: 183px;
	height: 23px;
	border: 0;
	background: url('../gifs/boutons/bouton_modif_params_adhesion-asso.gif') no-repeat 0 0;
	}	
	
a.bouton_modif_param_adhes:hover {
	background-position: 0 -23px;
	}		
	
input.bouton_rechercher {
	width: 88px;
	height: 23px;
	border: 0;
	background: url('../gifs/boutons/bouton-rechercher.gif') no-repeat 0 0;
	}	
	
input.bouton_rechercher.arbre {
	margin-top: 30px;
	margin-left: 60px;
	background: url('../png/bouton_rechercher-orange.png') no-repeat 0 0;
	}		
	
input.bouton_rechercher:hover {
	background-position: 0 -23px;
	}		
		
		
input.bouton_recherche-affiner {
	width: 138px;
	height: 23px;
	margin-top: 10px;
	border: 0;
	background: url('../gifs/boutons/bouton_recherche-affiner.gif') no-repeat 0 0;
	}	
	
input.bouton_recherche-affiner:hover {
	background-position: 0 -23px;
	}	
	
input.bouton_supprimer-compte {
	width: 145px;
	height: 23px;
	margin-left: 5px;
	border: 0;
	background: url('../gifs/boutons/bouton_supprimer-compte.gif') no-repeat 0 0;
	}	
	
input.bouton_supprimer-compte:hover {
	background-position: 0 -23px;
	}		
	
input.bouton-valider {
	width: 62px;
	height: 23px;
	border: 0;
	background: url('../gifs/boutons/bouton-valider.gif') no-repeat 0 0;
	}	
	
input.bouton-valider:hover {
	background-position: 0 -23px;
	}	


.close.icon-remove {width: auto; height: auto; float: right; cursor: pointer; z-index: 2; background:none; background-color: #4fa066; padding: 6px 9px; color: white;}	

.close {
	width: 21px;
	height: 21px;
	float: right;
	background: url('../png/close.png') no-repeat 0 0;
	cursor: pointer;
	z-index: 2;
	}
	
.close_partage {
	width: 21px;
	height: 21px;
	float: left;
	margin-left: 465px;
	background: url('../png/close.png') no-repeat 0 0;
	cursor: pointer;
	z-index: 2;
	position: absolute;
	}
	
input.bouton-acces {
	padding : 0px;
	width: 18px;
	height: 20px;
	border: 0;
	background: url('../png/maj16.png') no-repeat 0 0;
	}	
	
input.bouton-acces:hover {
	background: url('../png/maj16.png') no-repeat 0 0;
	cursor : pointer;
	}	

input.bouton-valider-mail {
	width:110px;
	height: 23px;
	border: 0;
	background: url('../gifs/boutons/bouton_enregistrer_orange.gif') no-repeat 0 0;
	}	
	
input.bouton-valider-mail:hover {
	background-position: 0 -23px;
	}		
	
input.bouton-apercu-mail {
	vertical-align :top;
	
	width: 60px;
	height: 23px;
	border: 0;
	background: url('../gifs/boutons/bouton_apercu.gif') no-repeat 0 0;
	}	
	
input.bouton-apercu-mail:hover {
	background-position: 0 -23px;
	}		
	
input.bouton-restaurer-mail {
	width: 80px;
	height: 23px;
	border: 0;
	background: url('../gifs/boutons/bouton_restaurer.gif') no-repeat 0 0;
	}	
	
input.bouton-restaurer-mail:hover {
	background-position: 0 -23px;
	}
	
	
	
div.code{
	border-style: solid;
	margin: 5px;
	max-width:200px; 
	}			


	
	
	
/**************************/
    /* --- GENERAL --- */
/**************************/	
	
	

.bouton {
	-webkit-border-top-left-radius:5px;
	-moz-border-radius-topleft:5px;
	border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	-moz-border-radius-topright:5px;
	border-top-right-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	-moz-border-radius-bottomright:5px;
	border-bottom-right-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	-moz-border-radius-bottomleft:5px;
	border-bottom-left-radius:5px;
	text-indent:0;
	display:inline-block;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
	line-height:16px;
	text-decoration:none;
	text-align:center;
	padding: 0.3em 0.75em;
	cursor: pointer;
	margin: 0 0.5em 0.5em 0;
}	


.bouton.orange {
	-moz-box-shadow:inset 0px 1px 0px 0px #d0a53d;
	-webkit-box-shadow:inset 0px 1px 0px 0px #d0a53d;
	box-shadow:inset 0px 1px 0px 0px #d0a53d;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #d0a53d), color-stop(1, #d0a53d) );
	background:-moz-linear-gradient( center top, #d0a53d 5%, #d0a53d 100% );
	background:-ms-linear-gradient(#d0a53d 5%, #d0a53d 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d0a53d', endColorstr='#d0a53d');
	background-color:#d0a53d;
	border:1px solid #d0a53d;
	text-shadow:1px 1px 0px #d0a53d;
	color: #2e322f;
}
	.bouton.orange:hover {
		background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #d0a53d), color-stop(1, #d0a53d) );
		background:-moz-linear-gradient( center top, #d0a53d 5%, #d0a53d 100% );
		background:-ms-linear-gradient(#d0a53d 5%, #d0a53d 100% );
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d0a53d', endColorstr='#d0a53d');
		background-color:#d0a53d;
		color: #2e322f;
	}
	

.bouton.green {
	-moz-box-shadow:inset 0px 1px 0px 0px #4fa066;
	-webkit-box-shadow:inset 0px 1px 0px 0px #4fa066;
	box-shadow:inset 0px 1px 0px 0px #4fa066;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #4fa066), color-stop(1, #4fa066) );
	background:-moz-linear-gradient( center top, #4fa066 5%, 4fa066#4fa066 100% );
	background:-ms-linear-gradient(#4fa066 5%, #4fa066 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4fa066', endColorstr='#4fa066');
	background-color:#4fa066;
	border:1px solid #4fa066;
	text-shadow:1px 1px 0px #4fa066;
	color: white;
}
	.bouton.green:hover {
		background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #4fa066), color-stop(1, #4fa066) );
		background:-moz-linear-gradient( center top, #4fa066 5%, #4fa066 100% );
		background:-ms-linear-gradient(#4fa066 5%, #4fa066 100% );
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4fa066', endColorstr='#4fa066');
		background-color:#4fa066;
		color: white;
	}
	
	
.bouton.red {
	-moz-box-shadow:inset 0px 1px 0px 0px #FB2525;
	-webkit-box-shadow:inset 0px 1px 0px 0px #FB2525;
	box-shadow:inset 0px 1px 0px 0px #FB2525;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #FB2525), color-stop(1, #FB2525) );
	background:-moz-linear-gradient( center top, #FB2525 5%, #FB2525 100% );
	background:-ms-linear-gradient(#FB2525 5%, #FB2525 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FB2525', endColorstr='#FB2525');
	background-color:#FB2525;
	border:1px solid #FB2525;
	text-shadow: 1px 1px 0px #FB2525;
	color: white;
}
	.bouton.red:hover {
		background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #FB2525), color-stop(1, #FB2525) );
		background:-moz-linear-gradient( center top, #FB2525 5%, #FB2525 100% );
		background:-ms-linear-gradient(#FB2525 5%, #FB2525 100% );
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FB2525', endColorstr='#FB2525');
		background-color:#FB2525;
		color: white;
	}
	
	
.bouton.transparent {
	background: transparent;
	box-shadow: none; 
	border: none;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5);
	padding: 0.05em 0.2em;
}
	.bouton.transparent:hover {background: transparent; box-shadow: none; }


.bouton.transparent.red {color: #FB2525;}
.bouton.transparent.red:hover {color: #EE2C2C;}
.bouton.transparent.green {color: #4fa066;}
	
	
.bouton:active {
	position:relative;
	top:1px;
}

button.bouton {font-size: 1.7em; position: relative; top: 3px; padding: 0.05em 0.4em;}



/**************************/
    /* --- Bouton icons --- */
/**************************/	
	
	
.btn button { margin: 0; background: inherit; border: 0; position: relative; height: 18px; line-height: 1em; padding: 0; color: inherit; cursor: pointer;}
	
.btn-group,.btn-group-vertical{position:relative;display:inline-block;vertical-align:middle}.btn-group>.btn,.btn-group-vertical>.btn{position:relative;float:left}.btn-group>.btn:hover,.btn-group-vertical>.btn:hover,.btn-group>.btn:focus,.btn-group-vertical>.btn:focus,.btn-group>.btn:active,.btn-group-vertical>.btn:active,.btn-group>.btn.active,.btn-group-vertical>.btn.active{z-index:2}
.btn-group>.btn:focus,.btn-group-vertical>.btn:focus{outline:none}
.btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group{margin-left:-1px}
.btn-toolbar:before,.btn-toolbar:after{content:" ";display:table;}
.btn-toolbar:after{clear:both}
.btn-toolbar:before,.btn-toolbar:after{content:" ";display:table;}
.btn-toolbar:after{clear:both}
.btn-toolbar .btn-group{float:left}
.btn-toolbar>.btn+.btn,.btn-toolbar>.btn-group+.btn,.btn-toolbar>.btn+.btn-group,.btn-toolbar>.btn-group+.btn-group{margin-left:5px}
.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle){border-radius:0}
.btn-group>.btn:first-child{margin-left:0}.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle){border-bottom-right-radius:0;border-top-right-radius:0}
.btn-group>.btn:last-child:not(:first-child),.btn-group>.dropdown-toggle:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0}
.btn-group>.btn-group{float:left}
.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}
.btn-group>.btn-group:first-child>.btn:last-child,.btn-group>.btn-group:first-child>.dropdown-toggle{border-bottom-right-radius:0;border-top-right-radius:0}
.btn-group>.btn-group:last-child>.btn:first-child{border-bottom-left-radius:0;border-top-left-radius:0}
.btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle{outline:0}
.btn-group-xs>.btn{padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px;padding:1px 5px}
.btn-group-sm>.btn{padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}
.btn-group-lg>.btn{padding:10px 16px;font-size:18px;line-height:1.33;border-radius:6px}
.btn-group>.btn+.dropdown-toggle{padding-left:8px;padding-right:8px}
.btn-group>.btn-lg+.dropdown-toggle{padding-left:12px;padding-right:12px}
.btn-group.open .dropdown-toggle{-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,0.125);box-shadow:inset 0 3px 5px rgba(0,0,0,0.125)}
.btn .caret{margin-left:0}
.btn-lg .caret{border-width:5px 5px 0;border-bottom-width:0}
.dropup .btn-lg .caret{border-width:0 5px 5px}
.btn-group-vertical>.btn,.btn-group-vertical>.btn-group{display:block;float:none;width:100%;max-width:100%}
.btn-group-vertical>.btn-group:before,.btn-group-vertical>.btn-group:after{content:" ";display:table;}
.btn-group-vertical>.btn-group:after{clear:both}
.btn-group-vertical>.btn-group:before,.btn-group-vertical>.btn-group:after{content:" ";display:table;}
.btn-group-vertical>.btn-group:after{clear:both}
.btn-group-vertical>.btn-group>.btn{float:none}

.btn {
display: inline-block;
padding: 6px 12px;
margin-bottom: 0;
font-size: 14px;
font-weight: normal;
line-height: 1.428571429;
text-align: center;
vertical-align: middle;
cursor: pointer;
border: 1px solid transparent;
border-radius: 4px;
white-space: nowrap;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
}

.btn-default {
color: #2e322f;
background-color: #fff;
border-color: #ccc;
}

.btn {
box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
}

.btn-default {
text-shadow: 0 1px 0 #fff;
}

.btn-group-vertical>.btn+.btn,.btn-group-vertical>.btn+.btn-group,.btn-group-vertical>.btn-group+.btn,.btn-group-vertical>.btn-group+.btn-group{margin-top:-1px;margin-left:0}
.btn-group-vertical>.btn:not(:first-child):not(:last-child){border-radius:0}
.btn-group-vertical>.btn:first-child:not(:last-child){border-top-right-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0}
.btn-group-vertical>.btn:last-child:not(:first-child){border-bottom-left-radius:4px;border-top-right-radius:0;border-top-left-radius:0}
.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}
.btn-group-vertical>.btn-group:first-child>.btn:last-child,.btn-group-vertical>.btn-group:first-child>.dropdown-toggle{border-bottom-right-radius:0;border-bottom-left-radius:0}
.btn-group-vertical>.btn-group:last-child>.btn:first-child{border-top-right-radius:0;border-top-left-radius:0}
.btn-group-justified{display:table;width:100%;table-layout:fixed;border-collapse:separate}.btn-group-justified .btn{float:none;display:table-cell;width:1%}
[data-toggle="buttons"]>.btn>input[type="radio"],[data-toggle="buttons"]>.btn>input[type="checkbox"]{display:none}


.btn i.icon-large {line-height: normal !important;}

.btn-form {padding: 0;}
.btn-form button {margin: 6px 12px; height: 18px;}






/**************************/
    /* --- Design --- */
/**************************/	


.clear {clear: both; width: 90%;}
.bottom {margin-bottom: 2.5em;}

.overlay, #overlay {position: fixed; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4); top: 0; left: 0; z-index: 1; display: none;}

.legende {font-style: italic; color: #adaaa6;}
.warning {color: #FB2525; font-size: 0.9em; margin: 0.5em 0;}
.hide {display: none;}

.blockright {float: right;}
.blockleft {float: left;}

.inlineright {text-align: right;}
.inlineleft {text-align: left;}

.arrow-left {width: 0; height: 0; border-right: 20px solid #4fa066; border-bottom: 20px solid transparent; border-top: 20px solid transparent; position: absolute; left: -20px; top: 35px;}

#accordion div.clic {cursor: pointer; position: relative;}
#accordion div.content {padding: 1em;}
#accordion h3 {width: 95%;}

.icon-info-sign, .icon-info-sign:hover{color: #d0a53d; font-size: 20px;}
.bkgreen:hover .icon-info-sign, .publi.clic:hover .icon-info-sign {color: white;}

.bkgray {background: #DADADA;
	background: -moz-linear-gradient(top, #EEEEEE 0%, #DADADA 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #EEEEEE), color-stop(100%, #DADADA));
	background: -webkit-linear-gradient(top, #EEEEEE 0%, #DADADA 100%);
	background: -o-linear-gradient(top, #EEEEEE 0%, #DADADA 100%);
	background: -ms-linear-gradient(top, #EEEEEE 0%, #DADADA 100%);
	background: linear-gradient(top, #EEEEEE 0%, #DADADA 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EEEEEE', endColorstr='#DADADA');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#EEEEEE', endColorstr='#DADADA')";
	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,1);
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,1);
	box-shadow: inset 0 1px 0 rgba(255,255,255,1);}

.bkgreen, .publi.clic:hover {
	background: #4fa066;
	background: -moz-linear-gradient(top, #4fa066 0%, #4fa066 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4fa066), color-stop(100%, #4fa066));
	background: -webkit-linear-gradient(top, #4fa066 0%, #4fa066 100%);
	background: -o-linear-gradient(top, #4fa066 0%, #4fa066 100%);
	background: -ms-linear-gradient(top, #4fa066 0%, #4fa066 100%);
	background: linear-gradient(top, #4fa066 0%, #4fa066 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4fa066', endColorstr='#4fa066');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#4fa066', endColorstr='#4fa066')";
	}	
	
	
.bkgreenlight, .publi.actuelle {
	background: #C5E0AD ;
	background: -moz-linear-gradient(top, #FFFFFF  0%, #C5E0AD  100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFFFFF ), color-stop(100%, #C5E0AD ));
	background: -webkit-linear-gradient(top, #FFFFFF  0%, #C5E0AD  100%);
	background: -o-linear-gradient(top, #FFFFFF  0%, #C5E0AD  100%);
	background: -ms-linear-gradient(top, #FFFFFF  0%, #C5E0AD  100%);
	background: linear-gradient(top, #FFFFFF  0%, #C5E0AD  100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF ', endColorstr='#C5E0AD ');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF ', endColorstr='#C5E0AD ')";
	}
	

.rotate, .icon-info-sign {
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
     
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    transition-property: transform;
     
    overflow:hidden;
	display: inline-block !important;
    }  
 
.rotate:hover, .icon-info-sign:hover {
    -webkit-transform:rotate(360deg);
    -moz-transform:rotate(360deg);
    -o-transform:rotate(360deg);
    transform: rotate(360deg);
	} 
	
	
	
/* --- Fancybox --- */
.geneatique .fancybox-skin {
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
	background-color: white; border: 5px solid #4fa066;	
	}
	
.geneatique .fancybox-close {
	background: none;
	background-color: #4fa066;
	font-family: FontAwesome;
	color: white;
	text-decoration: none;
	font-size: 2em;
	padding: 6px 9px;
	width: auto;
	height: auto;	
	top: 15px;
	right: 15px;
}	
.geneatique .fancybox-close:before {content: "\f00d";}

.geneatique .fancybox-inner h2:first-child {margin-top: 0;}


/* --- Fix font awesome --- */
i[class^="icon-"]:before {
	text-decoration: none !important;
}

p i {margin-right: 0.25em;}
p i.icon-2x {position: relative; top: 3px;}

li i {margin-right: 0.25em;}







/*  Helpers */

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
* html>body .clearfix {
	display: inline-block; 
	width: 100%;
}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
}