/* STYLES CONTENT

		-RESET STYLES				(for setting default values for elements)
		
		-MAIN STYLES
		
		-HEADER
				-Top Tabs
				
		-CONTENT
				-Featured Text Area
				
		-HOME CONTENT					(Styles for Home Pages)
				-Text Accordion
				
		-INNER CONTENT					(Styles for inner pages)
				-Contact Page
				-Portfolio
				-Blog Styles
				-Sidebar
				-Tables
				
		-FOOTER
				-Footer Links
				
		-COLUMNS					(used for creating columns like one-third, two-third, one-fourth, etc)

*/


/*  RESET STYLES */
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: bottom;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

:focus {
	outline: 0;
}


/*  MAIN STYLE */
body {
background: #000;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 18px;
}

/*  Wrapper class is used to position * *ALL* * the elements in the theme*/
.wrapper {
	width: 960px;
	margin: 0 auto;
}

hr{
border:0;
margin: 10px 0px 10px 0px;
color:#ffffff;
background-color:#eaeaea;
height: 1px;
}

h6 {
font-size: 18px;
margin-bottom: 10px;
}

.clear {
clear: both;
}

a {
text-decoration: underline;
color: #fff;
}

a:hover {
text-decoration: none;
}

img {
border: 0;
}

.leftalign {
float: left;
margin-right: 10px;
}

.rightalign {
float: right;
margin-left: 10px;
}

img.highlight_image {
	padding: 10px 4px 15px 3px;
	background-image: url(../images/image-small.png);
	background-repeat: repeat-y;
	background-position: center;
}

img.highlight_image_big {
padding: 10px 4px 14px 3px;
background: url(../images/image-big.png) no-repeat bottom;
}

blockquote {
font-style: normal;
background: #f9f9f9;
border-left: 3px solid #e6e6e6;
font-size: 12px;
line-height: 20px;
font-weight: normal;
font-variant: normal;
margin: 15px 0;
padding: 10px 20px 10px 20px;
display: block;
}


/* HEADER */
#header {
background:  #000;
height: 120px;
}

#logo {
float: left;
}



/*   TOP TABS   */
#myslidemenu {
	float: right;
	position: relative;
	top: 10px;
	z-index: 999;
	background-image: url(../images/nav.png); 
}

.jqueryslidemenu{
margin: 0;
padding: 0;
color: #000000;
background: url(../images/nav.png) no-repeat left;
}

.jqueryslidemenu ul{
}

/*Top level list items*/
.jqueryslidemenu ul li{
position: relative;
display: inline;
float: left;
background: url(../images/nav.png) no-repeat right;
line-height: 90px;
}

/*Top level menu link items style*/
.jqueryslidemenu ul li a{
display: block;
color: #999999;
padding: 0px 20px 0 20px;
text-decoration: none;
}

* html .jqueryslidemenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}

.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{
}

.jqueryslidemenu ul li a:hover{
background: url(../images/menu-hover.png) repeat-x top;
color: white;
}
	
/*1st sub level menu*/
.jqueryslidemenu ul li ul{
position: absolute;
left: 0;
display: block;
visibility: hidden;
margin-top: -2px;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.jqueryslidemenu ul li ul li{
display: list-item;
float: none;
background: url(../images/sub-level-menu.png) no-repeat #090e1c;
line-height: 18px;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jqueryslidemenu ul li ul li ul{
}

/* Sub level menu links style */
.jqueryslidemenu ul li ul li a{
width: 160px; /*width of sub menus*/
padding: 10px;
padding-top: 12px;
padding-bottom: 12px;
margin: 0;
background: url(../images/sub-level-menu.png) repeat-x top #090e1c;
}

.jqueryslidemenu ul li ul li a:hover{ /*sub menus hover style*/
color: white;
background: url(../images/sub-level-menu.png) repeat-x top #06090c;
}

/*  CSS classes applied to down and right arrow images  */
.downarrowclass{
position: absolute;
top: 41px;
right: 7px;
}

.rightarrowclass{
position: absolute;
top: 12px;
right: 10px;
}



/*  CONTENT  */
#content {
width: 100%;
padding:0;
margin:0;
overflow: hidden;
}

#breadcrumbs {
/* background: url(../images/breadcrumbs.gif) repeat-x;
 */height: 66px;
padding-top: 12px;
color: #fff;
}

#breadcrumbs p {
float: left;
}

#breadcrumbs li {
float: left;
display: inline;
padding-left: 5px;
padding-right: 15px;
}

#breadcrumbs li.current_crumb {
background: none;
}



