/* Contenu 
_____________ */
#content {
	position: relative;
	color:#FFF;
	/*background:#497cbb url(../images/content-bg.jpg) repeat-x left top;*/
}
	#content a, a:focus, a:visited {
		color:#FFF;
		text-decoration:underline;
		font-weight:bold;
	}
/************************************************************ HOME */
#content #home1 {
	position: absolute;
	width: 374px;
	height: 316px;
	left: 60px;
	top: -6px;	
}
#content #home2 {
	position: absolute;
	width: 503px;
	height: 361px;
	right: 35px;	
	top: -22px;	
}
#content #offre-h {
	position: absolute;
	width: 188px;
	height: 128px;
	top: 265px;
	left: 9px;
}
#content a.dotation-h {
	display: block;
	position: absolute;
	top: 305px;
	left: 330px;
}
/*********************************************** GAUCHE */
#gauche {	
	float: left;
	width: 224px;
	/*height: 440px;*/
	background-image: url(../images/bg-gauche.png);
	background-repeat: no-repeat;
	background-position: right top;
	margin-bottom: 8px;
	height: 438px;
}
#gauche #agagner {
	position: absolute;
	top: 16px;
	left: 16px;
	/*background-image: url(../images/btn-dotation.png);
	background-repeat: no-repeat;
	background-position: left top;*/
	height: 184px;
	width: 194px;	
}
/*#gauche a:hover.dotation {
	background-image: url(../images/btn-dotation-hover.png);
}*/
#gauche a.offre {
	display: block;
	position: absolute;
	top: 245px;
	left: 18px;
	background-image: url(../images/btn-offre.png);
	/*background-image: url(../images/btn-offre.gif);*/
	background-repeat: no-repeat;
	background-position: left top;
	height: 128px;
	width: 188px;	
}
#gauche a.louez-malin {
	display: block;
	position: absolute;
	top: 245px;
	left: 18px;
	background-image: url(../images/louez_malin.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 116px;
	width: 179px;	
}
#gauche a.je-participe {
	display: block;
	position: absolute;
	top: 50px;
	left: 18px;
	background-image: url(../images/jeparticipe.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 145px;
	width: 177px;	
}
#gauche a.dotation-lien {
	display: block;
	position: absolute;
	top: 18px;
	left: 155px;
}
#gauche #sinscrire {
	z-index:1;	
	position: absolute;
	top: 139px;
	left: 113px;
	width: 87px;
	height: 19px;
}
/************************************************* DROITE */
#droite {
	float: right;
	width: 189px;	
	margin-bottom: 8px;
}
#droite a {
	color: #004695;
	text-decoration: none;
	font-size: 0.9em;
	text-align: left;
}
#droite #droite-sub {
	background-image: url(../images/droite-h-bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 158px;
	padding: 66px 0 0 15px;
	background-color: #2260A6;
}
#droite #droite-sub p {
	margin: 0;
}
#droite #droite-sub-sub {	
	height: 129px;
	background-image: url(../images/droite-b-bg.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#droite #droite-sub div.droite-sub-menu {
	width: 123px;
	background-color: #FFFFFF;
	background-image: url(../images/droite-sub-h-bg.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 16px 8px 0 20px;
}
#droite #droite-sub div.droite-sub-menu a {
	display: block;
	background-image: url(../images/puce-droite.gif);
	background-repeat: no-repeat;
	background-position: left 7px;
	padding-left: 8px;
}
#droite #droite-sub div.droite-sub-menu a:hover, #droite #droite-sub div.droite-sub-menu a.on {
	background-image: url(../images/puce-droite-hover.gif);
	color: #DD5F03;
}
#droite #droite-sub div.droite-sub-menu-sub {
	height: 23px;
	background-image: url(../images/droite-sub-b-bg.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#droite #droite-sub #telecharger-d {
	height: 49px;
	background-image: url(../images/picto-telecharger.png);
	background-repeat: no-repeat;
	background-position: left center;
	margin-top: 40px;
}
#droite #droite-sub #telecharger-d a {
	color: #FFFFFF;
	display: block;
	font-size: 1.1em;
	padding-left: 52px;
	padding-top: 10px;
}
#droite #droite-sub #telecharger-d a:hover {
	text-decoration: underline;
}
#droite #droite-sub #telecharger-d a span {
	font-size: 0.8em;
	font-weight: normal;
}
#droite .dr-titre {
	font-size:1.3em;
	font-weight:bold;
	margin: 0 0 10px 0;
}
#droite p {
	padding-right:15px;
}
/* OFFRES */
#droite #droite-sub #droite-sub-b2 p.appelez {
	display: block;	
	font-size: 0.85em;
	margin-top: 13px;
	text-align: left;
}
#droite #droite-sub #droite-sub-b2 h3 {
	color: #FFFFFF;
	margin: 0;
	padding: 0;
	text-align: left;
	background-image: url(../images/puce-droite-b2.gif);
	background-repeat: no-repeat;
	background-position: left 3px;
	padding-left: 11px;
	font-size: 1em;
}
#droite #droite-sub #droite-sub-b2 {
	background-color: #2F6AAE;
	background-image: url(../images/bg-droite-b2h.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 142px;
	padding: 15px 4px 8px 7px;
	margin-left: -5px;
	margin-top: 26px;
}
#droite #droite-sub #droite-sub-b22 {	
	background-image: url(../images/bg-droite-b2b.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	width: 153px;	
	margin-left: -5px;
	height: 8px;
}
#droite #droite-sub #droite-sub-b2 #box-submit {
	display: block;
	width: 142px;
	text-align: center;
}
#droite #droite-sub #droite-sub-b2 #box-submit a.btn {
	color:#FFFFFF;
	padding: 3px 0 4px 16px;
	/*font-size:0.85em;
	font-weight:normal;*/
	!padding: 0 0 0 8px;
}
#droite #droite-sub #droite-sub-b2 #box-submit a.btn span {
	padding:3px 8px 4px 0;
}
/* BOITE 1 */
#droite #droite-sub #droite-sub-b1 {	
	background-color: #497DBB;
	background-image: url(../images/bg-droite-b1h.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 142px;
	padding: 15px 4px 8px 7px;
	margin-left: -5px;
}
#droite #droite-sub #droite-sub-b1 #box-submitd {
	display: block;
	width: 142px;
	text-align: center;
}
#droite #droite-sub #droite-sub-b1 #box-submitd a.btn {
	color:#FFFFFF;
	padding: 3px 0 4px 8px;
	/*font-size:0.85em;
	font-weight:normal;*/
	!padding: 0 0 0 8px;
}
#droite #droite-sub #droite-sub-b1 #box-submitd a.btn span {
	padding:3px 4px 4px 0;
}
#droite #droite-sub #droite-sub-b1 span.appelez {
	background-image: url(../images/bg-droite-b1num.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 55px;
	display: block;
	font-size: 1.1em;
	margin-top: 13px;
}
#droite #droite-sub #droite-sub-b1 p.appelez {
	margin: 0;
	padding: 0;
	margin-top: 24px;
	text-align: left;
	font-size: 1em;
}
#droite #droite-sub #droite-sub-b1 h3 {
	color: #FFFFFF;
	margin: 0;
	padding: 0;
	text-align: left;
	background-image: url(../images/puce-droite-b1.gif);
	background-repeat: no-repeat;
	background-position: left 3px;
	padding-left: 11px;
	font-size: 1.1em;
}
#droite #droite-sub #droite-sub-b12 {	
	background-image: url(../images/bg-droite-b1b.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	width: 153px;	
	margin-left: -5px;
	height: 8px;
}
/**************************************************** CENTRE */
#centre {
	margin: 0 189px 12px 224px;
	/*min-height: 440px;*/
	padding: 0 20px 0 20px;
}
#centre #fil {
	font-size: 0.85em;
	margin-bottom: 15px;
}
#centre #fil a {
	font-weight: normal;
	text-decoration: none;
}
#centre #fil a:hover {
	text-decoration: underline;
}
#centre #print {
	position: absolute;
	right: 212px;
	top: 10px;
	width: 78px;
	/*float: right;
	margin-top: -25px;*/
}
#centre #print a.picto {	
	display: inline;
	padding: 0 5px 0 5px;
}
#centre #print a.print {
	padding: 0;
	display: block;
	height: 11px;
	font-weight: normal;
	text-decoration: none;
	font-size: 0.8em;
	background-image: url(../images/picto-print.gif);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 30px;
	padding-top: 7px;
	margin-bottom: 8px;
}

