/****************************************************

#####################################################

##-------------------------------------------------##

##                 DIMENSE VIEW                    ##

##-------------------------------------------------##

## Copyright = globbersthemes.com- 2013            ##

## Date      = decembre 2013                       ##

## Author    = globbers                            ##

## Websites  = http://www.globbersthemes.com       ##

##       VERSION JOOMLA                            ##

#####################################################

****************************************************/



html {

height: 100%;







}



body{

margin:0;

padding:0;









font-size:13px;





color:#404040;

font-family: tahoma, arial,  sans-serif;

font-weight:normal;



}



/*texte*/



p {

font-size: 100%;



}



h1 {

font-size: 200%;



}



h2 {

font-size: 150%;



}



h3 {

font-size: 125%;



}



h4, h5, h6 {

font-size: 100%;



}



/* liens hypertextes*/ 

a:link, a:visited {

text-decoration:none;

color:#c2ad35;

font-weight:bold;



font-size:13px ;



}



a:hover {

color:#febf01;



}



ul {

margin:0;

padding-left:20px;



}



li {

list-style-type:disc;

background:transparent;

margin: 4px;



}



img {

border:none;

margin:0;

padding:0;



}



img .caption {

text-align: right;

}



.highlight{

background:#171717;

padding: 0px 2px 0px 2px;

color:#ffffff;

}



.blog {

	

	background-color:#FFFFFF;

	padding:15px;

	

	

	

	

}



.button {

background:#171717;

border:none;

color:#fff;

font-weight:bold;

padding:4px;





}



.inputbox {

color:#fff;

background:#171717;

border:none;

padding:4px;

font-weight:bold;



}



.pagewidth{

width:861px;

text-align:center;

background:transparent;

margin-left:auto;

margin-right:auto;

margin-top:0px;

margin-bottom:0px;

position:relative;

}



fieldset {

margin:5px;

padding:5px;

border:none;

}



label {

font-size:14px;

margin:10px;

}



/*******************/

#header {

float:left;

width:100%;

height:286px;

background: url(../images/header.png) 0 0 repeat-x;



}



#header-top {

float:left;

width:100%;

height:70px;

background:transparent;



}



#social-icons {

float:left;

width:250px;

height:70px;

background:transparent;

text-align:right;



}



#social-icons p {

float:left;

color:#fff;

font-size:25px;

margin-top:22px;

margin-left:2px;



}



#rss, #email, #facebook {

float:left;

margin-left:13px;

margin-top:20px;



}



#rss a:hover, #email a:hover, #facebook a:hover {

/* SAFARI TRES VIELLE VERSION < 2.1 */

    -khtml-opacity:0.8;

/* FIREFOX TRES VIELLE VERSION <= 0.9*/

    -moz-opacity : 0.8;

/* IE 8 ET COMPRIS PAR IE 10*/

    -ms-filter: "alpha(opacity=50)";

/* IE > 4 et < 8 ET COMPRIS PAR IE 10*/

    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);

/* IE 4 */

    filter : alpha(opacity=50);

/* AUTRE */

    opacity : 0.8;



}



#toolitem {

float:right;

background:transparent;

width:180px;

height:70px;

margin-right:20px;



}



/***********************/

#header-bottom {

float:left;

width:100%;

height:215px;

background:transparent;



}



#header-bottom-left {

float:left;

width:300px;

height:215px;

background:transparent;



}



#header-bottom-right {

float:left;

width:540px;

height:215px;

background:transparent;

}



/*******small-menu*******/

#small-menu {

float:left;

width:300px;

height:40px;

margin-top:25px;

text-align:right;

background:transparent;



}



#small-menu ul {

list-style: none; 

margin:0; 

padding:0;

float: left;



}



#small-menu ul li a {

padding:0px; 

margin:0 8px 0 0 ;

color: #616161;

font-weight:normal;	

font-size:12px;

text-transform:uppercase;



}



#small-menu ul li a:hover {

color:#fff;



}



#small-menu ul li {

float: left;

list-style: none;

background: none;



}



#small-menu ul li ul,

#small-menu ul li ul ul,

#small-menu ul li li  {

display:none;



}



/*********************/

#sitename {

float:left;

margin-top:30px;

margin-left:5px;



}



/********************/

#search {

float:right;

width:212px;

height:46px;

background: url(../images/search.jpg) 0 0 no-repeat;

