/* CSS Document */

/**
* General
*/
* { margin: 0; padding: 0; } /* Remove all spacings by default of the tags  */

body
{
	font:12px Arial, Helvetica, sans-serif;
	background: #FFFFFF url(img/fond_page_bleu.png);
	color: #333333;
	padding:0px;
	margin:0px;
	width:100%;
	height:100%;
}

img
{
	border: 0;
}


a img{
	border: 0;
	text-decoration: none;
}

a
{
	text-decoration:none;
	color:#0B598C;
}

a:hover
{
	text-decoration:underline;
	/*color:#222;*/
}

a.noir{ color:#000000; text-decoration:underline; }
a.noir:hover{ color:#000000; text-decoration:none; }

a.lien
{
	text-decoration:underline;
	color:#E55C79;
}

a.lien:hover
{
	text-decoration:none;
	color:#6D929B;
}

p{
	margin-bottom:10px;
	}

h1{
	font-size:18px;
	line-height:20px;
	font-weight:bold;
	color:#d1081d;
	margin-bottom:4px;
	}
	
h1 a{
	text-decoration:none;
	color:#d1081d;
}
	
#panier h1{
	font-size:18px;
	line-height:20px;
	font-weight:bold;
	color:#d1081d;
	margin-bottom:4px;
	background:url(img/bg_titre_panier.png) 0 16px repeat-x;
	}

.blanc{
	background:#FFFFFF;
	padding-right:10px;
}

h1 img{
	vertical-align:middle;
	margin-right:8px;
}

h1.taille24{
	font-size:24px;
}

#tree_equal_cols h1{
	font-size:14px;
	line-height:20px;
	margin-bottom:0px;
	margin-top:2px;
}

#titre h1{
	margin-left:14px;
	padding-top:20px;
	font-size:14px;
	background:url(img/ico_fiche.png) 0px 21px no-repeat;
	padding-left:18px;
}

#titre h1.envoyer{

	background:url(img/ico_envoyer.png) 0px 21px no-repeat;

}

h2{
	font-size:14px;
	line-height:17px;
	color:#333333;
	font-weight:bold;
	padding-top:2px;
	padding-bottom:2px;
}

h2.rouge{
	color:#d1081d;
}
	
#tree_equal_cols p{
	margin-bottom:2px;
}

.gj{
	color:#D3081E;
}

.gj h2{
	font-size:14px;
	line-height:16px;
	color:#D3081E;
	font-weight:bold;
	padding-top:2px;
	padding-bottom:1px;
}

h2.gj{
	font-size:16px;
	line-height:17px;
	color:#D3081E;
	font-weight:bold;
	padding-top:2px;
	padding-bottom:4px;
}

.pi{
	color:#919902;
}

.pi h2{
	font-size:14px;
	line-height:16px;
	color:#919902;
	font-weight:bold;
	padding-top:2px;
	padding-bottom:1px;
}

h2.pi{
	font-size:16px;
	line-height:17px;
	color:#919902;
	font-weight:bold;
	padding-top:2px;
	padding-bottom:4px;
}

.pcq{
	color:#d1081d;
}

.pcq h2{
	color:#d1081d;

	font-size:14px;
	line-height:16px;
	font-weight:bold;
	padding-top:2px;
	padding-bottom:1px;
}

h2.pcq{
	font-size:16px;
	line-height:17px;
	color:#d1081d;
	font-weight:bold;
	padding-top:2px;
	padding-bottom:4px;
}

.pm{
	color:#013f68;
}

.pm h2{

	color:#013f68;
	font-size:14px;
	line-height:16px;
	font-weight:bold;
	padding-top:2px;
	padding-bottom:1px;
}

h2.pm{
	font-size:16px;
	line-height:17px;
	color:#013f68;
	font-weight:bold;
	padding-top:2px;
	padding-bottom:4px;
}

.cv{
	color:#f1ac00;
}

.cv h2{
	color:#f1ac00;
	font-size:14px;
	line-height:16px;
	font-weight:bold;
	padding-top:2px;
	padding-bottom:1px;
}

h2.cv{
	font-size:16px;
	line-height:17px;
	color:#f1ac00;
	font-weight:bold;
	padding-top:2px;
	padding-bottom:4px;
}

p.a_est{
	font-weight:bold;
	color:#6291AF;
}

p.a_nord{
	font-weight:bold;
	color:#B37673;
}

p.a_ouest{
	font-weight:bold;
	color:#629A77;
}

p.a_sudest{
	font-weight:bold;
	color:#DBA413;
}

p.a_idfbn{
	font-weight:bold;
	color:#D96BDB;
}



#image{
	position:absolute;
	left:50%;
	margin-left:-250px;
	top:190px;
	float:left;
	display:none;
	padding-top:0px;
	padding-bottom:70px;
	width:550px;
	height:400px;
	text-align:center;
	background:#FFFFFF url(img/fond_themes.png) left bottom repeat-x;
	border:solid 1px #999;
}

#sous_container{
	height:300px;
	z-index:-10000;
	background:url(img/fond_sous_container.png) left top repeat-x;
}

#left_shaddow{
	width:19px;
	height:300px;
	float:left;
	background:url(img/fond_left_shaddow.png) right top no-repeat;
}
#right_shaddow{
	width:19px;
	height:300px;
	float:left;
	background:url(img/fond_right_shaddow.png) left top no-repeat;
}

#cadre
{
	position:absolute;
	top:0px;
	width: 927px;
	left:50%;
	margin-left:-464px;
	/* height:100%; supprimé car 100% du visible et non de la fenetre sous SS */
	background:#FFFFFF url(img/fond_container.png) 0px 0px repeat-y;
	padding-left:0px;
	padding-right:0px;
}

#cadre_fiche
{
	position:absolute;
	top:0px;
	width: 793px;
	left:50%;
	margin-left:-396px;
	/* height:100%; supprimé car 100% du visible et non de la fenetre sous SS */
	background:#FFFFFF url(img/fond_container.png) 0px 0px repeat-y;
	padding-left:0px;
	padding-right:0px;
}

