@charset "UTF-8";

/******************************
*                             *
*    Crazy Republic CSS 1.0   *
*                             *
*      Web-numeric   2009     *
*                             *
******************************/


/*=======================================================================================
=========>>> GLOBAL <<<==================================================================
=======================================================================================*/
body
{
	background:#000 url(../pict/BG-site.gif) top center repeat-y;
	font-size:9pt;
	color:#fff;
	font-family:Verdana, Geneva, sans-serif;
	margin:0;
	padding:0;
}
.clearBoth
{
	clear:both;
}
#global
{
	width:960px;
	margin:0 auto 0 auto;
	position:relative;
}


/*=======================================================================================
=========>>> HEAD <<<====================================================================
=======================================================================================*/
#head
{
	margin:0 0 15px 0px;
}
#head h1
{
	margin:0 0 20px 0;
	padding:18px 0 0 0;
}
#head h1 a
{
	display:block;
	width:823px;
	height:62px;
	background:url(../pict/BG-titre-CR.gif) no-repeat;
	margin:0 auto 0 auto;
}
#head h1 a span
{
	display:none;
}
#head h1 a img
{
	border:none;
}



/*=======================================================================================
=========>>> HOME Diaporama <<<==========================================================
=======================================================================================*/
#gallery {
    position:relative;
    height:339px
}
#gallery a {
	float:left;
	position:absolute;
}
 
#gallery a img {
	border:none;
}
 
#gallery a.show {
	z-index:500
}





/*=======================================================================================
=========>>> CONTENT <<<=================================================================
=======================================================================================*/
#content
{
	width:812px;
	margin:0 auto 0 auto;
}
/*=-=-=-=-=-=-=-=-=-= Colonne 1 =-=-=-=-=-=-=-=-=-=-=-=-=*/
#col1
{
	float:left;
	width:548px;
}
#col1Cont
{
	height:352px;
	background:url(../pict/BG-top-bloc-principal.gif) top no-repeat;
}
#col1Cont p
{
	margin:0;
	padding:13px 14px 0 13px;
}
#youtube
{
	margin:0;
	padding:13px 14px 0 13px;
}
#col1Cont  img
{
	border:none;
}
#col1ContBas
{
	height:13px;
	background:url(../pict/Bg-bottom-bloc-principal.gif) bottom no-repeat;
}
#video
{
	padding:13px 14px 0 13px;
	text-align:center;
}

/*=-=-=-=-=-=-=-=-=-= Colonne 2 =-=-=-=-=-=-=-=-=-=-=-=-=*/
#col2
{
	float:left;
	width:218px;
	margin:0 0 0 30px !important;
	margin:0 0 0 15px;
}
#col2 table
{
	width:218px;
}
#col2 table h2
{
}
#col2 table a img
{
	border:none;
}
#col2 a
{
	color:#fff;
}
#col2 a:hover
{
	text-decoration:none;
}
.autreConcert
{
	width:218px;
	display:block;
	background:url(../pict/zone-top-contenu-bis.gif) top no-repeat;
}
.autreConcert img
{
	margin:6px 6px 0 6px;
	border:none;
}
.autreConcert p
{
	margin:0;
	padding:6px 0 0 0;
	height:22px;
	color:#000;
	text-align:center;
	background:url(../pict/zone-bottom-contenu-bis.gif) top no-repeat;
}

/*=-=-=-=-=-=-=-=-=-= Les magasins =-=-=-=-=-=-=-=-=-=-=-=-=*/
#content.store
{
	width:810px;
	height:410px;
	position:relative;
}
#content.store a img
{
	border:none;
}
#content.store h2
{
	font-weight:normal;
	padding-left:5px;
}
.blocMagRennes, .blocMagNantes
{
	display:block;
	width:280px;
	height:210px;
	position:absolute;
}
.blocMagRennes
{
	top:45px;
	left:5px;
}
.blocMagNantes
{
	top:195px;
	left:520px;
}
.horairesRennes, .horairesNantes
{
	position:absolute;
	width:500px;
	font-size:1.1em;
}
.horairesRennes td, .horairesNantes td
{
	padding:0 0 10px 0;
}
.horairesRennes a, .horairesNantes a
{
	color:#fff;
	text-decoration:none;
}
.horairesRennes a:hover, .horairesNantes a:hover
{
	text-decoration:underline;
}
.horairesRennes
{
	top:60px;
	left:300px;
}
.horairesNantes
{
	top:290px;
	left:0;
}

