/******************************************************/
/************** DEBUT TEMPLATES SITE LYON *************/
/******************************************************/
/********* BASE TEMPLATE ***********/
body { font-family: Arial,Helvetica,sans-serif; background-image: url(../images/body.png); background-repeat: repeat-x; padding-top: 0px }
div#principal { width: 1000px; margin-left: auto; margin-right: auto; margin-top: 0px; background-color: white; }
div#bandeau { Z-INDEX: auto; background-image: url(../images/fond_menu.gif); background-repeat: repeat-x; float: left; height: 26px; width: 99%; margin-top: 2px; margin-left: 5px; padding-top: 4px; }
/* Logo */
a#logo { float: left; margin-left: 10px;}
/* Header */
div#header { Z-INDEX: auto; position: relative; height: 150px; padding: 0px 5px 0px 5px;}
div.header_titre1 {color: #634D99; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 25px; letter-spacing: 0.1em; text-transform: none; font-style: normal; padding-top: 20px; margin-bottom: 0px; font-weight: normal; text-align: right; line-height: normal; }
div.header_titre2 { color: #881670; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 22px; letter-spacing: 0.1em; margin-top: 0px; margin-bottom: 0px; font-weight: normal; text-align: right; padding: 0px; line-height: normal; }
a#header_image { float: right; margin-left: 2px; margin-right: 80px; }
/* Menu1= Menu déroulant grand de gauche */
#menu1 { padding: 0px 0px 0px 0px; margin: 0px; line-height: 21px; list-style-type: none; text-align: center; font-weight: bold; font-size: 12px; font-family: arial; }
#menu1 a { padding: 0px 0px 0px 0px; display: block; padding-left: 0px; background: url(../images/fond_menu.gif); width: 113px; color: white; text-decoration: none; border-right: 1px solid white; }
#menu1 a:hover { background: #ca9ac0; color: white; }
#menu1 ul { padding: 0px 0px 0px 0px; margin: 0px; line-height: 21px; list-style-type: none; text-align: center;  }
#menu1 li { border-right: #fff 1px solid; float: left; }
html > body #menu1 li { border-right: transparent 1px solid; }
#menu1 li ul { left: -999em; width: 144px; position: absolute; }
#menu1 li ul li { border-top: #fff 1px solid; }
html > body #menu1 li ul li { border-top: transparent 1px solid; }
#menu1 li:hover ul { min-height: 0px; left: auto; }
#menu1 li.sfhover ul { min-height: 0px; left: auto; }
/* Menu2= menu petit de droite */
#menu2 { padding: 0px 0px 0px 0px; margin: 0px; line-height: 21px; list-style-type: none; text-align: center; font-weight: bold; font-size: 12px; font-family: arial;  }
#menu2 a { padding: 0px 0px 0px 0px; display: block; background: url(../images/fond_menu.gif); width: 65px; color: white; text-decoration: none;  border-right: 1px solid white; }
#menu2 a:hover { background: #ca9ac0; color: white; }
#menu2 li { border-right: #fff 1px solid; float: left; }
html > body #menu2 li { border-right: transparent 1px solid; }
/* Les drapeaux */
a.drapeau{ float: left; padding-left: 8px; padding-top: 2px; }

/********* Onglet acces pro ***********/
div.onglet_pro { float: right; width: 200px; margin: 5px 5px 5px 5px; }
.menu_pro { border: 1px solid #333333; background-color: #b9b3c7; }
ul.menu_pro, ul.menu_pro ul { font-size: 16px; margin: 0px; padding: 0px; list-style: none; line-height: 12px; }
/* fond du 1er menu */
ul.menu_pro > li { padding: 2px; background-image: url(../images/fond_menu.gif); background-repeat: repeat-x; text-align:center; color: white; }
ul.menu_pro > li > p { margin: 3px 0px 0px 0px; height: 22px; }
ul.menu_pro > li > p a{ color: white; text-decoration: none; }
ul.menu_pro > li > p a:hover{ color: white; text-decoration: none; }
/* les sous menu */
ul.menu_pro > li > ul > li { color: #333333; text-align:left; font-size: 12px; margin: 5px 0px 0px 0px; font-weight: bold; padding: 2px; }
/* pour tous les liens dans le menu */
ul.menu_pro A { color: #333333; margin-left: 0px; font-weight: bold; padding: 2px; text-decoration: none; }
/* pour tous les liens dans le menu lorque l'on passe la souris */

ul.menu_pro a:hover { color: #333333; margin-left: 0px; font-weight: bold; padding: 2px; text-decoration: underline; }

/* Onglet a droite */
div#onglet { Z-INDEX: auto; width: 210px; float: right; margin: 5px 5px 5px 5px; }
/* Onglet titre */
h1 { font-size: 20px; font-family: Arial, Helvetica, sans-serif;  border-bottom: 2px solid; text-align: center; padding-bottom: 10px; font-weight: normal; margin: 5px 0px 10px 0px; font-style: normal; }
/* Onglet actu cadre */
div.actu { float: left; color: #723D7F; width: 90%; height: 240px; padding: 5px 5px 5px 5px; margin: 5px 5px 5px 5px; border: 1px solid #999999; background-image: url(../images/actubande.png); }

/* Onglet actu texte */
div.actu_texte { font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; font-weight: normal; color: #666666; font-style: normal; text-align: justify; text-decoration: none; }
div.actu_texte a { color: #666666; text-decoration: none; }
div.actu_texte a:hover { color: #634D99; }
/* Onglet producteur cadre */
div.producteur { float: left; color: white; width: 90%; height: 240px; padding: 5px 5px 5px 5px; margin: 5px 5px 5px 5px; border: 1px solid #526725; background-image: url(../images/actuvert.png); }
/* Onglet facebook twitter */
div.facebook { float: left; color: white; font-size: 13px; text-align: center; width: 90%; height: 145px; padding: 5px 5px 5px 5px; margin: 5px 5px 5px 5px; border: 1px solid #999999; background-image: url(../images/facebook_fond.gif); font-weight: bold; }
div.facebook_aime { width:90%; text-align: center; margin: 5px 0px 0px 45px; }
/* Onglet producteur texte */
div.pro_texte {font-family: Georgia, "Times New Roman", Times, serif;font-size: 16px;font-weight: normal;color: #FFFFFF;font-style: normal;text-align: center;text-decoration: none;}
div.pro_texte a {color: #FFFFFF; text-decoration: none;}
div.pro_texte a:hover {color: #634D99;}

/* MILIEU DE SITE */
div#corps_site {float: left; width: 750px; padding: 5px 5px 5px 5px; margin: 5px 5px 5px 5px;}

/* footer */
div#footer {clear: both; height: 160px; text-align: center; background: #EAE4F8; font-family: georgia, "times new roman", times, serif; font-size: 9px; font-weight: normal; color: #666666; border: 1px solid #999999; padding-top: 5px;}
#footer ul {height: 85px; font-size: 14px; color: #723D7F; padding: 0px 0px 0px 0px; margin: 0px; line-height: 21px; list-style-type: none; text-align: center; border-right:#723D7F 1px solid;}
#footer2 li {display: block; width: 196px; text-decoration: none; float: left; margin: 0px; line-height: 15px; list-style-type: none; text-align: center;}
#footer2 li ul a{font-size: 10px; color: #666666; text-decoration: none;}
#footer2 li ul a:hover{text-decoration: underline;color: #881670;}

/******************************************************/
/************** FIN TEMPLATES SITE ********************/
/******************************************************/

/******************************************************/
/************** POUR TOUS LES TEMPLATES LYON **********/
/******************************************************/

/********* POUR TOUTES LES PAGES *****************/
.texte {font-family: Arial; font-size: 12px; font-weight: normal; color: #666666; font-style: normal; text-align: justify; line-height: 18px; }
.texte a:link {color: #666666; text-decoration: underline; }
.texte a:visited {color: #666666; text-decoration: underline; }
.texte a:hover {color: #634D99; }
/* titre de chaque page*/
h2 {font-size: 28px; color: #881670; letter-spacing: normal; font-family: Arial, Helvetica, sans-serif; font-style: normal; font-weight: normal; padding-bottom: 10px; margin: 4px 0px 15px 0px; border-bottom: 2px solid; }
/* Formulaire*/
label {display: inline-block; width: 250px;  text-align: right; margin-right: 10px; }
form p label {vertical-align: top; margin-left: 0px; }
/* Rectangle message en rouge lors des erreurs */
div#message {text-align: center;  border: 1px solid #ff0000; padding: 8px 0px 8px 0px; }
/* No de page */
.no_page {font-size: 12px; color: #881670; font-weight: normal; font-style: normal; }
.no_page a {color: #634D99; text-decoration: none; }
.no_page a:hover {color: #634D99; text-decoration: underline; }
/* titre page login */
h4 { font-size: 20px; font-family: Arial, Helvetica, sans-serif; color: #333333; border-bottom: 2px solid; text-align: center; padding: 5px 0px 5px 0px; font-weight: normal; margin: 0px 0px 10px 0px; font-style: normal; background-color: #d2d2e2; line-height: 20px; }
/* espace pro*/
h3 { width: 98%; font-size: 18px; font-family: Arial, Helvetica, sans-serif; color: #333333; border: 2px solid #CCCCCC; text-align: left; font-weight: normal; margin: 10px 0px 10px 0px; padding-left: 10px; font-style: normal; background-color: #d2d2e2; }
/* sous titre (le concours.php, ville-de-lyon.php*/
.s_titre_page {background:url(../images/boutons/bouton_plusinfo.gif) no-repeat top left; padding-left:21px; font-weight:bold; text-decoration:none; line-height:15px; font-size:16px;}

/************ LES BOUTONS A CLIQUER *************/
A.bouton_vert_120 {DISPLAY: block; font-family: Arial, Helvetica, sans-serif; font-size: 20px; font-weight: normal; WIDTH: 120px; HEIGHT: 25px; BACKGROUND: url(../images/boutons/bouton_vert_120.gif) no-repeat 0px 0px; COLOR: #FFFFFF; TEXT-DECORATION: none; TEXT-ALIGN: center; padding: 0x 0px 0px 0px; MARGIN: 5px 0px 0px 30px; }
A.bouton_vert_300 {DISPLAY: block; font-family: Arial, Helvetica, sans-serif; font-size: 20px; font-weight: normal; WIDTH: 300px; HEIGHT: 40px; BACKGROUND: url(../images/boutons/bouton_vert_300.gif) no-repeat 0px 0px; COLOR: #FFFFFF; TEXT-DECORATION: none; TEXT-ALIGN: center; padding: 5px 0px 0px 0px; MARGIN: 0px; }
A.bouton_violet_300 {DISPLAY: block; font-family: Arial, Helvetica, sans-serif; font-size: 20px; font-weight: normal; WIDTH: 300px; HEIGHT: 40px; BACKGROUND: url(../images/boutons/bouton_violet_300.gif) no-repeat 0px 0px; COLOR: #FFFFFF; TEXT-DECORATION: none; TEXT-ALIGN: center; padding: 5px 0px 0px 0px; MARGIN: 0px; }
A.bouton_vert_230 {DISPLAY: block; float:left; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; WIDTH: 230px; HEIGHT: 40px; BACKGROUND: url(../images/boutons/bouton_vert_230.gif) no-repeat 0px 0px; COLOR: #FFFFFF; TEXT-DECORATION: none; TEXT-ALIGN: center; padding: 2px 0px 0px 0px; MARGIN: 0px; }
A.bouton_violet_230 {DISPLAY: block; float:left; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; WIDTH: 230px; HEIGHT: 40px; BACKGROUND: url(../images/boutons/bouton_violet_230.gif) no-repeat 0px 0px; COLOR: #FFFFFF; TEXT-DECORATION: none; TEXT-ALIGN: center; padding: 3px 0px 0px 0px; MARGIN: 0px; }
A.bouton_gris_230 {DISPLAY: block; float:left; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; WIDTH: 230px; HEIGHT: 40px; BACKGROUND: url(../images/boutons/bouton_gris_230.gif) no-repeat 0px 0px; COLOR: #FFFFFF; TEXT-DECORATION: none; TEXT-ALIGN: center; padding: 3px 0px 0px 0px; MARGIN: 0px; }

/************ Couleur police médaille *************/
.Mc1 {color: #dda72d;} /* Médaille Or */
.Mc2 {color: #a7a7a7;} /* Médaille Argent   */
.Mc3 {color: #e38600;} /* Médaille Bronze */
/************ NEW *************/
.c1 {color: #666666;} /* Gris  : fiche-pro */
.c2 {color: #634D99;} /* Violet foncé  : template-admin */
.c3 {color: #723D7F;} /* Violet pale  : vignette vin resultat */
.c4 {color: #5C468D;} /* Violet  : bouton plus d'info */
.c5 {color: #723D7F;} /* Violet pale : fiche-pro */
.c6 {color: #723D7F;} /* Violet pale : cadre login.php */
.bc1 {background-color: #d2d2e2;} /* gris/violet : cadre login.php */
.bc2 {background-color: #d2d2e2;} /* gris/violet : pour tous les site - espace-pro + paiement + fiche-pro */
.bc3 {background-color: #67509e;} /* violet : template-admin + ... */
.bc4 {background-color: #d2d2e2;} /**/