
/*
Theme Name: inforweb.ch
Description: adaptation de divers themes et objets divers
Version: 1.0.0
Author: ifw andre balestrini
*/


/* HTML BASE  HTML BASE  HTML BASE  HTML BASE  HTML BASE  HTML BASE  HTML BASE  HTML BASE  HTML BASE  HTML BASE  */

* {
	margin:0;
	padding:0;
}
body {
	background: #666666 url(images/back.gif);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 75%;
}
	img {
		border: none;
		padding: 6px;
		margin: 0;
	}
	img a {
		border:none;
	}
	img.left {
		float: left;
		border: none;
		padding: 0 8px 8px 0;
		margin: 0;
	}
	img.right {
		float: right;
		border: none;
		padding: 0 0 8px 8px;
		margin: 0;
	}
	
	img.alignleft {
		float: left;
		border: none;
		padding: 0 8px 8px 0;
		margin: 0;
	}
	img.alignright {
		float: right;
		border: none;
		padding: 0 0 8px 8px;
		margin: 0;
	}


/* CONTAINER  CONTAINER  CONTAINER  CONTAINER  CONTAINER  CONTAINER  CONTAINER  CONTAINER  CONTAINER  */

#container {
	width: 900px;
	margin: 10px auto;
	background:#fff url(images/bg.jpg);
	color:#333;
	border: 6px solid #FFFFFF;
}

/* TOP  TOP  TOP  TOP  TOP  TOP  TOP  TOP  TOP  TOP  TOP  TOP  TOP  TOP  TOP  TOP  TOP  TOP  TOP  TOP  */

/* TOP 01: HEADER  HEADER  HEADER  HEADER  HEADER  HEADER  */
/* Header Pictures  */

#pics {
	width: 900px;
	height: 200px;
	border-top: 1px solid #fff;
}
#left-pic {
	float: left;
	background-image: url(images/topLeft.jpg);
	border-bottom: 1px solid #fff;
	width: 180px;
	height: 200px;
}
#middle-pic {
	float: left;
	margin: 0px;
	background-image: url(images/topCenter.jpg);
	/* ifw 
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	*/
	border-bottom: 1px solid #fff;
	width: 540px; /* si border 538px */
	height: 200px;
}
#right-pic {
	float: right;
	background-image: url(images/topRight.jpg);
	border-bottom: 1px solid #fff;
	width: 180px;
	height: 200px;
}



/*  TOP 02: HEADER  HEADER  HEADER  HEADER  HEADER  HEADER  */
	#header {
		background: #b2d04a;
		width: 100%;
		height: 26px;
		border-bottom: 1px solid #fff;
		margin: 0;
		padding: 0;
	}
	#header h2 {
		float: left;
		color: #ffffff;
		font-size: 1.4em;
		font-variant: small-caps;
		font-weight: normal;
		margin: 0;
		padding: 2px 13px;
	}
	#header h2 a {
		color: #fff;
		text-decoration: none;
	}
	#header h2 a:hover {
		color: #fff;
		text-decoration: underline;
	}
	#header h3 {
		float: right;
		color: #FFFFFF;
		font-size: 1.4em;
		font-variant: small-caps;
		font-weight: normal;
		margin: 0;
		padding: 2px 13px;
	}


