/* Ce fichier définit le style visuel pour les différents éléments du site.
 * Dans l'ordre, vous trouverez les regles qui définissent le design pour:
 * - les elements HTML en general
 * - le container
 *   - le main
 *     - top
 *       - logo
 *       - pub
 *     - tabs
 *       - navcontainer
 *       - content
 *         - title-page
 *         - login
 *     - footer
 *       - links-interns
 *       - copyright
 *   - la sidebar
 *
 * L'agengement des blocs est défini dans le fichier layout.css
 *
 */

@import "styles_restomaville-layout.css";

/* Les éléments HTML en général
-------------------------------------------------------- */
* {
/*    border: 0;*/
    font-size: 1em;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    color: #000000;
}

html, body {
	font: 12px verdana, arial, helvetica, sans-serif;
	background: #FFFFFF;
}
p {
 	clear: both;
    padding-top: 1em;
    padding-bottom: 1em;
    text-align: center;
    line-height: 1.3em;
}
.xxsmall {
    font-size: xx-small;
}

a {
    text-decoration: underline;   
    color: #70614D;
/*    font-weight: bold;*/
}
a:hover {
    text-decoration: none;
}
a img {
    border:none;
}
* input{
    text-align: center;
    width: auto;
}
.option{
    margin-left: 0.5em;
}
table {
    /* This is not a typo, we want first set a fallback for IE, then set the
    * real margin for real browsers ;) */
    margin: 0 5%;
    margin: 0 auto;
    border: thin solid #70614D;
    border-collapse: collapse;
    width: 80%;
    text-align: center;
}

th {
   padding: 4px;
/*    width: 50%;*/
   border: thin solid #70614D;
   background-color: #FFCC66;
   color: #70614D;
   white-space: nowrap;
}

td {
   padding: 5px;
/*    width: 50%;*/
   border: thin solid #70614D;
   background-color: #ffffff;
   color: #000000;
   text-align: center;
}

.errorMessage {
    border: 0px;
    color: #aa0000;
    text-align: center;
    padding: 10px 0px;
}
.errorMessage li {
    color: #aa0000;
    list-style-type: none;    
}
.justify{
	text-align:justify;
}
.left{
	text-align:left;
}

/* DEBUT des DIV du layout
-------------------------------------------------------- */
#container {
}
#main {
}
#sidebar {
    background-color: #FFFFFF;
	text-align: center;
    border: 0px solid #000000;
}
#sidebar p{
    font-weight: bold;
    padding: 0px 0px;
}

#top {
	background: #FFFFFF;
}
#logo {
	border: none;
	border-right: 1px solid #000000;
}
#pub {
		padding-top: 5px;
		padding-right: 0px;
/*    font-size: 0.7em;
    letter-spacing: 0.2em;
	border: none;
	line-height: 1.7em;*/
}
#tabs {
}
    #navcontainer {
    }
    #navcontainer ul {
        float: left;
        width: 100%;
        padding-left: 0;
        margin-left: 0;
        background-color: #FFCC66;
    }
    #navcontainer ul li {
        display: inline;
    }
    #navcontainer ul li a {
        float: left;
        padding: 0.2em 1em;
        border-right: 1px solid white;
/*        color: #70614D;*/
        text-decoration: none;
        font-weight: bold;
    }
    #navcontainer ul li a:hover
    {
        background-color: #FF9900;
/*        color: #70614D;*/
    }
    #navcontainer ul li.current a:visited {
        background-color: #FF9900;
/*        color: #70614D;*/
    }
#content, #content-DEV, #content-RE7 {
    background-color: #FFF6BF;
	background-repeat: repeat-y;	
}
#content-DEV {
	background-image: url('../img/restomaville/fond-DEV.jpg');
}
#content-RE7 {
	background-image: url('../img/restomaville/fond-RE7.jpg');
}
#title-page {
    margin: 25px;
    font-size: 1.5em;
    text-align: center; 
}
#login { 
/* 	clear: both;*/
/*	padding-top: 10px;*/
	width: 80%;
    margin-left: auto;
    margin-right: auto;
}
#footer {
	background-color: #FFCC66;
}
#links-interns {
}
#copyright {
}
/* FIN des DIV du layout
-------------------------------------------------------- */

