/********************************************************
 * Les Services Pratiques par Lagribouille.com ©2010	*
 * 														*
 * Rappel des couleurs principales						*
 * #F2F0DC : beige (fond de page)						*
 * #FEFDF0 : beige (fond de blocs)						*
 * #CF0D0D : rouge										*
 * #2F2A28 : liens										*
 ********************************************************/

/****************************************/
/* CLASSES GENERALES & COMMUNES DE BASE */
/* 		ET SPECIFIQUES AU SITE			*/
/****************************************/

body {
	background: #F2F0DC url(../images/top_bg.gif) repeat-x top left;
	font-family: "trebuchet ms", tahoma, verdana, arial, sans-serif;
	font-size: 15px;
	line-height: 19px;
	color: #5D5B46;
	text-align: justify;
}
a {
	text-decoration: none;
	color: #2F2A28;
}
a:hover {
	color: #444;
}
ul, li, ul li {
	list-style: none;
}
.nota {
	font-size: 12px !important;
	font-style: italic;
	line-height: 17px;
}
.margin_left {
	margin-left: 10px;
}

#header, #container {
	width: 1000px;
	margin: 0 auto;
}
.general_inner {
	 display: inline-block;
	 height: 100%;
}

/*** Personnalistion des boutons ***/
input[type="button"], input[type="submit"], input[type="reset"], .button {
	border: 1px solid #CDCAA3;
	padding: 2px 5px;
	background: url(../../admin/images/form.gif) repeat-x top left;
	cursor: pointer;
	font-size: 14px;
}
input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover, .button:hover {
	background: url(../../admin/images/formr.gif) repeat-x bottom left;
}
/***** Tooltips / info-bulles *****/
.tip-theme {
	padding: 1px 3px;
	border: 1px solid #CDCAA3;
	color: #5D5B46;
	background: #FEFDF0;
	font-size: 13px;
	margin-top: 8px;
}
.tip-theme-light p {
	margin: 0;
}

/*****************************************/
/* MISE EN PLACE DES "HEADERS" (h1 à h6) */
/*****************************************/
#container h1 {
	color: #CF0D0D;
	font-weight: normal;
	text-transform: lowercase;
}
.titre h2 {
	font-size: 22px;
	font-weight: normal;
	text-transform: lowercase;
}
.bloc_cont h1 {
	background: url(../images/ico_puzzle.jpg) no-repeat top left;
	padding-left: 38px;
	font-size: 22px;
	line-height: 29px;
	height: 29px;
	margin-bottom: 10px;
	text-align: left;
}
.bloc h5 {
	text-align: center;
	padding: 5px 0 20px;
	font-size: 18px;
	line-height: 20px
}

/*************************************/
/* MISE EN PLACE DE L'ENTETE DE PAGE */
/*************************************/
#header {
	height: 193px;
	margin: 10px auto;
	border-bottom: 1px solid #CDCAA3;
}
.header_left, .header_right, .header_cont {
	float: left;
	height: 193px;
}
.header_left, .header_right {
	width: 46px;
}
.header_left {
	background: url(../images/header_left.gif) no-repeat top left;
}
.header_right {
	background: url(../images/header_right.gif) no-repeat top left;
}
.header_cont {
	width: 908px;
	background: url(../images/header_cont.gif) repeat-x top left;
}
/*****  *****/
.header_top {
	display: inline-block;
	width: 100%;
	margin-top: 5px;
}
/***** "Mini-logo" lagribouille.com *****/
.header_top a.logo {
	float: left;
	height: 20px;
	color: #F2F0DC;
	font-weight: bold;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin-top: 2px;
}
.header_top a.logo strong {
	background: #000;
	padding: 3px 0 3px 5px;
	background: #CF0D0D;
}
.header_top a.logo span {
	background: #000;
	padding: 3px 3px 3px 0;
}
/***** Sous-menu d'en-tête *****/
.header_top ul {
	float: right;
	font-size: 13px;
	margin-top: 2px;
}
.header_top ul li {
	display: inline;
	background: #000;
	margin-left: 8px;
	padding: 2px 5px;
}
.header_top ul li:hover {
	padding: 2px 5px;
}
.header_top ul li a {
	color: #F2F0DC;
	display: inline;
	background: url(../images/bullet_red.gif) no-repeat center right;
	padding-right: 18px;
}
.header_top ul li:hover {
	color: #000;
	background: #CF0D0D;
}
.header_top ul li a:hover {
	background: url(../images/bullet_gray.gif) no-repeat center right;
	padding-right: 18px;
}
/***** Simili-bannière centrale *****/
.header_bann {
	clear: both;
	width: 780px;
	padding: 8px 30px;
	margin: 32px auto 0;
	height: 92px;
	background: #CF0D0D;
	color: #F2F0DC;
	outline: 1px dashed #CF0D0D;
}
.header_bann h1 {
	font-size: 30px;
	float: left !important;
	display: block !important;
	margin-top: 5px !important;
	line-height: 40px;
	font-weight: bold;
}
.header_bann h1 span {
	font-size: 124% !important;
	letter-spacing: -1px !important;
}
.header_bann img.logo {
	float: left;
	margin: 0 40px;
}
.header_bann .slogan {
	font-size: 16px;
	line-height: 19px;
	float: right;
	display: block;
	font-style: italic;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin-top: 15px;
}
.header_bann .slogan span {
	font-size: 120%;
	font-weight: bold;
	letter-spacing: -1px;
}