#cadre_fiche #titre{
	background:url(img/bg_fiche_top.png) left top no-repeat;
	height:46px;
}	
#container
{
	/*position:absolute;
	top:0px;
	width: 889px;
	left:50%;
	margin-left:-464px;*/
	/* height:100%; supprimé car 100% du visible et non de la fenetre sous SS */
	min-height:700px;
	width: 889px;
	background:#FFFFFF;
	padding-left:0px;
	padding-right:0px;
	float:left;
}

#cadre_fiche #container{
	min-height:inherit;
}

#cadre_fiche #container{
	width:793px;
}

#top
{
	width:889px;
	height:140px;
	background:url(img/fond_top.jpg) left top no-repeat;
}

#top #logo{
	width:130px;
	height:141px;
	float:left;
}

#top #flags{
	width:250px;
	height:26px;
	float:right;
	margin-bottom:4px;
	margin-top:111px;
	text-align:right;
	padding-right:4px;
}

#top #flags img{
	margin:3px;
	margin-left:2px;
	margin-right:2px;
}

#menu{
	height:40px;
	margin:1px;
}

*html #menu{
	margin-top:-2px;
}

#menu a{
	color:#0B598C;
	font-weight:bold;
	margin-top:6px;
	text-decoration:none;
	}
	
#menu a:hover{
	color:#D1081D;
	text-decoration:none;
}

#menu .item{
	width:107px;
	height:28px;
	background:url(img/fond_menu_item_not_selected.png) 0px 0px repeat-x;
	border-right:#999999 solid 1px;
	border-bottom:#999999 solid 1px;
	border:none;
	float:left;
	margin-right:1px;
	text-align:center;
	padding-top:11px;
}

#menu .item:hover{
	border-bottom:0px;
	background:#FFFFFF url(img/fond_menu_item_selected.png) 0px 0px repeat-x;
}

#menu .selected{
	height:29px;
	border-bottom:0px;
	background:#FFFFFF url(img/fond_menu_item_selected.png) 0px 0px repeat-x;
}

#menu .selected a{
	color:#D1081D;
}

#menu .multi{
	height:34px;
	padding-top:5px;
}

#menu .last{
	border-right:0px;
	margin-right:0px;
}

#submenu{
	line-height:24px;
	background:url(img/fond_submenu.png) left top;
	padding-top:9px;
	padding-bottom:4px;
	padding-left:11px;
	padding-right:9px;
	color:#0B598C;
	text-align:center;
}

#submenu a{
	font-weight:bold;
	margin-left:9px;
	margin-right:9px;
}

#submenu a:hover{
	color:#D1081D;
}

#submenu a.selected{
	color:#D1081D;
	height:auto;
	border:none;
}

#contenu{
	width:100%;
	/*height:550px;
	min-height:550px;*/
	}
	


#contenu #col_gauche{
	width:317px;
	padding-right:12px;
	padding-top:19px;
	vertical-align:top;
}
#v2009 #contenu #col_gauche{
	width:531px;
	padding-right:9px;
	padding-left:10px;
	padding-top:12px;
	vertical-align:top;
}



#two_cols #contenu #col_gauche{
	width:229px;
}

#two_cols #ecommerce #contenu #col_gauche{
	width:229px;
	padding-right:0px;
	padding-top:0px;
}



#two_cols #contenu #col_gauche{
	width:229px;
}

#two_equal_cols #contenu #col_gauche{
	width:49%;
	padding-left:10px;
}

#tree_equal_cols #contenu #col_gauche{
	width:33%;
	padding-left:10px;padding-right:9px;
}

#tree_equal_cols #contenu #col_centre{
	width:32%;
	vertical-align:top;
	padding-right:9px;
	padding-top:19px;
}

#contenu #col_droite{	
	vertical-align:top;
	padding-right:9px;
	padding-top:19px;
}

#v2009 #contenu #col_droite{	
	padding-top:11px;
}

#v2009 #contenu #col_droite #home_right{
	height:242px;
	padding:10px;
	padding-top:15px;
	background:url(img/bg_2010_home_right.gif) right bottom repeat-x;
}

#two_cols #cadre_fiche  #contenu #col_droite{
	padding-top:0px;
	padding-right:0px;
}


#two_cols #contenu #col_droite{
	padding-top:19px;
}

#two_cols #ecommerce #contenu #col_droite{
	padding-left:12px;
}

.panel_gauche{
	padding:14px;
}

#two_cols .panel_gauche{
	padding-left:8px;
}

#ecommerce .panel_gauche{
	padding-left:12px;
}



#ecommerce .panel_gauche hr{
	border:solid 0px #FFFFFF;
	color:#FFFFFF;
	background:#FFFFFF;
}

.panel_gauche hr{
	height:1px;
	border:solid 0px #BBBEC0;
	color:#BBBEC0;
	background:#BBBEC0;
	margin-top:7px;
	margin-bottom:7px;
}

*html .panel_gauche hr{
	padding:0px;
	margin:0px;
	margin-top:0px;
}

.panel_gris{
	background:url(img/fond_panel_gris_clair.png) 0px 0px repeat-x;
}

.panel_gris_degrade{
	background:url(img/fond_degrade_gris_blanc_108.png) 0px 0px repeat-x;
}

.panel_bleu_ssp{
	background:url(img/fond_panel_bleu_ssp.gif) left top no-repeat;
	padding-top:20px;
}

.panel_bleu_ecom{
	background:url(img/fond_panel_bleu_ecom.gif) left top no-repeat;
}

.panel_bleu{
	background:url(img/fond_panel_bleu.gif) left top no-repeat;
}

.panel_bleu_2{
	background:#E7F4FB url(img/fond_panel_bleu_2.gif) 0px 19px repeat-x;
}

#cadre_fiche .panel_bleu_2{
	background:#E7F4FB url(img/fond_panel_bleu_2.gif) 0px 0px repeat-x;
}

