/*
      MTN Concept - 2008
      Creation du site vitrine - Version 4
      E-mail : mtnconcept@gmail.com	  
*/

* { padding: 0; margin: 0; }

body {
	background: #838A94 url("graphismes/webBg2.gif") 0 5px repeat-x;
	border-top:5px solid #b7c70f;
	color: #333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	padding:0px;
	margin:0px;

/*
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 background: #838a94 url(images/header.jpg) repeat-x;
*/
}

#wrapper { 
 margin: 0 auto;
 width: 990px;
}

#faux {
 background: url("graphismes/faux.jpg");
 margin-bottom: 0px;
 overflow: auto; /* Paul O Brien Fix for IE www.pmob.co.uk */
 width: 982px;
}

/* HEADER + Gestion des Listes pour le menu */
#header {
 width: 990px;
 padding: 0px;
 height: 139px;
 margin: 0px 0px 0px 0px;
}

#header h1 {
 color: white;
 font-size: 25px;
 padding: 0px 0px 0px 20px
}

#header h2 {
 color: white;
 font-size: 20px;
 padding: 5px 0px 0px 75px
}

/* Menu en haut de page + Gestion des Listes pour le menu */
#menu {
 background: #838a94 url("graphismes/bgmenu.jpg") repeat-x;
 width: 990px;
 height: 60px;
 margin: 0px 0px 0px 0px;
}

#menu ul,
#menu ul * {
	margin:0;
	padding:0;
}
#menu ul {
	line-height:1.0;
	float:left;
	margin-bottom:1.5em;
}
#menu ul li {
	float:left;
	list-style:none;
	position:relative;
}
#menu ul li {
	margin: 0;
    padding: 0px 0px 0px 0px;
	float: left;
	list-style: none;
}

#menu ul li a {
	display: block;
	float: left;
	padding: 0px 30px;
	height: 45px;
	line-height: 35px;
	font-size:12px;
	text-decoration: none;
}

#menu ul.nav li a:link,
#menu ul.nav li a:visited	{color:#838a94;}

#menu ul.nav li:hover {background: url("graphismes/mnuNR.gif") 100% 0% no-repeat;}
#menu ul.nav li a:hover {background: url("graphismes/mnuNL.gif") 0 0 no-repeat;}
#menu ul.nav li a:hover {color:#fff;}

#menu ul.nav li.active {background: url("graphismes/mnuAR.gif") 100% 0% no-repeat;}
#menu ul.nav li.active a {color:#000; background: url("graphismes/mnuAL.gif") 0 0 no-repeat;}

#menu ul.nav li.freetools {background: url("graphismes/rfreetools.jpg") 100% 0% no-repeat;}
#menu ul.nav li.freetools a {color:#fff; background: url("graphismes/lfreetools.jpg") 0 0 no-repeat;}

#navigation {
 background: #838a94 url("graphismes/post-header.jpg") no-repeat;
 width: 982px;
 height: 19px;
 color: #333;
 padding: 18px 10px 0px 10px;
}

#navigation p {
 padding: 3px 0px 0px 530px;
}


#fluxrss {
 background: #b5c905 url("graphismes/aboutGradBg.gif") repeat-y;
 padding: 0px 10px 0px 10px;
 width: 292px;
 height: 150px;
 float: right;
}

#fluxrss h1 {
 color: white;
 font-size: 1.2em;
 border-bottom:1px solid #80a800;
 margin: 5px;
 padding-bottom: 5px;
} 

#fluxrss p {
 color: #1f2835;
 font-size: 1em;
 margin: 5px;
} 

#fluxrss p a {
 color: white;
} 


#fluxrssfootrss {
 background: #b5c905 url("graphismes/aboutFoot.gif") no-repeat top left;
 width: 311px;
 height: 21px;
 float: right;
 }

/* ---------- Begin News Scroller ----------------------- */

