div.clearer {height: 0; clear: both; overflow: hidden;}
div.spacer {height: 10px; clear: both; overflow: hidden;}

div#clodine {float: left; width: 966px;}
div#clodine a {text-decoration: none;}
div#clodine img {border: 0;}


div#clodine div#pages .bigbox {float: left; width: 300px; padding: 0; margin: 0 0 10px 0;}
div#clodine div#pages .firstbb {padding: 0; margin: 0;}

div#clodine div#pages a.btn {float: left; padding: 0 10px 0 9px; margin: 0; font-family: Arial; font-size: 11px; font-weight: bold; line-height: 20px; color: #fff; text-transform: uppercase; text-align: center; background: url(../images/bg_boutons.gif) repeat-x top;}
div#clodine div#pages input.btn {float: left; height: 20px; border: 0; padding: 0 9px 0 9px; margin: 0; font-family: Arial; font-size: 11px; font-weight: bold; line-height: 20px; color: #fff; text-transform: uppercase; text-align: center; background: url(../images/bg_boutons.gif) repeat-x top; cursor: pointer;}


/* HEADER */

div#clodine div#header h1 {
	position: absolute;
	top: 28px;
	left: 258px;
	width: 225px;
	height: 113px;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

div#clodine div#header h1 a {
	display: block;
	height: 0;
	width: 100%;
	overflow: hidden;
	padding: 113px 0 0 0;
}

div#clodine div#header span#logoClodine {
	position: absolute;
	top: 0;
	left: 10px;
	width: 233px;
	height: 260px;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

div#clodine div#header span#logoClodine a {
	display: block;
	height: 0;
	width: 100%;
	overflow: hidden;
	padding: 260px 0 0 0;
}

div#clodine div#header {float: left; width: 966px; height: 261px; font-family: Arial; font-weight: bold; background: url(../images/header/bg_header.jpg) no-repeat top; position: relative; z-index: 2;}
div#clodine div#header a {font-family: Arial; font-weight: bold;}

div#clodine div#header div.idm {float: left; width: 89px; height: 50px; padding: 0 15px 0 862px;}
div#clodine div#header div.idm a {display: block; width: 100%; height: 0; padding: 50px 0 0 0; overflow: hidden;}

div#clodine div#header div.diffusion {float: left; width: 120px; height: 33px; padding: 0 15px 0 831px; margin: 37px 0 13px 0;}
div#clodine div#header div.diffusion a {display: block; width: 100%; height: 0; padding: 33px 0 0 0; overflow: hidden;}

div#clodine div#header div.tsc {float: left; width: 224px; height: 60px; padding: 0 42px 17px 259px;}
div#clodine div#header div.tsc a {display: block; width: 100%; height: 0; padding: 60px 0 0 0; overflow: hidden;}

div#clodine div#header div.pubs {float: left; width: 250px; height: 60px; padding: 0 14px 17px 0; margin: 0; overflow: hidden;}
div#clodine div#header div.pubs span {float: left; padding: 0 5px 0 0; margin: 0;}


div#clodine div#header ul.ssousmenu {float: left; width: 147px; height: 20px; padding: 45px 0 0 12px; margin: 0; list-style: none; text-align: right;}
div#clodine div#header ul.ssousmenu li {display: inline; padding: 0 0 0 13px; background: url(../images/header/bullet.gif) no-repeat 2px 6px; font-size: 12px; line-height: 20px;}
div#clodine div#header ul.ssousmenu li a {color: #fff;}

div#clodine div#header ul.menu {float: right; height: 30px; padding: 0; margin: 0; list-style: none;}
div#clodine div#header ul.menu li {position: relative; float: left; margin: 0; background: url(../images/header/separateur_menu.gif) no-repeat 0 0; font-size: 17px; line-height: 30px;}
div#clodine div#header ul.menu li a {display: block; color: #fff; line-height: 30px; padding: 0 12px 0 12px; margin: 0 0 0 2px;}
div#clodine div#header ul.menu li a:hover {background: url(../images/header/bg_menu-over.gif) repeat-x top;}

div#clodine div#header ul.menu li ul {
	display: none;
	position: absolute;
	top: 30px;
	left: 2px;
	
	background: transparent;
	float: none;
	height: auto;
	padding: 0;
	margin: 0;
	list-style: none;
	z-index: 2;
}

