/*  
Theme Name: Tarantella Media Inc.
Description: Pour Wordpress version 2.7+
Version: 1.0
Author: Webfairy
Author URI: http://www.webfairy.ca/
*/

* { margin: 0; padding: 0; border: 0; }

body {
	text-align: center;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 76%;
	color: #676767;
	line-height: 1.15em;
	font-weight: normal;
	background: url(images/bgBlog.gif) repeat-y top center;
	}
	
	body.accueil-2, body.entreprise-3, body.realisations-3,	body.solutions-3 {background: url(images/mainWrapBg.gif) repeat-y center 167px;}
					
	
.center {text-align: center;}
.right {float: right;}
br {clear: both;}
.seo {position:absolute; text-indent:-999em;}

/* ---[ Mise en page/Structure des pages ]--------------------- */

#headerWrap {
	position: relative;
	z-index: 2;
	width: 100%;
	height: 282px;
	background: url(images/bgHeader.gif) repeat-x 0 0;
	}	
	
	#header {
		margin: 0 auto;
		position: relative;
		width: 939px;
		height: 282px;
		text-align: left;
		}
		
		ul#topNav {
			position: absolute;
			z-index: 9999;
			top: 24px; right: 0;
			list-style-type: none;
			color: #000;
			}
			
			ul#topNav li {
				display: inline;
				float: left;
				font-size: 85%;
				font-family: Arial, Helvetica, sans-serif;
				}
				
				ul#topNav li a:link, ul#topNav li a:visited {
					color: #0b4e87;
					text-decoration: none;
					}
					
				ul#topNav li a:hover, ul#topNav li a:active {
					color: #23a0e2;
					text-decoration: underline;
					}	
					
				a#cms:link, a#cms:visited, a#cms:hover, a#cms:active {background: url(images/iconCMS.gif) no-repeat; padding: 0 0 0 15px;}
				
		
		img#logo {position: absolute; top: 32px; left: 8px;}
		
		#tagline {
			position: absolute;
			top: 93px; left: 292px;
			width: 389px;
			height: 18px;
			background: url(images/tagline.gif) no-repeat;
			}
		
			 #tagline span {display: none;}
	
	
			#flashHeader {
			position: absolute;
			top: 101px; left: 0px;
			width: 940px;
			height: 137px;
			
			}
	
	
/*sub navigation*/
#nav ul {position:relative;top: -10px;left:0;padding:0; width:132px;}
#nav ul a, #nav ul li {float:none; background-image:url(images/fond_sub.jpg);}

	
	
		ul#nav {
			position: absolute;
			bottom: 0; left: 0;
			list-style-type: none;
			height: 48px;
			background: url(images/navSeparateur.gif) no-repeat right 12px;
			
			}	
			
			ul#nav li {
				display: inline;
				float: left;
				text-transform: uppercase;
				text-align: center;
				padding-bottom:12px;
				
				}
						
				
				ul#nav li a:link, ul#nav li a:visited {
					display: block;
					width: 132px;
					height: 29px;
					padding-top: 19px;
					font-size: 90%;
					color: #239ee1;
					font-weight: bold;
					text-decoration: none;
					background: url(images/navSeparateur.gif) no-repeat 0 12px;
					}
					
					ul#nav ul li a:link, ul#nav ul li a:visited {
					display: block;
					width: 133px;
					height: 6px;
					padding-top: 8px;
					font-size: 90%;
					color: #239ee1;
					font-weight: normal;
					text-decoration: none;
					background: url(images/navSeparateur.gif) no-repeat 0 12px;
					text-transform:none;
					}
					
					/*l'exception
					ul#nav li a[title="Blog"] {width: 106px;}*/
					
					ul#nav li a:hover, ul#nav li a:active {color: #9fe504; background: url(images/bgNavBtnHover-trans.png) no-repeat;}
					/*sub nav*/
					ul#nav ul li a:hover, ul#nav ul li a:active {color: #9fe504;  background: url(images/bgNavBtnHover2-trans.png) no-repeat; }
					
					/*section highlight*/
					/*
					body.accueil-2 ul#nav li.page-item-96 a,
					body.entreprise-3 ul#nav li.page-item-108 a,
					body.realisations-3 ul#nav li.page-item-114 a,
					body.solutions-3 ul#nav li.page-item-116 a,
					body.news ul#nav li.page-item-82 a,
					body.archives ul#nav li.page-item-82 a,
					body.contact-2 ul#nav li.page-item-971 a
					{color: #0b4e86; background: url(images/bgNavBtnOn-trans.png) no-repeat;}
					*/

		#talentBanner {
			position: absolute;
			top: -40px; right: -5px;
			width: 132px; 
			height: 374px;
			z-index: 999;			
			}
			
			
		#phoneNumber {
			position: absolute;
			top: 50px;
			right: 0px;	
			color:#0B4E87;	
			font-size: 86%;
			font-family:Arial,Helvetica,sans-serif;
			}
	
