.hidden {display:none;}
.right {float:right;}
.align_center, .aligncenter, .tools { text-align:center; }
.info {color:green;}

a {text-decoration:none;color:rgb(0, 102, 102);}
a:hover {text-decoration:underline}


a img {border:0;} 
#printlogo {display:none;}


.warn,.obli {color:rgb(205, 9, 22)}

a.rejouer {cursor:pointer; text-align:right; font-size:0.9em; display:block; margin:0.5em 0; }

body {padding:0;margin:0; 
	font:1em Geneva,Arial,Helvetica,Verdana,sans-serif; 
	background:#dee0cc url(/Canaux-de-Bourgogne/img/bg2.gif) no-repeat top center;}
	
div,span,img,a,h1,h2,h3 {padding:0;margin:0;}

div#mpage {margin:0 auto; width:980px;}
div#head {text-align:left; height:230px; color:#76B6B7; font-size:0.86em; }
div#head h1 {text-align:center; }
div#head span {margin-left:0.5em}
div#head ul {margin:0;padding:0; font-size:1.1em}
div#head ul li { display:inline;}
div#head ul li a {text-decoration:none; color:#fff; padding:0 1em}
div#head ul li a.actif { text-decoration:underline;} 

div#page {background-color:#fff;min-height:700px;margin-bottom:2em;padding:0.9em 0; box-shadow:0 -0.3em 0.8em #444; border-radius:0.5em;}

div#menu {float:left; width:200px;}
div#centre { margin-left:235px; width:720px; line-height:1.2em}
	
img#logo2 {padding-top:40px;}		
a.home {display:block;padding:0.2em 1em; font-size:1.2em; background-color:#006975; color:#fff; border-bottom:1px solid #226a67;}

div#menu h3 {margin-top:1em;}
div#menu ul { fontz-family:sans-serif,verdana,tahoma;list-style:none outside;margin:0;padding-left:0;font-size:0.9em }
div#menu ul li {line-height:1.2em;padding:0;margin:0}	
div#menu ul li.first {font-size:1.1em;}	
div#menu ul li a {color:#006666;text-decoration:none;padding:0.3em 0 0.3em 27px; display:block; }
div#menu ul li.first a {padding-left:17px;}
div#menu ul li a:hover,div#menu ul li a.actif {color:#fff;background-color:#006975;}
	
	
	
div.box { text-align:center;cursor:pointer;border-radius:0.8em; display:block;
            padding:0.8em 1em;  margin:1em 0.2em 0 0.7em;color:#fff; font-weight:bold;}
div.box span {text-align:center;font-size:32px;font-weight:normal; }
div.box div.rep {display:none; font-size:0.9em;} 


div#bchiffres {background-color:#76b6b7;}	
div#bword {background-color:#9faf56; }
div#bword  span { font-size:24px; }



div#centre h2 {margin:2em 0 0.5em 0; padding-bottom:0.1em; color:#22636a;border-bottom:1px solid #22636a; font-size:1.5em;  font-weight:normal;}
div#centre h3 {color:#22636a; margin:0.8em 0 0.2em 0; font-weight:normal; font-size:1.1em; }
div#centre p,div#centre span, div#centre table {margin:0.2em 1em;font-size:1em;color:#333;}
div#centre table {font-size:0.9em}
div#centre span a {font-size:0.9em;}



div#centre div#zcarte {cursor:pointer;padding:0; margin:0;position:relative;}
div#centre div#zcarte img.survol {position:absolute;top:0;left:0;}

div#centre div#zcourbe {position:relative;}
div#centre div.zbarre {padding:0;background-color:#9cdae7;opacity:0.6;filter:Alpha(opacity=60);border:0;}
div#centre div.zbarre img {border:0;float:left;}
div#centre div.ztikette {text-align:left;padding-left:2px;display:none;font-size:0.9em;width:200px;}

div#centre table { margin-top:0.6em; margin-bottom:0.6em; border:1px solid #ccc; border-collapse:collapse;}
div#centre th { font-weight:bold; background-color:#ccc; text-align:center;}
div#centre td { text-align:center; padding:0.3em; font-size:0.95em;  border:1px solid #ddd; }


div#droite {float:right; margin:0 0 2em 2em; background-color:#e6e6e6;  border-radius:1em; color:#444; padding:0.8em; width:200px; }
div#droite strong {display:block;font-weight:bold;margin:0 0 0.5em 0;color:#22636a;font-size:11px;border-bottom:1px solid #22636a;padding-bottom:0.25em}
div#droite strong small {font-weight:normal;}
div#droite ul {list-style:none outside;margin:0.5em 0;padding-left:0;font-size:0.75em; }
div#droite ul li {line-height:1.6em;border-bottom:1px solid #aaaaaa;font-weight:bold;padding:0.5em 0.8em; }
div#droite ul.docs li {line-height:1.2em;}
div#droite ul li span { float:right;font-weight:normal; }
div#droite ul.docs li span { float:none; display:block; text-align:right; margin:0.25em 0 0 0;  }
div#droite ul.docs li a.linkmedia img {margin:0 0.1em;vertical-align:middle} 
div#droite ul.docs li a.linkmedia {padding:0.2em 0.5em;}
div#droite ul.docs li a.linkmedia:hover {text-decoration:underline;}

div#droite ul li a {text-decoration:none; color:#22636a;font-weight:normal}
div#droite ul li img {margin:0 0.5em 0 0}

div.tools {text-align:center;border-top:1px solid #22636a; margin:2em 0;padding:1em 0 0 1em;}
div.tools a {background-color:#696a6c; 
	  background-image:-moz-linear-gradient(top, #8d8f90, #626365); 
	  background-image:-webkit-linear-gradient(top, #8d8f90, #626365); 
	  background-image:-ms-linear-gradient(top, #8d8f90, #626365); 
	  background-image:-o-linear-gradient(top, #8d8f90, #626365); 
	  background-image:linear-gradient(top, #8d8f90, #626365);
	  background-image:-webkit-gradient(linear,top,bottom,#8d8f90,#626365);

	  color:#fff;padding:0.3em 1.3em;border-radius:0.5em; text-decoration:none; margin:0 1em; }
div.tools a img {vertical-align:bottom; margin:0 0 0 0.5em}
div.tools a img.l {vertical-align:bottom; margin:0 0.5em 0 0}

div.lastminute, div.blocnavigation {border-radius:0.5em; border:2px solid #f90;padding:1em;margin:1em 0.5em;}
div.blocnavigation {zbackground-color:#f90; zcolor:#fff; display:block; text-align:justify; }
div.avecdroite { width:420px; } 
// div#centre div.blocnavigation p {color:#fff;}


div#contactng_formulaire {font-size:0.9em} 
div#contactng_formulaire label.l140 { display:block; float:left; width:140px; text-align:right;  margin-top:0.3em; font-size:0.86em}
div#contactng_formulaire input, div#contactng_formulaire textarea {border:1px solid rgb(135, 158, 172); vertical-align:middle; padding:0.1em; margin:0.5em;}
div#contactng_formulaire input.input_radio {border:0;}


small.ie8 {font-size:1em;color:#555;margin:0 2em;float:right; }

div#contactng_formulaire p.info {color:#399513;}

div#footer {text-align:center;color:#555;font-size:0.9em;margin:-1em 0 0 0;padding:0 0 1em 0;}
div#footer a {text-decoration:none; color:#555; }   
div#footer a:hover {color:#222;}   


div#arc_formulaire  {font-size:0.9em}
div#arc_formulaire label.l100 { display:block; float:left; width:140px; text-align:right;  margin-top:0.5em;}
div#arc_formulaire input,div#arc_formulaire textarea  {border:1px solid rgb(135, 158, 172); vertical-align:middle; padding:0.1em; margin:0.5em;}
div#arc_formulaire div.onecol {margin-left:1em; }
div#arc_formulaire input.submit {border:0; } 
div#arc_formulaire .info big {color:#399513;}

div#centre div.s2 {margin-top:3em}
div#centre div.s2 h2 {margin:0.5em 0;padding:0.3em 0;font-size:1.2em; color:#f90; text-transform:uppercase;}
div#centre div.s2 h3 {margin:0 0 0.5em 0;font-size:1.8em; color:#066; line-height:1.2em}


div#centre div.s2 p {padding:0;margin:0.5em 0;}
div#centre div.s2 ul { margin:0;padding:0;list-style:none;}
div#centre div.s2 ul li { list-style:none; display:table-row;}

div#centre div.s2 ul li ul li {list-style:disc inside; margin:0.2em 0;padding:0.2em 0;}
div#centre div.s2 ul li ul { margin:0.2em 0;padding:0;list-style:disc inside;}

div#centre div.s2 div.chapo {padding:0;margin:0 0 1em 0; font-size:1.1em; line-height:1.2em;}
div#centre div.s2 div.chapo p {margin:0.5em 0; color:#006975;}

div#centre div.s2 div#article_image {float:right; width:366px; border:1px solid #ddd;margin:0 0 0 1em;overflow-x:hidden;text-align:center;}
div#centre div.s2 div#article_image img#img_mediatheque_1 { max-width:366px; borderz:1px solid #777; }
div#centre div.s2 div#article_image p {margin:0; font-size:0.8em;text-align:center;}

div#centre div.s2 div.crbgaleryminis {float:right; width:366px; margin:0 0 0.2em 1em; text-align:right}
div#centre div.s2 div.crbgaleryminis >div {display:inline;padding:0 0 0 2px;}
div#centre div.s2 div.crbgaleryminis img {height:32px;border:1px solid #777; }
div#centre div.s2  strong.orange {color:#f90;font-size:1.1em}

div#centre div.s2 p.navbar {background-color:#006975; margin:0 0 1em 0 ;padding:0.2em 0.5em; border-radius:0.5em; width:300px;text-align:center;}
div#centre div.s2 p.navbar a {text-decoration:none; color:#fff;padding:0.2em 0.7em;margin:0}
div#centre div.s2 p.navbar a:hover {background-color:#f90}

div#centre div.s2 div.carouselbloca {width:227px;height:250px;}
div#centre div.s2 div.carouselbloca h3 {text-transform:uppercase;font-size:0.9em;border-bottom:1px solid #006975;margin-top:0.5em}
div#centre div.s2 div.carouselbloca h4 {font-size:1.2em;line-height:1.1em;color:#107985;margin:0;font-weight:normal}

div#centre div.s2 div.carouselblocb {width:227px;height:250px;overflow;hidden;background-color:#006975;padding:0}
div#centre div.s2 div.carouselblocb a {height:100%;display:block;padding:1em;text-decoration:none}
div#centre div.s2 div.carouselblocb h3 {text-transform:uppercase;font-size:0.9em;border-bottom:1px solid #fff;color:#fff}
div#centre div.s2 div.carouselblocb h4 {font-size:1.2em;line-height:1.2em;color:#fff;margin:0.8em 0;font-weight:normal}
div#centre div.s2 div.carouselblocb p {color:#fff}
div#centre div.s2 div.article_tools { margin:1em 0; text-align:center; display:none;}
div#centre div.s2 div.tools {  text-align:center;}
div#centre div.s2 ul li.n0 div.aligncenter {display:none;}

div#centre div.s2 table tr td {vertical-align:top; cursor:pointer;  }
div#centre p img.avecbordure {margin:1.5em 0 0 -0.25em ;padding:0;}
div#centre a.panel {margin:0.25em 1em; }
div#centre div.divpanel {border-left:1px solid #999; margin-left:1.5em; padding-top:0.5em }


div.s2 p.left img {float:left; margin:0.3em 1em 1em 0; border:1px solid #999;}
div.s2 h3 a {text-decoration:none;  color:#066;  margin:0;padding:0; font-size:0.9em}
p.moreandmore {text-align:right;color:#006975; margin:-0.5em 0 0 0; padding:0} 
p.moreandmore a {color:#006975;}


div#article_doc_centre ul, div#article_doc_centre ul li {list-style:none;}
div#article_doc_centre ul li div.vignette {float:left; margin:0 1em 0 0;}
div#article_doc_centre ul li div.vignette img {border:1px solid #aaa;}



@media print {  
   body,#mpage,#page,#centre {background-color:#fff;border:0;background-url:none;margin:0;padding:0}
   #menu,#head,.tools,span a { display:none; }    
   H1, H2, H3, H4, H5, H6, li  {page-break-inside:avoid;border:0 }
   div#zcourbe {page-break-inside:avoid; }
   div#page {min-height:0;margin:1.5em 0;padding:1em 2em; border:2px solid #555; box-shadow:none; }
   div#centre {margin-left:0; width:100%; }
   div#centre h2 {margin-top:0.5em;}
   div#centre div.zbarre {border-top:5px solid #000;opacity:1;background:none;}
   div#centre div.zbarre img {display:none;}
   div.lastminute, div.blocnavigation {font-size:1em;background-color:#fff;color:#000;font-weight:bold;}
   #printlogo {display:block;text-align:center;}
   div#droite {border-left:2px solid #f90;border-radius:0;padding:0.1em 0 0.5em 1em;} 
   div#footer {display:none; }

}