body { font-size: 12px; line-height: 16px; margin-top: 0px; margin-right: 0px; margin-left: 0px; font-family: Verdana, Tahoma, Arial, sans-serif; color: black; direction: ltr;
}

h1 {font-family: Monotype Corsica, Times Roman, Times New Roman; font-size: 18px; line-height: 22px; font-weight: bold; font-style: italic; text-align:right; margin: 0px;}
h2 {font-family: Monotype Corsica, Times Roman, Times New Roman; font-size: 22px; line-height: 24px; font-weight: bold; font-style: italic; text-align: center; margin-top: 10px;}

a:link { text-decoration: none; color: #ffffff; }
a:active { text-decoration: none; color: #ffffff; }
a:visited { text-decoration: none; color: #ffffff; }
a:hover { text-decoration: none; color: blue /*rgb(255, 244, 160)*/; }

a.travaux { text-decoration: underline; color: red; font-weight: bold; }

div { margin: 0px;
    border: 0px solid blue; /*  définition de bordure par defaut pour tous les blocs */ }

#titre_acc {  margin: 0 auto; width: 990px; height: 71px; margin-top: 140px; margin-right: 10px; margin-bottom:  1px; color: rgb(112, 62, 59); font-size: 26px; line-height: 28px; font-weight: bold; /* border: 1px solid black; /* redéfinition de bordure*/ }


/* ========================= CADRAGE GENERAL =========================*/

#titre { width: 990px; min-height: 70px; margin: 140px 10px 1px 0px; text-align: right; color: rgb(255, 244, 160); font-size: 22px; line-height: 28px; font-weight: bold; /* border: 1px solid black; /* redéfinition de bordure*/ }

#titre-warning { width: 990px; min-height: 70px; margin: 88px 10px 1px 0px; text-align: right; color: rgb(255, 244, 160); font-size: 22px; line-height: 28px; font-weight: bold; /* border: 1px solid black; /* redéfinition de bordure*/ }

#conteneur { width:1000px; min-height: 650px;  
     border: 0px solid black; /* redéfinition de bordure*/  margin: 10px auto;
     /* pour centrer tout le contenu de la page */ }
#enhaut { width: 1000px; }


#contenu { align: left; width: 810px; min-height: 350px; padding: 10px; margin-top: 5px; margin-bottom: 20px;
      background-color: white; color: #000000; }


#gauche { float:left; margin: 5px; width:197px; min-height:300px; }
#centre { float: left; width: 638px ; /* border: 1px solid blue; */ }
#droit { float:left; margin: 5px; width:10px; }
#text { align:center; width:1000px; }

.clr { clear: both; font-size:0; line-height:0; border: 0px; }

#logo { float: left; width: 172px; margin-right: 1px; height: 64px; background-color: rgb(186, 170, 98); }

#smenu { float: left; margin: 0; width: 700px; height: 63px; text-align: center; font-family: Monotype Corsica, Times Roman, Times New Roman; font-size: 28px; line-height: 34px; background-color: black;}

.ariane { Font-family: Arial;font-weight: normal; color: rgb(255, 244, 160); }
.ariane3 { Font-family: Arial; font-weight: normal; color: rgb(102, 95, 68); }

.plus { align: right; text-align: right; font-family: Monotype Corsica, Times Roman, Times New Roman; ; font-size: 12px; line-height: 14px; font-weight: bold; }

#en-bas { /*clear:both;*/ height:33px; text-align: center; line-height: 30px; font-family: Verdana, Tahoma, Arial, sans-serif; color: black; font-weight: normal; }

/* ========================= PAGE ACCUEIL =========================*/

#en-bas-accueil { /*clear:both;*/ height:33px; text-align: center; line-height: 30px; font-family: Verdana, Tahoma, Arial, sans-serif; color: black; font-weight: normal; }
#en-bas-accueil a:link { text-decoration: none; font-weight: bold; color: #804000; }
#en-bas-accueil a:active { text-decoration: none; font-weight: bold; color: #804000; }
#en-bas-accueil a:visited { text-decoration: none; font-weight: bold; color: #804000; }
#en-bas-accueil a:hover { text-decoration: none; font-weight: bold; color: blue /*rgb(255, 244, 160);*/ }


/* ========================= menu index accueil =========================*/

#menu { margin: 0 auto; width: 700px; min-height: 208px; text-align: center; font-family: Times Roman, Times New Roman; font-size: 28px; line-height: 34px;  background-color: black; padding: 1px; }

#item0  {clear: both; align: left; width: 698px; min-height: 30px; font-size: 18px; line-height: 30px; background-color: #6E6F8E; color: #ffffff; }

/* #tititem0  { align: center; width: 696px; height: 28px; } */

#tititem { float: center; width: 220px; height: 15px; } 

#item1 {float: left; width: 222px; min-height: 160px; margin: 1px 0 1px 0; background-color: #2C86B0; color: #ffffff; padding: 5px; }

#item1b {float: left; width: 222px; height: 20px; margin: 1px 0 2px 0; background-color: #2C86B0; color: #ffffff; padding: 5px; font-family: Arial, Verdana, Tahoma, sans-serif; font-size: 14px; line-height: 19px; font-weight: bold;}

#item2 {float: left; width: 221px; min-height: 160px; margin: 1px 0 1px 0; margin-left: 2px; background-color: #D44670; color: #ffffff; padding: 5px; }

#item2b {float: left; width: 221px; height: 20px; margin: 1px 0 2px 0; margin-left: 2px; background-color: #D44670; color: #ffffff; padding: 5px; font-family: Arial, Verdana, Tahoma, sans-serif; font-size: 14px; line-height: 19px; font-weight: bold;}

#item3 {float: left; width: 221px; min-height: 160px; margin: 1px 0 1px 0; margin-left: 2px; background-color: #F2C37E;  color: #ffffff; padding: 5px; }

#item3b {float: left; width: 221px; height: 20px; margin: 1px 0 2px 0; margin-left: 2px; background-color: #F2C37E;  color: #ffffff; padding: 5px; font-family: Arial, Verdana, Tahoma, sans-serif; font-size: 14px; line-height: 19px; font-weight: bold;}


#sitem {align: left; width: 100%; height: 158px; text-align: left; font-family: Arial, Verdana, Tahoma, sans-serif; font-size: 14px; line-height: 16px; font-weight: bold; }


#contenu01 { width: 999px; min-height: 350px; border: 1px solid rgb(166, 152, 88); font-family: Monotype Corsica, Times Roman, Times New Roman; ; font-size: 12px; line-height: 14px; font-weight: bold; background-color: rgb(230, 210, 122); }


#contenu02 { margin: 0 auto; width: 993px; min-height: 80px; padding: 0px; margin-top: 2px; margin-bottom: 0px; color: rgb(69, 39, 36); font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 12px; line-height: 16px; font-weight: normal; border: 1px solid rgb(166, 152, 88); background-color: rgb(255, 247, 197); }


/* ======================= PAGES DIFFUSION=========================*/
/* ========================= menu inddiff =========================*/
#menu20 { margin: 0; width: 873px; height: 63px; text-align: center; font-family: Monotype Corsica, Times Roman, Times New Roman; font-size: 28px; line-height: 34px; background-color: black; padding: 1px; }

#item20 {float: left; width: 173px; min-height: 29px; margin-left: 2px; background-color: rgb(132, 133, 171); font-size: 18px; line-height: 23px; }

#item21 {float: left; width: 173px; min-height: 30px; background-color: #2C86B0; }

#item22 {float: left; width: 173px; min-height: 30px; margin-left: 2px; background-color: #D44670; height: 36px; color: rgb(255, 244, 160); }

#item23 {float: left; width: 173px; min-height: 30px; margin-left: 2px; background-color: #F2C37E; }


#sitem21 {float: left; width: 698px; text-align: center; font-family: Arial Narrow, Liberation Sans Narrow, Gill Sans MT condensed; font-size: 16px; line-height: 18px; color: #ffffff; background-color: #D44670; font-weight: bold; border-right: solid 2px black;}

#ongl21g { border-top: 1px solid rgb(255, 244, 160); border-right: 1px solid rgb(255, 244, 160); background: rgb(150, 50, 80); color: rgb(255, 244, 160); }

#ongl21c { border-top: 1px solid rgb(255, 244, 160); border-right: 1px solid rgb(255, 244, 160); border-left: 1px solid rgb(255, 244, 160); background: rgb(150, 50, 80); color: rgb(255, 244, 160); }

#ongl21d { border-top: 1px solid rgb(255, 244, 160); border-left: 1px solid rgb(255, 244, 160); background: rgb(150, 50, 80); color: rgb(255, 244, 160); }


#contenu21 {width: 998px; min-height: 350px; background-color: #D44670; border: 1px solid rgb(255, 244, 160); font-family: Monotype Corsica, Times Roman, Times New Roman; ; font-size: 12px; line-height: 14px; font-weight: bold; }

#contenu22 { align: left; width: 973px; min-height: 20px; padding: 10px; margin-top: 1px; margin-bottom: 3px; border: 1px solid rgb(255, 244, 160); background-color: rgb(150, 50, 80); color: rgb(255, 244, 160); font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 12px; line-height: 16px; font-weight: normal; }

/* === smenu video ===*/
#contenu22a { align: left; width: 973px; min-height: 20px; padding: 10px; margin-top: 1px; margin-bottom: 0px; border: 1px solid rgb(255, 244, 160); 
      background-color: rgb(150, 50, 80); color: rgb(255, 244, 160); font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 12px; line-height: 16px; font-weight: normal; }

#contenu22b { align: left; width: 973px; min-height: 20px; padding: 0px 10px; margin-top: 0px; margin-bottom: 3px; border-left: 1px solid rgb(255, 244, 160); border-right: 1px solid rgb(255, 244, 160); border-bottom: 1px solid rgb(255, 244, 160); background-color: rgb(150, 50, 80); }


/* ========================= diff cythere =========================*/
#contenu_cyt { align: left; width: 973px; min-height: 80px; padding: 10px; margin-top: 1px; margin-bottom: 3px; border: 1px solid rgb(255, 244, 160); 
      background-color: rgb(139, 158, 133); color: rgb(255, 255, 177); font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 12px; line-height: 16px; font-weight: normal; }

