/********  STYLES A AJOUTER A LA FEUILLE DE STYLE PRINCIPALE (pas tout de suite) ************/

/** GENERAL ********************************************************************/

#container{position: relative; min-width: 990px;}
#logo{position: absolute; left: 25px; top: 25px; z-index: 10;}
#logo span{position: absolute; left: 0; top: 0; z-index: 10; display: none;}


.ssunder{text-decoration: underline;}
.linkrouge{color: #ff3300 !important;}
.linkorange{color: #ff6600 !important;}
.fltL,#fltL{float:left;}
.fltR,#fltR{float:right;}

/** HEADER ********************************************************************/
#header {padding: 1px 8px; font-size: 0.7em;}
#header a {color: #ff6803; text-decoration: none;}
#header a:hover {text-decoration: underline;}

/*#perso{margin: 120px auto 0; width: 520px; height: 20px; text-align: right; color: #ff6803;}*/
#perso{margin: 120px auto 0; width: 520px; height: 20px; /*text-align: right;*/ color: #ff6803;}
.messagerie{background: url('../design/recette/letter.gif') right no-repeat; padding: 0 20px 0 0;}

#header #menu-haut {margin: 0 auto 0; width: 500px; height: 25px;}
#header #menu-haut ul {list-style-type: none; margin: 0; padding: 0;}
#header #menu-haut li {float: left; margin-right: 0px;}


/** GAUCHE ********************************************************************/
	 
/*#bonjour{position: absolute; left: 125px; top: 48px; color: #ff6803; font-size: 0.7em; font-weight: bold;}*/

#connex{overflow: hidden; margin: 205px 17px 0 0px; width: 100%; text-align: left;}
#connex form#seconnect{ padding: 0; margin: 0; overflow: hidden; clear: both;}
#connex form#seconnect label{font-size: 0.7em; color: #ff6600; padding: 2px 0 0 0; display: block; clear: both;}
#connex form#seconnect input{width: 100px; height: 12px; border: 1px solid #888888; clear: both; float: left;}
#connex form#seconnect input.submit{cursor: pointer; padding: 0 0 0 0; margin: 0 0 0 0; font-family: Arial, Tahoma, Verdana, Sans-Serif; font-size: 0.7em; font-weight: bold; color: #fff;	width: 109px; height: 26px; border: none;	background: url('../design/recette/btn-connex.gif') 0 4px no-repeat;}
#connex form#seconnect input.submit:hover{cursor: pointer; padding: 0 0 0 0; margin: 0 0 0 0; font-family: Arial, Tahoma, Verdana, Sans-Serif; font-size: 0.7em; font-weight: bold; color: #ff3300;	width: 109px; height: 26px; border: none;	background: url('../design/recette/btn-connex.gif') 0 4px no-repeat;}
form input.error, select.error {
    border: 1px solid red;
}

#connex p{padding: 4px 0 0 0; margin: 0; clear: both; float: left; width: 100%; height: auto;}

.inscrire{float:right; text-decoration: none; cursor: pointer; padding: 4px 0 0 14px; margin: 2px 0 0 0; font-family: Arial, Tahoma, Verdana, Sans-Serif; font-size: 0.7em; font-weight: bold; color: #fff; width: 103px; height: 24px; display: block; background: url('../design/recette/btn-connex.gif') 0 2px no-repeat;}
.inscrire:hover{text-decoration: none; cursor: pointer; padding: 4px 0 0 14px; margin: 2px 0 0 0; font-family: Arial, Tahoma, Verdana, Sans-Serif; font-size: 0.7em; font-weight: bold; color: #ff3300; width: 103px; height: 24px; display: block; background: url('../design/recette/btn-connex.gif') 0 2px no-repeat;}

.linkoran{font-size: 0.65em; color: #ff6600; line-height: 9px; display: block; width: auto; margin: -3px 0 0 0;}

.deporecette{float:right; text-decoration: none; cursor: pointer; padding: 4px 0 0 8px;  margin: 0; font-family: Arial, Tahoma, Verdana, Sans-Serif; font-size: 0.7em; font-weight: bold; color: #fff; width: 128px; height: 24px; display: block; background: url('../design/recette/btn-deporecette.gif') 0 2px no-repeat;}
.deporecette:hover{text-decoration: none; cursor: pointer; padding: 4px 0 0 8px;  margin: 0; font-family: Arial, Tahoma, Verdana, Sans-Serif; font-size: 0.7em; font-weight: bold; color: #666600; width: 130px; height: 24px; display: block; background: url('../design/recette/btn-deporecette.gif') 0 2px no-repeat;}

/* Correction TMP #menu*/
#menu {font-size: 0.70em; margin: 0 17px}
#menu a {color: #464540; text-decoration: none;}
#menu a:hover {color: #ff3300; text-decoration: underline;}
#menu a.active {color: #ff3300; text-decoration: none; font-weight: normal;}
/* FIN Correction TMP #menu*/


/** DROITE ********************************************************************/
.box-right{border-top: 1px solid #ff6600; margin: 0 0 40px 0; padding: 4px 0 0 0;}
.box-right h3{font-size: 0.9em; font-weight: bold; color: #464540; height: 17px; padding: 2px 0 0 8px; margin: 0; display: block; background: #bcbbb5;}
.box-right h2{font-size: 0.9em; font-weight: bold; color: #464540; height: 17px; padding: 2px 0 0 8px; margin: 0; display: block; background: #bcbbb5;}
#menu h2{ width:100%; border-top: 1px solid #ff9900; font-weight: bold; color: #464540 !important; height: 17px; padding: 2px 0 0 8px; margin: 0; display: block; background: #bcbbb5;}
.box-right form#rech{ padding: 10px 0 0 0; margin: 0;}
.box-right form#rech label{font-size: 0.7em; color: #ff6600; padding: 0 0 4px 0; clear: both;}
.box-right form#rech input{width: 110px; height: 16px; border: 1px solid #888888;}
.box-right form#rech .oksubmit{ padding: 0; margin: 0; font-family: Arial, Tahoma, Verdana, Sans-Serif; font-size: 0.7em; color: #fff; width: 25px; height: 23px; border: none; background: url('../design/recette/btn-ok.gif') no-repeat;}

#droite .box-right ul{list-style-type: none;font-size: 0.85em; color: #ff6600; padding: 0 0 0 8px; margin: 7px 0 10px 0;}
#droite div.box-right ul li span.align-li{padding-right:8px;}
#droite .box-right li{padding: 0 0 0 0; margin: 0 0 0 0;}
#droite .box-right li a{ color: #464540; text-decoration: none;}
#droite .box-right li a:hover{color: #ff6600; text-decoration: underline;}


/** CONTENU *******************************************************************/
/* Correction TMP #content*/
#content {clear: both; margin: 10px 0 0; font-size: 0.70em; position:relative;height:100%;}
/* FIN Correction TMP #content*/

/* Liste sur trois colonnes*/
#three_cols{width: 33%; float: left;}
.categorie-level1{height: 12px; display: block; background: #dad8d2; padding: 3px 0 5px 8px; margin: 15px 0 5px 0; color: #ff6600 !important; font-size: 1em; font-weight: bold;}
.no-puce {list-style-type: none; padding: 0 0 0 0; margin: 0 0 0 15px;}
.no-puce-comment {list-style-type: none; padding: 0 0 0 10px !important; margin: 0 0 0 0;}


/* Recette */
#liste-recette{position:absolute; right: 0; z-index: 10; padding: 0 5px 0 0;}

#recette-top {background: url('/design/recette/recette-top-titre-back.gif') repeat-x top left; height: 42px; width: 100%;}
#recette-logo {	background: url('/design/recette/recette-top-logo.gif') no-repeat; height: 42px; padding: 0 0 0 52px;}
#recette-logo #titre {background: url('/design/recette/recette-top-arrondi.gif') no-repeat top right; height: 42px;	float: left; padding: 0 5px 0 0;}
#recette-logo h1 {color: #464540; font-size: 1.2em; margin-left: 55px; margin-top: 10px; float: left; font-variant: normal;}
#recette-logo #push {overflow: hidden; background: url('/design/recette/recette-top-back.gif') repeat-x top left; height: 42px;	position: relative;  /* annuler les margins autour de l'overflow sur IE6 */ left: -3px;	margin: 0;}

html>body #recette-logo #push {position: relative; left: 0;}

#recette-logo { position:relative; overflow: hidden;}
#recette-logo #right{z-index:100;position: absolute; right: 0px; top: 0px; width: 9px; height: 42px;background: url('/design/recette/recette-top-round-right2.gif') no-repeat;}
html>body #recette-logo #right{z-index:100;position: absolute; right: 0; top: 0; width: 9px; height: 42px;background: url('/design/recette/recette-top-round-right2.gif') no-repeat;}

#recette-head {background: #c2c1bb;	padding: 0;}

input.text, textarea.textarea, input.password, select {padding: 1px 0px 1px 2px; border: 1px solid #ff9900; font-family: Tahoma, Verdana, Arial, Sans-Serif;}
input.text_right {text-align:right; padding: 1px 2px 1px 0px; border: 1px solid #ff9900; font-family: Tahoma, Verdana, Arial, Sans-Serif;}
textarea.title {padding: 1px 0px 1px 2px; border: 1px solid #ff9900; font-family: Tahoma, Verdana, Arial, Sans-Serif; z-index:-1; width: 350px; height: 18px; }
input.titre-photo, textarea.titre-photo {padding: 1px 0px 1px 2px; border: 1px solid #ff9900; font-family: Tahoma, Verdana, Arial, Sans-Serif; width: 200px;}

#recette-main-photo {float: right; right: 10px; top: 40px;	z-index:2;	position: absolute;}
#recette-main-photo div.rounded {position: absolute; top: 0; left: 0;}
#recette-main-photo div div {background: url('/design/corner/corner-topleft-2.gif') no-repeat top left !important; }
#recette-main-photo div div div {background: url('/design/corner/corner-topright-2.gif') no-repeat top right !important; }
#recette-main-photo div div div div {background: url('/design/corner/corner-btmright-2.gif') no-repeat bottom right !important; }
#recette-main-photo div div div div div {background: url('/design/corner/corner-btmleft-2.gif') no-repeat bottom left !important;}
#recette-main-photo div div div div div > div {background: none !important;}

#recette-main-video {float: right; right: 10px; top: 34px;	z-index:2;	position: absolute;}
#recette-main-video div.rounded {position: absolute; top: 0; left: 0;}
#recette-main-video div div {background: url('/design/corner/corner-topleft-2.gif') no-repeat top left !important; }
#recette-main-video div div div {background: url('/design/corner/corner-topright-2.gif') no-repeat top right !important; }
#recette-main-video div div div div {background: url('/design/corner/corner-btmright-2.gif') no-repeat bottom right !important; }
#recette-main-video div div div div div {background: url('/design/corner/corner-btmleft-2.gif') no-repeat bottom left !important;}
#recette-main-video div div div div div > div {background: none !important;}
#content #main_play{position: absolute; z-index: 20; width: 40px; height: 40px; top: 81px; right: 82px;}

#list_photo_ingredient {background-color:#C2C1BB;}
#ingredient-nothing{background-color:#C2C1BB; padding: 10px 10px 5px 20px !important;}

/* main photo ingredient */
#ingredient-main-photo {float: right; right: 10px; top: 25px;	z-index:2;	position: absolute;}
#ingredient-main-photo div.rounded {position: absolute; top: 0; left: 0;}
#ingredient-main-photo div div {background: url('/design/corner/corner-topleft-2.gif') no-repeat top left !important; }
#ingredient-main-photo div div div {background: url('/design/corner/corner-topright-2.gif') no-repeat top right !important; }
#ingredient-main-photo div div div div {background: url('/design/corner/corner-btmright-2.gif') no-repeat bottom right !important; }
#ingredient-main-photo div div div div div {background: url('/design/corner/corner-btmleft-2.gif') no-repeat bottom left !important;}
#ingredient-main-photo div div div div div > div {background: none !important;}

#materiel-description {
	position: relative;
	float: left;
	left: 20px;
	padding: 10px;	
}

#gap-list {
	margin-top: 10px;
}

#global-attach-photo { 
	position: absolute;
	float: left;
	left: 20px;
}

#read-all-message {
	float: right;
	margin: 0 6px 0 0;
}

/* main photo materiel */
#materiel-main-photo {float: right; right: 10px; top: 25px;	z-index:2;	position: absolute;}
#materiel-main-photo div.rounded {position: absolute; top: 0; left: 0;}
#materiel-main-photo div div {background: url('/design/corner/corner-topleft-2.gif') no-repeat top left !important; }
#materiel-main-photo div div div {background: url('/design/corner/corner-topright-2.gif') no-repeat top right !important; }
#materiel-main-photo div div div div {background: url('/design/corner/corner-btmright-2.gif') no-repeat bottom right !important; }
#materiel-main-photo div div div div div {background: url('/design/corner/corner-btmleft-2.gif') no-repeat bottom left !important;}
#materiel-main-photo div div div div div > div {background: none !important;}

/* complete background */
#complete-background { background-color: #C2C1BB; padding-bottom: 15px;}
/* summary user validated */
#summary-user-validated { position: relative; float: left; left: 10px; margin: 10px 0 10px 0; }
#summary-user-validated p {margin: 0px;}
/* recette member main photo */
#recette-member-main-photo { position: relative; float: left; left: 10px; margin: 10px 10px 0 0; z-index:2; }
#recette-member-main-photo div.rounded {position: absolute; top: 0; left: 0;}
#recette-member-main-photo div div {background: url('/design/corner/corner-topleft-2.gif') no-repeat top left !important; }
#recette-member-main-photo div div div {background: url('/design/corner/corner-topright-2.gif') no-repeat top right !important; }
#recette-member-main-photo div div div div {background: url('/design/corner/corner-btmright-2.gif') no-repeat bottom right !important; }
#recette-member-main-photo div div div div div {background: url('/design/corner/corner-btmleft-2.gif') no-repeat bottom left !important;}
#recette-member-main-photo div div div div div > div {background: none !important;}


#modif_recette,#fb-box-like, #modif_ingredient, #modif_materiel, #modif_preparation {clear: both; zoom: 1; padding:1px 1px 1px 5px !important; background-color: transparent; color:#ff0000;}
#modif_recette a, #modif_ingredient a, #modif_materiel a, #modif_preparation a {color:#ff0000;}

#recette-info {float: left; background: #c2c1bb; padding: 0 0 8px 23px !important; width: 50%;	height: auto; color: #464540; font-weight: bold; font-size: 1em; /*border: 1px solid red*/}
#recette-info em {font-style: normal; color: #fff; padding: 0 0 0 4px;	}
#recette-info div.underline {  border-bottom: 0; padding: 0 0 0 0;}

/** ingredient information ************************************/
#ingredient-info {float: left; background: #c2c1bb; margin 0; padding: 0 0 0 5px !important; width: 90%;	height: auto; color: #464540; font-weight: bold; font-size: 1em; /*border: 1px solid red*/}
#ingredient-info em {font-style: normal; color: #fff; padding: 0 0 0 4px;	}
#ingredient-info div.underline {  border-bottom: 0; padding: 0 0 0 0;}

#recette-info-b {float: left; background: #c2c1bb; padding: 0 0 8px 0px; width: 40%;	height: auto; color: #464540; font-weight: bold; font-size: 1em; /*border: 1px solid red*/}
#recette-info-b em {font-style: normal; color: #fff; padding: 0 0 0 4px;	}
#recette-info-b div.underline {  border-bottom: 0; padding: 0 0 0 0;}

#recette-time {clear: both; margin: 0 0 0 0; padding: 9px 0 0 40px !important; background: #e7e6e4 url('/design/recette/recette-time.gif') no-repeat 6px 0; height: 20px; border-top: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff; color: #ff6900;}
#recette-time span { color: #464540; font-weight: bold;}

#recette-personnes {clear: both; zoom: 1; padding: 12px 10px 10px 28px !important; color: #464540;}
#recette-personnes h2 {font-size: 1em; font-weight: bold; display: inline; border-bottom: 1px solid #ff6600; padding: 0 0 3px 0; margin: 0;}

#recette-ingredient {clear: both; zoom: 1; min-height: 125px; padding: 0px 10px 10px 28px !important; color: #464540;}
#recette-materiel {clear: both; zoom: 1; padding: 0px 10px 10px 28px !important; color: #464540;}

#recette-ingredient-liste {float: left; zoom: 1; padding: 0px 5px 0px 0px !important; width: 31%; color: #464540;}
#recette-ingredient-liste ul {margin: 0 0 0 0; padding: 0 15px 0 15px !important; color: #ff6600;	}
#recette-ingredient-liste li span {color: black;}

#recette-materiel {clear: both; zoom: 1; padding: 0px 10px 10px 28px !important; color: #464540;}
#recette-materiel h2 {font-size: 1em; font-weight: bold; display: inline; border-bottom: 1px solid #ff6600; padding: 0 0 3px 0; margin: 0;}
#recette-materiel ul {margin: 0 0 0 0; padding: 0 15px 0 15px !important; color: #ff6600;	}
#recette-materiel li span {color: black;}

#recette-preparation {clear: both;background: #D9D8D2; min-height:155px;}
#recette-preparation h2 {font-size: 1.1em; background-color: #e7e6e4; border-bottom: 2px solid #c2c1bb; border-left: 1px solid #fff; height: 14px; padding: 2px 10px 2px 28px; margin: 0; color: #464540;}

#recette-proposepar , .recette-proposepar_desr_2 ,.recette-proposepar_desr_1 {padding: 9px 10px 5px 28px !important; margin: 0; color: #464540; line-height: 16px;}
#recette-proposepar em{ color: #ff6600; font-style: normal;}

#recette-texte , .recette-texte_desr_2 , .recette-texte_desr_1 {padding: 10px 10px 10px 28px !important;color: black;}

#recette-outils {padding: 2px 10px 5px 0px !important; color: #ff6600;}

#message_comment {padding: 10px 0 0px 20px !important; font-size: 1.1em;}
#subject_comment {padding: 15px 10px 0 20px !important;}
#content_comment {padding: 10px 0 10px 20px !important;}

#zone-comment { margin: 0px 5px 0px 5px !important; margin-bottom: 5px;}
#div-box { width: 100%; float: left;}
#recette-comments {clear: both; background: #D9D8D2;}
#recette-comments h2 {font-size: 1.1em; background-color: #e7e6e4; border-bottom: 1px solid #c2c1bb; border-left: 1px solid #fff; height: 14px; padding: 2px 10px 2px 28px; margin: 0; color: #464540;}
#commentaire-box { border: 1px #B2B1AB solid; padding: 4px 4px 6px 7px; margin: 4px 0 0; }
#commentaire-box h3 {float: left; padding: 0 0 3px 0; margin: 0; font-size: 1em; color: #ff6600;}
#commentaire-txt {clear: both; padding: 0 10px 3px 0;}

/** PHOTOS  *************************************************************/
#rounded-photo {zoom: 1; background: #c2c1bb;	padding: 10px 8px 8px 8px !important; overflow: hidden; }
#rounded-photo div#picture-button { float: left; }
#rounded-photo div#picture-button .picture-box { position: relative; float: left; margin: 3px; }
#rounded-photo div#picture-button div.rounded {position: absolute; top: 0; left: 0;}
#rounded-photo div#picture-button div div {background: url('/design/corner/corner-topleft-2.gif') no-repeat top left !important; }
#rounded-photo div#picture-button div div div {background: url('/design/corner/corner-topright-2.gif') no-repeat top right !important; }
#rounded-photo div#picture-button div div div div {background: url('/design/corner/corner-btmright-2.gif') no-repeat bottom right !important; }
#rounded-photo div#picture-button div div div div div {background: url('/design/corner/corner-btmleft-2.gif') no-repeat bottom left !important;}
#rounded-photo div#picture-button div div div div div > div {background: none !important;}
/* main photo */
#main-photo { position: relative; float: left; margin: 5px 0 0 5px }
#main-photo div.rounded {position: absolute; top: 0; left: 0;}
#main-photo div div {background: url('/design/corner/corner-topleft-2.gif') no-repeat top left !important; }
#main-photo div div div {background: url('/design/corner/corner-topright-2.gif') no-repeat top right !important; }
#main-photo div div div div {background: url('/design/corner/corner-btmright-2.gif') no-repeat bottom right !important; }
#main-photo div div div div div {background: url('/design/corner/corner-btmleft-2.gif') no-repeat bottom left !important;}
#main-photo div div div div div > div {background: none !important;}


/** INGREDIENTS  *************************************************************/
#categorie-top {background: url('/design/recette/recette-top-titre-back.gif') repeat-x top left;height: 42px;width: 100%;}
#ingredients-logo { position:relative; overflow: hidden;background: url('/design/ingredients/ingredients-top-logo.gif') no-repeat;height: 42px;padding: 0 0 0 52px;}
#ingredients-logo #titre {background: url('/design/recette/recette-top-arrondi.gif') no-repeat top right;height: 42px;float: left;padding: 0 5px 0 0;}
#ingredients-logo h1 {color: #464540;font-size: 1.2em;margin: 0;margin-top: 10px; margin-left:55px !important; float: left;font-variant: normal;}
#ingredients-logo #push {overflow: hidden;background: url('/design/recette/recette-top-back.gif') repeat-x top left;height: 42px;position: relative;left: -3px;margin: 0;}
html>body #ingredients-logo #push {position: relative;left: 0;}
#ingredients-logo #right{z-index:100;position: absolute; right: 0px; top: 0px; width: 9px; height: 42px;background: url('/design/recette/recette-top-round-right2.gif') no-repeat;}
html>body #ingredients-logo #right{z-index:100;position: absolute; right: 0; top: 0; width: 9px; height: 42px;background: url('/design/recette/recette-top-round-right2.gif') no-repeat;}
#categorie-bottom {clear: both;background: url('/design/recette/recette-bottom-back.gif') repeat-x;height: 4px;overflow: hidden; margin: 0 0 5px 0;}
#categorie-bottom-left {background: url('/design/ingredients/ingredients-bottom-left.gif') no-repeat top left;height: 4px;}
#categorie-bottom-right {background: url('/design/ingredients/ingredients-bottom-right.gif') no-repeat top right;height: 4px;}

#ingredients-liste {clear: both;background: #d9d8d2;}
#ingredients-liste h2 {font-size: 1.1em; background-color: #e7e6e4; border-bottom: 2px solid #c2c1bb; border-left: 1px solid #fff; height: 14px; padding: 2px 10px 2px 52px; margin: 0; color: #464540;}

#content-page {background: #C2C1BB; font-family: Arial, Verdana, Tahoma; color: black; margin: 0; font-size: 12px;}
#content-encart {clear: both; margin: 0 0 0 0; padding: 9px 0 9px 54px; background-color: #e7e6e4 no-repeat 12px 0; border-top: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff; font-size: 1em;}

#form-ligne {clear: both; position: relative; padding: 8px 0px 0px 0px ; width: 100%; color: #464540; font-weight: bold; font-size: 1em; /*border: 1px solid red*/}
#form-titre {float: left; background: #; padding: 0 10px 0 0;  height: auto; color: #464540; font-weight: bold; font-size: 1em; text-align: right; /*border: 1px solid red*/}
#form-field {float: left; background: #; padding: 0 10px 0 0;  width: 35%; height: auto; color: #464540; font-weight: bold; font-size: 1em; /*border: 1px solid red*/}
#form-explain {float: left; background: #; padding: 2px; width: 47%; height: auto; color: #464540; font-size: 0.8em; background-color: #ffe6e4; border: 1px solid #c2c1bb;}
#form-field select { width: 205px; }

/*********************************************************/
#content #content-page h1 { font-size: 22px; margin: 0; }
#content #content-page h2 { font-size: 18px; margin: 0; }
#content #content-page h3 { font-size: 14px; margin: 0; }
#content #content-page h4 { font-size: 10px; margin: 0; }
#content #content-page h5 { font-size: 8px; margin: 0; }
#content #content-page h6 { font-size: 6px; margin: 0; }
#bg-conten-stepone{background:#C2C1BB;}