/*****************************/
/* CONTENEUR GENERAL DU SITE */
/*****************************/
#container {
	margin: 0 auto;
}
#menu, #services {
	float: left;
}

/******************************/
/* MENU DE NAVIGATION GENERAL */
/******************************/
#menu a {
	text-decoration: none;
	border: 0 !important;
}
#menu {
	width: 257px;
	padding: 10px 8px;
	margin-right: 10px;
	background: #FEFDF0 url(../images/menu_bg.gif) no-repeat top center;
	border: 1px solid #CDCAA3;
}
#menu h1 {
	font-size: 24px;
	line-height: 26px;
	padding-top: 2px;
	margin-bottom: 5px;
}
.titre {
	display: block;
	height: 58px;
	background: url(../images/ico_ecran.png) no-repeat 0 0;
	padding-left: 60px;
	margin-bottom: 20px;
}
#menu ul {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 15px;
	margin-bottom: 15px;
}
#menu ul li {
	margin: 0 0 7px 10px;
}
#menu ul li a {
	display: block;
	background: url(../images/bullet_red.gif) no-repeat center left;
	padding: 0 0 0 18px;
}
#menu ul li a:hover {
	background: url(../images/bullet_gray.gif) no-repeat center left;
	color: #CF0D0D;
}

#menu p.more {
	margin: 25px 0 10px 10px;
}
#menu p.more a {
	width: 245px;
	height: 21px;
	display: block;
	background: url(../images/retour.gif) no-repeat center center;
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
}
#menu p.more a:hover {
	color: #FDF6B6;
	text-decoration: none;
}

/***************************************/
/* MISE EN PLACE DU CONTENU DE LA PAGE */
/***************************************/
#services {
	width: 715px;
}

/***** Mise en place des blocs *****/
.bloc {
	background: #FEFDF0 url(../images/bloc_bg.gif) no-repeat top right;
	float: left;
	margin-bottom: 10px;
	border: 1px solid #CDCAA3;
}
.bloc_cont {
	background: url(../images/bloc_pad.gif) no-repeat top left;
	padding: 10px;
}
.bloc_cont p {
	margin-bottom: 10px;
}
.bloc_cont p.nota {
	margin-bottom: 0;
}

/*** Définition des blocs en fonction des infos à afficher ***/
.large { /* pour un bloc sur toute la longueur */
	width: 693px;
}
.height_max { /* pour un bloc d'une hauteur maxi de celle du menu */
	height: 517px;
	max-height: 517px;
	overflow-y: auto;
	overflow-x: hidden;
}

