/*	
Theme Name: Photoworks HTML Template & WebsiteBaker Template
Description: a webarte Business Template
Version: 1
Author: webarte.de




*/

/*********************************************************************************************************
1.) Basic Layout and commonly used container classes
**********************************************************************************************************/
* {
/*margin : 0;
padding : 0;*/
}
body { 
    margin: 10px;
    padding: 0; 
    font-family: Verdana;
    font-size: 12px;
	color:#000000;
	background: #a9aaaf url("images/background.jpg") repeat-x;
}

a:link, a:visited, a:active {color:#920202;text-decoration:none;}
a:hover {text-decoration:underline;color:#000000;}

a img {border:0;}
a img {padding: 0px;}

p {padding: 5px 30px 5px 30px;}

h2 {text-align:center;font-size:28px;color:#713902;margin:5px 0;font-weight:bold;text-decoration:italic;}

#wrapper {
    width: 995px;
    margin: -10px auto;
}

.soustitre{font-family: 'Rock Salt', arial, serif;font-size:26px;color:#000; }
.soustitrevert{font-family: 'Rock Salt', arial, serif;color:#94ba52;font-size:13px}    
 .soustitrejaune{font-family: 'Rock Salt', arial, serif;color:#ffff00;font-size:13px} 
  .soustitrerose{font-family: 'Rock Salt', arial, serif;color:#ff00ff;font-size:13px} 
   .soustitrejaune26{font-family: 'Rock Salt', arial, serif;color:#ffff00;font-size:26px}
/*********************************************************************************************************
2.) Logo and menu
**********************************************************************************************************/
#logo{ padding-top: 9px}

#menu_top {
    /*padding-bottom: 45px; */
    height: 45px;
}


/*********************************************************************************************************
3.) Main Menu
**********************************************************************************************************/
/*#menu {
	position:absolute;
	margin:0;
	padding:16px 0px 0px 11px;
	text-align:center;
	width:979px;
	}
#menu ul {
	list-style-type:none;
	margin:0;
	padding:0; 
	}
#menu li {
	display:inline; 
	margin:0 2px 0 0;
	padding:0;
	font-weight:bold;
	border-bottom:0px solid #0d1b27;
	}
#menu a {
	float:left;
	color:#ccc;
	background:transparent url("images/menu-left-000000.jpg") repeat left top;
	margin:0 1px 0 0;
	padding:0px 0px 0px 7px;
	text-decoration:none;
	}
#menu a span {
	display:block;
	background:transparent url("images/menu-right-000000.jpg") no-repeat right top;
	padding:6px 20px 6px 20px;
	}
#menu a:hover {
	color:#5d7bae;
} */

#menu {
	margin:0;
	padding:16px 0px 0px 11px;
	text-align:center;
	width:979px;
	height: 50px;
	position: relative;
	z-index: 100;
	}
#menu ul {
 margin:0;
 padding:0;
 list-style-type:none;
 text-align:center;
 /*z-index: 100;*/
 }
#menu li {
 float:left;
 margin:0 2px 0 0;;
 padding:0;
	font-weight:bold;
	border-bottom:0px solid #0d1b27;
 }
#menu li a {
 display:block;
	color:#ccc;
	background:transparent url("images/menu-left-000000.png") repeat left top;
	margin:0 1px 0 0;
	padding:0px 0px 0px 7px;
	text-decoration:none;
 }
 #menu a span {
	display:block;
	background:transparent url("images/menu-right-000000.png") no-repeat right top;
	padding:6px 10px 6px 5px;
	}
#menu li a:hover {
 color:#5d7bae;
 /*padding:6px 10px 6px 5px;*/
 }


 #menu ul li ul {
 display:none;
/* z-index: 100000; */
 }


 #menu ul li:hover ul {
 display:block;
 }

#menu li:hover ul li {
 float:none;
 display: block; 
 z-index: 100000;
 } 

/*********************************************************************************************************
4.) Slider
**********************************************************************************************************/

.wrap {
	width : 993px;
	margin : 0 auto;
	text-align : left;
	z-index:10;
}
#top #nav {
	float : left;
	clear : both;
	width : 993px;
	height : 52px;
	margin : 22px 0 0;
}
#top #nav ul {
	float : left;
	width : 700px;
	height : 52px;
	list-style-type : none;
}
#nav ul li {
	float : left;
	height : 52px;
}
#nav ul li a {
	border : 0px;
	height : 52px;
	display : block;
	line-height : 52px;
	text-indent : -9999px;
}
#header {
	margin : 1px 0 0;
	z-index: 10;
}
#video-header {
	height : 683px;
	margin : 1px 0 0;
}
#header div.wrap {
	height : 299px;
	background : url(images/header-bg.jpg) no-repeat 50% 0;
}
#header #slide-runner{
  position: absolute;
  z-index:10;
}
#header #slide-runner img{
  z-index:10;
}
#header #slide-runner a{
  z-index:10;
}
#header #slide-holder {
	z-index : 40;
	width : 993px;
	height : 299px;
	position : absolute;
}
#header #slide-holder #slide-runner {
	height:280px;
	left:12px;
	overflow:hidden;
	position:absolute;
	top:10px;
	width:970px;
	z-index:10;
}
#header #slide-holder img {
	margin : 0;
	display : none;
	position : absolute;
	z-index:10;
}
#header #slide-holder #slide-controls {
	left : 0;
	bottom : 228px;
	width : 973px;
	height : 46px;
	display : none;
	position : absolute;
	background : url(images/slide-bg.png) 0 0;
	z-index:10;
}
#header #slide-holder #slide-controls p.text {
	float : left;
	color : #fff;
	display : inline;
	font-size : 10px;
	line-height : 16px;
	margin : 15px 0 0 20px;
	text-transform : uppercase;
	z-index:10;
}
#header #slide-holder #slide-controls p#slide-nav {
	float : right;
	height : 24px;
	display : inline;
	margin : 11px 15px 0 0;
	z-index:10;
}
#header #slide-holder #slide-controls p#slide-nav a {
	float : left;
	width : 24px;
	height : 24px;
	display : inline;
	font-size : 11px;
	margin : 0 5px 0 0;
	line-height : 24px;
	font-weight : bold;
	text-align : center;
	text-decoration : none;
	background-position : 0 0;
	background-repeat : no-repeat;
	color:#fff;
	z-index:10;
}

#header #slide-holder #slide-controls p#slide-nav a.on {
	background-position : 0 -24px;
	z-index:10;
}
#header #slide-holder #slide-controls p#slide-nav a {
	background-image : url(images/silde-nav.png);
	z-index:10;
}
#nav ul li a {
}

/*********************************************************************************************************
5.) Content left and right
**********************************************************************************************************/
#centre{background:#ffffff;
border:1px solid #cccccc;
width:987px;
 margin-left:4px;

}

#page_content1  {
       
	background:#ffffff;
	padding:4px;
	color: #000;
	min-height: 600px;
	
}

hr.clear {
	margin-top:10px;
	margin:0px;
	clear:both;
	visibility:hidden;
}

/*********************************************************************************************************
6.) Footer Aera
**********************************************************************************************************/	
#footer {
	height:70px;
	width:990px;
	margin:0px auto;
	color:#fff;
	font-size:11px;
/*	padding:10px 25px 12px 25px;   */
	font-family:Verdana, Arial, Helvetica, sans-serif;
	clear:both;
}
#footer a, #footer a:link, #footer a:visited {
	color:#fff;
	text-decoration:none;
}
#footer a:hover {
	text-decoration:underline;
}