#centre ul.plan {
	list-style-type: none;
}
#centre ul.plan li {
	background-image: url(../images/puce-li.gif);
	background-repeat: no-repeat;
	background-position: left 8px;
	padding-left: 12px;
	margin-bottom: 6px;
	padding:3px 0 3px 12px;
	
}
#centre ul.plan ul li {
	background-image:none;
	padding:0;
}
#centre ul.plan li a {
	text-decoration: none;
}








/* Galère déménagement
_________________ */
#form-galere .box-retour{
	font-size:0.8em;
	font-weight:normal;
	margin-bottom:25px;
}
#box-galeres ul {
	list-style:none;
	margin:0;
	padding:0;
}
#box-galeres ul li {
	padding:10px 0 ;
	display:block;
	border:none;
}
#box-galeres ul li a {
	text-decoration: none;
}
#box-galeres ul li:hover { 
	background:#2261A6;
	/*
	background:#84B839;
	border-top:1px solid;
	border-bottom:1px solid;
	*/
}
	#box-galeres .date {
		font-size:0.9em;
		padding:0 0 0 10px;
	}
#galere .box-date {
	font-size:0.8em;
	float:left;
}
#galere .box-retour {
	text-align:right;
	margin-bottom:10px;
}
#galere .box-texte {
	margin: 20px 0 20px 0;
}