div#clodine div#header ul.menu li ul li {
	background: transparent;
	float: none;
	height: 30px;
	padding: 0;
	margin: 0;
	list-style: none;
	width: 210px;
}

div#clodine.fiche div#header ul.menu li.cuisine ul li a,
div#clodine.cuisine div#header ul.menu li.cuisine ul li a,
div#clodine.moncarnetperso div#header ul.menu li.moncarnetperso ul li a,
div#clodine.carnetdadresses div#header ul.menu li.carnetdadresses ul li a,
div#clodine.astuces div#header ul.menu li.astucesconseils ul li a,
div#clodine.accueil div#header ul.menu li.accueil ul li a,
div#clodine.aboire div#header ul.menu li.aboire ul li a,
div#clodine div#header ul.menu li ul li a,
div#clodine.accueil div#header ul.menu li.accueil ul li a {
	background: url(../images/header/sous-menu-off.png) 0 bottom no-repeat;
	margin: 0;
	padding: 0 10px;
	width: 190px;
	font-size: 15px;
	color: #f3e6b7;
	text-transform: none;
}
div#clodine.fiche div#header ul.menu li.cuisine ul li a:hover,
div#clodine.cuisine div#header ul.menu li.cuisine ul li a:hover,
div#clodine.moncarnetperso div#header ul.menu li.moncarnetperso ul li a:hover,
div#clodine.carnetdadresses div#header ul.menu li.carnetdadresses ul li a:hover,
div#clodine.astuces div#header ul.menu li.astucesconseils ul li a:hover,
div#clodine.accueil div#header ul.menu li.accueil ul li a:hover,
div#clodine.aboire div#header ul.menu li.aboire ul li a:hover,
div#clodine div#header ul.menu li ul li a:hover,
div#clodine.accueil div#header ul.menu li.accueil ul li a:hover {
	background: url(../images/header/sous-menu-on.png) 0 bottom no-repeat;
	color: #ffffff;
}

div#clodine div#header ul.menu li ul li.last a,
div#clodine div#header ul.menu li ul li.last a:hover,
div#clodine.accueil div#header ul.menu li.accueil ul li.last a,
div#clodine.accueil div#header ul.menu li.accueil ul li.last a:hover {
	background-position: 0 0;
}

div#clodine.accueil div#header ul.menu li a.actif {background: url(../images/header/bg_menu-over.gif) repeat-x top;}



div#clodine div#header ul.sousmenu {width: 389px; height: 37px; padding: 0 20px 0 560px; margin: 0; list-style: none; text-align: right;}
div#clodine div#header ul.sousmenu li {display: inline; padding: 0 0 0 12px; background: url(../images/header/bullet.gif) no-repeat 2px 6px; font-size: 15px; line-height: 37px;}
div#clodine div#header ul.sousmenu li a {color: #fff;}

div#clodine div#header ul li.nobg {background: none;}
/* /HEADER */


/* PAGES */
div#clodine div#pages {float: left; position: relative; z-index: 1; width: 946px; padding: 0 10px 0 10px; margin: 0; font-family: Arial; font-size: 12px; line-height: 16px; color: #4b4b4b;}
div#clodine div#pages p {padding: 0 12px 0 12px; margin: 0 0 12px 0;}
div#clodine div#pages a {color: #307e38;}

div#clodine div#pages h1 {display: block; padding: 27px 0 30px 12px; margin: 0; background: url(../images/bg_titre-h1.gif) repeat-x top; font-family: Arial; font-size: 30px; font-weight: normal; line-height: 23px; color: #307e38;}


div#clodine div#pages h2 {position: relative; display: block; padding: 10px 0 10px 12px; margin: 0; background: url(../images/bg_titre-h2.gif) repeat-x top; font-family: Arial; font-size: 16px; font-weight: bold; color: #307e38;}

div#clodine div#pages h2 span.exclusif {
	position: absolute;
	top: -15px;
	right: 0;
	width: 76px;
	height: 0;
	padding: 56px 0 0 0;
	overflow: hidden;
	display: block;
	background: transparent url('../images/accueil/bg-exclusif.png') 0 0 no-repeat;
}