.h19blanc{
	height:19px;
	background:#FFFFFF;
}

.panel_gauche_contenu{
	float:right;
	width:155px;
	margin-right:0px;
}

#two_cols .panel_gauche_contenu{
	width:100px;
}

.item_gamme{
	height:71px;
	width:174px;
	font-weight:bold;
	margin-top:5px;
	margin-bottom:1px;
	font-size:13px;
}

.item_gamme td{
	vertical-align:middle;
	padding-right:4px;
	}

.item_gamme td.icone{
	width:64px;
	height:60px;
	padding-right:0px;
	vertical-align:middle;
}

.focus{
	height:66px;
	background:#FF9900 url(img/fond_focus.png) no-repeat top right;
	margin-top:0px;
	color:#FFFFFF;
	padding:10px;
	font-size:11px;
	line-height:12px;
	font-weight:bold;
}

.focus a{
	color:#ffffff;
	}
	
.focus a:hover{
	color:#000000;
	}
	
.focus h1{
	font-size:36px;
	line-height:24px;
	color:#FFFFFF;
	text-transform:uppercase;
	padding-top:10px;
}

.focus h2{
	font-size:20px;
	color:#FFFFFF;
	
	padding-top:4px;
	padding-bottom:0px;
}

.focus_icone_nouveau{
	position:relative;
	float:right;
	margin-top:-26px;
	z-index:10000000;
	text-align:right;
}

.trame{
	height:8px;
	margin-top:4px;
	margin-bottom:4px;
	background:url(img/fond_separateur_gris_clair.png) repeat-x;
	line-height:8px;
}

.margintop0{
	margin-top:0px;
}
.margintop10{
	margin-top:10px;
}

.themes{
	width:100%;
	margin-bottom:5px;
}

.themes td, th{
	text-align:left;
	width:auto;
	vertical-align:top;
	border:none;
	padding:0px;
}

.themes th{
	height:149px;
	text-align:left;
	padding:0px;
	padding-left:8px;
	width:auto;
	border:none;
}

.themes th.premier{
	padding:0px;
	padding-left:0px;
}

.themes td{
	height:135px;
	background:url(img/fond_themes.png) left bottom repeat-x;
	border-right:solid 1px #FFFFFF;
	padding:8px;
}

.panel_degrade{
	background:url(img/fond_degrade_gris_blanc_159.png) 0px 0px repeat-x;
	width:100%;
}

#ecommerce .panel_degrade{
	background:#F5F5F5 url(img/fond_degrade_gris_gris) 0px 0px repeat-x;;
	padding:14px;
	padding-top:16px;
	vertical-align:top;
	width:auto;
	height:auto;
}

.panel_degrade_ecomm{
	background:url(img/bg_panel_ecomm.png) 0px 0px repeat-x;
	
	height:141px;
	padding:8px;
	padding-top:12px;
	text-align:left;
	vertical-align:top;
}

.panel_degrade_ecomm h2{
	color:#d1081d;
}

.panel_degrade_ecomm td{
	text-align:left;
	vertical-align:top;
}

.panel_degrade_ecomm td.gauche{
	width:325px;
}

.panel_degrade_ecomm ul{
	padding:0px;
	margin:0px;
	padding-left:18px;
	padding-top:1px;
	padding-bottom:1px;
}
.panel_degrade_ecomm li{
	padding:0px;
	margin:0px;
}

.panel_bleu_ecom ul{
	padding:0px;
	margin:0px;
	padding-left:22px;
	padding-top:1px;
	padding-bottom:1px;
}
.panel_bleu_ecom li{
	padding:0px;
	margin:0px;
}

#two_equal_cols .panel_degrade{
	height:102px;
}

#tree_equal_cols .panel_degrade{
	height:58px;
}

.panel_degrade td{
	padding:5px;
	padding-top:8px;
	padding-right:20px;
	vertical-align:top;
	}
	
#ecommerce .panel_degrade td{
	padding:5px;
	height:auto;
	}
	
#ecommerce .panel_degrade td.quelchamp{
	text-align:right;
	width:120px;
	vertical-align:middle;
}
#ecommerce .panel_degrade td.lechamp{
	text-align:left;
	vertical-align:middle;
}
	
#tree_equal_cols .panel_degrade td{
	padding:0px;
	}
	
.padding17 td{
	padding:17px;
	padding-top:8px;
	padding-right:20px;
	}

.panel_degrade td.icone{
	width:110px;
	padding:5px;
}

.panel_degrade td.contact_flag{
	width:37px;
	padding-top:0px;
	padding-right:0px;
}

.panel_degrade td.contact_flag img{
	margin-bottom:5px;
}

.panel_degrade td.contact{
	padding-top:0px;
	padding-left:0px;
}

.panel_degrade td.icone160{
	width:160px;
	padding:0px;
}

.panel_degrade td.icone80{
	width:60px;
	padding-left:10px;
	padding-right:10px;
}

.panel_degrade td.icone55{
	width:50px;
	vertical-align:top;
	padding:0px;
	padding-right:5px;
	padding-left:5px;
	margin:0px;
}

.panel_degrade hr{
	height:1px;
	border:solid 0px #BBBEC0;
	color:#BBBEC0;
	background:#BBBEC0;
	margin-top:9px;
	margin-bottom:7px;
}

*html .panel_degrade hr{
	padding:0px;
	margin:0px;
	margin-top:-2px;
}


#pied
{
	height:65px;
	padding:10px;
	padding-top:25px;
	text-align:center;
	color:#999999;
	background:#FFFFFF;
}

#pied a{
	color:#999999;
	}
	
#mentions_legales{
	margin:12px;
	padding:10px;
	background:#FFFFFF;
}

#mentions_legales hr{
	height:1px;
	border:solid 0px #BBBEC0;
	color:#BBBEC0;
	background:#BBBEC0;
	margin-top:7px;
	margin-bottom:7px;
}

.small{
	font-size:10px;
}

.trois_cols{
	width:100%;
}
	
