/* MISE EN FORME  GENERALE DES PAGES */
body
{
width: 95%;
margin: auto;
margin-top: 15px;
margin-bottom: 30px;
font-family: "trebuchet ms", "comic sans ms", georgia, arial;
background-image: url("../images/fond.png");
background-repeat: repeat-y;
}

#slogan_fr {
color: rgb(168,71,21);
font-size: 1.2em;
text-align: center;
margin: 0;
margin-bottom: 10px;
padding: 0;
}
#slogan_ang {
color: rgb(168,71,21);
font-size: 1em;
font-style: italic;
text-align: center;
margin: 0;
margin-bottom: 10px;
}
#date {
text-align: right;
font-size: 0.6em;
}


/* MISE EN FORME DE LA BANNIERE*/
#baniere_logo {
width: 210px;
height: 180px;
margin: auto;
margin-bottom: 0;
background-image: url("../images/banniere_logo_red.png");
background-repeat: no-repeat;
}



/* MISE EN FORME DU MENU HORIZONTAL*/
#menu_horizontal
{
width: 100%;
height: 60px;
margin: 0;
padding: 0;
margin-bottom: 40px;
}
#menu_horizontal li
{
line-height: 60px;
list-style-type: none;
margin:2px;
padding:0;
}
.bouton_gauche1
{
float: left;
padding: 0 5em 0 1.5em;
}
.bouton_gauche2
{
float: left;
padding: 0 0.5em 0;
}
.bouton_droit
{
float: right;
padding: 0 1.5em 0 0.5em;
}

/*Les liens normaux*/
#menu_horizontal a {
color: rgb(0,0,0);
padding:10px 10px 10px 10px;
border-bottom: 3px solid rgb(228,173,69);
font-weight: normal;
text-decoration: none;
font-size: 0.7em;
}

/*Les liens au survol et rubrique en cours*/
#menu_horizontal a:hover, #menu_horizontal #selected a {
color: white;
background: rgb(169,118,24);
border-bottom: 3px solid rgb(171,80,24);
font-weight: normal;
text-decoration: none;
}



/* MISE EN FORME DU MENU VERTICAL*/
#panneau_gauche
{
clear: left;
width: 21%;
float: left;
margin: 0;
margin-top: 80px;
}
#menu_page, #point_broderie 
{
background-color: rgb(228,173,69);
}
#links 
{
margin-top: 60px;
}
h3.titre_lien {
font-size: 0.65em;
}
#menu_page h1{
font-size: 0.7em;
font-weight: bold;
margin: 0;
padding: 0;
padding-left: 5px;
border-top: solid 2px white;
}
#page_courante{
font-size: 0.7em;
font-weight: bold;
color : white;
margin: 0;
padding: 0;
padding-left: 5px;
border-top: solid 2px white;
background-color: rgb(169,118,24);
}
#menu_page ul
{
background: rgb(111,142,64);
border-bottom: 0.2em solid rgb(111,142,64);
border-right: 0.2em solid rgb(111,142,64);
padding: 0;
margin: 0;
}
#menu_page li
{
list-style: none;
margin: 0;
margin-bottom: 0.5em;
}
#menu_page img
{
padding-right: 0.5em;
border: none;
}

/*Mise en forme des liens*/
#menu_page a
{
display: block;
text-decoration: none;
margin-bottom: 0.5em;
margin-top: 0.5em;
color: black;
font-size: 0.7em;
background: rgb(174,201,135);
border-width: 1px;
border-style: solid;
border-color: rgb(198,215,166) rgb(58,74,34) rgb(95,117,53) rgb(111,142,64);
border-left: 0.5em solid rgb(95,117,53);
padding: 0.25em 0.5em 0.4em 0em;
}
#menu_page ul a{/* necessaire seulement pour Internet Explorer */
width: 90%;
}

/*Liens au survol */
#menu_page a:hover
{
background-color: rgb(103,128,57);
border-color: rgb(95,117,53) rgb(198,215,166) rgb(198,215,166) rgb(95,117,53);
padding: 0.4em 0.35em 0.25em 0.2em;
color: rgb(239,151,63);
font-style: italic;
}



/*MISE EN FORME DU CORPS DE LA PAGE D'ACCUEIL*/