#mainWrap { /*because of multiple backgrounds*/
	position: relative;
	z-index: 1;
	margin: 0 auto;
	width: 944px;
	padding: 0 14px 0 0;
	text-align: left;
	}
	
	#contentWrap {
		width: 940px;
		min-height: 500px;
		padding: 20px 0;
		margin: 0 0 0 7px;
		background: #239fe2 url(images/bgContent.gif) repeat-x; 
		}

	#content {
		float: left;
		display: inline; /*for ie6*/
		width: 559px;
		padding: 0 0 0 21px;
		margin: 0 40px 0 0;
		color: #fff;
		}	
		
		#featureBoxTop {
			clear: both;
			width: 599px;
			height: 11px;
			margin: 0 0 0 -40px;
			background: url(images/featureBoxTop-trans.png) no-repeat;
			}
			
		#featureBox {
			position: relative;
			clear: both;
			width: 531px;
			min-height: 165px;
			padding: 35px 20px 10px 40px;
			margin: 0 0 0 -40px;
			background: #e6e6e6 url(images/bgFeatureBox.gif) repeat-x;
			border-left: 4px #21a0f6 solid;
			border-right: 4px #21a0f6 solid;
			color: #676767;
			}
			
			img.arrowFeatureBox {position: absolute; top: 35px; left: 0;}
					
		#featureBoxBottom {
			clear: both;
			width: 599px;
			height: 29px;
			margin: 0 0 15px -40px;
			background: url(images/featureBoxBot-trans.png) no-repeat;
			}
			
			
			img#cmsThumb {float: right; margin: 0 0 15px 15px;}
			
			/*portfolio*/
			img.mainPortfolio {float: left; margin: 0 10px 18px 0;}
			div.description {float: left; width: 170px;}
			div.description2 {float: left; width: 170px; margin-top:40px;}
			
			div.thumbnail {float: left; width: 180px; padding: 0 5px 40px 0; font-size: 90%;}
				div.thumbnail img {margin: 0 0 5px 0;}
			
			/*r�alisations*/
			img#symboles {margin: 0 0 15px 0;}	
			
			div.image {
				float: left;
				display: inline;
				width: 239px;
				margin: 0 15px 15px 0;
				
				}
				
			div.texte {
				float: left;
				display: inline;
				width: 300px;
				}
			
		#wideBoxTop {
			clear: both;
			width: 938px;
			height: 11px;
			margin: 0 0 0 -20px;
			background: url(images/boxLgTop-trans.png) no-repeat;
			}
			
		#wideBox {
			position: relative;
			clear: both;
			width: 870px;
			padding: 15px 20px 0 40px;
			margin: 0 0 0 -20px;
			background: #e9e9e9 url(images/bgWideBox.gif) repeat-x;
			
			border-left: 4px #21a0f6 solid;
			border-right: 4px #21a0f6 solid;
			color: #676767;
			}
			
			img.arrowWideBox {position: absolute; top: 15px; left: 0;}
		
		#wideBoxBottom {
			clear: both;
			width: 938px;
			height: 23px;
			margin: 0 0 15px -20px;
			background: url(images/boxLgBot-trans.png) no-repeat;
			}
	#sidebarRealisations {
		float: left;
		display: inline; /*for ie6*/
		width: 295px;
		padding: 370px 20px 0 0; 
		color: #fff;
		}			
		
	#sidebar {
		float: left;
		display: inline; /*for ie6*/
		width: 295px;
		padding: 10px 20px 0 0; 
		color: #fff;
		}
		
		.ecran {
		float: left;
		width: 286px;
		background: url(images/sidebar_ecran-trans.png) no-repeat scroll 0 20px transparent;
		height:172px;
		}
		
		#ecranLogo {
		float: left;
		width: 286px;
		background: url(images/sidebar_ecran-trans.png) no-repeat scroll 0 20px transparent;
		height:172px;
		margin:0;
		padding:0;
		}
	
		#sidebar hr {color: #0b4f87; background-color: #0b4f87; border: 1px solid #a4cee9; border-style: none none solid; clear: both; margin: 0 0 10px 0;}	
			#sidebar hr.dotted {color: #fff; background-color: #0b4f87; border: 1px dotted #a4cee9; border-style: none none dotted; clear: both;}
	
		
