@charset "utf-8";
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	/*font: inherit;*/
	vertical-align: baseline;
}

.clear{
	clear:both;
}

h2{
	font-weight:bold;
}

.nav{
	font-weight:bold;
}

body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* CSS site Centropolis - Charles-Henri Ramond & Karlane Fournier - K3 Média */

body { background: #000009 url(../img/bg_content.png) center top no-repeat; font: normal 13px/14px "Times New Roman", Times, serif; }
.wrapper { margin: 0 auto; width: 960px; }
.menu { width: 844px; } 
/*#footer { margin: 15px auto; width: 860px; }*/
#header,#header-en { margin: 0 auto;  text-align: center; width: 960px; }
#player { margin: 10px auto; text-align: center; width: 960px; }
#header { background: transparent url(../img/bg_header.png) left top no-repeat; display: block; float: left; height: 140px; }
#header-en { background: transparent url(../img/bg_header_en.png) left top no-repeat; display: block; float: left; height: 140px; }
#header #logo,#header-en #logo { display:block; float:left; height: 140px; margin-left: 50px; }
#header #logo img,#header-en #logo img {  padding: 35px 0; }
#player { display: block; float: left; height: 272px; margin-left: 58px; position: relative; width: 844px; }

/* Header */
#droite-header { position: relative;top:0;}
#droite-header div { text-transform: uppercase;}
#droite-header #fb-haut { position: absolute; right: 315px; top: 0;}
#droite-header #coords-haut a { background-color: #FFF; display: block; color: #000; font-size: 12px; height: 14px; padding: 15px  3px 0px 3px; position: absolute; right: 192px; top: 0; text-decoration: none; width: 100px; }
#droite-header #infolettre-haut a { background-color: #FFF; display: block; color: #000; font-size: 12px; height: 14px; padding: 15px  3px 0px 3px; position: absolute; right: 90px; top: 0; text-decoration: none; width: 90px; }
#droite-header #switch-lang a { background-color: #FFF; display: block; color: #000; font-size: 12px; height: 14px; padding: 15px  3px 0px 3px; position: absolute; right: 58px; top: 0; text-decoration: none; width: 20px; }
			

/* Easy Slider */
#prevBtn, #nextBtn { margin:0; padding:0; display:block; overflow:hidden; text-indent:-8000px; }
#slider { position: relative;}
#slider ul, #slider li { margin:0; padding:0; list-style:none; }
#slider li li { width: 844px; height: 272px; overflow: hidden; }	
#prevBtn { display:block; width:40px; height:61px; position:absolute; left:-50px; top:110px; z-index:1000; }
#nextBtn { display:block; width:40px; height:61px; position:absolute; left: 860px; top:110px; z-index:1000; }													
#prevBtn a, #nextBtn a { display:block; position:relative; height:61px; background:url(../img/btn-prev.png) no-repeat 0 0; width:34px; }	
#nextBtn a{ background:url(../img/btn-next.png) no-repeat 0 0; }	
#prevBtn a:focus, #nextBtn a:focus{ outline: none;}	

/* Menu principal */
#menu-haut li.sans-bordure a { border-right: 0px; }
.menu { display: block; float: left; margin-left: 58px; margin-bottom: 15px; }
#menu-inner {height: 25px; }
#menu-inner ul {margin: 0; padding: 0; list-style-type: none; }
#menu-inner ul li { background-color: #FFF; position: relative; display: inline; float: left; padding: 7px 0;height:13px; }
#menu-inner ul li a { color: #000; display: block; border-right: 1px solid #000; font-size: 13px; font-weight: bold; margin: 0; padding: 0 16px; text-decoration: none; text-transform: uppercase; height:13px;}
#menu-inner ul li a:active { color: #ed1c24;}

#menu-inner ul li a:hover{ color:#f79c3a; display: block; font-size: 13px; font-weight: bold; margin: 0; padding: 0 16px; text-decoration: none; text-transform: uppercase; }

#menu-inner ul li ul li { display: inline; float: none; }
/* Hacks pour IE \*/
* html #menu-inner ul li { float: left; height: 1%; }
* html #menu-inner ul li a { height: 1%; }
#menu-inner #menu-haut li.last { background-color: none; padding:0!important; height: 27px; margin-left: 5px; width: 79px; }
#menu-inner #menu-haut li.last a { background: transparent url(../img/bg-ecolo.png) 100% 0px no-repeat; border-right: 0px; color: green; height: 30px; padding-top: 7px; text-align: center; width: 67px;padding-left:0px!important; }

/* Contenu central */
div.sans-bordure { border-left: 0px; }
.contenu { background-color:#FFF; display: block; height: auto; margin-left: 58px; padding:20px 20px 20px 15px; width: 809px; }
.colonne { float: left; margin-bottom: 20px; padding: 10px; width: 245px; }

.contenu-col { /*border-left: 1px solid #ed1c24;*/ padding:0 20px;width:227px; }
.contenu-col.firstCol { border-left:none; }
h2.titre-col { color: #ed1c24; font-size: 30px; margin-bottom:
30px; text-transform: uppercase; padding-left:20px;margin-top:0;font-weight:bold;}
.premier-col { padding-bottom: 20px; }

.premier-col-meta{ margin:15px 0 5px 0 ;height:18px }
.premier-col-meta .date{float:left;padding-right:25px;border-right:1px solid #888888;line-height:18px;}
.premier-col-meta .icone{float:left;padding-left:10px; }

.cat {  }
h3.titre-premier-col { color: #000; font-size: 14px; font-weight: 700; text-transform: uppercase; }
.article { padding-bottom: 20px; }
h3.article-titre { color: #000; font-size: 14px; font-weight: 700; padding-bottom: 5px; text-transform: uppercase; }
.article-date { font-size: 11px; padding-bottom: 10px; }
.article-txt { clear: left; font-size: 14px; padding-top: 5px;}
.premier-col-txt p{ padding-top:5px;}
.article-txt a, .premier-col-txt a { color: #000; }
.fltrt { float: left; margin-right: 5px; }
.lire-tout a { font-style: italic; color:#ed1c24; }
#legende { border: 1px solid #000; clear: left; height: 20px; margin: 0 auto; padding: 7px; width: 480px; }
#legende div { display: block; float: left; height: 20px; line-height: 20px; margin-right: 5px; padding: 0; width: 155px; }
#legende div img { display: block; float: left; height: 20px; padding: 0 7px 0 0; }
#legende div p { font-size: 14px; font-style: italic; line-height: 20px; margin: 0; padding: 0; }

/* Menu du bas */
#menu-bas { color: #FFF; height: 50px; margin: 0 auto; padding: 15px 0; text-align: center; width: 840px; }
#menu-bas ul li { display: inline; list-style: none; margin: 0 auto; width: 840px; }
#menu-bas ul li a { border-right: 1px solid #FFF; color: #FFF; text-decoration: none; padding: 0 10px; }
#menu-bas ul li.sans-bordure a { border-right: 0px; }
#menu-bas p { font-size: 11px; padding-top: 15px;}

/* footer */
#footercontainer { background:#000 url(../img/bg_footer.jpg) center top no-repeat; border-top: 3px solid #ccc; clear: both; height: 280px; position: relative; z-index: 10;  width: 100%;}
.footer { color: #FFF; line-height:16px; margin: 10px auto; width: 840px; }
.col1 { border-left: 1px solid #ed1c24; float: left; height: 100px; margin-top: 15px; padding: 0 0 0 10px; width: 140px; }
.footer h5 { color: #FFF; font-size: 14px; margin:0px; padding-bottom: 15px; text-transform: uppercase; }
.footer ul li a { color: #FFF; font-size: 12px; margin:0px; padding-bottom: 5px; text-align: left; text-decoration: none; }
.col2 { border-left: 1px solid #ed1c24; float: left; margin-top: 15px; margin-right: 5px; height: 100px; padding: 0 0 0 10px; width: 140px; }
.col3 { border-left: 1px solid #ed1c24; float: left; margin-top: 15px; margin-right: 5px; height: 100px; padding: 0 0 0 10px; width: 210px; }
.col4 { border-left: 1px solid #ed1c24; float: left; margin-top: 15px; height: 100px; padding: 0 0 0 10px; width: 130px; }

.col5 { background: transparent url(../img/logo_footer.png) 10px 50% no-repeat; border-left: 1px solid #ed1c24; float: left; height: 100px; margin-top: 15px; padding: 0 0 0 10px; width: 150px; }
.col4 .contact { border-top: 1px solid #ed1c24; display: block; padding-top: 15px; width: 110px; }


#contenu_accueil{background:url(../img/bg_accueil.gif) repeat-y;margin-bottom:50px; }


/*ACTUALITÉS*/

/******** Colonne Gauche *********/

#contenu_actualites{background:url(../img/bg_actualites.gif) repeat-y #FFFFFF;margin-bottom:20px;}
.content_left{width:515px;float:left;padding-left:20px;}

.content_right{float:right;width:250px;}

h1.titre { color: #ed1c24; font-size: 30px; margin-bottom:20px; text-transform: uppercase; margin-top:0;font-weight:bold;}

.filtre{ font-size: 12px;font-style:italic;padding-bottom:10px;width:500px;}

.filtre p{ color: #ed1c24; padding:0;float:left;margin-right:10px;}
.filtre label{line-height:10px;margin-right:20px;}
.casesFiltres{float:left;}

.article_gros{padding:25px 0;border-top:1px solid #ed1c24;}

.header_article_gros h3{ text-transform:uppercase;font-size:14px;font-weight:bold;margin:0;float:left;line-height:21px;}

.reseauxSociaux{ float:right;display:block;}
.reseauxSociaux img{ margin-right:10px;}

.article_meta{ margin:10px 0 5px 0 ;height:18px }
.article_meta .date{float:left;padding-right:25px;border-right:1px solid #888888;line-height:20px;font-size:14px;}
.article_meta .icone{float:left;padding-left:10px; }

.content_article_gros{margin-top:15px; }
.content_article_gros img{float:left; margin:0 15px 5px 0;}
.content_article_gros p{}

/******** Colonne Droite *********/

.titreDroite { color: #ed1c24; font-size: 16px; margin-bottom:15px; text-transform: uppercase; margin-top:0;font-weight:bold;}

.content_right ul li a { color: #000000; font-size:14px;}
.content_right ul li {padding:3px 0;}

.content_right img {margin-top:24px;}



/* Événement */

.article_meta .comments{float:left;padding:0 25px;border-right:1px solid #888888;line-height:20px;font-size:14px;}
.article_meta .comments a{color:#000000;}

.article_gros_events{padding:25px 0;border-top:1px solid #ed1c24;}

.article_gros_events h3 a{text-transform:uppercase;font-size:14px;font-weight:bold;margin:0;float:left;line-height:21px;color:#000000;}

.article_gros_events .header_article_gros{ margin-top:20px;}

.nav_events a{color:#ed1c24;font-size:14px;}

.content_right .titreArchives{ margin-top:24px;}

.article_gros_events .header_article_gros h3 a{color:#000000;}

.nav_events .btn_prec{float:left;}
.nav_events .btn_suiv{float:right;}

.album img{margin:10px 0!important;}

.content_events_gros{margin-top:15px; }
.content_events_gros img{margin:20px 0;}

.albumTitle{margin-top:0!important; }

.finEvents{padding:25px 0;border-top:1px solid #ed1c24;}

h3.titreAlbum { color: #ed1c24; font-size: 16px; text-transform: uppercase; margin-top:20px;font-weight:bold;}

.miniatures{ text-align:center;}
.miniatures .mini_prec{float:left;height:80px;line-height:80px;}
.miniatures .mini_prec a{font-size:21px;color:#ed1c24;text-decoration:none;}
.miniatures .mini_suiv{float:left;height:80px;line-height:80px;}
.miniatures .mini_suiv a{font-size:21px;color:#ed1c24;text-decoration:none;}
.miniatures img{ float:left; padding:0 4px;}



/* PHOTOS & Video */	

.section_photo{width:241px;margin-right:15px;float:left;margin-top:20px;}

.filtrePhotos{border-bottom:1px solid #ed1c24;}

.content_photo img{margin:10px 0;}


/* Coordonnées*/

.content_left_coord{width:385px;float:left;padding-left:20px;}

.content_right_coord{float:right;width:80px;}

.content_coordonnees p{margin-bottom:20px;font-size:14px;margin-top:5px;}


h4.titreCoordonnees{ color: #ed1c24; font-size: 16px; margin:0; text-transform: uppercase;font-weight:bold;}

.adresse{font-weight:bold;margin-top:20px!important;}

.adresse a{color:#000000;}

.boiteCoordonnees{margin-bottom:20px;border-bottom:1px solid #ed1c24;}

.titre_transport{ color: #000000; font-size: 16px; margin:0; text-transform: uppercase;font-weight:bold;margin-bottom:20px;}

.boiteFinCoordonnees .administration{margin-bottom:5px!important;}

#googleMap{width: 345px;margin-right:15px;margin-top:50px;}

#googleMap a{color:#ed1c24;font-size:14px;}


/* COMMERCES */

.content_commerces{background:url(../img/bg_commerces.gif) repeat-y #FFFFFF;margin-bottom:20px;font-size:14px;}

.content_left_commerces{width:225px;float:left;padding-left:20px;}

.content_right_commerces{float:right;width:545px;}

h3.titreDroite{font-size:14px;}


#content_commerce_selectionner{padding:20px 10px;font-size:14px;}

.header_commerce_selectionner{height:18px;}
.header_commerce_selectionner img{float:left;}
.header_commerce_selectionner h3{margin-left:5px;line-height:18px; float:left;margin-bottom:0;}

#content_commerce_selectionner a{margin:0;padding:0;color:#000000;}


.texte_commerce_selectionner p{padding-top:20px;}



.coordonnees_selection{float:left;margin-right:80px;}
.heures_selection{float:left;}

.titre_info_selection{ color: #000000; font-size: 14px; text-transform:uppercase;font-weight:bold;margin-top:20px;}


.info_commerce_selectionner p{padding-top:3px;}


.groupe_heures ul{margin:0;padding:0;} 
.groupe_heures ul li{padding-top:3px;} 
.groupe_heures .jours{float:left;padding-right:20px;}
.groupe_heures .heures{float:left;}


.groupe .titre_groupe a{color:#000000;text-decoration:none;}
.groupe .titre_groupe img{float:left;padding-right:10px;}
.groupe .titre_groupe h4{color: #000000; font-size: 14px; text-transform:uppercase;font-weight:bold;margin-top:20px;}


.liste_groupe{margin:20px 7px 0;}
.liste_groupe li{margin:5px 0;}
.liste_groupe li a{color:#000000;text-decoration:none;line-height:18px;}

.liste_groupe li a:hover, .liste_groupe li a.active{color:#ed1c24;text-decoration:none;line-height:18px;}

.liste_groupe li img{padding-right:10px;}

.ouvert{padding-top:3px;}


/*INFOLETTRE*/

#infolettre{width:294px;height:316px;background: url(../img/bg_infolettre.jpg) no-repeat #FFFFFF; padding:20px;font-size:14px;}

#infolettre h2{font-size:16px;color:#ed1c24;font-weight:bold; text-transform:uppercase;margin-top:15px;width:260px;padding:0 25px;}
#infolettre a{color:#ed1c24; font-style:italic;float:right;}


#inscription{margin:30px 0;}

#infolettre .formulaire{width:260px;height:15px;margin:5px 0 0 20px;}
#infolettre .formulaire_bas{margin:5px 0 0 20px;}
#infolettre .form_gauche{width:123px;height:15px;margin-right:2px;}
#infolettre .form_droit{width:123px;}


/*JSWIN*/

#jswin.jswin_video{width:659px;height:530px; padding:25px;font-size:14px;}
#jswin.jswin_photo{width:659px;height:530px; padding:25px;font-size:14px;}

.header_jswin{margin-bottom:5px;}

.header_jswin .header_left_jswin{width:450px;float:left;}
.header_jswin .header_right_jswin{width:200px;float:right;}

.header_jswin .header_right_jswin a{color:#ed1c24; font-style:italic;float:right;margin-bottom:10px;}

#content_jsWin p{margin:10px 0;}


.miniatures_jswin{ text-align:center;}
.miniatures_jswin .mini_prec{float:left;height:80px;line-height:80px;}
.miniatures_jswin .mini_prec a{font-size:28px;color:#ed1c24;text-decoration:none;}
.miniatures_jswin .mini_suiv{float:left;height:80px;line-height:80px;}
.miniatures_jswin .mini_suiv a{font-size:28px;color:#ed1c24;text-decoration:none;}
.miniatures_jswin img{ float:left; padding:0 5px;}

.nav_jsWin{padding:20px 0;}

.nav_jsWin a{color:#ed1c24;font-size:14px;}
.nav_jsWin .btn_prec{float:left;}
.nav_jsWin .btn_suiv{float:right;}

/* CSS pour le concours Facebook de Centropolis - K3 Média */
#conteneur { background: #FFF url(../images/bg_body.jpg) left top no-repeat; font-family: Arial, Helvetica, sans-serif;height:1000px; position: relative; width:550px;}
#cont_frm { background: #FFF url(../images/bg_frm.jpg) left top no-repeat; height: 560px;padding: 20px 30px; position: absolute; top: 65px; left:90px; width:310px;}
#cont_frm h1 { color: red; display: block; float: left; font-size: 15px; height: 35px; margin-top: 0px; }
#inscript input { border:solid 1px #CCC; display: block; float: left;font-size:12px; padding:2px; }
#inscript select { border:solid 1px #CCC; font-size:12px; padding:2px; }
#inscript label { display: block; float: left;font-size:11px; font-weight: bold;margin: 0 5px 0 0; padding: 0;text-align: right; width: 120px;}
#inscript input:hover, #inscript select:hover, #inscript input:focus, #inscript select:focus { border: #999 1px solid; }
#inscript p { clear: both; height: 22px; line-height: 25px; margin:0 0 5px 0; padding: 0;}
#inscript .long { width: 175px;}
#inscript .moyen { width: 95px;}
#inscript .court { width: 65px;}
#inscript .tooltip { color: #666;display: block; float: left; font-size: 11px; margin-left: 3px; width:75px;}
#txt_bas { display:block; float:left; height: 65px; margin-top: 15px;}
#txt_bas p { display:block; float:left; height: 13px; line-height: 13px; width:300px;}
#inscript input[type=checkbox] {display: block; float: left;margin-right: 5px; }
.petit { font-size: 10px;}
#inscript input[type=submit] { cursor: pointer;font-weight: bold; margin-left:110px; width: 100px;}



#fancybox-close {display:none!important;}