@charset "utf-8";
/* CSS Document */

body {
	background-image:url(../template/back.jpg);
	background-repeat:repeat-x;
	text-align:center;
	font-family:verdana;
	font-size:12px;
	background-attachment: fixed;}
	
	#conteneur {width:768px;
	min-height:1000px;
			height:auto;
			margin-left:auto;
			margin-right:auto;
		
}
#header {background-image:url(../images/header.jpg);
		width:768px;
		height:230px;
		float:left;
}
#menu {background-image:url(../images/menu.png);
		width:768px;
		height:40px;
		float:left;
		margin-left:auto;
		margin-right:auto;
}
#navigateur {
	background-image:url(../images/fond_navigateur.png);
	width:768px;
	min-height:600px;
	height:auto;
	margin-top: 10px;
	float:left;
	
}
#footer {
	background-image:url(../images/footer.jpg);
	width:768px;
	height:138px;
	float:left;
	margin:0px;
}
#referencement {
	width:768px;
	height:138px;
	float:left;
	margin:0px;
}
#referencement a{
	font-family:verdana;
	font-size:10px;
	color:#000;
}
#footer img {
	margin-top:38px;
	margin-right:10px;
	float:right;}
#footer .contain {
	margin-top:38px;
	margin-left:10px;
	float:left;}
#footer h2 {
	font-size:12px;
	color:white;
	margin:0px;
	padding:0px;
	text-align:left;
}
#footer p {
	text-align:left;
	font-size:10px;
	
	color:white;
	margin:0px;
	padding:0px;
}	
#onglet {
	background-image:url(../images/onglet_gauche.jpg);
	width:180px;
	min-height:600px;
	height:auto;
	background-repeat:no-repeat;
	float: left;
	margin-top: 10px;
	margin-left:15px;
	text-align:left;
}
#onglet ul li h1 {
	margin:0px;
	margin-left:0px;
	padding:0px;
	font-size:13px;
	font-weight: bold;
	}
	#onglet ul li h1 img {
	margin-right:5px;

	}
#onglet ul  {
	text-decoration:none;
	list-style-type: none;
	margin : 0px; 
	margin-top:12px;
	padding:0px;
	
	}	
#onglet ul li  {
	text-decoration:none;
	margin : 5px 0px 0px 15px;
	padding:0px;
	display:block;
	list-style-type: none;	
	}	
#list {
	margin:0px;
	padding:0px;
	float:left;
	width:180px;
	height:450px;
}
#navig {
	float:left;}
#conteneur2 {
	float:left;
	width:560px;
	min-height:600px;
	height:auto;
	margin:0px;}
#banniere {
	background-image:url(../images/fond_images.jpg);
	width:540px;
	height:78px;
	background-repeat:no-repeat;
	float: left;
	margin-left: 20px;
	margin-top: 10px;
}
#columns {
    	float: left;
   		/* Min-height: */
		width:555px;
		min-height: 200px;
		height: auto !important; 
		height: 200px;
		margin:0px;
		padding:0px;
}
#columns .column {
    float: left;
   
	width:535px;
		/* Min-height: */
		min-height: 200px;
		height: auto !important; 
		height: 200px;
		margin:0px 0px 0px 20px;
		padding:0px;
}
.widget {
	width:100%;
    margin: 10px 10px 0 0px;
    padding: 2px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}
.widget .widget-head {
    color: #000;
    overflow: hidden;
    width: auto;
    height: 30px;
    line-height: 30px;
}
.widget .widget-head h3 {
    padding: 0 5px;
    float: left;
}
.widget .widget-content {
    background: #fff url(img/widget-content-bglight.png) repeat-x;
    padding: 0 5px;
    color: #DDD;
    -moz-border-radius-bottomleft: 2px;
    -moz-border-radius-bottomright: 2px;
    -webkit-border-bottom-left-radius: 2px;
    -webkit-border-bottom-right-radius: 2px;

    overflow: hidden;
}
.widget .widget-content p {
	padding: 0.8em 0;
	border-bottom-style: none;
}

