/*
*  
*  VACM | MASTER CSS
*
*  VERSION   : 1.5.3
*  AUTEUR    : ANDRE RICHARD
*  COURRIEL  : FS2DN@HOTMAIL.COM
*  COPYRIGTH : 2010
* 
**/

/* --
RESET
-- */
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, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
body{line-height:1;}
ol, ul{list-style:none;}
blockquote, q{quotes:none;}
:focus{outline:0;}
ins{text-decoration:none;}
del{text-decoration:line-through;}
table{border-collapse:collapse;border-spacing:0;}

/* ---------
GLOBAL STYLE
--------- */
body {color: #303030;font-size: 87.5%;/* Base font size: 14px */font-family: Arial, Helvetica, sans-serif;margin:0;padding: 0;}
.index-bg {background: #F0F0F0;}
.normal {background: #FFF;}
.blue {background: #00468e;}
h1 {font-size: 2em;}
h2 {font-size: 1.571em;} /* 22px */  
h3 {font-size: 1.429em;} /* 20px */  
h4 {font-size: 1.286em;} /* 18px */  
h5 {font-size: 1.143em;} /* 16px */  
h6 {font-size: 1em;} /* 14px */
#wrapper {width: 100%;background: url(../img/gui/index_bg.gif) repeat-x;}
#wrapper-news{width: 100%; background: none;}
#sub-wrapper {width: 100%;background: url(../img/gui/sub_index_bg.png) repeat-x;}
#play-wrapper {width: 100%;background: url(../img/gui/play_index_bg.png) repeat-x;}
.hr-1 {width:920px;margin:0px auto 10px auto;height: 1px;border-bottom: 1px dashed #d1d1d1;}
.hr-2 {width:920px;margin:10px auto 0px auto;height: 1px;border-bottom: 1px dashed #d1d1d1;}
.clear {clear:both; }

.shell {width: 960px; margin:0 auto; }
.inner {width: 920px; margin:0 20px;}

.grey {margin:10px 0 0 0;border-top:1px solid #d1d1d1;}
.overflow {overflow:hidden;height:300px; }
.logo {margin: 0 auto;padding: 17px 0 11px 0;width: 494px;height: 66px;line-height: 40px;text-transform: uppercase;font-size: 10px;font-weight: bold;color: #FFFFFF;}
.logo a {display: block;width: 494px;height: 66px;float: left;text-indent: -9999px;margin: 0;background: url('../img/gui/logo_vacm.png') no-repeat;}

/* -----------
NAVIGATION BAR
----------- */
.navbar{width: 920px;clear: both;height: 55px;background: url('../img/gui/navbar_sprite.png') no-repeat;}
	.navbar ul{list-style: none;font-size: 12px;}	
		.navbar ul li{position:relative;float:left;}		
			.navbar ul li a{display: block;float: left;text-decoration: none;text-align: center;line-height: 49px;height: 55px;color: #444;width: 100px;}
			.navbar ul li.index a{width: 120px;}
			.navbar ul li.index a span{display:none;}
			.navbar ul li a:hover{background:url('../img/gui/navbar_hover.png') no-repeat bottom;}
			
.current{ background:url('../img/gui/tab_hover_state.png') no-repeat;}
			.navbar ul li a.current:hover{ background:url('../img/gui/tab_hover_state.png') no-repeat;}
			.navbar ul li.index a.current{ background:url('../img/gui/home_hover_state.png') no-repeat;}
			.navbar ul li.index a.current:hover{ background:url('../img/gui/home_hover_state.png') no-repeat;}

/* MULTI LEVEL MENU */
.navbar ul li ul{display:none;position:absolute;top:100%;left:-15px;padding:0;margin:0;background:#FFF;border-right:1px solid #000;border-left:1px solid #000;border-bottom:1px solid #000;z-index:10000;}
	.navbar ul li:hover > ul{display:block;}
		.navbar ul li ul li a{width:130px;height:40px;line-height:40px;display:block;}
			.navbar ul li ul li a:hover{background-image:none;text-decoration:underline;}

/* ------
SUB STYLE
------ */
.sub-header{
	margin-top: 60px;
	height: 80px;
	width: 918px;
	border: 1px solid #e3e3e3;
	border-bottom: 1px solid #d1d1d1;
	background: #eee;
}

.hr-sub-header{
	height: 10px;
	background: #e3e3e3;
	border: 1px solid #e3e3e3;
	border-bottom: none;
	border-top: none;
}

.hr-insider{
	width: 918px;
	height: 9px;
	border-bottom: 1px solid #d1d1d1;
}

.sub-title{
	margin-top: 60px;
	height: 50px;
	width: 920px;
	background: url('../img/gui/dark_transparent.png') repeat;
}

.sub-title h1{
	color: #FFFFFF;
	font-size: 20px;
	line-height: 50px;
	padding: 0 20px;
	float: left;
	width: 350px;
}

.sub-title h1 sup{
	font-size: 14px;
	te
	font-weight: normal;
	color: #fff;	
}

.sub-header h1{
	color: #1e1e1e;
	font-size: 26px;
	line-height: 26px;
	font-weight: normal;
	padding:12px 10px 0 10px;
}

.sub-header h2{
	color: #1e1e1e;
	font-size: 12px;
	line-height: 12px;
	font-weight: normal;
	padding:5px 10px 0px 10px;
}

.sub-header h2 span{
	color: #666;
	padding:0px 5px;	
}

.sub-content{
	margin-top: 1px;
	background: #eee;
	border: 1px solid #d1d1d1;
	border-bottom: none;
	border-top: none;
}

.club-info{
	margin-top: 1px;
	background: #eee;
	border: 1px solid #d1d1d1;
	border-top: none;	
}

.main-box{
	padding: 10px 0 0 0;
	margin: 1px 0 0 0;
	background: #eee;
	border: 1px solid #d1d1d1;
	border-top: none;
}
	
.logo-vacm{
	margin: 20px;
	float: right;
}

.club-info p{
	color: #1e1e1e;
	line-height: 20px;
	font-size: 12px;
	padding: 15px 15px 0px 15px;
}

.club-info .profil{
	float: left;
	padding: 20px;
	border-top: 1px solid #d1d1d1;
}

.p-left{
	width: 418px;
	border-right: 1px solid #d1d1d1;
}

.p-right{
	width: 419px;	
}

.profil img{
	float:left;
	border:1px solid #e3e3e3;
}

.club-info .profil h3{
	font-size: 20px;
	margin: 0 0 5px 0;
}

.club-info .profil h4{
	font-size: 12px;
	margin: 0 0 5px 0;
}

.profil p{
	margin: 0;
	padding: 0;
}

.profil p a{
	color: #004993;
}

.profil .profil-preview{
	float: left;
	margin: 10px 0 0 10px;	
}

.play-content{
	background: #FFF;
	border: 1px solid #e3e3e3;
	border-top: none;
}

.left{
	width:619px;
	float:left;	
}

.right{
	width:299px;
	float:left;
}

.sub-content img{
	padding:10px 10px 0px 9px;	
}

.play-content img{
	padding:10px 10px 0px 9px;	
}

/* CONCOURS STYLE */
.concours-title{
	font-size: 45px;
	line-height: 45px;
	padding: 20px 0 0 10px;
	text-transform: uppercase;
	color: #00468d;
}

.concours-title sup{
	font-size: 14px;
	vertical-align: super;
}

.club-info h2{
	margin: 5px 0 0 10px;
}

.club-info h3{
	margin: 20px 0 0 10px;	
}

.club-info h4{
	font-size: 12px;
	font-weight: normal;
	margin: 5px 0px 0px 10px;
}

.club-info h3 a{
	color: #000;
	text-decoration: none;
}

#longueuil-logo{
	margin: 10px 0 0 0;	
}

#pdf{
	float: left;
	margin: 10px 10px 20px 20px;
}

.google-map{
	float: right;
	margin: 20px;
}

.google-map a{
	font-size: 12px;
	color: #000;
}

/* -=-----
PAGINATION
------- */
.pagination{float:right;margin:13px 20px 0 0;height:24px;font-size:12px;color:#fff;}

.arrow-left{display:block;float:left;height:24px;width:24px;margin:0 4px 0 0;background:transparent url('../img/gui/pagination_arrows.png') no-repeat;}
.arrow-right{display:block;float:left;height:24px;width:24px;background:transparent url('../img/gui/pagination_arrows.png') no-repeat -24px 0px;}
	.arrow-left span, .arrow-right span{display:none;}

.pagination-activated{float:left;width:24px;height:50px;display:block;line-height:25px;text-align:center;color:#000;font-size:11px;margin:0 4px 0 0;font-weight:normal;background:#eee;}

.links-pagination{float:left;display:block;line-height:24px;text-align:center;width:24px;height:24px;text-decoration:none;font-size:11px;	color:#FFF;outline:none;margin:0 4px 0 0;	font-weight:bold;}
	.links-pagination:hover{text-decoration:underline;}

/* PAGINATION BOTTOM */
.pg-bottom-wrapper{width:918px;height:45px;margin:0;background:#1e1e1e;border:1px solid #000;}
.pg-title{float:left;height:25px;font-size:12px;color:#FFFFFF;line-height:25px;margin:10px;}

.pg-bottom{float:right;height:25px;font-size:12px;color:#FFFFFF;}
	.pg-bottom .arrow-left{display:block;float:left;height:25px;width:25px;margin:10px 10px 10px 0;background:transparent url('../img/gui/pagination_arrows.png') no-repeat;}
	.pg-bottom .arrow-right{display:block;float:left;height:25px;width:25px;margin:10px 10px 10px 0;background:transparent url('../img/gui/pagination_arrows.png') no-repeat -24px 0px;}
		.pg-bottom .arrow-left span, .pg-bottom .arrow-right span{display:none;}

	.pg-bottom .pagination-activated{float:left;width:25px;height:25px;display:block;line-height:25px;text-align:center;color:#000;font-size:11px;margin:10px 10px 10px 0;font-weight:normal;background: #eee;}
	.pg-bottom .links-pagination{float:left;display:block;line-height:25px;text-align:center;width:25px;height:25px;text-decoration:none;font-size:11px;color:#FFFFFF;outline:none;margin:10px 10px 10px 0;font-weight:normal;}
	.pg-bottom .links-pagination:hover{text-decoration:none;background:#00468d;}

/* -------------
SLIDESHOWS STYLE
------------- */
#sldshows-wrapper{margin:11px 20px 0px 20px;height:280px;width:920px;position:relative;z-index:10;}
#sldshows{width:920px;height:280px;}
.logo-slide{height:280px;width:920px;display:block;background:url('../img/gui/logo_slide.png') no-repeat center;}
.slide{width:920px;height:280px;}
.slide h1{}
.slide h1 a{color:#fff;float:left;text-decoration:none;}
.slide h1 a:hover{float:left;}
.slide p{float:left;line-height:18px;font-size:12px;width:880px;color:#000;}
.caption{position:absolute;display:block;left:10px;top:10px;padding:10px;background:#FFF;}
.caption2{position:absolute;display:block;left:10px;top:50px;padding:10px;background:#FFF;}
.slide a{color:#002C58;text-decoration:none;}
#arrows-left a{position:absolute;display:block;height:40px;width:40px;top:120px;left:20px;background:url('../img/gui/arrows_sprite.png') no-repeat center;background-position:0px 0px;z-index:1000;}
#arrows-left a:hover{background:url('../img/gui/arrows_sprite.png') no-repeat center;background-position:0px -40px;}
#arrows-right a{position:absolute;display:block;height:40px;width:40px;top:120px;right:20px;background:url('../img/gui/arrows_sprite.png') no-repeat center;background-position: -40px 0px;z-index:1000;}
#arrows-right a:hover{background:url('../img/gui/arrows_sprite.png') no-repeat center;background-position:-40px -40px;}
#prev span, #next span{display:none;}
.bg-slide{display:block;background:url('../img/evenements/couleurs.jpg') no-repeat;height:280px;width:920px;}
span .text{line-height:18px;font-size:12px;width:475px;color:#000;margin:0;padding:0;}
.caption-evenement{position:absolute;padding:10px;bottom:10px;left:10px;background:#FFF;}
.loader{background:url('../img/gui/ajax-loader.gif') no-repeat center center;}

/* SLIDESHOWS HISTORIQUE */
#sld-historique{margin:10px;float:right;border:1px solid #d1d1d1;overflow:hidden;height:270px;}
.sld{width:450px;height:262px;border:4px solid #f9f9f9;position:relative;}
.sld .side-caption{position:absolute;bottom:0px;left:0px;font-size:12px;line-height:20px;color:#fff;padding:10px;width:430px;display:block;background:url('../img/gui/dark_transparent.png') repeat;}

/* ------------
VACM SIMPLE ADD
------------ */
.simple-add-box{width:900px;padding:10px;margin:13px auto 0 auto;height:35px;background:#062340;position:relative;}
.simple-add-box h2{font-size:16px;font-weight:normal;font-style:italic;font-family:Verdana, Geneva, Tahoma, sans-serif;color:#FFF;line-height:36px;float:left;}
.sub-simple-add-box{width:898px;padding:10px;margin:10px auto 0 auto;height:35px;background:#eee;border:1px solid #d1d1d1;}
.sub-simple-add-box h2{font-size:16px;font-style:italic;color:#2a2a2a;line-height:36px;float:left;}
.play-simple-add-box{width:898px;padding:10px;margin:10px auto 0 auto;height:35px;background:url('../img/gui/dark_transparent.png') repeat;border:1px solid #000;border-top:none;}
.play-simple-add-box h2{font-size:16px;font-style:italic;color:#FFF;line-height:36px;float:left;}
.adhesion-btn{background:#00468d;float:right;}
.adhesion-btn a{color:#fff;display:block;font-size:12px;line-height:15px;padding:10px;text-decoration:none;height:15px;}
.adhesion-btn a:hover{text-decoration:underline;}

/* ------
 HEADLINE
------ */
.healine-wrapper{margin:10px auto 0px auto;width:918px;}
.headline-title{margin:20px auto 0 auto;width:193px;height:11px;font-size:10px;color:#000;}
.headline-title span{display:block;width:193px;height:11px;float:left;text-indent:-9999px;margin:0;background:url('../img/gui/headline-title.png') no-repeat;}
.headline-box{width:918px;border:1px solid #d1d1d1;background:#FFF;margin:0 0 10px 0;float:left;position:relative;}
.offset-border{width:876px;padding:20px;}
.headline-box img{width:278px;float:left;}
.tax-article{width:581px;float:right;}
.tax-article h1{font-size:26px;margin:5px 0 5px 0;}
.tax-article h1 a{color:#000;text-decoration:none;}
.tax-article h2{color:#FFF;font-size:14px;font-weight:normal;font-style:italic;padding:4px 4px;margin:0 0 10px 0;background:#004993;float:left;display:block;}
.tax-article p{color:#555;font-size:14px;line-height:21px;float:left;}
.btn-read{background:#f1f1f1;border:1px solid #ccc;position:absolute;bottom:10px;right:10px;float:left;}
.btn-read a{color:#343436;display:block;font-size:12px;line-height:15px;padding:10px;text-decoration:none;height:15px;}
.btn-read a:hover{text-decoration:underline;}
.headline-spacer{width:10px;float:left;}

/* ---------------
 ANNONCEURS WIDGET 
--------------- */
.v-adds-wrapper{width:280px;margin:10px 0;}
.v-adds-line{margin:10px 0 0 0;}
.v-add-box{background: #004993;width:280px;float:left;padding:5px;}
.v-add-box a{outline:none;border:none;}
.v-add-box img{width:278px;border:1px solid #1e1e1e;padding:0;margin:0;}
.adds-wrapper{width:920px;margin:0 auto;}
.adds-line{margin:10px 0px 0px 0px;}
.add-box{background:#004993;width:280px;padding:10px;float:left;}
.add-box-spacer{width:10px;height:10px;display:block;float:left;}
.add-box img{width:278px;border:1px solid #282828;}
.end-adds{border-bottom:1px solid #d1d1d1;}
.fx-adds{width:920px;margin:0px 0 0 -12px;float:left;border:1px solid #d1d1d1;background:#f9f9f9;position:relative;padding:0 10px 10px 10px;}
.fx-adds-wrapper{margin:0 auto;padding:0;}
.fx-adds-line{padding:0;margin:10px 0 0 0;}
.fx-add-box{background: #004993;width:280px;padding:10px;margin:0;float:left;}
.fx-add-box img{width:278px;border:1px solid #282828;margin:0;padding:0;}
.fx-left-corner{position:absolute;background:url('../img/gui/add_corner_sprite.gif') no-repeat 0px 0px;height:10px;width:10px;bottom:-11px;left:0;}
.fx-right-corner{position:absolute;background:url('../img/gui/add_corner_sprite.gif') no-repeat -10px 0px;height:10px;width:10px;bottom:-11px;right:0;}

/* ---
ARTICLE
--- */
.article{width:600px;margin:0 11px 10px 9px;background:#e9e9e9;overflow:hidden;}
.article p{padding:10px 10px 10px 10px;width:580px;color:#000;line-height:20px;font-size:12px;}
.article p img{margin:-10px;padding:0;}
.article img{margin:0;padding:0;}
.article ul{margin:0px 10px 10px 10px;list-style:none;}
.article ul li{padding:3px 0;}
.fiche-tech{margin: 10px;padding:10px 10px 0 10px;background:#eee;border:1px solid #d1d1d1;}
.fiche-tech h1{margin:0 0 10px 0;padding:0;font-size:18px;}
.end-article{height:20px;display:inline-block;}
.post{width:878px;margin:0 auto;padding:20px;float:left;border-bottom:1px solid #d1d1d1;}
.ac-box{width:878px;padding:20px;margin:0 auto;border-bottom:1px solid #d1d1d1;}
.post-hr{height:1px;width:918px;float:left;background:#d1d1d1;}
.preview{width:581px;float:right;}
.ac-preview{width:581px;float:right;}
.ac-preview-two{width:581px;float:left;}
.preview h1, .ac-preview h1, .ac-preview-two h1{font-size: 24px;margin: 5px 0 10px 0;}
.preview h1 a, .ac-preview h1 a, .ac-preview-two h1 a{color:#404040;text-decoration:none;}
.preview h1 a:hover, .ac-preview h1 a:hover, .ac-preview-two h1 a:hover{padding:2px 0;background:#F9F9F9;}
.preview h2, .ac-preview h2, .ac-preview-two h2{color:#000;font-size:14px;font-weight:normal;padding:2px 4px;background:#e3e3e3;font-style:italic;float:left;}
.post img, .ac-box img{margin:0;padding:0;width:278px;float:left;}
.text{padding:10px 0 0 0;float:left; display: block;}
.text p{line-height:18px;font-size:12px;color:#404040;}
.ac-box ol{
	clear: both;
	list-style: decimal;
	margin: 0;
	padding: 20px 0 0 0;
}
.ac-box ol li{
	padding: 5px 0 0 0;
}

/* LIENS */
.liens-box{width:918px;margin:0;position:relative;}
.liens-box-wrapper{width:906px;margin:0px 1px 0px 11px;}
.liens-box img{margin: 0 10px 10px 10px;border:1px solid #d1d1d1;}
.no-image-liens{height:54px;width:896px;margin:0px 10px 10px 10px;background:#00468d;border:1px solid #121212;}
.liens-box h1{top:10px;left:20px;position:absolute;padding:10px;font-size:16px;line-height:16px;font-weight:normal;color:#FFF;background:#000;}
#liens-info h2{font-size:16px;font-weight:normal;margin:0 0 10px 0;padding:0;}
.liens-box ul{float:left;width:270px;background:#FFF;border:1px solid #d1d1d1;padding:10px;margin:0 10px 0 0;list-style:none;}
.liens-box ul li{padding:5px 0 5px 0;}
.liens-box ul li a{font-size:12px;color:#004993;text-decoration:none;}
.liens-box ul li a:hover{text-decoration:underline;}

.liens-title{width:876px;background:#fff;border:1px dashed #d1d1d1;text-align:center;font-weight:normal;font-size:18px;padding:10px 0;margin:10px 20px;}
.hr-liens{width:920px;height:10px;border-top:1px solid #d1d1d1;border-bottom:1px solid #d1d1d1;background:#FFF;margin:10px 0 10px -1px;}

/* PHOTO_GALLERY MOVE NEED TO SEPERATE THE CSS **/
.photogallery-wrapper{width:906px;margin:0px 1px 0px 11px;}
.photogallery-text-box{width:894px;color:#1e1e1e;line-height:20px;font-size:12px;border:1px dashed #ccc;background:#FFF;float:left;padding:0px;}
.photogallery-text-box p{padding:10px;}
.photo-box{float:left;border:1px solid #ccc;width:290px;height:196px;margin:0px 10px 10px 0px;position:relative;}
.photo-box .inline-border{float:left;width:290px;height:196px;background:#FFF;}
.photo-box img{position:absolute;top:4px;left:4px;height:188px;width:282px;}
.photo-box .photo-subtitle{position:absolute;bottom:10px;left:10px;padding:10px;color:#fff;font-size:12px;background:url('../img/gui/dark_transparent.png') repeat;}
#promo-img{margin:10px;}
.jump-10{height:10px;clear:both;}

/* --------
NEWS WIDGET
-------- */
.header{width:960px;margin:0 auto;background:#FFF;}
.logo-news{margin:0 auto;padding:20px 0 10px 0;width:920px;height:77px;line-height:40px;text-transform:uppercase;font-size:10px;font-weight:bold;color:#FFFFFF;border-bottom:1px solid #ccc;}
.logo-news a{display:block;width:920px;height:77px;float:left;text-indent: -9999px;margin: 0;background: url('../img/gui/logo_v2.png') no-repeat;}
.news-archieve{padding:20px 0;}
.news-archieve h1{font-size:24px;color:#202020;font-weight: normal;}
#news-box-wrapper{padding:20px 0 0 0;}
#news-box{width: 918px;background:#f0f0f0;border:1px solid #ccc;color:#FFF;}
#news-box h1{line-height:35px;font-size:16px;font-weight:normal;margin:0 0 0 20px;}
#news-box h2{line-height:50px;font-size:14px;font-weight:normal;float:left;}
#news-inline{background:#062340;width:878px;margin:20px;border:1px solid #000;}

#new-bar{margin:13px auto 0 auto;width:918px;height:73px;border:1px solid #00448a;background:#062340;}
#new-bar .b-1{width:75px;height:73px;background:#00448a;float:left;}
#new-bar .b-1 #date-wrapper{width:45px;height:43px;margin:15px;text-align:center;color:#FFF;}
#new-bar .b-1 #date-wrapper #date-jour{font-size:26px;font-weight:bold;width:45px;}
#new-bar .b-1 #date-wrapper #date-mois{font-size:16px;font-weight:bold;width:45px;}
#new-bar .b-2{width:10px;height:73px;float:left;background:url('../img/gui/new_bar_arrow.gif') no-repeat center;}
#new-bar .b-3{margin:0 0 0 20px;width:618px;height:73px;float:left;}
#new-bar .b-3 a{text-decoration:none;}
#new-bar .b-3 h1{color:#fff;line-height:73px;font-size:20px;font-weight:normal;}
#new-btn{margin: 10px 10px 10px 0;padding:0 10px;height:53px;float:right;background:#00448a;text-align:center;color:#FFF;}
#new-btn a{color:#FFF;line-height:53px;text-decoration:none;}
#new-btn a:hover{text-decoration: underline;}

/* ---
FOOTER
--- */
#footer-wrapper{margin-top:10px;width:100%;}
#footer{margin:0 20px;width:920px;color:#121212;font-size:12px;padding:0 0 50px 0;}
.blue #footer{margin:0 auto;width:920px;color:#eee;font-size:12px;padding:0 0 50px 0;}
#footer span{margin:0 0 0 -5px;float:left;}
#footer a{color:#121212;text-decoration:none;padding:0 5px;}
.blue #footer a{color:#eee;text-decoration:none;padding:0 5px;}
#footer a:hover{color:#000;text-decoration:underline;}
.blue #footer a:hover{color:#FFF;text-decoration:underline;}
#footer #copyright{text-align:right;color:#121212;float:right;}
.blue #footer #copyright{text-align:right;color:#eee;float:right;}