#loginFormTpl {
/* 	clear: both;*/
/*	padding-top: 10px;*/
/*    margin-left: 13em;*/
    text-align: center;
}
#loginFormTpl fieldset{
    border: 0;
}
#loginFormTpl table {
    white-space: nowrap;
    margin-bottom:1em;
    width:18em;
}
#loginFormTpl table input {
    padding-left: 0.5em;
    text-align: left;
    width: 7em;
}

.narrowButton{
    width: auto;
    padding: 0.1em 0.3em;
}
/* Les styles communs
-------------------------------------------------------- */
.strong {
    font-weight: bold;
}
div.spacer {
 	clear: both;
}
.centre {
    margin-top: 1em;
    margin-bottom: 1em;
    text-align: center;
}
.row {
    clear:both;
    margin: 0;
	padding-top: 10px;
	width: 100%;
}
.row span.label {
 	float: left;
}
.row span.formw {
    float: right;
 	text-align: left;
}

.bouton {
    padding: 0px;
    border: solid 1px #70614D;
    text-align: center;
/*    font-size: 1em;*/
    color: #70614D;
    font-weight: bold; 
    background: #FF9900;
    height: 20px;
    width: auto;
/*    text-transform: lowercase;*/
	font-variant: small-caps;
    letter-spacing: 1px;
}
.bouton:hover {
    color: #FFFFFF;
    border: solid 1px #FFFFFF;
    background: #FF9900;
    cursor: pointer;
}

/* LES PAGES du DIV "content"
-------------------------------------------------------- */
/* "accueil.tpl"
-------------------------------------------------------- */
#haut {
/*    width: 100%;*/
    overflow: auto;
    margin-bottom: 30px;
}
#rapid-search-container {
    float: left;
    margin-top: 0px;
/*    margin-right: 25px;*/
    padding: 0px;
}
.rapid-search {
    width: 350px;
}
.rapid-search select {
	width: 15em;
    height: 1.5em;
}
#edito-container {
  	background-color: #FFF6BF;
    float: right;
    border-style: solid;
    border-width: 1px;
    border-color: #70614D;    
    padding: 10px;
}
.edito {
    width: 430px;
    line-height: 1.3em;
/*    text-align: justify;*/
}
#compteurs-container {
/*    clear:both;*/
    line-height: 1.5em;
/*    float: right;
    padding-top: 10px;*/
}
.compteurs {
    width: 124px;
}
#lastaddedrestos-container, #lastaddedavis-container {
    clear:both;
    float: left;
    padding-left: 25px;
    padding-top: 10px;
}
.lastadded {
    width: 300px;
}
#menu-container {
    clear:both;
    float: left;
    padding-left: 25px;
    padding-top: 10px;
}
.menu {
    width: 300px; 
}
#actualite-container, #offre-container {
    clear:both;
    float: left;
    padding-left: 25px;
    padding-top: 10px;
}
.actualite {
    width: 300px; 
}
.titre, .titreresult {
    padding: 5px;
	color: #000000;    
    background-color: #FF9900;
    text-align: center;
    font-weight: bold;
    border-style: solid;
    border-width: 1px 1px 0px 1px;
    border-color: #70614D;
}
.titreresult {
    border-width: 1px 1px 1px 1px;
}
.box {
    overflow: auto;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #70614D;
    padding: 0px 10px 5px 10px;
    background-color: #FFCC66;
    font-size: 0.9em;
    text-align: left;
    line-height: 1.5em;
}
.boxascenceur {
    overflow: auto;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #70614D;
    padding: 0px 10px 5px 10px;
    background-color: #FFCC66;
    font-size: 0.9em;
    text-align: left;
    line-height: 1.5em;
    height: 7.5em;
}
#job-container {
/* centrage du container */
    margin-left: auto;
    margin-right: auto;
    width: 700px;
/* correction de l'alignement de la page (body) */
    text-align: left;
}
.job {
    overflow: auto;
	padding: 0px 10px 0px 0px; 
    width: 700px;
    font-size: 0.9em;
    line-height: 1.5em;
    height: 35em;
}

.dt {
    font-size: 0.8em;
    padding: 2px 5px;
}


/* "Rechercher un resto"
-------------------------------------------------------- */
#pager *{
    text-align: center;
    border-style: none;
    /*border-color: #70614D;*/
}
#pager table {
    width: 600px;
    margin-top:0.5em;
    margin-bottom:0.5em;
}
#pager table td{
    border: 1px solid #70614D;
}
#search-container {
/* centrage du container */
    margin-top: 50px;
    margin-left: auto;
    margin-right: auto;
    width: 350px;
