/* NYCLEA.COM

MAJOR SITE OVERRIDES */


/*
 * Style Style Sheet - Defines the main look like colors and backgrounds
 * Not all style related CSS is included, only colors and backgrounds which may change for different theme styles
 */


/* Base
----------------------------------------------------------------------------------------------------*/


/* Layout
----------------------------------------------------------------------------------------------------*/


/* Menus
----------------------------------------------------------------------------------------------------*/


/* Modules
----------------------------------------------------------------------------------------------------*/


/* Tools
----------------------------------------------------------------------------------------------------*/


/* System
----------------------------------------------------------------------------------------------------*/




/* Common overrides
-------------------------------------------------------------*/

*, * focus {
	outline:none;
	margin:0;
	padding:0;
}
.blue {	color: #48b;}
a img { outline:none;}
.content p { text-align:justify;}
ul { list-style:square;}
ol li { margin-bottom:12px;}
#caravanessoleil li { padding:3px; color:#f60;}
#date {
	position:absolute;
	top:5px;
	right:0;
	color:#48b;
	font-size:13px;
}
#breadcrumbs { font-size:12px; padding-bottom:10px;}
#main { 
	padding:0 0 40px 10px;
	min-height:600px;
}
div#maininner.grid-box, #sidebar-a.grid-box {
	margin-top:20px;
}

h1.title { padding-bottom:10px; font-size:30px;}
p.copyrights { margin-top:70px;}
.fc-tbx table td {
	margin:0;
	padding:0;
}

#top-a h3.module-title {
  position:absolute;
  left:15px;
  bottom:5px;
  width:908px;
  padding:11px 5px;
  font-size:26px;
  color:#fff;
  text-shadow:#000 0px 1px 2px;

/* Fallback for web browsers that doesn't support RGBa */
background: rgb(0, 0, 0) transparent;
/* RGBa with 0.5 opacity */
background: rgba(0, 0, 0, 0.5);
/* For IE 5.5 - 7*/
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
/* For IE 8*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}

.burst a {
	display:block;
	width:100%;
	height:inherit;
}
.burst a:hover {
	background:#fff;
	opacity: 0.85;
	filter: alpha(opacity=85);
}

/* accès membres */
.short input[type="text"], .short input[type="password"]{ width:160px; padding:5px;}
.remember { font-size:11px; padding:1px;}

form.box button, form.box input[type="button"], button, input[type="button"], input[type="submit"] [type="reset"] {
    padding: 5px 10px;
    border-radius: 3px;
}


/* sticky footer
-------------------------------------------------------------*/
html, body {
	height:100%; /* Footer push 100% bottom of page */
}
#wraparound {  /* Footer push 100% bottom of page */
	min-height:100%;
	height:auto !important;
	height:100%;
	margin:0 auto -120px;
	background: url("../images/dropdowngradient2.png") repeat-x 0 65px;
}
#clearpush {  /* Footer push 100% bottom of page */
	height:120px;
	clear:both;
}
#block-footer {
	height:120px;
}

#wrapbg {
	margin:0 auto;
				/*background: url("../images/bg.jpg") no-repeat center 0;*/
}

/* Header overides
-------------------------------------------------------------*/
#block-header {
	position:relative;
	height:145px; /* original 135px */
	background:#fff url(../images/bg_header.jpg) 0 0 repeat-x;
}
#headerbar .module {
    margin:0;
}
#block-header .menu a {
		color:#48b;
}
#block-header .menu a:hover {
	color:#b9d2e6;
}

#headerbar #headerbar_right {
	position:relative;
    margin:30px 0 0 0;
    float:right;
				/* border:2px solid orange; */
}
#headerbar #headerbar_right .searchbox {
	margin-top:5px;
	width:150px;
}
#headerlogo {
	position:relative;
	float:left;
	width:219px;
	height:100px;
	background:url("../../../images/logo_vrcamping.png") no-repeat;
	margin:15px 40px 0 0;
}
#headerlogo span {
	position:absolute;
	bottom:-20px;
	width:219px;
	font-size:12px;
	letter-spacing:-1px;
	color:#48b;
}
#headerlogocaravanes {
	position:relative;
	float:left;
	  width:257px;
	  height:100px;
	  background:url("../../../images/logo_caravane_soleil.png") no-repeat;
	margin:15px 40px 0 0;
}
#headerbarfacebook {
	position:absolute;
	top:40px;
	right:0;
	  width:30px;
	  height:30px;
	  background:url("../../../images/facebook.png") no-repeat;
 	margin:45px 0 0 20px;
}

									
/* Menu
-------------------------------------------------------------*/
.menu-dropdown li.level1 {
    margin-right:4px;
}
.menu-dropdown a.level1 > span, .menu-dropdown span.level1 > span {
    height: 30px;
    padding: 0px 4px 0 4px;
    line-height: 30px;
	letter-spacing:-0.1px;
}

