/*** CSS Maisons Hamster  -  R-Numerique 2009 ***/


/*============================================================
======================)> General<(============================
============================================================*/

* html div.cell
{

	display: inline; /* Pour IE6 */
}

body
{
	margin:0;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9pt;
	color:#666;
	background:#949494 url(../pict/BG-site.gif) top center no-repeat;
}
#global
{
	width:918px;
	margin:10px auto 0 auto;
	position:relative;
}
.clearboth {clear:both;}

/*============================================================
===================)> Diaporama <(============================
============================================================*/
ol.crossfade
{
	width:251px;
	padding: 0;
	margin: 10px auto 0 auto;
	list-style: none;
	position: relative;
}
ol.crossfade li
{
	position: absolute;
	top: 0;
	left: 0;
	/*width: 251px;
	height: 139px;*/
	visibility: hidden;
}
li img {
	display: block;
	border:none;
	width:251px;
}


/*============================================================
======================)> Entete <(============================
============================================================*/
#head
{
	background:url(../pict/bg-head.png) top left !important;
	background:url(../pict/bg-head.gif) top left;
	height:124px;
	width:918px;
}
#head h1
{
	margin:0;
	padding:0;
	float:left;
}
#head h1 a
{
	text-decoration:none;
	display:block;
	width:182px;
	height:109px;
	margin:15px 8px 0 18px;
}
#head h1 a span
{
	display:none;
}
#head img
{
	float:left;
	margin:15px 0 0 0;
}

/*============================================================
====================)> Navigation <(==========================
============================================================*/
#nav
{
	height:46px;
	background:url(../pict/bg-nav.png) top left no-repeat !important;
	background:url(../pict/bg-nav.gif) top left no-repeat;
}
#nav ul
{
	list-style:none;
	margin:0 0 0 200px;
	padding:0;
}
#nav ul li
{
	float:left;
	margin:0 0px 0 10px;
	background:url(../pict/separ-nav.png) right no-repeat !important;
	background:url(../pict/separ-nav.gif) right no-repeat;
	height:26px;
	padding:8px 13px 0 0;
}
#nav ul li a
{
	text-decoration:none;
	color:#fff;
	font-weight:bold;
	font-size:10pt;
}
#nav ul li a:hover, .actif
{
	color:#ffc600;
}

/*============================================================
======================)> Contenu <(===========================
============================================================*/
#content
{
	margin:0;
	padding:0;
	min-height:450px !important;
	height:1%;
	background:url(../pict/BG-content.png) top repeat-y !important;
	background:url(../pict/BG-content.gif) top repeat-y;
}

/*============================================================
===============)> Navigation verticale <(=====================
============================================================*/
#naVert, #naVert2
{
	float:left;
	width:183px;
	min-height:450px;
	margin:0 0 0 18px !important;
	margin:0 0 0 9px;
	padding:0 0px 30px 0px;
	background:#757373 url(../pict/BG-nav-vert.gif) bottom no-repeat;
}
#naVert2
{
	min-height:300px;
}
#naVert ul, #naVert2 ul
{
	list-style:none;
	margin:0;
	padding:0 8px 0 8px;
}
#naVert ul li, #naVert2 ul li
{
	padding:8px 0 11px 0;
	font-size:8pt;
	background:url(../pict/bg-lien-menuVt.gif) left bottom repeat-x;
}
#naVert ul li a, #naVert2 ul li a
{
	text-decoration:none;
	color:#fff;
}
#naVert ul li a:hover, #naVert2 ul li a:hover
{
	color:#ffc600;
}

/*=== bloc portes ouvertes ===*/
.blocPO
{
	width:183px;
	padding:16px 0 0 0;
	margin:0 0 10px 0;
	background:url(../pict/top-Po.png) top no-repeat !important;
	background:url(../pict/top-Po.gif) top no-repeat;
}
.content-po
{
	width:167px;
	padding:0 8px 15px 8px;
	text-align:center;
	background:url(../pict/bg-PO.png) bottom no-repeat !important;
	background:url(../pict/bg-PO.gif) bottom no-repeat;
}
.content-po h2
{
	color:#c3343d;
	font-size:11pt;
	margin:0;
	padding:0;
}
.content-po p
{
	color:#626262;
	font-weight:bold;
	font-size:10pt;
	margin:5px 0 5px 0;
}
.content-po a
{
	text-decoration:none;
	color:#686868;
	font-size:8pt;
}
.content-po a:hover
{
	color:#c3343d;
	text-decoration:underline;
}

/*============================================================
===================)> Bloc contenu <(=========================
============================================================*/
#colContent
{
	float:left;
	width:690px;
	margin:4px 0 20px 9px;
}
#colContent h2
{
	margin:0 0 20px 0;
	padding:0 0 5px 0;
	border-bottom:1px solid #f2f2f2;
	color:#bf252f;
	font-size:13pt;
}
#colContent h3
{
	color:#bf252f;
	margin:0 0 10px 0;
	padding:0;
}
#colContent p
{
	color:#323232;
}
#colContent img
{
	border-bottom:5px solid #e5e5e5;
	border-right:5px solid #e5e5e5;
}
#colContent a
{
	color:#bf252f;
}


