﻿
/*****************************MASTER PAGE****************************************************************/
body
{
    margin-top: 0px; /* ne marche pas*/
    background-image: url(..\images\portable.gif); /* ne marche pas*/
    font-family: Verdana,Arial,Helvetica,MS Sans-Serif;
    font-size: large; /*background-color:#E5F9FA;*/ /* background-color: #DFDDDE;*/ /* background-color:Transparent;*/
}
/*********CONTAINER   englobe    Bandeau ,newsletter,selection,nouveau,favoris,publicite,footer,contenu*************/
#container
{
    width: 980px;
    height: 1200px;
    position: relative;
    margin: auto;
    padding: 0px;
    border: 1px solid blue;
}


#bandeau
{
    text-align: center;
    width: 980px;
    height: 150px;
    position: absolute;
    padding: 0px;
    margin: 0px;
}

.bouton
{
    position: absolute;
    background-color: Silver;
}

#btacceuil
{
    top: 160px;
    left: 450px;
}
#btconnexion
{
    top: 160px;
    left: 850px;
}
#newsletter
{
    width: 120px;
    height: 100px;
    position: absolute;
    top: 200px; /* background-color: Lime;*/
    font: italic bold 12px Verdana,Arial,Helvetica,MS Sans-Serif;
     border:solid thin aqua;
    padding: 50px 10px 10px 20px;
    margin: 0px;
}


#selection
{
    width: 110px;
    height: 60px;
    position: absolute;
    top: 360px; /*  border:dashed thin aqua;*/ /* background-color: Green;*/
    font: italic bold 12px Verdana,Arial,Helvetica,MS Sans-Serif;
    border:solid thin green;
    padding:20px 20px  20px  20px ;
}

#nouveau
{
    width: 150px;
    height: 300px;
    position: absolute;
    top: 800px; /*  border:dashed thin aqua;*/ /*background-color: #C9DAED;*/
    left:780px;
}

#favoris
{
    width: 200px;
    height: 100px;
    position: absolute;
    
    top: 460px; 
     border:dashed thin olive; 
      /*  background-color: Fuchsia;*/
    font: italic bold 12px Verdana,Arial,Helvetica,MS Sans-Serif;
}

#publicite
{
    width: 200px;
    height: 300px;
    position: absolute;
    left: 780px;
    top: 300px; 
      border:dashed thin olive; /*   background-color: Navy;*/ 
}



#contenu
{
    width: 10px;
    height: 500px;
    position: absolute;
    left: 150px;
    top: 200px; /* background-color: Transparent;     border: dashed thin blue;*/
}

#footer
{
    width: 200px;
    height: 50px;
    position: absolute;
    top: 1100px; /*  border:dashed thin olive;*/
    background-color: Olive;
}



#menugauche
{
    padding: 0px;
    width: 800px;
    height: 300px;
    text-align: center;
    border: dashed thin orange;
}

/************************************ DEFAUT***************************************************************/
#divpanel
{
    width:630px;
    height:300px;
    position: absolute;
    top: 200px;
    left: 150px;
    text-align:center;
    line-height:140%;
    padding-top:50px;
  /*  background-color:Lime;*/
}
#intro
{
    font-weight: bolder;
    font-size: x-large;
    height: 300px;
    width: 340px;
    position: absolute;
    top: 500px;
    left: 150px;
    padding: 10px 10px 10px 10px;
    text-align: center;
}


#introdemandeur
{
    background-color: Yellow;
    
    position: absolute;
    top: 0px;
    left: 0px;
}
#introemployeur
{
    /* border:dashed thin olive;*/
   
   position: absolute;
    top: 0px;
    left: 340px;
    background-color: Teal;
}





/**************************************A VOIR*******************************************************/
#menubas
{
    border: dashed thin orange;
}

#menudemandeuremploi
{
    border: dashed thin orange;
}


