/* ==============================================*/
/* ============ DÉFINITION DES BALISES ==========*/

@font-face {
    font-family: 'DroidSans';
    src: url('../../fonts/droidsans-webfont.eot');
    src: url('../../fonts/droidsans-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../fonts/droidsans-webfont.woff') format('woff'),
         url('../../fonts/droidsans-webfont.ttf') format('truetype'),
         url('../../fonts/droidsans-webfont.svg#droid_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

* {padding: 0; margin: 0;} 

ol {
	margin-left: 17px;
}

ul {
	margin-left: 17px;
}

li {
	list-style-position: outside;
	list-style-image: url('../img/puce.gif');
}

h1 {
	font-family: DroidSans, Arial;
	font-size:18px;
}

h2 {
	font-family: DroidSans, Arial;
	font-size:14px;
	font-weight:normal;
	//width:250px;
	color:#FFFFFF;
	background-color:#333333;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;
	border-radius: 5px; 	
	padding:8px;
	margin:10px 0px 10px 0px;
}

#nouvelles-titre {
	font-family: DroidSans, Arial;
	font-size:14px;
	font-weight:normal;
	//width:250px;
	color:#FFFFFF;
	background-color:#333333;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;
	border-radius: 5px; 	
	padding:8px;
	margin:10px 0px 10px 0px;
}

#nouvelles-titre a:active, #nouvelles-titre a:link, #nouvelles-titre a:visited {
	color:#ffffff;
}

#nouvelles-titre:hover {
	color:white;
}

h3 {
	font-family: DroidSans, Arial;
	font-size:12px;
	font-weight:normal;
	width:250px;
	color:#FFFFFF;
	background-color:#333333;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;
	border-radius: 5px; 	
	padding:8px;
}

h4 {
	font-family: DroidSans, Arial;
	font-size:14px;
	color:#666666;	
}

h5 {
	font-family: DroidSans, Arial;
	font-size:12px;
}

h6 {
	font-family: DroidSans, Arial;
	font-size:11px;
}


.bouton {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #BBBBBB), color-stop(1, #444444) );
	background:-moz-linear-gradient( center top, #BBBBBB 5%, #444444 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#BBBBBB', endColorstr='#444444');
	background-color:#ededed;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:2px solid #dcdcdc;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:15px;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:1px 1px 0px #000000;
	cursor:pointer;
}

.bouton:active {
	position:relative;
	top:1px;
}

#body_content_content .bouton a:active, #body_content_content .bouton a:link, #body_content_content .bouton a:visited {
	position:relative;
	color:#ffffff;
}

hr {
	background-image: url('../img/separateur_hr.png');
	background-position: center;
	background-repeat:no-repeat;	
	width: 100%;
	height: 20px;
	border:0px;
}

::selection {
	background: #000000;
	color:#ffffff;
}

::-moz-selection {
	background: #000000;
	color:#ffffff;
}

/* =============================================*/
/* ============== STRUCTURE DU SITE ============*/

#site {
	min-width:990px;
	width:auto;
	margin:auto;
	padding-left:0px;
	padding-right:0px;
	border: 0px solid red;
	background-color:none;
}

#header {
	width:auto;
	height:630px;
	border: 0px solid red;
	background-image: url('../img/header-bg.jpg');
	background-position: top;
	background-repeat:repeat-x;
	overflow:hidden;
}

#header_logo {
	width:269px;
	height:270px;
	left:-360px;
	position:relative;
	cursor:pointer;
	overflow:hidden;
	border: 0px solid white;
	z-index:5;
}

#header_content  {
	width:990px;
	position:relative;
	font-family: 'DroidSans';
	font-size: 26px;
	color: #000000;	
	border: 0px solid white;
	top:-200px;
	text-align:right;
	clear:both;
	z-index:4;
}

#header_menu_isole {
	width:965px;
	margin-right:25px;
	position:relative;
	font-family: 'DroidSans';
	font-size: 12px;
	color: #000000;	
	border: 0px solid red;
	top:-115px;
	text-align:right;
	z-index:4;
}

#header_menu_isole ul li {
	display:inline;
}

#header_menu_isole ul li+li {
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '  |  ' +this.innerHTML);
}

#header_menu_isole ul li:before {
	content:'\00a0\00a0|\00a0\00a0 ';
}

#header_menu_isole ul > li:first-child:before {
	content:'';
}

#header_menu_isole a:active, #header_menu_isole a:link, #header_menu_isole a:visited {
	font-family: 'DroidSans';
	font-size: 12px;
	color: #333333;	
	text-decoration:none;
}

