/* CSS Document */

html {
	margin:0;
	padding:0;
}

body {
	margin:0;
	padding:0;
	background:#EBE8E2 url(../images/html_backing.jpg) top center repeat-y;
	font-family:"Trebuchet MS", Arial, sans-serif;
	font-size:12px;
}

#container {
	position:relative;
	width:976px;
	margin:0 auto;
}

a {
	color:#4584A9;
	text-decoration:underline;
}

a:hover {
	color:#4584A9;
	text-decoration:none;
}

.hilight {
	font-weight:bold;
}

/***************************/
/*					LOGO						*/
/***************************/
#branding h1 {
	height:142px;
	width:100%;
	margin:0;
	padding:0;
	text-indent:-9999px;
	background:url(../images/logo2.jpg) center top no-repeat;
}

#branding #branding_quote {
	width:100%;
	height:22px;
	background:url(../images/header_title_backing.jpg) top left repeat-x;
}

#branding #branding_quote:after {
	content:".";
	display:block;
	visibility:hidden;
	height:0;
	clear:both;
}
	
#branding #branding_quote { display:inline-block; }
/* Hides from IE5-mac \*/
#branding #branding_quote { display:block; }
/* End hide from ie5-mac */

#branding #branding_quote blockquote {
	line-height:22px;
	margin:0;
	padding:0;
	color:#FFF;
	font-weight:bold;
}

#branding #branding_quote blockquote#branding_note { float:left; margin-left:5px; }
#branding #branding_quote blockquote#publication_note {	float:right; margin-right:5px; }


/***************************/
/*		PHOTO DE LA SEMAINE			*/
/***************************/
#picture_of_week_container {
	display:block;
	width:100%;
	height:188px;
	overflow:hidden;
}

#picture_of_week_title_box {
	position:absolute;
	width:165px;
	height:40px;
	margin-top:5px;
	right:0;
	background-color:#000;
	opacity:0.8;
	overflow:hidden;
}

#picture_of_week_title_box h4 {
	margin:0px 0px 0px 4px;
	padding:0;
	line-height:16px;
	font-size:10px;
	color:#CCC;
}

#picture_of_week_title_box p {
	margin:0px 0px 0px 4px;
	padding:0;
	line-height:11px;
	font-size:10px;
	color:#FFF;
}

/***************************/
/*					MENU						*/
/***************************/
#navigation {
	width:100%;
	height:47px;
	background:#CA243A url(../images/menu_backing.jpg) top left repeat-x;
}

#navigation h4 {
	position:absolute;
	top:-9999px;
}

#navigation #main_nav {
	float:left;
}

#navigation #sub_nav {
	float:right;
}

#navigation ul#main_nav, #navigation ul#sub_nav {
	margin:0;
	padding:0;
	list-style-type:none;
}

ul#main_nav li, ul#sub_nav li {
	display:block;
	float:left;
	padding:0;
	margin:0;
}

ul#main_nav li {
	width:110px;
	height:43px;
	border-right:#000000 1px solid;
	text-align:center;
	font-size:14px;
	font-weight:bold;
}

ul#main_nav li a {
	display:block;
	width:110px;
	height:43px;
	padding:0;
	margin:2px 0px 1px 0px;
	line-height:40px;
	color:#FFF;
	text-decoration:none;
}

ul#main_nav li a:hover {
	color:#FFF;
	text-decoration:none;
	background:url(../images/menu_button_on_backing.jpg) top left repeat-x;
}


/*		SOUS-MENU	*/

ul#sub_nav {
	background-color:#000;
}

ul#sub_nav li {
	width:84px;
	height:25px;
	font-size:12px;
	font-weight:normal;
	text-align:center;
}

ul#sub_nav li a {
	display:block;
	padding:0;
	margin:6px 0px 0px 0px;
	line-height:14px;
	border-right:#FFF 1px solid;
	color:#FFF;
	text-decoration:none;
}

ul#sub_nav li a:hover {
	color:#FFF;
	text-decoration:underline;
}

ul#sub_nav li.last_item a {
	border-right:none;
}

/***************************/
/*		ZONE FIL D'ARIANE & DATE	*/
/***************************/
#context_menu_container {
	position:relative;
	width:100%;
	height:22px;
	margin:0;
	line-height:20px;
	font-size:10px;
	font-family:Verdana, Arial, sans-serif;
}

#context_menu {
	float:left;
	padding-left:5px;
	color:#888;
}

#context_menu a {
	color:#4584A9;
	text-decoration:underline;
}