/* Button Explicit */
.explicit, 
a.explicit.level1.parent:hover, 
a.explicit.level1.parent.active { 
	background:#45A747;
	border: 1px solid transparent;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}


/* Sideshadow main content
-------------------------------------------------------------*/
#shadowwraparound {
	margin:0 auto;
	max-width:980px;
	-moz-box-shadow: 2px 3px 10px #999;
	-webkit-box-shadow: 2px 3px 10px #999;
	box-shadow: 2px 3px 10px #999;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=270, Color='#999999')";
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=270, Color='#999999');
}


/* Slider overides
-------------------------------------------------------------*/
.caption {
	font-size:17px;
	font-weight:normal;
	letter-spacing:1px;
}



/* Devenir membre
-------------------------------------------------------------*/
.membersip {
	font-size:13px;
	line-height:16px;
}
.membersip p small {
	font-size:11px;
	line-height:5px;
}
.membersip td {
	padding:2px 1px;
	font-size:11px;
}
.membersip input {
	font-size:11px;
}

.membersip input.date2 {
	width:23px;
	text-align:center;
}
.membersip input.date4 {
	width:45px;
	text-align:center;
}

.membersip input:focus {
	border:1px solid #48b;
}
.membersip #submit {
	background:#369;
	color:#fff;
	padding:2px 5px;
	border:1px solid #369;
}
.membersip #submit:hover {
	background:#48b;
}

/* Question de la semaine
-------------------------------------------------------------*/
.qdls {
	font-size:11px;
	line-height:14px;
}
.qdls table td {
	padding:0 0 4px 0;
}
.qdls table td table td {
	padding:0;
}
.qdls p a {
	font-size:11px;
	line-height:11px;
}
.qdls .separator {
	margin-top:5px;
	border-top:1px solid #ccc;
}

/* Annonces classes
-------------------------------------------------------------*/
#ac a {
	font-size:11px;
}

/* Penses du jour
-------------------------------------------------------------*/
#pensee { font-size:12px;}


/* Main truc & astuces
-------------------------------------------------------------*/

.trucs {
	width:285px;
	margin-left:0;
	font-size:13px;
}
.trucs img {
	display:block;
	padding:3px;
	width:275px;
	height:150px;
	border:0;
	-moz-box-shadow: 2px 3px 8px #999;
	-webkit-box-shadow: 2px 3px 8px #999;
	box-shadow: 2px 3px 8px #999;
}

.width33 {
    width:auto;
}



/* Blog layout overrides (smaller articles in collums)
-------------------------------------------------------------*/
.grid-box .width50 { font-size:12px; padding:0 20px;display:block;}
.grid-box .width50 .title a { font-size:18px;}


/* Home module box overrides (remove shadow,padding,border) pour arranger le flash en bas!!!
--------------------------------------------------------------------------------------------*/
.cleanbox {
    padding:35px 0 0 0;
	margin:0;
    border:0;
    border-radius:none;
    box-shadow:none;
}


/* Pagination overrides
-------------------------------------------------------------*/
#system .item > .links a {
    background: url("../images/menuactive_01.html") repeat-x scroll 0% 0% rgb(50, 118, 185);
}
#system .item > .links a:hover {
    background: url("../images/menuactive_02.png") repeat-x scroll 0% 0% rgb(50, 118, 185);
}
#system .pagination a:hover,
#system .pagination strong {
	background:#3276b9 url(../images/menuhover_02.png) repeat-x;
}
.page-nav {
	margin-top:20px;
    padding-top:10px;
	border-top: 1px dashed #ddd;
}