.trois_cols td{
	width:34%;
	text-align:left;
	vertical-align:top;
	padding-right:8px;
	padding-bottom:10px;
	line-height:20px;
	font-size:11px;
}

.trois_cols td input{
	margin-right:6px;
}

.trois_cols td.trois_cols_first{
	width:32%;
	text-align:right;
	padding-right:12px;
	font-weight:bold;
	line-height:14px;
	font-size:12px;
}

.quatre_cols{
	width:100%;
}
	
.quatre_cols td{
	text-align:left;
	vertical-align:top;
	padding-right:8px;
	padding-bottom:6px;
	padding-top:6px;
}

input, textarea, select{
	padding:1px;
	margin-right:6px;
	font-size:11px;
	vertical-align:middle;
	font-family:Arial, Helvetica, sans-serif;
}

.quatre_cols td.quatre_cols_droite{
	text-align:right;
	padding-right:4px;
	font-weight:bold;
}

.ssp{
	width:100%;
	background:url(img/logos/ssp.jpg) right top no-repeat;
}

.ssp td{
	width:14%;
	border-right:#FFFFFF solid 1px;
	border-bottom:#FFFFFF solid 1px;
	padding:0px;
	margin:0px;
}

.ssp td.premiere_ligne{
	height:90px;
	border-right:none;
	border-bottom:none;
}

.ssp .premiere_ligne .onglets{
	height:32px;
	padding:0px;
	margin:0px;
	font-size:17px;
	font-weight:bold;
	line-height:32px;
	margin-top:20px;
}

.ssp .premiere_ligne .onglets .gauche{
	width:7px;
	height:32px;
	float:left;
	background:url(img/onglet_not_selected_gauche.png) right top no-repeat;
}

.ssp .premiere_ligne .onglets .gauche_selected{
	width:7px;
	height:32px;
	float:left;
	background:url(img/onglet_selected_gauche.png) right top no-repeat;
}

.ssp .premiere_ligne .onglets .droite{
	width:7px;
	height:32px;
	float:left;
	background:url(img/onglet_not_selected_droite.png) left top no-repeat;
}

.ssp .premiere_ligne .onglets .droite_selected{
	width:7px;
	height:32px;
	float:left;
	background:url(img/onglet_selected_droite.png) left top no-repeat;
}

.ssp .premiere_ligne .onglets .milieu{
	height:32px;
	float:left;
	background:url(img/onglet_not_selected_milieu.png) left top repeat-x;
	color:#0b598c;
}

.ssp .premiere_ligne .onglets .milieu_selected{
	height:32px;
	float:left;
	background:#0B598C;
	color:#FFFFFF;
}

.ssp .premiere_ligne .trait{
	height:3px;
	line-height:1px;
	background:#0B598C;
	margin:0px;
	padding:0px;
}

.ssp td.premiere_col{
	border-bottom:none;

}

.chantiers{
	margin-top:0px;
	margin-bottom:0px;
	width:100%;
}

td.legende_chantiers{
	background:#39789F url(img/fond_ssp_chantier_leg.png) center top repeat-x;
	width:175px;
	padding:0px;
	padding-top:48px;
	margin:0px;
	color:#fff;
	font-weight:bold;
	font-size:20px;
	text-align:center;
	vertical-align:top;

}

.legende_chantiers .sub{
	font-size:12px;
}
.legende_chantiers .sub2{
	font-size:13px;
	line-height:20px;
}

.legende_chantiers_top{
	background:#0B598C url(img/corner_ssp_legende_chantiers.png) left top no-repeat;
	height:12px;
	line-height:4px;
	font-size:4px;
	padding:0px;
}

.legende_chantiers_bottom{
	background:#0B598C url(img/corner_bottom_ssp_legende_chantiers.png) left bottom no-repeat;
	height:12px;
	line-height:4px;
	font-size:4px;
	padding:0px;
}

.contenu_chantiers{
	margin:0px;
	padding:0px;
	background:#fff url(img/middle_ssp_contenu_chantiers.png) right bottom repeat-x;
}

.contenu_chantiers_texte{
	padding:20px;
	background:#fff url(img/middle_ssp_contenu_chantiers.png) right bottom repeat-x;
}

.contenu_chantiers_image{
	margin:0px;
	padding:0px;
	width:200px;
	text-align:center;
	vertical-align:bottom;
	background:#fff url(img/middle_ssp_contenu_chantiers.png) right bottom repeat-x;
	
}

.contenu_chantiers .image_droite{
	margin-right:3px;
	padding-left:6px;
	padding-bottom:6px;
	text-align:center;
	width:122px;
	float:right;
}

.contenu_chantiers_top{
	background:#E3E9F0 url(img/header_top_ssp_contenu_chantiers.png) right top no-repeat;
	height:18px;
	line-height:4px;
	font-size:4px;
	padding:0px;
}

.contenu_chantiers_bottom{
	background:#E3E9F0 url(img/footer_bottom_ssp_contenu_chantiers.png) right bottom no-repeat;
	height:21px;
	line-height:4px;
	font-size:4px;
	padding:0px;
}

.contenu_chantiers_middle{
	
}

.ssp td.ssp_titre{
	height:48px;
	background:#CEDEE8;
	color:#333333;
	font-weight:bold;
	text-align:center;
	padding:2px;
	vertical-align:middle;
	font-size:16px;
	line-height:18px;
}

.ssp td.ssp_img{
	border-right:solid 1px #B5CDDC;
	text-align:center;
	vertical-align:middle;
	padding-top:15px;
	padding-bottom:15px;
}

.ssp td.ssp_fun{
	height:48px;
	background:#1E6595 url(img/fond_ssp_function.png) right top repeat-x;
	color:#FFF;
	font-weight:bold;
	text-align:left;
	
	font-size:14px;
	padding:4px;
	padding-left:10px;
	line-height:16px;
	vertical-align:middle;
}

