body
{
	margin:					0;
	padding:				0;
	background-image:		url(../img/body_bg.jpg);
	background-repeat:		repeat-x;
	background-position:	left top;
	background-color:		#FFFFFF;
	height:					100%;
	font-size:				12px;
	font-family:			Arial, Helvetica, sans-serif;
	color:					#556c7e;
}

span {
	color:					#ea5712;
	font-weight:			bold;
}

/****************************************************************************************/
/*		BTN																				*/
/****************************************************************************************/

	a.btn {	
		display:				block;
		background-repeat:		no-repeat;
		background-position:	left top;
		font-size:				12px;
		color:					#ffffff;
		text-align:				center;
		height:					19px;
		padding-top:			6px;
		//height:				21px;
		//padding-top:			4px;
	}

	a.btn:hover {
		background-position:	left bottom;
		color:					#ea5712;
	}

	a.btn.btn_110 {
		width:					110px;
		background-image:		url( ../img/btn_110.png );
	}

	a.btn.btn_110_b {
		width:					110px;
		background-image:		url( ../img/btn_110_b.png );
	}

	a.btn.btn_90 {
		width:					90px;
		background-image:		url( ../img/btn_90.png );
	}

/****************************************************************************************/
/*		HEADER HOME																		*/
/****************************************************************************************/

	#header_home {
		width:					100%;
		height:					45px;
		margin:					0px;
		padding:				0px;
		background-repeat:		no-repeat;
		background-position:	center -8px;
		background-image:		url( ../img/header_home.png );
	}

	#header_home ul {
		width:					333px;
		height:					33px;
		margin:					0 0 0 218px;
		padding:				4px 0 0 0;
		list-style:				none;
	}

	#header_home ul > li {
		float:					left;
		height:					25px;
		background-repeat:		no-repeat;
		background-position:	right center;
		background-image:		url( ../img/li_separ.png );
	}

	#header_home ul > li.no_separ {
		background-image:		none;
	}

	#header_home ul > li > a {
		text-transform:			uppercase;
		font-size:				11px;
		height:					21px;
		padding:				0 16px;
		padding-top:			7px;
		//height:				23px;
		//padding-top:			5px;
		display:				block;
		color:					#ffffff;
	}

	#header_home ul > li > a:hover {
		color:					#ea5712;
	}

	#header_home a.demo {
		position:				absolute;
		right:					234px;
		top:					5px;
	}

	div#tarif {
		width:					160px;
		height:					160px;
		background-repeat:		no-repeat;
		background-position:	left top;
		background-image:		url( ../img/tarif.jpg );
		position:				absolute;
		right:					29px;
		top:					5px;
	}

/****************************************************************************************/
/*		HEADER																			*/
/****************************************************************************************/

	#header {
		width:					100%;
		height:					245px;
		margin:					0px;
		padding:				0px;
		background-repeat:		no-repeat;
		background-position:	625px -9px;
		background-image:		url( ../img/header.png );
	}

	#header a.demo {
		position:				absolute;
		right:					85px;
		top:					118px;
	}
	
	#header a.espace {
		position:				absolute;
		right:					85px;
		top:					5px;
	}

	#header ul.top {
		position:				absolute;
		top:					166px;
		left:					30px;
		width:					821px;
		height:					49px;
		margin:					0;
		padding:				10px 0 0 50px;
		list-style:				none;
		background-repeat:		no-repeat;
		background-position:	left top;
		background-image:		url( ../img/menu_bg.png );
	}

	#header ul.top > li {
		float:					left;
		height:					25px;
		background-repeat:		no-repeat;
		background-position:	right center;
		background-image:		url( ../img/li_separ.png );
	}

	#header ul.top > li.no_separ {
		background-image:		none;
	}

	#header ul.top > li > a {
		text-transform:			uppercase;
		font-size:				11px;
		height:					21px;
		padding:				0 16px;
		padding-top:			7px;
		//height:				23px;
		//padding-top:			5px;
		display:				block;
		color:					#ffffff;
	}

	#header ul.top > li > a:hover {
		color:					#ea5712;
	}
	
	#header ul.onglet {
		position:				absolute;
		top:					170px;
		left:					400px;
		width:					403px;
		height:					27px;
		margin:					0;
		padding:				10px 0 0 0;
		list-style:				none;
	}

	#header ul.onglet > li {
		float:					left;
		height:					27px;
		padding-left:			22px;
		background-repeat:		no-repeat;
		background-position:	left top;
		background-image:		url( ../img/li_onglet_left.png );
	}

	#header ul.onglet > li > a {
		font-size:				14px;
		height:					20px;
		padding:				7px 20px 0 8px;
		//height:				22px;
		//padding-top:			5px;
		display:				block;
		color:					#12456b;
		background-repeat:		no-repeat;
		background-position:	right top;
		background-image:		url( ../img/li_onglet_right.png );
	}
	
	#header ul.onglet > li:hover {
		background-position:	left bottom;
	}

	#header ul.onglet > li > a:hover {
		background-position:	right bottom;
		color:					#ea5712;
	}

	#header ul.onglet > li.selected {
		background-position:	left bottom;
	}

	#header ul.onglet > li.selected > a {
		background-position:	right bottom;
		color:					#ea5712;
	}