#footerWrap {
	clear: both;
	width: 100%;
	min-height: 191px;
	padding: 11px 0 15px 0;
	border-top: 9px #585858 solid;
	background: #5a5a5a;
	}	
	
	#footer {
		margin: 0 auto;
		position: relative;
		width: 940px;
		text-align: left;
		color: #fff;
		}

		#leftCol {
			float: left;
			display: inline;
			width: 360px;
			}
		
		#midCol {
			float: left;
			display: inline;
			width: 315px;
			}
			
			img#linkedin {margin: 10px 20px 0 0; vertical-align: middle;}
			img#fb {margin: 10px 20px 0 0; vertical-align: middle;}
			img#twitter {margin: 10px 0 0 0; vertical-align: middle;}
	
		#rightCol {
			float: right;
			display: inline;
			width: 225px;
			line-height:20px;
			}


/* ---[ Format du texte ]--------------------- */

.blue {color: #21a0f6; }
.date, .recentdate {text-transform: uppercase; font-size: 85%; color: #fff;}
.highlight {text-transform: uppercase; background: #93d00d; padding: 1px 2px; font-weight: bold; font-size: 110%;}

h1, .replaceh1, .entry .replaceh1 {
	font-family: Helvetica, Arial, sans-serif;
	color: #fff;
	font-size: 230%;
	font-weight: normal;
	padding: 0 0 20px 0;
	line-height: 1em;
	}
	

	#sidebar h4, #sidebar .replaceh4 {padding: 10px 0 20px 5px; font-size:90%; font-weight:bold;}
	#sidebar h4:first-child,  #sidebar .replaceh4:first-child  {padding: 0 0 20px 5px;}
	
	#sidebar h1 {padding: 10px 0 20px 0; font-size:200%;}
		#sidebar h1:first-child {padding: 0 0 20px 0;}
	
	#sidebar object + ul {margin: 30px 0 0 0;} /*podcast*/

	#featureBox h1, #featureBox .replaceh1 {color: #21a0f6; padding: 0 0 20px 0;}	
	
	#midCol h1, #rightCol h1, #midCol .replaceh1 {text-transform: uppercase; font-weight: bold; font-size: 130%; padding: 0 0 8px 0;}

h2 {
	font-family: Helvetica, Arial, sans-serif;
	color: #21A0F6;
	font-size: 230%;
	font-weight: normal;
	padding: 0 0 10px 0;
	line-height: 1em;
	}
	
	#featureBox h2 a:link, #featureBox h2 a:visited {color: #21A0F6;, text-decoration: none; padding: 0 0 5px 0; }
	
	#sidebar h2 {color: #fff;}
	
	h3.strat {font:normal 12px tahoma; margin-bottom:10px;}

p {
	font-size: 100%;
	line-height: 1.4em;
	padding: 0 0 10px 0;
	}
	
	div.description p {font-size: 90%;}

	#sidebar p {padding: 0 0 10px 0;}
		
	#sidebar p.permalink {line-height: 1.2em;}
	
	#midCol p, #rightCol p, #midCol h4 {font-size: 90%;}
	#midCol h4 {margin-bottom:10px;}


#content ul {
	margin: 0 0 15px 25px;
	}

#content ul li {
	list-style-type:square;
	margin: 0 0 10px 0;
	}

	#content ul.noBullet {
		margin: 0 0 15px 0;
		}
	#content ul.noBullet li	{list-style-type: none;}
	
		body.plan-du-site #content ul.noBullet li {margin: 0;}
		body.plan-du-site #content ul.noBullet ul {list-style-type:square; margin: 0 0 15px 25px;}
		
