/*Traitement de l'ensemble de la feuille*/
body
{
background-color: #EEE9DC;
background-image: url(../photos-site/fond5.jpg);
background-repeat: repeat-x;
color: #4D4743;
font-family: Verdana, 'Trebuchet MS', Arial, Helvetica, sans-serif;
font-size: 0.9em;
margin: left;
margin-top: 0px; /* Pour coller avec le haut de la fen�tre du navigateur. */
margin-bottom: 0px;
background-position: top left;
width: 1000px;
margin: auto;
padding-bottom: 20px;
}

/*Traitement des liens*/
a:link, a:visited
{
color: #0047BA;
text-decoration: underline;
}
a:hover
{ color: #B02D05;
text-decoration: underline; }
/*fin liens*/

/*Traitement du menu*/
#menu
{
margin: 0; padding: 0;
background-image: url(../photos-site/degradvertinv.jpg);
background-repeat: repeat-x;
margin-left:0px;
padding-left: 20px;
margin-top: 0px;
margin-bottom: 0px;
padding-top: 5px;
padding-bottom: 5px;
clear: both;
}
#menu li
{
display: inline;
margin-right: 0.5em; padding-right: 0.75em;
border-right: 1px solid #CFB7B7;
font-weight: bold;
}

#menu li a
{
color: #FFE9D2;
text-decoration: none;
}

#menu li a:hover
{
color: #B02D05;
text-decoration: underline;
}

#menu_famille
{

background-image: url(../photos-site/degradmaron.jpg);
background-repeat: repeat-x;
margin-top: 0px;
margin-bottom: 0px;
padding-top: 5px;
padding-bottom: 5px;
margin-left: 215px;
padding-left: 20px;
}
#menu_famille li
{
display: inline;
margin-right: 0.5em; padding-right: 0.75em;
border-right: 1px solid #CFB7B7;
font-weight: bold;
}

#menu_famille li a
{
color: #FFE9D2;
text-decoration: none;
}

#menu_famille li a:hover
{
color: #B02D05;
text-decoration: underline;
}

#espace_famille
{
padding-top: 10px;
text-align: center;
}

/*Note de pied de page*/
#pied_de_page
{
clear: both;
}

/*Traitement du menu du bas*/

#bas_de_page
{
clear: both;
background: #8B8075;
line-height: 0.5em;
margin-top: 50px;
margin-bottom: 0px;
padding: 7px;
font-size: 0.7em;
}

#bas_de_page li
{
display: inline;
margin-right: 0.5em; padding-right: 0.75em;
border-right: 1px solid  #FFE9D2;

}

#bas_de_page li a
{
color: #FFE9D2;
text-decoration: underline;
}

/*Traitement de la prŽsentation des options de connections dans la barre de menu*/

#connect
{
background: #8B8075;
margin-top: 0px;
margin-bottom: 10px;
margin-left: auto;
padding-top: 5px;
padding-bottom: 5px;
padding-right: 10px;
line-height: 0.5em;
font-size: 0.8em;
text-align: right;
width: 400px;
}
#connect li
{
display: inline;
margin-left: 0.5em; padding-left: 0.75em;
border-left: 1px solid #CFB7B7;
}

#connect li a
{
color: #FFE9D2;
text-decoration: none;
}

#connect li a:hover
{
color: #B02D05;
text-decoration: underline;
}

.float_left
{
float: left;
text-align: center;
padding: 10px;
margin-top: 0px;
padding-top: 0px;
width: 140px;

}

.titre
{
padding: 20px;
padding-bottom: 50px;
}

.titre h1
{
padding-top: 40px;
}

.clear_left
{
clear: left;
}

/*gestion des listes*/
li
{
padding: 0px;
margin: 0px;
list-style: none;
}

.liste_esp_img li
{
margin: 10px;
line-height: 1.5em;
list-style-image: url("../photos-site/Billegris10.png");
}

.disc li
{
list-style: disc inside;
}

#en_tete
{
margin: 0; padding: 0;
padding-top: 37px;
margin: 0px;
}

.contenu_entete
{
margin: 0px;
padding-left: 40px;
height: 64px;
}

.en_tete_img
{
width: 386px;
float: left;
}

#en_tete form
{
margin: 0px;
margin-left: 620px;
padding: 0px 0px 5px;
}

/* Ici je traite la forme de tous les titres des blocks qui sont des titres h3*/
h3
{
margin:0px;
color: #E8E3D9;
text-align: center;
margin-left:-5px;
margin-right:-5px;
margin-top: 0px;
font-size: 1.5 em;
padding-bottom: 0.5em;
padding-top: 0.7em;
}

/*Traitement de la taille du titre h1*/
h1
{
font-size: 1.4em;
color: #514A44;
}

/*Traitement de la couleur du titre h2*/
h2
{
color: #728188;
}
.espace-haut-10
{
margin: 0px;
padding: 10px 0px 0px 0px;
}
.espace-haut-50
{
margin: 0px;
padding: 50px 0px 0px 0px;
}

.film .titre .auteur
{
color: #728188;
text-align: center;
font-size: 1.2em;
font-weight: bold;
}

.h_bleu
{
font-size: 1.8em;
color: #728188;
text-align: center;
}
/*Traitement de la taille des cellules de tableau*/
.width100
{
width: 100%;
}

.width60
{
width: 60%;
}

.width55
{
width: 55%;
}

.width45
{
width: 45%;
}

.width40
{
width: 40%;
}

.width40centre
{
width: 40%;
text-align: center;
}

.width30
{
width: 30%;
}

.width10
{
width: 10%;
}

.width15
{
width: 15%;
}

.width130heigh130
{
width: 130px;
height: 130px;
}

.width100heigh100
{
width: 100px;
height: 100px;
}
/*Fin de traitement de la taille des cellules de tableau*/
.text_normal
{
line-height: 1em; 
font-size: 1em;
}
.text_left
{
text-align: left;
}

.text_bleu
{
color: #0047BA;
}
.retrait-gauche
{
margin-left: 200px;
margin-top: 60px;
}

.retrait-gauche_loisir
{
margin-left: 100px;
margin-top: 60px;
}

.centrer h5
{
margin: 0;
}


/*Diminution de la taille de caract�re pour le span "date"*/
.texte_rouge
{
color: #B02D05;
}

.texte_rouge_gras_centrer
{
color: #B02D05;
text-align: center;
font-weight: bold;
}

.alerte
{
text-align: center;
font-weight: bold;
line-height: 1.5em;
font-size: 1.2em;
color: #B02D05;
}

.alerte-logo
{
line-height: 1.5em;
font-size: 1.0em;
color: #B02D05;
background-color: white;
background-image: url(../photos-site/attention.png);
background-position: 20px 15px;
background-repeat: no-repeat;
border: 2px solid #8B8075;
vertical-align: middle;
padding: 20px 20px 20px 80px;
margin-bottom: 50px;
}

.logo_attention
{
width: 70px;
float: left;
margin-bottom: 10px;
margin-left: 20px;
}

.texte_logo_attention
{
margin-left: 70px;
padding-top: 10px;
}

.centrer-blanc
{
background: white;
font-weight: bold;
color: #B02D05;
text-align: center;
padding-bottom: 20px;
padding-top: 10px;
}

.date
{
font-size: 0.8em;
color: #728188;
}

/*centrer le texte avec le span "centrer"*/
.centrer
{
text-align: center;
}

.separateur
{
text-align: center;
}
.separateur img
{
border: none;
}

.indent20
{
padding-left: 80px;
}

.indent15
{
padding-left: 40px;
}

/*gestion de la diminution de taille*/
.medium
{
font-size: 0.9em;
}

.text_bigger
{
font-size: 1.2em;
}

.petit
{
color: gray;
font-size: 0.8em;
}

.petit_p_small
{
color: gray;
font-size: 0.8em;
padding: 0px 0px 5px 0px;
margin: 0px;
text-align: left;
}

.legende
{
font-size: 0.8em;
padding: 0px 10px;
}

.petit_centrer
{
color: gray;
font-size: 0.8em;
text-align: center;
}
.petit_blanc
{
color: white;
font-size: 0.8em;
}

.texte
{
padding-top: 2em;
}
.uppercase
{
text-transform: uppercase;
}

.grand_gras
{
font-weight: bold;
line-height: 1.5em;
font-size: 1.2em;
}

/*Gestion de 2 liens alignŽs sur une ligne*/
.lien2_gauche
{
width: 500px;
text-align: center;
float: left;
}

.lien2_droit
{
margin-left: 500px;
width: 500px;
text-align: center;
}

/*encadrŽ blanc*/
.fond_blanc .cote_droit
{
background: url("../photos-site/bordure-cadre/blanc/d.png") right repeat-y;
margin: 0px;
padding: 0px;
padding-right: 10px;
}