/*  FEATURED TEXT AREA  */
#featured ul {
margin-top: 10px;
overflow:hidden;
background: url(../images/featured-background.png) no-repeat;
height: 144px;
padding: 16px;
padding-top: 25px;
}

#featured li {
float: left;
width:210px;
padding-left: 60px;
padding-bottom: 15px;
margin-left: 30px;
background: url(../images/featured-bg.png) no-repeat;
line-height: 17px;
}

#featured .featured_title {
color: #fff;
font-weight: bold;
text-transform: uppercase;
}

#featured .featured_title a {
color: #fff;
text-decoration: none;
padding-bottom: 7px;
background: url(../images/underline-featured.png) repeat-x bottom;
}

#featured .featured_title a:hover {
color: #979797;
text-decoration: none;
}

#featured li img {
float:right;
position: relative;
top: 5px;
left: -230px;
}

#featured li p{
margin-top: 9px;
color: #9b9b9b;
}



/*   HOME CONTENT  */
#home_content {
/*background: url(../images/middle.gif) repeat-x #fff;*/
width: 100%;
padding-top: 35px;

}

#content_columns {
overflow: hidden;
height:100%;
/*color: #222;*/
color:#ffffff;
margin-top: 0px;
padding-left: 30px;
padding-bottom: 50px;
}

#content_columns .column {
float: left;
width: 265px;
margin-right: 45px;
line-height:16px;
}

#content_columns .column_right {
float: left;
width: 265px;
line-height:16px;
}

#content_columns .column_right2 {
float: left;
width: 500px;
line-height:16px;
}

#content_columns img {
float:left;
}

#content_columns p {
margin-top: 5px;
margin-bottom: 20px;
line-height: 18px;
}

#content_columns a:hover{
text-decoration:underline;
}

#content_columns h6 {
font-size: 24px;
text-transform: uppercase; 
padding-bottom: 5px;
margin-bottom: 18px;
background: url(../images/underline-content.png) repeat-x bottom;
}

/*  These are Latest-News styles  */
#latest_news ul {
margin:0;
padding:0;
}

#latest_news li {
margin: 0;
padding:  0;
}

#latest_news li a {
font-weight: bold;
color: #222;
display: block;
}

#latest_news li a:hover {
font-weight: bold;
color: #3399dd;
text-decoration: none;
}

#latest_news li .date {
font-size: 10px;
color: #777;
line-height: 14px;
}



/*   ACCORDION SLIDER IN CONTENT   */
#accordion { 
list-style-type: none; 
padding: 0; 
margin: 0 0 30px;  
width: 500px;
}

#accordion ul { 
padding: 0; 
margin: 0; 
float: left; 
display: block; 
width: 100%; 
}

#accordion li { 
cursor: pointer; 
list-style-type: none; 
padding: 0; 
margin: 0; 
float: left; 
display: block; 
width: 100%; 
margin-bottom: 8px; 
background: url(../images/note.png) no-repeat;
position:relative;
}

#accordion li.active>a { 
padding-bottom: 5px; 
margin-left: 30px; 
color: #3399dd;
line-height: 22px;
border-bottom: 1px dotted #ddd;
}

#accordion li div { 
display: block; 
clear: both; 
float: left; 
line-height: 18px; 
margin-top: 7px; 
margin-bottom: 5px;
}
#accordion li div.prestation { 
display: block; 
clear: both; 
float: left; 
line-height: 18px; 
margin-top: 7px; 
margin-bottom: 5px;
}
#accordion a.titre { 
text-transform: uppercase; 
font-weight: bold; 
margin-left: 20px; 
padding-bottom: 5px; 
color: #fff; 
display: block; 
line-height: 22px;
border-bottom: 1px dotted #ddd;
}
#accordion a.prest{ 



padding-bottom: 5px; 
color: #fff; 
text-decoration:underline;



}
#accordion.accordion_line hr {
margin: 0px 0px 0px 0px;
height: 0;
border-bottom: 1px dotted #eee;
}



#accordion2 { 
list-style-type: none; 
padding: 0; 
margin: 0 0 30px;  
width: 500px;
}

#accordion2 ul { 
padding: 0; 
margin: 0; 
float: left; 
display: block; 
width: 100%; 
}

#accordion2 li { 
cursor: pointer; 
list-style-type: none; 
padding: 0; 
margin: 0; 
float: left; 
display: block; 
width: 100%; 
margin-bottom: 8px; 
background: url(../images/note.png) no-repeat;
position:relative;
}