.enf19 {font-family: Monotype Corsiva, Times Roman, Times New Roman; font-size: 19px; line-height: 19px; font-weight: normal; font-style: italic;}

/* ===================== cythere dixsept Moliere ======================*/
#cont17 { align: left; width: 973px; min-height: 80px; padding: 10px; margin-top: 1px; margin-bottom: 3px; border: 1px solid rgb(255, 244, 160);       background-color: rgb(143, 129, 150); color: rgb(255, 255, 153); font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 12px; line-height: 16px; font-weight: normal; }

/* ====================== cythere dixhuit1 Acteon =====================*/
#cont18a { align: left; width: 973px; min-height: 80px; padding: 10px; margin-top: 1px; margin-bottom: 3px; border: 1px solid rgb(255, 244, 160);       background-color: rgb(139, 158, 133); color: rgb(255, 255, 153); font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 12px; line-height: 16px; font-weight: normal; }

/* =================== cythere dixhuit2 Pte folies ====================*/
#cont18b { align: left; width: 973px; min-height: 80px; padding: 10px; margin-top: 1px; margin-bottom: 3px; border: 1px solid rgb(255, 244, 160);       background-color: rgb(154, 175, 147); color: rgb(75, 25, 40); font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 12px; line-height: 16px; font-weight: normal; }

