/*
Theme Name: Mairie de Cruseilles Theme
Theme URI: http://www.future-creation.com
Description: Le theme de la Mairie de Cruseilles
Version: 1.1
Author: Future-creation - Montage : Luc Micheau & GFX : Elodie Mole

*/

html, body {
	/*height:auto;min-height:100%;width:100%;*/
	margin: 0px;
	padding: 0px;
	/*height: 100%  que si on veut un site avec une gestion 100% de hauteur de DIV */;
	background-color: #FFF;
}

body {
	/*height: 100%; que si on veut un site avec une gestion 100% de hauteur de DIV */
	color: #000;
	
}
p{
	margin:0px;
	margin-bottom:10px;
}

br
{
	letter-spacing : 0px;
}
h2{
	color:#683B15;
	margin-bottom:0px;
}
h3{
	color:#FFFFFF;
	font-size:16px;
	font-weight:bold;
	margin-top:0px;
}
img{
	border:none;
}


.fond-rayure{
	background-attachment: scroll;
	background-image: url(images/fond-x-y.png);
	background-repeat: repeat;
	background-position: left top;
	height: 100%;
	position: relative;
}
.fond-degrade-top {
	background-attachment: scroll;
	background-image: url(images/fondu-top.png);
	background-repeat: repeat-x;
	background-position: left top;
}
.fond-degrade-bottom {
	background-attachment: scroll;
	background-image: url(images/fondu-bottom.png);
	background-repeat: repeat-x;
	background-position: left bottom;
}
.fond-bandeau {
	background-attachment: scroll;
	background-repeat: repeat-x;
	background-position: left top;
}
.both {
	clear: both;
}
.menu-google {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	color: #9b9086;
	text-decoration: none;
	padding-bottom: 30px;
	padding-top: 30px;
}
.menu-google a {
	color: #9b9086;
	text-decoration: none;
}
.menu-google a:hover {
	text-decoration: none;
	color: #7d746b;
	font-weight: bold;
}
.menu-google .lien28 a:hover{color:#7d746b;}
.menu-google .lien2 a:hover{color:#b8d65c;}
.menu-google .lien5 a:hover{color:#58cad3;}
.menu-google .lien7 a:hover{color:#6f67c2;}
.menu-google .lien9 a:hover{color:#dd78aa;}
.menu-google .lien11 a:hover{color:#d44560;}
.menu-google .lien14 a:hover{color:#f0bb41;}
.menu-google .lien16 a:hover{color:#a98b67;}
.menu-google .lien18 a:hover{color:#7d746b;}






.header {
	height: 173px;
	width: 954px;
	background-attachment: scroll;
	background-image: url(images/header-fond.png);
	background-repeat: no-repeat;
	background-position: left top;
	position: relative;
	margin-bottom: 7px;
}
.header .logo {
	position: absolute;
	left: 70px;
	top: 13px;
}
.header .zone-flash {
	position: absolute;
	top: 0px;
	right: 36px;
}
.header .zone-recherche {
	background-attachment: scroll;
	background-image: url(images/header-recherche.png);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	height: 22px;
	width: 274px;
	right: 40px;
	bottom: 4px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #5E5954;
}
.menu-top {
	width: 954px;
	background-attachment: scroll;
	
	background-repeat: no-repeat;
	background-position: left top;
	height: 103px;
	position: relative;
	text-align: left;
}
.fond-contenu {
	background-attachment: scroll;
	background-image: url(images/fond-page.png);
	background-repeat: repeat-y;
	background-position: center top;
}
.contenu {
	width: 954px;
	position: relative;
}
.menu-home-gauche{
	float: left;
	width: 474px;
	text-align: left;

}
.menu-home-gauche .ligne {
	width: 447px;
	padding-left: 20px;
	text-align: left;
}
.actu-home-droite {
	float: right;
	width: 465px;
	text-align: left;
}

.actu-home-droite .zone-actu {
	text-align: left;
	width: 405px;
}
.actu-home-droite .zone-actu .fond-actu {
	background-color: #9b9086;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	background-attachment: scroll;
	background-image: url(images/accueil-bloc-actu-top.png);
	background-repeat: repeat-x;
	background-position: left top;
}
.actu-home-droite .zone-actu .fond-actu .image {
	float: left;
	padding-top: 3px;
	padding-left: 3px;
}
.actu-home-droite .zone-actu .fond-actu .image .fond-images{
	background-attachment: scroll;
	background-image: url(/wp-content/themes/macruseilles/images/accueil-bloc-actu-fond-img.png);
	height: 59px;
	margin-bottom: 10px;
	margin-right: 8px;
	margin-top: 4px;
	position: relative;
	width: 60px;
}
.actu-home-droite .zone-actu .fond-actu .titre {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #FFF;
	text-decoration: none;
	padding-top: 8px;
	padding-left: 12px;
}
.actu-home-droite .zone-actu .fond-actu .txt {
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	padding-top: 5px;
	padding-left: 12px;
	padding-right: 5px;
	padding-bottom: 10px;
}

.actu-home-droite .zone-actu .fond-actu .ensavoirplus {
	background-attachment: scroll;
	background-image: url(images/accueil-bloc-actu-en_savoir_plus_nohover.png);
	background-repeat: no-repeat;
	background-position: top top;
}
.actu-home-droite .zone-actu .fond-actu .ensavoirplus:hover {
	background-attachment: scroll;
	background-image: url(images/accueil-bloc-actu-en_savoir_plus.png);
	background-repeat: no-repeat;
	background-position: top top;
}

.actu-home-droite .zone-actu .fond-actu .image .fond-images img {
	clip: rect(0px 50px 50px 0px);
	margin: 6px 0px 0px 7px;
	position: absolute;
	width: 68px;
}

.clip {
  position: relative;
  height: 130px;
  width: 200px;
  border: solid 1px #ccc;
}
.clip img {
  position: absolute;
  clip: rect(30px 165px 100px 30px);
}


.edito {
	margin-top: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
}

.edito a{
	font-weight:bold;
	color:#333;
	text-decoration:none;
}

.edito a:hover{
	color:#000;
}

.edito .gauche {
	width: 465px;
	text-align: left;
	float: left;
	padding-top: 0px;
}
.edito .gauche .text {
	padding-left: 58px;
	text-align: justify;
	line-height: 18px;
	color: #696158;
	padding-top: 5px;
}

.edito .gauche .text .titre {
	margin-top: 0px;
}
.edito .droite {
	width: 465px;
	text-align: left;
	float: right;
	padding-top: 25px;
}
.edito .droite .text {
	padding-right: 58px;
	text-align: justify;
	line-height: 18px;
	color: #696158;
	padding-top: 5px;
}