margin-top:35px;

text-align:right;



}



#search .inputbox {

background:transparent;

margin-top:14px;

margin-left:12px;

font-weight:normal;

color:#fff;

font-size:13px;

text-align:center;

font-family:helvetica, tahoma, sans-serif !important;



}



/***********************/

#topmenu {

float:left;

width:600px;

height:55px;

background:transparent;

margin-top:40px;

 

}



/****************************/

.navigation {

float:left;

width: 100%;

background:transparent;

 

}



.navigation ul {

list-style: none;

margin:0;

padding:0;

float: left;



}



.navigation ul ul {

margin: 0;

padding: 0;

 

}



.navigation ul li {

margin:0;

padding: 0;

float: left;

list-style: none;

background: none;

display: block;	



}



.navigation ul li ul {

width: 200px;

position: absolute; 

z-index: 99;

left: -999em;

height: auto;

w\idth: 200px;



}



.navigation ul li ul ul {

margin: 0;



}

 

.navigation ul li li {

padding: 0;

margin: 0;

width: 100%;



}





.navigation ul ul a {

width: 100%;



}



.navigation ul li:hover ul ul,

.navigation ul li:hover ul ul ul,

.navigation ul li.sfhover ul ul,

.navigation ul li.havechildsfhover ul ul,

.navigation ul li.havechild-activesfhover ul ul,

.navigation ul li.activesfhover ul ul,

.navigation ul li.sfhover ul ul ul,

.navigation ul li.havechildsfhover ul ul ul,

.navigation ul li.havechild-activesfhover ul ul ul,

.navigation ul li.activesfhover ul ul ul {

 left: -999em;



}





.navigation ul li:hover ul,

.navigation ul li li:hover ul,

.navigation ul li li li:hover ul,

.navigation ul li.sfhover ul,

.navigation ul li.havechildsfhover ul,

.navigation ul li.havechild-activesfhover ul,

.navigation ul li.activesfhover ul,

.navigation ul li li.sfhover ul,

.navigation ul li li.havesubchildsfhover ul,

.navigation ul li li.havesubchild-activesfhover ul,

.navigation ul li li.activesfhover ul,

.navigation ul li li li.sfhover ul,

.navigation ul li li li.havesubchildsfhover ul,

.navigation ul li li li.havesubchild-activesfhover ul,

.navigation ul li li li.activesfhover ul {

left: auto;	



}



.navigation ul li a {

padding: 20px 15px 0 15px ; 

margin:0;

display: block; 

font-weight: bold;	

font-size:15px;

text-transform:uppercase;

height:41px;

background:transparent;

color:#666666;



}



.navigation ul li a:hover {

color:#fff;



}



.navigation ul li {

background: transparent ;

height:55px;



}



.navigation ul li.active a {

color:#fff;



} 



.navigation ul li ul {

background:#febf01 ;

margin-top: -3px;

padding-bottom: 10px;

text-align:left !important;

padding-bottom:0px;



}



.navigation ul li ul li {

border-bottom: 1px solid #efefef !important;

padding-top:2px ;

padding-bottom:5px ;

background:none !important;



}



.navigation ul li ul li a{

height:31px !important;

padding-left:31px;

color:#fff !important;



}



.navigation ul li ul li a:hover  {

height:31px ;

background:transparent ;

 color:#666666 !important;

 

}



.navigation ul li ul li ul {

margin-left:200px;

margin-top: -30px;

padding-bottom: 3px;

padding-top: 0px;

text-align:left !important;

padding-bottom: 0px;



}



.navigation ul li ul li.active a {

color:#fff !important;

 

}



.navigation ul li.active ul li a {

color:#fff !important;



}



.navigation ul li.active ul li a:hover {

color:#febf01 !important;



}



/*****************************/

/* The Nivo Slider styles */

.nivoSlider {

float:left;

	position:relative;

	width:100%;

	height:500px;

	overflow: hidden;

	 background:#000 url(../images/loading.gif) no-repeat 50% 50%;

	 font-family: Hellios, arial, helvetica , sans-serif;

	 

}

	 

}

.nivoSlider img {

	position:absolute;

	top:0px;

	left:0px;

	max-width: none;

}

.nivo-main-image {

	display: block !important;

	position: relative !important; 

	width: 100% !important;

}



/* If an image is wrapped in a link */

