body{

	background-color:#000000;
	background:#000000 url(../../content/img/fond-tramer.png);
 	font-family:Arial, Helvetica, sans-serif;
	
}

img,h1,h2,h3,h4,h5,h6,a,p,ul,ul li, table, table tr, table tr td{

	border:none;
	margin:0;
	padding:0;

}

h1{

	color:#575757;
	font-size:30px;
	font-weight:bold;

}


h3{
	
	font-size:24px;
	font-style:italic;
	font-weight:bold;
	color:#e9e9ea;
	margin-bottom:15px;
	
}


#div_loading{

	float:left;width:100%;height:450px;
	background:url(../../content/img/loader.gif) 50% 50% no-repeat;
}

#div_global{
	
	width:996px;
	margin:auto;
	background:url(../../content/img/fond-contenu-2.png) repeat-y;

}

#div_global_contenu{

	margin-left:28px;
	width:940px;

}



.div_clear{
	
	clear:both;

}

#div_header{

	height:460px;
	
}

#div_logo_ysofer{
	
	float:left;
	margin-top:35px;

}



#div_decouvre_gamme{

	float:left;
	background:url(../../content/img/header/decouvrez-gamme.png) no-repeat;
	margin-left:560px;
	width:301px;
	height:25px;
	margin-top:190px;


}

#div_decouvre_gamme a{

	display:block;
	margin-top:6px;
	font-size:12px;
	color:#d75600;
	text-decoration:none;
	margin-left:10px;
}

#div_accueil{

	float:left;

}

#div_btn_fond{

	float:right;
	width:24px;

}

#div_btn_fond .num{

	width:24px;
	height:24px;

}


/***************************************************les bouton pour les images*********************************************/
#num1{

	background:url(../../content/img/header/bt-1-off.png) no-repeat;	

}

#num2{

	background:url(../../content/img/header/bt-2-off.png) no-repeat;	

}

#num3{

	background:url(../../content/img/header/bt-3-off.png) no-repeat;	

}

#num4{

	background:url(../../content/img/header/bt-4-off.png) no-repeat;	

}


/**************************************le menu simple*****************************************/
#div_menu{

	text-align:center;
	width:100%;
	
}


#div_menu ul li{
	
	float:left;
	list-style:none;
	margin:0;
	padding:0;

}

#div_menu ul li a{
	
	display:block;
	padding-top:12px;
	width:235px;
	height:33px;
	color:#333;
	font-size:18px;
	font-weight:bold;
	text-decoration:none;
	background-color:#dfe3e3;

}

#div_menu ul li a.menu_active{

	color:#FFFFFF;
	background:url(../../content/img/header/menu-principal-select.png) no-repeat;

}



.separator_gauche{
	
	background:url(../../content/img/header/separator-menu.png) no-repeat 0% 100%;
}

#div_menu ul li a:hover{

	color:#FFFFFF;
	background:url(../../content/img/header/menu-principal-select.png) no-repeat;

}


/**************************************le sous menu simple*****************************************/
#div_smenu{
	
	float:left;
	text-align:center;
	width:100%;
	
}


#div_smenu ul li{
	
	float:left;
	list-style:none;
	margin:0;
	padding:0;
	
}

#div_smenu ul li a{
	
	display:table-cell;
	vertical-align:middle;
	width:134px;
	height:46px;
	color:#d65700;
	font-size:12px;
	text-decoration:none;
	background:url(../../content/img/header/fond_smenu.png) no-repeat;
	
}

#div_smenu ul li a.menu_active{

	color:#FFFFFF;
	background:url(../../content/img/header/fond_smenu_select.png) no-repeat;

}



#div_smenu ul li a:hover
{

	color:#FFFFFF;
	background:url(../../content/img/header/fond_smenu_select.png) no-repeat;

}

#div_smenu ul li a.noactif, #div_escaliers #fiche_escalier_options ul li a.noactif{
	color:#999;
}


/********************************le menu large*************************/

#div_con_sol{
	
	float:left;
	height:155px;
	width:100%;
	background:url(../../content/img/header/fond-menu-conseils-solutions.png) no-repeat;

}



#div_conseil{
	
	float:left;
	margin-top:90px;
	margin-left:100px;
	
}

#div_solution{
	
	float:left;
	margin-left:317px;
	margin-top:90px;
}

#div_conseil ul li, #div_solution ul li{
	
	list-style:url(../../content/img/header/menu_con_sol/fleche.gif);

	
}

#div_conseil ul li a, #div_solution ul li a{

	margin:0;
	padding:0;
	display:block;
	color:#333333;
	font-size:12px;
	padding-left:3px;
	padding-right:3px;
	text-decoration:none;

}

#div_conseil ul li a:hover, #div_solution ul li a:hover{

	color:#fff;
	background:#484848;

}


#div_conseil ul li a.menu_con_sol_active, #div_solution ul li a.menu_con_sol_active{

	color:#fff;
	background:#484848;

}


/**********************************************le contenu*******************************************************/

#contenu{

float:left;
width:100%;
}

#div_contenu_gauche_secours{

	float:left;
	width:625px;
	margin-left:75px;

}


#div_contenu_gauche{

	float:left;
	width:625px;
	margin-left:75px;
	color:#333333;
	margin-top:20px;

}