#cont18b a:link { text-decoration: none; color: rgb(180, 59, 96); }
#cont18b a:active { text-decoration: none; color: rgb(180, 59, 96); }
#cont18b a:visited { text-decoration: none; color: rgb(180, 59, 96); }
#cont18b a:hover { text-decoration: none; color: blue; /*rgb(255, 46, 112);*/; }

/* ========================= cythere fantaisi =========================*/
#cont_fanta { align: left; width: 973px; min-height: 80px; padding: 10px; margin-top: 1px; margin-bottom: 3px; border: 1px solid rgb(255, 244, 160);       background-color: rgb(153, 0, 0); color: rgb(255, 255, 153); font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 12px; line-height: 16px; font-weight: normal; }


/* ========================= cythere periple =========================*/
#cont_peri { align: left; width: 973px; min-height: 80px; padding: 10px; margin-top: 1px; margin-bottom: 3px; border: 1px solid rgb(255, 244, 160);       background-color: rgb(255, 204, 0); color: rgb(255, 255, 153); font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 12px; line-height: 16px; font-weight: normal; }

#dixsept { background-color: rgb(143, 129, 150); color: rgb(255, 255, 153); }
#dixhuit1 { background-color: rgb(139, 158, 133); color: rgb(255, 255, 153); }
#dixhuit2 { background-color: rgb(154, 175, 147); color: rgb(255, 255, 255); }
#fantaisi { background-color: rgb(153, 0, 0);  color: rgb(255, 255, 255); }
#periple { background-color: rgb(255, 204, 0); }


