/* CSS Document */

@media screen {
html, body {
	height: 100%;
	width: 100%;
	margin: 0px;
	padding: 0px;
	/*background-color: #f8f8f8;*/
}

body {	
	min-height: 100%;
	background-color:#eeeeee;
}

#navpath {  
color: #aaaaaa; 
/*top: 18px; */
top: 4px;
text-transform:lowercase; 
display: block;
position: absolute;
font-size: .85em;
}
#navpath a, #navpath a:visited {   }

div#header {
	display: block;
	position: relative;
	top: 0;
	width: 950px;
	height: 114px;
	clear: both;
	padding: 0px;
	z-index: 40;
	background-color: #c90119;
	/*background-image: url(/v4/img/top-ban.gif);
	background-repeat: repeat-x;*/
	background-image: url(/v4/img/bando4.gif);
	background-repeat: no-repeat;
}

	#navigation {
		display: block;
		/*height: 30px;*/
		height: 114px;
		position: absolute;
		top: 0px;
		left: 215px; /* 200px */
		width: 730px;
	}

#conteneurGeneral { 
	display: block;
	position: relative;
	clear: both;
	width: 950px;
	/*min-height: 500px;*/
	height: auto;
	margin: 0 auto 0 auto;
	/*margin: 0;*/
 	padding: 0;
	background-color: #FFFFFF;
	border-left: 1px solid #d63157;
	border-right: 1px solid #d63157;
	z-index: 0;
	/*background-image:url(/v4/img/grand-logo-fond.gif);*/
	background-image:url(/v4/img/bande-menu-gauche.gif);
	background-position: top left; background-repeat:repeat-y;
	background-attachment: scroll;
	/*background-image:url(/v4/img/bg_conteneur.gif);
	background-position: top 153px; background-repeat: no-repeat;
	background-attachment:fixed;*/
}

#conteneurGeneral #habillageEvenement, #habillageEvenement #habC1, #habillageEvenement #habC2 { 
	width:950px;
	height:auto;
	margin:0 auto 0 auto;
 	padding:0;
	background-attachment:scroll;
}

#conteneurGeneral #habillageEvenement { 
	display:block;
	position:relative;
	clear:both;
	background-image:url(/v4/img/hab/voeux2011-bck.jpg);
	background-position: 0 114px; background-repeat: no-repeat;
}

#habillageEvenement #habC1 { 
	background-image:url(/v4/img/hab/voeux2011-txt.png);
	background-position: 0 114px; background-repeat: no-repeat;
	z-index:5;
}

#habillageEvenement #habC2 { 
	background-image:url(/v4/img/hab/voeux2011-persos.png);
	/*background-position:117px 165px; */
	background-position:0px 114px;	
	background-repeat: no-repeat;
	z-index:10;
}


#conteneurGeneral #habillageEvenementSpacer, #sideBarLeftRub #habillageEvenementSpacer {
	display:block;
	position:relative;
	clear: both;
	width: auto;
	height: 246px;
	margin:0;padding:0;
	/*border: 1px solid red;*/
}

#voeux2008	#moment h3 { background-image: url(/voeux-bleu-hd.gif); } 
#voeux2008	#moment { background-image: url(/voeux-bleu-bd.gif); } 
#voeux2008	#utile h3 { background-image: url(/voeux-rose-hd.gif); } 