#context_menu a:hover {
	color:#4584A9;
	text-decoration:none;
}

#date {
	float:right;
	margin-right:3px;
	color:#666;
}

/***************************/
/*			ZONE CONTENU				*/
/***************************/
#content {
	width:100%;
	padding-top:5px;
	/*border-top:#DDD 1px dotted;*/
}

#content:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

#content { display:inline-block; }
/* Hides from IE5-mac \*/
#content { display:block; }
/* End hide from ie5-mac */
	

/*		LAYOUT DES COLONNES	*/

#col1 {
	float:left;
	width:235px;
	margin-left:5px;
	padding-right:10px;
	font-size:13px;
	color:#666666;
	text-align:left;
}

#col1 p {
	margin:0px 0px 10px 0px;
	padding:0;
}

#col1 .incentives, #col2 .incentives {
	margin-top:15px;
	margin-bottom:15px;
}

#col1 #abonnez_vous, #col1 #annoncez_vous {
	width:231px;
	height:124px;
	font-size:11px;
	color:#FFF;
	text-align:right;
}

#col1 #abonnez_vous { background:url(../images/abonnez_vous_backing.jpg) top left no-repeat; }
#col1 #annoncez_vous { background:url(../images/annoncez_vous_backing.jpg) top left no-repeat; }

#col1 #abonnez_vous h3, #col1 #annoncez_vous h3, #col1 #incentive_pekuakamiulnuatsh h3 { 
	position:absolute;
	left:-9999px;
}

#col1 #abonnez_vous a, #col1 #annoncez_vous a {
	display:block;
	float:right;
	padding-top:65px;
	padding-right:8px;
	line-height:14px;
	color:#FFF;
	text-decoration:underline;
}

#col1 #abonnez_vous a { width:125px; }
#col1 #annoncez_vous a { width:110px; }

#col1 #abonnez_vous a:hover, #col1 #annoncez_vous a:hover {
	color:#FFF;
	text-decoration:none;
}

#col1 #incentive_pekuakamiulnuatsh {
	width:231px;
	height:128px;
	background:url(../images/incitatif_revue_pekuakamiulnuatsh.jpg) top left no-repeat;
	text-align:left;
}

#col1 #incentive_pekuakamiulnuatsh p {
	padding:90px 0px 0px 15px;
	margin:0;
	font-size:11px;
	color:#4584A9;
}

#col1 #incentive_pekuakamiulnuatsh a {
	line-height:12px;
	color:#4584A9;
	text-decoration:underline;
}

#col1 #incentive_pekuakamiulnuatsh a:hover {
	color:#4584A9;
	text-decoration:none;
}

#col1 #incentive_pekuakamiulnuatsh img { float:left; }


/*		COLONNE 2		*/

#col2 {
	float:left;
	width:492px;
	padding-left:7px;
	padding-right:10px;
	border-left:#DDD 1px dotted;
	border-right:#DDD 1px dotted;
	text-align:left;
}

#col2 .content_bloc {
	display:block;
	padding-bottom:10px;
	margin-bottom:10px;
}

#col2 .content_bloc:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

#col2 .content_bloc { display:inline-block; }
/* Hides from IE5-mac \*/
#col2 .content_bloc { display:block; }
/* End hide from ie5-mac */


#col2 h3 {
	height:25px;
	padding:0px 55px 10px 0px;
	margin:0;
	text-indent:-9999px;
}

#col2 h3.section_en_couverture { background:url(../images/section_en_couverture_title.jpg) top left no-repeat; }
#col2 h3.section_a_surveiller { background:url(../images/section_a_surveiller_title.jpg) top left no-repeat; }
#col2 h3.section_photos_publiees { background:url(../images/section_photos_publiees_title.jpg) top left no-repeat; }
#col2 h3.section_articles { background:url(../images/section_articles_title.jpg) top left no-repeat; }
#col2 h3.section_30_ans_de_photos { background:url(../images/section_30_ans_de_photos_title.jpg) top left no-repeat; }
#col2 h3.section_abonnement { background:url(../images/section_abonnement_title.jpg) top left no-repeat; }
#col2 h3.section_annoncer { background:url(../images/section_annoncer_title.jpg) top left no-repeat; }
#col2 h3.section_nous_joindre { background:url(../images/section_nous_joindre_title.jpg) top left no-repeat; }

#col2 h4, #col1 h4 {
	padding:0;
	margin:5px 0px 0px 0px;
	line-height:16px;
	font-size:14px;
	font-weight:normal;
	color:#4584A9;
}