/* ========================= diff francescafe =========================*/
#contenu_frf { align: left; width: 973px; min-height: 80px; padding: 10px; margin-top: 0px; margin-bottom: 3px; border: 1px solid rgb(255, 244, 160); 
      background-color: rgb(255, 186, 0); color: rgb(75, 25, 40); font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 12px; line-height: 16px; font-weight: normal; }

#contenu_frf a:link { text-decoration: none; color: rgb(180, 59, 96); }
#contenu_frf a:active { text-decoration: none; color: rgb(180, 59, 96); }
#contenu_frf a:visited { text-decoration: none; color: rgb(180, 59, 96); }
#contenu_frf a:hover { text-decoration: none; color: blue; }

#item_frf { background: rgb(255, 186, 0); vertical-align: middle; text-align: center; color: }
#item_frf a:link { text-decoration: none; color: rgb(75, 25, 40); }
#item_frf a:active { text-decoration: none; color: rgb(75, 25, 40); }
#item_frf a:visited { text-decoration: none; color: rgb(75, 25, 40); }
#item_frf a:hover { text-decoration: none; color: blue; }

#sitem21frf {float: left; width: 698px; text-align: center; font-family: Arial Narrow, Liberation Sans Narrow, Gill Sans MT condensed; font-size: 16px; line-height: 18px; color: #ffffff; background-color: #D44670; font-weight: bold; border-right: solid 2px black;}

.titfrf {font-family: Monotype Corsica, Monotype Corsica, Times Roman, Times New Roman; font-size: 17px; line-height: 17px; font-weight: bold; font-style: italic;}

/* ========================= diff festival =========================*/
#contenu_fes { align: left; width: 973px; min-height: 80px; padding: 10px; margin-top: 1px; margin-bottom: 3px; border: 1px solid rgb(255, 244, 160); 
      background-color: rgb(151, 108, 84); color: rgb(255, 244, 160); font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 12px; line-height: 16px; font-weight: normal; }
/* background-color: rgb(51, 82, 141); */


/* ======================= PAGES FORMATION=========================*/
/* ========================= menu indform =========================*/

#menu30 { margin: 0; width: 873px; height: 63px; text-align: center; font-family: Monotype Corsica, Times Roman, Times New Roman; font-size: 28px; line-height: 34px; background-color: black; padding: 1px; }


#item30 {float: left; width: 173px; min-height: 29px; margin-left: 2px; background-color: rgb(132, 133, 171); font-size: 18px; line-height: 23px; }


#item31 {float: left; width: 173px; min-height: 30px; background-color: #2C86B0; }


#item32 {float: left; width: 173px; min-height: 30px; margin-left: 2px; background-color: #D44670; }


#item33 {float: left; width: 173px; min-height: 30px; margin-left: 2px; background-color: #F2C37E; height: 36px; color: rgb(102, 95, 68); }