#accordion2 li.active>a { 
padding-bottom: 5px; 
margin-left: 30px; 
color: #3399dd;
line-height: 22px;
border-bottom: 1px dotted #ddd;
}

#accordion2 li div { 
display: block; 
clear: both; 
float: left; 
line-height: 18px; 
margin-top: 7px; 
margin-bottom: 5px;
}

#accordion2 a { 
text-transform: uppercase; 
font-weight: bold; 
margin-left: 30px; 
padding-bottom: 5px; 
color: #333333; 
display: block; 
line-height: 22px;
border-bottom: 1px dotted #ddd;
}

#accordion2.accordion_line hr {
margin: 0px 0px 0px 0px;
height: 0;
border-bottom: 1px dotted #eee;
}


/*   INNER CONTENT   */
#inner_content {
overflow: hidden;
margin-bottom: 10px;
line-height: 20px;
color: #666;
}

#inner_content .btn {
clear:both;
padding: 0 0 0 0;
position:relative;
z-index:3;
}



#inner_content .btn a {
display:block;
float:left;
font-size:11px;
line-height:13px;
margin-top: 5px;
padding:5px 9px 5px 9px;
text-decoration:none;
width:auto;
-moz-border-radius: 3px;
-webkit-border-radius:3px;
border-radius:3px;
color:#fff;
background: #666;
}

#inner_content .btn a:hover {
color: #fff;
background: #333;
}

#inner_content h1 {
text-transform: uppercase;
font-size: 24px;
color: #fff;
padding-bottom: 10px;
/* border-bottom: 1px solid #ccc; */
}


#home_content h1 {
	text-transform: capitalize;
	font-size: 44px;
text-transform: 
color: #fff;
	padding-bottom: 0px;/* border-bottom: 1px solid #ccc; */
	font-style: italic;
}

#inner_content h2 {
	color: #fff;
	font-size: 18px;
	padding-top: 0px;
	padding-bottom: 5px;
}


#inner_content h3 {
	color: #FFC;
	font-size: 24px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-transform: capitalize;
	text-align: right;
}

#inner_content h4 {
	font-size: 14px;
	color: #fff;
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: normal;
}
#inner_content h5 {
	font-size: 12px;
	color: #fff;
	padding-top: -5px;
	padding-bottom: 0px;
	font-weight: normal;
}

#inner_content h2 a, #inner_content h4 a {
	color: #628AC7;
	text-decoration:underline;
	font-weight: normal;
	text-indent: 5px;
}

#inner_content h2 a:hover, #inner_content h4 a:hover {
color: #fff;
text-decoration: underline;
}

#inner_content p{
	padding-bottom: 30px;
}

/*#main_content {
float: left;
width: 910px;
margin:0;
padding: 0;
padding-right: 20px;
padding-top: 20px;
color: #fff;
}*/

#main_content {
float: left;
width: 910px;
margin:0;
padding: 0;
padding-right: 20px;
padding-top: 20px;
color: #fff;
}

#main_content p{
padding-bottom: 10px;
}

#main_content ul {
list-style: disc;
padding: 7px;
padding-left: 30px;
}

#main_content ol {
list-style: decimal;
padding: 7px;
padding-left: 30px;
}



/*     Blockquotes    */
.quote-right {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	padding-right: 0px;
	width: 45%;
	float:right;
	display: block;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 20px;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #DDDDDD;
}
.quote-left {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 0px;
	padding-right: 20px;
	margin-top: 10px;
	margin-right: 20px;
	width: 45%;
	float:left;
	display: block;
	margin-bottom: 10px;
	margin-left: 0px;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #DDDDDD;
}
.quote-desc {
	color:#333333;
	line-height: 140%;
	font-style: italic;
	font-weight: bold;
}
.quote-author-right {
	color:#3399dd;
	text-align: right;
	font-style: italic;
	margin-top: 10px;
	font-family: Arial;
	font-size: 11px;
	line-height: 12px;
	font-weight: bold;
}
.quote-author-left {
	color:#3399dd;
	text-align: right;
	font-style: italic;
	margin-top: 10px;
	font-family: Arial;
	font-size: 11px;
	line-height: 12px;
	font-weight: bold;
}



/*   CONTACT PAGE    */
.message {
color:#999;
display:none;
width: 960px;
padding:10px;
background: #f3f3f3;
margin-top: 15px;
}

#contact_form {
margin: 0px;
float: left;
width: 100%;
padding: 0px;
margin-top: 10px;
margin-left: 15px;
color: #999;
}

#contact_form .one_third {
float: left;
margin: 0;
margin-right: 10px;
width: 260px;
}