div#clodine div#pages div.recette_express h2 span.exclusif {
	right: 95px;
}



div#clodine div#pages h3 {padding: 0; margin: 0 0 10px 0; font-family: Arial; font-size: 15px; font-weight: normal; line-height: 18px; color: #307e38;}
div#clodine div#pages h4 {padding: 0; margin: 0 0 10px 0; font-family: Arial; font-size: 14px; font-weight: bold; line-height: 16px; color: #307e38;}

div#clodine div#pages form input, select, textarea {float: left; font-family: Arial; font-size: 12px; line-height: 12px; color: #4b4b4b;}

div#clodine div#pages div#contenu {float: left; width: 637px; overflow: hidden; padding: 0; margin: 0;}
div#clodine div#pages div#contenu div.pointilles {float: left; width: 100%; height: 10px; margin: 8px 0 8px 0; background: url(../images/pointilles-vert.gif) repeat-x top;}

div#clodine div#pages div.contenerInner {
	float: left;
	overflow: hidden;
}

div#clodine div#pages div.magazine div.contenerInner { width: 180px; }
div#clodine div#pages div.shopping div.contenerInner { width: 160px; }
/* /PAGES */

 
/* MISE EN LIGNE */
div#clodine div#pages.maintenance {float: left; width: 966px; padding: 0; margin: 0; background: url(../images/bg_maintenance.jpg) no-repeat top;}
div#clodine div#pages.maintenance p {float: left; padding: 288px 0 167px 288px; margin: 0; font-family: Arial; font-size: 16px; line-height: 24px; color: #307e38;}
/* /MISE EN LIGNE */


/* COLONNE DROITE */
div#clodine div#pages div#col_droite {float: left; width: 300px; padding: 0 0 0 9px; margin: 0;}
div#clodine div#pages div#col_droite a {color: #4b4b4b;}
div#clodine div#pages div#col_droite a.btn {color: #fff;}
div#clodine div#pages div#col_droite h2 {background: none; padding: 0 0 0 12px; margin: 0; font-family: Arial; font-size: 16px; font-weight: bold; line-height: 35px; color: #fff;}

div#clodine div#pages div#col_droite form input, select, textarea {font-size: 11px;}

div#clodine div#pages div#col_droite div.blocs {float: left; width: 300px; padding: 0; margin: 0 0 10px 0; background: url(../images/col_droite/bg_blocs.gif) repeat-x top;}
div#clodine div#pages div#col_droite div.blocs_editables {float: left; width: 300px; padding: 0; margin: 0 0 20px 0; background: url(../images/col_droite/bg_blocs.gif) repeat-x top;}
div#clodine div#pages div#col_droite div.blocs_editables img {float: left; padding: 0 12px 0 12px;}
div#clodine div#pages div#col_droite div.blocs_editables img.btn {padding: 0;}

div#clodine div#pages div#col_droite div#recherche form {float: left; padding: 0 0 10px 5px; margin: 0;}
div#clodine div#pages div#col_droite div#recherche form label {float: left; width: 60px; font-size: 11px; line-height: 18px;}
div#clodine div#pages div#col_droite div#recherche form input, select {padding: 0; margin: 0 0 16px 0;}
div#clodine div#pages div#col_droite div#recherche form select {width: 194px;}
div#clodine div#pages div#col_droite div#recherche form input {width: 190px;}
div#clodine div#pages div#col_droite div#recherche form input.btn {width: 93px; margin: 0 0 0 161px; color: #fff;}

div#clodine div#pages div#col_droite div#teaser {width: 300px; padding: 0; margin: 0 0 10px 0;}

div#clodine div#pages div#col_droite div#recette_express p {float: left; padding: 3px 25px 12px 12px; margin: 0;}
div#clodine div#pages div#col_droite div#recette_express form {float: left; padding: 0 0 0 12px; margin: 0;}
div#clodine div#pages div#col_droite div#recette_express form input {width: 153px; padding: 0; margin: 1px 0 10px 0;}
div#clodine div#pages div#col_droite div#recette_express form label {float: left; width: 190px; font-size: 11px; padding: 0; margin: 0 0 5px 0;}
div#clodine div#pages div#col_droite div#recette_express form input.btn {margin: 0 20px 11px 9px; width: 93px; border: 0; color: #fff;}