#NewsTicker{
	width:296px;
	height:150px;
}
	
	#NewsVertical {
	width: 296px;
	height: 150px;
	display: block;
	overflow: hidden;
	position: relative;
	}
	#TickerVertical {
		width: 296px;
		height: 150px;
		display: block;
		list-style: none;
		margin: 0;
		padding: 0;
	}
	#TickerVertical li {
		display: block;
		width: 288px;
		text-align: left;
		font-size: 11px;
		margin: 0;
		padding: 6px;
		float: left;
	}
		#TickerVertical li .NewsTitle{
			display: block;
			font-size: 12px;
			font-weight:bold;
			margin-bottom:6px;
		}
		
		#TickerVertical li .NewsTitle a:link,
		#TickerVertical li .NewsTitle a:Visited {
			display: block;
			font-size: 12px;
			font-weight:bold;
			margin-bottom:6px;
			text-decoration:none;
		}
		#TickerVertical li .NewsTitle a:hover {
			text-decoration:underline;
		}
		
		#TickerVertical li .NewsImg{
			float:left;
			margin-right:10px;
		}


		#TickerVertical li .NewsFooter{
			display: block;
			font-size: 10px;
			margin:6px 0 14px 0;
		}
		
/* ---------- End News Scroller ----------------------- */

#rightcolumn { 
 display: inline;
 color: white;
 margin: 10px;
 padding: 0px;
 width: 296px;
 float: right;
}

#rightcolumn h1{
 background: url('graphismes/arrowh2b.gif') no-repeat left top;
 height: 35px; 
 color : white;
 font-size: 1em;
 padding-top:4px;
 padding-left: 5px;
}

#rightcolumn p{
 color : white;
 font-size: 1em;
 margin: 5px;
 margin-bottom: 10px;
}

#rightcolumn p.adress{
 color : white;
 font-size: 1em;
 margin: 5px;
 margin-bottom: 10px;
 float: left;
}

#rightcolumn a { 
 color: #b7c70f;
 font-size: 1.2em;
 margin: 5px;
 text-decoration: none;
}

#rightcolumn a:hover { 
 text-decoration: underline;
}
 
#rightcolumn ul{
 list-style:none; 
 margin: 10px 0 10px 15px; 
 padding: 0;
}
#rightcolumn ul li{
 background-image:url("graphismes/icon_list.gif"); 
 background-position: 0 7px; 
 background-repeat: no-repeat; 
 padding: 2px 0px 2px 10px;
}
#rightcolumn ul li ul li{
 background-image:url("graphismes/icon_child.gif");
}

#leftcolumn { 
 float: left;
 color: #333;
 margin: 10px;
 padding: 0px;
 width: 640px;
 display: inline;
 position: relative;
}

#leftcolumn h1 { 
 background: white url("graphismes/bgh1.jpg") no-repeat center left;
 height: 76px;
 color: white;
 font-size: 1.6em;
 text-decoration: bold;
 margin: 5px;
 padding: 40px 5px 0px 15px;
 }

#leftcolumn h2 { 
 color: #000;
 font-size: 1.4em;
 text-decoration: bold;
 margin: 5px;
 padding: 0px 5px 5px 30px;
 }

#leftcolumn p { 
 color: #333333;
 font-size: 1.2em;
 margin: 0px 10px 10px 60px;
 padding-bottom: 10px;
 }

#leftcolumn a { 
 color: #b7c70f;
 text-decoration: none;
 }

#leftcolumn a:hover { 
 text-decoration: underline;
 }
 
#leftcolumn span {
 color: #b5c905;
 text-decoration: underline;
}

#leftcolumn ul{
 color: #333333;
 font-size: 1.2em;
 list-style:none; 
 margin: 10px 0 10px 75px; 
 padding: 0;
}
#leftcolumn ul li{
 background-image:url("graphismes/icon_list.gif"); 
 background-position: 0 7px; 
 background-repeat: no-repeat; 
 padding: 2px 0px 2px 10px;
}
#leftcolumn ul li ul li{
 background-image:url("graphismes/icon_child.gif");
}

#footer { 
 background: #838a94 url("graphismes/footBg.gif") no-repeat;
 height: 220px;
 width: 982px;
 clear: both;
 color: #333;
 padding: 10px;
}

#footer p { 
 padding: 45px 300px 0px 60px;
}


.clear { clear: both; background: none; }

/* ---------- gallery styles start here ----------------------- */
.photo {
	margin: 0px 0px 0px 20px;
	position: relative;
	width: 180px;
	height: 130px;
	float: left;
}
.photo img {
	background: #fff;
	border: solid 1px #ccc;
	padding: 4px;
}
.photo a {
	text-decoration: none;
	cursor: pointer;
}
.c1 span {
	width: 170px;
	height: 120px;
	display: block;
	position: absolute;
	padding: 4px;
	background: url("graphismes/mask.png") no-repeat;
}
.c1 img {
	border: none;
	padding: 0px;
}