#div_contenu_gauche p{
	
	float:left;
	font-size:12px;
	color:#333333;
	margin-top:15px;

}



#div_contenu_droite{

	float:right;

}


#div_menu_corporate{
	
	padding-top:10px;
	padding-left:15px;
	background:url(../../content/img/header/fond-corporate.png);
	width:205px;
	height:395px;
	float:right;
}

#div_menu_corporate ul{
	
	margin-left:20px;
	width:205px;

}

#div_menu_corporate ul li{

	list-style:url(../../content/img/header/fleche-blanche.gif);
	background-color:#FF0000;

}


#div_menu_corporate img{

	float:left;
	margin-top:17px;
}

#div_menu_corporate img.separator{
	margin-top:3px;
}

#div_menu_corporate a{
	
	float:left;
	display:block;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:3px;
	color:#ebebeb;
	font-size:12px;
	text-decoration:none;
	margin-top:15px;
	width:187px;

}

#div_menu_corporate a:hover{

	background:#ebebeb;
	color:#333333;
}


#div_menu_corporate a.menu_corporate_active{

	background:#ebebeb;
	color:#333333;

}

#div_menu_corporate p{
	background:url(../../content/img/header/fleche-blanche.gif) no-repeat 0% 0%;
	margin-top:15px;
	padding-left:18px;
	color:#ebebeb;
	font-size:12px;
	
}

#div_menu_corporate #div_logoysobox{
	display:none;
	position:absolute;
	width:220px;
	
}

#div_menu_corporate #div_logoysobox p{
	color:#000;
	background-color:#fff;
	font-size:11px;
}


#div_menu_corporate #image_ysobox img{
	margin-top:0;
}

#div_menu_corporate #image_ysobox a{
	padding:0;
	margin:0;
}

#div_menu_corporate #image_ysobox a:hover{
	background:#474747;
}


#div_contenu_gauche h2{
	
	float:left;
	margin-top:22px;
	color:#bababa;
	font-size:18px;
	font-weight:bold;

}

.lettre{

	color:#bbcf3f;
	font-size:18px;

}

.lettre2{

	color:#bbcf3f;
}

/********************************************contenu gauche actualité*********************************************/


#div_gauche_actu{

	float:left;
	width:390px;

}

#div_droite_actu{

	float:left;
	
}

.div_block_actu{

	float:left;
	width:390px;
	font-size:12px;
	
}


#div_contenu_gauche h2.h2_actualite{

	float:left;
	width:70%;
	color:#333333;
	font-size:18px;
	font-weight:normal;
	
}




.div_descriptif_actu{

	float:left;
	font-size:12px;
	margin-top:20px;
	
}

.div_descriptif_actu_suite{

	float:left;
	font-size:12px;
	margin-top:10px;
	text-align:justify;
	
}

.div_image_actu{
	
	float:left;

}

#div_contenu_gauche h1.h1_actu_suite{
	
	float:left;
	width:500px;
}

#div_lire_tous_suite, #div_lire_tous_suite a{

	float:left;
	font-size:10px;
	color:#333333;
	text-decoration:none;
}

#div_lire_tous_suite a:hover{

	text-decoration:underline;
	
}

.div_header_actu{
	
	float:left;
	width:100%;
	margin-top:20px;
}


#div_contenu_gauche h2.h2_actualite_suite{

	float:left;
	margin:0;
	padding:0;
	color:#333333;
	font-size:18px;
	font-weight:normal;
	width:520px;
	
}

.div_date_suite{

	float:left;
	font-size:10px;
}


.div_date_actu{

	float:left;
	font-size:10px;
	margin-top:15px;
	
}

.div_lire_suite_actu{

	float:right;
	margin-right:200px;
	margin-top:15px;
	
}

.div_lire_suite_actu img{
	
	vertical-align:middle;

}

.div_lire_suite_actu a{
		
	padding-left:5px;
	color:#d65700;
	font-size:10px;
	text-decoration:none;
}

.div_lire_suite_actu a:hover{
	
		text-decoration:underline;

}

#voir_toute_actu{

	margin-top:25px;
	
}

#voir_toute_actu img{
	
	vertical-align:bottom;

}

#voir_toute_actu a{

	color:#d65700;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;

}

#voir_toute_actu a:hover{

	text-decoration:underline;

}

.pagination{

	float:left;
	
}

#pagination{

	font-size:12px;
	margin-top:25px;

}

#pagination, #pagination a{

	color:#333;
	text-decoration:none;

}



#pagination a:hover{

	text-decoration:underline;

}

#pagination a.suivant, #pagination a.precedent, #pagination a.precedent:hover{

	text-decoration:none;	

}

#pagination .active{

	font-weight:bold;
	
}
/********************************************contenu gauche recrutement*********************************************/


.div_block_recru{

	float:left;
	width:390px;
	font-size:12px;
	
}

#div_contenu_gauche h2.h2_recru{

	float:left;
	width:100%;
	color:#333333;
	font-size:18px;
	font-weight:normal;
	
}


#div_contenu_gauche h2.h2_recrutement_suite{

	float:left;
	margin:0;
	padding:0;
	color:#333333;
	font-size:18px;
	font-weight:normal;
	width:520px;
	
}

