@import url(2_mon_style_basess.css);





	/*                     1 gestion des blocs                        */

	 /*  ce site est copose comme suit

		1 ligne 3 colonnes de gauche vers le droite col1 col2 col3 . Col1 est identique a col3 

		1 ligne footer

		la col1 est une ligne 5cols qui occupent toute lespace donc de 5 rangee dou les id z1 z2 z3 z4 z5 	

	 */



	/**/

	tr:nth-child(2n+1){

		background-color: rgb(220, 220, 220);

	}

	 #fb, #tw, #lk {

	 	width: 50px;

	 	height: 50px;

	 	display: block;

	 	position: absolute;

	 }



	 #fb  {

	 	background-image: url("logo_rs.png");

	 	background-position: 0px 0px;

	 }





	a{

		text-decoration: none;

		border: none;

		color: silver;

	} 

	.grille a{

		text-decoration: none;

		border: none;

		font-size: 20px;

		color: blue;

	} 

	.c1 { 

		background-color: yellow;

	}

	.c2 { 

		background-color: orange;

	}

	.traits { 

		background-color: yellow;

	}



	.grille { 

		background-color: yellow;

	}

	.titre { 

	    font-size: 20px;

  	 	font-weight: bold;

  	 /*	background-image: linear-gradient( rgb(87,107,77),rgb(37,231,38),rgb(87,107,77) );*/

  	 	text-align: center;

  	 	text-shadow: 1px 1px 1px red;

  	 	text-decoration: underline;

  	 	/* text-shadow: 0px -1px 8px green, 0px -3px 11px green, 0px -1px 8px green, 0px -5px 13px green; */

	}



  	#titre_index{
		
  	 	font-size: 50px;

  	 	font-weight: bold;

  	 	background-image: linear-gradient(  rgb(87,107,77),rgb(37,231,38),rgb(87,107,77) );

  	 	text-align: center;

  	 	

  	 /*	text-shadow: 0px -1px 8px green, 0px -3px 11px green, 0px -1px 8px green, 0px -5px 13px green;*/

  	 	 text-shadow: 2px 2px 2px red; 

	}  	

	#titre_app{

  	 	font-size: 30px;

  	 	font-weight: bold;

  	 	background-image: linear-gradient(  rgb(87,107,77),rgb(37,231,38),rgb(87,107,77) );

  	 	text-align: center;

  	 	

  	 /*	text-shadow: 0px -1px 8px green, 0px -3px 11px green, 0px -1px 8px green, 0px -5px 13px green;*/

  	 	 text-shadow: 2px 2px 2px red; 

	}  

	.menu_entet{

  	 	font-size: 20px;

  	 	font-weight: bold;

  	 	background-image: linear-gradient(  rgb(87,107,77),rgb(37,231,38),rgb(87,107,77) );

  	 	text-align: center;

  	 	

  	 	text-shadow: 1px 1px 1px red;

	}  

  	.menu_cor{

  	 	font-size: 14px;

  	 	font-weight: bold;

  	 	border-right:  6px double green; 

	} 

  	

  	#t_menu{

  		border-radius:10px;

  	 	border: red 8px   ;

  	 	padding: 0;

  	 	margin: 10px;

  	 	box-shadow: 0px 6px 10px black;



	} 



	#aa{

  	 	font-size: 90px;

	}  

  	.taille{

  		font-size: 10px;

  		font-weight: bold;

	}

	 .taille_imp{

  		font-size: 16px;

	} 

	.espace1{

		padding-left: 50px;

		padding-right: 50px;

		font-size: 10px;

	} 

	.espace{

		padding-left: 50px;

		padding-right: 50px;

		font-size: 11px;

	} 

	 .tot_entree{

	 /*	background-image: linear-gradient(  rgb(87,107,77),rgb(37,231,38),rgb(87,107,77) );*/

	 	background-color:yellow;

	 	font-weight: bold;

	} 

 	 .tot_sortie{

	 /*	background-image: linear-gradient(  rgb(87,107,77),rgb(37,231,38),rgb(87,107,77) );*/

	 	background-color:yellow;

	 	font-weight: bold;

	} 	

	 .trait_menu_gauche{

	 /*	background-image: linear-gradient(  rgb(87,107,77),rgb(37,231,38),rgb(87,107,77) );*/

	 	background-color: #00FF00;

	 	height:5px;

	} .trait{

	 /*	background-image: linear-gradient(  rgb(87,107,77),rgb(37,231,38),rgb(87,107,77) );*/

	 	background-image: linear-gradient( black ,white,black );

	 	height:7px;

	}

	/* <!--- I.1 Premiere partie  entete Service clientele email boutique paiement a la livariason--->  1 ere ligne */

	 #bop_1_1{

	 	background-color: rgb(227,5,19);

	 	height:5px;

	}

	/*2 ieme ligne zone logo zone recherche et connexion zone pagnier*/

	

	/*  <!--- 2.1  zone logo --->*/

	 #bop_1_2{

		background-color: rgb(0,0,128);

	 	height:5px;

	}

	 /* <!--- 2.1  zone logo --->*/

	 #bop_2{

		background-color: rgb(255,255,255);

	 	height:60px;

	 	line-height: 30px;

	 	font-weight: bold;

	 	font-size: 20px;

	}

 

	.menunop{

		background: rgb(0,0,128);

		color: white;

		

	}



	.cellule{

		color: white;

		font-weight: bold;

	 	line-height: 50px;

	 	font-size: 18px;

	}



	 #ecran{

	 	height: 1800px;

		/*background-image: linear-gradient(  #00FF00,rgba(0,255,0,0.9),#00FF00 );#00FF00*/

		background-color: #dcdcdc ;

		max-width: 100%;
		

	} 

	div input, div select, div textarea{
		border: #006400 solid 1px !important;
	}

	 .couleur_recette{

		background-color: yellow ;

	} 

	.couleur_depense{

		background-color: white ;

	} 

	



	form tds{ 

	   font-size: 15px;

	   font-weight: bold; 

	   height: 30px; 

	   background-color: #00FF00; 

	}

	

	footer {

	   background-color: rgb(0,0,128);

	  

	   color: white;

	   font-weight: bold;

	   

	}