.fond_blanc .cote_gauche
{
background: url("../photos-site/bordure-cadre/blanc/g.png") left repeat-y;
margin: 0px;
padding: 0px;
padding-left: 10px;

}

.fond_blanc .coin_hg
{
background: url("../photos-site/bordure-cadre/blanc/hg.png") left top no-repeat;
padding-left: 29px;
}

.fond_blanc .coin_hd
{
background: url("../photos-site/bordure-cadre/blanc/hd.png") right top no-repeat;
padding-right: 36px;
height: 29px;
}

.fond_blanc .bordure_h
{
background: url("../photos-site/bordure-cadre/blanc/h.png") repeat-x top;
height: 29px;
}

.fond_blanc .coin_bg
{
background: url("../photos-site/bordure-cadre/blanc/bg.png") left top no-repeat;
padding-left: 29px;
height: 36px;
}

.fond_blanc .coin_bd
{
background: url("../photos-site/bordure-cadre/blanc/bd.png") right top no-repeat;
padding-right: 36px;
height: 36px;
}

.fond_blanc .bordure_b
{
background: url("../photos-site/bordure-cadre/blanc/b.png") repeat-x top;
height: 36px;
}



/* encadrŽs bleus*/
.titre_bleu .cote_droit
{
background: url("../photos-site/bordure-cadre/bleu/d.png") right repeat-y;
margin: 0px;
padding: 0px;
padding-right: 10px;
}

.titre_bleu .cote_gauche
{
background: url("../photos-site/bordure-cadre/bleu/g.png") left repeat-y;
margin: 0px;
padding: 0px;
padding-left: 10px;

}

.titre_bleu .coin_hg
{
background: url("../photos-site/bordure-cadre/bleu/hg.png") left top no-repeat;
padding-left: 12px;
}

.titre_bleu .coin_hd
{
background: url("../photos-site/bordure-cadre/bleu/hd.png") right top no-repeat;
padding-right: 12px;
}

.titre_bleu .bordure_h
{
background: url("../photos-site/bordure-cadre/bleu/h.png") repeat-x top;
height: 12px;
}

.titre_encadre
{
padding: 0px;
margin: 0px;
}

.titre_bleu
{
margin: 0px;
padding: 0px;
}

.titre_bleu h3
{
background-color: #4C6068;
padding-top: 0px;
margin-top: 0px;

}


/*Gestion des titres encadrŽs marons*/
.titre_maron .cote_droit
{
background: url("../photos-site/bordure-cadre/maron/d.png") right repeat-y;
margin: 0px;
padding: 0px;
padding-right: 10px;
}

.titre_maron .cote_gauche
{
background: url("../photos-site/bordure-cadre/maron/g.png") left repeat-y;
margin: 0px;
padding: 0px;
padding-left: 10px;

}

.titre_maron .coin_hg
{
background: url("../photos-site/bordure-cadre/maron/hg.png") left top no-repeat;
padding-left: 12px;
}

.titre_maron .coin_hd
{
background: url("../photos-site/bordure-cadre/maron/hd.png") right top no-repeat;
padding-right: 12px;
}

.titre_maron .bordure_h
{
background: url("../photos-site/bordure-cadre/maron/h.png") repeat-x top;
height: 12px;
}


.titre_maron
{
margin: 0px;
padding: 0px;
}

.titre_maron h3
{
background-color: #4C6068;
padding-top: 0px;
margin-top: 0px;

}

/*La zone de contenu*/
#contenu
{
clear: both;
padding-top: 10px;
}

/* Ici je vais traiter tous les cas pour le block de gauche*/
#blocks_gauche_general
{
background-color: none;
width: 300px;
float: left;
margin-bottom: 20px;
margin-left: 0px;
padding-top: 10px;
}


#blocks_gauche
{
background-color: none;
width: 200px;
float: left;
margin-bottom: 20px;
margin-left: 0px;
padding-top: 10px;
}

.blocks_gauche_photo
{
background-color: none;
width: 200px;
float: left;
margin-bottom: 20px;
margin-left: 0px;
padding-top: 10px;
}

/*Premier block*/
.block1g
{
margin: 0px 0px 0px 0px;
padding: 0px 0px 10px 0px;
}

.texte_block1g_general
{
border: 1px solid #728188;
color:#4D4743;
margin-top: 0px;
margin-bottom: 5px;
padding: 5px 7px 5px 7px;
text-align: justify;
}

.texte_block1g
{
background-image: url("../photos-site/bordure-cadre/bleu/coinpage.jpg");
background-position: bottom right;
background-repeat: no-repeat;
background-color:#728188;
color:#E9E2DE;
margin-top: 0px;
margin-bottom: 5px;
padding: 5px 7px 5px 7px;
text-align: justify;
}



/*Deuxi�me block*/
.block2g
{
margin: 0px 0px 0px 0px;
padding: 0px 0px 10px 0px;
}

.block2g h3, .block1d h3
{
background-color:#4D4743;
}

.texte_block2g_general
{
border: 1px solid #8B8075;
color:#4D4743;
margin-bottom: 5px;
padding: 5px 5px 10px 5px;
}

.texte_block2g
{
background-image: url("../photos-site/bordure-cadre/maron/coinpage.jpg");
background-position: bottom right;
background-repeat: no-repeat;
background-color: #8B8075;
color:#E9E2DE;
margin-bottom: 5px;
padding: 5px 5px 10px 5px;
}


.block2g ul
{
padding: 0px 0px 0px 10px;
margin: 0px;
margin-bottom: 5px;
}

.block2g li, .block3g li, .block1d li, .block2d li
{
list-style-image: url("../photos-site/Billegris10.png");
margin-bottom: 5px;
margin-left: 10px;
}

h3 img
{
border: 1px solid #728188;
padding: 3px;
margin:  0px 5px;
vertical-align: middle;
}


/*Troisi�me block*/
.block3g-famille
{display: none;
}

.texte_block3g_general
{
border: 1px solid #728188;
margin-bottom: 5px;
padding: 5px 5px 10px 5px;
}

.texte_block3g
{
background-image: url("../photos-site/bordure-cadre/bleu/coinpage.jpg");
background-position: bottom right;
background-repeat: no-repeat;
background-color:#728188;
color:#E9E2DE;
margin-bottom: 5px;
padding: 5px 5px 10px 5px;
}

.block3g ul
{
padding: 0px 0px 0px 10px;
margin: 0px;
margin-bottom: 5px;
}


/* Traitement du bloc central */
#block_central_general
{
margin: 5px;
margin-left: 305px;
margin-right: 300px;
margin-bottom: 20px;
}

#block_central
{
margin: 5px;
margin-left: 215px;
margin-right: 210px;
margin-bottom: 20px;
}

#block1c_general, .block1c_general
{
background-color: white;
padding: 15px;
width: 320px;
margin: 0px;
}

#block1c
{
background-color: white;
padding: 15px;
width: 510px;
margin: 0px;
}

#block1c h1, #block2c h1, #block3c h1
{
color: #4C6068;
border-bottom: 2px solid #985B2E;
border-top: 2px solid #985B2E;
line-height: 1.5em; 
background-image: url("../photos-site/tetra.jpg");
background-repeat: no-repeat;
background-position: center left;
padding-left: 30px;
}

#block2c_general, #block3c_general
{
background-color: white;
padding: 15px;
width: 320px;
margin: 0px;
}

#block2c
{
background-color: white;
padding: 15px;
width: 510px;
margin: 0px;
}



#block3c
{
background-color: white;
padding: 15px;
width: 510px;
margin: 0px;
}

#block1c img
{
float: right;
padding: 10px;
}


/*traitement du block de droite*/
#block_droite_general
{
background-color: none;
width: 300px;
float: right;
margin-bottom: 20px;
margin-right: 0px;
padding-top: 10px;
}

#block_droite
{
background-color: none;
width: 200px;
float: right;
margin-bottom: 20px;
margin-right: 0px;
padding-top: 10px;
}

#block_droite_nofloat
{
background-color: none;
margin-left: 800px;
margin-bottom: 20px;
margin-right: 0px;
padding-top: 10px;
}

#hist-photo
{
background-color: none;
margin-left: 800px;
margin-bottom: 20px;
margin-right: 0px;
padding-top: 10px;
}

.texte_pleine_page_gauche_float
{
float: left;
width: 760px;
margin-bottom: 20px;
margin-top: 0px;
padding: 0em 1em;
text-align: justify;
}

/* Premier block de droite*/
.block1d
{
margin: 0px 0px 0px 0px;
padding: 0px 0px 10px 0px;
}

.texte_block1d_general
{
border: 1px solid #8B8075;
margin-bottom: 5px;
padding: 5px 5px 10px 5px;
}


.texte_block1d
{
background-image: url("../photos-site/bordure-cadre/maron/coinpage.jpg");
background-position: bottom right;
background-repeat: no-repeat;
background-color: #8B8075;
color:#E9E2DE;
margin-bottom: 5px;
padding: 5px 5px 10px 5px;
}