/*** Page d'accueil ***/
.ephemeride, .infos_perso, .creation, .moment {
	height: 125px;
} 
.ephemeride {
	width: 205px;
}
.infos_perso {
	width: 456px;
}
.auteur_img {
	float:left;
	margin: 0 20px 0 30px;
	width: 90px;
	height: 120px;
	padding: 2px;
	border: 1px solid #CDCAA3;
}
.citation_txt {
	float:left;
	width: 520px;
	min-height: 120px;
	padding-top: 5px;
}
.creation {
	width: 311px;
}
.moment {
	width: 350px;
}
.moment p {
	line-height: 24px;
	padding: 0 15px;
	margin-top: 5px;
}
.moment a {
	text-decoration: underline;
}

/*** Page infos et actus ***/
.actu {
	line-height: 15px;
	padding: 0 10px;
}
.actu br {
	clear: both;
}
.actu img {
	float: left;
	margin-right: 8px;
}
.actu .mf-viral {
	/*clear: both;*/
}
.actu div[align="right"] {
	/*margin-top: -40px;
	margin-bottom: 15px;*/
}
.actu div[align="right"] a {
	margin-top: 10px;
}

/*** Page horoscope ***/
.zodiac_gauche, .zodiac_droite {
	float: left;
	margin-top: 5px;
}
.zodiac_gauche {
	text-align: center;
	width: 52%;
	padding-bottom: 4px;
}
.zodiac_gauche input[type="text"], .zodiac_gauche select, .zodiac_droite input[type="text"] {
	margin-left: 5px;
}
.zodiac_droite {
	width: 48%;
	padding-top: 15px;
}
.zodiac_droite span {
	display: block;
	width: 190px;
	text-align: right;
	float: left;
}

.horosc_gauche, .horosc_droite {
	float: left;
	margin: 10px 0 7px 0;
}
.horosc_gauche {
	width: 280px;
	height: 270px;
	border-right: 1px solid #CDCAA3;
	padding: 10px 1% 0 0.5%;
}
.zodiac_img {
	float: left;
	width: 25%;
	text-align: center;
	font-size: 13px;
}
.zodiac_img img {
	width: 55px;
	margin: 3px 0 5px;
}
.zodiac_img a {
	height: 1px;
	line-height: 1px;
	font-size: 1px;
}

.horosc_droite {
	display: inline-block;
	width: 385px;
	padding: 20px 0 10px 15px;
	line-height: 22px;
}
.horosc_droite p.horosc_titre {
	font-size: 26px;
	text-align: center;
	margin-top: 20px;
	line-height: 40px;
}
.script {
	height: 208px !important;
	max-height: 208px !important;
	overflow: hidden;
}
.script p {
	margin-bottom: 50px;
}

/*** Page outils linguistiques ***/
.dico_tv5 {
	margin-left: 120px;
}
.dico_tv5 .bloc_cont {
	padding-bottom: 5px;
}
.dico_tv5 form {
	display: inline-block;
}
.dico_tv5 input[type="text"], .dico_tv5 select {
	width: 130px;
	float: left;
	margin: 10px 10px 0 5px;
}
.dico_tv5 input[type="image"], .dico_tv5 img {
	float: left;
	margin: 5px 10px 0 5px;
	height: 29px;
}

.conjugueur p, .traducteur p {
	font-size: 90%;
	line-height: 17px;
}

.traducteur form {
	float: left;
	margin: 0 20px 10px 30px;
}
.traducteur p {
	margin-bottom: 0;
}
.traducteur textarea {
	width: 480px;
	height: 100px;
	margin-bottom: 8px;
}
.traducteur img {
	float: left;
	width: 150px;
	margin-top: 20px;
}

/*** Page outils de conversions ***/
.conv_menu {
	margin: 10px 10px 5px 20px;
}
.conv_menu li {
	list-style: circle;
}
.conv_menu li a {
	display: block;
	padding-bottom: 2px;
	font-size: 90%;
}
.conv_menu li a:hover {
	text-decoration: underline;
}

.bloc_conv {
	width: 505px;
	float: right;
}
.bloc_conv .bloc {
	margin-bottom: 0;
}