a:link, a:visited, a:hover, a:active {}
	
a:focus, object {outline: none;}

#content a:link, #content a:visited, #content a:hover, #content a:active { color: #9fe504; text-decoration: underline; font-weight: normal;}

#content a.external:link, #content a.external:visited {
	background: url(images/externalLink.gif) no-repeat 0 5px;
	padding: 0 0 0 14px;
	display: block;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	}
	
	#content a.external:hover, #content a.external:active {text-decoration: underline;}

#featureBox a:link, #featureBox a:visited {
	color: #21a0f6;

	text-decoration: none;
	}
	
	#featureBox a:hover, #featureBox a:active {
		color: #0b4e86;	
		text-decoration: underline;
		}
		
	

#wideBox a:link, #wideBox a:visited {
	color: #21a0f6;
	text-decoration: underline;
	}
	
	#wideBox a:hover, #wideBox a:active {
		color: #0b4e86;	
		text-decoration: none;
		}
	
#sidebar a:link, #sidebar a:visited {
	color: #93d00d;
	font-weight: bold;
	text-decoration: none;
	}
	
	#sidebar a:hover, #sidebar a:active {
		text-decoration: underline;
		}	
	
	#sidebar a.btnTout:link, #sidebar a.btnTout:visited, #sidebar a.btnTout:hover, #sidebar a.btnTout:active {
		background: url(images/btnPlus.gif) no-repeat; 
		padding: 4px 0 5px 34px;
		height: 23px;
		display: block;
		color: #fff;
		margin: 0 0 20px 0;
		}	

#footer a:link, #footer a:visited, #footer h5 a:link, #footer h5 a:visited {color: #fff; text-decoration: none;}
	#footer a:hover, #footer a:active, #footer h5 a:hover, #footer h5 a:active  {color: #21A0F6; text-decoration: underline;}
#footer h5 {font-size:12px; font-weight:normal;}
/* ---[ Form ]--------------------- */

form#cformsform ol {list-style-type: none;}

form#cformsform label {
	float: left;
	width: 80px;
	margin: 0 0 2px 0;
	font-size: 90%;
	}

form#cformsform input {
	float: right;
	width: 240px;
	margin: 0 0 2px 0;
	}
	
form#cformsform textarea {
	width: 325px;
	height: 50px;
	}	
	
form#cformsform input#sendbutton {
	float: right;
	width: 82px;
	height: 24px;
	background: url(images/btnEnvoyer.gif) no-repeat;
	margin: 5px 0 0 0;
	cursor: pointer;
	}



/* ---[ slideshow r�alisations r�centes ]--------------------- */

#slideshow {
	margin:0 auto;
	width:897px; 
	height:322px; 
	position:relative;
	margin-bottom:20px;
}

#slideshow #slidesContainer {
  margin:0 auto;
  width:797px;
  height:322px;
  overflow:auto; /* allow scrollbar */
  position:relative;
  background: url(images/bgSlider-trans.png) no-repeat;
}

#slideshow #slidesContainer .slide {
  margin:0 auto;
   width:777px;
  height:302px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */
  padding-top: 23px;
  
}

	.slide p {
	  margin: 0 0 0 23px;
	  line-height: 1.3em;
	  font-size: 90%;
	  padding: 0;
	}
	
	.slide .upper {text-transform: uppercase; font-size: 90%;}
	
	.slide img {
	  margin:0 0 10px 23px;
	  border: 3px #fff solid;
	}

.control {
  display:block;
  width:31px;
  height:322px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
}

#leftControl {
  top:132px;
  left:0;
  background: url(images/button_prev-trans.png) no-repeat 0 0;
}

#rightControl {
  top:132px;
  right:0;
  background: url(images/button_next-trans.png) no-repeat 0 0;
}
	

/* ---[ Hacks ]--------------------- */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */	


/* ---[ Blog ]--------------------- */
body.news {background: url(images/bgBlog.gif) repeat-y top center;}
	body.news #contentWrap {margin: 0 0 0 9px;}

