/* Header */


body {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d9d5d3+0,f5f5f4+24 */
	background: #F5F5F4;
	background-image: url('//www.forumconstruire.com/img/structure/v3/bg.png');
	background-repeat: repeat-x;
	margin:0px;
}

body.simple {
	background:#ffffff;
	margin:0px;
}


#general_bloc {
	font-size:12px;
	font-family: arial;
	color:#233743;
	margin:0px;
	border-top:solid #216391 65px;
}

body.body_light #general_bloc {
	border-top:0px;
}

#general_bloc.structure_light {
	background-color: #DFDBD9;
	background-image: url('/img/structure/light/background.png');
	background-repeat: repeat-x;
	font-size:12px;
	font-family: arial;
	margin:0px;
}

#general_bloc.structure_foncee {
	background-color: #375f7b;
	background-image: none;
	background-repeat: repeat-x;
	font-size:12px;
	font-family: arial;
	margin:0px;
}

#bad_email_box
	{
	position: fixed;
	bottom:0px;
	left:0px;
	right:0px;
	text-align:center;
	font-size:15px;
	padding:5px;
	font-family: arial;
	color:#ffffff;
	background:#cc0000;
	border-bottom:2px solid black;
	z-index:1010;
	max-height:100vh;
	overflow:auto
	}

#bad_email_box a
	{
	color:#ffffff;
	}

#bad_email_box h2, #bad_email_box_explic b
	{
	color:#ffd900 !important;
	}
	
#bad_email_box_explic
	{
	width:100%;
	max-width:900px;
	padding:10px;
	margin:0px auto;
	text-align:left;
	display:none;
	}

#header_1
	{
	/* Bloc général du header centré */
	position:fixed;
	top:0px;
	right:0px;
	left:0px;

	z-index:1000;
	background:#216391;
	height:65px;
	}

#header_1.header_1_scrolled
	{
	height:45px;
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
	}

#header_part_1
	{
	position:relative;
	width:100%;
	max-width:970px;
	margin-right:auto;
	margin-left:auto;
	}

#header_2
	{
	/* Bloc général du header centré */
	position:relative;
	z-index:950;
	height:65px;
	margin-bottom:17px;
	background:#216391;
	}

#header_2_light
	{
	/* Bloc général du header centré */
	height:70px;
	}

.structure_light #header
	{
	width:95%;
	}

.structure_foncee #header
	{
	width:970px;
	}

#header_part_2
	{
	position:relative;
	width:100%;
	max-width:970px;
	margin-right:auto;
	margin-left:auto;
	}

#st_ad_he
	{
	width:100%;
	max-width:970px;
	height:275px;
	margin-right:auto;
	margin-left:auto;
	text-align:center;
	}

#header_1 #header_part_1 #st_icon_bar
	{
	position:absolute;
	top:16px;
	right:0px;
	white-space: nowrap;
	vertical-align: bottom;
	text-align: center;
	height:32px;
	display: table;
	}

#header_1 #header_part_1 #st_notif
	{
	display: table-cell;
	width:40px;
	text-align: center;
	height:32px;
	position: relative;
	font-size: 0;
	}

#header_1 #header_part_1 #st_notif img
	{
	width:28px;
	height:28px;
	}

#header_1 #header_part_1 #st_plus
	{
	display: table-cell;
	width:40px;
	text-align: center;
	height:32px;
	position: relative;
	font-size: 0;
	}

#header_1 #header_part_1 #st_plus img
	{
	width:28px;
	height:28px;
	}

#header_1 #header_part_1 #logo
	{
	position:absolute;
	top:10px; /* REMETTRE 10 */
	left:10px;
	}

#header_1.header_1_scrolled #header_part_1 #st_icon_bar
	{
	top:5px;
	}
	
#header_1.header_1_scrolled #header_part_1 #logo
	{
	top:2px; 
	}
	
#header_1.header_1_scrolled #header_part_1 #st_back
	{
	top:12px; 
	}




#header_1.header_1_scrolled #header_part_1 #ml
	{
	top:5px;
	}