/* TOP 03: NAV + SEARCH  NAV + SEARCH  NAV + SEARCH  NAV + SEARCH  NAV + SEARCH  */
		#nav {
			background: #3399CC;
			border-bottom: 1px solid #fff;
			width: 100%;
			margin: 0;
			padding: 4px 0;
			text-align: right;
		}
			#nav ul {
				margin: 3px 0 0 0;
			}
			#nav li {
				display: inline;
				position: relative;
			}
			#nav a {
				color: #FFF;
				padding: 5px 12px 5px 12px;
			}
			#nav a:hover {
				background: #fff;
				color:#121212;
			}
			#nav li ul {
				position: absolute;
				left: -999em;
				margin-top: 18px;
				border-bottom: 1px solid #333333;
				border-left: 1px solid #333333;
				border-right: 1px solid #333333;
			}
			#nav li li, #nav li li a {
				display: block;
				text-align: left;
				background: #333333;
			}
			#nav li li a {
				width:150px;
				padding: 4px;
			}
			#nav li li a:hover {
				width:150px;
				background: #fff;
			}
			#nav li:hover ul {
				top: 0;
				left: 0;
			}
		#searchform {
			font-family: arial, verdana, sans-serif;
			font-size: 1em;
			margin: 0;
			padding: 0;
		}
		#searchform span.text {
			color: #FFFFFF; 
			margin: 0;
			padding: 0;
		}
		#searchform input {
			width: 120px;
			color: #6A6A6A;
			background-color: #FFFFFF;
			border: 1px solid #BCBCBC;
			margin: 0 13px 0 0;
			padding: 0;
		}
		#searchform input#submit {
			visibility:hidden;
			display: none;
		}

/* CONTENT  CONTENT  CONTENT  CONTENT  CONTENT  CONTENT  CONTENT  CONTENT  CONTENT  CONTENT  CONTENT  CONTENT  CONTENT  */
	#content {
		width: 500px;
		min-height: 400px;
		padding: 8px 0 20px 20px;
		text-align: justify;
		float: left;
		overflow: hidden;
	}

/* CONTENT P UL LI */
	#content p {
		font-weight: normal;
		font-style: normal;
		font-variant:normal;
		color: #444444;
		margin: 10px 0 0 0;
	}
	#content p strong {
		font-weight: bold;
		font-style: normal;
		font-variant:normal;
		color: #444444;
	}
		#content ul {
			margin:5px 0 5px 20px;
			font-weight: normal;
			font-style: normal;
			font-variant:normal;
			color: #444444;
		}
		#content ol {
			margin:5px 0 5px 20px;
			font-weight: normal;
			font-style: normal;
			font-variant:normal;
			color: #444444;
		}
		#content ul li {
			list-style-type: square;
		}


/* CONTENT LINK */
	#content a, #content a:link {
		color: #0000CC;
		text-decoration: underline;
	}
	#content a:visited {
		color: #0000CC;
		text-decoration: underline;
	}
	#content a:hover {
		color: #FF0000;
		text-decoration: underline;
	}

/* CONTENT TIITLE CONTENT TIITLE CONTENT TIITLE CONTENT TIITLE CONTENT TIITLE */
	#content h1, #content div.post h1 {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 1.4em;
		font-weight: bold;
		font-style: normal;
		font-variant:normal;
		color: #333333;
		margin: 10px 0;
		padding: 0;
		text-decoration: none;
		}
	#content h2, #content div.post h2 {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 1.2em;
		font-weight: bold;
		font-style: normal;
		font-variant:normal;
		color: #cb0354;
		margin: 10px 0;
		padding: 0;
		text-decoration: none;
	}
	#content h3, #content div.post h3 a {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 1.2em;
		font-weight: bold;
		font-style: normal;
		font-variant:normal;
		color: #cb0354;
		margin: 10px 0;
		padding: 0;
		text-decoration: none;
	}
	#content h4, #content div.post h4 a {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 1em;
		font-weight: bold;
		font-style: normal;
		font-variant:normal;
		color: #444444;
		margin: 10px 0;
		padding: 0;
		text-decoration: none;
	}
	#content h5, #content div.post h5 a {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 0.9em;
		font-weight: bold;
		font-style: normal;
		font-variant:normal;
		color: #444444;
		margin: 10px 0;
		padding: 0;
		text-decoration: none;
	}
	#content h6, #content div.post h6 a {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 0.82em;
		font-weight: bold;
		font-style: normal;
		font-variant:normal;
		color: #444444;
		margin: 10px 0;
		padding: 0;
		text-decoration: none;
	}