.ssp td.ssp_fun_titre{
	height:33px;
	background:url(img/fond_ssp_function_titre.png) right top repeat-x;
	color:#333;
	font-weight:bold;
	text-align:left;
	vertical-align:middle;
	font-size:16px;
	padding-left:10px;
}

.ssp td.ssp_moy_titre{
	height:33px;
	background:url(img/fond_ssp_moyen_titre.png) right top repeat-x;
	color:#333;
	font-weight:bold;
	text-align:left;
	vertical-align:middle;
	font-size:16px;
	padding-left:10px;
}

.ssp td.ssp_gains{
	height:36px;
	background:#DC8400;
	color:#FFFFFF;
	font-weight:bold;
	text-align:center;
	padding:6px;
}

.ssp td.ssp_gains_titre{
	height:33px;
	background:url(img/fond_ssp_gains_titre.png) right top repeat-x;
	color:#333;
	font-weight:bold;
	text-align:left;
	vertical-align:middle;
	font-size:16px;
	padding-left:10px;
}

.ssp td.ssp_texte{
	background:#FFF;
	padding-left:6px;
	padding-right:6px;
	padding-top:4px;
	padding-bottom:4px;
	text-align:left;
	vertical-align:top;
	border-right:solid 1px #B5CDDC;
}

.les_produits{
	width:100%;
	margin-top:10px;
	margin-bottom:4px;
}

.les_produits .space{
	height:10px;
}

.les_produits th{
	height:12px;
	line-height:1px; font-size:1px; padding:0px;
	width:216px;
	border:none;
}

.les_produits td{
	text-align:center;
	width:216px;
	border:none;
}

.les_produits td.bas{
	height:9px;
}

.les_produits th.vert{
	background:url(img/produits/header_vert.png) center top repeat-y;
	}

.les_produits td.vert{
	background:url(img/produits/milieu_vert.png) center top repeat-y;
}

.les_produits td.bas_vert{
	background:url(img/produits/footer_vert.png) center top no-repeat;
}

.les_produits td.jaune{
	background:url(img/produits/milieu_jaune.png) center top repeat-y;
}

.les_produits th.jaune{
	background:url(img/produits/header_jaune.png) center top repeat-y;
	}
	
.les_produits td.bas_jaune{
	background:url(img/produits/footer_jaune.png) center top no-repeat;
}

.les_produits td.rouge{
	background:url(img/produits/milieu_rouge.png) center top repeat-y;
}

.les_produits th.rouge{
	background:url(img/produits/header_rouge.png) center top repeat-y;
	}
	
.les_produits td.bas_rouge{
	background:url(img/produits/footer_rouge.png) center top no-repeat;
}

.les_produits td.bleu{
	background:url(img/produits/milieu_bleu.png) center top repeat-y;
}

.les_produits th.bleu{
	background:url(img/produits/header_bleu.png) center top repeat-y;
	}
	
.les_produits td.bas_bleu{
	background:url(img/produits/footer_bleu.png) center top no-repeat;
}

.les_produits .produit_nom{
	font-weight:bold;
	font-size:14px;
	color:#333333;
	height:36px;
	padding:4px;
	padding-left:12px;
	padding-right:12px;
	overflow:hidden;
	}
	
.les_produits .produit_photo{
	height:170px;
	overflow:hidden;
	
}

.les_produits .picto_nouveau{
	position:absolute;
	margin-top:-12px;
	margin-left:130px;
}

.les_produits .gamme{
	height:30px;
	padding:5px;
	margin-top:2px;
	margin-bottom:4px;
	text-align:left;
	color:#FFFFFF;
	width:174px;
	margin-left:16px;
	margin-right:16px;
	font-size:12px;
	line-height:12px;
}

.les_produits .vert .gamme{
	background:#919902;
}
.les_produits .bleu .gamme{
	background:#0079BD;
}
.les_produits .jaune .gamme{
	background:#FFB903;
}
.les_produits .rouge .gamme{
	background:#D1081D;
}

.les_produits .application{
	height:70px;
	overflow:hidden;
	padding:5px;
	margin-top:2px;
	margin-bottom:4px;
	text-align:left;
	width:174px;
	margin-left:16px;
	margin-right:16px;
	font-size:12px;
	line-height:14px;
}

.les_produits .vert .application{
	background:#EAECCF;
	color:#919902;
}
.les_produits .bleu .application{
	background:#BEE6FC;
	color:#0079BD;
}
.les_produits .jaune .application{
	background:#FFF2D0;
	color:#FFB903;
}
.les_produits .rouge .application{
	background:#F6D1D4;
	color:#D1081D;
}

.coord{
	width:100%;
}
.coord td{
	vertical-align:middle;
	text-align:left;
	height:30px;
}
.coord .picto{
	width:26px;
	vertical-align:middle;
}

.mytab{
	width:100%;
	}
.mytab td{
	padding-top:2px;
	padding-bottom:2px;
	vertical-align:middle;
}
.panel_degrade_ecomm .mytab td{
	padding-top:0px;
	padding-bottom:0px;
	vertical-align:middle;
}
.mytab img{
	vertical-align:middle;
}

#chemin_fer{
	margin-bottom:12px;
}

.panel_travers{
	width:303px;
	text-align:left;
	padding-left:12px;
	padding-top:25px;
	height:100px;
	background:url(img/fond_panel_travers.png) left top no-repeat;
}

.alerte{
	color:#d1081d;
	font-weight:bold;
}

.noir{
color: #333333;
}
.bleu{ color:#0b598c; }

#recherche{
	background:url(img/bg_recherche.png) left top repeat-x;
	margin-bottom:10px;
}
#cadre_fiche #recherche{
	margin-bottom:0px;
}
.panel_degrade2{
	background:url(img/bg_recherche.png) left top repeat-x;
	padding:10px;
}