#header_1 #header_part_1 #st_notif .ong_acc_notification
	{
	position:absolute;
	width:13px;
	height:13px;
	top:0px;
	right:4px;
	background:#F13D24;
	border-radius: 16px;
	color:#fff;
	font-size:1px;
	color:#F13D24;
	font-weight:bold;
	text-align:center;
	padding-top:8px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	cursor: pointer;
	}

#header_1 #header_part_1 #st_notif .ong_acc_notification_gris
	{
	display: none;
	}

#header_1 #header_part_1 #st_user
	{
	display: table-cell;
	width:40px;
	text-align: center;
	height:32px;
	}

#header_1 #header_part_1 #st_menu
	{
	display: table-cell;
	height:32px;
	text-align: center;
	}

#header_1 #header_part_1 #st_search
	{
	display: none;
	height:32px;
	width:40px;
	text-align: center;
	}

#header_1 #header_part_1 #st_search img
	{
	height:28px;
	}

#header_1 #header_part_1 #st_back
	{
	position:absolute;
	top:22px;
	left:5px;
	height:32px;
	width:40px;
	text-align: center;
	display: none;
	}

#header_1 #header_part_1 #st_back img
	{
	height:22px;
	}



#header_1 #header_part_1 #ml
	{
	position:absolute;
	padding:2px;
	top:15px;
	left:320px;
	white-space: nowrap;
	}


#header_1 #header_part_1 #ml #ml_close
	{
	vertical-align: -2px;
	margin-left:10px;
	display:none;
	}

#header_1 #header_part_1 #ml form
	{
	}

#header_1 #header_part_1 #ml .champ_submit
	{
	vertical-align: bottom;
	font-size:14px;
	height:32px;
	width:100px;
	border-radius: 0px 3px 3px 0px;
	background: #7ab94a;
	border:0;
	color:#fff;
	margin:0px;
	cursor: pointer;
	}

#header_1 #header_part_1 #ml .champ_email
	{
	font-size:14px;
	height:32px;
	width:360px;;
	padding:0px 10px;
	vertical-align: bottom;
	color:#5F5F5F;
	margin-right:2px;
	line-height: 19px;
	border:0px;
	border-radius: 3px 0px 0px 3px;
	margin:0px;
	}

#header_1 #header_part_1 #ml .ml_link
	{
	display:block;
	float:right;
	text-align:left;
	color:#54a129;
	font-size:11px;
	line-height: 9px;
	}

.structure_foncee #header_part_1
	{
	height:65px;
	}

#header_part_2 ul#onglet_barre
	{
	position:absolute;
	background:#7ab94a;
	margin: 0px;
	padding:0px;
	list-style-type: none;
	border-radius: 3px;
	top:0px;
	left:0px;
	width:100%;
	max-width:970px;
	display:table;
	z-index:2;
	box-shadow: 0px 4px 10px -5px rgba(0, 0, 0, 0.5);
	}

#header_part_2 ul#onglet_barre li
	{
	display:table-cell;
	color:#fff;
	width:9%;
	text-align: center;
	vertical-align: middle;
	font-size:12px;
	border-right:#62943b solid 1px;
	border-left:#91c46b solid 1px;
	white-space: nowrap;
	}

#header_part_2 ul#onglet_barre li.active
	{
	background:#99d56b;
	}

#header_part_2 ul#onglet_barre li:first-child
	{
	border-left:0;
	}

#header_part_2 ul#onglet_barre li:last-child
	{
	border-right:0;
	}

#header_part_2 ul#onglet_barre li a
	{
	display: inline-block;
	text-decoration: none;
	text-transform: uppercase;
	color:#fff !important;
	padding: 11px 5px;
	}

#header_part_2 ul#onglet_barre li .onglet_barre_deg90
	{
	display: inline-block;
	-webkit-transform: rotate(-90deg);/* Agrandissement de la photo ŕ l'échelle 1.4 et rotation de -10 degrés */
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
	background:#fff;
	color:#7AB94A !important;
	width:12px;
	height:12px;
	font-size: 10px;
	vertical-align: 1px;
	border-radius: 50%;
	text-align: center;
	cursor: pointer;
	}

#header_part_2 ul#onglet_barre_inf
	{
	position:absolute;
	margin: 0px;
	padding:0px;
	list-style-type: none;
	top:42px;
	left:0px;
	width:100%;
	max-width:970px;
	display:table;
	z-index:1;
	}