#sitem31 {float: left; width: 698px; text-align: center; font-family: Arial, Verdana, Tahoma, sans-serif; font-size: 14px; line-height: 18px; color: rgb(102, 95, 68); background-color: #F2C37E; font-weight: bold; }
#sitem31 a:link { text-decoration: none; color: rgb(102, 95, 68); }
#sitem31 a:active { text-decoration: none; color: rgb(102, 95, 68); }
#sitem31 a:visited { text-decoration: none; color: rgb(102, 95, 68); }
#sitem31 a:hover { text-decoration: none; color: blue; }


#contenu31 { width: 998px; min-height: 350px; background-color: #F2C37E; border: 1px solid rgb(255, 244, 160); font-family: Monotype Corsica, Times Roman, Times New Roman; ; font-size: 12px; line-height: 14px; font-weight: bold; }


#contenu32 { align: left; width: 973px; min-height: 20px; padding: 10px; margin-top: 0px; margin-bottom: 3px; border: 1px solid rgb(255, 244, 160); 
      background-color:  rgb(215, 172, 111); color: rgb(64, 60, 42); font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 12px; line-height: 16px; font-weight: normal; }

/* === smenu programmation ===*/
#contenu32tit { align: left; width: 973px; min-height: 20px; padding: 10px; margin-top: 1px; margin-bottom: 0px; border: 1px solid rgb(255, 244, 160); 
      background-color: rgb(215, 172, 111); color: rgb(64, 60, 42); font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 12px; line-height: 16px; font-weight: normal; }

#contenu32ssm { align: left; width: 973px; min-height: 22px; padding: 0px 10px; margin-top: 0px; margin-bottom: 3px; border-left: 1px solid rgb(255, 244, 160); border-right: 1px solid rgb(255, 244, 160); border-bottom: 1px solid rgb(255, 244, 160); background-color: rgb(215, 172, 111); }


/* ===================== PAGES QUI SOMMES NOUS ====================*/
/* ========================= menu indnous =========================*/

#menu40 { margin: 0; width: 873px; height: 64px; text-align: center; font-family: Monotype Corsica, Times Roman, Times New Roman; font-size: 28px; line-height: 34px; background-color: black; padding: 1px; }


#item40 {float: left; width: 173px; min-height: 29px; margin-left: 2px; background-color: rgb(132, 133, 171); font-size: 18px; line-height: 23px;   height: 36px; color: rgb(255, 244, 160); }

#item41 {float: left; width: 173px; min-height: 30px; background-color: #2C86B0; }

#item42 {float: left; width: 173px; min-height: 30px; margin-left: 2px; background-color: #D44670; }

#item43 {float: left; width: 173px; min-height: 30px; margin-left: 2px; background-color: #F2C37E; }

#sitem41 {float: left; width: 698px; text-align: center; font-family: Arial, Verdana, Tahoma, sans-serif; font-size: 14px; line-height: 18px; color: #ffffff; background-color: rgb(132, 133, 171); font-weight: bold; }

#contenu41 { width: 998px; min-height: 350px; background-color: rgb(132, 133, 171); border: 1px solid rgb(255, 244, 160); font-family: Monotype Corsica, Times Roman, Times New Roman; ; font-size: 12px; line-height: 14px; font-weight: bold; }

#form41webm { width: 798px; min-height: 350px; background-color: rgb(132, 133, 171); border: 1px solid rgb(255, 244, 160); font-family: Monotype Corsica, Times Roman, Times New Roman; ; font-size: 12px; line-height: 14px; font-weight: bold; }
#form41webmviel { width: 798px; min-height: 350px; background-color: rgb(255, 247, 197); border: border: 3px groove maroon; font-family: Monotype Corsica, Times Roman, Times New Roman; ; font-size: 12px; line-height: 14px; font-weight: bold; }