.panel_cmd_title{
	border:solid 1px #C2C2C4;
	border-bottom:none;
	padding:10px;
	font-size:18px;
	font-weight:bold;
	color:#333333;
	background:url(img/bg_panel_cmd_title.png) left top repeat-x;
	margin-top:20px;
}
.panel_cmd{
	border:solid 1px #C2C2C4;
	border-top:none;
	padding:10px;
	background:#FFFFFF;
}
.panel_cmd table{
	width:100%;
}
.panel_cmd th,td{
	width:auto;
}
.panel_cmd td{
	vertical-align:middle;
	padding-left:6px;
	padding-right:6px;
	padding-top:8px;
	padding-bottom:8px;
	border:none;
	border-top:solid 1px #DEDEDE;
	border-right:solid 1px #DEDEDE;
}
.panel_cmd th{
	vertical-align:middle;
	padding-left:6px;
	padding-right:6px;
	padding-top:8px;
	padding-bottom:8px;
	border:none;
	border-top:none;
	border-right:solid 1px #DEDEDE;
}
.panel_cmd th.minus, td.minus{
	text-align:center;
	width:55px;
}
.panel_cmd th.last, td.last{
	border-right:none;
}

.panel_cmd tr.total_lignes td{
	background:#F0F1F1;
	border-color:#FFFFFF;
	font-weight:bold;
}

.panel_cmd tr.sous_total_lignes td{
	border-top:none;
}

#recherche input, select{
	font-weight:normal;
}

#recherche img{
	vertical-align:middle;
}
#form_recherche td{
	font-weight:bold;
	font-size:14px;
	padding:10px;
	padding-bottom:12px;
	padding-top:12px;
	vertical-align:middle;
}

#cadre_fiche #form_recherche td{
	padding-top:8px;
	font-size:12px;
	font-weight:normal;
}

#nav_boutique{
	height:33px;
	font-weight:bold;
	font-size:11px;
	color:#FFFFFF;
}

#nav_boutique a{
	text-decoration:none;
	color:#ffffff;
}
#nav_boutique a:hover{
	text-decoration:underline;
}

#nav_boutique .accueil{
	padding-top:4px;
	line-height:28px;
	width:66px;
	background:url(img/onglet_ciel.png) left top no-repeat;
	text-align:center;
	float:left;
	height:28px;
	border-bottom:solid 1px #adadae;
}
#nav_boutique .accueil_selected{
	background:url(img/onglet_ciel_selected.png) left top no-repeat;
	border-bottom:none; 
	height:29px;
	color:#333333;
}
#nav_boutique .accueil_selected a{
	color:#333333;
}

#nav_boutique .pi{
	padding-top:5px;
	line-height:12px;
	width:95px;
	background:url(img/onglet_vert.png) left top no-repeat;
	text-align:center;
	float:left;
	height:27px;
	border-bottom:solid 1px #adadae;
}
#nav_boutique .pi_selected{
	background:url(img/onglet_vert_selected.png) left top no-repeat;
	border-bottom:none; 
	height:29px;
	color:#333333;
}
#nav_boutique .pi_selected a{
	color:#333333;
}

#nav_boutique .cq{
	padding-top:4px;
	line-height:28px;
	width:115px;
	background:url(img/onglet_rouge2.png) left top no-repeat;
	text-align:center;
	float:left;
	height:28px;
	border-bottom:solid 1px #adadae;
}
#nav_boutique .cq_selected{
	background:url(img/onglet_rouge2_selected.png) left top no-repeat;
	border-bottom:none; 
	height:29px;
	color:#333333;
}
#nav_boutique .cq_selected a{
	color:#333333;
}
#nav_boutique .cq_selected a#APLink{
	color:#d1081d;
}


#nav_boutique .pm{
	padding-top:5px;
	line-height:12px;
	width:95px;
	background:url(img/onglet_bleu.png) left top no-repeat;
	text-align:center;
	float:left;
	height:27px;
	border-bottom:solid 1px #adadae;
}
#nav_boutique .pm_selected{
	background:url(img/onglet_bleu_selected.png) left top no-repeat;
	border-bottom:none; 
	height:29px;
	color:#333333;
}
#nav_boutique .pm_selected a{
	color:#333333;
}

#nav_boutique .cv{
	padding-top:5px;
	line-height:12px;
	width:101px;
	background:url(img/onglet_orange_1.png) left top no-repeat;
	text-align:center;
	float:left;
	height:27px;
	border-bottom:solid 1px #adadae;
}
#nav_boutique .cv_selected{
	background:url(img/onglet_orange_1_selected.png) left top no-repeat;
	border-bottom:none; 
	height:29px;
	color:#333333;
}
#nav_boutique .cv_selected a{
	color:#333333;
}

#nav_boutique .ph{
	padding-top:4px;
	line-height:28px;
	width:106px;
	background:url(img/onglet_gris.png) left top no-repeat;
	text-align:center;
	float:left;
	height:28px;
	border-bottom:solid 1px #adadae;
}
#nav_boutique .ph_selected{
	background:url(img/onglet_gris_selected.png) left top no-repeat;
	border-bottom:none; 
	height:29px;
	color:#333333;
}
#nav_boutique .ph_selected a{
	color:#333333;
}

#nav_boutique .rustine_gauche{
	padding-top:4px;
	padding-left:90px;
	line-height:29px;
	width:6px;
	background:url(img/onglet_rustine_gauche.png) right top no-repeat;
	text-align:center;
	float:left;
	height:29px;
	border-bottom:solid 1px #adadae;
	border-bottom:none;
}
#nav_boutique .rustine_droite{
	padding-top:4px;
	line-height:29px;
	width:37px;
	background:url(img/onglet_rustine_droite.png) left top no-repeat;
	text-align:center;
	float:left;
	height:29px;
	border-bottom:solid 1px #adadae;
	border-bottom:none;
}


.#nav_boutique .sel{
	border:none;
	height:29px;
}

.icone_gamme{
	float:left;
	margin-right:5px;
	width:55px;
}
.nav{
	height:55px;
	margin-bottom:8px;
}
.nav_pages{
	float:left;
	width:602px;
	height:57px;
}
.nav_pages .nombre{
	height:25px;
	line-height:24px;
	text-align:left;
	padding-left:8px;
	padding-right:8px;
	color:#FFFFFF;
	background:#BABF64;
	margin-bottom:1px;
}
.nav_pages .nombre .choix{
	float:right;
	}