/****************************************************************************************/
/*		WRAPPERS																		*/
/****************************************************************************************/

	div.wrapper {
		position:				relative;
		width:					875px;
		min-height:				100%;
		padding:				0;
		margin-top:				0;
		margin-bottom:			-195px;
		margin-right:			auto;
		margin-left:			auto;
		background-repeat:		no-repeat;
		background-position:	center top;
	}

	div.wrapper.home {
		background-image:		url( ../img/wrapper_home_bg.jpg );
	}

	div.wrapper {
		background-image:		url( ../img/wrapper_bg.jpg );
	}

/****************************************************************************************/
/*		ACCUEIL																			*/
/****************************************************************************************/

	div#contentZone {
		margin-top:				392px;
		margin-bottom:			100px;
		width:					875px;
		height:					265px;
		//height:				275px;
		overflow:				hidden;
		position:				relative;
	}

	div.zone {	
		width:					272px;
		position:				relative;
		left:					875px;
		top:					0;
		float:					left;
	}

	div.zone table {
		background-repeat:		no-repeat;
		background-position:	left 7px;
		background-image:		url( ../img/puce_h1.gif );
		border-bottom:			1px dotted #556c7e;
	}

	div.zone div {
		width:					272px;
		height:					27px;
	}

	div.zone h1 {
		height:					23px;
		color:					#ea5712;
		font-weight:			bold;
		font-size:				17px;
		padding-left:			15px;
		padding-top:			2px;
		//height:				25px;
		//padding-top:			0px;
	}

	div.zone h1 table {
		width:					auto;
	}

	div.zone h2 {
		color:					#ea5712;
		font-size:				24px;
		font-weight:			normal;
		margin:					15px 0;
	}

	div.zone p {
		text-align:				justify;
		padding:				0;
		margin:					0;
	}

	div.zone a.savoir {
		margin-left:			-2px;
		margin-top:				30px;
		height:					18px;
		padding-top:			7px;
		//height:				20px;
		//padding-top:			5px;
	}

	div.zone a.savoir:hover {
		background-position:	left bottom;
	}

