*{ margin:0; padding:0; border:0; background-repeat:no-repeat; }
strong,em,q,address{ font-style:normal; }
body{ text-align:left; font-family:Verdana; font-size:11px; color:#3E3E3B; background-color:#ffffff; padding-bottom:20px; }
img{ behavior:url(/htc/pngbehavior.htc); }
ul{ list-style-type:none; }
input{ vertical-align:middle; }
textarea{ width:100%; vertical-align:top; }
a{text-decoration:none; color:blue;}
a:hover{text-decoration:none; color:black;}
thead{ text-align:center; font-family:Arial,helvetica; font-size:12px; color:#fff; }
thead td{ background-color: #4EAF32; }
tbody{ font-family:Verdana,Arial,helvetica; font-size:9px; }
#GLOBAL{ width:780px; text-align:left; }
#HEADER { width:780px; height:180px; padding-bottom:5px; background-image:url(../_img/commun/fd.jpg); }
.b2{ position:relative; width:780px; background-image:url(../_img/commun/fd2.png); }
.b2 #BOX1{ position:absolute; left:30px; width:180px; }
.b2 #BOX2{ margin-left:207px; margin-right:150px; width:550px; height:460px; min-height:460px; padding-left:10px; border-left:1px solid #BEC5CE; border-right:1px solid #BEC5CE; }
html>body .b2 #BOX2{ height:auto; }

#P37 { text-align:center }
#P37 #GLOBAL{ text-align:left; margin:0 auto 0 auto; }
#P37 #BOX1{ position:relative; border:1px solid #ffffff; height:550px; width:770px; background-image:url(../_img/accueil/panorama-hardricourt.jpg); }
#panorama{ position:absolute; left:0; top:0; display:none; }
#ecusson{ position:absolute; left:335px; top:10px; }
#plan{ position:absolute; right:25px; top:30px; }
#drapeaux{ position:absolute; left:10px; top:10px; }
#illus{ position:absolute; left:0; top:180px; }
#P37 H1{ font-size:10px; text-align:center; background-image:url(../_img/accueil/bienvenue.png); background-position:center top; margin-top:110px; text-transform:uppercase; font-family:arial; color:#B9974D; }
#P37 H1 STRONG{ display:block; height:80px; font-size:50px; text-transform:none; font-family:"Vivaldi"; color:#2266E1; background-image:url(../_img/accueil/hardricourt-fr.png); background-position:center center; }
.b1 H1 SPAN,.b1 H2 SPAN{ visibility:hidden; }
#P37 H2{ height:40px; text-align:center; background-image:url(../_img/accueil/petit-village-des-yvelines.png); background-position:center center; font-family:"Vivaldi"; color:#A3760F; font-size:20px; }



#P2 #BODY{ background-image:none; }
#P2 #BOX1{ left:2px; width:150px; }
#P2 #BOX2{ width:465px; margin-left:157px; margin-right:150px; }
#FOOTER { clear:both; }
.menuprincipal{ width:153px; padding:4px 0 4px 0; }
.menuprincipal li{ width:153px; list-style-type:none; padding:2px 0 2px 0; }
.menuprincipal a{ display:block; color:#FF0000; padding:1px 0 1px 0; text-decoration:none; font-size:9px; font-weight:bold; font-family:Verdana,Arial,helvetica; line-height:normal; }
.menuprincipal ul{ padding:8px 0 8px 0; display:none; }
.menuprincipal ul.in{ display:block; }
.menuprincipal ul li{ border-bottom:1px dotted #BEC5CE; }
.menuprincipal li li a{ padding-left:10px; color:#333; background-image:url(../_img/commun/fleche.png); background-position:3px 4px; }
.menuprincipal ul a:visited { color:#333; background-color:#fff;}
.menuprincipal ul a:hover { color:#fff; background-color:#E3B32B; }
.menuprincipal li a.on,.menuprincipal li a.nodeon { background-color:#2170D7; color:#ffffff }
#P37 .menuprincipal { position:absolute; left:70px; top:0; }
#P37 .menuprincipal ul{ display:none; }
#P2 #m1_2{ display:none }
#P2 .menuprincipal ul { display:block; }
#P2 .menuprincipal li a{ font-size:11px; color:#fff; background-color:#FF0000; }
#P2 .menuprincipal li li a{ font-size:9px; color:#333; background-color:transparent; }
#P2 #m1_21,#P2 #m1_25,#P2 #m1_34{ position:absolute; left:634px; }
#P2 #m1_21{ top:0; }
#P2 #m1_25{ top:120px; }
#P2 #m1_34{ top:300px; }

#m1_35,#m1_36{ display:none }

.anim{ z-index:1; text-align:center }
#FOOTER{ color:#999999; font-family:verdana; font-size:10px; text-align:center; border-top:1px solid #BEC5CE; }
DIV .focus {background-color:#F1F4EA; margin:12px 0 12px 0; padding:10px; border-top:1px dotted #666; text-align:left;}
DIV .focus2 {background-color:#F1F4EA; margin:12px 0 12px 0; padding:10px; border-top:1px dotted #666; border-bottom:1px dotted #666; text-align:left;}
DIV .centre {text-align:center;}
DIV .imgleft IMG{float:left;margin:0 10px 10px 10px}
DIV .imgleft {margin-bottom:20px;}
DIV .imgright IMG{float:right;margin:0 10px 10px 10px}
DIV .imgright {margin-bottom:20px;}

.SECTION-generic{ font-family:Verdana; font-size:10px; padding:5px; }

.SECTION-generic h1{ clear:both;margin:30px 0 20px 0;color:#232323;font-weight:bold;font-size:16px;font-family:verdana,sans-serif; }
.SECTION-generic h1 strong{ color:#ff0000; }
.SECTION-generic h1.center{ text-align:center; }
.SECTION-generic h2{ clear:both;padding:0 15px;margin:30px 0 25px 0;color:#4DAE31;font-weight:bold;font-size:14px;font-family:verdana,sans-serif;background-image:url(../_img/commun/h3.png);background-position:2px 3px;}
.SECTION-generic h2.center{ text-align:center; }
.SECTION-generic h2 strong{ color:#0000cc; }
.SECTION-generic h3{ clear:both;padding:0 15px;margin:25px 0 25px 0;color:#B39C20;font-weight:bold;font-size:12px;background-image:url(../_img/commun/h4.png);background-position:2px 3px; }
.SECTION-generic h4{ clear:both;margin-bottom:25px;color:#B39C20;font-weight:bold;font-size:12px;font-family:verdana,sans-serif; }
.SECTION-generic h5{ clear:both;margin-bottom:20px;color:#B39C20;font-weight:bold;font-size:11px;font-family:verdana,sans-serif; }
.SECTION-generic h6{ clear:both;margin-bottom:10px;font-weight:bold;font-size:10px;font-family:verdana,sans-serif; }

.SECTION-generic pre{ font-size:12px; color:#666666; }
.SECTION-generic address{ font-family:Verdana; font-size:10px; padding-left:15px; line-height:1.5; margin-bottom:10px;}
.SECTION-generic address span{ text-decoration:none; font-family:Verdana; }

.SECTION-generic blockquote{ margin-left:30px; padding:0 10px 0 10px; }
.SECTION-generic blockquote p{ color:#336699; font-style:italic; }
.SECTION-generic ol{ padding:5px 5px 5px 30px; list-style-type:decimal; }

.SECTION-generic dl{ padding:5px 5px 5px 30px; }
.SECTION-generic dt{ padding:5px; font-weight:bold; }
.SECTION-generic dd{ padding-left:30px; }
.SECTION-generic hr{ height:2px; background-color:#EFEFD6; margin:10px 0 20px 0; }

.SECTION-generic table{ margin:0 5px 10px 5px; padding:5px; font-family:Verdana; font-size:9px; font-weight:normal; line-height:1.4; }
.SECTION-generic table thead{ height:24px; }
.SECTION-generic table thead th{ padding:3px 8px; margin-bottom:2px; font-family:Verdana; font-weight:normal; font-size:10px; color:#3B352D; background-color:#E2E2C7; }
.SECTION-generic table tbody td{ padding:5px; vertical-align:top; text-align:left; color:#5a5144; background-color:#f5f5e4; }
.SECTION-generic table tbody th{ padding:5px; vertical-align:middle; text-align:left; color:#5a5144; border:1px solid #E2E2C7; background-color:#f5f5e4; }

.SECTION-generic table.horaires{ margin:0; margin-top:5px; padding:0; border:0; width:230px; empty-cells:collapse; background-color:#fffff; }
.SECTION-generic table.horaires tr{ width:50px; }
.SECTION-generic table.horaires thead{ height:24px;}
.SECTION-generic table.horaires thead th{ padding:3px 8px; font-family:arial; color:#1D295D; background-color:#DEddC8; }
.SECTION-generic table.horaires tbody td{ color:#000000; background-color:#F0EBDB; }
.SECTION-generic table.horaires tbody th{ border:0; color:#1D295D; background-color:#EBEaD3; font-weight:normal; }

.SECTION-generic blockquote.encadre{ border:1px solid #336699; color:#490695; }

.SECTION-generic p{ font-family:Verdana; font-size:10px; padding:5px; margin:10px; line-height:1.5; }
.SECTION-generic p.indent{ text-indent:15px; }
.SECTION-generic p.align_right{ text-align:right; }
.SECTION-generic p.align_center{ text-align:center; }
.SECTION-generic p.justify{ text-align:justify; }
.SECTION-generic p.encadre{ border:1px solid #ff0000; }
.SECTION-generic p.note{ text-indent:15px; padding-top:3px; padding-left:4px; font-family:arial; color:#2E5735; background-image:url(../_img/icon/phone.png); background-position:left 4px; }
.SECTION-generic p.note strong{ font-family:arial; color:#2E5735; font-weight:bold; }
.SECTION-generic p.horaires{ text-indent:15px; padding-top:3px; padding-left:4px; color:#E25C0B; background-image:url(../_img/icon/horloge.png); background-position:left 4px;}
.SECTION-generic p.path{ padding:0 15px;margin-bottom:5px;color:#C98B22;font-weight:normal;font-family:arial,sans-serif;font-size:10px;background-image:url(../_img/commun/h1.png);background-position:4px 4px;}
.SECTION-generic p.lettrine{ text-indent:0; padding:5px;}
.SECTION-generic p.lettrine:first-letter{ float:left; padding:5px 4px 0 0; font-size:28px; font-weight:normal; font-family:"Times New Roman"; color:#aBB5E5; text-decoration:none; }
.SECTION-generic hr.limit{ margin-bottom:5px; }
.SECTION-generic hr.separateur{ height:5px; background-image:url(../_img/separateur.png); background-repeat:repeat-x; }

.SECTION-generic ol.decimal_zero{ list-style-type:decimal-leading-zero; }
.SECTION-generic ol.decimal_zero ol{ list-style-type:decimal; }
.SECTION-generic ol.decimal_zero ol ol{ list-style-type:upper-roman; }
.SECTION-generic ol.lower_roman{ list-style-type:lower-roman; }
.SECTION-generic ol.lower_roman ol{ list-style-type:lower-alpha; }
.SECTION-generic ol.lower_roman ol ol{ list-style-type:decimal; }
.SECTION-generic ol.upper_roman{ list-style-type:upper-roman; }
.SECTION-generic ol.upper_roman ol{ list-style-type:upper-alpha; }
.SECTION-generic ol.upper_roman ol ol{ list-style-type:decimal; }
.SECTION-generic ol.lower_alpha{ list-style-type:lower-alpha; }
.SECTION-generic ol.lower_alpha ol{ list-style-type:lower-roman; }
.SECTION-generic ol.lower_alpha ol ol{ list-style-type:lower-greek; }
.SECTION-generic ol.upper_alpha{ list-style-type:upper-alpha; }
.SECTION-generic ol.upper_alpha ol{ list-style-type:lower-alpha; }
.SECTION-generic ol.upper_alpha ol ol{ list-style-type:lower-greek; }
.SECTION-generic ol.lower_greek{ list-style-type:lower-greek; }
.SECTION-generic ol.lower_greek ol{ list-style-type:lower-roman; }
.SECTION-generic ol.lower_greek ol ol{ list-style-type:lower-alpha; }

.SECTION-generic ul{ padding:5px 5px 5px 30px; margin-bottom:10px; list-style-type:square; }
.SECTION-generic ul ul{ list-style-type:circle; }
.SECTION-generic ul ul ul{ list-style-type:disc; }
.SECTION-generic ul ul ul ul{ list-style-type:square; }
.SECTION-generic ul.listpuce{ margin-top:4px; margin-bottom:10px; padding-left:70px; color:#000000; }
.SECTION-generic ul.listpuce ul{ padding-left:40px; }
.SECTION-generic ul.listpuce li{ padding-left:3px; padding-right:10px; line-height:1.5; color:#4E82CE; font-family:Verdana; font-size:10px;}
.SECTION-generic ul.listpuce li strong{ color:#000000; font-weight:normal; }
.SECTION-generic ul.lesunsacotedesautres{ list-style:none; padding:0; margin:4px 0 10px 0; overflow:auto;  border:1px solid #eeeeee; }
.SECTION-generic ul.lesunsacotedesautres li{ float:left; padding:5px; border:1px solid #ffffff; margin:12px;  color:#4E82CE; font-family:Verdana; font-size:10px; text-align:center; }
.SECTION-generic ul.lesunsacotedesautres li span{ display:block; line-height:0; margin:10px 0 0 10px; padding:0 10px 10px 0; background-image:url(../_img/ombre.png); background-position:right bottom; }
.SECTION-generic ul.lesunsacotedesautres li span img{ position:relative; top:-5px; left:-5px; }
.SECTION-generic ul.lesunsacotedesautres ul{ list-style:none; margin:0; padding:0; }
.SECTION-generic ul.lesunsacotedesautres ul li{ border:0; margin:0; padding:0; }

.mairiepratique .SECTION-generic ul.listpuce li{color:#4E82CE;}
.ville-recrute .SECTION-generic ul.listpuce li{color:#4F301a;}
.decouvrir .SECTION-generic ul.listpuce li{color:#03aE4F;}

.SECTION-generic dl.demarches{ padding-top:2px; margin:5px; font-family:Verdana; font-weight:normal; font-size:10px; }
.SECTION-generic dl.demarches dt{ cursor:s-resize; padding:4px; border-bottom:1px solid #FDFCEF; background-color:#E5EFFE; text-align:center; color:#4E82CE; }
.SECTION-generic dl.demarches dt:hover{ background-color:#CFE2FE; color:#4E82CE;}
.SECTION-generic dl.demarches dd{ padding:3px 15px 8px 15px; background-color:#FDFCEF; border-bottom:1px solid #FDFCEF; }
.SECTION-generic dl.demarches dd ul{ padding-left:20px; margin:12px 0; }
.SECTION-generic dl.pratique { padding:0; border:1px solid #bfc9fb; }
.SECTION-generic dl.pratique dt{ padding:4px 0 2px 0; text-align:center; color:#9E9E8B; font-size:10px; font-family:arial; font-weight:normal; background-color:#F5F5E4; background-position:-250px center; }
.SECTION-generic dl.pratique dd{ margin:0px; padding:5px; font-size:9px; font-family:Verdana;	background-color:#ffffff; 	}
.SECTION-generic dl.pratique a{color:#7c86bd; text-decoration:none;}
.SECTION-generic dl.pratique address{ margin:0; padding:0 0 5px 0; font-family:arial; color:#000000; font-style:normal; }
.SECTION-generic dl.semaine{ width:170px; padding:0; margin-left:5px; float:left; width:180px; margin-left:10px; font-family:arial; font-size:11px; }
.SECTION-generic dl.semaine dt{ padding:5px; border-top:1px solid #888; border-bottom:1px solid #aaa; background-color:#eee; }
.SECTION-generic dl.semaine dd{ padding:0; margin-bottom:10px; }
.SECTION-generic dl.semaine dd h4{ padding:5px; border-bottom:1px dotted #aaa; }
.SECTION-generic dl.semaine dd p{ padding:5px; text-indent:0; margin:0 }
.SECTION-generic dl.panel{ position:relative; width:312px; margin:0; padding:5px 14px 14px 0; background-position:right bottom; background-image:url(../_img/accueil/news/panel-ombre8.png); }
html>body .SECTION-generic dl.panel{ background-image:url(../_img/accueil/news/panel-ombre.png); }
.SECTION-generic dl.panel dt{ position:absolute; width:100px; top:-10px; left:13px; z-index:10; padding:2px 12px 3px 12px; font-family:arial; color:#ffffff; background-color:#4971B2; font-weight:normal; font-size:11px; text-align:center; }
.SECTION-generic dl.panel dd{ clear:both; overflow:hidden; height:68px; margin:0; padding:8px 8px 0 8px; border-bottom:1px solid #ffffff; line-height:12px; font-family:arial; background-color:#EFEEE0; color:#000000; font-weight:normal; font-size:11px; cursor:pointer; }
.SECTION-generic dl.panel dd a{ color:#000000; text-decoration:none; }
.SECTION-generic dl.panel dd p{ margin:0; padding:0; line-height:12px; font-family:Arial; font-size:11px; }
.SECTION-generic dl.panel dd p img.align-left{ margin-right:8px; }
.SECTION-generic dl.panel dd p img.align-right{ margin-left:8px; }
.SECTION-generic dl.panel dd.off{ cursor:default; }
.SECTION-generic dl.panel dd.over{ background-color:#E2E2C3; }
.SECTION-generic dl.panel dd.out{ background-color:#EFEEE0; }

.SECTION-generic div.center{ text-align:center; padding-top:10px;}
.SECTION-generic div.center object{ border:5px solid #000;}

.SECTION-generic div.encart-gris{ border:2px solid #f0f0f0; margin:10px;}
.SECTION-generic div.fond-jaune{ border:2px outset #dedeb2; background-color:#ffffe7; margin:10px;}
.SECTION-generic div.zone-active{ padding:5px; cursor:pointer; }
.SECTION-generic div.zone-active.off{ background-color:#ffeeee;}
.SECTION-generic div.zone-active.over{ background-color:#FDFFFE; cursor:pointer; }

/* Instructions nécessaires pour les colonnes en mode inline-block */
div.col1,div.col2,div.col3,div.col4{ display:-moz-inline-stack; display:inline-block; vertical-align:top; text-align:left; }

/* Hacks nécessaires pour les colonnes en mode inline-block */
#IE6 div.col1,#IE6 div.col2,#IE6 div.col3,#IE6 div.col4{ display:inline; zoom:1; }
#IE7 div.col1,#IE7 div.col2,#IE7 div.col3,#IE7 div.col4{ display:inline; zoom:1; }

.SECTION-generic div[class^="cols"]{ white-space:nowrap; }
.SECTION-generic div[class^="cols"] div[class^="col"]{ white-space:normal; }

.SECTION-generic div.cols2{ margin-bottom:20px; text-align:center; }
.SECTION-generic div.cols2 div.col1,
.SECTION-generic div.cols2 div.col2{ width:48.6%; }
.SECTION-generic div.cols2-border{ margin:20px 10% 20px 10%; text-align:center; }
.SECTION-generic div.cols2-border div.col1,
.SECTION-generic div.cols2-border div.col2{ width:48%; border:1px solid #999; min-height:200px; }
.SECTION-generic div.cols2-border div.col1{ margin-right:2.6%; }
#IE6 .SECTION-generic div.cols2-border div.col1,
#IE6 .SECTION-generic div.cols2-border div.col2{ height:200px; }
.SECTION-generic div.cols2-lateral_margin{ margin:0 10% 20px 10%; text-align:center; }
.SECTION-generic div.cols2-lateral_margin div.col1,
.SECTION-generic div.cols2-lateral_margin div.col2{ width:48.8%; }
.SECTION-generic div.cols2-chevauchement{ margin:0 1.8% 20px 2.5%; text-align:center; }
.SECTION-generic div.cols2-chevauchement div.col1{ overflow:hidden; width:50%; }
.SECTION-generic div.cols2-chevauchement div.col2{ overflow:hidden; width:50%;  }
.SECTION-generic div.cols2-40-60{ margin-bottom:20px; text-align:center; }
.SECTION-generic div.cols2-40-60 div.col1{ width:39.6%; }
.SECTION-generic div.cols2-40-60 div.col2{ width:58.6%; }
.SECTION-generic div.cols2-60-40{ margin-bottom:20px; text-align:center; }
.SECTION-generic div.cols2-60-40 div.col1{ width:58.6%; }
.SECTION-generic div.cols2-60-40 div.col2{ width:39.6%; }
.SECTION-generic div.cols2-40-60-lateral_margin_middle{ margin:0 5% 20px 5%; text-align:center; }
.SECTION-generic div.cols2-40-60-lateral_margin_middle div.col1{ width:39.6%; vertical-align:middle; }
.SECTION-generic div.cols2-40-60-lateral_margin_middle div.col2{ width:58.6%; vertical-align:middle; }
.SECTION-generic div.cols2-40-60-lateral_margin_bottom{ margin:0 5% 20px 5%; text-align:center; }
.SECTION-generic div.cols2-40-60-lateral_margin_bottom div.col1{ width:39.6%; vertical-align:bottom; }
.SECTION-generic div.cols2-40-60-lateral_margin_bottom div.col2{ width:58.6%; vertical-align:bottom; }
.SECTION-generic div.cols2-30-70{ margin-bottom:20px; text-align:center; }
.SECTION-generic div.cols2-30-70 div.col1{ width:29.6%; }
.SECTION-generic div.cols2-30-70 div.col2{ width:68.6%; }
.SECTION-generic div.cols2-30-70-bottom{ margin-bottom:20px; text-align:right; }
.SECTION-generic div.cols2-30-70-bottom div.col1{ width:28.6%; margin-right:1%; vertical-align:bottom; }
.SECTION-generic div.cols2-30-70-bottom div.col2{ width:68.6%; vertical-align:bottom; }
.SECTION-generic div.cols2-70-30{ margin-bottom:20px; text-align:center; }
.SECTION-generic div.cols2-70-30 div.col1{ width:70%; }
.SECTION-generic div.cols2-70-30 div.col2{ width:30%; }
.SECTION-generic div.cols2-70-30-border{ margin:20px 13px 20px 13px; text-align:left; }
.SECTION-generic div.cols2-70-30-border div.col1{ width:64.2%; border:2px solid #eee; }
.SECTION-generic div.cols2-70-30-border div.col2{ width:35%; }
.SECTION-generic div.cols2-18-82{ margin:0 13px 20px 13px; text-align:center; }
.SECTION-generic div.cols2-18-82 div.col1{ width:18%; }
.SECTION-generic div.cols2-18-82 div.col2{ width:82%; }

/*div[class^="cols"]{ outline:1px solid grey; }
div.col1{ outline:1px solid blue; }
div.col2{ outline:1px solid red; }
div.col3{ outline:1px solid green; }*/

/*div[class^="cols"]{ background-color:grey; }
div.col1{ background-color:blue; }
div.col2{ background-color:red; }
div.col3{ background-color:green; }*/

.SECTION-generic div.cols3{ margin-bottom:20px; text-align:center; }
.SECTION-generic div.cols3 div.col1,
.SECTION-generic div.cols3 div.col2,
.SECTION-generic div.cols3 div.col3{ width:32%; }
.SECTION-generic div.cols3-border{ margin-bottom:20px; text-align:center; }
.SECTION-generic div.cols3-border div.col1,
.SECTION-generic div.cols3-border div.col2,
.SECTION-generic div.cols3-border div.col3{ width:32%; border:1px solid #999; min-height:200px; }
#IE6 .SECTION-generic div.cols3-border div.col1,
#IE6 .SECTION-generic div.cols3-border div.col2,
#IE6 .SECTION-generic div.cols3-border div.col3{ height:200px; }
.SECTION-generic div.cols3-middle{ margin-bottom:20px; text-align:center; }
.SECTION-generic div.cols3-middle div.col1,
.SECTION-generic div.cols3-middle div.col2,
.SECTION-generic div.cols3-middle div.col3{ width:32%; vertical-align:middle; }
.SECTION-generic div.cols3-bottom{ margin-bottom:20px; text-align:center; }
.SECTION-generic div.cols3-bottom div.col1,
.SECTION-generic div.cols3-bottom div.col2,
.SECTION-generic div.cols3-bottom div.col3{ width:32%; vertical-align:bottom; }
.SECTION-generic div.cols3-lateral_margin{ margin:20px 13px; text-align:center; }
.SECTION-generic div.cols3-lateral_margin div.col1,
.SECTION-generic div.cols3-lateral_margin div.col2,
.SECTION-generic div.cols3-lateral_margin div.col3{ width:33.3%; }
.SECTION-generic div.cols3-25-50-25{ margin-bottom:20px; text-align:center; }
.SECTION-generic div.cols3-25-50-25 div.col1{ width:25%; }
.SECTION-generic div.cols3-25-50-25 div.col2{ width:50%; }
.SECTION-generic div.cols3-25-50-25 div.col3{ width:25%; }
.SECTION-generic div.cols3-40-40-20{ margin-bottom:20px; text-align:center; }
.SECTION-generic div.cols3-40-40-20 div.col1{ width:40%; }
.SECTION-generic div.cols3-40-40-20 div.col2{ width:40%; }
.SECTION-generic div.cols3-40-40-20 div.col3{ width:20%; }

.SECTION-generic div.cols4{ margin-bottom:20px; text-align:center; }
.SECTION-generic div.cols4 div.col1,
.SECTION-generic div.cols4 div.col2,
.SECTION-generic div.cols4 div.col3,
.SECTION-generic div.cols4 div.col4{ width:24%; }
.SECTION-generic div.cols4-border{ margin-bottom:20px; text-align:center; }
.SECTION-generic div.cols4-border div.col1,
.SECTION-generic div.cols4-border div.col2,
.SECTION-generic div.cols4-border div.col3,
.SECTION-generic div.cols4-border div.col4{ width:24%; border:1px solid #999; min-height:200px; }
#IE6 .SECTION-generic div.cols4-border div.col1,
#IE6 .SECTION-generic div.cols4-border div.col2,
#IE6 .SECTION-generic div.cols4-border div.col3,
#IE6 .SECTION-generic div.cols4-border div.col4{ height:200px; }
.SECTION-generic div.cols4-fixe{ width:600px; text-align:center; }
.SECTION-generic div.cols4-fixe div.col1{ width:120px; }
.SECTION-generic div.cols4-fixe div.col2{ width:200px; }
.SECTION-generic div.cols4-fixe div.col3{ width:200px; }
.SECTION-generic div.cols4-fixe div.col4{ width:80px; text-align:right; }

.SECTION-generic abbr{ cursor:help; border-bottom:1px dotted #dddddd; }
.SECTION-generic abbr.quoted:before{ content:open-quote; }
.SECTION-generic abbr.quoted:after{ content:close-quote; }
.SECTION-generic abbr.quoted{ behavior:url(/htc/fixquotes.htc); }

.SECTION-generic acronym{ border-bottom:1px dotted #dddddd; }
.SECTION-generic acronym.quoted:before{ content:open-quote; }
.SECTION-generic acronym.quoted:after{ content:close-quote; }
.SECTION-generic acronym.quoted{ behavior:url(/htc/fixquotes.htc); }
.SECTION-generic acronym.fond{ text-decoration:underline; border-bottom:2px dotted #dddddd; }




.SECTION-generic cite{ font-style:normal; }
.SECTION-generic cite.quoted:before{ content:open-quote; }
.SECTION-generic cite.quoted:after{ content:close-quote; }
.SECTION-generic cite.quoted{ behavior:url(/htc/fixquotes.htc); }
.SECTION-generic cite.quoted-jaune:before{ content:open-quote; }
.SECTION-generic cite.quoted-jaune:after{ content:close-quote; }
.SECTION-generic cite.quoted-jaune{ behavior:url(/htc/fixquotes.htc); color:#ffdd00; }
.SECTION-generic cite.article:before{ content:open-quote;  }
.SECTION-generic cite.article:after{ content:close-quote; }
.SECTION-generic cite.article{ behavior:url(/htc/fixquotes.htc); font-style:normal; color:#eaa931; }
.SECTION-generic cite.article-noir:before{ content:open-quote;  }
.SECTION-generic cite.article-noir:after{ content:close-quote; }
.SECTION-generic cite.article-noir{ behavior:url(/htc/fixquotes.htc); font-style:normal; color:#000; }
.SECTION-generic cite.article-vert:before{ content:open-quote;  }
.SECTION-generic cite.article-vert:after{ content:close-quote; }
.SECTION-generic cite.article-vert{ behavior:url(/htc/fixquotes.htc); font-style:normal; color:#006e27; }
.SECTION-generic cite.article-bleu:before{ content:open-quote;  }
.SECTION-generic cite.article-bleu:after{ content:close-quote; }
.SECTION-generic cite.article-bleu{ behavior:url(/htc/fixquotes.htc); font-style:normal; color:#05447a; }
.SECTION-generic cite.livre{ font-weight:normal; font-style:italic; color:#7d7dc4}
.SECTION-generic cite.journal{ font-weight:bold; font-style:italic; color:#00cc49 }
.SECTION-generic cite.journal-vert{ font-weight:bold; font-style:italic; color:#7373f1 }
.SECTION-generic cite.journal-bleu{ font-weight:bold; font-style:italic; color:#065495 }
.SECTION-generic cite.auteurs{ font-weight:normal; font-style:normal;color:#000;}
.SECTION-generic cite.auteurs-vert{ font-weight:normal; font-style:normal;color:#00cc49;}
.SECTION-generic cite.auteurs-bleu{ font-weight:normal; font-style:normal;color:#065495;}
.SECTION-generic cite.editeur{ font-style:normal;color:#aaa;}
.SECTION-generic cite.conference:before{ content:open-quote;  }
.SECTION-generic cite.conference:after{ content:close-quote; }
.SECTION-generic cite.conference{ behavior:url(/htc/fixquotes.htc); font-weight:normal; font-style:normal; color:#1c8199;}
.SECTION-generic cite.conference-theme:before{ content:open-quote;  }
.SECTION-generic cite.conference-theme:after{ content:close-quote; }
.SECTION-generic cite.conference-theme{ behavior:url(/htc/fixquotes.htc); font-weight:normal; font-style:normal; color:#000;}
.SECTION-generic cite.date{ font-weight:normal; font-style:normal;color:#94cfdd;}
.SECTION-generic cite.date-vert{ font-weight:normal; font-style:normal; color:#00cc49;}
.SECTION-generic cite.date-bleu{ font-weight:normal; font-style:normal; color:#07599e;}
.SECTION-generic cite.conferencier{ font-weight:bold; font-style:normal;color:#000; }


.SECTION-generic span{ text-decoration:underline; }
.SECTION-generic span.blink{ text-decoration:blink; color:#ff0000; padding:0 4px; }
.SECTION-generic span.capitalize{ text-transform:uppercase; text-decoration:none; }
.SECTION-generic span.highlight{ text-decoration:none; background-color:#ffff00; color:#000; padding:0 4px; }
.SECTION-generic span.jauni{ text-decoration:none; color:#F8B334;}
.SECTION-generic span.small{ text-decoration:none; font-size:80%; padding:0 4px 0 4px; }
.SECTION-generic span.hidden{ visibility:hidden; }

.SECTION-generic em{ font-style:italic; }
.SECTION-generic em.big{ font-size:110%; }
.SECTION-generic em.auteurs { font-weight:bold; font-weight:normal; }

.SECTION-generic strong{ font-weight:bold; }
.SECTION-generic strong.red{ color:red; }
.SECTION-generic strong.blue{ color:blue; }
.SECTION-generic strong.italic{ font-weight:bold; font-style:italic; }
.SECTION-generic strong.big{ font-size:120%; font-weight:normal; text-transform:uppercase; }
.SECTION-generic strong.red{ color:#ff0000; }
.SECTION-generic strong.transparent{ font-weight:normal; }
.SECTION-generic strong.titre { font-weight:bold;font-style:italic; }

.SECTION-generic sub.text-bottom{ vertical-align:text-bottom; }
.SECTION-generic sub.small{ font-size:0.8em; vertical-align:text-bottom; }
.SECTION-generic sup.text-top{ vertical-align:text-top; }
.SECTION-generic sup.small{ font-size:0.8em; vertical-align:text-top; }

.SECTION-generic dfn{ color:#000000; }
.SECTION-generic dfn.fond{ background-color:#B4CDB9; color:#000000; }
.SECTION-generic dfn.highlight{ padding:0 4px 0 2px; background-color:#B4CDB9; color:#000000; }
.SECTION-generic dfn.quoted:before{ content:open-quote; }
.SECTION-generic dfn.quoted:after{ content:close-quote; }
.SECTION-generic dfn.quoted{ behavior:url(/htc/fixquotes.htc); }

.SECTION-generic q{ color:#dddddd; }
.SECTION-generic q.fond{ background-color:#EBF2B1; }
.SECTION-generic q.italic{ font-style:italic; }

.SECTION-generic cite.fond{ background-color:#C8E6Fa; }


.SECTION-generic a{ text-decoration:underline; color:#047CE2; }
.SECTION-generic a *{ color:#047CE2; }
.SECTION-generic a:hover{ color:#034D8C; }
.SECTION-generic a:visited{ color:#034D8C; }
.SECTION-generic a:visited *{ color:#034D8C; }
.SECTION-generic a:visited:hover *{ color:#034D8C; cursor:pointer; }
.SECTION-generic a.white:visited,
.SECTION-generic a.white:hover,
.SECTION-generic a.white{ color:#fff; }
.SECTION-generic a.neutral:visited,
.SECTION-generic a.neutral{ color:#000; }
.SECTION-generic a.button{ display:block; padding:10px; text-indent:14px; }
.SECTION-generic a.button:hover{ background-color:#FAFAD0; -webkit-border-radius:7px; -moz-border-radius:7px; border-radius:7px; }
.SECTION-generic a.internal:visited,
.SECTION-generic a.internal{ text-decoration:none; color:#047CE2; }
.SECTION-generic a.internal:hover{ color:#ff0000; }
.SECTION-generic a.external{ display:block; padding:10px; text-indent:14px; background-image:url(../_img/icon/externe.png); background-position:10px 10px; }
.SECTION-generic a.external:hover{ background-color:#FAFAD0; -webkit-border-radius:7px; -moz-border-radius:7px; border-radius:7px; }
.SECTION-generic a.external-neutral:visited,
.SECTION-generic a.external-neutral{ padding:0 0 0 15px; text-decoration:none; background-image:url(../_img/icon/externe.png);  }
.SECTION-generic a.external-neutral:hover{ color:#034D8C; }
.SECTION-generic a.document{ display:block; padding:10px; text-indent:14px; background-image:url(../_img/icon/telecharger.png); background-position:10px 10px; }
.SECTION-generic a.document:hover{ background-color:#FAFAD0; -webkit-border-radius:7px; -moz-border-radius:7px; border-radius:7px; }
.SECTION-generic a.document-neutral{ padding:0 0 0 14px; color:#000; background-image:url(../_img/icon/telecharger.png); }
.SECTION-generic a.document-neutral:hover,
.SECTION-generic a.document-neutral:hover *{ color:#ff0000; }
.SECTION-generic a.photos:visited,
.SECTION-generic a.photos{ padding:0 0 0 22px; color:#325a9B; text-decoration:none; background-image:url(../_img/icon/photos.png); }
.SECTION-generic a.photos:hover{ color:#5496FF; }
.SECTION-generic a.ecouter{ padding:1px 0 1px 22px; margin-top:4px; min-width:200px; color:#632181; font-size:12px; font-family:"Times New Roman"; text-decoration:none; background-image:url(../_img/icon/ecouter.png); background-position: left center; }
.SECTION-generic a.ecouter:hover{ color:#000;  background-image:url(../_img/icon/ecouter2.png); text-decoration:underline;}
.SECTION-generic a.voir{ padding:2px 0 1px 26px; margin-top:4px; min-width:200px; color:#07a6d6; font-size:12px; font-family:"Times New Roman"; text-decoration:none; background-image:url(../_img/icon/oeil.png); background-position: left 1px; }
.SECTION-generic a.voir:hover{ color:#0074d2;  background-image:url(../_img/icon/oeil2.png); text-decoration:underline;}
.SECTION-generic a.video{ padding:4px 0 0 22px; margin-top:2px; min-width:200px; color:#000; font-size:12px; font-family:"Times New Roman"; text-decoration:none; background-image:url(../_img/icon/video.png); background-position: left 1px; }
.SECTION-generic a.video:hover{ color:#aaa;  background-image:url(../_img/icon/video2.png); text-decoration:underline;}
.SECTION-generic a.etoile{ padding:4px 0 0 22px; margin-top:2px; min-width:200px; color:#b9152e; font-size:12px; font-family:"Times New Roman"; text-decoration:none; background-image:url(../_img/icon/etoile.png); background-position: left 1px; }
.SECTION-generic a.etoile:hover{ color:#9f123a;  background-image:url(../_img/icon/etoile.png); text-decoration:underline;}
/*
.SECTION-generic a.lien_int:visited,
.SECTION-generic a.lien_int{ padding:0 0 0 16px; font-family:Verdana; font-size:10px; color:#047CE2; text-decoration:none; background-image:url(../_img/icon/interne.png); }
.SECTION-generic a.lien_int:hover{ color:#034D8C; }
.SECTION-generic a.lien_ext:visited,
.SECTION-generic a.lien_ext{ padding:0 0 0 16px; font-family:Verdana; font-size:10px; text-decoration:none; color:#047CE2; text-decoration:none; background-image:url(../_img/icon/externe.png); }
.SECTION-generic a.lien_ext:hover { color:#034D8C; }
.SECTION-generic a.raccourci{ padding:0 0 0 16px; font-family:Verdana; font-size:10px; color:#0F1dd3; text-decoration:none; background-image:url(../_img/icon/droite.png); }
.SECTION-generic a.raccourci:visited,
.SECTION-generic a.raccourci:hover{ color:#180855; }
.SECTION-generic a.telechargement{ padding:0 0 0 16px; color:red; background-image:url(../_img/icon/telecharger.png); }
.SECTION-generic a.telechargement:hover{ color:#000000; }
.SECTION-generic a.file_pdf{ padding:0 0 0 16px; color:red; background-image:url(../_img/icon/telecharger.png); }
.SECTION-generic a.file_pdf:hover{ color:#000000; }
.SECTION-generic a.ensavoirplus{ padding:0 0 0 16px; font-family:Verdana; font-size:10px; background-image:url(../_img/icon/savoirplus.png);}
.SECTION-generic a.ensavoirplus:hover{ text-decoration:none; }
.SECTION-generic a.photos:visited,.SECTION-generic a.photos{ padding:0 0 0 22px; color:#325a9B; text-decoration:none; background-image:url(../_img/icon/photos.png); }
.SECTION-generic a.photos:hover{ color:#5496FF; }*/

.SECTION-generic img.align_left{ float:left; margin-right:10px; margin-bottom:3px; }
.SECTION-generic img.align_right{ float:right; margin-left:10px; margin-bottom:3px; }
.SECTION-generic img.text_middle{ margin-right:20px; vertical-align:middle; }
.SECTION-generic img.encadre_gris{ float:left; padding:4px; margin-right:8px; margin-bottom:3px;  border:1px solid #999999; }
.SECTION-generic img.encadre_rouge{ float:left; padding:4px; margin-right:8px; margin-bottom:3px; border:1px solid red; }


DIV .note {background-image:url(../_img/commun/note.png);background-position:2px 2px;clear:both;color:#C98B22;margin-top:15px;padding:0 15px;font-family:verdana,arial,helvetica,sans;font-size:10px;font-weight:bold}
DIV .note ul li{color:#C98B22;font-family:verdana,arial,helvetica,sans;font-size:10px;font-weight:bold}




.elu {float:left;width:130px; border-right:1px dotted #999;text-align:center}

.plansite{
 color:red; }
.plansite li{ display:block; float:left; width:207px; font-size:1px; line-height:0; border:1px solid #6BA5E3; margin-right:15px; margin-left:15px; margin-bottom:4px; voice-family:"\"}\""; voice-family:inherit; width:205px; }
html>body .plansite li{ width:205px;  }
.plansite li li{ float:none }
.plansite a{ display:block; width:205px; padding:0 10px 0 15px; color:#ffffff; font-weight:bold; text-decoration:none; font-size:11px; background-color:#93C4FB; line-height:normal; voice-family:"\"}\""; voice-family:inherit; width:180px; }
html>body .plansite a{ width:180px;  }

.plansite a:visited { color:#FFFFFF; }
.plansite a:hover { color:#ffffff; background-color:#4889CE; }
.plansite ul{ display:block; width:205px; padding:4px; border-top:1px solid #6BA5E3; voice-family:"\"}\""; voice-family:inherit; width:197px; }
html>body .plansite ul{ width:197px; }
.plansite ul li{ margin:0; border:0; width:197px; }
html>body .plansite ul li{ width:197px; }
.plansite ul a{ width:197px; background-color:#D6E9FE; font-weight:normal; color:#83A2F2; voice-family:"\"}\""; voice-family:inherit; width:172px; }
html>body .plansite ul a{ width:172px; }
.plansite ul a:visited { color:#83A2F2; }
.plansite ul a:hover { color:#ffffff; background-color:#4889CE; }
.plansite .nodein{ background-color:#387F2C; }
.plansite ul .nodein{ background-color:#38911E; }
.plansite .on{ background-color:#4889CE; }
.plansite ul ul{ display:block; border-top-width:0; width:205px; padding:4px 0; voice-family:"\"}\""; voice-family:inherit; width:197px; }
html>body .plansite ul{ width:197px; }
.spacer{ clear:both; }

#flash{ overflow:hidden; display:block; position:absolute; left:90px; bottom:10px; z-index:11; width:580px; height:17px; background-color:#000000; }
.flashnews{ background-color:#000000; line-height:11px; font-weight:normal; font-family:Verdana; font-size:11px; font-style:normal; color:#ffffff; _moz_opacity:0.6; }
#defil{ margin:0; padding:2px 0 0 0; white-space:nowrap; _moz_opacity:1; color:#ffffff; background-color:#000000; }
.hidden{ display:none; }
/*Tableaux divers de données prix ou horaires (theatre, danse etc)*/
TABLE.data TR TH{
background-color:#C0D0E9; }
TABLE.data TR TD{
background-color:#EEEDE5; }