#corps_accueil {
margin-top: 40px;
margin-left: 0;
margin-right: 0;
margin-bottom: 0px;
}
#menu_general {
width: 60%;
}
.cercle1 {
margin-left: 20px;
margin-bottom: 80px;
}
.cercle2 {
margin-left: 50px;
margin-bottom: 80px;
}
.vignette {
height: 120px;
width: 110px;
float: left;
}
.img_accueil {
border: none;
margin: 0;
margin-right: 20px;
}
#corps_accueil li {
list-style-type: none;
font-size: 0.8em;
}
#corps_accueil  ul {
margin: 0;
padding: 0;
}
#corps_accueil h1 {
font-size: 0.8em;
text-transform: uppercase;
margin: 0;
padding: 0;
}
#corps_accueil h2 {
font-size: 1.2em;
font-weight: bold;
font-style: italic;
color: rgb(77,143,73);
margin: 0;
margin-bottom: 2px;
}
#corps_accueil li a, h1 a {
text-decoration: none;
color: black;
}
#corps_accueil li a:hover {
font-variant: small-caps;
color: rgb(171,80,24);
font-size: 1.2em;
}

#presentation {
width: 33%;
position: absolute;
top: 360px;
right: 1%;
font-size: 0.8em;
font-style: italic;
line-height: 2em;
text-indent: 15px;
padding: 40px;
text-align: justify;
background: url("../images/arabesque2.png") repeat-y;
}
#presentation strong {
color: rgb(246,102,14);
}
#presentation .francais {
margin: 0;
}
#presentation .english {
margin: 0;
margin-top: 30px;
font-weight: bold;
}


/*MISE EN FORME DU CORPS DE LA PAGE DES TECHNIQUES DE BRODERIE*/
#point {
margin: 0;
margin-left: 50px;
}
#point_broderie
{
border:none;
margin-bottom: 20px;
}



/*MISE EN FORME DU CORPS DE LA PAGE "CONTACT"*/
#fin li {
display: inline;
padding: 0 0.5em;
}
#fin {
margin: 0;
margin-bottom: 20px;
padding: 0;
list-style-type: none;
text-align: center;
}
.email {
color: rgb(171,80,24);
}
.coordonnee {
text-align: center;
font-style: italic;
}


/*MISE EN FORME DU CORPS DES PAGES STANDARDS*/

#corps
{
margin-bottom: 100px;
margin-left: 22%;
padding: 0 1.2em;
border: none;
border-left: solid 3px rgb(228,173,69); 
text-align: justify;
}

/*Mise en forme des paragraphes et des titres */
#corps p
{
font-size: 0.9em;
margin-top: 0;
padding: 0;
}
.ref  {
font-style: italic;
font-weight: bold;
color: rgb(77,143,73);
text-decoration: none;
margin-bottom: 0;
}
.ref a {
font-style: italic;
font-weight: bold;
color: rgb(77,143,73);
text-decoration: none;
margin-bottom: 0;
}
.prix
{
font-weight: bold;
color: rgb(21,200,30);
}
.vendu
{
font-weight: bold;
color: red;
text-decoration: blink;
}
#corps .english {
margin-top: 20px;
font-size: 13px;
font-weight: bold;
font-style: italic;
}
.francais:first-letter
{
font-size: 2em;
font-style: italic;
color: rgb(77,143,73);
}
.english:first-letter
{
font-size: 2em;
font-style: italic;
color: rgb(232,12,0);
}
#corps h1
{
font-size: 1.5em;
font-variant: small-caps;
font-weight: bold;
line-height: 9px;
color: rgb(171,80,24);
text-align: center;
}
#corps h2
{
font-size: 0.8em;
color: rgb(171,80,24);
font-weight: normal;
text-align: center;
margin-bottom: 30px;
border-bottom: solid 1px rgb(228,173,69);
}
#corps h3
{
font-size: 1.2em;
font-weight: bold;
font-style: italic;
color: rgb(131,61,18);
margin-top: 50px;
margin-bottom: 30px;
}

/*Mise en forme des blocks "ouvrage" dans le corps */
.position1
{
margin-bottom: 100px;
min-height : 160px;
}
.position1 .photo_ouvrage
{
width: 204px;
height:153px;
margin: 0 2em 1em 0;
float: left;
}
.position1 .photo_ouvrage_inv
{
width: 153px;
height:204px;
margin: 0 2em 1em 0;
float: left;
}
.position2
{
margin-bottom: 100px;
min-height : 160px;
}
.position2 .photo_ouvrage
{
width: 204px;
height:153px;
margin: 0 0 1em 2em;
float: right;
}
.position2 .photo_ouvrage_inv
{
width: 153px;
height:204px;
margin: 0 0 1em 2em;
float: right;
}
.photo_ouvrage a img
{
border: 6px double;
border-color: rgb(174,201,135);
}
.photo_ouvrage_inv a img
{
border: 6px double;
border-color: rgb(174,201,135);
}