.widget .widget-content pre {
    padding: 0.5em 5px;
    color: #EEE;
    font-size: 12px;
}
.widget .widget-content p {
    font: verdana;
    color: black;
    font-size: 10px;
	margin-top:0px;
	margin-bottom:0px;
}
.color-yellow {background:#244365;}
.color-red    {background:#e3338c;}
.color-blue   {background:#c52879;}
.color-white  {background:#d4d3c8;}
.color-orange {background:#f66e00;}
.color-green  {background:#59c20e;}
.color-yellow h3,
.color-white h3,
.color-green h3
	{color:#000;}
.color-red h3,
.color-blue h3,
.color-orange h3
	{color:#FFF;}
ul,ol {list-style:none; border:none;}
h3 {
	margin:0px;
	padding:0px;
	font-family:verdana;
	font-size:12px;
	font-weight: bold;
}			
#photos {background-image:url(../images/fond_entete.jpg);
		width:768px;
		height:117px;
		margin:0px;
		padding:0px;
		text-align:left;
}
.miniaturesimg {
	margin-left:8px;
	margin-top:8px;
	float:left

	}
	
.ascenseur{
	cursor: pointer;
	font-size:12px;
	font: verdana;
	font-weight: bold;
	color: #B41967;

}
.tagcloud {padding:5px;}
.tagcloud0, .tagcloud0 a{font-weight:100; font-size:20px; color:black; text-decoration:none;}
.tagcloud0 a:active, .tagcloud0 a:hover{color:#B41967;}
.tagcloud1, .tagcloud1 a{font-weight:200;  font-size:12px; color:#666; text-decoration:none;}
.tagcloud1 a:active, .tagcloud1 a:hover{color:#B41967;}
.tagcloud2, .tagcloud2 a{font-weight:300; font-size:12px;color:#ccc; text-decoration:none;}
.tagcloud2 a:active, .tagcloud2 a:hover{color:#B41967;}
.tagcloud3, .tagcloud3 a{font-weight:400; font-size:22px;color:#666; text-decoration:none;}
.tagcloud3 a:active, .tagcloud3 a:hover{color:#B41967;}
.tagcloud4, .tagcloud4 a{font-weight:500; font-size:16px;color:#666; text-decoration:none;}
.tagcloud4 a:active, .tagcloud4 a:hover{color:#B41967;}
.tagcloud5, .tagcloud5 a{font-weight:600; font-size:25px;color:black; text-decoration:none;}
.tagcloud5 a:active, .tagcloud5 a:hover{color:#B41967;}
.tagcloud6, .tagcloud6 a{font-weight:700; font-size:22px;color:black; text-decoration:none;}
.tagcloud6 a:active, .tagcloud6 a:hover{color:#B41967;}

.cote {
	float:left;
	margin:0px;
	padding:0px;
}
.cote h1 {
	display:block; 
	width:167px; 
	height:20px; 
	margin-top:0px; 
	padding-top:2px; 
	padding-left:5px; 
	padding-bottom:2px; 
	background-color:#B41967; 
	color: #FFF;}
	
.boxgauche {
	width:172px;
	float:left;
	margin:0px;
	margin-top:20px;
	padding:0px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border: 2px solid #B41967;
}


a.btn {
	text-align:center;
	background-image:url(../images/fond_btn.png);
	display:block;
	width:143px;
	height:30px;
	font-family:verdana;
	font-size:14px;
	color: white;
	padding-top:8px;
	font-weight: bold;
	margin-left:auto;
	margin-right:auto;
	text-decoration: none;
	}
a.btn:hover {
	text-align:center;
	background-image:url(../images/fond_btn.png);
	display:block;
	width:143px;
	height:30px;
	font-family:verdana;
	font-size:14px;
	color: black;
	padding-top:8px;
	font-weight: bold;
	margin-left:auto;
	margin-right:auto;
	text-decoration: underline;
	}
.formulaire {
	font-family:verdana;
	text-align:left;}
.justify {
	margin-right: 5px;
	margin-left: 5px;
}
.tabli {background-color:#B41967; float:left; margin:0px; margin-bottom:5px;
		text-transform:		uppercase;
		font-size:			1em;
		padding:			5px;

	}
.tabli a{
	text-transform:		uppercase;
	font-size:			1em;
	padding:			5px;
	color:#FFF;
	text-decoration: none;		

	}
.tabli h1{margin:0px;
padding:0px;
	text-transform:		uppercase;
	font-size:			1em;
	padding:			5px;
	color:#FFF;
	text-decoration: none;		

	}
.tabli a:hover{
	text-transform:		uppercase;
	font-size:			1em;
	padding:			5px;
	color:#CCC;
	text-decoration: underline;
	}
.tabspan {float:right; margin:0px; padding:0px;
	}
	.tabdiv {float:left; padding:0px; width:100%;
	}
#fiche h2 {margin:0px;
padding:0px;
	text-transform:		uppercase;
	font-size:			1em;
	padding:			5px;
	color:black;
	text-decoration: none;	
	}
#fiche p {
	font-size:			1em;
	padding:			5px;
	color:black;
	text-decoration: none;
	text-align:justify;
	}
.presta {
	text-align:left;}
.presta li{color:black;
font-size:10px;
	text-align:left;}
.presta li a {margin:0px;
padding:0px;
	color:black;
font-size:10px;
	text-align:left;}
.presta li h1 {
padding:0px;
	color:#C52879;
font-size:12px;
	text-align:left;}
#utopian {
	float:left;}
#utopian h1 {
	font-size:10px;
}
#utopian h1 a{
	font-size:10px;
	text-decoration: none;
	color:#B41967;
}
#utopian h1 a:hover{
	font-size:10px;
	text-decoration: underline;
}
#news{
	width:450px;
	height:70px;
	margin-left:80px;
	padding-top:5px;
	padding-right:5px;
	color:white;
	font-size:9px;
	text-align:justify;}