body{
font-family:"JaneAusten","Times New Roman", Times, serif;
color:#000000;
background-image:url('papier-craft.jpg');
background-attachment:fixed;
user-select:none;
}
#classentete{
position:relative;
width:100%;
height:100px;
line-height:130px;
background-color:#2a1502;
color:#ffffff;
font-size:2.3em;
text-align:center;
}
#footer{
width:400px;
height:50px;
bottom:0px;
right:0px;
position:fixed;
}
.blockrecettes{
display:inline-block;
text-align:center;
}
.formajout{
width:100%;
margin-top:20px;
}
label
{
	display: block;
	width: 110px;
	height: 20px;
	float: left;
}
.myhr{
width:100%;
height:2px;
}
.tuile{
float:left;
width:135px;
height:135px;
background-color:#2a1502;
color:#ffffff;
line-height:135px;
text-align:center;
border-radius:15px;
border:1px;
margin:5px;
font-size:1.5em;
}
.ptuile{
padding-top:50px;
line-height:20px;
}
.tuile3{
display:inline-block;
width:135px;
height:135px;
background-color:#9a1502;
color:#ffffff;
line-height:135px;
text-align:center;
border-radius:15px;
border:1px;
margin:5px;
font-size:1.5em;
}


.licat {
    list-style-type: none;
    margin-bottom: 10px;
	background-color:#2a1502;
	line-height:30px;
	height:30px;
	vertical-align:top;
	color:#ffffff;
	border-radius:40px;
	
}
.redselected {
    list-style-type: none;
    margin-bottom: 10px;
	line-height:30px;
	background-color:#9a1502;
	height:30px;
	color:#ffffff;
	vertical-align:top;
	border-radius:40px;
}
.redselected:before {
    content: url('./recettehover.png'); /* on affiche le compteur */
	background-size: 30px;
    padding: 0 5px 5px;
    margin-right: 5px;
    vertical-align: top;
    font-weight: bold;
    font-size: 0.8em;
    color: white;		
}
.Credselected {
    list-style-type: none;
    margin-bottom: 10px;
	line-height:30px;
	background-color:#9a1502;
	height:30px;
	color:#ffffff;
	vertical-align:top;
	border-radius:40px;
}
.Credselected:before {
    content: url('./categories.png'); /* on affiche le compteur */
	background-size: 30px;
    padding: 0 5px 5px;
    margin-right: 5px;
    vertical-align: top;
    font-weight: bold;
    font-size: 0.8em;
    color: white;		
}
.myActions{
	position:relative;
	width:70%;
	top:-8px;
	left:20%;
	visibility:hidden;
}
.icon-action{
	position:relative;
	margin-bottom:0px;
	left:30px;
	top:-30px;
}
.icon-action2{
	position:relative;
	margin-bottom:0px;
	left:60px;
	top:-60px;
}
.myActionSelected{
	position:relative;
	width:70%;
	top:-8px;
	left:20%;
}
.lirecette {
    list-style-type: none;
    margin-bottom: 10px;
	line-height:30px;
	height:30px;
	color:#000000;
	vertical-align:top;
	border-radius:40px;
}
.lirecette:before{
    content: url('./recette.png'); /* on affiche le compteur */
	background-size: 30px;
    padding: 0 5px 5px;
    margin-right: 5px;
    vertical-align: top;
    font-weight: bold;
    font-size: 0.8em;
    color: white;		
}

.lirecette:hover{
	background-color:#5a4532;
	color:#ffffff;
}
.lirecette:hover:before{
	content: url('./recettehover.png');
}

.licat:before {
    content: url('./categories.png'); /* on affiche le compteur */
    padding: 0 5px 5px;
    margin-right: 5px;
    vertical-align: top;
    font-weight: bold;
    font-size: 0.8em;
    color: white;		
}

.tuile2{
float:left;
width:135px;
height:135px;
background-color:#5a4532;
color:#ffffff;
line-height:35px;
vertical-align:middle;
text-align:center;
border-radius:15px;
border:1px;
margin:5px;
font-size:1.5em;
word-wrap:break-word;
}
.formmylink{
display:inline;
}
.mylink{
font-family:"JaneAusten","Times New Roman", Times, serif;
background-color:#5a4532;
color:#ffffff;
line-height:35px;
vertical-align:middle;
text-align:center;
border-radius:15px;
border:1px;
margin:5px;
font-size:0.8em;
}
.loupe{ 
background:url('./loupe.png'); 
} 
.mysearch2{
float:right;
height:30px;
}
.menu{
float:left;
width:33%;
height:35px;
line-height:50px;
font-weight:bold;
font-size:2em;
}
#myFormSearch{
float:left;
text-align:center;
height:30px;
line-height:30px;
margin:2px;
top:0px;
}
#classmenu{
position:relative;
width:100%;
height:35px;
text-align:center;
border-bottom-style:solid;
border-color:#2a1502;
}
#classrecherche{
position:absolute;
width:300px;
height:80px;
top:40px;
right:10px;
}

#navlivre{
position:relative;
width:100%;
text-align:center;
}

#myim{
margin:5%;
width:90%;
} 
#myimPC{
margin:5%;
width:90%;
} 
#livre{
position:relative;
width:100%;
font-size:24px;
}
#title{
position:relative;
width:100%;
height:300px;
}
#titre{
display:inline;
text-align:center;
width:80%;
height:300px;
line-height:300px;
}
#image{
display:inline;
text-align:center;
width:20%;
height:300px;
}
#pages{
position:relative;
width:100%;
}
#pagegauche{
float:left;
width:30%;
}
#pagegauchePC{
float:left;
width:30%;
}
#pagedroite{
float:right;
width:70%;
text-align:justify;
}
#ringredients{
height:1px;
visibility:hidden;
}
#titre2,#ingredients,#recette{
width:100%;
}
.forMobileOnly{
visibility:hidden;
height:0px;
z-index:-1;
top:-50px;
}