/*#conteneurGeneral #header:hover + #sideBarLeft + div#contenu { opacity: .3; }*/

	div#sideBarLeft {
		display: block;
		border-top: 0px solid #ffffff;
		position:relative;
		float: left;
		width: 180px;
		/*margin-bottom: 20px solid #white;*/
		top: 18px; /* 60 */
		min-height: 350px;
		padding-bottom: 25px;
		/*height: 300px;*/
		/*background-image:url(/v4/img/sidebar-d.gif);
		background-position: right top; background-repeat:no-repeat;*/

	}
	#sideBarLeftCtn { /*display: block;	width: 180px;*/	}
	#sideBarLeftRub { display:block; width: auto; height: auto;	}
	/*#sideBarLeftHeader { height: 40px; background-color: #ffffff; }*/
		
		#moment, #utile, #participer, #instit { 
		padding: 0 0 5px 5px; margin-bottom: 5px;
		background-position: bottom right; background-repeat:no-repeat;
		height: auto; display:block; position:relative;
		}

		#utile h3, #participer h3, #moment h3, #instit h3 { 
		color : #ffffff; margin: 0; padding-top: 3px;
		width: 100%; 
		border: 0 none #ffffff;
		background-position: top right; 
		background-repeat:no-repeat;
		cursor: default; 
		font-size: .95em;
		} 

		#utile h4, #participer h4, #moment h4, #instit h4 { 
		color : #ffffff; margin: 0; padding-top: 3px;
		width: 100%; 
		border: 0 none #ffffff;
		text-transform:none;
		background-image:none;
		cursor: default; 
		font-size: .80em;
		} 


		#sideBarLeft ul, #sideBarLeft li {	margin: 0; padding: 0; }
		
		#moment ul, #participer ul, #utile ul, #instit ul  { margin: 0 5px 0 0; }
		
		#utile li, #participer li, #moment li, #instit li {
		position:relative;
		display: inline;
		line-height: 0.8em;
		list-style-type:none;
		width: 100%;
		}

		#sideBarLeft a { font-size: 11px; text-decoration:none; color: #000000; }
		
		#utile a, #participer a, #moment a, #instit a { 
		display: block;
		margin: 0;
		padding: .3em 0 .3em 0;
		color: #ffffff;
		/*background-image: url(/v4/img/pointille.gif);
		background-repeat: repeat-x;
		background-position:bottom;*/
		width: 100%;
		}

		/* =========================
			Boite moment 
		   ========================= */
		#moment { 
		background-color: #004e85; 
		background-image: url(/v4/img/coinr-blanc-moment-bd.gif);
		}
		#moment h3 { background-image: url(/v4/img/coinr-blanc-moment-hd.gif); } 
		#moment a, #utile a:link, #utile a:visited { 
		border-top: 1px solid #005591; /* plus claire */
		border-bottom: 1px solid #00487a; /* plus foncé */
		}
		#moment li a:hover { background-color: #00487a; }
		/* =========================
			Boite être utile 
		   ========================= */
		#utile { 
		background-color: #bf5a86; 
		background-image:url(/v4/img/coinr-blanc-utile-bd.gif);
		}
		#utile h3 { background-image: url(/v4/img/coinr-blanc-utile-hd.gif); } 
		#utile a, #utile a:link, #utile a:visited { 
		border-bottom: 1px solid #b3547e;
		border-top: 1px solid #cc608f;
		}
		#utile li a:hover { background-color: #b3547e; }
		/* =========================
			Boite participer 
		   ========================= */
		#participer { 
		background-color: #c90119; 
		background-image:url(/v4/img/coinr-blanc-participer-bd.gif);
		}
		#participer h3 { background-image:url(/v4/img/coinr-blanc-participer-hd.gif); } 
		#participer a, #participer a:link, #participer a:visited { 
		border-bottom: 1px solid #b90009;
		border-top: 1px solid #d9001b;
		}
		#participer li a:hover { background-color: #B90009; }	


		/* =========================
			Boite instit
		   ========================= */
		#instit { 
		/*background-color: #c90119; 
		background-image:url(/v4/img/coinr-blanc-participer-bd.gif);*/
		margin-top: 15px;
		}
		#instit h3 { /*background-image:url(/v4/img/coinr-blanc-participer-hd.gif);*/ } 
		#instit a, #instit a:link, #instit a:visited { 
		font-size: .9em;
		/*border-bottom: 1px solid #555555;*/
		border-bottom: 1px dotted #888888;
		color:#454545;
		}
		#instit li a:hover { background-color: #dddddd; }	


		/* =========================
			Boîte rechercherSite 
		   ========================= */
		#rechercherSite form { padding: 0; margin:0; border-style:none;}
		#rechercherSite label { color:#888888; margin:0; font-size:1em;} 
		#rechercherSite { margin: 0 0 .8em 0; } 
		input#q_template { width:135px; padding-left:.4em; color:#999; border-left-style:none; }
		#validerRechercheTemplate { 
		float:right;
		width:28px; height:25px;
		font-size:9px; color:#000; border-style:none;
		background-color:transparent; background-image:url(/v4/img/icn/01/16/49.png); 
		background-position:3px 3px;
		padding:0; margin:0;
		}

		/* =========================
			Boîte webcamtplt 
		   ========================= */
		#webcamtplt h3 { color : #aaaaaa; margin-top:10px; margin-left: 5px; margin-bottom: 0px;
		border: 0 none white;} 
		#webcamtplt #wchaut{ 
		width: 100%; height: 100%;
		background-image:url(/webcam/webcam.jpg); 
		background-position: -60px -25px; background-repeat:no-repeat;
		}
		#webcamtplt #wcbas{ 
		width: 100%; height: 100%;
		background-image:url(/v4/img/coinr-blanc-webcam-hd.gif); 
		background-position: top right; background-repeat:no-repeat;
		}
		#webcamtplt a { margin:0; width: 100%; height: 170px; 
		cursor: pointer; display: block;
		background-image:url(/v4/img/coinr-blanc-webcam-bd.gif); 
		background-position: bottom right; background-repeat:no-repeat;
		} 
		/*#webcamtplt img { border: 1px solid #000000; } */
		

div#contenu {
position: relative;
display: block;
clear: none;
float: right;
z-index: 1;
/*top: 0px;*/
height: auto; min-height: 780px;
width: 710px; max-width: 710px; 
left: -23px; /*margin-right: 23px;*/
margin-bottom: 25px;
font-size: .8em;
color: #333333;
/*background-color:#ffffff;*/
}

/* Pied de page */

#piedPage {
	position: relative; 
	display: block;
	float: none;
	width: 950px;
	/*width: auto;*/
	height:auto;
	background-color: #c90119;
	clear: both;
	font-size: 0.8em;
	/*margin-top: 40px;*/
}
	#piedPage a {
		color:#ffffff;
		text-decoration:none;
	}

#piedPageContenu {
	width: auto;
	height: auto;
	display: block;
	position: relative;
	clear: both;
	padding: 5px;
	color: #ffffff;
	text-align:center;
}

ul#piedPageNavigation {
	background-color: #de6433;
	display: block;
	position: relative;
	height: 15px;
	clear: both;
	padding: 0px 5px 10px 0px;
	margin: 0px;
	background-image: url(/v4/img/top-ban.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}
ul#piedPageNavigation a {
	font-size: 0.8em;
}
ul#piedPageNavigation li {
	float: right;
	display: inline;
	margin: 0px 0px 0px 8px;
	padding: 0px;
	list-style-type:none;
}
#piedPageMentions {
	clear: both;
	position:relative;
	display: block;
	font-size: 0.8em;
	margin-top: 5px;
	border-top: 1px dotted #ffffff;
	padding-top:5px;
}

}

@media print {
body, div#conteneurGeneral, div#contenu {
width:100%;
height:100%;
display:block;
position:relative; 
width:98%; 
height:100%; 
margin:0; padding:0; 
left:0; top:0;
font-family: Trebuchet MS, "Lucida Sans Unicode", Arial, Lucida Sans, Tahoma, Sans-Serif;
font-size:12px;
}
div#header, div#sideBarLeft, div#piedPage {	display: none; }
}