
/*Layout general*/
a {
 color: #4B4746;
}
h4{
	font-family:"Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
	color: #5C1E24;
	font-size:16px; 
	margin-left:2px;
	padding-left:30px;
	padding-top:10px;
        margin-top:10px;
        margin-bottom:10px;
        clear:both;
	background: url('http://static.monmenu.fr/s/images/tag_green.png') no-repeat;
}


#rightPanel {

	width :350px;
	float:right;
	min-height:600px;

}

#centerPanel {
	width :650px;
	float:right;
	min-height:600px;
        margin-left:20px;
}
#debug  > div {
	border:2px dashed black;
	
}


#spaceDiv {
	clear: both;
	height:20px;
	width:600px;
}

 .DESC {
        padding-left:24px;
	background: url('http://static.monmenu.fr/s/images/green_arrow_up.png') no-repeat;
        padding-top:5px;
        padding-bottom:5px;
}

 .ASC{
        padding-left:24px;
	background: url('http://static.monmenu.fr/s/images/green_arrow_down.png') no-repeat;
        padding-top:5px;
        padding-bottom:5px;
}

.DESC#selected {
  
	background: url('http://static.monmenu.fr/s/images/orange_arrow_up.png') no-repeat;
}

.ASC#selected{
  
	background: url('http://static.monmenu.fr/s/images/orange_arrow_down.png') no-repeat;
}

.recipe-calories {
	font-size:9px;
	font-style:italic;
	background-color: #CDF872; 
}

	.legende {
  		 	clear:both;
  		 	font-style:italic;
  		 	text-align: center;
  		 	}

  		 	.recipe-img{
  		 	width:280px;
  		 	float:left;
  		 	margin-left:0px;
  		 	}
/*Trois colonnes*/
/* three_colum */
.three_column{
	width:640px;

}




.three_column > div > div {	 
	 margin-top:20px;
}

.three_column > #layoutBloc1 {	 
	 min-height:100px;	 
	 width:600px; 
}

.three_column > #layoutBloc2 {
	float:left;
	width : 200px;
	margin-left:0px;
    margin-top:20px; 
	margin-bottom ; 
}

.three_column > #layoutBloc3 {
	float:left;
	width : 200px;
	margin-left:10px;
	margin-top:20px; 
 
}

.three_column > #layoutBloc4 {
	float:left;
	width : 200px;
	margin-left:10px;
	margin-top:20px; 
 
}



.three_column > #layoutBloc5 {
	margin-top:40px; 
	
	width:600px;
	margin-bottom:30px;
}
/*Vertical layout*/
/* Vertical layout */

.vertical_layout{
	width:650px;

}


/*.vertical_layout > div > div {	 
	 margin-top:20px;
	 width:650px;
}*/

.vertical_layout > #layoutBloc1 {	 
	 min-height:100px;	 
	 width:650px; 
}

.vertical_layout > #layoutBloc2 {
	 min-height:100px;	 
	 width:650px;
	 margin-top:20px;
}

.vertical_layout > #layoutBloc3 {
	 min-height:20px;	 
	 width:650px;
	 margin-top:20px;
}

.vertical_layout > #layoutBloc4 {
	 min-height:0px;	 
	 width:650px;
	 margin-top:20px;
}
/*Nuage de mots*/
.arrondi-tag-cloud{
/* Rounded Corners */
	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;

	/* Background color and gradients */
	
	background: #f1ca5b;
	background: -moz-linear-gradient(top, #FFFFCC, #f1ca5b);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFCC), to(#008f00));
	
	/* Borders */
	
	border: 1px solid #FFFFCC;

	-moz-box-shadow:inset 0px 0px 1px #edf9ff;
	-webkit-box-shadow:inset 0px 0px 1px #edf9ff;
	box-shadow:inset 0px 0px 1px #edf9ff;


	width:350px; 
	padding-bottom:2px;
        margin-top:20px;
}
.arrondi-tag-cloud>#cloud {
      width:300px; height:300px; 
      background-color:#FFCC99;
      color:#000;
 text-decoration:none;
}
.arrondi-tag-cloud>a,h3{
	font-family:"Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
	font-size:18px; 
	font-weight:bold; 
	color: #000;	
	margin-left:10px;
	margin-bottom:10px;
	display:block;
        text-decoration:none;
}

.arrondi-tag-cloud>p{
	background :#FFFFCC;
	width:346px;
	margin-right:auto;
	margin-left:auto;
	margin-bottom:0px;
	margin-top:0px;
}
/*Boite ronde colonne gauche*/
.rounded-box-left{
	background :#119eb0;
	width:360px; 
	padding-bottom:2px;
}

.rounded-box-left>a,h3{
	font-family:"Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
	font-size:18px; 
	font-weight:bold; 
	color: #5C1E24;	
	margin-left:10px;
	margin-bottom:10px;
	display:block;
        text-decoration:none;
}