#header_part_2 ul#onglet_barre_inf li
	{
	display:table-cell;
	background:#894f8e;
	color:#fff;
	width:25%;
	text-align: center;
	vertical-align: middle;
	font-size:12px;
	}

#header_part_2 ul#onglet_barre_inf li:nth-child(1)
	{
	border-radius: 0px 0px 0px 3px;
	}

#header_part_2 ul#onglet_barre_inf li:nth-child(2)
	{
	background:#ebaa31;
	}

#header_part_2 ul#onglet_barre_inf li:nth-child(3)
	{
	background:#60a4da;
	}

#header_part_2 ul#onglet_barre_inf li:nth-child(4)
	{
	border-radius: 0px 0px 3px 0px;
	background:#b75162;
	}

#header_part_2 ul#onglet_barre_inf li a
	{
	display:block;
	padding: 15px 5px 7px 5px;
	text-decoration: none;
	text-transform: uppercase;
	color:#fff !important;
	}

#slogan_recherche
	{
	position:absolute;
	color:#99CC66;
	left:335px;
	top:5px;
	width:175px;
	padding-left:5px;
	}

#slogan_recherche .champ_recherche
	{
	width:120px;
	height:15px;
	padding:0px;
	font-size:12px;
	padding-left:15px;
	background-image: url('/img/structure/header_loupe_recherche.gif');
	background-repeat: no-repeat;
	color:#2E526B;
	vertical-align: middle;
	}

#slogan_recherche .champ_submit
	{
	vertical-align: bottom;
	}

/* BLOC LOGIN */

#header_part_1 #st_login
	{
	position:absolute;
	top:55px;
	right:10px;
	width:350px;
	z-index:3;
	background: #fff;
	color:#000;
	text-align:center;
	border:4px solid #EBEBEB;
	box-shadow: 1px 1px 3px #555;
	}

#header_part_1  #st_login.st_login_wide
	{
	width:95%;
	max-width: 600px;
	}

#header_part_1 #st_login #st_login_close
	{
	position:absolute;
	right:-20px;
	top:-20px;
	}

#header_part_1 #st_login div.login_part
	{
	padding:10px;
	background:#fff;
	}

#header_part_1 #st_login div.login_part_gris
	{
	background: #EBEBEB;
	padding-bottom:6px;
	padding-top:10px;
	}

#header_part_1 #st_login h2
	{
	margin-top:0px;
	text-align: center;
	padding-bottom:5px;
	border-bottom:3px solid #EBEBEB;
	}

#header_part_1 #st_login a
	{
	color:#216391;
	}

#header_part_1 #st_login .useradd_input
	{
	width:105px;
	}

#header_part_1 #st_login h2
	{
	margin-top:10px;
	margin-bottom:10px;
	text-transform: uppercase;
	font-weight:bold;
	color:#777;
	font-family: arial;
	font-size: 17px;
	}

#header_part_1 #st_login h3
	{
	margin-top:12px;
	margin-bottom:10px;
	color:#348FD3;
	}

#header_part_1 #st_login ul
	{
	list-style-type: none;
	margin:0px;
	padding:0px;
	}

#header_part_1 #st_login ul li
	{
	display: inline-block;
	}

#header_part_1 #st_login ul li a
	{
	margin-bottom:2px;
	}
/*#header_part_1 #st_login ul li a
	{
	background:#EBEBEB;
	margin:0px 0px 3px 0px;
	display: inline-block;
	padding:3px;
	border-radius: 3px;
	text-decoration: none;
	}

#header_part_1 #st_login ul li a img
	{
	filter: grayscale(100%);
	height:12px;
	vertical-align:-2px;
	}

#header_part_1 #st_login ul li a:hover img
	{
	-webkit-filter: none;
	filter: none;
	}

#header_part_1 #st_login ul li a:hover
	{
	background:#c1daef;
	}

#header_part_1 #st_login h2:first-child
	{
	margin-top:0px;
	}*/

#header_part_1 #st_login:after, #header_part_1 #st_login:before
	{
	bottom: 100%;
	left: 530px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	}