#header_menu_isole a:hover {
	font-family: 'DroidSans';
	font-size: 12px;
	color: #333333;	
	text-decoration:underline;
}

#header_menu {
	width:auto;
	padding-left:325px;
	position:relative;
	top:-105px;
	background-image: url('../img/menu-bg.png');
	background-position: center;
	background-repeat:x-repeat;
	border: 0px solid red;
	z-index:4;
}

#header_slider  {
	width:990px;
	height:400px;
	top:-165px;
	position:relative;
	padding:0px 0px 0px 0px;
	border: 0px solid black;
	z-index:1;
}

.TB_Wrapper {
	max-width: 990px;
	min-height: 400px;
	overflow:hidden;
	border:0px solid #ffffff;
}

.menu-normal {
	height:40px;
	width:100%;
	font-family:'DroidSans', verdana;
	font-size: 18px;
	padding:0px 5px 0px 5px;
	font-weight: normal;
	color: #d7d7d7;	
	z-index:0;
	cursor:pointer;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;
	border-radius: 5px;			
	text-align:center;
}
.menu-mouseover {
	height:40px;
	width:100%;
	background-color:#000000;
	font-family:'DroidSans', Arial;
	font-size: 18px;
	padding:0px 5px 0px 5px;	
	font-weight: normal;
	color: #ffff00;	
	z-index:0;
	cursor:pointer;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;
	border-radius: 5px;				
	text-align:center;
}  
.submenu-normal {
	background-color:#000000;
	height:15px;
	min-width:150px;
	width:100%;
	padding:5px 15px 5px 7px;
	font-family:'DroidSans', Arial;
	font-size: 13px;
	font-weight: normal;
	text-align:right;
	letter-spacing: 1px;
	color: #FFFFFF;
	cursor:pointer;
	opacity:0.8;
  	filter:alpha(opacity=80); /* For IE8 and earlier */	
}
.submenu-mouseover {
	background:none;
	background-color:#000000;
	height:15px;
	min-width:150px;
	width:100%;		
	padding:5px 15px 5px 7px;
	font-family:'DroidSans', Arial;
	font-size: 13px;
	font-weight: normal;
	text-align:right;	
	letter-spacing: 1px;
	color: #FFFF00;
	cursor:pointer;
	opacity:0.8;
  filter:alpha(opacity=80); /* For IE8 and earlier */		
}

#body {
	width:990px;
	min-height:265px;
	position:relative;
	padding-top:30px;
	padding-bottom:30px;
	border: 0px solid red;
	overflow:hidden;
}

#body_content {
	width:640px;
	float:left;
	position:relative;
	border: 0px solid red;
	padding-right:35px;
	padding-left:15px;	
}

#body_nouvelles {
	width:285px;
	min-height:250px;
	border:0px solid red;
	position:relative;
	float:right;
	margin-top:35px;
	padding-right:15px;
}
 
#body_content_title  {
	width:100%;
	margin-bottom:20px;
	border: 0px solid red;
	color:#000000;
	text-align:left;
	overflow:hidden;
	font-family: 'DroidSans', Arial, sans-serif;
	font-size: 18px;
	font-weight:bold;
	clear:both;	
}

#body_content_content, #body_content_content_CKEditor   {
	font-family:DroidSans, Arial, Helvetica, sans-serif;
	font-size:14px;
	width:100%;
	color:#000000;
	background-color:none;
	text-align:justify;
	padding:0px;
	overflow:hidden;
	border: 0px solid black;
}

#body_content_content .photos img, #body_content_content_CKEditor .photos img {
	border: 0px solid #FFFFFF;
	margin:0px;
	padding:0px;
	margin-right:20px;
	margin-bottom:20px;
}

#body_content_content_CKEditor  {
	overflow:scroll;
}

#body_content_content a:visited, #body_content_content a:active, #body_content_content a:link, #body_content_content_CKEditor a:visited, #body_content_content_CKEditor a:active, #body_content_content_CKEditor a:link {
	color: #333333;
	text-decoration: underline;
	opacity:1.0;
	filter:alpha(opacity=100); /* For IE8 and earlier */		
}	

#body_content_content a:hover, #body_content_content_CKEditor a:hover {
	color: #000;
	text-decoration: underline;
	opacity:0.5;
  filter:alpha(opacity=50); /* For IE8 and earlier */	
}

#footer  {
	min-width:990px;
	margin:auto;
	height:89px;
	position:relative;
	border-bottom: 0px solid #ffffff;
	margin-bottom:5px;
	background-color:#000000;
}