.block1d ul
{
padding: 0px 0px 0px 10px;
margin: 0px;
margin-bottom: 5px;
}


/* Deuxi�me block de droite*/
.block2d
{
margin: 0px 0px 0px 0px;
padding: 0px 0px 10px 0px;
}

.texte_block2d_general
{
border: 1px solid #728188;
margin-bottom: 5px;
padding: 5px 5px 10px 5px;
}


.texte_block2d
{
background-image: url("../photos-site/bordure-cadre/bleu/coinpage.jpg");
background-position: bottom right;
background-repeat: no-repeat;
background-color:#728188;
color:#E9E2DE;
margin-bottom: 5px;
padding: 5px 5px 10px 5px;
}

.block2d ul
{
padding: 10px 0px 0px 10px;
margin: 0px;
margin-bottom: 5px;
}

/* Troisi�me block de droite*/
.block3d
{
display: none;
background-color: white;
border: 1px solid #8F4545;
margin-bottom: 5px;
padding-left: 5px;
padding-top: 0px;
padding-right: 5px;
}

.block3d ul
{
padding: 0px 0px 0px 10px;
margin: 0px;
margin-bottom: 5px;
}

.block_astuce
{
border: 1px solid #728188;
color:#4D4743;
margin-top: 0px;
margin-bottom: 5px;
padding: 15px 7px 10px 7px;
background-color: white;
font-size: 0.9em;
}

.block_astuce ul li
{
list-style: disc;
margin-bottom: 12px;
margin-left: 9px;
}

.medium_20padding_left
{
padding: 0px;
margin: 20px;
font-size: 0.9em;
}
.medium_20padding_left li
{
padding: 0px 0px 5px 0px;
margin: 0px;
list-style-image: url("../photos-site/billebleue.png");
list-style-position: outside;
}


/*encadrŽ famille-index*/
.bille_bleue li
{
list-style-image: url("../photos-site/billebleue.png");
line-height: 2em;
}
#blanc_famille
{
background-color: white;
border: 1px solid #728188;
padding: 5px 5px 5px 5px;
}

#blanc_famille p, #blanc_famille li
{
font-size: 0.9em;
margin: 5px 10px;
}

#blanc_famille ul
{
margin: 0px 10px;
padding: 0px;
}

#blanc_famille .bille_bleue
{
margin: 0px 10px;
padding: 0px;
}

#blanc_famille .bille_bleue li
{
margin: 10px 10px;
padding: 0px;
line-height: 1em;
}

/*La gestion des blocks de 2 colonnes*/

#deux_colonnes
{
padding-top: 0px;
}

.deux_colonnes_photo
{
padding-top: 0px;
}

/*Ici la gestion des pages pleines pages*/
.texte_pleine_page
{
margin-left: 215px;
margin-bottom: 20px;
margin-top: 0px;
padding: 0em 1em;
text-align: justify;
}

.texte_pleine_page_gauche, .texte_pleine_page_gauche_photo
{
margin-right: 215px;
margin-bottom: 20px;
margin-top: 0px;
padding: 0em 1em;
text-align: justify;
}

.texte_pleine_page h1,.texte_pleine_page_gauche h1,.texte_pleine_page_gauche_float h1
{
text-align: center;
margin-top: 1em;
margin-bottom: 3em;
}

.texte_pleine_page_gauche_photo h1
{
text-align: center;
margin-top: 1em;
margin-bottom: 1em;
}

.liens_similaires
{

margin-bottom: 20px;
padding: 1em;
padding-top: 0;
border: 1px solid #728188;
}

.liens_similaires ul
{
line-height: 2;
}


.texte_pleine_page liens_similaires h1
{
font-size: bigger;
}

#minichat
{
margin: 0px;
padding: 0px;
}

/*L'espace des photos*/
.album_photos
{
text-align: justify;
padding: 2em;
clear: both;
}

.photo_150
{
text-align: center;
}

img
{
border: none;
}

p a img
{
border: none;
text-decoration: none;
vertical-align: middle;
}

p img
{
border: 1px solid silver;
padding: 6px;
}

.bouton-gauche
{
border: 5px ridge #8F4545;
background-color: #CFB7B7;
width: 150px;
text-align: center;
padding: 5px;
float: left;
margin-bottom: 30px;
}

.bouton-droite
{
border: 5px ridge #8F4545;
background-color: #CFB7B7;
width: 150px;
text-align: center;
padding: 5px;
float: right;
margin-bottom: 30px;
}

/*Gestion de la page pour entrer les messages*/
#zone_message h1
{
margin: 10px 0px 10px;
}

.cadre_message_fam
{
border: none;
border-bottom: 3px groove maroon;
margin: 0px;
}

.border_top
{
border-top: 1px solid #B2BBC6;
font-size: 0.9em;
color: #4C6068;
}

.capitale
{
text-transform: capitalize;
}

.capitale_paragraphe:first-letter
{
text-transform: capitalize;
}

/*Gestion de la prŽsentation des pages photos et selection-photo*/
#block_tout_choix
{
margin-right: 20px;
background-color: white;
}

#zone_recherche
{
margin: 20px 0px;
}

#visu_toutes_photos
{
float: right;
width: 230px;
}

#choix
{
background-color: white;
padding: 25px;
margin-right: auto;
width: 435px;

}

#choix h3
{
color: #728188;
}

#choix li
{
list-style-image: url("../photos-site/billebleue.png");

}


#personne_photo
{ 
border: 1px solid  #514A44;
padding: 0px 5px 5px 5px;
margin: 5px;
margin-top: 0px;
width: 230px;
float: left;
}

#familles_proches
{ 
border: 1px solid  #514A44;
padding: 0px 5px 5px 5px;
margin: 30px 0px 0px 0px;
width: 190px;
}

#familles_proches h3
{
color: #728188;
}

#familles_proches li
{
list-style-image: url("../photos-site/billebleue.png");
}

#categorie_photo
{
border: 1px solid  #514A44;
padding: 0px 5px 5px 5px;
margin: 5px;
margin-left: 255px;
width: 150px;
}

#pays_photo
{
border: 1px solid  #514A44;
padding: 0px 5px 5px 5px;
margin: 5px;
margin-left: 255px;
width: 150px;
}

#independance_photo
{
border: 1px solid  #514A44;
padding: 0px 5px 5px 5px;
margin: 5px;
margin-left: 255px;
width: 150px;
}

#search
{
border: 1px solid #514A44;
}


#vignettes_photos
{
clear: both;
background-color: white;
text-align: justify;
padding:0px 5px;
}

#vignettes_photos_general
{
background-color: white;
text-align: justify;
padding:0px 5px;
}
.img_highslide
{
border: none;
display: inline;
width: 160px;
}

/*Zone de retour ˆ la page prŽcŽdente dans photos.php*/
.retour_accueil
{
line-height: 2em;
background-color: #728188; 
width: 250px;
margin-left: 500px;
border: 2px groove #006666;
text-align: center;
margin-top: 20px;
margin-bottom: 20px;
}

.retour_accueil a
{
color: #E8E3D9;
}

#cadre_message
{
border: none;
border-bottom: 3px groove maroon;
margin: 0px;
}

/*mise en page des commentaires sur les diffŽrentes pages*/
.capitale
{
text-transform: capitalize;
}

.capitale_paragraphe:first-letter
{
text-transform: capitalize;
}

/* Sert ˆ l'affichage de la zone d'entrŽe des messages concernant les photos*/
#zone_message
{
background-color: silver;
width: 700px;
margin: auto;
padding: 10px 15px;
margin-top: 30px;
}

#form_photo
{

background-color: silver;
padding: 10px;
padding-top: 0px;

}

/*Mise en page des sŽries de photos*/
.pic 
{
background-color: black;
padding: 16px;
margin: 5px 3px;
border: 1px solid;
border-color: #444 #AAA #AAA #444;

}

a:hover .pic
{
background-color: gray;
}


/*Le formulaire de connexion d'un membre*/
#options_connexion
{
padding: 50px;
}

/*Design des boutons submit*/

#bouton_bleu
{
background-color: #728188;
color: #E8E3D9;
margin-top: 20px;
}

#bouton-rouge
{
background-color: #B02D05;
color: #E8E3D9;
}

.bouton-rouge
{
background-color: #B02D05;
color: #E8E3D9;
}

#bouton1
{
width: 500px;
text-align: center;
float: left;

}

#bouton2
{
margin-left: 500px;
width: 500px;
text-align: center;
}

.submit_bleu
{
background-color: #728188;
color: #E8E3D9;
}

.submit_vert
{
background-color: #295454;
color: #E8E3D9;
}

.submit_rouge
{
background-color: #B02D05;
color: #E8E3D9;
}


