﻿/* Styles pour la mise en page globale */
body
{
    /*background-image : url("../Images/barre_fond.jpg") ;
    background-repeat : repeat; */
    
}

#MainTable
{
    width : 900px;
    margin-left : auto;
    margin-right : auto;
    border: solid 3px #001969;
}

/* Entête */
#Top_Row
{
    height:100px;
    background-image : url("../Images/banniere-degrade.jpg");
    background-repeat:no-repeat;
}

#TopLeft_Cell
{
    text-align:center;
}

#TopMiddle_Cell
{ 
}

/* Mis en forme de l'adresse*/ 
#Address_Table
{
    width : 100%;
    padding : 0;
}

#Address_Table_Left
{
     width:350px;
}

/* Conteneur de l'adresse*/
#Address_Table_Right
{
    font-size: 10pt;
    color: #004080;
}

#Address_Table_Right a
{
    color:White;
}



/* Barre de séparation entre entête et corps de la page */
#Top_Navigation_Row
{
    
}

#Top_Navigation_Left
{
   background-color: #79b6e0;  
}

#Top_Navigation_Right
{
   text-align : center;
   font-family : Trebuchet MS;  
   font-size : 12px;
   background-color: #79b6e0; 
}


/* Contour des différents emplacements */
#Top_Navigation_Right, #Top_Navigation_Left, #Top_Navigation_Row, #TopMiddle_Cell, #TopLeft_Cell, #Top_Row,
#MainTable, #Left_Navigation_Cell,#Contentholder_Cell, .Portlet
{
 
}

/*  Largeur commune des emplacements de droite */ 
#TopMiddle_Cell, #Top_Navigation_Right, #Contentholder_Cell
{
    width:700px;
} 


/* Menu gauche */
#Left_Navigation_Cell
{
    vertical-align:top;
    background-color:#e8f4ff;
    width : 200px;
    border-right : solid 1px #001969;
}


/* Eléments du menu gauche */
.Portlet
{
   width:100%;
   font-family : Book Antiqua;
   line-height : 16px;
   
}

/* Style de l'entête d'une rubrique du menu */
.Portlet H1
{
    color: #001969;
    font-size: 15px;
    padding : 2px 2px 2px 5px;
    border-bottom : solid 1px #001969;
    padding-top : 14px;
    vertical-align : middle; 
}

.Portlet a
{
  padding-left:15px;
  font-size : 13px;  
}

.Portlet a:link {
	/*color: #35a5ca;*/
	color: #001969;
	text-decoration: none;
}

.Portlet a:visited {
	color: #001969;
	text-decoration: none;
}

.Portlet a:hover {
	color: #001969;
	text-decoration: none;
	color : Green;  
}

.Portlet a:active {
	color: #001969;
	text-decoration: none;	
}


/* Contenu des pages */
#Contentholder_Cell
{
     text-align:left;
     background-color:White;
     padding : 10px 10px 10px 20px;
     vertical-align:top;
     font-family : Book Antiqua;
     font-size : 14px;    
}

#Contentholder_Cell H1
{
    color: #004080;
    font-size: 14pt;
    text-align : center;
}

#Contentholder_Cell H2
{
    color: #004080;
    font-size: 12pt;
    text-align : center;
}

/* Styles pour le contenu de la page : Polices, marges, fond, etc.*/
.Content_Statuts
{
    width : 100%;
    padding : 5px 5px 5px 5px;
}

.Content_Status h2
{
    text-align:center;
    font-size : 12px;
    color : #004080; 
}

/* Styles pour l'affichage des annonces*/
.Ad_Page_Title
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size : large;
    color : #001969;
    text-align : center;  
}
 
.Ad_Title
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:medium;
    color : #001969;
    font-weight : bold;
    text-align : left;
    height : 20px;
    border-bottom-style : dashed;
    border-bottom-color : #001969;
    border-bottom-width : thin;
    padding-left:10px; 
}

.Ad_Body
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    padding : 2px;
    margin-left : 2px;
    text-align : left; 
    border-color : #001969;
    border-width : medium;
    font-size : small;
    padding-left:20px;    
}

.Ad_Footer
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size : small;
    color : #001969;
    text-align : left; 
}

.Ad_Container
{
    width : 100%;
    border-width : thin;
    border-color : #001969;
    padding-left:20px;
    margin-left : auto;
    margin-right : auto;   
}


/* Styles pour le module de création de page et d'annonces*/
.PageAdmin_PageDataPanel
{
    width : 100%;
    height : 100%;
    background-color:#CCCCCC;
    margin:10px;
}

.PageAdmin_UploadStatusPanel
{
    padding:10px;
}

.PageAdmin_UploadStatusPanel_Error
{
    border-width:2px;
    border-color:Red;
    border-style:solid;
    padding : 10px;
    background-color:#FFCCCC;
    text-align:center;
    width:100%;
} 

.PageAdmin_UploadStatusPanel_OK
{
    border-width:2px;
    border-color:Green;
    border-style:solid;
    background-color:#CCFFCC;
    text-align:center; 
    width : 100%;
}

.PageAdmin_ButtonsPanel
{
    border-width:1px;
    border-color:#001969;
    border-style:solid;
    background-color:#79b6e0;
    text-align:center;
    width:80%;
    padding:10px; 
}

.PageAdmin_ContentPanel
{
    width: 100%;
   
}

.PageAdmin_Layout
{
    width:90%;
    text-align:center;
}

.PageAdmin_FormLayout
{
    width:100%;
    text-align: left;
    margin:10px;
}