/*============================================================
===================)> Pieds de page <(========================
============================================================*/
#footer
{
	background:url(../pict/BG-footer.png) bottom no-repeat !important;
	background:url(../pict/BG-footer.gif) bottom no-repeat;
	padding:0 0 47px 0;
}
#footer p
{
	width:882px;
	font-size:8pt;
	text-align:center;
	color:#666;
	line-height:1.5em;
	margin:0;
	padding:0 18px 0 18px;
	background:url(../pict/BG-content.png) top repeat-y !important;
	background:url(../pict/BG-content.gif) top repeat-y;
}
#footer p a
{
	color:#666;
}
#footer p a:hover
{
	text-decoration:none;
}




/*============================================================
==================)> Montage des pages <(=====================
============================================================*/

.col1
{
	float:left;
}
.col2
{
	float:left;
	margin:0 0 0 20px;
}

/*############=-  HOME  -=#############*/
.titreHome
{
	height:38px;
	margin:0;
	padding:8px 20px 0 0;
	font-size:10pt;
	font-style:italic;
	color:#fff;
	text-align:right;
	background:url(../pict/bg-nav.png) top left no-repeat !important;
	background:url(../pict/bg-nav.gif) top left no-repeat;
}

/*=== bloc infos du mois ===*/
.blocInfos
{
	width:183px;
	padding:16px 0 0 0;
	margin:0 0 10px 0;
	background:url(../pict/top-Po.png) top no-repeat !important;
	background:url(../pict/top-Po.gif) top no-repeat;
}
.content-infos
{
	width:167px;
	padding:0 8px 15px 8px;
	background:url(../pict/bg-PO.png) bottom no-repeat !important;
	background:url(../pict/bg-PO.gif) bottom no-repeat;
}
.content-infos h2
{
	color:#c3343d;
	font-size:10pt;
	text-align:center;
	margin:0;
	padding:0;
}
.content-infos p
{
	font-size:10pt;
	width:150px;
	padding:0 0 12px 0;
	background:url(../pict/bg-infolien.gif) bottom repeat-x;
	margin:10px auto 0px auto;
}
.content-infos a
{
	text-decoration:none;
	color:#626262;
	font-size:8pt;
}
.content-infos a:hover
{
	color:#c3343d;
	text-decoration:underline;
}

/*=== bloc rubriques en couleurs ===*/
.blc1 {background:#941a3f url(../pict/BG-bloc1.gif) bottom repeat-x; margin:0 16px 0 6px;}
.blc2 {background:#0e8a98 url(../pict/BG-bloc2.gif) bottom repeat-x;}
.blc3 {background:#b8b652 url(../pict/BG-bloc3.gif) bottom repeat-x; margin:0 16px 0 6px;}
.blc4 {background:#caa78a url(../pict/BG-bloc4.gif) bottom repeat-x;}

#colContent .blc1 h2 {background:url(../pict/BG-h-blc1.gif) no-repeat;}
#colContent .blc2 h2 {background:url(../pict/BG-h-blc2.gif) no-repeat;}
#colContent .blc3 h2 {background:url(../pict/BG-h-blc3.gif) no-repeat;}
#colContent .blc4 h2 {background:url(../pict/BG-h-blc4.gif) no-repeat;}

.blc3 {text-align:center;}

/*--- commun ---*/
.blocHome
{
	width:330px;
	min-height:222px;
	padding-bottom:15px;
	float:left;
	margin-bottom:6px;
	color:#fff;
	font-size:8pt;
}
#colContent .blocHome img
{
	border:none;
}
#colContent .blocHome h2
{
	color:#fff;
	font-size:12pt;
	border:none;
	margin:0;
	padding:5px 0 0 10px;
	height:22px;
}
#colContent .blocHome h2 a
{
	display:block;
}
#colContent .blocHome h2 a:hover
{
	text-decoration:none;
}
#colContent .blocHome ul
{
	color:#fff;
	margin:0;
	padding:0 0 0 24px;
	line-height:1.5em;
}
#colContent .blc4 ul
{
	background:url(../pict/carte-bretagne.png) right top no-repeat !important;
	background:url(../pict/carte-bretagne.gif) right top no-repeat;
	min-height:143px;
	padding-top:20px;
}
#colContent .blocHome p
{
	color:#fff;
	padding:10px;
	margin:0;
}
.blocHome a
{
	color:#fff !important; 
	text-decoration:none;
}
.blocHome a:hover
{
	text-decoration:underline;
}

/*############=-  PAGE GENERIQUE  -=#############*/
.coltext
{
	width:330px;
}

/*--- style mise en forme exemple 2 ---*/
.sc2 img
{
	float:left;
	margin:0 20px 10px 0;
}

/*--- style btn ---*/
.btn1
{
	float:right;
	margin:20px 0 10px 0;
	text-decoration:none;
	color:#fff;
	font-weight:bold;
	font-size:9pt;
	padding:5px 20px 12px 0px;
	background:url(../pict/bg-lien-rg-drt.gif) right no-repeat;
}
.btn1 span
{
	padding:5px 0 12px 20px;
	background:url(../pict/bg-lien-rg-gch.gif) left no-repeat;
	
}
.btn1:hover
{
	color:#5F1218;
}