/*Aspect du formulaire d'inscription*/
#zone_inscription
{
background-color: silver;
width: 560px;
margin: auto;
padding: 5px 20px;
margin-top: 10px;
}

#zone_inscription h2
{
margin-bottom: 20px;
}

#zone_inscription form
{
text-align: right;
}

#zone_inscription form p
{
padding: 0px;
margin: 7px;
}

#zone_inscription #zone_pays
{
padding-right: 255px;
}

#choix_famille ol
{
padding: 0px;
}

#choix_famille li
{
font-weight: bold;
margin-bottom: 7px;
font-size: 1.2em;
margin-left: 80px;
list-style: none;
}

#choix_famille li img
{
padding: 0px 5px;
}

#choix_famille h3
{
color: #728188;
text-align: left;
margin: 0px;
padding: 10px 0px 0px 20px;
}

.legende_logos
{
margin: 30px 10px 0px 10px;
padding: 0px 0px 0px 0px;
border-top: 1px solid silver;
color: gray;
font-size: 0.9em;
}
.legende_logos img
{
border: none;
padding: 0px 5px 0px 20px;
}
/*Gestion des membres*/
.coordonnees_membre
{
margin: auto;
width: 500px;
padding: 20px;
background-color: silver;
}

#liste_famille_modif
{
margin-top: 50px;
margin-bottom: 40px;
padding: 0px 40px;
}

#liste_famille_modif td, #liste_famille_modif th
{
padding: 5px 10px;
width: 30px;
}

/*Les pages de chargement des photos*/
#upload_photo
{
width: 700px;
margin:auto;
margin-top: 40px;
padding: 20px;
border: 1px solid black;
}

#choisir_famille
{
padding-left: 150px;
}


#infos
{
padding:0px 20px 20px 30px;
background-color: silver;
color: maroon;
border: 1px solid black;
}

#infos_gauche
{
padding-left: 20px;
float: left;
width: 385px;
margin-bottom: 5px;
}

#infos_droite
{

margin-left: 415px;
padding-bottom: 20px;
}   

#ad_photo_ess
{
border: 1px solid black;
padding: 20px;
}

#ad_photo_rech
{
border: 1px solid black;
padding: 20px;
margin-top: 20px;
}

#ad_photo_rech_g
{

float: left;
width: 350px;
margin-top:10px;
}

#ad_photo_rech_d
{

margin-left: 390px;
margin-top:30px;
}
/*Page photo gŽnŽrale avec les zones de recherche*/
.cadre
{
border: 1px solid #514A44;
margin: 30px 10px;
padding: 10px;
padding-bottom: 20px;
}

.cadre li
{
list-style-image: url("../photos-site/Billegris10.png");
margin-bottom: 7px;
}

#gauche
{
float: left;
width: 150px;
padding: 10px;

}

#droite
{
float: right;
width: 230px;
padding: 10px;
}

#centre
{
margin: 0px 255px 0px 175px;
padding: 10px;
}

/*Photos en page d'accueil*/
#block1c_general h1, #block2c_general h2, #block3c_general h1, .block1c_general h1
{
border-bottom: 2px solid #728188;
margin-top: 0px;
padding-top: 0px;
}

#liste_photo li
{
list-style-image: url("../photos-site/fleche.png");
margin-bottom: 5px;

}

/*Page d'accueil listes*/
#liste_deco2 li
{
list-style-image: url("../photos-site/tickblue.png");
margin-bottom: 5px;
}

/*Traitement des pages de recette de cuisine*/
#fond_blanc_recette
{
background-image: url("../photos-site/coin_haut_g.jpg");
background-position: top left;
background-color: white;
background-repeat: no-repeat;
margin: 10px;
padding: 20px 0px 20px 0px;
}

#liste_recette
{
padding-left: 20px;
margin-top: 50px;
margin-right: 280px;
width: 380px;
text-align: left;
}

#rec_block_saison
{
width: 270px;
float: right;
text-align: left;
margin-right: 20px;
}

#rec_block_saison h2
{
padding-top: 15px;
}

#liste_bbq, #liste_soupes, #liste_fetes, #liste_paques, #liste_conserves_hiver
{
background-position: top right;
background-repeat: no-repeat;
margin: 5px 0px;
background-color: #DBDEE6;
padding-left: 10px;
}

#liste_bbq
{
background-image: url("../photos-site/cuisine/BBQ-80px.png");
}
#liste_soupes
{
background-image: url("../photos-site/cuisine/soupe-50.png");
}
#liste_fetes
{
background-image: url("../photos-site/cuisine/noel-50.png");
}
#liste_paques
{
background-image: url("../photos-site/cuisine/paques-50.png");
}
#liste_conserves_hiver
{
background-image: url("../photos-site/cuisine/hachoir-45.png");
}

#liste_bbq ul, #liste_soupes ul, #liste_fetes ul, #liste_conserves_hiver ul, #liste_paques ul
{
margin-left: 10px;
padding: 12px;
}

#liste_bbq li, #liste_soupes li, #liste_fetes li, #liste_conserves_hiver li, #liste_paques li
{
list-style-image: url("../photos-site/Billegris10.png");
margin: 0px;
margin-bottom: 5px;
padding: 0px;
}

#liste_recette li
{
list-style-image: url("../photos-site/Billegris10.png");
margin-bottom: 5px;
}

#rec_haut_gauche
{
float: left;
width: 140px;
padding: 5px;
margin-left: 20px;

}

#rec_haut_droit
{
float: right;
width: 135px;
margin-right: 20px;
}

#rec_haut_centre
{
margin-left: 155px;
margin-right: 140px;
padding: 10px;
}

#rec_haut_centre p
{
color: gray;
}

#rec_haut_centre h1
{
padding: 10px;
margin: 0px;
}


#rec_haut_droit img, #rec_legende img
{
border: none;
padding: 0px;
}

#rec_tout
{
padding: 0px 20px 0px 20px;
}

#rec_legende
{
border-top: 2px solid #514A44;
margin-top: 30px;
font-size: 0.8em;
margin-bottom: 0px;
}

#rec_legende_gauche
{
float: left;
width: 180px;
padding: 10px;
text-align: right;
padding-right: 50px;
}

#rec_legende_droite
{
float: right;
width: 180px;
padding: 10px;
text-align: right;
padding-right: 60px;

}

#rec_legende_centre
{
margin-left: 210px;
margin-right: 210px;
padding: 10px;
text-align: right;
padding-right: 100px;
}

#rec_form
{
width: 830px;
margin-top: 30px;
margin-left: auto;
margin-right: auto;
padding: 20px;
border: 1px solid #728188;
}

#rec_form h2
{
margin-bottom: 40px;
}

#zone_droite
{
margin-left: 195px;
padding: 0 0 0 5px;
width: 610px;
border: 1px solid black;
}

#categorie
{
border: 1px solid black;
padding: 0 0 10px 7px;
margin: 0;
width: 180px;
float: left;
}

#options
{
margin: 0;
padding: 0px 5px 0 5px;
}

#cadre_droit
{
padding: 0px 0 0 10px;
margin:0;
width: 230px;
float: right;
}

#cadre_gauche
{
padding: 0px 0 0 10px;
margin-right: 250px;
}

#ingredientcss
{
margin-left: 10px;
padding: 10px 5px 0 5px;
}

#texte
{
clear: both;
margin: 0;
padding: 10px;
}

.suggestion
{
border-bottom: 1px solid #985B2E;
}

#zone_suggestion
{
border-top: 2px solid #985B2E;
margin: 10px;
}

#infos
{
margin-top: 50px;
padding: 0px;
width: 800px;
margin-left: auto;
margin-right: auto;
}

#info_gauche
{
margin: 10px;
padding: 10px;
float: left;
width: 420px;
}

#info_droit
{
margin: 10px;
padding: 10px;
}

#termes, #nous_contacter
{
padding: 30px;
}

#termes li
{
list-style: disc inside;
}

#newsletter_email
{
background-color: #4C6068;
color: #FFE9D2;
padding: 10px 20px;
}

#newsletter_abonnement
{
margin: 30px 0px 0px 0px;

}

#newsletter_abonnement .newsletter_entete
{
background-color: #4C6068;
color: #FFE9D2;
padding: 0px 0px 0px 10px;
}

#newsletter_abonnement .table_cadre
{
border: 1px solid silver;
background-color: white;
}

#newsletter_abonnement .table_blanc
{
background-color: white;
padding: 0px 0px 0px 10px;
}

#newsletter_abonnement .table_blanc td
{
padding: 0px 0px 0px 10px;
}

#newsletter_abonnement .table_sombre
{
background-color: #B2BBC6;
border: none;
}

#newsletter_abonnement .table_sombre td
{
border: none;
padding: 0px 0px 0px 10px;
}

#page_newsletter
{
padding: 20px;
}