.bloc_conv .label, .bloc_conv .input, .bloc_conv .input_select {
	float: left;
	margin-bottom: 10px;
}
.bloc_conv .label {
	clear: both;
	width: 115px;
	text-align: right;
	margin-right: 8px;
}
.bloc_conv .input {
	width: 155px;
}
.bloc_conv .input input[type="text"] {
	width: 100%;
}
.bloc_conv .input_select {
	width: 50%;
}

.bloc_temperature, .bloc_masse, .bloc_longueur, .bloc_energie, .bloc_temps, .bloc_pourcent, .bloc_devise {
	width: 310px;
	margin-left: 100px;
}

/* calculatrice */
.bloc_calcul {
	margin-left: 130px;
}
.bloc_calcul input[name="txt"] {
	text-align: right;
	padding-right: 5px;
	margin-top: 10px;
	width: 160px;
}
.bloc_calcul input[type="button"] {
	margin: 3px;
}
.bloc_calcul div.racine, .bloc_calcul div.nombre, .bloc_calcul div.calcul {
	float: left;
	margin-top: 10px;
}
.bloc_calcul div.racine, .bloc_calcul div.calcul {
	width: 50px;
}
.bloc_calcul .racine input[type="button"], .bloc_calcul .calcul input[type="button"] {
	width: 40px;
}
.bloc_calcul div.nombre {
	width: 125px;
}
.bloc_calcul .nombre input[type="button"] {
	width: 25px;
}
.bloc_calcul .total {
	width: 100%;
	text-align: right;
}
.bloc_calcul input#info {
	width: 170px;
}
/* température */
.bloc_temperature select {
	margin: 12px 0;
}

/* pourcentages */
.bloc_pourcent input[type="text"] {
	width: 55px;
}

/* devises */
.bloc_devise h5 img {
	width: 30px;
	height: 30px;
	border: 0;
	vertical-align: middle;
}

/*** Page sorties cine ***/
.selec_cine {
	width: 420px;
	text-align: center;
	font-weight: bold;
	border: 2px dotted #CDCAA3;
	margin: 0 auto 15px;
	padding: 5px 10px 0;
}
.sorties_cine iframe {
	width: 100%;
	height: 315px;
	margin: 0;
	padding: 0;
	border: 0 none;
}

/*** Page reductions web 
.reducs_code {
	line-height: 16px !important;
	margin-left: 100px;
}
.reducs_code a {
	background: url(../images/square.gif) no-repeat center left !important;
	padding-left: 15px;
}
.reducs_code a:hover {
	text-decoration: underline;
}
.reducs p.nota{
	margin-bottom: 6px;
}
***/

/*** Page Lune et fuseaux horaires ***/
.bloc_lune {
	float: left;
}
.bloc_lune .bloc {
	float: left;
	margin-left: 40px;
}
.bloc_lune .fleft {
	font-size: 90%;
	font-style: italic;
	margin-top: 5px;
	margin-left: 10px;
}
.bloc_lune .img_lune {
	float: left;
	width: 250px;
	height: 173px;
	padding: 1px;
	text-align: center;
	margin-left: 30px;
	background: transparent url(../images/lune/lunes.jpg) repeat center center;
}
.img_lune img {
	height: 165px;
}

/*** Page recherches et annuaires ***/
.rch_logo, .rch_champs {
	float: left;
	margin-bottom: 5px;
}
.rch_logo {
	clear: both;
	width: 220px;
	height: 60px;
	text-align: center;
}
.rch_champs {
	height: 40px;
	padding-top: 15px;
}
.rch_champs input[type="text"] {
	width: 320px;
}

.annu_inv form {
	margin: 0 0 15px 15px;
}
.annu_inv form input[type="text"] {
	width: 140px;
	margin-left: 10px;
}
/*
.pblanches, .pjaunes {
	text-align: center;
	padding: 0;
	width: 340px;
	height: 270px;
}
.pblanches p, .pjaunes p {
	font-weight: bold;
	padding-top: 10px;
	margin-bottom: 15px;
}
*/
/*** Nom des div de form fournis par pages jaunes (inscrites dans le DOM)
#N0_formulaire_heberge_par_1b_h, .N1_formulaire_heberge_par_1b_b, 
#N0_formulaire_heberge_pro_1_h, .N1_formulaire_heberge_pro_b {
	margin-left: 5px !important;
}
input.N2_btn_trouver_pj {margin: 0;}
***/