/*Mise en forme des images en début de paragraphe*/
.image_flottante_droite
{
float: right;
margin-left: 1em;
padding: 0;
}
.image_flottante_gauche
{
float: left;
margin-right: 1em;
padding: 0;
}

#lienpartenaire {
font-style: italic;
font-weight: bold;
text-transform: uppercase;
text-decoration: none;
text-align: center;
}

/*MISE EN FORME DU PIED DE PAGE*/
#pied_de_page
{
clear: left;
margin-top: 120px;
margin-bottom: 20px;
border-top: solid 1px rgb(228,173,69);
font-size: 0.75em;
}
#pied_de_page a img {
border: none;
}
#pied_de_page p {
text-align: center;
}
#pied_de_page a {
color: black;
text-decoration: none;
}
#pied_de_page li {
display: inline;
padding: 0 0.2em;
}
#pied_de_page ul {
margin: 0;
margin-bottom: 20px;
padding: 0;
list-style-type: none;
text-align: center;
}

/*MISE EN FORME DU TABLEAU DES PRIX*/

.tableau /* Le titre des tarifs */
{
margin-top: 50px;
margin-bottom: 30px;
border-top: solid 1px rgb(228,173,69);
padding-top: 50px;
}

caption /* Titre du tableau */
{
   margin: auto; /* Centre le titre du tableau */
   font-family: "trebuchet ms", "comic sans ms", georgia, arial;
   font-weight: bold;
   font-size: 1.2em;
   color: rgb(41,151,4);
   margin-bottom: 15px; /* Pour éviter que le titre ne soit trop collé au tableau en-dessous */
   margin-top: 15px;
}

table /* Le tableau en lui-même */
{
   margin: auto;
   margin-bottom: 20px;   /* Centre le tableau */
   border: 4px outset rgb(0,79,0); /* Bordure du tableau avec effet 3D (outset) */
   border-collapse: collapse; /* Colle les bordures entre elles */
}

th /* Les cellules d'en-tête */
{
   background-color: rgb(0,117,0);
   border: 1px solid black;
   color: white;
   font-size: 0.8em;
   padding: 2px;
}

td /* Les cellules normales */
{
   border: 1px solid black;
   font-size: 0.7em;
   text-align: center; /* Tous les textes des cellules seront centrés*/
   padding: 5px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
}

#corps .cliq_lien
{
text-align: center;
font-size: 0.7em;
}
.cliq_lien a
{
text-decoration: none;
color: black;
}

table a
{
text-decoration: none;
color: rgb(171,80,24);
font-weight: bolder;
}
.exemplaire
{
font-weight: bold;
}

/*MISE EN FORME DU TABLEAU DES LETTRES FORMAT MINUSCULE*/


#lettre /* Le tableau en lui-même */
{
width: 700px;
margin: auto;
margin-bottom: 20px;   /* Centre le tableau */
border: 2px black; /* Bordure du tableau */
border-collapse: collapse; /* Colle les bordures entre elles */
background-color: white;
}

#lettre caption /* Titre du tableau */
{
margin: auto; /* Centre le titre du tableau */
font-family: "trebuchet ms", "comic sans ms", georgia, arial;
font-weight: bold;
font-size: 1.2em;
color: rgb(115,115,115);
margin-bottom: 15px; /* Pour éviter que le titre ne soit trop collé au tableau en-dessous */
margin-top: 15px;
}
#lettre th /* Les cellules d'en-tête */
{
background-color: rgb(108,108,108);
border: 1px solid black;
color: white;
font-size: 0.7em;
padding: 2px;
text-align: left;
}

#lettre td /* Les cellules image */
{
border: 1px solid black;
text-align: center; /* Tous les textes des cellules seront centrés*/
padding: 5px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
}
#lettre .texte /* Les cellules normales */
{
border: 1px solid black;
font-size: 0.7em;
text-align: left; /* Tous les textes des cellules seront centrés*/
padding: 5px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
}