/* 
	project: internet sharing template
   	author: luka cvrk (www.solucija.com) 
								*/
   
body {
	padding: 0;
	margin: 0;
	font: 0.7em Tahoma, Arial, sans-serif;
	line-height: 1.6em;
	background: #fff;
	color: #333333;
}

/* links */
a {
	color: #0000FF;
}
a:hover { color: #660099;  }	

/* headings */
h1 {
	letter-spacing: -1px;
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
	font-family: "Verdana", Sans-Serif;
	font-size: 2.5em;
	font-weight: bold;
	color: #0066CC;
}
h2 {
	font-family: Arial, Sans-Serif;
	font-size: 1.2em;
	font-weight: bold;
	color: #0000FF;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
h1 a, h2 a {
	color: #0033FF;
	background: #fff;
	text-decoration: none;
}
h1 a:hover, h2 a:hover {
	color: #33CCCC;
	background: #FFF;
}

/* lists and form elements */
ul { margin: 0; padding : 0; list-style : none; }
form {
	margin: 0;
}
/* content holder */
#content {
	margin: 10px auto;
	width: 960px;
	background-color: #FFFFFF;
}
#centre {
	margin: 10px auto;
	width: 960px;
	background-color: #FFFFFF;
}
/* header */
#header {
	height: 150px;
	padding-bottom: 20px;
}
#logo_gauche {
	padding-right: 0;
	padding-bottom: 0;
	width: 170px;
	background-image: url(/image/banniere-pub/banniere-pages-bleues.jpg);
	background-repeat: no-repeat;
	height: 150px;
	float: left;
}
#logo_centre {
	padding-right: 0;
	padding-bottom: 0;
	float: left;
	margin-top: 35px;
}
#logo_droite {
	padding-right: 0;
	padding-bottom: 0;
	width: 465px;
	height: 145px;
	float: right;
	background-image: url(/image/banniere-pub/infoconseil-468.jpg);
	background-repeat: no-repeat;
}
#logo p {
	color: #FF0000;
	margin-right: 0;
	font-size: 14px;
	background-color: #fff;
	padding-top: 35px;
}

/* horizontal tabbed menu */	
#tabs {
	background: #fff url(/image/image-templates/bigbox.gif) no-repeat top left;
	color: #000;
	height: 64px;
	text-align: center;
	padding-top: 0;
	padding-right: 0;
	padding-left: 210px;
	margin-bottom: 25px;
}
#tabs li { display: inline; height: 45px; }
#tabs li a {
	float: left;
	color: #0000FF;
	width: 83px;
	text-align: center;
	font-weight: bolder;
	text-decoration: none;
	padding-top: 7px;
	padding-right: 0;
	padding-bottom: 7px;
	padding-left: 0;
	background-color: #fff;
	background-image: url(/image/image-templates/barbg.gif);
	background-repeat: no-repeat;
}
#tabs li a:hover { background: #fff url(/image/image-templates/barcurrent.gif) no-repeat; color: #000; }	
#tabs li a.current { background: #fff url(/image/image-templates/barcurrent.gif) no-repeat; color: #2C71AE; }	
.key { text-decoration: underline; }
#tabs p {
	color: #FFFFFF;
	text-align: left;
	margin-left: -200px;
	font-size: 11px;
	padding-top: 10px;
	font-weight: bold;
	
}
.meteo {
	color: #000;
	height: 64px;
	text-align: center;
	padding-top: 0;
	padding-right: 0;
	padding-left: 210px;
	margin-bottom: 25px;
	background-color: #fff;
	background-image: url(/image/image-templates/bigbox.gif);
	background-repeat: no-repeat;
	background-position: center top;
}
/* grey subheader */

.gboxtop {
	clear: both;
	height: auto;
	color: #000000;
	float: left;
	font-size: 12px;
	width: 150px;
	padding-top: 20px;
	background-color: #dedede;
	background-image: url/image/image-templates/gboxtop.gif);
	background-repeat: no-repeat;
	padding-left: 5px;
	margin-right: 5px;
	position: absolute;

} 
	  .gboxtop ul {
	color: black;
	margin-left: 0;
	background-image: url(/image/image-templates/gboxtop.gif);
	margin-top: 15px;
	padding-left: 6px;
	  }
    .gboxtop li {
	list-style: none;
	margin: 0;
    }
    /* Ligne de cadre au-dessus de page_accueil */ 
    .gboxtop #navi01 {

    }

    .gboxtop a {
	text-decoration: none;
	color: black;
	border-left: 3px solid white;
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 5%;
    }
   .gboxtop a:hover ,
    #page_accueil #navi01 a , 
	  #page_de_contact #navi02 a 
    {
	color: #0066CC;
	background-color: white;
	border-left: 3px solid #d90000;
	  }
/*    #zone_de_navigation a:active { background-color: white; }  */

.gbox {
	color: #444;
	float: right;
	margin-top: 0;
	width: 240px;
	background-color: #dedede;
	height: 200px;
}
.gbox p {
	padding-right: 0;
	margin-top: 0;
	margin-bottom: 0;
}


/* left side */
.left {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	width: 530px;
	padding-left: 160px;
	float: left;
}
	.left_articles {
	text-align: justify;
	color: #000;
	background: #fff;
	padding-top: 15px;
	padding-right: 0;
	padding-left: 0;
	margin-bottom: 15px;
	}

/* bottom thirds */
.thirds {
	float: left;
	width: 230px;
	background: #eee;
	color: #6600CC;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-right: 20px;
	padding-top: 10px;
}
	.smallboxtop { height: 14px; background: #fff url(/image/image-templates/smallboxtop.gif) no-repeat; color: #000; }
	.smallbox {
	background: #fff url(/image/image-templates/smallbox.gif) no-repeat bottom left;
	color: #000099;
	padding: 1px 10px 10px 10px;
}
	.smallbox p { padding: 0; margin: 0; }

	
/* right side */
#right {
	width: 240px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	float: right;
}
	.boxtop {
	height: auto;
	color: #000000;
	background-color: #FFFFFF;
	background-image: url(/image/image-templates/boxtop.gif);
	background-repeat: no-repeat;
}
	.box {
	color: #FF0000;
	margin-bottom: 10px;
	margin-left: 0;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 10px;
	background-color: #FFF;
	background-image: url(/image/image-templates/box.gif);
	background-repeat: no-repeat;
}
	.box p {
	margin: 0;
	color: #0000FF;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
}
	.image { float: left; margin: 0 9px 3px 0; }


/* misc */
.buttons { text-align: right; padding: 4px 3px 0 0;}
.left_articles .buttons { float: right; height: 20px; }
.bluebtn { background: #488EB2 url(/image/image-templates/bluebtn.gif) no-repeat; width: 100px; padding: 1px 16px 5px 16px; color: #fff; text-decoration: none; }
.greenbtn { background: #488EB2 url(/image/image-templates/greenbtn.gif) no-repeat; padding: 1px 17px 5px 16px; color: #fff; text-decoration: none; }
.bluebtn:hover, .greenbtn:hover { background: #488EB2 url(/image/image-templates/hoverbtn.gif) no-repeat; color: #fff; }

/* footer  */
.footer { clear: both; text-align: center; line-height: 1.8em; padding: 10px 0 10px 0; border-top: 1px solid #ccc; }