.rounded-box-left>p{
	background :#daf4d2;
	width:356px;
	margin-right:auto;
	margin-left:auto;
	margin-bottom:0px;
	margin-top:0px;
  font-family:"Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
	font-size:13px; 
}

.rounded-box-left>table{
	background :#daf4d2;
	width:356px;
	margin-right:auto;
	margin-left:auto;
	margin-bottom:0px;
	margin-top:0px;
}
/*Boite ronde centrale*/
.arrondi-box-central{

/* Rounded Corners */
	
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;

	/* Background color and gradients */
	
	background: #cdf872;
	background: -moz-linear-gradient(top, #cdf872, #a7d14d);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#cdf872), to(#a7d14d));
	
	/* Borders */
	
	border: 1px solid #a7d14d;

	-moz-box-shadow:inset 0px 0px 1px #edf9ff;
	-webkit-box-shadow:inset 0px 0px 1px #edf9ff;
	box-shadow:inset 0px 0px 1px #edf9ff;


	width:630px; 
	padding-bottom:2px;
}

.arrondi-box-central>a,h3{
	font-family:"Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
	font-size:18px; 
	font-weight:bold; 
	color: #5C1E24;	
	margin-left:10px;
	margin-bottom:10px;
	display:block;
}

.arrondi-box-central>p {


	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;

border: 1px solid #a7d14d;

	-moz-box-shadow:inset 0px 0px 1px #edf9ff;
	-webkit-box-shadow:inset 0px 0px 1px #edf9ff;
	box-shadow:inset 0px 0px 1px #edf9ff;

	background :#f3ede3;
	width:616px;
        padding:5px;
	margin-right:auto;
	margin-left:auto;
	margin-bottom:0px;
	margin-top:0px;
        font-family:"Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
	font-size:14px; 
        text-align : justify; 
}

.arrondi-box-central>table{
         -moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;

	background :#f3ede3;
	width:626px;
	margin-right:auto;
	margin-left:auto;
	margin-bottom:0px;
	margin-top:0px;
}

.arrondi-box-central >#cloud {
        -moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;

      margin:5px;
      width:620px; height:350px; 
      background-color:#f3ede3;
      color:#000;
 text-decoration:none;

}

.sortedColumn{
      background-color:#ed792e;
}
/*Petite Boite ronde 3 colonnes*/
.arrondi-box-small-central{

	width:200px;
        height:260px;
	padding-bottom:2px;

	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;

	/* Background color and gradients */
	
	background: #cdf872;
	background: -moz-linear-gradient(top, #cdf872, #a7d14d);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#cdf872), to(#a7d14d));
	
	/* Borders */
	
	border: 1px solid #a7d14d;

	-moz-box-shadow:inset 0px 0px 1px #edf9ff;
	-webkit-box-shadow:inset 0px 0px 1px #edf9ff;
	box-shadow:inset 0px 0px 1px #edf9ff;


}

.arrondi-box-small-central>a{
	font-family:"Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
	font-size:18px; 
	font-weight:bold; 
	color: #5C1E24;	
        float:left;
	display:block;
        text-decoration:none;
}

.arrondi-box-small-central> h3{
	font-family:"Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
	font-size:18px; 
	font-weight:bold; 
	color: #5C1E24;	
        float:left;
	display:block;
        text-decoration:none;
}

.arrondi-box-small-central> a > h2{
	font-family:"Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
	font-size:18px; 
	font-weight:bold; 
	color: #5C1E24;	
        float:left;
	display:block;
        text-decoration:none;
}


.arrondi-box-small-central>p{
	

        -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #a7d14d;

	background :#f3ede3;

	width:196px;
        height: 200px;
	margin-right:auto;
	margin-left:auto;
        margin-top:50px;

       
        font-family:"Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
	font-size:13px; 

}

.arrondi-box-small-central>table{
	background :#f3ede3;
	width:196px;
	margin-right:auto;
	margin-left:auto;
	margin-bottom:0px;
	margin-top:0px;
}
/*publicit&amp;amp;amp;eacute;*/
.advertise{
   width:350px;
   margin-bottom:20px;
   padding-left:10px;
}
/*Recette*/
.recipe{
   width:350 ;
   margin-bottom:20px;
   padding-left:10px;
}

ul#split,ul#split li{margin:0;padding:0;list-style:none}
ul#split li{float:left;width:65px;height:50px;margin:0 10px 10px 0}
ul#split h3{ font-size:11px;font-family:"Lucida Grande","Lucida Sans Unicode","Trebuchet MS",Verdana,Helvetica,sans-serif ;
   margin:0px;padding: 5px 0 3px;text-align:center;color: #FFF}
ul#split p{margin:0;padding:5px 8px 15px}di
ul#split div{background:#C5E6F6}


li#proteine h3{background: #039103;
                      text-align:center; 
                    -moz-border-radius: 10px;
	            -webkit-border-radius: 10px;
	            border-radius: 10px;}