/* Formulaires
_________________ */
label {
	float:left;
	width:200px;
}
.mradio {
	float:none;
}
label.civilite_inscrit {
	width:30px;
	float:none;
}
textarea {
	width:300px;
	height:150px;
}
	/* formulaire spécifiques des classes */
	#formulaire div {
		margin: 10px 0;
	}
.error {
	color: #FFA18F;
	font-weight:bold;
}
.requis {
	border:1px solid #CC0000;
	border:1px solid #FFF;
	background:#FFA18F;
}

.inscritok {
	font-weight: bold;
	color: #FFED00;
	background: none;
	padding: 0;
}

/* eCard
_________________ */
#form-ecard .thumbnail {
	width:150px;
	float:left;
	margin: 0 15px ;
}
#form-ecard .thumbnail .text {
	text-align:center;
	height:35px;
}
#form-ecard .thumbnail label {
	width:auto;
	float:none;
}
#form-ecard .legend {
	padding-left:200px;
}
#form-ecard  #email_to, #form-ecard  #adresse {
	height:70px;
}

#ecard-preview {
	background:#FFF;
	border:1px solid #000;
	width:580px;
	z-index:2000;
}
#box-preview {
	width:580px;
	position:absolute;
	margin-left:50%;
	left:-290px;
	z-index:2000;
}
#box-preview #preview-close {
	margin-left:490px;
	display:block;
	padding:3px 10px 3px 10px;
	background:#205B9D;
	text-align:center;
	border:1px solid transparent;
}
#box-preview #preview-close:hover {
	border:1px solid #FFF;
}



/* page Offres
____________________ */
#box-offre {}
	#box-offre  .titre {
		width:530px;
		z-index:1;
		position:absolute;
		left:-40px;
		top:-50px;
	}
	.top,
	.bottom {
		background:url(../images/offre-bg-top.gif) no-repeat;
		height:14px;
		line-height:14px;
		width:450px;
		max-width:450px;
		margin-left:40px;
		z-index:2;
		position:relative;
	}
	.bottom {
		background:url(../images/offre-bg-bottom.gif) no-repeat;
		margin:0 0 80px 40px;
	}
	.middle {
		background:#FFF;
		margin-left:40px;
		padding:28px 45px 10px 45px;
		width:360px;
		color:#000;
		color:#5a3a2d;	
		z-index:2;
	}
    .middle strong {
        font-weight:bold;
        font-size:1.2em;
    }
	#box-offre .middle ul {
		margin:0; 
		padding:0;
	}
	#box-offre .middle ul  li{
		margin: 5px 0 0px 15px;
		color:#2d4f9f;
		font-weight:bold;
		font-variant:small-caps;
		font-size:1.1em;
        font-size:1.4em;
	}
    #box-offre .ul-normal  li{
        font-size:1em !important;
        color:#5a3a2d !important;
        font-variant:normal !important;
        font-weight:normal !important;
    }
    #box-offre .middle h4 {
        font-size:1.3em;
    }
	#box-offre .asterisk {
		font-size:0.9em;
	}
	
	#box-offre #vacances {
		background-color: #FFFFFF;
		padding: 3px 15px;
		color: #497DBA;
	}
	#box-offre #vacances img {
		float: left;
		margin: 12px 10px 0 0;
	}
	#box-offre #vacances ul {
		clear: both;
	}
	#box-offre #vacances ul li {
		padding: 10px;
	}
	#box-offre #vacances h4 {
		font-size: 1.3em;
	}
/* page Liens utiles
____________________ */
#box-liens-utiles {

}
	#box-liens-utiles ul {
		margin-bottom:30px;
	}

	
/* page Partenaires
____________________ */
.box-partenaire {
	background:#FFF;
	border:1px solid #154D88;
	padding:10px;
}
	.partenaire {
		width:auto;
		max-width:160px;
		float:left;
		margin:0 10px;
		color:#000;
	}
	.partenaire a {
		color:#000 !important;
	}
	
	
	
/* POLICE & ELEMENTS COURANTS
_____________ */
h2, h3 {
	background:url(../images/puce-heading.gif) no-repeat left 6px;
	padding: 0 0 0 20px;
	margin-top:30px;
	margin-bottom:10px;
    color:#FFED00;
}
h3 {
	margin-left:30px;
	background:url(../images/puce-h3.gif) no-repeat left 5px;
    padding:0 0 0 10px;
}