#page_newsletter h2
{
padding-bottom: 30px;
}

#page_newsletter ul
{
padding: 30px 150px;
}

#concept h2
{
color: #728188;
}

#concept h3, h4, h5
{
color: #514A44;
text-align:left;
}

#concept h3, h4, h5
{
font-size: 1em;
}

#concept h3
{
text-decoration: underline;
}

#concept ul, ol
{
margin: 0px;
padding:0px;
}

#concept ul li
{
margin: 0px;
padding-left: 40px;
list-style: disc inside;
}

#concept ol li
{
margin: 0px;
padding-left: 40px;
list-style: decimal inside;
}

/*Faire un lien*/
#texte_lien
{
margin-top: 0px;
padding-top: 0px;
}

#texte_lien p
{
font-size: 0.9em;
}
#texte_lien h2
{
border-bottom: 1px solid #B2BBC6;
}
.lien
{
margin-top: 30px;
padding-bottom: 50px;
background-image: url("../photos-site/separateur2.png");
background-position: bottom;
background-repeat: no-repeat;
}

.lien p
{
margin: 0px;
padding: 0px;
line-height: 1.4em;
vertical-align: text-top;
}
.lien textarea
{
margin-top: 4px;
border: 1px solid #B2BBC6;
}

.lien_html
{
vertical-align: top;
}

.lien img
{
padding: 0px;
margin: 0px;
border: none;
}
/*la rubrique pratique*/
.ass_pratique
{
margin: 0px;
padding: 0px;
margin-top: 60px;
margin-bottom: 50px;
}

.ass_pratique h1
{
color: #4C6068;
border-bottom: 2px solid #985B2E;
border-top: 2px solid #985B2E;
line-height: 1.5em; 
padding-left: 10px;
margin: 40px 0px 0px 0px;
}

.ass_pratique ul li
{
margin: 0px;
padding-left: 40px;
list-style: disc inside;
}

.ass_pratique .ass_liste
{
padding: 20px 0px;
}

.liste_rues
{
padding: 20px 0px;
margin: 0px 50px;
}

.liste_rues td
{
padding: 2px 3px 2px 25px;
font-size: 0.9em;
}

.liste_rues th
{
background-color: #B2BBC6;
text-align: center;
padding: 3px 20px;
}


.ass_pratique th
{
background-color: #B2BBC6;
border: none;
}

.ass_pratique .ass_liste td
{
padding: 0px 0px 0px 10px;
}

#ass_logo
{
margin: 0px;
margin-top: 5px;
padding: 10px;
width: 130px;
height: 130px;
text-align: center;
border: 1px solid #B2BBC6;
float: left;
}

#ass_logo table
{
margin: 0px;
padding: 0px;
border: none;
vertical-align: middle;
}

#ass_nom
{
margin: 0px;
padding: 0px;
margin-left: 160px;
text-align: center;
height: 117px;
padding-top: 20px;
}

.ass_nom2em
{
color: #4C6068;
font-size: 2em;
}

.ass_nom1em
{
color: #4C6068;
font-size: 1.7em;
}

#ass_description
{
margin: 0px;
padding: 30px 10px;
}

#ass_origine
{
margin: 0px;
padding: 0px;
text-align: center;
margin-left: 160px;
color: #4C6068;
}

#ass_journal
{
text-align: center;
color: #B02D05;
padding-bottom: 20px;
}

#ass_coor
{
margin: 0px;
margin-top: 20px;
padding: 10px 20px 20px 20px;
background-color: white;
border-bottom: 1px solid #4C6068;
}

.ass_pratique #note
{
border: 1px solid #B2BBC6;
font-size: 0.9em;
vertical-align: middle;
}

.ass_pratique #note img
{
border: none;
}

.ass_pratique #note #note-gauche
{
float: left;
}

.ass_pratique #note #note_droite
{
margin-left: 50px;
height: 32px;
padding-top: 20px;
}

#fiche-ass
{
text-align: center;
padding-top: 30px;
padding-bottom: 30px;
}

#ass_descript
{
background-color: #D9CFC7;
padding: 5px 10px;
font-style: italic;
}

.actu_titre
{
color: #4C6068;
border-bottom: 2px solid #985B2E;
border-top: 2px solid #985B2E; 
padding-left: 10px;
margin: 40px 0px 0px 0px;
color: #4C6068;
clear: left;
}

.actu_titre h2
{
size: 1.2em;
margin: 0px;
padding: 0px 0px;
}

.actu_titre .petit
{
margin: 0px;
padding: 0px 0px;
}

.actu_float_left
{
float: left;
text-align: center;
padding: 5px;
margin: 10px;
border: 1px solid gray;
}

/*histoires pieds noirs*/
#histoires h2
{
margin: 0px;
padding: 0px;
padding-top: 40px;
}

.hist-auteur
{
text-align: center;
font-size: 0.9em;
font-style: italic;
padding-bottom: 50px;
}

#hist-photo
{
margin: 0px;
margin-top: 5px;
padding: 5px;
width: 105px;
height: 105px;
text-align: center;
border: 1px solid #B2BBC6;
float: left;
}

#hist_photo, .photo_gauche
{
margin: 5px;
width: 125px;
text-align: center;
float: left;
}

#hist_photo img
{
padding: 5px;
margin: 0px;
border: 1px solid #B2BBC6;
}

#hist-photo table, #hist-photo tr, #hist-photo td
{
margin: auto;
padding: 0px;
border: none;
vertical-align: middle;
}

#hist-text 
{
padding: 20px;
text-indent: 30px;
text-align: justify;
}

#hist-titre h3, #hist-titre h2
{
margin-top: 0px;
padding-top: 20px;
color: #728188;
}

#hist-titre, #intro_voyages
{
margin-left: 120px;
}

#hist-liens
{
margin: 0px;
padding: 40px;
border: 1px solid #728188;
}

#hist-liens img, #hist-text img
{
border: none;
}

#hist-text ul li, #actualite ul li
{
list-style: disc inside;
}

#hist-sanglier h1
{
color: #4C6068;
border-bottom: 2px solid #985B2E;
border-top: 2px solid #985B2E;
line-height: 1.5em; 
padding-left: 10px;
margin: 40px 0px 0px 0px;
}

#hist-sanglier ul li
{
margin: 0px;
padding-left: 20px;
padding-top: 10px;
list-style: disc inside;
}
/*sites amis*/
.sites_amis
{
padding: 20px;
border-bottom: 2px solid #728188;
}

/*Zone loisirs*/
.loisir_liste li
{
margin: 0px;
margin-top: 5px;
padding-left: 20px;
list-style: disc inside;
}

.photo_loisirs td
{
width: 210px;
padding: 5px 10px 0px 10px;
text-align: left;
}

.photo_loisirs .bottom td
{
vertical-align: bottom;
}

.photo_loisirs .top td
{
vertical-align: top;
}

.photo_loisirs table, .photo_loisirs tr, .photo_loisirs td
{
margin: auto;
}
.astuce
{
border-bottom: 1px solid #985B2E;
}

#zone_astuce
{
border-top: 2px solid #985B2E;
margin: 10px;
}

.suggestion
{
border-bottom: 1px solid #985B2E;
}

#zone_suggestion
{
border-top: 2px solid #985B2E;
margin: 10px;
}

.liens_loisirs
{
padding: 5px 10px 0px 10px;
margin: 0px 0px 20px 0px;
background-color: #C2BCB0;
}

.liens_loisirs ul
{
padding: 0px 10px 10px 40px;
margin: 0px;
text-align: left;
}

.liens_loisirs ul li 
{
padding: 0px;
margin: 0px;
text-align: left;
}

/*Voyages*/
#voyages
{

margin: 0px;
padding: 0px;
margin-top: 20px;
padding-top: 20px;
}

#voyages2
{
background-image: url(../photos-site/loisirs/monde.png);
background-repeat: no-repeat;
background-position: top left;
margin: 0px;
padding: 0px;
margin-top: 20px;
padding-top: 20px;
}


#voy-text, #loisir-text, #voy-text-long 
{
padding: 15px;
text-indent: 30px;
text-align: justify;
clear: left;
}

.no_indent
{
text-indent: 0px;
}

#voy-text-long
{
font-size: 0.9em;
}

#voy-text-long ul
{
text-indent: 0px;
padding: 0px;
margin: 0px;
}

#voy-text ul
{
text-indent: 0px;
padding: 0px;
margin: 0px;
padding-top: 25px;
}

.liens-voyages ul
{
text-indent: 5px;
padding: 0px;
margin: 0px;
padding-top: 5px;
}

#loisir-text ul
{
text-indent: 0px;
padding: 0px;
margin: 0px;
}

#voy-text li, #loisir-text li
{
padding-top: 8px;
}

#voyages h1, #voyages2 h1
{
color: #728188;
padding-bottom: 50px;
font-size: 1.4em;
}