/*** Page Coin detente ; jeux ***/
.ico_jeux {
	width: 70px;
	text-align: center;
}
.ico_jeux p {
	font-size: 13px;
	line-height: 15px;
	padding-top: 5px;
	margin-bottom: 0;
}
.ico_jeux img {
	width: 44px;
}

.bloc_jeu {
	width: 591px;
}

.jeu_caption {
	width: 25%;
	float: left;
	text-align: center;
	margin-bottom: 10px;
}
.jeu_caption img {
	width: 100px;
	height: 100px;
}

.sudoku {
	margin-left: 50px;
}
.script_puzzle {
	width: 240px;
	margin-left: 165px;
}
.frogger {
	padding: 20px 30px 0;
}
.frogger span {
	margin: 0 10px 0 5px;
}

/* Morpion */
.morpion_grille {
	float: left;
	margin: 0 30px 0 50px;
}
.morpion_scores {
	float: left;
	margin-top: 40px;
}
.morpion_scores input {
	margin-right: 10px;
	text-align: center;
	width: 40px;
}
/* Space invaders */
.invaders_present, .invaders_infos {
	padding: 15px 15px 0;
}
.invaders_present {
	margin-top: 10px;
}
.invaders_infos p {
	font-size: 14px;
}
.invaders_infos img {
	vertical-align: middle;
	padding: 5px;
	background: #000;
	border: 2px solid #D5C19E;
	height: 20px;
}

/* Pendu */
.img_pendu {
	width: 150px;
	border: 2px solid #D5C19E;
	padding: 3px;
}
.class1 {
	width: 30px;
	height: 30px;
	background-color: #D5C19E;
	color: #D5C19E;
	font-size: 42px
}
.class2 {
	height: 30px;
	background-color: #6699FF;
}
.class3 {
	background-color: #42546C;
	cursor: pointer;
	height: 30px;
	color: #F2F0DC;
	font-size: 16px;
}
.class3 span {
	display: block;
}
.class4 {
	font-size: 20px;
	font-weight: bold;
	width: 40px;
}
.class5 {
	background-color: #D5C19E;
	height: 30px;
	cursor: pointer;
	color: #42546C;
	font-size: 14px;
}
.class5 input {
	margin-left: 10px;
}
.class6 {
	background-color: #FEFDF0;
	cursor: default;
}
label {
	cursor: pointer;
}

/* Paires (memory) */
.paires {
	width: 480px;
	margin: 0 auto;
}
.paires img {
	width: 65px;
	height: 55px;
	margin: 0 5px 5px;
}
form[name="messMem"] input[type="text"] {
	width: 350px;
}

/*** Page Declaratron (DAO) ***/
.declaratron {
	text-align: center;
}
.declaratron textarea {
	margin-bottom: 10px;
}
.declaratron table {
	margin:0 auto;
	border-collapse: collapse;
	border: 1px solid #CDCAA3;
}
.declaratron td {
	border: 1px dashed #CDCAA3;
	padding: 8px;
}

/*** Page Autres in-utilitaires ***/
.decompte {
	width: 345px;
}

.cetait {
	width: 316px;
}

/*********************************/
/* MISE EN PLACE DU PIED DE PAGE */
/*********************************/
.ui-layout-south {
	background: url(../images/footer_bg.gif) repeat-x top left;
	text-align: center;
	font-size: 13px;
	color: #F2F0DC;
}
.ui-layout-south p {
	padding-top: 13px;
}
.ui-layout-south span {
	background: url(../images/bullet_red.gif) no-repeat center left;
	padding-left: 15px;
	padding-right: 5px;
}
.ui-layout-south a {
	color: #F2F0DC;
	font-weight: bold;
	font-style: italic;
}
.ui-layout-south a:hover {
	text-decoration: underline;
}

/*************************************/
/* MISE EN PLACE DE LA PAGE D'ERREUR */
/*************************************/
.erreur h1 {
	background-image: url(../images/alert.png) !important;
}