

 

body

{

        background-color:black;

        background-image: url("./images/background11.jpg");

        background-repeat: no-repeat;

        background-attachment: fixed;

        background-position: top center;

 

        color:#FDBE13;

 

        /* taille et centrage du contenu de la page */

        width: 800px;

        margin: auto;

        margin-top: 10px;

        margin-bottom: 20px;

 

//      font-family: verdana;

        font-family: arial;

}

 

/************La banniere************/

 

#logo

{

        width: 800px; 

        heigth: 200px;

        text-align: center;

        margin-top: 120px;

}

 

#pics

{

        float: right;

}

 

#banner_logo

{

        width: 130px; 

        float: left;

}

 

 

#banner_menu a

{

        text-decoration: none; /* Les liens ne sont plus soulignés */

        color: #FCF09D; /* Les liens sont crème au lieu de bleu */

        font-size: 1.2em;

        font-family: "comic sans ms", arial;

        font-style: italic;

//      background-image: url("../images/menu_bckgnd_01.png");

//      background-repeat: repeat-x;

}

 

#banner_menu a:hover /* Quand le visiteur pointe sur le lien */

{

        color:#FDBE13;

        font-style: normal;

//      font-weight: bold;

}

 

#banner_menu a:visited /* Quand le visiteur pointe sur le lien */

{

 

}

 

#banner_menu a:focus

{

 

}

 

 

/************Model presentation************/

 

#model_picture_bloc

{

        margin-top: 30px;

        text-align: center;

        width: 350px; 

        heigth: 500px;

        float: left;

}

 

#model_introduction_text

{

        margin-left: 350px;

        width: 450px; 

        text-align: justify;

        margin-bottom: 20px;

}

 

.information

{

        text-align: center;

        font-style: italic;

}

 

 

/************Model panels pictures************/

 

#panels_picture

{

        width: 350px; 

        float: right;

        vertical-align: middle;

        padding-top: 50px;

}

 

 

/************Model features************/

 

#features_bloc

{

        width: 400px; 

        text-align: justify;

}

 

 

/************Model building information************/

 

#inner_picture

{

        text-align: center;

        width: 350px; 

        float: left;

        padding-top: 50px;

}

 

#building_information

{

        margin-left: 350px;

        width: 450px; 

        text-align: justify;

}

 

#building_information p

{

        text-indent: 20px;

}

 

#pied_de_page

{

        margin-top: 20px;

        font-size: 0.75em;

        text-align: center;

       

}

 

/************horizontal separation bloc************/

#h_separation

{

        width: 790px;

        margin: auto;

        margin-top: 20px;

        background-image: url("../images/small_stars.png");

        background-repeat: repeat-x;

}

 

 

/************Links behaviour************/

 

a

{

        text-decoration: none; /* Les liens ne sont pas soulignés */

        color: red; /* Les liens sont en rouge au lieu de bleu */

}

 

a:hover /* Quand le visiteur pointe sur le lien */

{

        text-decoration: underline; /* Le lien est souligné quand on pointe dessus */

}

 

a:visited /* Quand le visiteur a déjà vu la page concernée */

{

        color: #5A1761;

}

 

.remarks

{

        font-size: 0.8em;

        font-style: italic;

}

 

a img

{

        border: none;

}

 

/************Titles************/

h2

{

        text-align: center;

        font-size: 1.3em;

        background-image: url("../images/menu_bckgnd_01.png");

        background-repeat: repeat-x;

}

 

h3

{

        font-size: 1.3em;

}

 

h4

{

        font-size: 1.2em;

}

 

#product_family

{

//      padding-left: 10px;

}

 

#product_family table

{

        margin-left: 45px;

}

 

/*

#product_family ul

{

        margin-left: 0px;

        list-style-image: url("../images/small_star.png");

}*/

 

#product_item

{

        width: 250px;

        heigth: 50px;

//      float: left;

//      margin-left: 20px;

        margin-bottom: 20px;

}

 

#product_item_pic

{

        float: left;

//      margin-top: 20px;

}

 

#product_item_title

{

        width: 150px;

        margin-left: 80px;

//      padding: auto;

        padding-top: 5px;

}

 

#product_item_title a

{

        text-decoration: none; /* Les liens ne sont plus soulignés */

//      color: #FCF09D; /* Les liens sont crème au lieu de bleu */

        color:#FDBE13;

//      font-size: 1.2em;

//      font-family: "comic sans ms", arial;

        font-family: arial;

        font-style: italic;

        font-weight: bold;

}

 

#product_item_title a:hover /* Quand le visiteur pointe sur le lien */

{

        color: red;

//      font-style: italic;

//      font-weight: bold;

}

 