/* Style pour les modules de gesion du site */
.Admin_H1
{
    text-align:center;
    font-size:18px;
    color:#001969;
    font-family: Book Antiqua;
    height:40px;
    border : solid 1px #001969;
    background-color : #79b6e0;
    vertical-align : middle;
    width:80%;
}

.Admin_H2
{
    text-align:left;
    font-size:16px;
    color:#001969;
    font-family: Book Antiqua;
    height:30px;
    border-top : solid 1px #001969;
    border-bottom : solid 1px #001969;
    width:80%; 
}

.Admin_Link:hover
{
    color: #000000; border: 5px solid green; background-color: #3399CC;
}

/* Styles pour les annonces */
.AdDisplay_Table
{
    vertical-align:middle;
    width : 100%;
    border:solid 2px #339999;
    margin-left : auto;
    margin-right : auto;
    margin-top : auto; 
}

.AdDisplay_Title_td
{
    background:#CCFFCC; 
    border-left : solid 20px #339999;
    padding : 10px;
    font-family : Book Antiqua;
    font-size : medium; 
}

.AdDisplay_Body_td
{
    font-family : Book Antiqua;
    font-size : small; 
    padding : 18px; 
}

.AdDisplay_Contact_td
{
    border-top:dashed 1px #339999;
    border-bottom:dashed 1px #339999;
    font-family : Book Antiqua;
    font-size : small;
    color :  #339999; 
    padding : 5px 18px 5px 18px; 
}

.AdDisplay_DatePub_td
{
    padding : 5px 18px 5px 18px;
    font-family : Book Antiqua;
    font-size : small; 
    color : #808080; 
}

.AdList_Item_Title
{
    background:#CCFFCC;
    border-bottom : solid 1px #001969;
    border-top : solid 1px #001969;
    border-left : solid 10px #001969;
    padding : 2px;
    font-family : Book Antiqua;
    font-size : 14px; 
}

.AdList_Item_Body
{
    padding:5px;
    font-size : 14px; 
    background:#CCFFCC;
    border-bottom : solid 1px #001969;
    border-top : solid 1px #001969;
}

.AdList_Item_Contact
{
    font-size : 12px;
    background:#CCFFCC;
    border-bottom : solid 1px #001969;
    border-top : solid 1px #001969;
}

.AdList_Item_DateStart
{
    font-size : 12px;
        background:#CCFFCC;
    border-bottom : solid 1px #001969;
    border-top : solid 1px #001969;
}

.AdList_Item_AdID
{
    font-size : 12px;
        background:#CCFFCC;
    border-bottom : solid 1px #001969;
    border-top : solid 1px #001969;
}

/* Styles pour l'affichage des documents */

.DocsList_CategoryHeader
{
    background:#CCFFCC;
    border-left : solid 20px #339999;
    padding : 2px;
    font-family : Book Antiqua;
    font-size : large; 
}

.DocsList_Table
{
    width : 100%;  
}

.DocsList_Item
{
    padding : 2px 2px 2px 20px; 
}



/*Styles utilisés dans la page des liens */
#Divers {
	position:relative;
	left:0px;
	top:0px;
	width:210px;
	height:133px;
	z-index:2;
}
#Meteo {
	position:relative;
	left:0px;
	top:0px;
	width:177px;
	height:93px;
	z-index:3;
}
#Leman {
	position:relative;
	left:0px;
	top:0px;
	width:400px;
	height:205px;
	z-index:1;
}

/* Styles de la galerie photos */
.Galery_Table
{
    padding : 5px;
    width : 80%;
    margin-left : auto;
    margin-right : auto;
}

.Galery_Table td
{
    border : solid 5px  #a9e0e0;  
    padding : 5px 5px 5px 5px;
}

/* Styles de la page de contacts */
.Contacts_Table
{
    width : 90%;
    margin-left : auto;
    margin-right : auto;
    font-size : 12px;
    
}

.Contacts_TD
{
     border : solid 1px #001969;
     padding-left : 5px;
     background-color : #e8f4ff;  
}


/* Styles de la page de login */
.Login_header
{
   
    text-align : center;
    font-size : 14px;
    font-weight : bold;
    height : 20px; 
    color : Red; 
    border : solid 2px Red; 
}

.Login_table
{
    width : 80%;
    border: 1px;
    margin-left:auto;
    margin-right:auto;
}

/* Styles pour l'affichage des users */
.UsersList_Table
{
    width:100%;
}

.UsersList_Header
{
    text-align : center;
    font-size : 16px;
    color : #001969; 
    background-color : #a9e0e0;
    padding : 3px;  
}

.UsersList_Name_td
{
    border : solid 1px #001969;
}

.UsersList_Mail_td
{
    border : solid 1px #001969;
}

.UsersList_LastLog_td
{
    border : solid 1px #001969;
}

.UsersList_Clm_Header
{
    text-align : left; 
    font-weight : bold; 
}


/* Styles des menus */

 
 .Menus_Layout
 {
    width : 100%;
    border-spacing : 10px;
    border-collapse: separate;
 }

/*
.Menu_Container
{
    width : 100%;
    border : solid 1px #001969;
    font-size : 11px;
    vertical-align : top; 
}
*/
.Menus_Header
{
    font-size : 13px;
    font-weight : bold;
    font-family : Comic Sans MS;
    color : #001969;
    text-align : center;
    border : solid 1px #001969;
    width : 50%;
}

.Menus_DishType
{
    
    border-bottom : solid 1px #001969;
    vertical-align : top;
    width : 50%;
    font-weight : bold; 
    color : Green;
}

.Menus_DishList
{
    vertical-align : top;
    width : 50%;
}

.Menus_Pizza
{
    color : Green;
    border-bottom : dashed 1px #001969;
    width : 50%;
}