div#clodine div#pages div#col_droite div#incontournables ul {float: left; padding: 7px 0 20px 26px; margin: 0; list-style: disc;}
div#clodine div#pages div#col_droite div#incontournables ul li {line-height: 20px;}

div#clodine div#pages div#col_droite div#convertisseur {padding: 0; margin: 0 0 35px 0; background: url(../images/col_droite/bg_blocs-convertisseurs.gif) no-repeat top;}
div#clodine div#pages div#col_droite div#convertisseur div {float: left; width: 260px; padding: 0 0 0 12px;}
div#clodine div#pages div#col_droite div#convertisseur p {float: left; line-height: 18px; padding: 0; margin: 0 17px 0 0;}
div#clodine div#pages div#col_droite div#convertisseur a.btn {margin: 0 9px 0 0;}
div#clodine div#pages div#col_droite div#convertisseur form {float: left; padding: 0 0 10px 0; margin: 0 0 12px 0; background: url(../images/col_droite/pointille.gif) no-repeat bottom left;}
div#clodine div#pages div#col_droite div#convertisseur form label {float: left; padding: 0 8px 0 0; width: 52px; font-size: 11px; line-height: 18px; text-align: right;}
div#clodine div#pages div#col_droite div#convertisseur form input {width: 65px; padding: 0; margin: 1px 10px 0 0;}
div#clodine div#pages div#col_droite div#convertisseur form select {width: 115px;}
div#clodine div#pages div#col_droite div#convertisseur div.convertisseur_texte_div {float: left; width: 65px; padding: 0 0 0 2px; margin: 1px 10px 0 0; height: 16px; border: 1px solid #a5acb2; background: #fff; font-family: Arial; font-size: 11px; line-height: 16px; color: #4b4b4b;}
div#clodine div#pages div#col_droite div#convertisseur select.choix {float: left; width: 195px; padding: 0; margin: 0 0 0 70px;}

div#clodine div#col_droite p#btnFacebook {
	margin: 0;
	padding: 0;
}

div#clodine div#col_droite p#btnFacebook a {
	background: transparent url('/emissions/toutsimplementclodine/images/col_droite/bg-facebook.jpg') 0 0 no-repeat;
	width: 300px;
	display: block;
	height: 0;
	padding: 64px 0 0 0;
	overflow: hidden;
	float: left;
}

/* /COLONNE DROITE */


/* APPEL À TOUS */
div#clodine.appelatous div#contenu {width: 637px;}

div#clodine.appelatous div#contenu form {float: left; padding: 5px 0 0 12px; margin: 0;}
div#clodine.appelatous div#contenu form label {line-height: 22px;}
div#clodine.appelatous div#contenu form input.btn {margin: 10px 0 0 0;}

div#clodine.appelatous div#contenu form p {padding: 0;}
div#clodine.appelatous div#contenu form span {font-size: 11px; color: #696969;}

div#clodine.appelatous div#contenu form div.infos p {float: left; width: 200px;}
div#clodine.appelatous div#contenu form div.infos input {float: left; width: 175px;}
div#clodine.appelatous div#contenu form div.infos select {font-size: 12px; height: 21px; width: 380px;}
div#clodine.appelatous div#contenu form div.infos  textarea {width: 377px; margin: 0 0 25px 0;}

div#clodine.appelatous div#contenu form div.piecesjointes a {line-height: 24px; margin: 0 0 0 10px; text-decoration: underline;}

div#clodine.appelatous div#contenu form div.droits {float: left; width: 377px; height: 120px; padding: 5px;  margin: 10px 0 0 0; overflow: auto; font-size: 11px; border: 1px solid #a5acb2;}
/* /APPEL À TOUS */


/* ENVOYER A UN AMI */
div#envoyezaunami {float: left; width: 529px; font-family: Arial; font-size: 12px; line-height: 16px; color: #4b4b4b; background: url(../images/header_envoyeraunami.jpg) no-repeat top;}