li#proteine div{background: #9df464; 
                     text-align:center; 
                    -moz-border-radius: 10px;
	            -webkit-border-radius: 10px;
	            border-radius: 10px;}
li#lipide h3{background: #ff781f;
                  text-align:center; 
                    -moz-border-radius: 10px;
	            -webkit-border-radius: 10px;
	            border-radius: 10px;}
li#lipide div{background: #ffd01f; 
                   text-align:center;
                   -moz-border-radius: 10px;
	            -webkit-border-radius: 10px;
	            border-radius: 10px;}
li#glucide h3{background: #d30010; 
                    -moz-border-radius: 10px;
	            -webkit-border-radius: 10px;
	            border-radius: 10px;}
li#glucide div{background: #f99393; text-align:center; 
                    -moz-border-radius: 10px;
	            -webkit-border-radius: 10px;
	            border-radius: 10px;}
li#kcal h3{background: #340456; 
                    -moz-border-radius: 10px;
	            -webkit-border-radius: 10px;
	            border-radius: 10px;}
li#kcal div{background: #bb81f2; text-align:center; 
                    -moz-border-radius: 10px;
	            -webkit-border-radius: 10px;
	            border-radius: 10px;}
li#ig h3{background: #185c77; 
                    -moz-border-radius: 10px;
	            -webkit-border-radius: 10px;
	            border-radius: 10px;}
li#ig div{background: #229cce; text-align:center; 
                    -moz-border-radius: 10px;
	            -webkit-border-radius: 10px;
	            border-radius: 10px;}
li#portion h3{background: #aa2775; 
                    -moz-border-radius: 10px;
	            -webkit-border-radius: 10px;
	            border-radius: 10px;}
li#portion div{background: #e085bb; text-align:center; 
                    -moz-border-radius: 10px;
	            -webkit-border-radius: 10px;
	            border-radius: 10px;}
li#cuisson h3{background: #340456; 
                    -moz-border-radius: 10px;
	            -webkit-border-radius: 10px;
	            border-radius: 10px;}
li#cuisson div{background: #bb81f2; text-align:center; 
                    -moz-border-radius: 10px;
	            -webkit-border-radius: 10px;
	            border-radius: 10px;}
li#fibre h3{background: #d18c52; 
                    -moz-border-radius: 10px;
	            -webkit-border-radius: 10px;
	            border-radius: 10px;}
li#fibre div{background: #eaccb3; text-align:center; 
                    -moz-border-radius: 10px;
	            -webkit-border-radius: 10px;
	            border-radius: 10px;}
/*Index gauche generique*/
.arrondi-index-left-column{
/* Rounded Corners */
	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;

	/* Background color and gradients */
	
	background: #cbbdbb;
	background: -moz-linear-gradient(top, #cdf872, #cdf872);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#cdf872), to(#cdf872));
	
	/* Borders */
	
	border: 1px solid #a7d14d;

	-moz-box-shadow:inset 0px 0px 1px #edf9ff;
	-webkit-box-shadow:inset 0px 0px 1px #edf9ff;
	box-shadow:inset 0px 0px 1px #edf9ff;


	width:200px; 
	padding-bottom:2px;
        margin-top:20px;
}

.arrondi-index-left-column>a,h3{
	font-family:"Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
	font-size:18px; 
	font-weight:bold; 
	color: #000;	
	margin-left:10px;
	margin-bottom:10px;
	display:block;
        text-decoration:none;
}

.arrondi-index-left-column>p{
        -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #a7d14d;

	background :#f3ede3;
	width:196px;
	margin-right:auto;
	margin-left:auto;
	margin-bottom:0px;
	margin-top:0px;
}
/*Index centre generique*/
.arrondi-index-center-column{
/* Rounded Corners */
	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;

	/* Background color and gradients */
	
	background: #cdf872;
	background: -moz-linear-gradient(top, #cdf872, #cdf872);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#cdf872), to(#cdf872));
	
	/* Borders */
	
		border: 1px solid #a7d14d;

	-moz-box-shadow:inset 0px 0px 1px #edf9ff;
	-webkit-box-shadow:inset 0px 0px 1px #edf9ff;
	box-shadow:inset 0px 0px 1px #edf9ff;


	width:425px; 
	padding-bottom:2px;
        margin-top:20px;
}

.arrondi-index-center-column>a,h3{
	font-family:"Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
	font-size:18px; 
	font-weight:bold; 
	color: #000;	
	margin-left:10px;
	margin-bottom:10px;
	display:block;
        text-decoration:none;
}

.arrondi-index-center-column>p{

        -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #a7d14d;


	background :#f3ede3;
	width:421px;
	margin-right:auto;
	margin-left:auto;
	margin-bottom:0px;
	margin-top:0px;
}
/*Index droit generique*/
.arrondi-index-right-column{
/* Rounded Corners */
	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;

	/* Background color and gradients */
	
	background: #cdf872;
	background: -moz-linear-gradient(top, #cdf872, #cdf872);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#cdf872), to(#cdf872));
	
	/* Borders */
	
	border: 1px solid #a7d14d;

	-moz-box-shadow:inset 0px 0px 1px #edf9ff;
	-webkit-box-shadow:inset 0px 0px 1px #edf9ff;
	box-shadow:inset 0px 0px 1px #edf9ff;


	width:350px; 
	padding-bottom:2px;
        margin-bottom:20px;
}

.arrondi-index-right-column>a{
	font-family:"Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
	font-size:18px; 
	font-weight:bold; 
	color: #000;	
	margin-left:5px;
	margin-bottom:5px;

        text-decoration:none;
}

.arrondi-index-right-column>h3{
	font-family:"Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
	font-size:18px; 
	font-weight:bold; 
	color: #000;	
	margin-left:10px;
	margin-bottom:10px;
	display:block;
        text-decoration:none;
}

.arrondi-index-right-column >#cloud {
      width:350px; height:350px; 
      background-color:#f3ede3;
      color:#000;
 text-decoration:none;

}
.arrondi-index-right-column>p{
        -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #a7d14d;

	background :#f3ede3;
	width:346px;
	margin-right:auto;
	margin-left:auto;
	margin-bottom:0px;
	margin-top:0px;
}
/*Index monmenu*/
#lastRecipes{
	background: #cdf872;
	border: 1px solid #a7d14d;
	position:relative;
}

#searchBox{
	background: #cdf872;
	border: 1px solid #a7d14d;
	position:relative;
}

