* {margin: 0; padding: 0;}
.break {clear: both; height: 1px; line-height: 1px; font-size: 1px;}

body {
   font-family: "Arial", Trebuchet MS, Verdana, sans-serif;
   font-size: 12px;
   color: #000;
   }

a {color: #d82719;}

#allContent {
   margin: 0 10px;
   width: 570px;}

#mainContent {
   width: 570px;}

#content {
position: relative;
width: 570px;
padding: 0 10px 0 0;}


/***********************************************************************************************/
/*																				                    Page Recherche */
/***********************************************************************************************/

.recherche #tetiereVideo {
position: relative;
display: block;
height: 350px;
width: 570px;
background: url(../../images/imgSuperU/tetiereVideo.jpg) no-repeat;}

.recherche #tetiereVideo h1 span {
display: none;
font-size: 14px;
color: #000;}

.recherche #tetiereVideo #zoneVideo {
position: absolute;
display: block;
width: 430px;
left: 140px;
top: 50px;
}


.recherche #tetiereSansRecette {
position: relative;
display: block;
height: 50px;
width: 570px;
background: url(../../images/imgSuperU/tetiereaveclogo.jpg) no-repeat;}

.recherche #tetiereSansRecette h1 span {
display: none;
font-size: 14px;
color: #000;}

.recherche #tetiere {
display: none;
position: relative;
display: block;
height: 280px;
width: 570px;
background: url(../../images/imgSuperU/tetiere.gif) no-repeat;}

.recherche #tetiere h1 span {
display: none;
font-size: 14px;
color: #000;}

.recherche #blocMasque {
z-index: 50;
position: absolute;
top: 21px;
left: 189px;
width: 215px;
height: 215px;}

.recherche #blocImgRecette {
background: #000;
position: absolute;
top: 27px;
left: 195px;
width: 215px;
height: 215px;}

.recherche h2 {
font-size: 15px;
color: #d82719;
text-align: center;
width: 225px;
display: block;
position: absolute;
left: 195px;
top: 245px;}

.recherche .marges {
margin: 0 0 0 10px;}

.recherche #blocRecherche {
margin: 5px 0 0 0;
display: block;
width: 549px;
background: url(../../images/imgSuperU/bkgBlocRechercher.jpg) repeat-y;}

.recherche #blocRecherche h1 {
display: block;
width: 570px;
height: 33px;
background: url(../../images/imgSuperU/bkgTitreRechercher.jpg) no-repeat;}

.recherche #blocRecherche h1 span {
display: none;
font-size: 13px;
color: #d82719;}

.recherche #blocRechercheContent {
padding: 0 10px 0 10px;}


.recherche #blocRechercheContent fieldset,
.recherche #blocRechercheAvanceeContent fieldset,
.resultat #blocRechercheContent fieldset

 {border: 1px #fff solid;}

input, textarea, select, label{
   margin: 0 2px 0 2px;
   font-family: "Arial", Verdana, sans-serif; 
   font-size: 12px;
   color: #000;}

.recherche .lineForm {
width: 520px;
margin: 0 0 5px 0;}


.recherche label{
display: block;
font-weight: bold;
width: 120px;
float: left;
color: #d82719;
font-style: italic;}

.recherche input.filet{
border: 1px red solid;
padding: 2px;
width: 300px;
color: #d82719;}

.recherche .btnRondOk {
display: block;
float: right;
width: 37px; 
height: 37px;}

.recherche #blocRechercheAvancee {
margin: 0 0 0 10px;
display: block;
width: 525px;
background: url(../../images/imgSuperU/bkgBlocRechercheAvancee.jpg) repeat-y;}

.recherche #blocRechercheAvancee h1 {
display: block;
width: 525px;
height: 38px;
background: url(../../images/imgSuperU/bkgRechercheAvancee.gif) no-repeat;}

.recherche #blocRechercheAvancee h1 span {
display: none;
font-size: 13px;
color: #d82719;}

.recherche #blocRechercheAvanceeContent {
padding: 0 10px 0 10px;}

.recherche .margeCheckbox {
float: left;
display: block;
margin: 0 2px 10px 0;}

.recherche .row
{width: 500px;
display: block;
}

.recherche .intitule {
font-weight: bold;
display: block;
width: 130px;
float: left;
margin: 10px 0 10px 0;}

.recherche .lineCheck {
width: 500px;
text-align: left;
float: left;
display: block;

}
.recherche .floatLeft {
display: block;
padding: 0 5px 0 0;
float: left;
}
.recherche .lineCheck label{
width: 120px;
display: block;
font-weight: bold;
float: left;
color: #d82719;
font-style: italic;}

.recherche .smallInput {
display: block;
margin: 0 5px 0 0;
float: left;
width: 25px;}

.recherche #piedBlocRechercheAvancee {
display: block;
width: 570px;
height: 11px;
background: url(../../images/imgSuperU/bkgPiedAvancee.jpg) no-repeat;}


.recherche #piedBlocRecherche,
.ficheRecette #piedBlocFiche {
display: block;
width: 570px;
height: 10px;
background: url(../../images/imgSuperU/bkgPiedRecherche.jpg) no-repeat;}