#header_part_1 #st_login:after
	{
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #fff;
	border-width: 15px;
	margin-left: -15px;
	}

#header_part_1 #st_login:before {
	border-color: rgba(122, 185, 74, 0);
	border-bottom-color: #EBEBEB;
	border-width: 21px;
	margin-left: -21px;
}



/* NAVIBAR */

#navibar_links ul
	{
	display: inline;
	margin:0px;
	padding:0px;
	list-style: none;
	}

#navibar_links ul li
	{
	display: inline;
	margin:0px;
	}

#navibar_links ul li.notlast:before
	{
	content: ' > ';
	}
	
	
@media (max-width:980px)
	{
	/* PETIT ECRAN / MOBILE */
	#header_1 #header_part_1 #st_search
		{
		display: table-cell;
		}
		
	#header_1 #header_part_1 #ml
		{
		display: none;
		left:10px;
		}
		
	#header_1 #header_part_1 #ml #ml_close
		{
		display: inline;
		}
		
	#header_1 #header_part_1 #st_back
		{
		display: block;
		}

	#header_1 #header_part_1 #logo
		{
		left:40px;
		}
		
	#header_part_2 ul#onglet_barre li.onglet_menu_option_1
		{
		display: none;
		}
		
	#header_part_2 ul#onglet_barre_inf
		{
		display:none;
		}
		
	#header_2
		{
		height:28px;
		}

	#header_part_2 ul#onglet_barre li a
		{
		padding: 5px 5px;
		}
	}
	
	
@media (max-width:750px)
	{
	/* PETIT ECRAN / MOBILE */
		
	#header_part_2 ul#onglet_barre li.onglet_menu_option_2
		{
		display: none;
		}
	}
	
	
@media (max-width:600px)
	{
	/* PETIT ECRAN / MOBILE */
	

	#header_1 #header_part_1 #logo
		{
		top:18px;
		}
		
	#header_1.header_1_scrolled #header_part_1 #logo
		{
		top:7px; 
		}
	

	#header_1 #header_part_1 #logo img
		{
		width:200px;
		}
		
	

	#header_1 #header_part_1 #ml .champ_email
		{
		width:200px;
		}
	}
	
	
@media (max-width:500px)
	{
	/* PETIT ECRAN / MOBILE */
	
	#header_1 #header_part_1 #st_icon_bar
		{
		top:20px;
		
		}

	#header_1.header_1_scrolled #header_part_1 #st_icon_bar
		{
		top:10px;
		}
		
	#header_1 #header_part_1 #st_notif, #header_1 #header_part_1 #st_plus
		{
		width:auto;
		}
		
	#header_1 #header_part_1 #st_notif img, #header_1 #header_part_1 #st_plus img
		{
		height:25px;
		}
		
	#header_1 #header_part_1 #st_user
		{
		width:auto;
		}
		
	#header_1 #header_part_1 #st_user img
		{
		height:25px;
		}
	
	#header_1 #header_part_1 #st_menu
		{
		width:auto;
		}
		
	#header_1 #header_part_1 #st_menu img
		{
		height:25px;
		}
	
	#header_1 #header_part_1 #st_search
		{
		width:auto;
		padding-right:3px;
		}
		
	#header_1 #header_part_1 #st_search img
		{
		height:25px;
		}

	#header_1 #header_part_1 #logo img
		{
		width:150px;
		}
		
	#header_1 #header_part_1 #logo
		{
		top:20px;
		}
		
	#header_1.header_1_scrolled #header_part_1 #logo
		{
		top:11px; 
		}
	}
	
	
@media (max-width:400px)
	{
	/* PETIT ECRAN / MOBILE */
	
	#header_2
		{
		height:30px;
		}
		

	#header_1 #header_part_1 #ml .champ_email
		{
		width:150px;
		}
		
	#header_2
		{
		height:20px;
		}

	#header_part_2 ul#onglet_barre li a
		{
		padding: 9px 5px;
		}
		
	#header_1 #header_part_1 #st_plus
		{
		//display:none;
		}
	
	}
	
	
@media (max-width:350px)
	{
	
	#header_1 #header_part_1 #st_plus
		{
		display:none;
		}
	
	}