@charset "UTF-8";
/* CSS Document */

img.png {behavior: url(png.htc);}

#motscles {text-align: center; margin-top: 10px; font-size: 9px; color: #666666;}
#motscles a {color: #999999;}
#motscles h2 {font-size: 9px; font-weight: normal; display: inline;}

#gauche{float:left; border:0px solid; width:20%;margin:1% 0 0 0; padding:0}
#centre{float:left; border-right:1px solid #CCCCCC; width:73%; margin-right:2%}
#centre_1{float:left; border-right:1px solid #CCCCCC; width:53%; margin-right:2%}
#droite{float:left; border:0px solid; width:24%; margin-top:1%}

#centre_1 h1{font-size:17px; border:0px solid; margin:0 0px 1% 1%}
#centre_1 p{font-size:0.85em; border:0px solid; margin:0 0px 0 1%}

#accroche{background-color:#000; height:30px }
#accroche p{color:#FFF; font-size:15px; padding:6px 0; text-align:center; font-family:Tahoma, Geneva, sans-serif; text-transform:capitalize; text-transform:uppercase; letter-spacing:4px;}

div.art{float:left; width:95%; height:auto; border:0px solid; margin:2%}
div.art{float:left; width:95%; height:auto; border:0px solid; margin:2%}
div.art p{font-size:13px}
div.art h3{font-size:15px}
div.art h2{color:#FFF; font-size:16px; background-color:#B3C93D; padding:4px 0 5px 0; text-align:center; margin:0 0 10px 0; text-transform:uppercase; font-weight:bold; letter-spacing:0px; text-shadow: 0 2px 1px #000;  -webkit-font-smoothing: antialiased;}
div.art ul{margin:5px 0; padding:0}
div.art li{ list-style:none; font-size:13px; margin:5px 0; padding:0}

div.bloc_1,div.bloc_2,div.bloc_3,div.bloc_4,div.bloc_5,div.bloc_6,div.bloc_7,div.bloc_8,div.bloc_9{float:left; width:45%; height:135px; border:0px solid; margin:2%}
div.bloc_6{float:left; width:28%; height:125px; border:0px solid; margin:2%; margin-bottom:0%}

div.bloc_1 h3,div.bloc_2 h3,div.bloc_3 h3,div.bloc_4 h3,div.bloc_5 h3,div.bloc_6 h3{color:#333; font-size:12px; margin:5px 0 5px 0; font-weight:bold; }
div.bloc_1 p, div.bloc_2 p, div.bloc_3 p, div.bloc_4 p, div.bloc_5 p, div.bloc_6 p, div.bloc_7 p, div.bloc_8 p, div.bloc_9 p{color:#333; font-size:11px; margin:10px 0 4px 0}
div.bloc_3 p{margin:5px 0 3px 0}

#centre_1 div.bloc_1 p, #centre_1 div.bloc_2 p, #centre_1 div.bloc_3 p, #centre_1 div.bloc_4 p, #centre_1 div.bloc_5 p, #centre_1 div.bloc_6 p, #centre_1 div.bloc_7 p, div.bloc_8 p, div.bloc_9 p{color:#333; font-size:11px; margin:10px 0 4px 0}

div.bloc_1 a, div.bloc_2 a, div.bloc_3 a, div.bloc_4 a, div.bloc_5 a, div.bloc_6 a, div.bloc_7 a, div.bloc_8 a, div.bloc_9 a{color:#333; font-size:11px; margin:5px 0 0px 0}

#droite .bloc_1, #droite .bloc_4, #droite .bloc_5, #droite .bloc_6, #droite .bloc_7, #droite .bloc_8{ width:95%; border:0px solid}
#droite .bloc_2{ width:95%; height:120px; border:0px solid; margin-top:15px}
#droite .bloc_3{ width:95%; height:128px; border:0px solid; margin-top:15px}
#droite .bloc_9{ width:95%; height:95px; border:0px solid}

#droite div[class^="bloc_"] {
    margin-top:15px;
    height: auto;
}

#droite .bloc_1 img, #droite .bloc_2 img, #droite .bloc_3 img, #droite .bloc_4 img, #droite .bloc_5 img, #droite .bloc_6 img{ margin:5px 0 0 0; width:99%}
#centre .bloc_1 img, #centre .bloc_2 img, #centre .bloc_3 img, #centre .bloc_4 img, #centre .bloc_5 img{ float:right; margin:5px 0 0 0; width:50%}
#centre .bloc_6 img{ float:right; margin:5px 0 10px 0; width:25%}

div.bloc_1 h2,div.bloc_2 h2,div.bloc_3 h2,div.bloc_4 h2,div.bloc_5 h2,div.bloc_6 h2,div.bloc_7 h2,div.bloc_8 h2,div.bloc_9 h2{color:#FFF; font-size:14px; background-color:#B3C93D; padding:4px 0 5px 0; text-align:center; margin:0 0 5px 0; text-transform:uppercase; font-weight:bold; letter-spacing:0px; text-shadow: 0 1px 1px #000;  -webkit-font-smoothing: antialiased;}

div.bloc_1 h2, div.coul_1 h2{background-color:#ECE8BE; color:#BF8273} /*COURS DE CUISINE*/
div.bloc_2 h2, div.coul_2 h2{background-color:#F5D5A7; color:#BF8273} /*RESTAURANT*/
div.bloc_3 h2, div.coul_3 h2{background-color:#B3C93D; background-color:#85C630} /*TRAITEUR*/
div.bloc_4 h2{ background-color:#85C630}
div.bloc_5 h2{ background-color:#B3C93D}
div.bloc_6 h2{ background-color:#849710}
div.bloc_7 h2{ background-color:#F90}
div.bloc_8 h2{ background-color:#F39}
div.bloc_9 h2{ background-color:#F60}

div.bloc_1{border-bottom:1px solid #ECE8BE;}
div.bloc_2{border-bottom:1px solid #F39}
div.bloc_3{border-bottom:1px solid #85C630;}
div.bloc_4{border-bottom:1px solid #06C}
div.bloc_5{border-bottom:1px solid #B3C93D}
div.bloc_6{border-bottom:1px solid #F90}
div.bloc_7{border-bottom:1px solid #F90}

div.bloc_10{float:left; width:90%; height:135px; border:0px solid; margin:2%}
div.bloc_10 h2{background-color:#ECE8BE; color:#BF8273} /*COURS DE CUISINE*/
div.bloc_10{border-bottom:1px solid #ECE8BE;}

#sous-menus {width:100%; margin:0; padding:0px 1px 1px 0px; border:0px solid #cfe7aa}
#sous-menus li{display:block; list-style:none; margin:0 0 3% 0; border:0px solid;  padding:0 0 1px 0; width:90%;}
#sous-menus li a{display:block; text-decoration:none; padding:5px;}
#sous-menus li a:hover{ }

#sous-menus li.p2 a:hover{color:#ECE8BE; background-color:#BF8273; border-left:10px solid #ECE8BE;}
#sous-menus li.p2 a{ border-left:14px solid #BF8273; background-color:#ECE8BE; color:#BF8273}

#sous-menus li.p3 a{color:#DDDDDD; background-color:#6F603D; border-left:10px solid #85C630;}
#sous-menus li.p3 a:hover{ border-left:14px solid #6F603D; background-color:#85C630; color:#6F603D}


#menus_haut {float:left; width:100%; margin:0; padding:0px 1px 1px 0px; border:0px solid #cfe7aa;}
#menus_haut li{float:left; list-style:none; margin:0 0 0 0; border:0px solid;  padding:0px 0px; }
#menus_haut li a{float:left;color:#FFFFFF;text-decoration:none;background-color:#000000;  padding:5px 8px;text-transform:uppercase; font-size:0.7em; text-align:center}
#menus_haut li a:hover{ border-bottom:5px solid #a3d15a; background-color:#c3dd9a;}

/*ACCUEIL*/
#menus_haut li a.m1{ border-bottom:5px solid #BF8273;} 
/*COURS DE CUISINE*/
#menus_haut li a.m2{border-bottom:5px solid #ECE8BE;} 
/*TRAITEUR*/
#menus_haut li a.m3{border-bottom:5px solid #85C630;} 

#menus_haut li a.m4{border-bottom:5px solid #EFA0FF;}
#menus_haut li a.m5{border-bottom:5px solid #B3C93D;}

/*AGENDA*/
#menus_haut li a.m6{border-bottom:5px solid #6F603D;} 
#menus_haut li a.m7{border-bottom:5px solid #F90;}
/*RESTAURANT*/
#menus_haut li a.m8{border-bottom:5px solid #F5D5A7;} 
/*CONTACT*/
#menus_haut li a.m9{border-bottom:5px solid #BF8273;} 




#diaporama{float:left; width:60%; margin:2%; border:0px solid #F00}

#diaporama_15{float:left; width:99%; margin:1%; border:0px solid #F00}

.inscrits{float:left; font-size:13px;  padding:1px 3px; font-weight:bold; width:150px; font-size:11px; border:0px solid}
.date_cours{float:left; font-weight:bold; font-size:13px;}
.prix{float:left; font-weight:bold; font-size:14px; margin:1% 0 0 1%; border:0px solid}
.monurl{ margin:0px 2px 0 3px; background-image:url(../images/base/fleche_droite.png); background-repeat:no-repeat; background-position:100% 100%; padding-right:15px}

.catalogue{float:left; width:45%; margin:7px; padding:5px 9px 5px 5px; border:1px solid #CCCCCC; height:188px}
.catalogue h3{float:left; width:98%; margin:0px 0 5px 0; padding:2px 5px; font-size:15px; color:#FFF; font-weight:normal; text-transform:uppercase}
.catalogue a{float:left; }
.catalogue .mon_img{float:right; min-height:90px; margin-top:7px; border:0px solid #CCC }
.catalogue .mon_img img{float:right; width:90px }
.catalogue a img{float:left; width:155px }
.catalogue p{float:left; font-size:12px;   }
.catalogue #description{float:left; font-size:12px; width:69%;; height:112px;   }
.catalogue .tarif{float:left; font-size:14px; font-weight:normal; background-color:#FF0000; color:#FFFFFF; width:60px; text-align:center; padding:3px 0; margin:0 10px 0 0px }
.catalogue .heure{float:left; font-size:12px; font-weight:bold; margin:0px 0 5px 0; border:0px solid }

.theme_0{background-color:#ECE8BE; color:#333} #menu_agenda li.theme_0 a{color:#333} .catalogue h3.theme_0{color:#333}
.theme_1{ background-color:#85C630; color:#000}
.theme_2{background-color:#6F603D; color:#000}
.theme_3{background-color:#BF8273; color:#000}


input.mon_bouton{ float:left;  }
input.mon_bouton2{ float:left; }

#centre .bloc_6 img.sinscrire{float:right; width:155px; margin:0}

#bas_page{position: relative; clear: both; padding-top: 10px; text-align: center; margin-top: 5px; border: 1px solid #AAAAAA; border-width: 1px 0 0 0}
#bas_page a{ font-size:12px; text-decoration:none ;text-transform:uppercase; font-size:0.7em;}

.sous-titre{background-color:#339933; margin:0 0 0 5px; font-size:12px; color:#FFF; font-weight:normal; padding:4px 2px 2px 5px; text-transform:uppercase; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif}

#centre h1.agenda_titre{float:left; font-size:17px; border:0px solid; margin:0 7px 0 10px; padding:1%}
#centre p.agenda_texte{float:left; font-size:12px; border:0px solid; margin:0 7px 0 10px; padding:1%}
#menu_agenda{float:left; border:0px solid; list-style:none; margin:0 0 9px 0; width:77%; padding:0}
#menu_agenda ul{ float:right; list-style:none; margin:0; padding:0}
#menu_agenda li{float:left; border:0px solid; margin:0 4px 0 0}
#menu_agenda li a{float:left; border:0px solid; padding:4px 5px; color:#FFF; text-decoration:none; font-size:13px; text-transform:uppercase; margin:0}

div.bloc_cours{float:left; width:30%; height:248px; border:0px solid; margin:2%; margin-bottom:0%; border-bottom:1px solid #F90}
#centre .bloc_cours img{ float:right; margin:5px 0 10px 0; width:23%}
div.bloc_cours h2{color:#FFF; font-size:14px; background-color:#6F603D; padding:4px 0 5px 0; text-align:center; margin:0 0 5px 0; text-transform:uppercase; font-weight:bold; letter-spacing:0px; text-shadow: 0 2px 1px #000;  -webkit-font-smoothing: antialiased;}
div.bloc_cours p{color:#333; font-size:11px; margin:10px 0 4px 0}
div.bloc_cours a{color:#333; font-size:11px; margin:5px 0 0px 0}
#centre .bloc_cours a img{ float:right; margin:5px 0 10px 0; width:100%}

div.bloc_event{float:left; width:96%; border:0px solid; margin:2%; margin-bottom:0%; border-bottom:1px solid #F90}
#centre .bloc_event img{ float:right; margin:5px 0 10px 0; width:33%}
div.bloc_event h1{color:#FFF; font-size:14px; background-color:#6F603D; padding:4px 0 5px 0; text-align:center; margin:0 0 5px 0; text-transform:uppercase; font-weight:bold; letter-spacing:0px; text-shadow: 0 2px 1px #000;  -webkit-font-smoothing: antialiased;}
div.bloc_event h2{ float:left; width:98%; font-size:0.9em; padding:1%; margin:0 0 5px 0; text-transform:uppercase; color:#6F603D;}
div.bloc_event p{color:#333; font-size:11px; margin:10px 0 4px 0}
div.bloc_event a{color:#333; font-size:11px; margin:5px 0 0px 0}
#centre .bloc_event a img{ float:right; margin:5px 0 10px 0; width:100%}