div#envoyezaunami .conteneur {float: left; width: 529px; padding: 0 0 27px 0; background: url(../images/footer_envoyeraunami.jpg) no-repeat bottom;}
div#envoyezaunami .conteneur h1 {float: left; width: 481px; padding: 75px 0 0 48px; margin: 0 0 10px 0; font-family: Arial; font-size: 22px; font-weight: normal; line-height: 22px; color: #307e38;}

div#envoyezaunami .conteneur a.btn {float: left; padding: 0 9px 0 9px; margin: 0; font-family: Arial; font-size: 11px; font-weight: bold; line-height: 20px; color: #fff; text-transform: uppercase; text-align: center; background: url(../images/bg_boutons.gif) repeat-x top;}
div#envoyezaunami .conteneur input.btn {float: right; width: 73px; height: 20px; border: 0; padding: 0; margin: 0 42px 0 0; font-family: Arial; font-size: 11px; font-weight: bold; line-height: 20px; color: #fff; text-transform: uppercase; text-align: center; background: url(../images/bg_boutons.gif) repeat-x top; cursor: pointer;}

div#envoyezaunami .conteneur form {float: left; width: 481px; padding: 0 0 0 48px; margin: 0;}
div#envoyezaunami .conteneur form label {float: left; width: 481px; padding: 25px 0 0 0;}
div#envoyezaunami .conteneur form input {float: left; padding: 0; margin: 5px 206px 0 0; width: 275px; height: 20px; font-family: Arial; font-size: 12px; line-height: 16px; color: #4b4b4b;}
div#envoyezaunami .conteneur form textarea {float: left; padding: 0; margin: 0 0 21px 0; width: 436px; height: 132px; font-family: Arial; font-size: 12px; line-height: 16px; color: #4b4b4b;}
div#envoyezaunami .conteneur form p {float: left; width: 275px; padding: 5px 0 0 0; margin: 0; font-size: 11px; color: #919191;}

div#envoyezaunami .conteneur .footer {float: left; padding: 50px 0 0 0; margin: 0; width: 529px; font-size: 11px; text-align: center;}
/* /ENVOYER A UN AMI */


/* POPUP IMPRIMER */
div#imprimer {float: left; width: 650px; padding: 0; margin: 0; font-family: Arial; font-size: 12px; line-height: 16px; color: #4b4b4b;}

div#imprimer td {font-family: Arial; font-size: 12px; line-height: 16px; color: #4b4b4b;}

div#imprimer h1 {font-size: 22px; font-weight: normal; line-height: 23px; color: #307e38;}
div#imprimer h2 {font-size: 16px; font-weight: normal; color: #307e38;}

div#imprimer a.btn {float: left; padding: 0 9px 0 9px; margin: 0 10px 0 0; font-family: Arial; font-size: 11px; font-weight: bold; line-height: 20px; color: #fff; text-transform: uppercase; text-align: center; background: url(../images/bg_boutons.gif) repeat-x top; text-decoration: none;}

div#imprimer {float: left; width: 620px; padding: 0 18px 0 12px; margin: 0;}
div#imprimer p {float: left; width: 100%; padding: 10px 0 0 0; margin: 0; font-family: Arial; font-size: 12px; line-height: 16px; color: #4b4b4b;}
div#imprimer h3 {float: left; padding: 0; margin: 5px 0 10px 0; font-size: 16px; font-weight: bold; color: #307e38;}
div#imprimer .images {float: left; width: 300px; padding: 10px 0 15px 0; background: url(../images/pointilles-vert.gif) repeat-x bottom;}
div#imprimer .bigbox {float: right; padding: 10px 0 0 0;}
div#imprimer .footer {float: left; padding: 50px 0 0 0; margin: 0; width: 650px; font-size: 11px; text-align: center;}
/* /POPUP IMPRIMER */


/* FOOTER */
div#clodine div#footer {float: left; width: 966px; height: 68px; padding: 0; margin: 70px 0 0 0; background: url(../images/bg_footer.jpg) no-repeat bottom;}
div#clodine div#footer div.liens {float: left; width: 315px; height: 68px; padding: 0 0 0 211px;}
div#clodine div#footer div.liens a {float: left; display: block; height: 0; padding: 68px 0 0 0; overflow: hidden;}
div#clodine div#footer div.liens a.tva {width: 113px;}
div#clodine div#footer div.liens a.tvaproductions {width: 202px;}
/* /FOOTER */