#col2 h4 a {
	color:#4584A9;
	text-decoration:underline;
}

#col2 h4 a:hover {
	color:#CA243B;
	text-decoration:none;
}

#col2 h5 {
	padding:0;
	margin:15px 0px 10px 0px;
	line-height:14px;
	font-size:12px;
	font-weight:bold;
	color:#777;
}

#col2 p {
	margin:10px 0px 5px 0px;
	padding:0;
	line-height:14px;
	color:#666;
}

#col2 p.note {
	line-height:12px;
	color:#888;
	font-size:11px;
}

#col2 .detail_link {
	padding-bottom:8px;
	color:#4584A9;
	font-size:10px;
}

#col2 .detail_link a {
	color:#4584A9;
	text-decoration:none;
}

#col2 .detail_link a:hover {
	color:#4584A9;
	text-decoration:underline;
}

#col2 .related_link {
	padding-bottom:8px;
	color:#999;
	font-size:12px;
}

#col2 .related_link a {
	color:#4584A9;
	text-decoration:none;
}

#col2 .related_link a:hover {
	color:#4584A9;
	text-decoration:underline;
}

#col2 ol {
	/*margin:0;
	padding:0;*/
}

#col2 ol li {
	color:#4584A9;
	padding:0;
	margin:2px 0px;
}

#col2 ul {
	margin:0;
	padding:0;
	width:auto;
	float:none;
	list-style-type:none;
}

#col2 ul.indent {
	margin-left:20px;
}

#col2 ul li {
	background: transparent url(../images/bullet.gif) no-repeat scroll 1px 8px;
	padding:2px 0 0 9px;
	margin:0;
	overflow:hidden;
	color:#4584A9;
}

#col2 ul li a {
	color:#4584A9;
	text-decoration:underline;
}

#col2 ul li a:hover {
	color:#4584A9;
	text-decoration:none;
}

.image_wrap {
	display:block;
	float:left;
	padding:2px;
	margin:2px 5px;
	border:#CCC 1px solid;
}

.portrait {
	width:150px;
}

.landscape {
	width:200px;
}

.pictures_container {
	display:block;
	width:100%;
}

.pictures_container:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.pictures_container { display:inline-block; }
/* Hides from IE5-mac \*/
.pictures_container { display:block; }
/* End hide from ie5-mac */

.picture_sub_container {
	float:left;
	width:91px;
	min-height:100px;
	margin:0px 3px;
	padding:0;
	text-align:center;
}

.picture_box {
	margin:0;
	padding:0;
}

.picture_box img {
	padding:2px;
	border:#CCC 1px solid;
}



/*		COLONNE 3		*/

#col3 {
	float:left;
	width:200px;
	padding-left:8px;
	text-align:center;
}

#col3 h4 {
	margin:0px 0px 10px 0px;
	font-family:"Courier New", Courier, monospace;
	font-size:10px;
	font-weight:normal;
	letter-spacing:1px;
	color:#333;
}

/***************************/
/*		SECTION PUBLICITÉS (col3)	*/
/***************************/
.pub_zone {
	width:200px;
	margin:0px 0px 15px 0px;
	text-align:center;
	color:#4584A9;
}

.empty_pub_zone {
	width:200px;
	height:250px;
	margin:0px 0px 15px 0px;
	background-color:#EEE;
	text-align:center;
	color:#4584A9;
}

.empty_pub_zone a {
	display:block;
	padding:110px 10px 115px 10px;
	line-height:14px;
	color:#4584A9;
}

.empty_pub_zone a:hover {
	text-decoration:none;
}


/***************************/
/*			SECTION PIED DE PAGE		*/
/***************************/
#footer_menu {
	width:100%;
	height:33px;
	background:#CA243A url(../images/footer_backing.jpg) top left repeat-x;
	font-size:11px;
	text-align:center;
	color:#FFFFFF;
}

#footer_menu ul {
	margin:0;
	margin-left:300px;
	padding:0;
	list-style-type:none;
}

#footer_menu li {
	display:block;
	float:left;
	height:33px;
	padding:0px 7px 0px 0px;
	margin:0;
	font-size:11px;
	font-weight:normal;
	text-align:center;
}

#footer_menu li a {
	display:block;
	padding:0px 7px 0px 0px;
	margin:11px 0px 0px 0px;
	line-height:14px;
	border-right:#FFF 1px solid;
	color:#FFF;
	text-decoration:none;
}