/*=-=-=-=-=-=-=-=-=-= La collection =-=-=-=-=-=-=-=-=-=-=-=-=*/
#content.collection
{
	width:810px;
	height:330px;
	padding:3px 0 0 2px;
	background:url(../pict/BG-collection-flash.gif) top left no-repeat;
}
/*=-=-=-=-=-=-=-=-=-= Blog =-=-=-=-=-=-=-=-=-=-=-=-=*/
#content.blog
{
	width:810px;
	height:396px;
	background:url(../pict/BG-blog.gif) top left no-repeat;
}
#content.blog p
{
	margin:0;
	padding:10px 30px 10px 15px;
	height:370px;
	color:#000;
	overflow:auto;
}


/*=======================================================================================
=========>>> NAVIGATION <<<==============================================================
=======================================================================================*/
#nav
{
	width:950px;
	height:140px;
	position:relative;
	margin:20px auto 0 auto;
}
#nav table
{
	margin:0;
	padding:0;
	width:850px;
}
#support
{
	margin:6px 0 0 0;
}
.select-flch1
{
	background:url(../pict/flch-prcdt.gif) top left no-repeat;
	display:block;
	width:43px;
	height:28px;
	margin:0 0 0 15px;
	cursor:pointer;
}
.select-flch2
{
	background:url(../pict/flch-svt.gif) top left no-repeat;
	display:block;
	width:43px;
	height:28px;
	cursor:pointer;
}
.select-flch1 strong, .select-flch2 strong
{
	display:none;
}
.celBloc
{
	display:block;
	width:173px;
	height:126px;
	margin:0 30px 0 0px;
	background:url(../pict/BG-top-bloc-lien.gif) top no-repeat;
	text-decoration:none;
}
.celBloc:hover
{
	color:#666;
}
.celBloc img
{
	max-width:153px;
	border:none;
	margin:11px 10px 0 10px;
}
.celBloc strong
{
	height:23px;
	padding:5px 0 0 0;
	width:173px;
	display:block;
	text-align:center;
	color:#000;
	font-weight:normal;
	background:url(../pict/BG-bottom-bloc-lien.gif) bottom no-repeat;
}

.celBloc span
{
	display:block;
	width:152px;
	height:97px;
	padding:0px 10px 0 10px;
	text-align:center;
	color:#fff;
}


/*=======================================================================================
=========>>> FOOTER <<<==================================================================
=======================================================================================*/
#footer
{
	text-align:center;
	margin:30px 0 20px 0;
}
#Facebook
{
	color:#FFF;
	font-size:1.3em;
}
#Facebook p
{
	/*background:url(../pict/btn-FB.jpg) top left no-repeat;
	padding:5px 0 0 33px;*/
	padding:5px 0 0 0px;
	margin:0 auto 0 auto;
	width:530px;
	text-align:left;
	height:28px;
}
#Facebook p a
{
	text-decoration:none;
	color:#FFF;
}
#Facebook p span, #Facebook p span a
{
	/*color:#445597;*/
	color:#44629E;
}
#btnFB
{
	margin:0 8px 0 8px;
	float:left;
}

/*=======================================================================================
=========>>> LOGO DEFILANTS <<<==========================================================
=======================================================================================*/
.tickercontainer { /* the outer div with the black border */
	width: 790px; 
	height: 55px; 
	margin: 30px auto 0 auto; 
	padding: 0;
	overflow: hidden; 
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
	position: relative;
	left: 0px;
	width: 790px;
	overflow: hidden;
}
ul.newsticker { /* that's your list */
	position: relative;
	left: 790px;
	list-style-type: none;
	margin: 0;
	padding: 0;

}
ul.newsticker li {
	float: left; /* important: display inline gives incorrect results when you check for elem's width */
	margin: 0 30px 0 0;
	padding: 0;
}




/*================= PROVISOIRE "CONCOURS PHOTO AIR-JUMPING" ======================*/
#col2 a.maville
{
	font-size:1.4em;
	font-weight:bold;
	text-decoration:none;
}
#col2 a.maville:hover
{
	text-decoration:underline;
}
.lienRegle
{
	color:#000;
	margin:0;
	padding:10px 0 0 0;
	height:20px;
}
.lienRegle a
{
	color:#000;
	text-decoration:none;
}
.lienRegle a:hover
{
	text-decoration:underline;
}