#voyages2 .trait_haut
{
margin: 10px 0px;
border-top: 2px solid #728188;
}

#histoires_gege h1
{
margin: 0px;
padding: 0px;
font-size: 1.6em;
color: #728188;
}

#hist_titre
{
margin: 20px 10px 10px 140px;
padding: 0px 20px 20px 20px;
}

#hist_titre p
{
margin: 0px;
padding: 0px;
}

#voyages h2, #voyages2 h2, #histoires_gege h2
{
color: #728188;
margin-top: 30px;
margin-bottom: 10px;
text-indent: 0px;
font-size: 1.2em;
}

#voyages h3, #voyages2 h3, #histoires_gege h3
{
color: #514A44;
margin-bottom: 10px;
text-indent: 10 px;
font-size: 1em;
text-align: left;
}

#voyages li, #voyages2 li, #histoires_gege li
{
margin: 0px;
margin-top: 5px;
padding-left: 20px;
list-style: disc inside;
}

.photo_voyage, .photo_loisirs, .photo_voyage_serre, .photo_recettes
{
color: gray;
font-size: 0.8em;
font-style: italic;
}

.photo_voyage td
{
width: 210px;
padding: 5px 10px 0px 10px;
text-align: left;
vertical-align: bottom;
}

.photo_voyage_serre td
{
padding: 5px 5px 0px 0px;
text-align: left;
vertical-align: bottom;
}

.photo_voyage_serre table
{
margin: auto;
}

#intro_voyages
{
padding: 0px 0px 20px 20px;
}

.photo_recettes td
{
padding: 5px 10px 0px 0px;
text-align: left;
vertical-align: top;
width: 230px;
}

.photo_voyage table, .photo_voyage tr, .photo_voyage td
{
margin: auto;
}

.encadre
{
border: 1px solid gray;
margin: 40px 0px;
padding: 10px;
color: gray;
font-style: italic;
}

#voy-text img, #loisir-text img
{
border: none;
}

/*Perdu de vue*/
#perdu
{
clear: both;
padding-top: 10px;
}

#perdu .texte_pleine_page_gauche h1
{
font-size: 1.6em;
color: #CB5E45;
padding-top: 20px;
margin-bottom: 0px;
}

#perdu .texte_pleine_page_gauche h2
{
font-size: 1.4em;
color: #728188;
text-align: center;
margin-top: 10px;
}

#perdu .texte_pleine_page_gauche h3
{
font-size: 1.1em;
color: #4C6068;
}

.bordure
{
border: 1px solid gray;
margin: 40px 0px;
padding: 10px;
}

.bordure li
{
list-style: disc inside;
}

#perdu_form
{
padding: 20px;
border: 1px solid gray;
margin: 20px;
margin-top: 60px;
}

#page-recherche
{
margin: 40px 0px;
padding: 10px;
}

.rech_date
{
margin-top: 40px;
color: gray;
}

.rech_bordure
{
background-color: white;
background-image: url(../photos-site/perdu-de-vue/schedule.jpg);
background-repeat: no-repeat;
background-position: top right;
border: 1px solid gray;
margin: 40px 0px;
padding: 10px;
}

.mess_bordure_photo
{
background-color: white;
background-image: url(../photos-site/perdu-de-vue/feather.jpg);
background-repeat: no-repeat;
background-position: top right;
border: 1px solid gray;
margin: 20px 0px 0px;
padding: 10px;
margin-left: 230px;
}

.mess_bordure
{
background-color: white;
background-image: url(../photos-site/perdu-de-vue/feather.jpg);
background-repeat: no-repeat;
background-position: top right;
border: 1px solid gray;
margin: 20px 0px 0px;
padding: 10px;
}

.photo_recherche
{
width: 200px;
float: left;
text-align: center;
background-color: white;
border: 1px solid gray;
padding: 10px 10px 0px 10px;
}

.modif_bordure
{
border: 1px solid gray;
margin: 40px 0px;
padding: 10px;
}

#search_reponse
{
background-color: white;
background-image: url(../photos-site/perdu-de-vue/loupe.jpg);
background-repeat: no-repeat;
background-position: top right;
border: 1px solid gray;
padding: 0px 20px;
margin: 0px;
}

#search_reponse h5
{
font-size: 1.3em;
text-align: center;
margin: 20px 0px;
color: #B02D05;
padding-bottom: 40px;
}

.mess_reponse
{
padding-bottom: 20px;
background-image: url(../photos-site/perdu-de-vue/leaf_garland_page.jpg);
background-repeat: no-repeat;
background-position: bottom center;
font-size:0.9em;
}

.clear-left
{
clear: left;
padding: 20px 10px;
}

#intro_index_perdu
{
margin-top:60px;
font-size:0.9em;
color: gray;
}

#lancer_recherche
{
display: block;
background-color: white;
background-image: url(../photos-site/perdu-de-vue/loupe.jpg);
background-repeat: no-repeat;
background-position: top right;
border: 1px solid gray;
padding: 20px;
margin: auto;
margin-top: 30px;
height: 20px;
width: 350px;
font-size: 1.1em;
}

#lancer_recherche_small
{
display: block;
background-color: white;
background-image: url(../photos-site/perdu-de-vue/loupe-small.jpg);
background-repeat: no-repeat;
background-position: top right;
border: 1px solid gray;
padding: 5px;
margin-left: 500px;
height: 15px;
width: 230px;
font-size: 1em;
margin-bottom: 10px;
}

#liste-recherche
{
display: block;
background-color: white;
background-image: url(../photos-site/perdu-de-vue/liste.jpg);
background-repeat: no-repeat;
background-position: top right;
border: 1px solid gray;
padding: 5px;
margin-left: 500px;
height: 15px;
width: 230px;
font-size: 1em;
}


.perdu-recap
{
background-color: white;
margin-top: 30px;
padding: 10px;
text-align: left;
}

.perdu-recap h4
{
color: #4C6068;
border-bottom: 2px solid #985B2E;
border-top: 2px solid #985B2E;
line-height: 1.5em; 
padding-left: 10px;
margin: 0px;
font-size: 1.2em;
}

.perdu-recap .ass_liste
{
margin-top: 20px;
}

.perdu-recap .ass_liste th
{
background-color: #B2BBC6;
text-align: center;
}

.perdu-recap .ass_liste td
{
padding: 2px 3px 2px 10px;
font-size: 0.9em;
}

.etat-rech
{
width: 10%;
background-color: white;
text-align: center;
padding: 0px;
margin: 0px;
}

/*Block actualitŽ*/
#actualite_block, #annuaire_block_sans, #mechoui_block
{
border: 1px solid #728188;
color:#4D4743;
margin-top: 0px;
margin-bottom: 5px;
padding: 20px 7px 10px 7px;
background-color: white;
font-size: 0.9em;
}

#annuaire_block_warning
{
border: 1px solid #728188;
color:#4D4743;
margin-top: 0px;
margin-bottom: 5px;
padding: 0px 7px 10px 7px;
background-color: white;
font-size: 0.9em;
}

#actualite_block ul, #annuaire_block_sans ul, #annuaire_block_warning ul, #mechoui_block ul
{
padding: 0px 0px 0px 10px;
margin: 0px;
margin-bottom: 5px;
}

#actualite_block ul li
{
list-style-image: url("../photos-site/bullet/button_orange10.jpg");
margin-bottom: 12px;
list-style-position: outside;
margin-left: 9px;
}

#annuaire_block_sans ul li, #annuaire_block_warning ul li, #mechoui_block ul li
{
list-style-image: url("../photos-site/billebleue.png");
margin-bottom: 12px;
list-style-position: outside;
margin-left: 15px;
}

.rec_presentation_images
{
margin: 0px;
padding: 0px;
margin-top: 40px;
margin-bottom: 20px;
}

.rec_presentation_images h1
{
color: #4C6068;
border-bottom: 2px solid #985B2E;
border-top: 2px solid #985B2E;
line-height: 1.5em; 
padding-left: 10px;
margin: 20px 0px 0px 0px;
}

/*TV*/
.titre_tv
{
text-align: center;
border-bottom: 2px solid #4C6068;
padding: 30px 0px 0px;
color: #728188;
}

.tv_liste
{
margin-top: 20px;
}

.tv_liste th
{
background-color: #C2BCB0;
text-align: center;
line-height: 1.5em;
}

.tv_liste td
{
font-size: 0.8em;
height: 3em;
padding: 3px;
}

#emission
{
color: #726457;
padding: 0px 0px 10px 0px;
font-style: italic;
text-align: justify;
}

#emission h3
{
padding: 50px 0px 10px 0px;
text-align: left;
font-size: 1.5em;
color: #514A44;
text-decoration: underline;
}

.block_gauche_semifloat
{
background-color: none;
margin-right: 560px;
margin-bottom: 20px;
margin-left: 0px;
padding-top: 10px;
padding: 0px;
}