#footer_menu li a:hover {
	color:#FFF;
	text-decoration:underline;
}

#footer_menu li.last_item a {
	border-right:none;
}

#footer {
	width:100%;
	height:20px;
	font-family:Arial, sans-serif;
}

#footer:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

#footer { display:inline-block; }
/* Hides from IE5-mac \*/
#footer { display:block; }
/* End hide from ie5-mac */


#copyright {
	float:left;
	line-height:14px;
	color:#555;
	font-size:10px;
	text-align:left;
}

#credits {
	float:right;
	line-height:14px;
	color:#777;
	font-size:10px;
	text-align:right;
}

#credits a {
	color:#777;
	text-decoration:none;
}

#credits a:hover {
	color:#333;
	text-decoration:none;
}

.notice {
	width:100%;
	margin:5px auto;
	font-family:Arial, sans-serif;
	font-size:10px;
	color:#777;
	text-align:center;
}

#w3c_valid {
	width:100%;
	text-align:center;
}


/***************************/
/*				POPUP HTML				*/
/***************************/
#popup_mask {
	position:fixed;
	display:none;
	visibility:hidden;
	width:100%;
	height:100%;
	background-color:#333333;
	opacity:0.7;
	z-index:100;
}

#popup_container {
	position:absolute;
	display:none;
	visibility:hidden;
	width:100%;
	/*top:10%;*/
	z-index:200;
}

#popup_bloc {
	width:500px;
	height:500px;
	margin:0 auto;
	border:#FFF 10px solid;
	background-color:#FFF;
	text-align:center;
}

#popup_header {
	width:100%;
	height:20px;
	margin:0;
	padding:0;
	line-height:20px;
	text-align:left;
}

#popup_title {
	float:left;
	text-align:left;
}

#popup_close {
	float:right;
	width:14px;
	height:14px;
	padding:1px;
	border:none;
	background-color:#990000;
	line-height:14px;
	text-align:center;
	font-size:10px;
	font-weight:bold;
	color:#FFF;
	cursor:pointer;
}

#popup_content {
	width:100%;
	margin:0;
	padding:0;
	background:url(../images/photos/chargement-en-cours.jpg) top center no-repeat;
	text-align:center;
}

#popup_footer {
	height:12px;
	margin:0;
	padding:0;
	line-height:12px;
	font-size:10px;
	color:#777;
	text-align:left;
}


/*******************************/
/*				FORMULAIRES						*/
/*******************************/

form { padding:0; margin:0; }

