/* --- PAGE --- */
body {color:#6B665C;font: 11px verdana, arial, sans-serif;
background:#694C24 url(img-cobac/background.jpg) top center  no-repeat;
background-attachment: fixed;

}


#all {margin-left:auto;margin-right:auto;width: 1050px;margin-top:-10px; }

 #div_container {
	position:absolute;
	left:200px;
	top:50px;
	width:620px;
	padding-right:80px;
	align:center;
	height:300px;
	z-index:0;

	background: url(/img-cobac/stop.png) top right  no-repeat;
	diplay:block;

	}


	
/* --- TETIERE --- */
#header {position:relative;text-align:right;width:998px;height:196px;

background: url(img-cobac/background-header.png) top center  no-repeat;
/*border:solid 1px green;*/}
#logo {position:absolute;top:10px;left:40px;/*border:solid 1px green;*/}
#bretagne {position:absolute;top:10px;left:410px;/*border:solid 1px green;*/}
#billeterie {position:absolute;top:0px;left:720px;/*border:solid 1px green;*/height:200px;diplay:block;width:240px;}
#languages {position:absolute;top:10px;left:710px;/*border:solid 1px green;*/}

#header_2 {position:relative;text-align:right;width:1050px;
background: url(img-cobac/background-header_2.png) top center  no-repeat;

height:460px;
}
#show {
	width:800px;
	height:320px;
	z-index:0;
left:0px;
top:70px;
	position:absolute;


}
#header_centre {
	width:800px;
	overflow: auto;
	background-color:#000;
	height:400px;
	margin-left:120px;


}

.slideshow{display:block;position:relative;z-index:0;border:0px solid red;}
.slideshow-images{display:block;overflow:hidden;position:relative;}
.slideshow-images img{display:block;position:absolute;z-index:1;}
.slideshow-thumbnails{overflow:hidden;}
.slideshow-images{height:300px;width:400px;}
.slideshow-images-visible{opacity:1;}
.slideshow-images-prev{opacity:0;}.slideshow-images-next{opacity:0;}.slideshow-images img{float:left;left:0;top:0;}.slideshow{height:300px;margin:0 auto;width:400px;}.slideshow a img{border:0;}.slideshow-captions{left:180px;background:#000;bottom:0;color:#FFF;font:normal 12px/22px Arial,sans-serif; text-align:center;overflow:hidden;position:absolute;width:420px;z-index:10000;}.slideshow-captions-hidden{height:0;opacity:0;}.slideshow-captions-visible{height:22px;opacity:.7;}.slideshow-controller{background:url(controller.png) no-repeat;height:42px;left:50%;margin:-21px 0 0 -119px;overflow:hidden;position:absolute;top:50%;width:238px;z-index:10000;}.slideshow-controller *{margin:0;padding:0;}.slideshow-controller-hidden{opacity:0;}.slideshow-controller-visible{opacity:1;}.slideshow-controller a{cursor:pointer;display:block;height:18px;overflow:hidden;position:absolute;top:12px;}.slideshow-controller a.active{background-position:0 18px;}.slideshow-controller li{list-style:none;}.slideshow-controller li.first a{background-image:url(controller-first.gif);left:33px;width:19px;}.slideshow-controller li.last a{background-image:url(controller-last.gif);left:186px;width:19px;}.slideshow-controller li.next a{background-image:url(controller-next.gif);left:145px;width:28px;}.slideshow-controller li.pause a{background-image:url(controller-pause.gif);left:109px;width:20px;}.slideshow-controller li.play a{background-position:20px 0;}.slideshow-controller li.play a.active{background-position:20px 18px;}.slideshow-controller li.prev a{background-image:url(controller-prev.gif);left:65px;width:28px;}.slideshow-loader{height:28px;right:0;position:absolute;top:0;width:28px;z-index:10001;}.slideshow-loader-hidden{opacity:0;}.slideshow-loader-visible{opacity:1;}.slideshow-thumbnails{bottom:-65px;height:65px;left:0;position:absolute;width:100%;}.slideshow-thumbnails *{margin:0;padding:0;}.slideshow-thumbnails ul{height:65px;left:0;position:absolute;top:0;width:10000px;}.slideshow-thumbnails li{float:left;list-style:none;margin:5px 5px 5px 0;position:relative;}.slideshow-thumbnails a{display:block;float:left;padding:5px;position:relative;}.slideshow-thumbnails a:hover{background-color:#FF9!important;opacity:1!important;}.slideshow-thumbnails img{display:block;}.slideshow-thumbnails-active{background-color:#9FF;opacity:1;}.slideshow-thumbnails-inactive{background-color:#FFF;opacity:.5;}


#cobac {
	position:absolute;
	top:140px;
	left:-17px;
	z-index:1;
}
#youtube {
	position:absolute;
	top:353px;
	left:416px;
}
#aqua {
	position:absolute;
	top:218px;
	left:707px;
	height:220px;
	diplay:block;
	width:300px;
	z-index:1;
}