.nivoSlider a.nivo-imageLink {

	position:absolute;

	top:0px;

	left:0px;

	width:100%;

	height:100%;

	border:0;

	padding:0;

	margin:0;

	z-index:6;

	display:none;

}

/* The slices and boxes in the Slider */

.nivo-slice {

	display:block;

	position:absolute;

	z-index:5;

	height:100%;

	top:0;

}

.nivo-box {

	display:block;

	position:absolute;

	z-index:5;

	overflow:hidden;

}

.nivo-box img { display:block; }



/* Caption styles */

.nivo-caption  {

	position:absolute;

	left:500px;

	bottom:50px;

	color:#fff;

	width:auto;

	z-index:8;

	opacity: 0.8;

	overflow: hidden;

	display: none;

	-moz-opacity: 0.8;

	filter:alpha(opacity=8);

	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */

	-moz-box-sizing: border-box;    /* Firefox, other Gecko */

	box-sizing: border-box;         /* Opera/IE 8+ */

		

}

  .nivo-caption h2 {

	font-size:25px;

	text-shadow: 1px 1px 0px black; filter:alpha(opacity=90);letter-spacing: normal;

	background:#febf01;

	text-align:right;

	padding:  20px;

	width:400px;

	margin:0;

	text-transform:capitalize;

	font-weight:normal;

}



.nivo-caption h3 {

	font-size:25px;

	text-shadow: 1px 1px 0px black; filter:alpha(opacity=90);letter-spacing: normal;

	background:transparent;

	text-align:right;

	margin:0;

	padding:0;

	text-transform:capitalize;

	width:800px;

	font-weight:normal;

}  

.nivo-caption a {

	display:inline !important;

}

.nivo-html-caption {

    display:none;

}

/* Direction nav styles (e.g. Next & Prev) */

.nivo-directionNav a {

	position:absolute;

 top:45%;

 z-index:9;	

 cursor:pointer;

  text-indent: -10000px; 

 width: 47px;	

 height: 47px;

 background-repeat: no-repeat;	

 

}

.nivo-prevNav {

	left:30px;	

 background-position: left top;

  background: url(../images/prev.png)

}

.nivo-nextNav {

	right:30px;	

 background-position: left top;

  background: url(../images/next.png)

}

/* Control nav styles (e.g. 1,2,3...) */

.nivo-controlNav {

	text-align:center;

	padding: 15px 0;

	

}

.nivo-controlNav a {

	cursor:pointer;

}

.nivo-controlNav a.active {

	font-weight:bold;

}



#info-im {

float:left;

width:100%;

height:30px;

background:#171717;

border-top:1px solid #000;

border-bottom:1px solid #202020;

}



/******************/

#wrapper-main {

float:left;

width:100%;

background:transparent;

margin-top:20px;

margin-bottom:15px;



}



/***********************/

#left {

float:left;

width:270px;

text-align:right;

background:transparent;

margin-left:0px;

border-right:1px solid #c3c3c3;

padding-bottom:0px;

margin-top:10px;



}



#left h3 {

font-size:24px;

text-transform:uppercase;

text-align:right;

font-weight:bold;

background:transparent ;

padding:15px 10px;

margin: 0;



}



#left ul {

padding-left:0px;



}



#left .moduletable_menu li,

#left .moduletable li ,

#left a li {

list-style-type:none !important;

background: url(../images/list.png) 0 12px no-repeat;

padding-left:25px;

padding-bottom:12px;

padding-top:12px;

border-bottom:1px solid #c3c3c3;



}







#left .moduletable_menu,

#left .moduletable ,

#left a {

margin-bottom:40px;

padding-left:0px;

padding-right:25px;

background:transparent;



}



/*********************/

#main {

float:left;

width:560px;

text-align:right;

background:transparent;

margin-left:25px;

margin-top:5px;





}



#main-full {

float:left;

width:100%;

text-align:right;

background:transparent;



}



/*********JOOMLA STYLE***********/