.emission_float
{
float: right;
width: 540px;
padding: 0px 0px 0px 0px;
}

.texte_pleine_page_gauche_float_double
{
float: left;
width: 760px;
margin-bottom: 20px;
margin-top: 0px;
}

/*Les annuaires*/
#annuaire_contenu
{
clear: both;
padding: 10px;
}

.annuaire_intro
{
padding: 10px 10px 5px;
font-style: italic;
}

#annuaire_contenu .ass_liste
{
margin-top: 0px;
}

#annuaire_contenu .ass_liste th
{
background-color: #B2BBC6;
text-align: center;
}

#annuaire_contenu .ass_liste td
{
padding: 2px 3px 2px 10px;
font-size: 0.9em;
}

.annuaire_ecrire
{
width: 5%;
text-align: center;
}

.annuaire_infos
{
padding: 0px;
}

.annuaire_infos h2
{
text-align: center;
font-size: 1.2em;
padding: 5px;
margin: 0px;
}

.annuaire_gauche
{
float: left;
width: 380px;
}

.annuaire_droite
{
float: right;
width: 200px;
}

.annuaire_messages_autre
{
margin-left: 390px;
margin-right: 210px;
}

.annuaire_messages_autre li
{
margin-left: 100px;
}

.liens_utiles
{
margin-left: 390px;
margin-right: 210px;
border: 1px solid #B2BBC6;
font-size: 0.9em;
margin-top: 10px;
}

.liens_utiles p
{
padding-left: 40px;
}

.annuaire_messages
{
margin-left: 390px;
margin-right: 210px;
border: 1px solid #B2BBC6;
font-size: 0.9em;
}

.annuaire_messages ul
{
margin: 0px;
padding: 10px 0px 5px 30px;
}

.annuaire_messages li
{
list-style: disc;
}

#annuaire_liste
{
clear: both;
}

.annuaire_inscrits
{
background-color: white;
margin: 10px 0px;
}

.annuaire_inscrits ul
{
margin: 0px;
padding: 0px 0px 5px 30px;
}

.annuaire_inscrits li
{
list-style-image: url("../photos-site/billebleue.png");
font-size: 0.8em;
}

.margin_top150
{
margin-top: 150px;
}

.liste_rue_recherche
{
background-color: #B2BBC6;
padding: 10px 20px 5px 50px;
margin: 40px;
}

.liste_rue_recherche label
{
display:block;
width:200px;
float:left;
}

.annuaire_recherche
{
background-color: #B2BBC6;
padding: 0px 0px 5px 10px;
}

.annuaire_recherche p
{
font-size: 0.9em;
}

.annuaire_recherche label
{
display:block;
width:105px;
float:left;
}

#annuaire_inscription h1
{
text-align: center;
margin-top: 1em;
margin-bottom: 1em;
}

#annuaire_form
{
border: 1px solid #B2BBC6;
margin:  20px 30px;
padding: 0px 15px 15px 15px;
}

#annuaire_form h2
{
color: #728188;
text-align: center;
margin: 15px;
}

#annuaire_form p
{
padding: 0px;
margin: 5px;
}

.annuaire_faq
{
margin: 0px;
padding: 0px 0px 5px 5px;
}

.form1 label
{
display:block;
width:240px;
float:left;
}

.form2 label
{
display:block;
width:120px;
float:left;
}

.ann_float_left
{
float: left;
text-align: center;
margin: 0px 20px 10px 0px;
padding-top: 0px;
width: 160px;
}

.cadre_message_ann
{
border: none;
border-bottom: 3px groove #CB4908;
margin: 0px;
}

.sans_cadre_bordure img
{
border: none;
text-decoration: none;
vertical-align: middle;
}

.liste-annuaire li
{
padding: 5px;
list-style: disc;
}

.animation_gif table td
{
margin: 0px;
padding: 0px;
border: none;
vertical-align: middle;
}

.animation_gif table
{
margin: 0px;
padding: 0px;
width: 980px;
vertical-align: middle;
}

.animation_gif
{
background-color: white;
padding: 0px;
vertical-align: middle;
text-align: center;
height: 76px;
margin: 0px;
}

.animation_gif img
{
margin: 0px;
padding: 0px;
border: none;
vertical-align: middle;
}

.animation_gif a
{
margin: 0px;
padding: 0px;
font-size: 1.1em;
font-weight: bold;
vertical-align: middle;
}

#newsletter_site
{
padding: 30px;
text-align: justify;
}

#newsletter_site h1
{
padding-bottom: 30px;
}

#newsletter_site h2
{
padding: 10px 0px;
border-bottom: 2px solid #985b2e;
}

#newsletter_site li
{
list-style: disc;
}

.animation img
{
border: none;
padding: 0px;
margin: 0px;
}

.pub_double /*A Žliminer*/
{
width: 738px;
margin: 0px 0px 10px 0px;
padding: 5px 10px 5px 10px;
border: 1px solid #A99C99;
}

.pub_350_left /*A Žliminer*/
{
width: 350px;
padding: 0px 10px;
margin: 0px 5px 0px 0px;
border: 1px solid #4D4743;
background-color: #C2BCB0;
float: left;
}

.pub_350 /*A Žliminer*/
{
margin-left: 380px;
padding: 0px 10px 0px 20px;
border: 1px solid #4D4743;
background-color: #D87746;
}

.pub_350_left ul, .pub_350 ul /*A Žliminer*/
{
padding: 0px 10px 10px 0px;
margin: 0px;
text-align: left;
}

.pub_350_left ul li /*A Žliminer*/
{
padding: 0px;
margin: 0px;
text-align: left;
}


#pub_entete
{
float: right;
padding-left: 50px;
width: 518px;
}

/*Les pages organisation mechouis*/
#mechoui, #mechoui_traiteur
{
margin: 0px;
padding: 0px;
}

#mechoui h1
{
color: #728188;
margin: 10px 0px 30px 0px;
}

#mechoui_traiteur h1
{
color: #728188;
margin: 10px 0px 30px 0px;
}

#choix_region h2
{
font-size: 1.1em;
color: #728188;
margin: 0px;
padding: 10px 20px 10px 20px;
text-align: center;
}

#choix_region
{
border: 3px solid #728188;
padding: 10px;
margin: 0px 260px 0px 0px;
background-color: white;
}

#choix_region td
{
padding: 0px 10px;
}

#choix_region .region
{
font-style: italic;
font-weight: bold;
padding: 0px 10px 0px 0px;
margin: 0px;
}

#choix_region .nopadding
{
padding: 0px;
}

.pub_250px_float_right
{
float: right;
width: 250px;
}

.lien_mechouis
{
font-size: 0.9em;
float: right;
width: 250px;
border: 1px solid #728188;
}

#mechoui_pub
{
clear: right;
background-color: white;
padding: 10px;
margin: 10px 0px;
}

.mechoui_cadre_pub
{
border: 1px solid #7890AC;
margin: 10px 0px;
padding: 5px;
}

.zone_infos_mechoui_pub
{
margin-bottom: 5px;
}

.infos_mechoui_pub
{
margin: 0px;
padding: 0px;
float: left;
width: 250px;

}

.infos_mechoui_pub p
{
margin: 0px;
padding: 0px;
font-size: 0.9em;
text-align: left;
}

.nom_mechoui_pub
{
float: right;
padding: 10px;
width: 455px;
}

.nom_mechoui_pub h2
{
font-size: 1.2em;
color: #002E63;
margin: 0px;
padding: 0px 10px;
text-align: center;
font-style: italic;
}		

.descriptif_mechoui_pub
{
margin-top: 10px;
font-size: 0.9em;
}

.clear_both
{
clear: both;
}

.clear_right
{
clear: right;
}

.adresse_mechoui
{
background-color: #C5D2D9;
padding: 5px;
margin-right: 5px;
float: left;
width: 200px;
}

.adresse_mechoui p, .descriptif_traiteur_mechoui p
{
padding: 0px;
margin: 0px;
font-size: 0.9em;
}

.adresse_electronique_mechoui
{
padding: 5px;
margin-right: 5px;
float: right;
width: 340px;
font-style: italic;
}

.adresse_electronique_mechoui p
{
padding: 0px;
margin: 0px 0px 2px 0px;
font-size: 0.9em;
}

.adresse_electronique_mechoui img
{
border: none;
padding: 0px;
margin: 0px 5px 0px 0px;
vertical-align: middle;
}

.descriptif_traiteur_mechoui
{
margin: 15px 15px 0px 0px;
font-size: 0.9em;
}

.margin_top_10
{
padding-top: 0px 0px 0px 0px;
margin: 10px 0px 0px 0px;
}

.mechoui_non_pub
{
font-size: 0.9em;
width: 580px;
float: left;
}