/* --- PIED DE PAGE --- */
#footer {float:left;text-align:center;margin-top:20px;padding-top:5px;padding-bottom:5px;font: 10px verdana, arial, sans-serif;color:#000;background-color:#6C5833;}
#footer a {/* color: #F47E33; */ }
#footer p {font:10px verdana, arial, sans-serif;}

/* --- CONTENU --- */
#content {width:1050px;	/*border:solid 1px orange;*/height:100%;}
#main {float:left;	/*border:solid 1px orange;*/
/*background: url(img-cobac/background-header.png) top center  no-repeat;*/
width:673px;
left:0px;
}

#main_top {	/*border:solid 1px orange;*/
background: url(img-cobac/fr/buffer_haut.png) top center  no-repeat;
width:673px;
height:120px;
}
#main_bas {	/*border:solid 1px orange;*/
background: url(img-cobac/buffer_bas.png) top center  no-repeat;
width:673px;
height:120px;
}
#main_centre {
	/*border:solid 1px orange;*/
background: url(img-cobac/buffer_centre.png) top center  repeat-y;
width:673px;

}

#menu {float:right;/*border:solid 1px white;*/width:270px;
margin-top:20px;
padding-top:20px;
background: url(img-cobac/cote_fus.png) top center  no-repeat;
margin-right:70px;
height:623px;
text-align:center;

}
#menu_lien {
width:250px;
padding-top:20px;
text-align:left;


}
#menu_2 {float:right;/*border:solid 1px white;*/width:250px;
margin-top:0px;

margin-right:80px;
height:300px;


}

 ul {padding:0;margin:0;}
 li {font: 11px verdana, arial, sans-serif;font-weight:bold;list-style-type:none;padding:0;margin:0;}
 li.sublistselected0 { background:#E1E9C8; }
 li.sublist1 { padding: 0px 0px 0px 10px; font-weight:bold;}
 li.sublistselected1 { padding: 0px 0px 0px 10px; font-weight:normal;  }
 li.sublist2 { padding: 0px 0px 0px 20px; font-weight:normal;}
 li.sublistselected2 { padding: 0px 0px 0px 20px; font-weight:normal;  }


#bloc {/*border:solid 1px white;*/width:510px;
height:105px;
margin-left:100px;
margin-bottom:2px;
}
#bloc_2 {border-left:solid 3px white;width:250px;
margin-left:100px;
background: url(img-cobac/bloc.png) top center  repeat;
width:500px;
color:#FFF;
padding-left:10px;
}
#ariane {margin-top:10px;font-size:10px;}
#liensuivant {float:right;padding-right:20px;}
.article {width:510px;border:solid 1px black;}
.space {height:10px;width:510px;}




/* --- NAVIGATION --- */
#search_footer {font: 14px verdana, arial, sans-serif;color:#DDD;}