dt.article-info-term {display:none;}

 

 ul.actions {  

 list-style-type: none;  

 text-align: right



 }

 

 ul.actions a {

 padding:0

 

 }

 

 ul.actions  li {  

 display: inline

 

 }

 

 .article-info-term {  

 display: none

 

 }

 

 .article-info { 

 overflow: hidden; 

 font-size: 12px;

 

 }

 .article-info dd {  

 float: left;  

 padding: 0 5px;

 margin-left:5px; 

  border-right:1px solid #c3c3c3;

  

 }

 

 .article-info dd span {  

 text-transform: none;  

 display: inline-block; 

 padding: 0 5px 5px 0px;  

 margin: 0 10px 0 0px;  

 

 

 }

 

 .article-info dd.create {

 background:transparent;  

 clear: left

 

 }

 

 .modified, 

 .parent-category-name,

 .category-name,

 .create,

 .published,

 .createdby,

 .hits {

 background:transparent;

 

 

 }

 

 .parent-category-name a,

 .category-name a {

 

 

 }

 

 .parent-category-name a:hover,

 .category-name a:hover {



 

 }

 

 .createdby {

 background:transparent;

 

 

 }



.items-leading {

width:100%;

font-weight:normal;



}



.items-row {

width:100%;

font-weight:normal;



}



/***titre frontpage*****/

.items-leading h2,.items-leading h2 a {

font-size:25px;

text-transform:uppercase;

text-align:right;

font-weight:bold;

background:transparent ;

padding:0 ;

margin:10px 0 0 0;



} 



.items-leading h2 a:hover {



} 



.items-row  h2,.items-row  h2 a{

font-size:17px;

text-transform:uppercase;

text-align:right;

font-weight:bold;

font-family:Arial, Helvetica, sans-serif;

background:transparent ;

padding:0 ;



color:#a48846;

margin:10px 0 0 0;



}



.items-row  h2 a:hover {





}





/*****separation des articles******/

.item-separator {

height:50px;

width:100%;

display:block;



}



.item-page {



font-weight:normal;

background-color:#FFFFFF;

padding:15px;

text-align:right;



}



.item-page h2 {

font-size:32px;

font-family:Arial, Helvetica, sans-serif;

text-transform:uppercase;

text-align:right;

font-weight:bold;

background:transparent ;

padding:0 ;

margin:10px 0 0 0;

color:2a4874 !important;



} 



/****read more*****/

.readmore a {

float:right;

font-weight: normal;

padding:5px ;

margin-right:15px;

color:#fff;

margin-top:8px;

font-weight:bold;

background:#febf01;

  

}



.readmore a:hover {

color:#fff;

background:#171717;



}



/************************/

/* COLONNES article

/************************/

/************************/

div.cols-1 .item {

width: 100%; 



}



/* div.cols-2 .item {

width: 44%;



 }

div.cols-3 .item {

 width:28%;

 

 }

div.cols-4 .item {

width: 20%;



 }



div.items-row .item {

float: left; 



} 



div.item {

 padding: 0 18px;

 margin-bottom:25px;

 

 } */

 

 /************************/

/*****CATEGORY***********/

/************************/



.categories-list {



}



.categories-list li {

list-style:none;



}



.item-title {

font-size:25px;

text-transform:uppercase;

text-align:right;

font-weight:bold;

background:transparent ;

padding:0 ;

margin:10px 0 0 0;



}



ul#archive-items li {

list-style:none;



}



/* ++++++++++++++  items more  ++++++++++++++ */

.items-more{

padding-top:10px;



}



 .items-more h3{

font-weight:normal;

margin:0;

padding:5px 5px 5px 5px;

font-size:1.4em



}



 .items-more ol{

line-height:1.3em;

margin:0 0 0 20px;

padding:2px 0 5px 2px;



}



 .items-more ol li{

padding:2px;



}



 .items-more ol li a {

display:inline;

margin:0;

font-weight:normal;

 padding:5px;



}



 .items-more ol li a:hover,

 .items-more ol li a:active,

 .items-more ol li a:focus {

font-weight:normal;

padding:2px 5px 5px 5px;

text-decoration:none



} 



/* Pagination ---*/



 .counter {

text-align:center;

padding:10px 0;



}



ul.pagination {

float: left;

width: 100%;

padding:10px 0;

text-align:center;



}



ul.pagination li {

background: none;

display: inline;

margin: 0;

padding: 6px;

margin:0 3px;

overflow: hidden;

/* border:1px solid #e7e7e7; */



}



ul.pagination li span {

padding: 6px; 

line-height: 20px;



}



ul.pagination a {

background:#febf01;

color:#fff;

line-height: 20px;

padding:6px;

text-decoration: none;



}