#contact_form .special {
display:none;
}

#contact_form input, #contact_form textarea {
padding: 7px;
width: 240px;
border: 1px solid #e9e9e9;
-moz-border-radius: 3px;
-webkit-border-radius:3px;
border-radius:3px;
margin-bottom: 10px;
overflow: auto;
}
#contact_form input:hover, #contact_form textarea:hover{
background: #f3f3f3;
}

#contact_form input.formbtn {
width: auto;
margin-top: 10px;
padding: 6px 10px 6px 10px;
-moz-border-radius: 5px;
-webkit-border-radius:5px;
border-radius:5px;
color:#fff;
background: #666;
cursor: pointer;
border: 1px solid #666;
}

#contact_form input.formbtn:hover {
background: #333;
border: 1px solid #666;
}

#contact_form textarea {
width: 240px;
height: 140px;
}
#contact_form textarea2 {
width: 240px;
height: 60px;
}

#contact {
position: relative;
margin-top: 30px;
}

#contact .contact_text {
font-size: 12px;
font-style: italic;
color: #fff;
display: block;
}

#contact #graphic img {
border:0;
background: transparent;
position: absolute;
left: 160px;
top: -30px;
}



/*      PORTFOLIO STYLES    */
#portfolio_selector {
background: #000;
overflow: hidden;
color: #fff;
margin: 10px 0 20px 0;
-moz-border-radius: 3px;
-webkit-border-radius:3px;
border-radius:3px;
width: 100%;
height: 25px;
padding-top: 7px;
padding-bottom: 7px;
text-align: left;
}

#portfolio_selector li {
display: inline;
}

#portfolio_content {
	margin-top: 0px;
	width: 100%;
	line-height: 17px;
	margin-left: 0px;
	color: #fff;
}

#portfolio_content .btn a {
margin-top: 12px;
}

#portfolio_content .one_third {
	overflow: hidden;
	margin-bottom: 10px;
	-margin-bottom: 20px;
	margin-right: 30px;
}

#portfolio_content ul {
list-style-type: none;
padding: 0;
margin: 0;
}

#portfolio_content ul li {
display:block;
}

.portfolio_image {
	width: 100%;
	overflow: hidden;
	text-indent: -1px;
}
.portfolio_image a {position: relative;}
.portfolio_image a span { 
display:none; 
background: url(../images/image-zoom.png) no-repeat; 
width: 250px; 
height: 160px; 
position:absolute; 
left:3px; 
bottom: 18px;
}
.portfolio_image img {
	background: url(../images/image-small.png) no-repeat bottom;
	padding-top: 5px;
	padding-right: 4px;
	padding-bottom: 15px;
	padding-left: 3px;
}
 .portfolio_image a:hover span {display: block; cursor: pointer;}



/*       BLOG STYLES      */
#blog_articles ul {
margin:0;
padding:0;
list-style-type:none;
}

#blog_articles li {
width: 100%;
margin-bottom: 60px;
_margin-bottom: 20px;
}

#blog_articles li h2 {
font-size: 30px;
border-bottom: 1px solid #dcdcdc;
margin-bottom: 5px;
}

.article_info {
float: left;
color: #999;
font-size: 10px;
text-transform: uppercase;
}

.comment_number {
float: right;
font-size: 10px;
text-transform: uppercase;
margin: 4px;
}


/*   SIDEBAR CONTENT   */
#sidebar {
color: #000;
width: 280px;
padding:	0 0 0 25px;
float: left;
position:relative;
}

#sidebar div{
position: relative;
z-index: 2;
}

#sidebar_top, #sidebar_bottom{
width:280px;
height:68px;
display: block;
position: absolute;
left: 0;
z-index: 1;
top:0;
}

#sidebar #sidebar_bottom{
top:auto;
bottom: 0;
}

#sidebar {
background:transparent url(../images/sidebar-middle.png) repeat-y top left;
}

#sidebar_top {
/* background:transparent url(../images/sidebar-top.jpg) no-repeat top left;
 */}

#sidebar_bottom {
/* background:transparent url(../images/sidebar-bottom.jpg) no-repeat bottom left;
 */}

#sidebar h6 {
font-size: 24px;
margin-bottom: 10px;
}

/*  3 Types of Content Blocks for Sidebar: A Simple List, An Info Box (also includes list) & a Blog Post block  */
.block, .block_info, .block_posts {
padding:0;
width: 100%;
float: left;
margin-top: 20px;
margin-bottom: 20px;
color:#ffffff;
}