/****************************************************************************************/
/*		CONTENEUR PRINCIPAL																*/
/****************************************************************************************/

	div.ppal {
		width:					883px;
		position:				relative;
		margin-top:				-41px;
		margin-bottom:			35px;
	}

	div.ppal_top {
		height:					59px;
		position:				relative;
		background-repeat:		no-repeat;
		background-position:	left top;
		background-image:		url( ../img/ppal_top.png );
	}

	div.ppal_center {
		height:					100%;
		background-repeat:		repeat-y;
		background-position:	left top;
		background-image:		url( ../img/ppal_center.png );
	}

	div.ppal_bottom {
		height:					20px;
		background-repeat:		no-repeat;
		background-position:	left top;
		background-image:		url( ../img/ppal_bottom.png );
	}

	div.ppal_content {
		position:				relative;
		margin-top:				-35px;
		min-height:				273px;
		background-repeat:		no-repeat;
		background-position:	25px top;
		background-image:		url( ../img/ppal_content.png );
	}

	div.ppal_bloc {
		float:					left;
		width:					627px;
		margin-left:			-1px;
	}

	div.ppal_bloc h1 {
		font-size:				24px;
		color:					#ea5712;
		margin-top:				20px;
		margin-left:			26px;
	}

	div.ppal_text {
		border-left:			1px solid #cfd8df;
		padding-left:			20px;
		background-color:		#FFFFFF;
		padding-bottom:			20px;
		float:					left;
		min-height:				400px;
	}

	div.ppal_text_top {
		margin-top:				45px;
		height:					15px;
		background-repeat:		no-repeat;
		background-position:	left top;
		background-image:		url( ../img/ppal_text_top.png );
	}

	div.ppal_text_bottom {
		margin-bottom:			20px;
		height:					15px;
		background-repeat:		no-repeat;
		background-position:	left top;
		background-image:		url( ../img/ppal_text_bottom.png );
	}

	div.ppal_text div.part {
		float:					left;
		width:					260px;
		padding-top:			20px;
		padding-right:			30px;
		padding-left:			10px;
	}

	div.ppal_text div.part h2 {
		font-size:				14px;
		color:					#ea5712;
	}

	div.ppal_text div.part p {
		font-size:				11px;
		text-align:				justify;
	}

	div.ppal_libre {
		position:				relative;
		margin-top:				-35px;
		min-height:				427px;
		background-repeat:		no-repeat;
		background-position:	40px 20px;
		background-image:		url( ../img/ppal_libre.png );
		padding-left:			290px;
		padding-right:			40px;
		padding-bottom:			40px;
	}

	div.ppal_libre.une_boutique {	background-image: url( ../img/ppal_une_boutique.jpg ); }
	div.ppal_libre.moindre_cout {	background-image: url( ../img/ppal_moindre_cout.jpg ); }
	div.ppal_libre.contact {		background-image: url( ../img/ppal_contact.jpg ); padding-left: 30px; background-position:20px 113px;//background-position:20px 138px;}
	div.ppal_libre.exemples {		background-image: none; padding-left: 30px; }

	div.ppal_libre h1 {
		font-size:				24px;
		color:					#ea5712;
		margin-top:				20px;
		padding-bottom:			40px;
		border-bottom:			1px dotted #cfd8df;
	}

	div.ppal_libre.exemples h1 {	border-bottom: 0px; }

	div.ppal_libre div.paragraphe {
		 margin-top:			30px;
	}

	div.ppal_libre div.paragraphe.right {
		 float:					right;
		 margin-top:			0;
		 margin-right:			-16px;
	}

	div.ppal_libre div.paragraphe.left {
		width:					260px;
	}

	div.ppal_libre div.paragraphe.first {
		 margin-top:			249px;
	}
	
	div.ppal_libre div.paragraphe.bottom {
		 margin-top:			90px;
	}

	div.ppal_libre div.paragraphe h2 {
		font-size:				14px;
		color:					#ea5712;
	}

	div.ppal_libre div.paragraphe p {
		font-size:				12px;
		text-align:				justify;
		padding-right:			0;
	}


/****************************************************************************************/
/*		EXEMPLES ONGLET																	*/
/****************************************************************************************/

	div.ppal_libre.exemples ul.onglet {
		width:					802px;
		height:					16px;
		margin:					0;
		margin-bottom:			20px;
		padding:				0 0 0 15px;
		list-style:				none;
		border-bottom:			1px dotted #95acbf;
	}

	div.ppal_libre.exemples ul.onglet > li {
		float:					left;
		width:					83px;
		height:					17px;
		margin-top:				-1px;
		padding-left:			24px;
		background-repeat:		no-repeat;
		background-position:	left bottom;
		background-image:		url( ../img/exemples_onglet.gif );
	}
	
	div.ppal_libre.exemples ul.onglet > li.selected {
		background-position:	left top;
		margin-top:				0px;
	}

	div.ppal_libre.exemples ul.onglet > li > a {
		font-size:				10px;
		height:					12px;
		padding:				4px 0 0 0;
		//height:				14px;
		//padding-top:			2px;
		display:				block;
		color:					#95acbf;
		text-transform:			uppercase;
	}

	div.ppal_libre.exemples ul.onglet > li > a:hover {				color: #12456B; }
	div.ppal_libre.exemples ul.onglet > li.selected > a:hover {		color: #95acbf; }
	

/****************************************************************************************/
/*		MENU																			*/
/****************************************************************************************/

	ul.menu {
		width:					215px;
		height:					352px;
		margin:					140px 0 0 38px;
		padding:				0;
		list-style:				none;
		background-repeat:		no-repeat;
		background-position:	left top;
		background-image:		none;
		border-bottom:			1px solid #cfd8df;
		position:				relative;
		float:					left;
	}

	ul.menu > li {
		background-repeat:		repeat-y;
		background-position:	right top;
		background-image:		url( ../img/menu_li_bg.png );
		border-top:				1px solid #cfd8df;
		border-right:			1px solid #cfd8df;
	}

	ul.menu > li:hover {
		background-image:		url( ../img/menu_li_bg_h.png );
	}

	ul.menu > li.selected {
		background-image:		url( ../img/menu_li_bg_h.png );
		border-right:			1px solid #ffffff;
	}

	ul.menu > li > a {
		text-transform:			uppercase;
		font-size:				12px;
		height:					32px;
		padding-right:			35px;
		padding-left:			53px;
		padding-top:			11px;
		padding-bottom:			0px;
		//height:				35px;
		//padding-top:			8px;
		display:				block;
		color:					#556c7e;
		background-repeat:		no-repeat;
		background-position:	-5px 2px;
	}

	ul.menu > li > a:hover {
		color:					#ea5712;
		background-position:	-5px -40px;
	}

	ul.menu > li.selected > a {
		color:					#ea5712;
		background-position:	-5px -40px;
	}

	ul.menu > li > a#produits {			background-image: url( ../img/m_produits.png ); }
	ul.menu > li > a#commandes {		background-image: url( ../img/m_commandes.png ); }
	ul.menu > li > a#livraison {		background-image: url( ../img/m_livraison.png ); }
	ul.menu > li > a#clients {			background-image: url( ../img/m_clients.png ); }
	ul.menu > li > a#paiements {		background-image: url( ../img/m_paiements.png ); }
	ul.menu > li > a#hebergement {		background-image: url( ../img/m_hebergement.png ); }
	ul.menu > li > a#referencement {	background-image: url( ../img/m_referencement.png ); }
	ul.menu > li > a#parametrage {		background-image: url( ../img/m_parametrage.png ); }


/****************************************************************************************/
/*		FOOTER																			*/
/****************************************************************************************/
		
	#clearfooter {
		clear:					both;
		height:					195px;
	}

	#footer {
		position:				absolute;
		width:					100%;
		height:					180px;
		padding:				0px;
		margin:					0px;
		background-color:		#0d395b;
		border-top:				15px solid #fc8000;
	}

	#footer div.content {
		width:					865px;
		margin:					0 auto;
	}

	#footer div.content a.jdg {
		width:					233px;
		height:					107px;
		display:				block;
		float:					right;
		background-repeat:		no-repeat;
		background-position:	left top;
		background-image:		url( ../img/logo_jdg.png );
		margin-top:				-15px;
	}

	#footer div.content ul {
		margin:					15px 160px 0 0;
		padding:				0;
		list-style:				none;
		float:					left;
	}
	#footer div.content ul li{
		background-repeat:		no-repeat;
		background-position:	left 2px;
		background-image:		url( ../img/puce.gif );
		padding:				0 0 0 20px;
		margin:					0 15px 2px 0;
	}
	#footer div.content ul li a {
		color:					#ffffff;
		font-size:				11px;
	}
	#footer div.content ul li:hover {
		background-position:	left -11px;
	}
	#footer div.content ul li a:hover {
		color:					#ea5712;
	}

