/* CSS Document */

body {
	padding:0;
	margin:0;
	background-image:url('/images/fond.jpg');
	background-repeat:repeat-x;
	background-color: #24486c;
}

div#rappel {
	width:145px;
	height:175px;
	background-image:url('/images/fond-rappel.png');
	background-repeat: no-repeat;	
	margin-left:15px;
}

div.langue1,
div.langue2 {
	float:left;
	padding-top:16px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

div.langue1 {
	margin-left:8px;
}

div.langue2 {
	margin-right:8px;
}

div.langue1 a,
div.langue2 a {
	color:#1C3651;
	text-decoration:none;
	margin:0 4px;
	font-weight:bold;
}

div.langue1 a.active,
div.langue2 a.active {
	color:white;
}


div#sublogos {
	color:white;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	padding:20px;
	text-align:center;
}

form#formulaireLogin {
	color:white;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}


div#loginForm {
	background-image:url(../images/col3-top.jpg);
	background-repeat:no-repeat;
	width:240px;
	height:393px;
}

div#formulaire {
	padding:50px 0 0 40px;
}

* html div#formulaire {
	position:absolute;
	margin-top:20px;
}

* html div#formulaire {
	padding:30px 0 0 40px;
}

div.droite,
div.gauche,
div.petitsCoupons {
	color:gray;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

div.droite a,
div.gauche a,
div.petitsCoupons a {
	color:#333;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

div.droite a:hover,
div.gauche a:hover,
div.petitsCoupons a:hover {
	color:black;
	text-decoration:underline;
}

div.droite img,
div.gauche img,
div.petitsCoupons img {
	margin-bottom:4px;
}

img.ico,
img.ico {
	margin:0 4px 0 0;
	padding:0;	
}

img.ico2 {
	margin:0 4px 0 16px;
}

div.outil {
	float:left;
}

td#pied {
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;	
	padding:20px 0 0 0;
	font-size:18px;
	color:#e2e2e2;
}

* html div#ie6pied {
	position:absolute;
	width:960px;
	margin-left:-480px;
	text-align:center;
}

td#pied a {
	margin: 16px;
	text-decoration:none;
	font-size:12px;

	color:black;
}

td#pied a:hover {
	margin: 16px;
	text-decoration:underline;
	color:black;
}


div.ongletOff {
	width:136px;
	height:41px;
	background-image:url(/images/onglet-off2.png);
	background-repeat:no-repeat; float:left;

}

div.ongletOn {
	width:136px;
	height:41px;
	background-image:url(/images/onglet-on2.png);
	background-repeat:no-repeat; float:left;
}

div.ongletOff a, div.ongletOn div.libelle {
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;	
	font-weight:bold;
}

div.libelle {
	padding-top:16px;
}

* html div.libelle {
	position:absolute;
	width:136px;
	text-align:center;
}

div.ongletOff a {
	color:gray;
}

div.ongletOff a:hover {
	color:black;
}

td img {
	display: block;
}

td {
	padding:0;
	margin:0;
	vertical-align:top;
}

td#menu {
	background-image:url('/images/menu.png');
	background-repeat:no-repeat;
	width:730; 
	height:41;
}

td#col1 {
	background-image:url('/images/col1.png');
	background-repeat:repeat-y;
}

td#col2 {
	/* background-image:url(/col2.png);
	background-repeat:repeat-y; */
	background-color:#F0F0F0;
}

td#col3 {
	background-image:url('/images/col3-bottom.png');
	background-repeat:repeat-y;
}

td#col3sup {
	background-image:url('/images/col3-bottom.png');
	background-repeat: repeat-y;
	width:240px;
	height:392px;
}


td#col3bot {
	background-image:url('/images/col3-bottom.png');
	background-repeat: repeat-y;
}

#plaque-rappel {
	margin:4px 0 0 15px;
}

#plaque-login {
	margin:20px 0 0 15px;
}

div#grandsCouponsZone {
	width:564px;
	margin-top:8px;
}