#footer_content  {
	width:990px;
	height:56px;
	position:relative;
	font-family: 'DroidSans';
	font-size: 13px;
	color: #d1d0d0;	
	border: 0px solid white;
	padding-top:25px;
	text-align:middle;
	line-height:20px;
}

#footer_content a:visited, #footer_content a:active, #footer_content a:link {
	font-family: 'DroidSans';
	font-size: 13px;
	font-weight:normal;
	color: #8e9193;
	letter-spacing: 0px;
	text-decoration: none;
	border-bottom-width:1px;
	border-bottom-style: dotted;
	border-bottom-color: #AAAAAA;
	opacity:0.8;
  	filter:alpha(opacity=80); /* For IE8 and earlier */			
}	

#footer a:hover {
	font-family: 'DroidSans';
	font-size: 13px;
	font-weight:normal;
	color: #DDDDDD;
	letter-spacing: 0px;
	text-decoration: none;
	border-bottom-width:1px;
	border-bottom-style: dotted;
	border-bottom-color: #FFFFFF;	
	opacity:1.0;
  	filter:alpha(opacity=100); /* For IE8 and earlier */	
}

#footer_copyright  {
	width:400px;
	position:relative;
	top:90px;
	text-align:right;
	border: 0px dotted #999999;
	color:#999999;
	float:right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;	
}

#footer_copyright a:visited, #footer_copyright a:active, #footer_copyright a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:normal;
	color: #666666;
	letter-spacing: 0px;
	text-decoration: none;
	border: 0px;
	opacity:1.0;
  	filter:alpha(opacity=80); /* For IE8 and earlier */			
}
	
#footer_copyright a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:normal;
	color: #FFFFFF;
	letter-spacing: 0px;
	text-decoration: none;
	border: 0px;	
	opacity:1.0;
  	filter:alpha(opacity=100); /* For IE8 and earlier */	
}

#fiche_logo img {
	min-height:50px;
	min-width:50px;
	margin-bottom:25px;
}

#fiche_coordonnees {
	font-family: 'DroidSans';
	font-size: 12px;
	width:175px;
	float:right;
	border:0px solid red;
	margin-bottom:25px;	
	padding-left:25px;
	clear:right;
}

#fiche_coordonnees a:link, #fiche_coordonnees a:visited,#fiche_coordonnees a:active {
	color:#999999;
}

#fiche_coordonnees a:hover { 
	color:#000000;
}

#fiche_resume {
	font-family: 'DroidSans';
	font-size: 12px;
	color:#555555;
	width:250px;
	display:inline-block;
	float:left;
	border:0px solid red;
	text-align:justify;
	margin-bottom:25px;
}



#msg_succes {
	background-color:#99FF99;
	border:1px solid #006600;
	color: #555555;
	text-align:left;
	padding: 5px 5px 5px 5px;
	font-size: 11px;
	width:400px;
}

#msg_erreur {
	background-color:#F5C6C0;
	border:1px solid #CC3300;
	color: #555555;
	text-align:left;
	padding: 5px 5px 5px 5px;
	font-size: 11px;
	width:400px;
}

#partage {
	border: solid 0px red;
	text-align:right;
	padding:20px 10px 10px 0px;
	overflow:hidden;
	clear:both;
}

#partage_plusone {
	position:relative;
	border: solid 0px green;
}

#arbo {
	color: #000000;
	text-transform:uppercase;
	border: solid 0px #090;
	text-align:left;
	padding-right: 20px;
	position:relative;
	top:50px;
	z-index: 2;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	float:left;
}

#arbo a, #arbo a:visited, #arbo a:active {
	font-family:arial;
	font-size:9px;
	font-weight:normal;
	color: #999999;
	text-transform:uppercase;
	letter-spacing: 0px;
	text-decoration: none;
	cursor: pointer;
	border-bottom-width:0px;
}	

#arbo a:hover {
	font-family:arial;
	font-size:9px;
	color: #000000;
	font-weight:normal;
	text-transform:uppercase;
	letter-spacing: 0px;
	text-decoration: none;
	cursor: pointer;
	border-bottom-width:0px;	
}


/* =============================================*/
/* ================ LES NOUVELLES ==============*/

.newsstyle {
	font-family: DroidSans;
	font-size: 14px;
	font-weight:bold;
	margin-left:15px;
	color: #000000;
	text-align:left;
	line-height: 14px;
}

.newslink {
	font-family: DroidSans;
	font-size: 11px;
	padding-left:45px;
	color: #000000;
	top:5px;
	border:0px solid red;
	position:relative;
	padding:0px;
	text-align:left;
}

.newslink a:link, .newslink a:visited, .newslink a:active {
	font-family: DroidSans;
	font-size: 13px;
	color: #000000;
	text-decoration: none;
}