/* Form overrides
-------------------------------------------------------------*/
form.box button, form.box input[type="button"], button, input[type="button"], input[type="submit"] [type="reset"] {
    background: url("../images/submitbutton_01.png") repeat-x scroll 0% 0% rgb(38, 92, 145);
}
form.box button:hover, form.box input[type="button"]:hover, button:hover, input[type="button"]:hover, input[type="submit"]:hover [type="reset"]:hover {
    background: url("../images/submitbutton_02.png") repeat-x scroll 0% 0% rgb(38, 92, 145);
}

/* Form overrides Contact page
-------------------------------------------------------------*/
#system #contact-form fieldset > div > input[type="text"], #system form.submission fieldset > div > textarea {
    padding: 8px 5px;
    width: 350px;
	font-size:14px;
}
#system form.submission fieldset > div > textarea {
    width: 495px;
	resize:none;
}
#contact-form button, #contact-form input[type="button"] {
    padding: 10px;
    width: 350px;
}
#jform_contact_email_copy-lbl {
	font-size:12px;
	line-height:14px;
}

div.item h3 {
	text-decoration:underline;
}


/* Tout sur le VR
-------------------------------------------------------------*/

ul.category-module {margin-left:-4px;}
ul.category-module li { list-style:square;color:orange;margin-bottom:3px;}
ul.category-module li a { font-size:13px; font-weight:normal;}




/* Footer links
-------------------------------------------------------------*/

#footer .menu-line li {
	margin-left:5px;
	padding-left:6px;
}

#totop-scroller {
	right:-20px;
}



/* System messages
-------------------------------------------------------------*/

#system-message-container {
	padding: 0 0 0 5px;
	min-height: 0;
}
.alert {
    padding: 8px 35px 8px 14px;
    margin-bottom: 18px;
    text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5);
    background-color: #FCF8E3;
    border: 1px solid #FAEBCC;
    border-radius: 4px;
}
.close {
    float: right;
    font-size: 20px;
    font-weight: bold;
    line-height: 18px;
    color: #000;
    text-shadow: 0px 1px 0px #FFF;
    opacity: 0.2;
	cursor: pointer;
	background: transparent none repeat scroll 0% 0%;
	border: 0px none;
	margin: 0px;
}
.alert-success h4 {
    color: #3C763D;
}
.alert h4 {
    margin: 0px;
    font-size: 14px;
    line-height: 16px;
	font-weight: bold;
}
.alert, .alert h4 {
    color: #8A6D3B;
}

.alert-success {
    background-color: #DFF0D8;
    border-color: #D6E9C6;
    color: #3C763D;
}
.alert-success h4 {
    color: #3C763D;
}

.alert-message {
    border-color: #D6E9C6;
}





/* Tout sur le VR - ARTICLES D'INTÉRÊT GÉNÉRAL (added class: .horizontal_display)

For horizontal alignement des subcategories avec les photos
-------------------------------------------------------------*/
/*
.horizontal_display ul  {
	margin:0;
	padding:0;

}
.horizontal_display ul li  {
	display:inline;
/*	border:1px solid red;
	float:left;
	width:220px;
	margin:0 10px 20px 0;
}

.horizontal_display .wrapper.grid-block .item-list ul, .horizontal_display .wrapper.grid-block article.item ul  {
	padding-left: 30px;
	margin: 15px 0px;
	list-style-type: square outside none;
}
.horizontal_display .wrapper.grid-block .item-list ul li, .horizontal_display .wrapper.grid-block .item ul li  {
	display:block;
	float:none;
	margin:0;
	width:100%;
}
*/


/* Send to friend
-------------------------------------------------------------*/

.icon.email {
	font-size:0;
}
.icon.email a {
	display:block;
	width:32px;
	height:26px;
	background:url("../../../media/system/images/emailButton3.png") no-repeat;
}




.geenbutton {
color: #fff;
text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.25);
background-color: #5BB75B;
background-image: linear-gradient(to bottom, #62C462, #51A351);
background-repeat: repeat-x;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
display: inline-block;
margin-bottom: 0px;
font-size: 14px;
line-height: 21px;
text-align: center;
vertical-align: middle;
cursor: pointer;
border-width: 1px;
border-style: solid;
-moz-border-top-colors: none;
-moz-border-right-colors: none;
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
border-image: none;
border-radius: 4px;
box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.2) inset, 0px 1px 2px rgba(0, 0, 0, 0.05);
padding: 4px 12px !important;
}

.geenbutton:hover {
color: #fff;
background-color: #51A351;
background-position: 0px -15px;
transition: background-position 0.1s linear 0s;
}