div.grandsCoupons {
	float:left;
	padding:0 0 20px 0;
}

img.gray {
	filter: alpha(opacity=20);
	-moz-opacity: 0.2;
}


div.grandsCoupons div.gauche {
	margin-left:4px;
}

div.grandsCoupons div.droite {
	margin-left:8px;
}

div#petitsCouponsZone {
	width:220px;
	margin:8px 0 0 18px;
}

* html div#petitsCouponsZone {
	position:absolute;
	margin-top:-100px;
}

div.petitsCoupons {
	float:left;
	padding-bottom:20px;
}

div#logosZone {
	width:145px;
	margin:8px 0 0 18px;
}

div.logos {
	margin:auto;
}

div.cadre {
	border:1px solid #777F86;
	background-color:white;
	width:136px;
	height:136px;
	text-align:center;
	vertical-align:middle;
	margin-bottom:8px;
	float:left;
}

* html div.cadre {
	margin-bottom:-2px !important;
}

div.cadre div.logo {
	margin:auto;
	width:124px;
	margin-top:6px;
}

h1 {
	display:none;
	visibility:hidden;
}

h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;	
}

div#texte {
	padding:0 4px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;	
}

* html div#texte {
	padding-top:1px;

}


div.page {
	width:104px;
	height:186px;
	background-color:white;
	border:1px solid silver;
	padding:2px;
	float:left;
	margin:0 8px 4px 0;
}

div.page img {
	/*float:left;*/
	display:block;
	margin:2px;
	width:100px;
	height:59px;
}


div#preview,
div#outils   {
	clear:both;
}

table.calendrier td p {
	padding:0 0 8px 0;
	margin:0;
}

/* Polaroids pour l'album photo */ 

.album {
	width: 520px;
	border: 0px solid red;
	margin-bottom:40px;
}

.dias {
	border: 1px solid;
	width: 70px;
	height: 110px;
	float: left;
	padding : 10px;
	margin: 4px;
	background-color: #F9F9F9;
	border-right-color: gray;
	border-bottom-color: gray;
	border-top-color: silver;
	border-left-color: silver;
}

.diasHoriz {
	border: 1px solid;
	width: 108px;
	height: 110px;
	float: left;
	padding : 10px;
	margin: 4px;
	background-color: #F9F9F9;
	border-right-color: gray;
	border-bottom-color: gray;
	border-top-color: silver;
	border-left-color: silver;
}

.dias a.noeffectdias, .diasHoriz a.noeffectdias {
	border:0 !important ;
	text-decoration:none;
	outline:none;
}

.picture {
	border: 1px solid;
	background-color: black;
	border-right-color: white;
	border-top-color: gray;
	border-left-color: gray;
	border-bottom-color: white;
	border-right-width: 0px;
	color: gray;
	text-decoration:none !important;
	outline:none;
}

.annotation {
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: gray;
	margin-left: 0px;
}

/* CORRECTION DES TRANSPARENTS SOUS IE6 */
* html img,
/** html .png,*/
* html .jcarousel-skin-tango .jcarousel-next-vertical,
* html .jcarousel-skin-tango .jcarousel-prev-vertical,
* html td#pied,
* html td#col3bot,
* html td#col3sup,
* html td#col1,
* html div#rappel,
* html td#menu,
* html div.ongletOff,
* html div.ongletOn
{
	behavior: expression(
			(this.runtimeStyle.behavior="none") && (this.pngSet ? this.pngSet = true : (
				this.nodeName == "IMG" ? (
					this.src.toLowerCase().indexOf('.png') > -1 ? (
						this.runtimeStyle.backgroundImage = "none",
						this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
						this.src = "/images/transp.gif"
					) : 0
				) : (
					this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
					this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
					(this.currentStyle.backgroundRepeat != 'no-repeat') ? (
						this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='scale')"
					) : 0,
					this.runtimeStyle.backgroundImage = "none"
				),this.pngSet=true
			)
		)
	);
}