ul.pagination a:hover, ul.pagination a:active, ul.pagination a:focus {

color: #fff;

text-decoration: none;

background:#181818;



} 



/* ++++++++++++++  nav entre article  ++++++++++++++ */

 ul.pagenav {

 position:relative;

 margin-top:25px;

 

}

 

ul.pagenav li {

 list-style: none;

 padding: 7px;

 background:#febf01 !important ;

 color:#fff;

 

}



ul.pagenav li a {

list-style: none;

padding: 7px;

color:#fff;

  background:#febf01;

  

}

 

ul.pagenav li:hover, ul.pagenav li:focus {

background:#171717;

color:#fff;

 

}

 

ul.pagenav li.pagenav-prev {

float: left;

 

}

 

ul.pagenav li.pagenav-next { 

float:right;



}



/************************/

#ftb {

float:left;

width:100%;

background: url(../images/bg.jpg) 0 0 repeat;

margin-top:0px;

border-top:1px solid #c3c3c3;

padding-top:5px;

}



.box,.box-b {

float:left;

width:245px;

text-align:right;

background:transparent;

overflow:hidden;

margin-bottom:25px;

margin-left:0px;

margin-top:10px;

border-right:1px solid #c3c3c3;

padding-right:25px;



} 



.box-b,.box-c {

float:left;

width:270px;

text-align:right;

background:transparent;

overflow:hidden;

margin-bottom:25px;

margin-left:0px;

margin-top:10px;

border-right:1px solid #c3c3c3;

padding-right:20px;



} 



.box-c {

float:left;

width:270px;

text-align:right;

background:transparent;

overflow:hidden;

margin-bottom:25px;

margin-left:0px;

margin-top:10px;

padding-right:20px;



} 



.box h3  {

font-size:24px;

text-transform:uppercase;

text-align:right;

font-weight:bold;

background:transparent ;

padding:15px 10px;

margin:0;



}



.box-b h3,.box-c h3  {

font-size:24px;

text-transform:uppercase;

text-align:right;

font-weight:bold;

background:transparent ;

padding:15px 10px;

margin:0 0 0 10px;



}



.box .moduletable a,

.box .moduletable_menu a{



} 



#ftb ul {

padding-left:0px;

margin-left:0;



}



#ftb .box .moduletable_menu li,

#ftb .box .moduletable li ,

#ftb .box a li {

list-style-type:none !important;

background: url(../images/list.png) 0 12px no-repeat;

padding-left:25px;

padding-bottom:12px;

padding-top:12px;

border-bottom:1px solid #c3c3c3;

margin-left:0;



}



#ftb .box-b .moduletable_menu li,

#ftb .box-b .moduletable li ,

#ftb .box-b a li {

list-style-type:none !important;

background: url(../images/list.png) 0 12px no-repeat;

padding-left:25px;

padding-bottom:12px;

padding-top:12px;

border-bottom:1px solid #c3c3c3;

margin-left:20px;



}



#ftb .box-c .moduletable_menu li,

#ftb .box-c .moduletable li ,

#ftb .box-c a li {

list-style-type:none !important;

background: url(../images/list.png) 0 12px no-repeat;

padding-left:25px;

padding-bottom:12px;

padding-top:12px;

border-bottom:1px solid #c3c3c3;

margin-left:20px;



}





/**************************/



#ft {

float:left;

width:100%;

height:60px;

background: url(../images/header.png) 0 0 repeat-x;



}



.ftbl {

float:left;

margin-top:25px;

text-align:center !important;

font-weight:normal;

font-size:12px;

width:710px;

color:#fff !important;

background:transparent;



}



.ftbl a{

padding:0 !important;

border:none !important;

color:#fff !important;

font-weight:bold;



} 



 .ftbl a:hover{

padding:0 !important;

border:none !important;

color:#fff !important;



} 



#top {

float:left;

width:30px;

height:30px;

margin-top:15px;

margin-left:100px;

padding:0 !important;

border:none !important;

background:transparent;



}



.top_button {

padding:0 !important;

border:none !important;



}


.englishlang {

color:#febf01;

background:#171717;

border:none;

padding:4px;

font-weight:bold;


font-size: 22px;



}


.englishlang  a{

color:#febf01;

background:#171717;

border:none;

padding:4px;

font-weight:bold;


font-size: 19px;



}