/* --- TEXTES --- */
h1 {margin-top:30px;font: bold 18px verdana, arial, sans-serif;}
h2 {font: bold 14px verdana, arial, sans-serif;}
p, td, li {font: 12px verdana, arial, sans-serif;}
a:link {color:#FFF;text-decoration:none; font: bold 12px verdana, arial, sans-serif;}
a:visited {color:#FF6600;text-decoration:none; font: bold 12px verdana, arial, sans-serif;}
a:hover {color:#FF6600;text-decoration:none; font: bold 12px verdana, arial, sans-serif;}
.petit {font: 11px verdana, arial, sans-serif;color:#DDD;}
.right {text-align:right;}
.center {text-align:center;}
select {font-size:9pt;}
input {font-size:9pt;}
hr {height:1px;}

/* --- MESSAGES --- */
.erreur {font: 12px verdana, arial, sans-serif;background-color:#FCC;padding:3px;color:#F00;margin-bottom:10px;border:solid 1px #F00;}
.succes {font: 12px verdana, arial, sans-serif;background-color:#CFC;padding:3px;color:#390;margin-bottom:10px;border:solid 1px #390;}
.info {font: 11px verdana, arial, sans-serif;background-color:#EEE;padding:10px;color:#999;margin-bottom:10px;border:solid 1px #CCC;}

/* --- IMAGES - GALERIES --- */
img {border:none;}
.galerie {clear:both;}
.vignette {padding:0px;border:solid 1px #DDD;float: left;margin: 2px 15px 10px 0;}
.vignette a:hover {text-decoration:none;}
.vignette_pdf {width:75px;height:75px;margin: 2px 15px 10px 0;}

/* --- LIENS --- */
#liens {border:solid 1px purple;}
.lien {clear:left;}
#liens h3 {}
#liens p {}
#liens a {}

/* --- ACTUALITES DEFILANTES --- */


/* --- DIAPORAMA --- */
#diaporama{position:absolute;}
.mask{margin-left:-30px;position:relative;width:600px;height:400px;overflow:hidden;}
.mask img{position:absolute;display:block;}

                                              
table {
 border-width:1px; 
 border-style:solid; 
 border-color:white;
background: url(img-cobac/bloc.png) top center  repeat;
width:98%;
color:white;
 }
 

 
 table#calendrier {
   background: url(img-cobac/bloc.png) top center  repeat;
    border: solid #FFF 1px;
    width: 100px;
	color:black;

}
 td#calendrier {
	color:black;

}
td { 
 border-width:1px;
 border-style:solid; 
 border-color:#6B665C;
padding-left:5px;
color:white;

 }
.cobac {
   /* color: #FFF;*/

    background-color: #FF6600;
color:white;
}
.cobacaqua {
    /*color: #FFF;*/
color:white;
    background-color: #66CCFF;

}




/*Code du menu*/

#menuderoulant, #menuderoulant ul /* Liste */     
{
        padding : 0; /* pas de marge intérieure */
        margin : 0; /* ni extérieure */
        list-style : none; /* on supprime le style par défaut de la liste */
        line-height : 21px; /* on définit une hauteur pour chaque élément */
        text-align : center; /* on centre le texte qui se trouve dans la liste */

}

#menuderoulant /* Ensemble du menu */
{
        font-weight : bold; /* on met le texte en gras */
        font-family : Arial; /* on utilise Arial, c'est plus beau ^^ */
        font-size : 8px; /* hauteur du texte : 12 pixels */
		
		
}

#menuderoulant a /* Contenu des listes */
{
        display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
        padding : 2px 2px 2px 2px; /* aucune marge intérieure */        
        color : #FFF; /* couleur du texte */
        text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
        width : 110px; /* largeur */
		        font-family : Arial; /* on utilise Arial, c'est plus beau ^^ */
        font-size : 9px; /* hauteur du texte : 12 pixels */	
}

#menuderoulant li /* Elements des listes */      
{ 
        float : left; 
        /* pour IE qui ne reconnaît pas "transparent" */
      
		border: 1px solid :#6C5833;
}

/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menuderoulant li
{
      /* on met une bordure transparente à droite de chaque élément */
}

#menuderoulant li ul /* Sous-listes */
{ 
        position: absolute; /* Position absolue */
        width : 100px; /* largeur */
        left: -999em; /* Hop, on envoie loin du champ de vision */
        background:#6C5833;
}

#menuderoulant li ul a{ /* liens dans les Sous-listes */
 width : 100px; /* largeur */
}

#menuderoulant li ul li /* Éléments de sous-listes */
{
        /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
        border: 1px solid #FFF;
		background-color:#6C5833;/* on met une bordure blanche en haut de chaque élément d'une sous liste */
}

/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menuderoulant li ul li                
{
       
}

#menuderoulant li ul ul 
{
        margin    : -22px 0 0 144px ; /* On décale les sous-sous-listes pour qu'elles ne soient pas au dessus des sous-listes */ 
        /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
        border-left     : 1px solid #fff ; /* Petite bordure à gauche pour ne pas coller ... */      
}

/* IE ne reconnaissant pas le sélecteur ">" ... je me répète ;-) */
html>body #menuderoulant li ul ul                
{
        border-left     : 1px solid transparent ; /* on met une bordure transparente sur la gauche de chaque élément */
}


#menuderoulant a:hover /* Lorsque la souris passe sur un des liens */    
{
        display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
        padding :2px 2px 2px 2px; /* aucune marge intérieure */        
        color : #6C5833; /* couleur du texte */
        text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
        width : 100px; /* largeur */
		
}

#menuderoulant li ul a:hover{ /* Lorsque la souris passe sur un des liens des Sous-listes */
  text-decoration: underline ;
  /*color: #000;*/ /* On passe le texte en noir... */
  /*background: #fff;*/ /* ... et au contraire, le fond en blanc */
}

#menuderoulant li:hover ul ul, #menuderoulant li.sfhover ul ul /* Sous-sous-listes lorsque la souris passe sur un élément de liste */
{
        left: -999em; /* On expédie les sous-sous-listes hors du champ de vision */
}

#menuderoulant li:hover ul, #menuderoulant li li:hover ul, #menuderoulant li.sfhover ul, #menuderoulant li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */
{
        left: auto; /* Repositionnement normal */
        min-height: 0; /* Corrige un bug sous IE */
		
		
}