/* correction de l'alignement de la page (body) */
    text-align: center;
}
.search {
    width: 350px;
}
.search select {
	width: 15em;
	text-align: left;
}

/* "resto.list.tpl"
-------------------------------------------------------- */
#result-container {
/* centrage du container */
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
    width: 700px;
/* correction de l'alignement de la page (body) */
    text-align: center;
}
#result{
	margin: 1em auto;
	width: 700px;
/*	border: 1px solid;	*/
	text-align: center;
}
.rowresult {
    clear:both;
    margin: 0px;
	padding-top: 10px;
	width: 100%;
}
div.rowresult span.nom {
 	float: left;
 	text-align: left;
/* 	font-weight: bold;*/
	color: #000000;
 	width: 33%;
/* 	border-bottom: 1px solid;*/
 	height : 21px;
 	font-size: 1.4em;
 	font-family: "Arial Black";
 }
div.rowresult span.nom a {
	color: #70614D;
	font-weight: none;
 }

div.rowresult span.pseudo {
 	float: right;
 	text-align: right;
/* 	font-weight: bold;*/
 	color: #000;
 	width: 33%;
/* 	border-bottom: 1px solid;*/
 	height : 21px;
 }
 
div.rowresult span.note {
 	float: left;
 	text-align: right;
 	font-weight: bold;
 	color: #000;
 	width: 32%;
/*ù 	border-bottom: 1px solid;*/
 	height : 21px;
 } 

div.rowresult span.teladresse {
 	float: left;
 	text-align: left;
/* 	font-weight: bold;*/
 	color: #000;
 	width: 33%;
 	height : 60px;
 }
 
div.rowresult span.cuisineprix {
 	float: left;
 	text-align: right;
 	font-weight: bold;
 	color: #000;
 	width: 32%;
 	height : 60px;
}

/* "resto.detail.tpl"
-------------------------------------------------------- */
#container-left {
    float: left;
}
#container-right {
    float: right;
}
#container-detail {
    margin-bottom: 10px;
    padding: 10px;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #70614D;
    background-color: #FFCC66;
}
.infos {
    width: 350px;
    line-height: 1.3em;
    text-align: left;
}
span.dates {
    font-style: italic;
    font-size: 0.8em;
    text-align: left;
}
.notes {
    width: 360px;
    line-height: 1.5em;
    text-align: right;
}
.message {
    width: 350px;
    line-height: 1.3em;
    text-align: justify;
}
.presentation {
    width: 350px;
    line-height: 1.3em;
    text-align: justify;
}
.carte {
    width: 350px;
    line-height: 1.3em;
    text-align: left;
    font-size: 0.8em; 
}
.avis {
/*    width: 360px;*/
    width: 720px;
    line-height: 1.3em;
    text-align: left;
}
.pratique {
    width: 360px;
    line-height: 1.5em;
    text-align: left;
}

#contact-container {
/* centrage du container */
    margin-left: auto;
    margin-right: auto;
    width: 500px;
/* correction de l'alignement de la page (body) */
    text-align: center;
}
.contact {
    width: 500px;
}
.contact .titre {
    line-height: 1.5em;
}

#liens-container {
/* centrage du container */
    margin-left: auto;
    margin-right: auto;
    width: 700px;
/* correction de l'alignement de la page (body) */
    text-align: center;
}
.liens {
    width: 700px;
}
.liens td{
    padding: 5px;
}
#mentions-container {
/* centrage du container */
    margin-left: auto;
    margin-right: auto;
    width: 680px;
/* correction de l'alignement de la page (body) */
    text-align: center;
}
.mentions {
    width: 680px;
}
.mentions h1{
    font-size: 1.2em;
    font-weight: bold;
    margin: 0;
    padding-top: 4px;
    padding-bottom: 4px;
}
.mentions span{
    text-decoration: underline;
}
.mentions ul {
    margin: 5px;
    padding-left: 1em;
}

.identification {
    line-height: 1.3em;
}
.inscription {
    line-height: 1.3em;
    margin-left: 70px;
    margin-bottom: 15px;
}
.inscription ul {
    margin: 5px;
    padding-left: 1em;
}
.note select {
	width: 4em;
	text-align: left;
}
.leaderboard{
/*background: url(../images/restomaville/pubBg.gif) no-repeat;*/
/*float: left;*/
/*padding-top:10px;
padding-bottom:10px;*/
/*width:950px;*/
}