.mechoui_non_pub_region
{
font-size: 0.9em;
width: 480px;
float: left;
}

.mechoui_non_pub li
{
list-style: disc;
}

.pub_160px_float_right
{
float: right;
width: 160px;
margin: 80px 0px 20px 0px;
}

.mechoui_galerie
{
margin: 5px 0px 0px 0px;
height: 85px;
}

.mechoui_galerie_0
{
margin: 0px;
padding: 0px;
height: 0px;
}

ul.mechoui_galerie_mini 
{ 
margin: 0px; 
padding: 0 ; 
list-style-type: none ; 
} 
 
ul.mechoui_galerie_mini li 
{ 
float: left ; 
} 
 
ul.mechoui_galerie_mini li a img 
{ 
margin: 2px 1px ; 
border: 1px solid #7890AC ; 
} 

#mechoui_traiteur .lien_gauche /*non utilisŽ*/
{
margin: 0px;
padding: 0px 20px 10px 20px;
width: 340px;
float: left;
text-align: center;
}

#mechoui_traiteur .lien_droit /*non utilisŽ*/
{
margin: 0px;
padding: 0px 20px 10px 20px;
width: 340px;
float: right;
text-align: center;
}

.lien_mechoui_type, .lien_mechoui_tout
{
margin: 10px;
padding: 10px;
text-align: left;
}

.lien_mechoui_type p, .lien_mechoui_tout p
{
margin: 0px;
padding: 0px;
}

.lien_mechoui_type
{
background-color: #CCCCCC;
}

.lien_mechoui_tout
{
background-color: #FFFFFF;
}

.top_marron
{
font-size: 0.9em;
border: 1px solid #8b8075;
margin: 5px 0px;
text-align: left;
}

.top_marron h3
{
background-color: #4d4743;
margin: 0px;
padding: 5px;
}

.top_marron ul
{
margin: 0px;
padding: 10px;
}

.top_marron ul li
{
list-style: disc;
margin-left: 10px;
}

/*histoires*/

#histoires_gege
{
margin: 0px;
padding: 0px;
}

#histoires_gege #hist_liens, .texte_pleine_page_gauche #hist_liens
{
margin: 0px 0px 10px 0px;
padding: 10px;
border: 1px solid #728188;
font-size: 0.9em;
}

#histoires_gege #hist_liens h2, .texte_pleine_page_gauche #hist_liens h2
{
text-align: center;
padding: 0px;
margin: 5px;
}

.blanc
{
background-color: white;
}

.inscript_famille .block_gauche_500
{
width: 500px;
float: left;
text-align: justify;
margin: 0px 20px 10px 10px;
padding: 5px;
border: 1px solid #728188;
font-size: 0.9em;
}

.inscript_famille h3
{
color: #728188;
}

#choix_famille_inscript
{
margin: 40px 10px 10px 532px;
}

.cadre_float_droite
{
float: right;
width: 300px;
padding: 0px 10px;
margin: 10px;
border: 1px solid white;
background-color: #9CA7AC;
color: white;
font-size: 0.8em;
}

.cadre_float_gauche
{
float: left;
width: 300px;
padding: 0px 10px;
margin: 10px;
border: 1px solid white;
background-color: #9CA7AC;
color: white;
font-size: 0.8em;
}

.cadre_film_lien
{
border: 1px solid #728188;
padding: 5px 5px 5px 10px;
width: 260px;
}

.cadre_film_lien h2
{
margin: 3px;
color: #728188;
font-size: 1.2em;
}

.cadre_film_lien ul
{
margin: 0px;
padding: 0px 0px 5px 25px;
}

.cadre_film_lien li
{
list-style: disc;
color: #0047ba;
text-align: left;
font-size: 0.8em;
}

.pub_droite
{
float: right;
}

#film
{
font-size: 0.9em;
}

#film h1
{
margin: 10px;
font-size: 1.8em;
color: #728188;
}

#film h3
{
margin: 10px;
font-size: 1.2em;
color: #728188;
text-align: left;
}

#film_intro_multi
{
padding: 5px 0px 0px 0px;
}

#film_photo
{
float: left;
margin: 0px 10px 10px 0px;
}

#film_text
{
margin: 15px 0px;
}

#film_text p
{
margin: 5px 0px;
font-size: 1em;
}

#sommaire
{
margin: 5px 0px 40px 0px;
}

#sommaire li
{
margin: 5px;
line-height: 1em;
list-style-image: url("../photos-site/Billegris10.png");
}
/*Gestion des pages des villes*/
.ville
{
margin: 10px 0px 30px;
font-size: 1.8em;
color: #728188;
text-align: center;
}
/*ActualitŽ des villes*/
.text_actu_ville
{
margin: 10px 0px;
padding-top: 5px;
padding-right: 10px;
padding-bottom: 5px;
padding-left: 10px;
font-size: 1.2em;
}
.text_actu_ville p
{
margin: 0px 0px;
padding: 5px 0px;
line-height: 1.4em; 
}
.lien_actu_ville
{
margin: 10px 0px 0px 0px;
background-color: #d9cfc7;
padding-top: 5px;
padding-right: 10px;
padding-bottom: 5px;
padding-left: 10px;
font-size: 0.9em;
color: #728188;
text-align: left;
}
.lien_actu_ville p
{
margin: 0px;
padding: 0px;
}
#block_actu_ville
{
padding: 0px 20px 0px 20px;
}
#block_actu_ville h1
{
text-align: center;
margin-top: 1em;
margin-bottom: 1em;
}

#block_actu_ville p img
{
border: none;
margin: 6px;
}
#fond_actu_ville
{
font-size: 0.8em;
background-image: url("../photos-site/coin_haut_g.jpg");
background-position: top left;
background-color: white;
background-repeat: no-repeat;
margin: 10px 0px;
padding: 20px 0px 10px 0px;
}
div .pic_actu
{
float: left;
border: 1px solid silver;
margin: 3px;
padding: 3px;
}
.pic_legende li
{
margin: 0px;
padding: 0px;
}

li.pic_nom
{
margin: 0px;
padding: 0px;
font-size: 0.9em;
color: gray;
list-style:none;
text-align: center;
}
/*chat des villes*/
#chat_ville h1
{
color: #4C6068;
border-bottom: 2px solid #985B2E;
border-top: 2px solid #985B2E;
line-height: 1.5em; 
background-image: url("../photos-site/tetra.jpg");
background-repeat: no-repeat;
background-position: center left;
padding-left: 30px;
}
#chat_ville
{
font-size: 0.8em;
background-color: white;
padding: 15px;
margin: 10px 0px;
}
/*photos des villes*/
#vignettes_photos_ville
{
background-color: #d9cfc7;
text-align: justify;
padding:0px 5px;
}
#vignettes_photos_ville h1
{
margin: 10px 0px 0px 0px;
padding: 10px 0px 0px 0px;
font-size: 1.1em;
}
/*block familles des villes*/
.block_famille_ville
{
border: 1px solid #728188;
color:#4D4743;
margin-top: 0px;
margin-bottom: 5px;
padding: 15px 7px 10px 7px;
background-color: white;
font-size: 0.8em;
}

.block_famille_ville li
{
list-style-image: url("../photos-site/billebleue.png");
margin-bottom: 10px;
list-style-position: outside;
margin-left: 15px;
}

.block_main_ville
{
margin: 0px 0px 0px 0px;
padding: 0px 0px 10px 0px;
}

.block_main_ville h3
{
font-size: 0.8em;
background-color:#4D4743;
}

.block_annuaire_ville
{
margin: 0px 0px 0px 0px;
padding: 0px 0px 10px 0px;
font-size: 0.8em;
}

.block_annuaire_ville h3
{
font-size: 1em;
}

.block_annuaire_ville p
{
font-size: 1.2em;
}

.texte_pleine_page_gauche #hist_liens_ville
{
margin: 10px 0px 10px 0px;
padding: 10px;
border: 1px solid #728188;
font-size: 0.8em;
}

.texte_pleine_page_gauche #hist_liens_ville h2
{
text-align: center;
padding: 0px;
margin: 5px;
font-size: 1.2em;
}

.texte_pleine_page_gauche #hist_liens_ville h1
{
text-align: center;
padding: 0px;
margin: 10px;
font-size: 1.3em;
}

.block_perdu_ville
{
border: 1px solid #728188;
color:#4D4743;
margin-top: 0px;
margin-bottom: 5px;
padding: 15px 7px 10px 7px;
background-color: white;
font-size: 0.9em;
}

.block_perdu_ville p
{
font-size: 1em;
}

.block_perdu_ville li
{
list-style-image: url("../photos-site/billebleue.png");
margin-bottom: 10px;
list-style-position: outside;
margin-left: 15px;
}

.block_general_ville
{
background-color: #D9CFC7;
text-align: center;
font-size: 0.9em;
padding: 2px;
line-height: 0.8em; 
}