*html .nav_pages .nombre .choix{
	padding-top:1px;
	}

.nav_pages .fs17{
	font-size:17px;
	font-weight:bold;
}

.nav_pages .pi{
	border-top:solid 3px #9DA423;
	background:#BABF64;
}
.nav_pages .pm{
	border-top:solid 3px #3b8dbe;
	background:#97b0c5;
}
.nav_pages .pcq{
	border-top:solid 3px #d43a41;
	background:#dc9283;
}
.nav_pages .ap{
	border-top:solid 3px #d43a41;
	background:#dc9283;
}
.nav_pages .cv{
	border-top:solid 3px #fad557;
	background:#f4e199;
}
.nav_pages .ph{
	border-top:solid 3px #adacaa;
	background:#cfceca;
}

.nav_pages .pages{
	height:26px;
	line-height:26px;
	text-align:center;
	background:#F0F1F2;
	font-weight:bold;

}

a.page_prec{
	background:url(img/fl_gauche.png) 0 3px no-repeat;
	padding-left:15px;
	padding-right:15px;
	font-weight:bold;
}
.nav_pages .pages a.page_prec{
	background:url(img/fl_gauche.png) 0 3px no-repeat;
	padding-left:15px;
	padding-right:15px;
}
.nav_pages .pages a.page_suiv{
	background:url(img/fl_droite.png) 99px 3px no-repeat;
	padding-left:15px;
	padding-right:15px;
}

.boutique_produit{
	width:317px;
	background:url(img/bg_produit.png) left top repeat-y;
	float:left;
	margin-top:10px;
	margin-right:12px;
}

.boutique_produit .top{
	background:url(img/panel_produit_top.png) left bottom no-repeat;
	height:10px;
	line-height:7px;
}

.boutique_produit .photo{
	width:120px;
	margin-right:2px;
	margin-left:4px;
	float:left;
	height:234px;
	overflow:hidden;
}

.boutique_produit .descriptif{
	width:176px;
	margin-left:134px;
}

.boutique_produit .descriptif .libelle{
	font-weight:bold;
	height:90px;
	overflow:hidden;
	font-size:12px;
	line-height:13px;
}

.boutique_produit .descriptif .libelle .reference{
	font-weight:normal; 
	font-size:11px;
}


.boutique_produit .descriptif .prix{
	font-weight:bold;
	color:#d1081d;
	font-size:14px;
	height:16px;
	overflow:hidden;
}
.boutique_produit .descriptif .quantite{
	color:#33333;
	height:28px;
	line-height:28px;
	margin-bottom:1px;
	background:#e8e8e8;
	padding-left:6px;
	padding-right:6px;
	margin-top:10px;
	vertical-align:middle;
	padding-bottom:2px;
}
*html .boutique_produit .descriptif .quantite{
	padding-top:3px;
	padding-bottom:0px;
}

.boutique_produit .descriptif .quantite input{
	width:30px;
	vertical-align:middle;
	line-height:30px;
}
.boutique_produit .descriptif .ajouter{
	color:#33333;
	padding:6px;
	padding-bottom:8px;
	background:#e8e8e8;
	vertical-align:middle;
}

.boutique_produit .bottom{
	background:url(img/panel_produit_bottom.png) left top no-repeat;
	height:10px;
	line-height:7px;
}

a.fleche{
	background:url(img/fleche_touge_transp.gif) 0 3px no-repeat;
	padding-left:15px;
	font-weight:bold;
	line-height:20px;
}

h3.fleche{
	background:url(img/fleche_touge_transp.gif) 0 5px no-repeat;
	padding-left:15px;
	font-weight:bold;
	line-height:20px;
	font-size:14px;
}
h3.rouge{
	font-weight:bold;
	line-height:20px;
	font-size:14px;
	color:#d52739;
	clear:both;
	padding:0px;
	margin:0px;
	padding-top:2px;
	padding-bottom:10px;
}


#panier #header_panier{
	width:663px;
	margin-top:12px;
	margin-bottom:16px;
	background:#f2f2f2 url(img/bg_etape1.png) left top no-repeat;
	height:28px;
	line-height:28px;
	}
	
#panier #header_panier td{
	text-align:center;
	vertical-align:top;
	width:200px;
	height:28px;
	color:#0b598c;
	font-weight:bold;
	font-size:18px;
}

#panier #header_panier td.etape{
	color:#FFFFFF;
}
#panier #header_panier td.etape_inutile{
	color:#999999;
}

#panier .panier{
	width:100%;
	margin-top:15px;
}

#panier .panier th{
	height:22px;
	vertical-align:middle;
}

#panier .panier td, th{
	text-align:left;
	padding-left:10px;
	padding-right:10px;
	width:80px;
	border-bottom:solid 1px #DEDEDE;
	border-right:solid 1px #DEDEDE;
	padding-top:6px;
	padding-bottom:6px;
}

#panier .panier td.libelle{
	width:300px;
}

#panier .panier td.frais_de_port{
	font-weight:bold;
	text-align:right;
	padding-top:10px;
	padding-bottom:10px;
	width:auto;
}

#panier .panier td.ligne_total{
	font-weight:bold;
	text-align:right;
	border-bottom:none;
	padding-top:10px;
	padding-bottom:10px;
	width:auto;
}


#panier .panier td.total, th.total{
	background:#F8F8F8;
	border-bottom:solid 1px #DEDEDE;
	border-top:none;
}
#panier .panier th.total{
	border-top:solid 1px #DEDEDE;
}

#panier .panier td.supprime, th.supprime{
	width:180px;
	font-weight:normal;
	border-right:none;
}

.le_choix{
	text-align:center;
	margin-top:20px;
	margin-bottom:20px;
}

.le_choix img{
	padding:10px;
}