.newslink a:hover {
	color: #999999;
	text-decoration: underline;
}

.newslink2, .newslink2 a:link, .newslink2 a:visited, .newslink2 a:active {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999999;
	margin-left:8px;
	text-decoration: none;
}

.newslink2 a:hover {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999999;
	margin-left:8px;
	text-decoration: none;
}

.news_content {
	display:block;
	font-size: 12px;
	margin:0; 
	margin-left:58px;
	padding-top:5px;
	text-align:justify;
	color:#8a8a8a;
	border:0px solid red;	
}

.published {
	display:block; 
	text-align: center;
	float:left; 
	font-family: Arial, Helvetica, sans-serif;
	border-bottom:none;
	width:2.8em;
	margin-right:15px;
}

.pub-month {
	display:block;
	font-size: .9em;
	margin:0; 
	padding:0;
	padding-top:12px;
	background-color:#ffff00;
	background:url(../img/clip-top.png) center top repeat-x;
	color:#ffffff;	
}

.pub-date { 
	display:block; 
	font-size:1.2em;
	margin:0; 
	padding:2px;
	color:#000000;
	background-color:#ffff00;
	border:1px solid #666;
	-webkit-border-radius: 0px 0px 5px 5px; 
	-moz-border-radius:  0px 0px 5px 5px;
	border-radius:  0px 0px 5px 5px; 	
}


/* ============================================*/
/* ================= LES STYLES ===============*/

.style1 {	font-family:  Helvetica, arial, sans-serif;
	color: #CCCCCC;
	text-align:justify;
}
.style2 {	font-family:  Helvetica, arial, sans-serif;
	color: #999999;
	text-align:justify;

}

.soustitre1 {	font-family:  Helvetica, arial, sans-serif;
	font-size: 13px;
	font-weight: bold;
	margin: 0 0 0 0px;
	color: #333333;
	text-transform: none;
	letter-spacing: -0.5px;
	border: solid 0px #930;
}

.titre1 {	font-family:  Helvetica, arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	text-transform: none;
	letter-spacing: -0.5px;
	border: solid 0px #930;
	border-bottom-width:1px;
	border-bottom-style:dotted;
	border-bottom-color:#666666;
	margin-bottom:30px;
	height: auto;	
}

.link a:link, .link a:visited, .link a:active {	font-family:  Helvetica, arial, sans-serif;
	font-size: 10px;
	color: #999999;
	text-transform: uppercase;
	letter-spacing: 0px;
	text-decoration: none;
}	
.link a:hover {	font-family:  Helvetica, arial, sans-serif;
	font-size: 10px;
	color: #666666;
	text-transform:uppercase;
	letter-spacing: 0px;
	text-decoration: underline;
}	
.link2 a:link, .link2 a:visited, .link2 a:active {	font-family:  Helvetica, arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #666666;
	text-transform:uppercase;
	letter-spacing: 0px;
	text-decoration: none;
}
.link2 a:hover {	font-family:  Helvetica, arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	text-transform: uppercase;
	letter-spacing: 0px;
	text-decoration: underline;
}

/* =============================================*/
/* ================= LES MODÈLES ===============*/

.imgcadre {
	border: solid 5px #c0b191;
	margin-left: 0px;
	margin-right: 15px;
	margin-bottom: 0px;
	margin-top: 0px;
	padding: 0px 0px 0px 0px;
}
.imgcadrealbumglobal {
	border: solid 2px #000000;
	margin-left: 10px;
	margin-right: 2px;
	margin-bottom: 5px;
	margin-top: 5px;
	padding: 0px 0px 0px 0px;
}
.imgcadregauche {
	border: solid 0px #1b1b1b;
	margin-left: 0px;
	margin-right: 7px;
	margin-bottom: 4px;
	margin-top: 4px;
	padding: 0px 0px 0px 0px;
	float:left;
}

.imgcadredroite {
	border: solid 0px #1b1b1b;
	margin-left: 7px;
	margin-right: 0px;
	margin-bottom: 4px;
	margin-top: 4px;
	padding: 0px 0px 0px 0px;
	float:right;
}

.recherche_affiche {
	font-family: arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999999;
	text-decoration: none;
}
.recherche_input {
	font-family: arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999999;
	width:150px;
	border:1px #333333 solid;
	height:18px;
}
.recherche_affiche_infos {
	font-family: arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
}
.recherche_bouton {
	font-family: arial, Helvetica, sans-serif;
	font-size: 8px;
	color: #000000;
	text-decoration: none;
}
.recherche_mots {
	font-family: arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
}
.recherche_highlight_titre {
	background-color: #B5D6F9;
}
.recherche_highlight_contenu {
	background-color: #B5D6F9;
	color:#000000;
}

