* {
		-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;
		}
	BODY  {
		margin:0px;
		padding:0px;
		font-family: 'Roboto', sans-serif;
		}
		
	A {
		text-decoration:none;
		color:inherit;
		}
	
	A:hover {
		text-decoration:underline;
		}
	
	H1, H2, H3 {
		margin-top:0px;
		font-weight:normal;
		}	

	#rechercheur INPUT[type=text] {
		background-color:#ffffff;
		border:none;
		padding:2px;
		margin:0px;
		text-align:center;
		color:#42312e;
		}
	INPUT[type=password] {
		background-color:#ffffff;
		border:1px solid black;
		padding:2px;
		margin:0px;
		text-align:center;
		color:#42312e;
		}
		
	
	
	
	#header {
		background-color:#42312e;
		min-height:150px;
		width:100%;
		padding:5vh 0vh 5vh 15vh;
		background-image:url(../img/frame2014/fond.jpg);
		background-position:bottom left;
		background-repeat:no-repeat;
		background-size:auto 100%;
		}
		
	
	#header #titre_site {
		display:inline-block;
		font-size:5vh;
		font-weight:normal;
		color:#ffffff;
		margin-bottom:10px;
		/*border:1px solid pink;*/
		}
	
	#header #titre_site:hover {
		text-decoration:none;
		}
	
	#rechercheur {
		background-color:#927160;
		width:100%;
		padding:10px;
		}

	#rechercheur INPUT[type=text] {
		width:200px;
		font-size:14px;
		padding:5px;
		}
	
	#rechercheur #loading_recherche {
		position:absolute;
		display:none;
		}
	#rechercheur #loading_recherche IMG {
		width:18px;
		}
	
	#rechercheur #res_recherche {
		width:100%;
		}
	
	#rechercheur #res_recherche .resultat {
		display:block;
		width:100%;
		padding:3px;
		font-size:14px;
		background-color:#dddad9;
		margin-top:1px;
		}
	#rechercheur #res_recherche .resultat .infos {
		font-size:10px;
		}
	
	
	#rechercheur #res_recherche .resultat:hover {
		text-decoration:none;
		background-color:#ffffff;
		}
		
		
	#affiche_log {
		position:absolute;
		z-index:101;
		top:0px;
		right:0px;
		background-color:#927160;
		padding:10px 20px;
		border-radius:0px 0px 0px 20px;
		border-width:0px 0px 1px 1px;
		border-style:solid;
		border-color:#724f3c;
		font-size:12px;
		cursor:pointer;
		color:#ffffff;
		}
		
		
	#logeur {
		position:absolute;
		z-index:100;
		display:block;
		top:0px;
		right:0px;
		background-color:#ad8c7b;
		border-radius:0px 0px 0px 20px;
		padding:30px 20px 20px 20px;
		font-size:12px;
		color:#ffffff;
		}
	
	#logeur INPUT[type=text], #logeur INPUT[type=password] {
		width:150px;
		font-size:14px;
		padding:5px;
		border:none;
		margin:0px;
		border-radius:5px;
		}

	#logeur INPUT[type=submit]  {
		width:150px;
		font-size:14px;
		border:none;
		margin-top:20px;
		background-color:white;
		padding:8px;
		border-radius:5px;
		}


	#logeur P {
		font-size:14px;
		margin-top:10px;
		 }
	
	
	
	#conteneur {
		width:80%;
		min-width:700px;
		max-width:1200px;
		min-height:70%;
		margin:0px auto;
		padding:50px 0px;
		background-color:#ffffff;
		overflow:auto;
		/*border:1px solid red;*/
		}

	#colonne_gauche{
		width:70%;
		float:left;
		padding-right:20px;
		}
	
	#colonne_droite {
		width:30%;
		float:left;
		border-left:1px solid grey;
		padding-left:20px;
		}
	
	#colonne_droite H2 {
		margin-top:0px;
		}
	

	.unefiche {
		border:1px solid #333333;
		background-color:#f2f2f2;
		padding:5px;
		font-size:14px;
		min-height:80px;
		width:200px;
		margin:0px;
		}
		


	.unefiche .infos {
		display:block;
		font-size:12px;
		margin-left:10px;
		}

	.unefiche.deuxcolonnes {
		width:400px;
		min-height:80px;margin:10px 10px 0px;float:left;
		}
	.unefiche.enfants {
		float:left;
		margin:0px 10px 10px 0px;
		height:80px;
		overflow:hidden;
		}

	.float_right {
		float:right;
		margin:0px 0px 20px 20px;
		}

	.clearer  {
		clear:both;
		}
	
	#map {
		width: 100%;
		height: 250px;
		}

	#arbre {
		width:700px;
		height:450px;
		margin:0px 50px 30px 0px;
		float:left;
		}
	
	
	#arbre .ligne {
		position:absolute;
		background-color:black;
		width:1px;
		height:1px;
		margin:0px;
		padding:0px;
		}
	
	#arbre #ligne1 { margin:025px 200px; width:500px; height:001px; }
	#arbre #ligne2 { margin:265px 225px; width:275px; height:001px; }
	#arbre #ligne3 { margin:145px 475px; width:025px; height:001px; }
	#arbre #ligne4 { margin:385px 475px; width:025px; height:001px; }
	#arbre #ligne5 { margin:025px 225px; width:001px; height:240px; }
	#arbre #ligne6 { margin:025px 475px; width:001px; height:120px; }
	#arbre #ligne7 { margin:265px 475px; width:001px; height:120px; }
	#arbre #ligne8 { display:none; }
	#arbre #ligne9 { display:none; }
	
	#arbre .unefiche { position:absolute; }
	
	#arbre #fiche0  { margin:000px 000px; }
	#arbre #fiche10 { margin:000px 250px; }
	#arbre #fiche11 { margin:000px 500px; }
	#arbre #fiche12 { margin:120px 500px; }
	#arbre #fiche20 { margin:240px 250px; }
	#arbre #fiche21 { margin:240px 500px; }
	#arbre #fiche22 { margin:360px 500px; }
	
	#outils_fiche {
		width:100%;
		text-align:right;
		border-top:1px solid #dedede;
		border-bottom:1px solid #dedede;
		padding:10px 0px;
		margin-bottom:20px;
		}
	
	.blocs {
		margin-bottom:20px;
		}
	
	.photo_mini {
		width:40px;
		padding:5px;
		float:right;
		}
	.photo_full {
		max-width:230px;
		margin:0px 0px 10px 10px;
		border:1px solid #333333;
		float:right;
		}
	
	.biographie {
		text-align:LEFT;
		}

	.alerte_action {
		color:#cc0000;
		text-align:center;
		font-weight:bold;
		width:100%;
		display:block;
		padding:5px;
		background-color:#f2f2f2;
		border:1px solid #cc0000;
	}

	.capitalize-first-letter {
	    text-transform: capitalize;
	}

	.capitalize {
    	text-transform: uppercase;
	}

	#form input[type=text] { width:400px;}
	#form input[type=email] { width:400px;}
	#form TEXTAREA {width:400px;}
	#form SELECT { width:400px;}