/* CONTENT TIITLE POST */
	#content h1.archivetitle {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 1em;
		font-weight: bold;
		font-style: normal;
		font-variant:normal;
		color: #cccccc;
		margin: 10px 0;
		padding: 0;
		}
	#content h2.archivetitle {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 1em;
		font-weight: bold;
		font-style: normal;
		font-variant:normal;
		color: #cccccc;
		margin: 10px 0;
		padding: 0;
		}
	#content div.post h1 a, #content div.post h1 a:hover, #content div.post h1 a:visited {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 1em;
		font-weight: bold;
		font-style: normal;
		font-variant:normal;
		color: #cccccc;
		margin: 10px 0;
		padding: 0;
		text-decoration: underline;
		}
	#content div.post h2 a, #content div.post h2 a:hover, #content div.post h2 a:visited {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 1em;
		font-weight: bold;
		font-style: normal;
		font-variant:normal;
		color: #cb0354;
		margin: 10px 0;
		padding: 0;
		text-decoration: underline;
	}
	#content div.post h3 a, #content div.post h3 a:hover, #content div.post h3 a:visited {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 1em;
		font-weight: bold;
		font-style: normal;
		font-variant:normal;
		color: #cb0354;
		margin: 10px 0;
		padding: 0;
		text-decoration: underline;
	}

/* CONTENT DIVERS */
		#content .postmetadata {
			clear: both;
			background:#F3F3F3;
			padding:6px;
			margin: 16px 0 16px 0;
			border-top:1px solid #D8D8D8;
			border-bottom:1px dotted #D8D8D8;
		}
				
		#content blockquote {
			border: 1px solid #cccccc;
			margin: 10px 0;
			padding: 0 12px 12px 12px;
			background-color: #eeeeee;
		}
		#content code {
			margin:10px;
			font-family:"Courier New", Courier, monospace;
		}

/* IFW CONTENT tableau et plus */
		#content table, tbody, td, tr {
			border-collapse:collapse;
		}
		#content table { margin: 5px 0;}
		#content td { padding: 5px;}
		
		
/* CONTENT correction pour plugin Announcement */
		#content hr { border: 1px solid #999999; margin: 15px 0; }


/* CONTENT Comment Form */
			#commentform {
				margin:10px;
				padding:10px;
			}
			#commentbox {
				width:75%;
				min-width:400px;
				margin:5px 5px 0 0;
			}
			#author, #email, #url {
				margin:5px 5px 0 0;
			}
			#submit {
				margin:5px 5px 0 0;
			}
			/* Comments */
			
			#comments {
				margin:10px;
				padding:10px;
			}
			ol.commentlist {
			}
			ol.commentlist li {
				background: #ececec;
				margin:10px 0;
				padding:5px 0 5px 10px;
				border-top:solid 1px #ccc;
				border-bottom:solid 1px #ccc;
			}
			ol.commentlist li.alt {
				background: #fff;
			}
			ol.commentlist a {
			}
			cite {
			}
			small.commentmetadata {
			}
			
	
/* MENU  MENU  MENU  MENU  MENU  MENU  MENU  MENU  MENU  MENU  MENU  MENU  MENU  MENU  MENU  */		