label { padding:0; line-height:20px; font-size:12px; color:#666; }

label.errorField { background-color:#CA243B; color:#FFF; }

label.block { display:block; }

input.textField, select.textField, textarea.textField { display:block; color:#666; font-family:"Trebuchet MS", Arial; font-size:12px; border:#999 1px solid; background-color:#EEE; padding:1px; }

input.infoField { display:block; color:#333; font-size:12px; font-family:"Trebuchet MS", Arial; border:none; background-color:#FFF; padding:1px; }

input.inline, select.inline { /*float:left;*/ display:inline; margin-right:5px; }

input.button { color:#666; font-family:"Trebuchet MS", Arial; font-size:12px; margin-top:10px; }

.buttonBox { margin:15px 0px 20px 0px; }

.fieldBox { margin:5px 0px; }

.mandatoryField { padding:0; margin:0; line-height:12px; color:#CA243B; font-size:10px; }

fieldset { margin:20px 5px; padding:5px 15px; border:#CCC 1px solid; }

fieldset legend { padding-left:0; color:#888; font-weight:bold; text-transform:uppercase; }

.msgError { color:#CA243B; font-size:11px; }

.field_notice { font-size:10px; }

/*******************************/
/*		STYLES SPECIFIQUES AUX PAGES	*/
/*******************************/

/*		ACCUEIL		*/
#page_home ul#main_nav li a#menu_item_accueil { background:url(../images/menu_button_on_backing.jpg) top left repeat-x; }
/*#page_home #col2 { width:492px; border-left:#DDD 1px dotted; }*/


/*		ARTICLES		*/
#page_articles ul#main_nav li a#menu_item_articles { background:url(../images/menu_button_on_backing.jpg) top left repeat-x; }
#page_articles #picture_of_week_container { display:none; visibility:hidden; }
#page_articles #picture_of_week_title_box { display:none; visibility:hidden; }
#page_articles .content_bloc { border-bottom:#DDD 1px dotted; }


/*		PHOTOS		*/
#page_photos ul#main_nav li a#menu_item_photos { background:url(../images/menu_button_on_backing.jpg) top left repeat-x; }
#page_photos #picture_of_week_container { display:none; visibility:hidden; }
#page_photos #picture_of_week_title_box { display:none; visibility:hidden; }
#page_photos .content_bloc { border-bottom:none; }


/*		CONTACT		*/
#page_contact .content_bloc { border-bottom:none; }
#page_contact #col2 { width:700px; border-right:none; }
#page_contact #col2 .content_bloc p { line-height:16px; }
#page_contact #col2 ul { color:#666; }
#page_contact #col2 ul li { color:#666; line-height:14px; }
#page_contact #col2 ul li a { text-decoration:none; }
#page_contact #col2 ul li a:hover { text-decoration:underline; }
#page_contact #col3 { display:none; visibility:hidden; }

/*		ABONNEMENTS		*/
#page_abonnements #col1 h4 { display:none; margin-top:55px; }
#page_abonnements #col1 ol { width:147px; height:320px; list-style:none; margin:60px 37px 20px; padding:0; background:url(../images/steps-backing.jpg) 0px 0px no-repeat; }
#page_abonnements #col1 ol.step1 { background-position:0px 0px; }
#page_abonnements #col1 ol.step2 { background-position:-147px 0px; }
#page_abonnements #col1 ol.step3 { background-position:-294px 0px; }
#page_abonnements #col1 ol.step4 { background-position:-294px 0px; }
#page_abonnements #col1 ol.step5 { background-position:-441px 0px; }
#page_abonnements #col1 ol.step6 { background-position:-588px 0px; }
#page_abonnements #col1 ol li { height:50px; padding-top:10px; text-align:center; width:147px; }
#page_abonnements #col1 ol li.first_step { height:50px; padding-top:30px; }
#page_abonnements #col1 ol li span.step_number { float:left; font-size:24px; line-height:24px; font-weight:bold; color:#CCC; margin:0 5px 0 5px; }
#page_abonnements #col1 ol li span.step_name { display:inline-block; width:50%; line-height:14px; font-size:12px; font-weight:normal; color:#999; text-align:center; }
#page_abonnements #col1 ol li span#current_step { color:#FFF; font-weight:bold; }

#page_abonnements #col2 { width:700px; border-right:none; }
#page_abonnements #col2 ul { color:#666; }
#page_abonnements #col2 ul li { color:#666; line-height:16px; margin-top:10px; }
#page_abonnements #col2 fieldset.main_content_fieldset { width:500px; border:#FFF 1px solid; }
#page_abonnements #col2 fieldset.main_content_fieldset legend { text-transform:uppercase; font-weight:bold; }
#page_abonnements #col2 fieldset.sub_content_fieldset { padding:10px 10px 10px; margin:0 0 10px 0; border:#CCC 1px solid; }
#page_abonnements #col2 fieldset.sub_content_fieldset legend { text-transform:none; font-weight:normal; }
#page_abonnements #col2 fieldset.sub_content_fieldset ul li { margin-top:0; margin-left:10px; }
#page_abonnements #col2 #subscription_form_buttons_area { width:500px; margin-left:20px; }
#page_abonnements #col2 .incentives { margin-left:10px; margin-right:10px; }
#page_abonnements #col2 .info_table { width:100%; margin-top:5px; background-color:#EEE; border:#ccc 1px solid; border-collapse:collapse; }
#page_abonnements #col2 .info_table td { border-bottom:#ccc 1px solid; border-right:#ccc 1px solid; }

#page_abonnements #col3 { display:none; visibility:hidden; }


/*		ANNONCER		*/
#page_annoncer #col2 { width:700px; border-right:none; }
#page_annoncer #col2 ul { color:#666; }
#page_annoncer #col2 ul li { color:#666; line-height:16px; margin-top:10px; }
#page_annoncer #col3 { display:none; visibility:hidden; }

/*		CONDITIONS D'UTILISATION		*/
#page_conditions #col2 { width:700px; border-right:none; }
#page_conditions #col2 ol { color:#666; }
#page_conditions #col2 ol li { color:#666; line-height:16px; margin-top:10px; }
#page_conditions #col3 { display:none; visibility:hidden; }

/*		POLITIQUE CONFIDENTIALITE		*/
#page_politique #col2 { width:700px; border-right:none; }
#page_politique #col2 ul { color:#666; }
#page_politique #col2 ul li { color:#666; line-height:16px; margin-top:10px; }
#page_politique #col3 { display:none; visibility:hidden; }