.div_descriptif_recru{

	float:left;
	font-size:12px;
	margin-top:20px;
	
}


.div_date_recru{

	float:left;
	font-size:10px;
	margin-top:15px;
	
}

.div_lire_suite_recru{

	float:right;
	margin-right:200px;
	margin-top:15px;
	
}

.div_lire_suite_recru img{
	
	vertical-align:middle;

}

.div_lire_suite_recru a{
		
	padding-left:5px;
	color:#d65700;
	font-size:10px;
	text-decoration:none;
}

.div_lire_suite_recru a:hover{
	
		text-decoration:underline;

}

.div_postuler{

	float:right;
	margin-right:0px;
	margin-top:15px;
	
}

.div_postuler img{
	
	vertical-align:middle;

}

.div_postuler a{
		
	padding-left:5px;
	color:#d65700;
	font-size:10px;
	text-decoration:none;
}

.div_postuler a:hover{
	
		text-decoration:underline;

}

.labelform{
	
	font-size:12px;
	float:right;
}

.labelform:hover{
	font-weight:bold;
}

#message{
	
	width:100%;

}

#envoyer{
	
	margin-left:220px;
	
}



/********************************************contenu gauche société*********************************************/
#contenu_gauche_societe{

	float:left;
	width:380px;

}

#contenu_droite_societe{

		float:left;
		margin-left:20px;
		width:220px;
		padding-top:30px;
}


#contenu_droite_societe img{

	margin-top:30px;

}

#contenu_gauche_societe img.image_de_droite_contenu{

	margin-left:18px;
}




#div_contenu_gauche p.bloc_ysofer_cest{
	
	float:left;
	width:360px;
	margin-top:30px;
	padding-left:20px;
	padding-top:15px;
	padding-bottom:15px;
	background:#403d3b;
	color:#bababa;
}

#div_contenu_gauche h2.h2_societe{

	color:#333333;
	font-weight:bold;
	font-size:12px;

}


/**************************fin cotenu société*********************************/


/*******************contenu essence bois********************************************/

/*
.ui-widget-content{
	
	background:none;
}


.ui-tabs{

	padding:0;
	margin:0;

}


.ui-widget-content a
{

color: #e7e7e7;

}

.ui-tabs .ui-tabs-nav, .ui-tabs-nav li a {

	margin:0;
	padding:0;

}

.ui-widget-header{

	background:none;
	border:none;

}


li.ui-state-default{

color: #e7e7e7;
	font-size:12px;
	background:none;

}

li.ui-state-default a{

	font-size:12px;
	background:none;
}


.ui-state-hover a{
	
	color:#e7e7e7;
	font-size:12px;
}


.ui-state-hover a:hover{
	
	color:#333333;
	font-size:12px;
}

li.ui-tabs-selected {
	
	background:none;

}

li.ui-tabs-selected a {
	
	color:red;
	font-size:12px;
}



.ui-state-active a{
	
	color:#e7e7e7;
	font-size:12px;
	background:none;	

}

li.ui-state-active{

	background:#FFFFFF;

}
.ui-state-active a:link{
	
	color:#333333;
	font-size:12px;	

}


.ui-state-active a:visited{
	
	color:red;
	font-size:12px;	

}

#tabs2{

	border-left:1px dashed;
	
}
*/
#tabs2{
	
	margin-top:30px;

}

#tabs2 div p{

	float:none;

}

#tabs2 ul#ul_listing_principal li{
	
	float:left;
	list-style:none;

}

#tabs2 table tr td{
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
}

#tabs2 table tr td.text_titre{
	width:120px;
	font-size:12px;
	color:#545454;
	font-weight:bold;
	text-transform:uppercase;
}


.li_fin{
	
	display:block;
	height:47px;
	width:137px;
	background:url(../../content/img/nos-solutions/fond-fin-menu.jpg) no-repeat 0% 100%;

}


.li_fin3{
	
	display:block;
	height:47px;
	width:396px;
	background:url(../../content/img/nos-creatifs/fond-fin-menu.png) no-repeat right bottom;

}

#tabs2 h2{

	padding:0;
	margin:0;

}

#tabs2 ul#ul_listing_principal li div{
	
	display:block;
	height:29px;
	color:#e7e7e7;
	text-align:center;
	padding-top:18px;
	font-size:12px;
	text-decoration:none;
}




#tabs2 ul#ul_listing_principal li div:hover{

	color:#333333;
	border:none;
	cursor:pointer;

}


#tab_hetre{
	
	width:109px;
	background:url(../../content/img/nos-solutions/fond-hetre.jpg) no-repeat 0% 100%;	

}



#tab_hevea{

	width:117px;
	background:url(../../content/img/nos-solutions/fond-hevea.jpg) no-repeat 0% 100%;	
	

}
#tab_chene{

	width:113px;
	background:url(../../content/img/nos-solutions/fond-chene.jpg) no-repeat 0% 100%;	
	

}
#tab_rares_essences{

	width:142px;
	background:url(../../content/img/nos-solutions/fond-rares-essences.jpg) no-repeat 0% 100%;	
	

}