/********************************************************/
/*		CONTACT											*/
/********************************************************/

	table.contact {
		margin-top:				50px;
		margin-left:			22px;
		width:					510px;
	}

	table td.label {
		vertical-align:			middle;
		width:					120px;
	}

	table div#infosPlus td.label {
		width:					344px;
	}

	table td.label.mini {
		width:					56px;
	}

	table td.label span {
		color:					#EA5712;
	}

	table span.label {
		color:					#556C7E;
	}

	table div.label {
		padding-bottom:			10px;
		margin-top:				10px;
	}

	div.ppal_libre div.paragraphe p.contact {
		margin-top:				10px;
	}

	div.ppal_libre div.paragraphe h2.contact {
		font-size:				12px;
	}

/********************************************************/
/*		MESSAGES : ERREURS / INFOS / VALIDES			*/
/********************************************************/	
	
	div.error {								position: absolute; width: 229px; z-index: 1000; }
	div.error_top {							background-position: left top; background-repeat: no-repeat; background-image: url( ../img/error/error_top.png ); height: 38px; }
	div.error_middle {						background-position: left top; background-repeat: repeat-y; background-image: url( ../img/error/error_middle.png ); padding: 10px 15px; text-align: left; }
	div.error_bottom {						background-position: left top; background-repeat: no-repeat; background-image: url( ../img/error/error_bottom.png ); height: 10px;}
	div.error_middle div.msg {				color: #ffffff; font-weight: bold; font-size: 12px; font-style: italic; }

	div.alerte {							margin-top:-20px; margin-bottom:10px; }
	div.alerte_left,
	div.alerte_center,
	div.alerte_right {						float: left; height: 80px; background-position: left top; }
	div.alerte_left {						width: 95px; background-repeat: no-repeat; }
	div.alerte_center {						width: 425px; background-repeat: repeat-x; }
	div.alerte_right {						width: 33px; background-repeat: no-repeat; }

	div.alerte table {						height: 100%; }
	div.alerte table td {					vertical-align: middle; font-size: 13px; font-weight: bold; color: #ffffff; }
	div.alerte table td span {				font-size: 18px; }

	div.alerte.valide div.alerte_left {		background-image: url( ../img/error/alerte_valide_left.gif ); }
	div.alerte.valide div.alerte_center{	background-image: url( ../img/error/alerte_valide_center.gif ); }
	div.alerte.valide div.alerte_right {	background-image: url( ../img/error/alerte_valide_right.gif ); }

	div.alerte.info div.alerte_left {		background-image: url( ../img/error/alerte_info_left.gif ); }
	div.alerte.info div.alerte_center{		background-image: url( ../img/error/alerte_info_center.gif ); }
	div.alerte.info div.alerte_right{		background-image: url( ../img/error/alerte_info_right.gif ); }

	div.alerte.erreur div.alerte_left {		background-image: url( ../img/error/alerte_erreur_left.gif ); }
	div.alerte.erreur div.alerte_center {	background-image: url( ../img/error/alerte_erreur_center.gif ); }
	div.alerte.erreur div.alerte_right {	background-image: url( ../img/error/alerte_erreur_right.gif ); }


/****************************************************************************************/
/*		cufon																			*/
/****************************************************************************************/

	.cufon-loading ul.menu > li > a,
	.cufon-loading div.ppal_bloc h1,
	.cufon-loading div.ppal_text div.part h2,
	.cufon-loading #header ul.top > li > a,
	.cufon-loading #header ul.onglet > li > a,
	.cufon-loading a.btn,
	.cufon-loading div.ppal_libre div.paragraphe h2,
	.cufon-loading div.ppal_libre h1,
	.cufon-loading div.ppal_libre.exemples ul.onglet li a {
		visibility: hidden !important; 
	}