#form41news { width: 798px; min-height: 350px; background-color: rgb(132, 133, 171); border: 1px solid rgb(255, 244, 160); font-family: Monotype Corsica, Times Roman, Times New Roman; ; font-size: 12px; line-height: 14px; font-weight: bold; }
#form41newsviel { width: 798px; min-height: 350px; background-color: rgb(255, 247, 197); border: 3px groove maroon; font-family: Monotype Corsica, Times Roman, Times New Roman; ; font-size: 12px; line-height: 14px; font-weight: bold; }

#contenu42 { align: left; width: 973px; min-height: 20px; padding: 10px; margin-top: 3px; margin-bottom: 1px; border: 1px solid rgb(255, 244, 160); 
      background-color: rgb(110, 111, 142); color: rgb(255, 244, 160); font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 12px; line-height: 16px; font-weight: normal; }

#form42webm { align: left; width: 794px; min-height: 20px; padding: 10px; margin-top: 3px; margin-bottom: 1px; border: 1px solid rgb(255, 244, 160); 
      background-color: rgb(110, 111, 142); color: rgb(255, 244, 160); font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 12px; line-height: 16px; font-weight: normal; }
#form42webmviel { align: left; width: 794px; min-height: 20px; padding: 10px; margin-top: 3px; margin-bottom: 1px; border: 3px groove maroon;
      background-color: rgb(255, 247, 197); border: color: rgb(255, 244, 160); font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 12px; line-height: 16px; font-weight: normal; }

#form42news { align: left; width: 794px; min-height: 20px; padding: 10px; margin-top: 3px; margin-bottom: 1px; border: 1px solid rgb(255, 244, 160); 
      background-color: rgb(110, 111, 142); color: rgb(255, 244, 160); font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 12px; line-height: 16px; font-weight: normal; }
#form42newsviel { align: left; width: 794px; min-height: 20px; padding: 10px; margin-top: 3px; margin-bottom: 1px; border: 3px groove maroon;
      background-color: rgb(255, 247, 197); border: color: rgb(255, 244, 160); font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 12px; line-height: 16px; font-weight: normal; }


/* ========================= TITRAGE GENERAL =========================*/

.tit20 {font-family: Monotype Corsica, Times Roman, Times New Roman; font-size: 20px; line-height: 24px; font-weight: bold;}

.titv20 {font-family: Verdana, Arial; font-size: 22px; line-height: 24px; font-weight: bold; }

.tit20i {font-family: Monotype Corsica, Times Roman, Times New Roman; font-size: 22px; line-height: 24px; font-weight: bold; font-style: italic;}

.tit20ic {font-family: Monotype Corsica, Times Roman, Times New Roman; font-size: 22px; line-height: 24px; font-weight: bold; font-style: italic; text-align: center;}

.titv18 {font-family: Verdana, Arial; font-size: 18px; line-height: 24px; font-weight: bold;}

.tit18i {font-family: Monotype Corsica, Times Roman, Times New Roman; font-size: 18px; line-height: 22px; font-weight: bold; font-style: italic;}

.tit18id {font-family: Monotype Corsica, Times Roman, Times New Roman; font-size: 18px; line-height: 22px; font-weight: bold; font-style: italic; text-align:right; }

.tit18ic {font-family: Monotype Corsica, Times Roman, Times New Roman; font-size: 18px; line-height: 22px; font-weight: bold; font-style: italic; text-align: center;}

.titv18 {font-family: Verdana, Arial; font-size: 18px; line-height: 24px; font-weight: bold;}

.titv16 {font-family: Verdana, Arial; font-size: 16px; line-height: 22px; font-weight: bold;}

.tit16i {font-family: Monotype Corsica, Monotype Corsica, Times Roman, Times New Roman; font-size: 16px; line-height: 16px; font-weight: bold; font-style: italic;}

.pt { font-size: 10px }
.ppt { font-size: 9px }

/* ========================= INFO BULLE =========================*/

.infobulle {
    position: absolute;   
    visibility : hidden;
    border: 1px solid Black;
    padding: 4px;
    font-family: Verdana, Arial;
    font-size: 10px; line-height: 10px;
    color: black;
    background-color: #FFFFCC;
    }