#tab_hetre:active, #tab_hetre:hover, #tabs2 ul#ul_listing_principal li div.onglet_hetre_active{

	background:url(../../content/img/nos-solutions/fond-hetre-on.jpg);	
	color:#333333;

}

#tab_hevea:active, #tab_hevea:hover, #tabs2 ul#ul_listing_principal li div.onglet_hevea_active{

	background:url(../../content/img/nos-solutions/fond-hevea-on.jpg);	
	color:#333333;
}
#tab_chene:active, #tab_chene:hover, #tabs2 ul#ul_listing_principal li div.onglet_chene_active{

	background:url(../../content/img/nos-solutions/fond-chene-on.jpg);	
	color:#333333;	

}
#tab_rares_essences:active, #tab_rares_essences:hover, #tabs2 ul#ul_listing_principal li div.onglet_rares_essences_active{

	background:url(../../content/img/nos-solutions/fond-rares-essences-on.jpg);	
	color:#333333;	

}



#tabs2 #div_englobe_tab{

	float:left;
	width:580px;
	background:url(../../content/img/nos-solutions/bord-centre_complet.jpg) repeat-y;
	padding:15px 15px 15px 35px;

}

#tabs2 #div_englobe_tab ul#ul_listing_rare_essence{
	
	float:left;
	margin-left:30px;
	margin-top:20px;
	width:190px;

}


div#tabs2 div#div_englobe_tab ul#ul_listing_rare_essence li{
	float:none;
	list-style:url(../../content/img/header/menu_con_sol/fleche.gif);

}

#tabs2 #div_englobe_tab ul#ul_listing_rare_essence li a.a_listing{

	color:#333333;
	font-size:12px;
	padding-left:3px;
	padding-right:3px;
	text-decoration:none;
	text-align:left;
	height:15px;
	
}

#tabs2 #div_englobe_tab ul#ul_listing_rare_essence li a.a_listing:hover{

	color:#fff;
	background:#484848;

}


#tabs2 #div_englobe_tab ul#ul_listing_rare_essence li a.a_listing.rare_active{

	color:#fff;
	background:#484848;

}


#block_image{

	float:left;
	margin-top:20px;

}


.image_gauche_essence{

	margin-left:15px;

}


.asterisme{
	
	float:right;
	font-style:italic;
	margin-right:15px;
	font-size:12px;

}

/*******************fin contenu essence bois********************************************/


/*contenu  finition acier
*/

p.intro_finition{

	float:left;

}

#tabs3{
	
	margin-top:30px;

}

#tabs3 div p{

	float:none;

}

#tabs3 ul#ul_listing_principal li{
	
	float:left;
	list-style:none;

}


.li_fin{
	
	display:block;
	height:47px;
	width:137px;
	background:url(../../content/img/nos-solutions/fond-fin-menu.jpg) no-repeat 0% 100%;

}

#tabs3 h2{

	padding:0;
	margin:0;

}

#tabs3 ul#ul_listing_principal li div{
	
	display:block;
	height:29px;
	color:#e7e7e7;
	text-align:center;
	padding-top:18px;
	font-size:12px;
	text-decoration:none;
}




#tabs3 ul#ul_listing_principal li div:hover{

	color:#333333;
	border:none;
	cursor:pointer;

}


#tab_acier_brute{
	
	width:115px;
	background:url(../../content/img/nos-solutions/finitions-acier/fond-acier.jpg) no-repeat 0% 100%;	

}



#tab_appret{

	width:76px;
	background:url(../../content/img/nos-solutions/finitions-acier/fond-appret.jpg) no-repeat 0% 100%;	
	

}
#tab_galvanisation{

	width:128px;
	background:url(../../content/img/nos-solutions/finitions-acier/fond-galvanisation.jpg) no-repeat 0% 100%;	
	

}
#tab_thermolaquage{

	width:137px;
	background:url(../../content/img/nos-solutions/finitions-acier/fond-thermolaquage.jpg) no-repeat 0% 100%;	
	

}

#tab_inox{

	width:49px;
	background:url(../../content/img/nos-solutions/finitions-acier/fond-inox.jpg) no-repeat 0% 100%;	

}

#tab_rouille{

	width:102px;
	background:url(../../content/img/nos-solutions/finitions-acier/fond-rouille.jpg) no-repeat 0% 100%;	
}

#tab_acier_brute:active, #tab_acier_brute:hover, #tabs3 ul#ul_listing_principal li div.onglet_acier_brute_active{

	background:url(../../content/img/nos-solutions/finitions-acier/fond-acier-on.jpg);	
	color:#333333;

}

#tab_appret:active, #tab_appret:hover, #tabs3 ul#ul_listing_principal li div.onglet_appret_active{

	background:url(../../content/img/nos-solutions/finitions-acier/fond-appret-on.jpg);	
	color:#333333;
}
#tab_galvanisation:active, #tab_galvanisation:hover, #tabs3 ul#ul_listing_principal li div.onglet_galvanisation_active{

	background:url(../../content/img/nos-solutions/finitions-acier/fond-galvanisation-on.jpg);	
	color:#333333;	

}
#tab_thermolaquage:active, #tab_thermolaquage:hover, #tabs3 ul#ul_listing_principal li div.onglet_thermolaquage_active{

	background:url(../../content/img/nos-solutions/finitions-acier/fond-thermolaquage-on.jpg);	
	color:#333333;	

}