.block ul, .block_info ul, .block_posts ul {
list-style-type: none;
}

.block ul li, .block_info ul li {
border-bottom: 1px solid #ddd;
}

.block ul li a {
background-image: url(../images/sidebar-arrow.png);
background-repeat: no-repeat;
background-position: left 10px;
padding: 6px;
padding-left: 13px;
color: #666;
display: block;
}

.block ul li a:hover {
color: #222;
text-decoration: none;
}

.block_info img {
float: left;
margin-right: 10px;
}

.block_posts ul li{
overflow: hidden;
padding: 7px;
padding-left: 0;
border-bottom: 1px solid #ddd;
font-size: 10px;
}

.block_posts a {
display: block;
font-size: 12px;
}

.block_posts img {
float: left;
background-color: #FFFFFF;
padding: 3px;
margin-right: 5px;
border: 1px solid #E0E0E0;
}



/*    TABLE   */
table#pricing_table {
margin: 20px auto;
border-spacing:0px;
border-collapse:collapse;
empty-cells: hide;
}

#pricing_table td, #pricing_table th{
width:130px;
padding:7px;
border:1px solid #ccc;
margin:10px;
line-height:30px;
text-align:center;
}

#pricing_table th.empty_cell {
border: 0;
}

#pricing_table .table_package {
font-size:24px;
}

.color1 {
background:#e4e4e4;
text-decoration:none;
}

.color2 {
background:#f7fafa;
}

.color3 {
background:#f0eef9;
}



/*   FOOTER   */
#footer{
	overflow: hidden;
	height:100%;
	color:#222;
	padding: 20px;
	padding-right: 0px;
	padding-left: 0px;
	background-image: none;
	background-repeat: no-repeat;
}

#footer h2 {
font-size: 20px;
color: #666;
border-bottom: 1px solid #ccc;
padding-bottom: 10px;
}

ul.footer_list{
list-style-type: none;
}

ul.footer_list li {
	border-bottom-width: 1px;
	border-bottom-style: none;
	border-bottom-color: #fff;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
}

ul.footer_list li a {
background-image: url(../images/sidebar-arrow.png);
background-repeat: no-repeat;
background-position: left 10px;
padding: 6px;
padding-left: 13px;
color: #fff;
text-decoration: none;
display: block;
}

ul.footer_list li a:hover {
color: #ddd;
text-decoration: none;
}

#footer p {
	color: #FFF;
	margin-top: 10px;
	margin-bottom: 10px;
}

#social_links ul {
margin:0;
padding:0;
list-style-type:none;
}

#social_links li {
margin-right: 10px;
float: left;
}



/*  FOOTER END  */
#footer_end {
	float: center;
overflow: hidden;
background: #000;
padding-top: 0px;
padding-bottom: 30px;
margin: 0;
}

#footer_end ul {
	float: center;
}

#footer_end ul li {
	padding-left: 5px;
	display: inline;
	font-size: 12px;
	padding-right: 5px;
	border-right: 1px solid #FFF;
}

#footer_end ul li a {
	color: #ddd;
}

#footer_end ul li a:hover {
	color: #fff;
}

#footer_end p {
	color: #999999;
	font-size: 14px;
	float: none;
	text-align: center;
}
#footer_end p2 {
	color: #999999;
	font-size: 10px;
	float: none;
	text-align: center;
}
#footer_end p img {
	position:relative;
	top: 4px;
	padding-left: 5px;
	display: inline;
}


/*    COLUMNS  */
.column_holder {
	margin: 0px;
	float: left;
	width: 100%;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
}
.full_width {
	width: 100%
}
.one_fourth, .one_third, .half, .two_third {
	float: left;
	margin: 0;
}
.one_fourth {
	width: 26%;
	margin-right: 5%;
	margin-left: 20px;
	background-color: #000;
	background-image: none;
}
.one_third {
	width: 30%;
	margin-right: 5%;
}
.half{
	width: 45%;
	margin-right: 5%;
}
.two_third {
	width: 65%;
	margin-right: 5%;
}
.last {
margin-right: 0px;
}
		/********************    titre2  ********************/
.titre2 {
	font-size: 14px;
	color: #CC0;
	text-decoration: Snone;
	float: right;
	margin-top: 5px;
	margin-right: 15px;	
}
.titre3 {
	font-size: 21px;
	color: #CC0;
	text-decoration: none;
	float: left;
	margin-top: 0px;
}
/* .titre2 a {
	font-size: 22px;
	color: #red;
	text-decoration: none;
	float: right;
	margin-top: 0px;
} */