.envoyer_ami{
	width:100%;
}
.envoyer_ami td{
	padding-bottom:6px;
	padding-top:2px;
	padding-right:4px;
}

.message_ok{
	margin-bottom:6px;
	color:#009933;
	font-weight:bold;
}

.v2009_envaleur{
	font-size:14px;
	line-height:16px;
}

#v2009 .rustine{
	height:26px;
	background:#fff;
}

ul.v2009{
	padding:0px;
	margin:0px;
	padding-left:18px;
	padding-top:1px;
	padding-bottom:1px;
}
ul.v2009 li{
	padding:0px;
	margin:0px;
	padding-top:6px;
	padding-bottom:6px;
	list-style:outside;
	list-style-image:url(img/fleche_touge_transp_li.gif);
}

#v2009 .v2009_home_tab{
	width:100%;
}
#v2009 .v2009_home_tab{
	width:100%;
}
#v2009 .v2009_home_tab td{
	width:50%;
	text-align:left;
	vertical-align:top;
	padding:0px 8px 0px 8px;
}

#swf_2009{	
	width:531px;
	height:263px;
	padding-top:3px;
	text-align:center;
	background:url(img/bg_swf_2009.png) left top no-repeat;
}

#v2009qui{
	width:100%;
}
#v2009qui td{
	text-align:left;
	vertical-align:top;
	padding:0px;
	width:auto;
}

.v2009_panel_degrade{
	background:url(img/bg_panel_deg2009.png) left bottom repeat-x;
	padding:10px 7px;
	float:left;
	margin-right:8px;
	width:270px;
}
.v2009_panel_degrade h1{
	margin-bottom:8px;
	margin-top:0px;
	padding-top:0px;
}
.v2009_panel_degrade img{
	float:left;
	margin-right:8px;
	margin-bottom:24px;
}
.fs10{
	font-size:10px;
	line-height:12px;
}
.fs11{
	font-size:11px;
	line-height:13px;
}
.fs12{
	font-size:12px;
	line-height:14px;
}
.v2009_home_tab .fs11{
	line-height:14px;
}
.v2009_home_tab .fs11 a{
	color: #333333;
}

.fs13{
	font-size:13px;
	line-height:15px;
}
.fs14{
	font-size:14px;
	line-height:16px;
}

.hr{ border-bottom:solid 1px #E9EBEA; margin-bottom:8px; }

ul, ol{
	padding:0px;
	margin-left:30px;
	margin-bottom:10px;
	margin-top:0px;
}

.approach_bg{
	background:url(../_img/approach/bg_approach.jpg) right top no-repeat;
	padding-top:20px;
}

.approach_menu_td{
	text-align:left;
	vertical-align:top;
	background:#E4E6E7;
	width:244px;
}

.approach_menu{
	width:100%;
}
.approach_menu_bg{
	background:url(../_img/approach/bg_menu_approach_table.jpg) left bottom no-repeat;
	padding-bottom:100px;
}
.approach_menu th a{
	background:none;
	padding:0px;
	color:#002b58;
}
.approach_menu th.rouge, .approach_menu th a.rouge{
	color:#d52739;
}
.approach_menu th{
	text-align:center;
	vertical-align:middle;
	background:url(../_img/approach/bg_menu_approach_th.png) left bottom repeat-x;
	font-size:14px;
	font-weight:bold;
	line-height:26px;width:100%;
	padding:0px;
	color:#002b58;
	margin:0px;
}
.approach_menu td{
	text-align:left;
	vertical-align:middle;
	font-size:12px;
	width:100%;
	padding:0px;
	color:#1f568f;
	padding-left:32px;
	border-top:solid 1px #A4B9CF;
	padding-top:3px;
	padding-bottom:3px;
}
.approach_menu td.TDover{
	background:#ddd;
}
.approach_menu a{
	color:#1f568f;
	text-decoration:none;
	background:url(img/fleche_touge_transp.gif) 0 3px no-repeat;
	padding-left:15px;
	line-height:20px;
}

.approach_menu a:hover{
	font-weight:bold;
	color:#d52739;
}
.approach_menu a.Aselected{
	font-weight:bold;
	color:#d52739;
}

.approach_col{
	background:url(../_img/approach/bg_col.png) left top repeat-y;
	padding-left:13px;
	vertical-align:top;
}

.approach li{ list-style-image: url(../_img/approach/tiret.gif); list-style-position: outside; padding-bottom: 10px; margin-left: -15px; margin-right: 20px;}

h3.fleche.approach{ color: #d52739; font-size: 24px; background:url(../_img/approach/red_arrow.gif) 0 6px no-repeat;}

.puce_approach{
	width:25px;
	height:25px;
	background:url(../_img/approach/puce.png) left top no-repeat;
	text-align:center;
	line-height:25px;
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
	float:left;
	margin-right:4px;
	margin-top:-3px;
	padding-left:1px;
}

/*#sol{width: 360px;}*/
#sol span{color: #d52739;}
#sol p{ margin-left: 3px;}
#sol img{ float: right; margin-left: 3px; margin-right: 35px; margin-top: -35px; padding-bottom: 60px;}

#qui_s_n
{
    background: url(img/qui-sommes-nous/bg_qui.jpg) #FFFFFF center bottom no-repeat;
    width: 889px;
    height: 685px;
    padding-top: 25px;
    text-align: center;
}

#qui_s_n div{float: left; text-align: left; margin-top: 40px; margin-right: 30px;}
#qui_s_n #qui_s_n_col1{width: 244px; margin-left: 10px;}
#qui_s_n #qui_s_n_col2{width: 264px;}
#qui_s_n #qui_s_n_col3{width: 284px; margin-right: 0px}

#qui_s_n div p{padding-left: 30px;}

#qui_s_n h3{ font-size: 13px; margin-bottom: 5px; padding-left: 30px; background:url(../_img/approach/red_arrow.gif) 15px 3px no-repeat;}

#qui_s_n h1{margin-bottom: 25px;}

.rouge{color:#d52739;}