#tab_inox:active, #tab_inox:hover, #tabs3 ul#ul_listing_principal li div.onglet_inox_active{

	background:url(../../content/img/nos-solutions/finitions-acier/fond-inox-on.jpg);	
	color:#333333;	

}

#tab_rouille:active, #tab_rouille:hover, #tabs3 ul#ul_listing_principal li div.onglet_rouille_active{

	background:url(../../content/img/nos-solutions/finitions-acier/fond-rouille-on.jpg);	
	color:#333333;	

}


#tabs3 #div_englobe_tab{

	float:left;
	width:580px;
	background:url(../../content/img/nos-solutions/bord-centre_complet.jpg) repeat-y;
	padding:15px 15px 15px 35px;

}

.li_fin2{
	
	display:block;
	height:47px;
	width:10px;
	background:url(../../content/img/nos-solutions/fond-fin-menu.jpg) no-repeat 0% 100%;

}

/*fin contenu finition acier*/



.image_atelier{

	float:left;
	margin-top:20px;

}

/*************************** contenu lexique ***************************/

#div_contenu_gauche_lexique{

	float:left;
	width:220px;
	margin-top:30px;

}


#div_contenu_droite_lexique{

	float:left;
	width:380px;
	margin-left:20px; 
	margin-top:30px;
	
}

#listing_lexique{
	
	margin-top:15px;
	list-style:none;
	font-size:12px;
}

#listing_lexique span{


	padding-left:5px;
	padding-right:5px;

}

#listing_lexique span:hover{

		background:#484848;
		color:#FFFFFF;
		cursor:pointer;

}

.liste_active{
	
		background:#484848;
		color:#FFFFFF;

}

.descriptif_lexique{

	float:left;

}

#div_contenu_gauche .descriptif_lexique h2.h2_titre_lexique{

	padding:0;
	margin:0;
	margin-top:15px;
	font-size:18px;
	font-weight:bold;
	color:#333333;
}

/***************** fin contenu **************************************/

/*****************contenu quelques realisations **************************************/


#div_contenu_gauche h2#h2_galerie{
	
	margin:0;
	padding:0;
	margin-left:20px;
	font-size:12px;
	float:left;
	color:#333;

}

.jcarousel-control .img_thumbs_realisation{
	
	margin-left:15px;
	margin-top:15px;
	float:left;
	width:140px;
	height:100px;
}


.titre_realisation{
	
	float:left;
	font-size:12px;
}


.titre_realisation1{
	
	float:right;
	font-size:12px;
}


.image_principal_realisation{

	
	height:320px;

}

/***************** fin contenu **************************************/

/*****************contenu bureau **************************************/

#div_petit_bloc_gauche_bureau{

	float:left;
	width:300px;

}

#div_petit_bloc_droite_bureau{

	float:left;
	width:220px;
	margin-left:20px;

		

}

#div_bandeau_bureau{

	
	float:left;
	margin-top:50px;

}

.num_bureau{

	color:#BABABA;
	font-size:42px;
	font-weight:bold;


}

#div_contenu_gauche table.table_bureau{
	
	margin-top:10px;

}

#div_contenu_gauche table.table_bureau tr td, #div_contenu_gauche table.table_bureau tr{

	vertical-align:top;
	font-size:12px;
	color:#333333;
	

}


#div_image_fin_bureau{
	
	float:left;
	margin-top:25px;

}

div#div_image_fin_bureau img{

	vertical-align:top;
	float:left;
	
}

#div_image_fin_bureau .img_suite{
	

	margin-left:15px;
	
}


/***************** fin contenu **************************************/


/*****************contenu normes & controles **************************************/

.text_norme{

	font-size:12px;
	text-transform:uppercase;

}


/***************** fin contenu **************************************/

/*****************contenu plexiglass **************************************/

#div_contenu_gauche h2.h2_plexiglass{

	font-size:12px;
	font-weight:bold;
	color:#333333;

}


#div_image_plexiglass{

	float:left;
	margin-top:40px;

}

#div_image_plexiglass .image2plexiglass{

	vertical-align:top;
	margin-left:10px;

}

/***************** fin plexiglass **************************************/


#div_footer{
	font-size:10px;
	margin-top:20px;
	background:url(../../content/img/footer/fond_footer.png);
	height:90px;

}

#div_footer a{

	color:#333333;
	font-size:10px;
	text-decoration:none;

}

.lien_footer{

	margin-left:80px;

}

.lien_footer2{

	margin-left:240px;

}

#div_haut_page{
	
	margin-left:600px;

}


#footer_lien_fin{

	margin-top:40px;

}


/* Erreurs formulaire */


.erreur_champ{
	color:#FF0000;
	background-color:#FFDFDF;
	border:#f00 1px solid;
}


.erreur_champ_text{
	color:#FF0000;
}


/************************************/
/* GAMMES ESCALIER */

#div_escaliers {
	float:left;
	width:100%;
	min-height:400px;
	margin:auto;
}

#div_escaliers #tab_escaliers {
	width:90%;
	margin:auto;
}