/* MENU Left Sidebar  MENU Left Sidebar  MENU Left Sidebar */
		#left {
			width: 179px;
			float:left;
			margin: 0;
			padding: 0;/* Ifw pour voir les sous-menu overflow: hidden; */
			}
		#left h2 {
			display: block;
			color: #fff;
			background: #cb0354;
			font-family: verdana, "Microsoft Sans Serif", Times, serif;
			font-size: 8pt;
			padding: 3px 6px;
			margin: 0 0 3px 0;
			border-bottom: 1px solid #fff;
		}
		#left p {
			margin:0 6px 0 12px;
			padding: 0;
		}
		#left a {
			color: #747474;
			text-decoration: none;
			margin: 0;
			padding: 0;
			line-height: 14pt;
		}
		#left a:hover {
			color: #333;
			text-decoration: underline;
		}
		#left ul {
			list-style-type:none;
			margin:0 0 12px 0;
			padding:0;
		}
		#left ul li {
			list-style-type:none;
			margin:0 0 0 12px;
			padding:0;
		}
		#left ul ul {
			margin:0;
			padding:0;
		}
		#left ul ul li {
			list-style-type:square;
			list-style-position: inside;
			margin:0 0 0 12px;
			padding:0;
			color: #000037;
		}
		#left ul li.recentcomments {
			margin: 0 12px 0 12px;
		}
		#left ul li.recentcomments a {
			line-height: 12pt;
		}
/* MENU Right Sidebar  MENU Right Sidebar  MENU Right Sidebar  */
		#right {
			width: 179px;
			float:right;
			font-size:8pt;
			margin: 0; /* top, right, bottom, left */
			padding: 0; /* top, right, bottom, left *//* Ifw pour voir les sous-menu overflow: hidden; */
			
			}
		#right h2 {
			color: #fff;
			background: #cb0354;
			font-family: verdana, "Microsoft Sans Serif", Times, serif;
			font-size: 8pt;
			padding: 3px 6px;
			margin: 0 0 10px 0;
			border-bottom: 1px solid #fff;
		}
		#right p {
			padding:0;
			margin: 0 6px 0 12px;
		}
		#right a {
			display: block;
			color: #747474;
			text-decoration: none;
			padding: 0 6px 0 12px;
			margin: 0;
			line-height: 14pt;
		}
		#right a:hover {
			color: #333;
			text-decoration: underline;
		}
		#right ul {
			margin:0 0 12px 0;
			padding:0;
			list-style:none;
		}
		#right ul li {
			margin: 0;
			padding: 0;
			list-style-type: none;
		}
		#right ul ul {
		}
		#right ul ul li {
		}
		#right ul li.recentcomments {
			margin: 0 12px 0 12px;
		}
		#right ul li.recentcomments a {
			line-height: 12pt;
		}
	
/* FOOTER  FOOTER  FOOTER  FOOTER  FOOTER  FOOTER  FOOTER  FOOTER  FOOTER  FOOTER  FOOTER  FOOTER  */
		#footer {
			background: #b2d04a;
			clear: both;
			width: 100%;
			margin-top:15px;
			border-top:solid 1px #fff;
			color: #fff;
		}
		#footer p {
			padding:5px;
			text-align: center;
		}
		#footer a {
			color: #eee;
		}
	

/* WIDGET  WIDGET  WIDGET  WIDGET  WIDGET  WIDGET  WIDGET  WIDGET  WIDGET  WIDGET  WIDGET  WIDGET  */
	
/* RSS Widget */
		.rsswidget img {
			display: none;
		}
		#left h2 a.rsswidget {
			color: #fff;
			text-decoration: none;
			padding: 0;
			margin: 0;
		}
		#left h2 a.rsswidget a:hover {
			color: #fff;
			text-decoration: none;
			padding: 0;
			margin: 0;
		}
		#right h2 a.rsswidget {
			color: #fff;
			text-decoration: none;
			padding: 0;
			margin: 0;
		}
		#right h2 a.rsswidget a:hover {
			color: #fff;
			text-decoration: none;
			padding: 0;
			margin: 0;
		}

/* CALENDAR Widget */
		#wp-calendar {
			margin: 0 auto;
			text-align: left;
		}
		#wp-calendar a {
			margin: 0;
			padding: 0;
		}

/* TEXT Widget */
		.textwidget {
			margin:0 12px 0 12px;
			padding: 0;
		}	
		
		
/*  IFW ZONE TESTS */
/* plugin sidebar-login */