#randomRecipe{
	background: #cdf872;
	border: 1px solid #a7d14d;
	position:relative;
}

.inner{
	
	position:relative;

        background: #f3ede3;
	border: 1px solid #a7d14d;
        -moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

#keyWords{
	background: #f3ede3;
	border: 1px solid #002232;
	position:relative;
}	
#quickAccess{
	background: #f3ede3;
	border: 1px solid #002232;
}
#toolBox{
	background: #cdf872;
	border: 1px solid #a7d14d;
}
#videoHelp{
	background: #f3ede3;
	border: 1px solid #002232;
}
#directSell{
	background: #f3ede3;
	border: 1px solid #002232;
	margin-left:20px;
}
#actuRecipe{
	position:relative;
	background: #cdf872;
	border: 1px solid #a7d14d;
}



.greenBox > table {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;

	background: #f3ede3;

}

.greenBox > p {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;

	background: #f3ede3;

}
.greenBox {
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
		
		background: #cdf872;
		background: -moz-linear-gradient(top, #cdf872, #a7d14d);
		background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#cdf872), to(#a7d14d));
		
		/* Borders */
		
		border: 1px solid #a7d14d;
	
		-moz-box-shadow:inset 0px 0px 1px #edf9ff;
		-webkit-box-shadow:inset 0px 0px 1px #edf9ff;
		box-shadow:inset 0px 0px 1px #edf9ff;
	}
/*espace-perso */
.espacePerso{

	margin-bottom:20px;
	border: 1px solid #a7d14d;
	

-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
		
		background: #ed792e;
		background: -moz-linear-gradient(top, #ed792e, #ed792e);
		background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ed792e), to(#ed792e));
		
		/* Borders */
		
		border: 1px solid #a7d14d;
	
		-moz-box-shadow:inset 0px 0px 1px #edf9ff;
		-webkit-box-shadow:inset 0px 0px 1px #edf9ff;
		box-shadow:inset 0px 0px 1px #edf9ff;

}
/*Deux colonnes*/
.two_column > #layoutBloc1 {
		width : 630px;
	}
	.two_column > #layoutBloc2 {
		margin-top:20px;
		width : 300px;
		float:left;
	}
	.two_column > #layoutBloc3 {
		margin-top:20px;
		width : 300px;
		float:left;
		margin-left:20px;
	}
/*Layout central*/
/* three_colum */
.central_layout{
	width:1020px;

}



.central_layout> div{
  margin-left : 20px; 
   float : left; 
}
.central_layout> div > div {	 
     margin-top:20px;
     position:relative;
}

.central_layout> div > div>p {	 
	 padding:10px;
}


.central_layout> div > div> .inner {	 
	 padding:10px;
}

.central_layout> #layoutBloc1 {	 
	 min-height:100px;	 
	 width:230px; 
}

.central_layout> #layoutBloc2 {
	width : 460px;
}

.central_layout> #layoutBloc3 {
	width : 230px;
}