#div_escaliers #tab_escaliers table{
	width:150px;
}

#div_escaliers #tab_escaliers table .titre_escalier{
	font-weight:bold;
	font-size:12px;
	color:#FF6600;
	text-align:center;
	text-transform:uppercase;
}

#div_escaliers #tab_escaliers table a.ensavoirplus{
	font-size:10px;
	color:#999;
	text-decoration:none;
	background:url(../../content/img/escaliers/ensavoirplus.png) no-repeat right center;	
	padding-right:20px;
}

#div_escaliers #tab_escaliers table a.ensavoirplus:hover{
	text-decoration:underline;
}


/* fiche escalier */

#div_escaliers #fiche_escalier{
	float:left;
	width: 700px;
	margin-left:10px;
	padding-top:10px;
}

#div_escaliers #fiche_escalier #lien_retour{
	display:table-cell;
	height:31px;
	vertical-align:middle;
	background:url(../../content/img/escaliers/retour.png) no-repeat left center;	
	padding-left:40px;
	margin-left:20px;
	margin-top:10px;
}

#div_escaliers #fiche_escalier #lien_retour a{
	text-decoration:none;
	color:#545454;
	font-size:12px;
}

#div_escaliers #fiche_escalier #lien_retour a:hover{
	text-decoration:underline;
}


#div_escaliers #fiche_escalier_image{
	float:left;
	width:301px;
}

#div_escaliers #fiche_escalier_descriptif{
	float:left;
	width:370px;
	height:285px;
	margin-left:20px;
}

#div_escaliers #fiche_escalier_descriptif h1{
	font-size:24px;
	font-weight:bold;
	color:#d65700;
}

#div_escaliers #fiche_escalier_descriptif p{
	font-size:12px;
	color:#333;
}

#div_escaliers #fiche_escalier_options{
	float:left;
	width:100%;
	min-height:600px;
}

#div_escaliers .div_fiche_escalier_options_menu{
	height:55px;
}

#div_escaliers #fiche_escalier_options h2{
	font-size:24px;
	font-weight:bold;
	color:#575757;
}

#div_escaliers #fiche_escalier_options ul{
	margin:0;
	padding:0;
}

#div_escaliers #fiche_escalier_options ul li{
	display:block;
	float:left;
	
	width:116px;
	height:40px;

	list-style:none;
	font-size:12px;
	
	/*background: url(../../content/img/escaliers/btn_options.png) no-repeat bottom right;*/
}


#div_escaliers #fiche_escalier_options ul li a{
	
	display:table-cell;
	vertical-align:middle;
	width:116px;
	height:55px;
	color:#FFFFFF;
	font-size:12px;
	text-decoration:none;
	padding-left:5px;
	padding-top:5px;
	background:url(../../content/img/escaliers/btn_options.png) no-repeat bottom right;
	
}

#div_escaliers #fiche_escalier_options ul li a{
	color:#fff;
	text-decoration:none;
}

#div_escaliers #fiche_escalier_options ul li:hover{
	/*background: url(../../content/img/escaliers/btn_options_select.png) no-repeat bottom right;
	color:#545454;*/
}

#div_escaliers #fiche_escalier_options ul li a:hover{
	background: url(../../content/img/escaliers/btn_options_select.png) no-repeat bottom right;
	color:#545454;
	font-weight:bold;
	
}

#div_escaliers #fiche_escalier_options ul li a.menu_active{

	color:#545454;
	background:url(../../content/img/escaliers/btn_options_select.png) no-repeat bottom right;
	font-weight:bold;

}


#div_escaliers #fiche_escalier_options .ombre {
  float:left;
  clear:left;
  background: url(../../content/img/escaliers/ombre.png) no-repeat bottom right;
  /*margin: 10px 0 10px 10px;*/
  margin: 5px 0 10px 6px;
  padding: 0px;
}

#div_escaliers #fiche_escalier_options #fiche_escalier_options_contenu{
  float:left;
  width:690px;
  height-min:600px;
  position:relative;
  bottom:6px;
  right: 6px;
  padding-top:6px;
  padding-left:10px;
  border-left:#c3c2c3 solid 1px;
  border-right:#c3c2c3 solid 1px;
  border-bottom:#c3c2c3 solid 1px;
}
 
#div_escaliers #fiche_escalier_options #fiche_escalier_options_contenu table{
	width:90%;
}
 
#div_escaliers #fiche_escalier_options #fiche_escalier_options_contenu .text_titre{
	font-size:12px;
	color:#545454;
	font-weight:bold;
	text-transform:uppercase;
}

#div_escaliers #fiche_escalier_options #fiche_escalier_options_contenu .text_contenu{
	font-size:10px;
	color:#545454;
}

#div_escaliers #fiche_escalier_droite{
	float:left;
	width: 230px;
	margin:auto;
	padding-top:10px;
}

#div_escaliers #fiche_escalier_droite #div_action_ysobox{
	width:229px;
	height:90px;
}

#div_escaliers #fiche_escalier_droite #div_action_fiche{
	width:229px;
	height:90px;
	background: url(../../content/img/escaliers/fiche.png) no-repeat bottom right;
}