#headerBlog {
	margin: 0 auto;
	position: relative;
	width: 940px;
	height: 340px;
	background: url(images/bgHeaderBlog.jpg) repeat-x;
	}
	
	div#retourAccueil {
		position: absolute;
		top: 10px; right: 15px;
		width: 155px;
		text-align: right;
		}
		
		div#retourAccueil a:link, div#retourAccueil a:visited {
			font-family: Arial, Helvetica, sans-serif;
			font-size: 115%;
			color: #153b71;
			text-decoration: none;
			}
			
			div#retourAccueil a:hover, div#retourAccueil a:active {
			text-decoration: underline;
			}
	
	img#logoBlog {position: absolute; top: 20px; left: 21px;}
	
	#taglineBlog {
		position: absolute;
		top: 68px; 
		right: 15px;
		width: 389px;
		height: 18px;
		background: url(images/tagline.gif) no-repeat;
		}
		
		 #taglineBlog span {display: none;}
		
	img#symbolesBlog {position: absolute; top: 116px; left: 330px;}	
	
	a#btnAbonnerRSS:link, a#btnAbonnerRSS:visited, a#btnAbonnerRSS:hover, a#btnAbonnerRSS:active {
		position: absolute;
		bottom: 6px; right: 11px;
		width: 189px;
		height: 29px;
		display: block;
		background: url(images/btnAbonnerBlog.png) no-repeat;
		}
		
		a#btnAbonnerRSS span {display: none;}

/* begin wordpress styles */

/*sidebar widgets*/

small {line-height: 1.3em;}

#sidebar ul {
	list-style-type: none;
	margin: 0 0 15px 0;
	}
	
	#sidebar ul ul {
	list-style-type: none;
	margin: 0;
	}
	
#sidebar ul ul li, #sidebar ul ul li.widget {
	list-style-type: none;
	margin: 0 0 8px 0;
	padding: 0 0 15px 0;
	background: url(images/hr-pointille.gif) no-repeat bottom center;
	}
	
	#sidebar ul ul ul.children li {
	padding: 4px 0 0 15px;
	margin: 0 0 2px 0;
	background: none;
	}
	
	

#page {
	background-color: white;
	border: 1px solid #959596;
	text-align: left;
}

.entry p {
	font-size: 1.05em;
}

.entry, .entry {
	line-height: 1.4em;
}
 .postmetadata {
	clear: both;
	margin: 5px 0 15px 0;
	font-size: 90%;
}
/*.alt {

background-color: #f8f8f8;

border-top: 1px solid #ddd;

border-bottom: 1px solid #ddd;

}*/





#headerimg .description {
	text-decoration: none;
	color: white;
}
#wp-calendar caption, cite {
	text-decoration: none;
}
.entry p a:visited {
	color: #b85b5a;
}
.commentlist li, #commentform input, #commentform textarea {
	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
}
.commentlist li {
	font-weight: bold;
}
.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
}
.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
}
#commentform p {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
}
.commentmetadata {
	font-weight: normal;
}
code {
	font: 1.1em 'Courier New', Courier, Fixed;
}
#wp-calendar #prev a, #wp-calendar #next a {
	font-size: 9pt;
}
#wp-calendar a {
	text-decoration: none;
}
#wp-calendar caption {
	font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	text-align: center;
}
#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
}
#page {
	background-color: white;
	margin: 20px auto;
	padding: 0;
	width: 760px;
	border: 1px solid #959596;
}

.post {
/*margin: 0 0 40px;

text-align: justify;*/

}
.post hr {
	display: block;
}
 .post {
	margin: 0;
	clear: both;
}

.smallattachment {
	text-align: center;
	float: left;
	width: 128px;
	margin: 5px 5px 5px 0px;
}
.attachment {
	text-align: center;
	margin: 5px 0px;
}

.clear {
	clear: both;
}
h2.pagetitle {
	color: #A0D823;
}
h3.comments {
	padding: 0;
	margin: 40px auto 20px;
}
p img {
	padding: 0;
	max-width: 100%;
}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
}
img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
}
.alignright {
	float: right;
}
.alignleft {
	float: left;
}
/* End Images */

/* Begin Lists





/* Begin Form Elements */

#searchform {
	margin: 0 0 20px 0;
}
#sidebar #searchform #s {
	width: 195px;
	height: 20px;
	padding: 2px;
}

form#searchform input#searchsubmit {
	float: right;
	width: 76px;
	height: 18px;
	background: url(images/btnChercher.gif) no-repeat;
	margin: 5px 0 0 0;
	cursor: pointer;
	}