/*************** DIV DE CONTENU *******************/
.inline-10 {
	width:10%;
	display:inline-block;	
}
.inline-20 {
	width:20%;
	display:inline-block;	
}
.inline-30 {
	width:30%;
	display:inline-block;	
}
.inline-40 {
	width:40%;
	display:inline-block;	
}
.inline-50 {
	width:50%;
	display:inline-block;
	valign:top;	
}
.inline-60 {
	width:60%;
	display:inline-block;	
}
.inline-70 {
	width:70%;
	display:inline-block;	
}
.inline-80 {
	width:80%;
	display:inline-block;	
}
.inline-90 {
	width:90%;
	display:inline-block;	
}
.block-10 {
	width:10%;
}



/*************** EFFETS VISUELS *******************/
/*==================================================
 * Effect 1
 * ===============================================*/
.effect1 {
	-webkit-box-shadow: 0px 10px 6px -6px #666;
	   -moz-box-shadow: 0px 10px 6px -6px #666;
	        box-shadow: 0px 10px 6px -6px #666;
}

/*==================================================
 * Effect 2
 * ===============================================*/
.effect2
{
  position: relative;
}
.effect2:before, .effect2:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 15px 10px #777;
  -moz-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}
.effect2:after
{
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}

/*==================================================
 * Effect 3
 * ===============================================*/
.effect3
{
  position: relative;
}
.effect3:before
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 15px 10px #777;
  -moz-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}

/*==================================================
 * Effect 4
 * ===============================================*/
.effect4
{
  position: relative;
}
.effect4:after
{
  z-index: -1;
  position: absolute;
  content:"";
  bottom: 15px;
  right: 10px;
  left: auto;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 15px 10px #777;
  -moz-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
}  

/*==================================================
 * Effect 5
 * ===============================================*/
.effect5
{
  position: relative;
}
.effect5:before, .effect5:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 25px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 35px 20px #777;
  -moz-box-shadow: 0 35px 20px #777;
  box-shadow: 0 35px 20px #777;
  -webkit-transform: rotate(-8deg);
  -moz-transform: rotate(-8deg);
  -o-transform: rotate(-8deg);
  -ms-transform: rotate(-8deg);
  transform: rotate(-8deg);
}
.effect5:after
{
  -webkit-transform: rotate(8deg);
  -moz-transform: rotate(8deg);
  -o-transform: rotate(8deg);
  -ms-transform: rotate(8deg);
  transform: rotate(8deg);
  right: 10px;
  left: auto;
}

/*==================================================
 * Effect 6
 * ===============================================*/
.effect6
{
  	position:relative;       
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.effect6:before, .effect6:after
{
	content:"";
    position:absolute; 
    z-index:-1;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    top:50%;
    bottom:0;
    left:10px;
    right:10px;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
} 
.effect6:after
{
	right:10px; 
    left:auto;
    -webkit-transform:skew(8deg) rotate(3deg); 
       -moz-transform:skew(8deg) rotate(3deg);     
        -ms-transform:skew(8deg) rotate(3deg);     
         -o-transform:skew(8deg) rotate(3deg); 
            transform:skew(8deg) rotate(3deg);
}

/*==================================================
 * Effect 7
 * ===============================================*/
.effect7
{
  	position:relative;       
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.effect7:before, .effect7:after
{
	content:"";
    position:absolute; 
    z-index:-1;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    top:0;
    bottom:0;
    left:10px;
    right:10px;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
} 
.effect7:after
{
	right:10px; 
    left:auto;
    -webkit-transform:skew(8deg) rotate(3deg); 
       -moz-transform:skew(8deg) rotate(3deg);     
        -ms-transform:skew(8deg) rotate(3deg);     
         -o-transform:skew(8deg) rotate(3deg); 
            transform:skew(8deg) rotate(3deg);
}

/*==================================================
 * Effect 8
 * ===============================================*/
.effect8
{
  	position:relative;       
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.effect8:before, .effect8:after
{
	content:"";
    position:absolute; 
    z-index:-1;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    top:10px;
    bottom:10px;
    left:0;
    right:0;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
} 
.effect8:after
{
	right:10px; 
    left:auto;
    -webkit-transform:skew(8deg) rotate(3deg); 
       -moz-transform:skew(8deg) rotate(3deg);     
        -ms-transform:skew(8deg) rotate(3deg);     
         -o-transform:skew(8deg) rotate(3deg); 
            transform:skew(8deg) rotate(3deg);
}