#div_escaliers #fiche_escalier_droite #div_action_cctp{
	width:229px;
	height:166px;	
	background: url(../../content/img/escaliers/cctp.png) no-repeat bottom right;
}



#div_escaliers #fiche_escalier_droite #div_action_cctp a {
	display:block;
	float:left;
	padding:0;
	margin:0;
	
	margin-top:20px;
	height:25px;
	padding-top:115px;
	padding-left:30px;
	margin-left:20px;
	width:170px;
	text-decoration:none;
	color:#fff;
	font-size:12px;
	background: url(../../content/img/escaliers/icone_pdf.png) no-repeat bottom left;
}


#div_escaliers #fiche_escalier_droite #div_action_fiche a{
	display:block;
	float:left;
	padding:0;
	margin:0;
	width:170px;
	margin-top:20px;
	padding-top:45px;
	padding-left:30px;
	margin-left:20px;
	text-decoration:none;
	color:#fff;
	font-size:12px;
	background: url(../../content/img/escaliers/icone_pdf.png) no-repeat bottom left;

}

#div_escaliers #fiche_escalier_droite #div_excaliers_photos #mycarousel{
	width:200px;
	height:300px;
}



/* compte */

#div_compte{
	
	float:right;
	margin-right:15px;
	width:365px;
	height:52px;
	background:url(../../content/img/header/fond-mon-compte.png) no-repeat;

}

#div_compte #div_compte_connexion table{
	margin:0;
	padding:0;
	margin-top:0;
	padding-top:0;
	margin-left:5px;
	width:350px;
	height:45px;
}


#div_compte #div_compte_connexion table tr td{
	margin:0;
	padding:0;
}

#div_compte #div_compte_connexion table .lib_mon_compte{
	color:#fff;
	padding-top:10px;
	font-size:12px;
	font-weight:bold;
}

#div_compte #div_compte_connexion table .libelle{
	font-size:12px;
	color:#fff;
}


#div_compte #div_compte_connexion table input.champtext{
	width:110px;
	border:0;
}

#div_compte #div_compte_connexion table input.champtext:hover,
#div_compte #div_compte_connexion table input.champtext:focus{
	background-color:#999;
	color:#fff;
}

#div_compte #div_compte_connexion table input.btn_valider{
	width:17px;
	height:15px;
	border:0;
	padding:0;
	margin:0;
	margin-top:2px;
	background:url(../../content/img/home/icone_connect.png) no-repeat;
	background-color:#444241;
	cursor:pointer;
}
#div_compte #div_compte_connexion table div.btn_valider a{
	text-decoration:none;
}

#div_compte #div_compte_connexion table .lien{
	font-size:9px;
	color:#fff;
	text-decoration:none;
}

#div_compte #div_compte_connexion table .lien:hover{
	text-decoration:underline;
}


/* INSCRIPTION */
#div_contenu_gauche .mentionsobligatoire{
	float:right;
	font-style:italic;
	font-size:10px;
}


#div_contenu_gauche #form_inscrit label{
	color:#545454;
	font-size:12px;
}

#div_contenu_gauche #form_inscrit label:hover{
	font-weight:bold;
}


#div_contenu_gauche #form_inscrit input,
#div_contenu_gauche #form_inscrit textarea
{
	width:200px;
	border:#545454 solid 1px;
}

#div_contenu_gauche #form_inscrit input.inputcourt{
	width:100px;
}


#div_contenu_gauche input:hover,
#div_contenu_gauche input:focus,
#div_contenu_gauche textarea:hover,
#div_contenu_gauche textarea:focus,
#div_contenu_gauche select:hover,
#div_contenu_gauche select:focus
{
	color:#FFF;
	background-color:#545454;
}

#div_contenu_gauche #form_inscrit .lienfinal{
	display:table-cell;
	vertical-align:middle;
	background-image: url("../img/home/fleche.png");
	background-position: left center;
	background-repeat: no-repeat;
	border:none;
	width:50px;
	height:20px;
	padding-left:20px;
}

#div_contenu_gauche #form_inscrit .lienfinal a{
	color:#d65816;
	text-align:right;
	font-size:14px;
	text-decoration:none;
}

#div_contenu_gauche #form_inscrit .lienfinal a:hover{
	text-decoration:underline;
}

/* erreur */
#div_contenu_gauche #form_inscrit .error,
#div_contenu_gauche #formulaire .error{
	display:block;
	color:#f00;
}

#div_contenu_gauche #form_inscrit input.error, 
#div_contenu_gauche #form_inscrit textarea.error, 
#div_contenu_gauche #form_inscrit select.error,
#div_contenu_gauche #formulaire input.error, 
#div_contenu_gauche #formulaire textarea.error, 
#div_contenu_gauche #formulaire select.error{
	
	color: red;
	font-style: italic;
	border:1px solid red;
	background-color:#FFFFFF;

}

#div_contenu_gauche #liste_contact{
	display:block;
	width:100%;
}

#div_contenu_gauche #liste_contact #carteswf{
	float:left;
	width:300px;
}

#div_contenu_gauche #liste_contact #adressecarte{
	float:left;
	width:300px;
	font-size:14px;
	color:#575757;
	padding-top:10px;
	font-weight:bold;
}