.recherche #signature {
margin: 20px 0 20px 0;
display: block;
height: 53px;
display: block;
width: 570px;}

/***********************************************************************************************/
/*																		                           Page Resultat */
/***********************************************************************************************/

.resultat a.retour,
.ficheRecette a.retour {
margin: 10px 10px 10px 0;
display: block;
float: right;
color: #d92719;}


.resultat a.pagination{
color: #d92719;}

.resultat .tetiere {
display: block;
height: 50px;
width: 570px;
background: url(../../images/imgSuperU/tetiereResultats.jpg) no-repeat;}

.resultat #content h2 {
width: 570px;
display: block;
padding: 5px;
font-size: 13px;
background: #d82719;
color:  #fff;
margin: 0 0 10px 0;} 

.resultat #content #tableau {
width: 570px;
display: block;
padding: 0 0 15px 0;}

.resultat #content #tableau table 
{border-collapse: collapse;
float: left;
width: 570px;
margin: 15px 0 0 0;
border-left: 1px #d92719 solid;}

.resultat #content #tableau table th{
font-size: 11px;
text-align: left;
padding: 2px;
background-color: #d92719;
color: #fff;
height: 20px;
white-space: nowrap;
}

.cellA,
.cellB,
.cellC,
.cellD,
.cellE
{font-size: 11px;
border-top: 1px #fff solid;
border-right: 1px #fff solid;}

.cellF{border-right: 1px #d92719 solid;}

td {border: 1px #d92719 solid; padding: 2px;}

a.lnkRecette {
color: #000;
text-decoration :none;}
a:hover.lnkRecette {color: #d92719;}

#lstRecettes .ligneTableau {
   cursor: pointer;
}

#lstRecettes .ligneImpaire:hover {
   background-color: #FC9;
}

#lstRecettes .lignePaire:hover {
   background-color: #FDDBAB;
}

/***********************************************************************************************/
/*																		                      Page Fiche Recette */
/***********************************************************************************************/

.ficheRecette #contenu h2 {
padding: 10px 20px 0 0;
text-align: right;
font-size: 12px;
color: #fff;
display: block;
height: 40px;
width: 534px;
background: url(../../images/imgSuperU/bkgTitreFiche.jpg) no-repeat;}

a.lienblanc {
text-decoration: none;
color: #fff;}

.ficheRecette #contenu h2 span {
display: none;}

#blocFiche {
display: block;
width: 549px;
padding: 0 10px 0 10px;
background: url(../../images/imgSuperU/bkgBlocRechercher.jpg) repeat-y;}

#blocFiche h3 {
padding: 10px 0 10px 0;
font-size: 30px;
color: #d92719;}

#blocFiche #colIngredients {
padding: 0 10px 0 0;
float: left;
width: 215px;
border-right: 1px #d92719 solid;}

.colorRed {color: #d92719;}

#blocFiche #colIngredients img {border: 0;}

#blocFiche #colIngredients .credit {
font-style: italic;
font-size: 11px;
padding: 0 0 10px 0;}

#blocFiche #colIngredients .zoneTxt {margin: 0 0 10px 0;}

#blocFiche #colIngredients .zoneTxt ul {list-style: none;}

#blocFiche #colIngredients .zoneTxt li {
padding: 0 0 0 8px;
background: transparent url(../../images/imgSuperU/puceLi.gif) no-repeat 0 5px;}

#blocFiche #colIngredients .zoneTxt li a{ color:#000 !important;
}

#blocFiche #preparation {
float: left;
width: 290px;
padding: 0 0 0 10px;}

#blocFiche #preparation .zoneTxt {
font-size: 12px;}

#blocFiche #preparation #blocPictos {
font-weight: bold;
color: #d92719;
float: left;
margin: 0 0 10px 0;}

#blocFiche #preparation #blocPictos .picto {
padding: 0 5px 0 0;}

#blocFiche #preparation .black {
color: #000;}

#blocFiche #preparation .alcool{
font-style: italic;
padding: 10px 0 0 0;
display: block;
color: #000;
font-size: 11px;}

#blocFiche #preparation #variantes {
display: block;
color: #d92719;
font-size: 12px;
font-weight: bold;}

#variantes {margin-top: 20px;}

#blocFiche #preparation .zoneTxtVariantes {
margin: 2px 0 10px 0;
font-weight: normal;
color: #d92719;
}

#blocFiche #preparation .zoneTxtVariantes a {
color: #000;
text-decoration: underline;
}

#blocFiche #preparation .comment a{
width: 400px;
margin: 0 0 15px 0;
text-decoration: none;
display: block;
color: #000;
font-size: 12px;
font-weight: bold;
border-bottom: 1px #d92719 solid; }

.btnImprimerRecette a {
text-decoration: none;
border: 0;
margin: 0 6px 0 0;
padding: 0 0 0 38px;
float: right;
display: block;
width: 120px;
height: 33px;
background: transparent url(../../images/imgSuperU/pictoImprimerRecette.gif) no-repeat;}

.ligneTableau{
   cursor:pointer;
}
.btnImprimerRecette a{
   color: #000;
}