.entry form {
	/* This is mainly for password protected posts, makes them look better. */

text-align: center;
}
select {
	width: 130px;
}
#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
}
#commentform textarea {
	width: 100%;
	padding: 2px;
}
#commentform #submit {
	margin: 0;
	float: right;
	
}



/* End Form Elements */

/* Begin Comments*/

/*.alt {

margin: 0;

padding: 10px;

}*/


.commentlist {
	padding: 0;
	text-align: justify;
}
.commentlist li {
	margin: 15px 0 3px;
	padding: 5px 10px 3px;
	list-style: none;
}
.commentlist li .avatar {
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
}
.commentlist p {
}
#commentform p {
	font-size:100%;
}
.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
}
.commentmetadata {
	margin: 0;
	display: block;
}
/* End Comments */

/* Begin Sidebar */





/* End Sidebar */

/* Begin Calendar */

#wp-calendar {
	empty-cells: show;
	margin: 0 0 20px 0;
	width: 155px;
}
#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
}
#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
}
#wp-calendar a {
	display: block;
}
#wp-calendar caption {
	text-align: center;
	width: 100%;
}
#wp-calendar td {
	padding: 3px 0;
	text-align: center;
}
#wp-calendar td.pad:hover {
	/* Doesn't work in IE */

background-color: #fff;
}
/* End Calendar */

/* Begin Various Tags & Classes */

acronym, abbr, span.caps {
	cursor: help;
}
/*blockquote {

margin: 15px 30px 0 10px;

padding-left: 20px;

border-left: 5px solid #ddd;

}

blockquote cite {

margin: 5px 0 0;

display: block;

}*/

.center {
	text-align: center;
}
.hidden {
	display: none;
}
a img {
	border: none;
}
.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
}
/* End Various Tags & Classes*/



/* Captions */

.aligncenter,  div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}
.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}

/* End captions */


#prev span, #next span { color:#ccc; } /* lighter than the normal anchor text */

/* Michel */
.widget h2 {
  font-family: Helvetica, Arial, sans-serif;	
  padding: 10px 0 20px;
  font-size: 230%;
  text-transform: none;
}
#sidebar .widget ul li {
  background: none;
  padding: 0;
}





.menu{
padding-top:235px;
}
#info {height:400px;}
/* remove the bullets, padding and margins from the lists */
.menu ul{
list-style-type:none;
padding:0;
margin:0;
}

/* make the top level links horizontal and position relative so that we can position the sub level */
.menu li{
float:left;
position:relative;
z-index:100;
}

/* use the table to position the dropdown list */
.menu table{
position:absolute;
border-collapse:collapse;
z-index:80;
left:-1px;
top:25px;
}

/* style all the links */
.menu ul a, .menu ul :visited {
background:url("images/navSeparateur.gif") no-repeat scroll 0 12px transparent;
color:#239EE1;
display:block;
font-size:90%;
font-weight:bold;
height:29px;
padding-top:19px;
text-decoration:none;
width:132px;
text-align: center;
}

.menu ul ul a, .menu ul ul :visited {
float:none;
background:url("images/navSeparateur2.gif") no-repeat scroll 0 12px transparent;
background-color:#edeeef;
color:#239EE1;
display:block;
font-size:90%;
font-weight:normal;
height:29px;
padding-top:5px;
text-decoration:none;
width:123px;
text-align: left;
padding-left:8px;
border-right:1px solid #c3c3c3;
border-left:1px solid #c3c3c3;

}

/* style the links hover */
.menu ul :hover{
background:url("images/bgNavBtnHover-trans.png") no-repeat scroll 0 0 transparent;
color:#9FE504;
}
/* style the links hover */
.menu ul ul :hover{
background-color:#edeeef;
background:url("images/bgNavBtnHover2-trans.png") no-repeat scroll 0 0 transparent;
color:#9FE504;
}

.lastsub{
border-bottom:1px solid #c3c3c3;
}

/* hide the sub level links */
.menu ul ul {
visibility:hidden;
position:absolute;
width:132px;
height:0;
}
/* make the sub level visible on hover list or link */
.menu ul li:hover ul,
.menu ul a:hover ul{
visibility:visible;
margin-top:-10px;
}