#div_contenu_gauche #liste_contact table{
	font-size:11px;
	width:300px;
	font-weight:normal;
}

#div_contenu_gauche #liste_contact table a{
	color:#575757;
	font-weight:bold;
	text-decoration:none;
}

#div_contenu_gauche #liste_contact table a:hover{
	text-decoration:underline;
}

#div_contenu_gauche .formu_contact{
	float:none;
	display:block;
}


/*************Mon compte */
#div_moncompte {
	display:block;
	float:left;
	width:765px;
	margin-left:75px;
	min-height:300px;
	
}

#div_moncompte #contenu_compte_menu{
	float:left;
	width:250px;
}

#div_moncompte #contenu_compte_info,
#div_moncompte #contenu_compte_historique,
#div_moncompte #contenu_compte_contact
{
	float:left;
	width:510px;
	display:none;
}

#div_moncompte #contenu_compte_menu ul li{
	
	background-image: url("../img/home/fleche.png");
	background-position: left center;
	background-repeat: no-repeat;
	list-style:none;
	margin:0;
	padding:0;
	padding-left:20px;
	font-size:14px;

}

#div_moncompte #contenu_compte_menu ul li a{
	color:#575757;
	text-decoration:none;
}

#div_moncompte #contenu_compte_menu ul li a:hover{
	text-decoration:underline;
}

/* mon compte  */
#div_moncompte h2{
	color:#575757;
	font-size:16px;
	padding:2px;
}

#div_moncompte label{
	color:#575757;
	font-size:14px;
}

#div_moncompte label:hover{
	font-weight:bold;
}
#div_moncompte .mentionsobligatoire{
	float:right;
	font-style:italic;
	font-size:10px;
}

#div_moncompte input,
#div_moncompte textarea,
#div_moncompte select{
	border:#575757 solid 1px;
	color:#575757;
}

#div_moncompte .inputlong{
	width:330px;
}

#div_moncompte input:hover,
#div_moncompte textarea:hover,
#div_moncompte input:focus,
#div_moncompte textarea:focus,
#div_moncompte select:hover,
#div_moncompte select:focus
{
	background-color:#575757;
	color:#fff;
}

#div_moncompte .fichier_uploader a{
	color:#575757;
	text-decoration:none;
	font-style:italic;
	font-size:12px;
}

/* erreur */
#div_moncompte #form_compte_contact .error,
#div_moncompte #form_modif .error,
#div_moncompte #form_modifpass .error{
	display:block;
	color:#f00;
}

#div_moncompte #form_compte_contact input.error, 
#div_moncompte #form_compte_contact textarea.error, 
#div_moncompte #form_compte_contact select.error,
#div_moncompte #form_modif input.error, 
#div_moncompte #form_modif textarea.error, 
#div_moncompte #form_modif select.error,
#div_moncompte #form_modifpass input.error, 
#div_moncompte #form_modifpass textarea.error, 
#div_moncompte #form_modifpass select.error{
	
	color: red;
	font-style: italic;
	border:1px solid red;
	background-color:#FFFFFF;

}

#div_moncompte #contenu_compte_historique{
	font-size:12px;
	color:#575757;
}

#div_moncompte #contenu_compte_historique a{
	text-decoration:none;
	color:#575757;
	margin-right:20px;
	height:25px;
}

#div_moncompte #contenu_compte_historique table tr td.tab_action{
	height:25px;

}

#div_moncompte #contenu_compte_historique a:hover{
	text-decoration:underline;
}

#div_moncompte #contenu_compte_historique a.consulter{
	background:url(../../content/img/moncompte/icone_pdf.png) no-repeat bottom left;
	padding-left:15px;
}

#div_moncompte #contenu_compte_historique a.renvoyer{
	background:url(../../content/img/moncompte/icone_enveloppe.png) no-repeat bottom left;
	padding-left:20px;
}

#div_moncompte #contenu_compte_historique a.supprimer{
	background:url(../../content/img/moncompte/icone_supp.png) no-repeat bottom left;
	padding-left:15px;
}




/************************************page mentions légales****************************************/
.lienbold{

	font-weight:bold;
	text-decoration:none;
	color:#333333;
}

.lienbold:hover{

	text-decoration:underline;

}




/************************************page plan du site****************************************/
.ul_premier_niveau{
	
	margin-left:20px;

}

.ul_deuxieme_niveau{

	margin-left:20px;
	
}

.ul_deuxieme_niveau li a{
	
	color:#333333;
	font-size:12px;
	text-decoration:none;
}

.ul_deuxieme_niveau li a:hover{

	text-decoration:underline;
	
}


.liens_principaux{

	font-weight:bold;
	font-size:14px;
	color:#333333;
}

/************************************javascript non activé****************************************/
.error_js{
	
	padding:10px;
	border:1px solid red;
	text-align:center;
	font-size:12px;
	color:red;
	margin-top:20px;

}



/******************mot de pass oublié ************/
#div_oublipass {
	font-size:14px;
}

#div_oublipass span{
	font-size:14px;
}

#div_oublipass input{
	border:#999 solid 1px;
}

#div_oublipass input:hover,
#div_oublipass input:focus{
	background-color:#ccc;
}

.infocenter {
	text-align:center;
	vertical-align:middle;
}