/*#############################################################
Name: Bitter Sweet
Date: 2006-10-02
Description: Lime flavoured template with two columns.
Author: Viktor Persson
URL: http://templates.arcsin.se

Feel free to use and modify but please provide credits.
#############################################################*/

/* standard elements */
* {
	margin: 0;
	padding: 0;
}
a {color: #682;}
a:hover {color: #9A6;}
body {
	background: #9bcade url(img/bg.gif) repeat-y center top;
	color: #333;
	font: normal 75% "Lucida Sans Unicode",sans-serif;
}

/* misc */
.clearer {clear: both;}

/* structure Taille du texte interieur*/
.container {
/*	background: url(img/bgcontainer.gif) repeat-y; */
	margin: 0 auto;
	width: 800px;
}

/* ===============================================================================* /
/* MLP Design (http://www.mlpdesign.tk) */

a:link, a:visited, a:active
{ background-color: inherit; color:#08c; text-decoration: none; }

ul 
{ list-style:none; margin-left:10px; padding:1px;}

li
{ padding:0 0 8px 10px; background: url(img/arw.gif) 0 3px no-repeat;}

li a:link, li a:visited, li a:active
{ background-color: inherit; color:#333; text-decoration: none; }

li a:hover
{ background-color: inherit; text-decoration: none; color:#f80;}

strong
{ background:inherit; color:#08c; font-weight:normal;}

h1
{font-size:18pt; font-weight:normal; margin:0;}

h2
{font-size:8pt; font-weight:normal; margin:0; text-transform:uppercase;}

#header
{ width:735px; margin:auto; background:url(img/headerbg.gif) 0 0 no-repeat #09c; color:#fff;
  font-size:20pt; padding:20px 0 20px 15px; letter-spacing:3px; text-align:center; text-transform:uppercase;}
  
#menu
{
	width:766px;
	margin:auto;
	height:25px;
	color:inherit;
	font-size:9pt;
	clear:both;
	background-color: #A3CAF1;
}

#body
{ width:750px; margin:auto; background:#eee; color:inherit;}
  
#sidebar
{ width:215px; padding:10px; background:#eee; float:right; color:inherit; font-size:80%;}

#footer
{ width:750px; margin:auto; padding:5px 0;text-align:center; background:#09c; color:#fff; font-size:8pt; 
  border-top:#f80 2px solid;}

#footer a:link, #footer a:visited, #footer a:active
{ background-color: inherit; color:#fff; text-decoration: none;}

#footer a:hover
{ background-color: inherit; text-decoration: underline; color:#f90;}

.header
{
	font-size:0pt;
	font-weight:normal;
	letter-spacing:0;
	text-transform:none;
	padding-top:10px;
}
  
.menu 
{ width:191px; height:25px; float:left; font-family: Tahoma,sans-serif;
text-align:center; text-transform:uppercase; }

.menu a:link, .menu a:visited, .menu a:active
{ background:inherit; text-decoration: none; color:#fff;display:block; height:17px; padding-top:8px; font-weight:bold; font-size:7pt;}

.menu a:hover /* Couleur du texte survolé */
{
	text-decoration:none;
	color:#069;
	background-color: #7cb2e7;
}

.hautcadre
{
	width:768px;
	margin:auto;
	height:15px;
	color:inherit;
	font-size:9pt;
	clear:both;
	background-color: #FFFFFF;
	background-image: url(images/big_top.gif);
	background-repeat: no-repeat;
	background-position: center top;
}

.bigtop
{
	width:474px;
	height:15px;
	background-color: #FFFFFF;
	background-image: url(images/big_top.gif);
	background-repeat: no-repeat;
}
.bigmiddle
{
	width:474px;
	background-color: #FFFFFF;
	background-image: url(images/big_middle.gif);
	background-repeat: repeat-y;
	text-indent: 10px;
}
.bigbottom
{
	width:474px;
	height:15px;
	background-color: #FFFFFF;
	background-image: url(images/big_bottom.gif);
	background-repeat: no-repeat;
}

.bigtop2
{
	width:768px;
	height:15px;
	background-color: #FFFFFF;
	background-image: url(images/big_top2.gif);
	background-repeat: no-repeat;
}
.bigmiddle2
{
	width:768px;
	background-color: #FFFFFF;
	background-image: url(images/big_middle2.gif);
	background-repeat: repeat-y;
	text-indent: 10px;
}
.bigbottom2
{
	width:768px;
	height:15px;
	background-color: #FFFFFF;
	background-image: url(images/big_bottom2.gif);
	background-repeat: no-repeat;
}

.prix
{
	width:130px;
	height:85px;
	background-color: #FFFFFF;
	background-image: url(images/rondbleu.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}

.prixorange
{
	width:120px;
	height:85px;
	background-color: #FFFFFF;
	background-image: url(images/rondorange.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}

.tiprix
{
	height:40px;
	background-color: #FFFFFF;
	background-image: url(images/tirondbleu.jpg);
	background-repeat: no-repeat;
	background-position: left;
	text-align: left;
}

.tiprixorange
{
	height:40px;
	background-color: #FFFFFF;
	background-image: url(images/tirondorange.jpg);
	background-repeat: no-repeat;
	background-position: left;
	text-align: left;
}

.fondrond
{
	margin:auto;
	height:150px;
	color:inherit;
	font-size:9pt;
	clear:both;
	background-color: #FFFFFF;
	background-image: url(images/rond_mini.jpg);
	background-repeat: no-repeat;
	background-position: right center;
}

.micadre
{
	width:768px;
	margin:auto;
	color:inherit;
	font-size:9pt;
	clear:both;
	background-color: #FFFFFF;
	background-image: url(images/big_middle.gif);
	background-repeat: repeat-y;
	background-position: center top;
}

.left {
	float: left;
	width: 650px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 8px;
	padding-left: 8px;
}

.topside
{ padding:15px 0 5px 0; font-size:10pt; letter-spacing:2px; font-weight:normal; border-bottom:#08c 2px dotted;}

.footer 
{ clear:both; }

.img
{border:0; float:left; margin-right:10px;}

.center
{text-align:center; padding-top:5px;}

/*
================================================================================================================
*/

/* layout
   ------ */

.content { 
	margin: 0px auto;
	width: 768px;
	background: #FFF url(big_middle.gif) repeat-y;
	color: #454545;
	
}

.logo {	padding: 18px 0 0 3px; }

/* header */
.header_top { background: #FEFEFE url(big_top.gif) no-repeat; color: #FFF; height: 15px; }
.header { padding: 0px 10px 0 10px; }
.header_bottom { clear: both; background: #FEFEFE url(big_bottom.gif) no-repeat; color: #FFF; height: 15px; }
    
/* navigation */
#nav { width:100%; float:left; }
#nav ul { margin:0; list-style:none; padding: 0; }
#nav a, #nav strong, #nav span { float:left; display:block; color:#fff; padding: 7px 20px 4px 10px; background: #C43219 url(nav.gif) no-repeat 100% 0px; text-decoration:none; font-weight: bold; }
#nav a { float:none; }
#nav li { float:left; color: #FFF; background: #C43219 url(nav.gif) no-repeat 0px 0px; margin:0; padding:0 0 0 9px; }
#nav #current { background: #1995C2 url(nav.gif) no-repeat 0 -41px; color: #FFF; }
#nav #current a { background: #1995C2 url(nav.gif) no-repeat 100% -41px; padding:7px 20px 4px 11px; color:#FFF; }
#nav a:hover { color:#BFE1ED; background: #C43219 url(nav.gif) no-repeat 100% 0px; }   


.sf_left {
	float: left;
	width: 203px;
	height: 77px;
	background: #5BB2D1 url(logobg.gif) repeat-x; 
	color: #FFF;
	border-top: 1px solid #137DA2;
	border-bottom: 1px solid #000;
	padding: 10px 0 0px 7px;
}

.sf_right {
	width: 537px;
	float: right;
}

.sf_search {
	clear: both;
	background: #CA090D url(searchbg.gif) repeat-x bottom left; 
	color: #FFE4E0;
	border-top: 1px solid #AA1717;
	border-bottom: 1px solid #000;
	padding: 18px 0 17px 15px;
	margin-top: -2px;
}
	
.subheader {
	padding: 8px;
	background: #f0f0f0;
	color: #808080;
}

/* left side
   --------- */

.left {
	float: left;
	width: 760px;
	margin: 0 0 0px 0;
}

	.box_top {
		background: #dcebf3 url(leftbox_top.gif) no-repeat;
		color: #808080;
		height: 40px;
		width: 250px;
	}
	
	.box_top h2 {
		color: #808080;
		background: inherit;
		padding: 7px 0 0 5px;
		margin: 0;
	}
	
	.box {
		border-left: 2px solid #F0F0F0;
		border-right: 2px solid #F0F0F0;
		padding: 0 4px 0 7px;
		margin: 0;
		width: 235px;
		color: #595959;
		background: #FFF;
	}
	
	.box_bottom {
		background: #FFF url(leftbox_bottom.gif) no-repeat;
		color: #000;
		height: 13px;
		width: 251px;
		margin: 0 0 7px 0;
	}
	
		/* left and central column */
		.left_side { float: left; width: 250px; padding: 0px 5px 8px 8px; }
		.right_side { float: right; width: 478px; margin: 0px 5px 0px 0px; text-align: justify; }
		
		.article { padding: 0 5px 0 0px; margin-bottom: 20px; }
		
	.grey_top { clear: both; width: 382px; background: #EDEDED url(grey_top.gif) no-repeat; color: #000; height: 5px; padding: 0; margin: 0px 0 0 6px; }
	.grey { width: 362px; margin: 0 0 0 6px; padding: 10px; background: #EDEDED url(grey_bottom.gif) no-repeat bottom left; color: #808080;	}
		
	.grey a {
		color: #C83C3C;
		background: inherit;
		font-weight: bold;
	}
	
	.grey a:hover {
		color: #000;
		background: #EDEDED;
	}
	
	.highlight {
		padding: 5px 3px 5px 3px;
		margin: 0 0 3px 0;
		border-bottom: 1px solid #ccc;
	}
	
		
/* right side
   ---------- */
		
.right { float: right; width: 170px; margin: 0 0 10px 0;}
		
img { float: left; margin: 0 9px 3px 0; }

/* footer
   ------ */

.footer { 
	clear: both; 
	text-align: center;
	color: #808080;
	background: #f0f0f0;
	padding: 10px 0 5px 0;
	border-top: 1px solid #eee;
}
.footer p {	line-height: 2em; }
.footer a {	color: #4F4F4F; background: #f0f0f0; border-bottom: 1px dotted #808080; text-decoration: none; } .liste {
	background-image: url(images/ptipoint.png);
	background-repeat: no-repeat;
	background-position: left center;
	text-indent: 15px;
	list-style-position: inside;
	list-style-type: none;
}
.rond {
	background-image: url(images/rond_mini.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}