/*  -------------------------------------------------------------------------------------------------------------------------------------------------- 
    |					 			BOXMEDIA CSS								         |
     ---------------------------------------------------------------------------------------------------------------------------------------------------  */

html, body
{
	padding: 0;
	margin: 0;
	background: #ffffff url(img/bg.jpg) repeat-x center top;
	font: 14px "Trebuchet MS", Verdana, sans-serif;
	color: #3f3f3f;
	text-align: center;
	voice-family: "\"}\""; 
	voice-family:inherit;
}

div#container
{
	margin-left: auto;
	margin-right: auto;
	width: 858px;
}

div#title
{
	margin-left: auto;
	margin-right: auto;
	padding-top: 34px;
	width: 820px;
	height: 57px;
	text-align: left;
}

img
{
	border: none;
}

/* ////////////////////////////////////                     MENU                       //////////////////////////////////////// */
div#menubox
{
	margin-left: auto;
	margin-right: auto;
	width: 858px;
	height: 47px;
}

	div#mb_leftcorner
	{
		width: 26px;
		height: 47px;
		float: left;
		background: transparent url(img/topwin_lcorner.gif) no-repeat left bottom;
	}

	div#mb_middle
	{
		width: 806px;
		height: 47px;
		float: left;
	}
	
	div#mb_onglets
	{
		width: 806px;
		height: 38px;
		background: transparent url(img/topwin_shadow.gif) repeat-x bottom;
		font-weight: bold;
		color: #b1b1b1;
	}
	
		div#mb_onglets ul
		{
		    margin: 0;
		    padding: 0;
		    list-style: none;
			float: right;
	    }
		
		div#mb_onglets li
		{
		    height: 38px;
			float: left;
		    margin: 0;
			background: transparent url(img/longlet.gif) no-repeat right bottom;
			padding-right: 15px;
	    }
		
		div#mb_onglets a {
			float:left;
			height: 24px;
		    display: block;
			background: transparent url(img/corneronglet.gif) no-repeat left bottom;
			padding-left: 15px;
			padding-top: 14px;
			text-decoration: none;
			color: #b1b1b1;
	    }
		
		/* Le hack de l'antislash commenté
		     cache cette règle à IE5-Mac \*/
		div#mb_onglets a { float: none; }
		/* End IE5-Mac hack */
		
		div#mb_onglets #current
		{
			background: transparent url(img/active_longlet.gif) no-repeat right bottom;
		}
		
		div#mb_onglets #current a
		{
			background: transparent url(img/active_corneronglet.gif) no-repeat left bottom;
		}
	
	div#mb_white
	{
		width: 806px;
		height: 9px;
		background-color: #ffffff;
	}

	div#mb_rightcorner
	{
		width: 26px;
		height: 47px;
		float: left;
		background: transparent url(img/topwin_rcorner.gif) no-repeat left bottom;
	}
/* \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\                    MENU (END)                  \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ */

div#window
{
	width: 858px;
	height: 318px;
}

/* ////////////////////////////////////                     CONTENT                      ///////////////////////////////////////// */
div#content, div#etapes_content
{
	width: 858px;
}

div#content_top
{
	width: 858px;
	padding-top: 10px;
}

div#page_title
{
	width: 243px;
	float: left;
	padding-left: 57px;
	text-align: left;
}

div#page_title h1
{
	margin: 0;
	font-size: 20px;
	font-weight: normal;
}

div#submenu
{
	width: 501px;
	float: left;
	text-align: right;
	padding-right: 57px;
	font-size: 11px;
}

a
{
	color: #dd1e1e;
}

/* ////////////////////////////////////                 PAGE: ACCUEIL                ///////////////////////////////////////// */
div#leftCol
{
	float: left;
	width: 289px;
	margin-right: 10px;
	text-align: left;
	font-size: 15px;
}

	div#colTitle_left
	{
		width: 232px;
		height: 31px;
		padding-top: 17px;
		padding-left: 57px;
	}
	
	.llist
	{
		width: 214px;
		padding-left: 75px;
		margin-top: 4px;
		vertical-align: top;
	}
		
	.puce
	{
		float: left;
		width: 20px;
		height: 18px;
		text-align: center;
	}

	.ltxt
	{
		float: left;
		width: 194px;
	}

div#middleCol
{
	float: left;
	width: 260px;
	margin-right: 10px;
	text-align: left;
	font-size: 15px;
}

	div#colTitle_middle
	{
		width: 230px;
		height: 31px;
		padding-top: 17px;
		padding-left: 30px;
	}
	
	.mlist
	{
		width: 212px;
		margin-top: 4px;
		padding-left: 48px;
		vertical-align: top;
	}
	
	.mtxt
	{
		float: left;
		width: 192px;
	}

div#rightCol
{
	float: left;
	width: 284px;
	padding-top: 17px;
	padding-left: 5px;
}

div#etape_left
{
	float: left;
	width: 289px;
	margin-right: 10px;
	text-align: right;
}

div#etape_middle
{
	float: left;
	width: 260px;
	margin-right: 10px;
	text-align: right;
}

div#etape_right
{
	float: left;
	width: 289px;
	text-align: left;
}

.etapes_left
{
	float: right;
	width: 260px;
	text-align: center;
}

div#etapes_right
{
	float: left;
	width: 260px;
	text-align: center;
}

/* \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\          PAGE:ACCUEIL (END)            \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ */

/* ///////////////////////////                    PAGE: CATALOGUE                                   ////////////////////////////////// */

#catmodel
{
	margin-left: auto;
	margin-right: auto;
	width: 600px;
	border: none;
	text-align: center;
}

#catmodel td
{
	border: none;
	text-align: center;
	vertical-align: bottom;
}

#catmodel h2
{
	font-size: 24px;
	font-weight: normal;
	margin: 0;
	color: #ff6634;
}

#catmodel a
{
	text-decoration: none;
	color: #3f3f3f;
}

#catmodel img
{
	border: none;
}

.catalogue
{
	margin-left: auto;
	margin-right: auto;
	border: none;
	width: 750px;
	text-align: left;
}

.catalogue td
{
	border: 0;
}

.catalogue th
{
	border: 0;
	font-size: 15px;
}

.catinfo
{
	margin-left: auto;
	margin-right: auto;
	width: 350px;
	border: none;
	font-size: 11px;
	border-collapse: separate;
}

.catinfo td
{
	border: none;
	background-color: #ffff99;
}

.catinfo th
{
	border: none;
	font-size: 11px;
	background-color: #f2f2f2;
}

.submenu_tab
{
	margin: 0;
	width: 400px;
	border: none;
	text-align: left;
}

.submenu_tab td
{
	border: none;
}
/* ///////////////////////////                    PAGE: CATALOGUE (END)                         ////////////////////////////////// */

/* ///////////////////////////                    PAGE: COMMANDE                                   ////////////////////////////////// */

#commandetab
{
	margin-left: auto;
	margin-right: auto;
	width: 714px;
	border: none;
}

#commandetab td
{
	border: none;
}

#commandetab th
{
	border: none;
	font-size: 18px;
	font-weight: normal;
}

#tarifstab
{
	margin-left: auto;
	margin-right: auto;
	width: 714px;
	border: none;
}

#tarifstab td
{
	border: none;
}

#tarifstxt
{
	margin-left: auto;
	margin-right: auto;
	width: 644px;
	border: none;
	font-size: 20px;
	color: #ffffff;
	text-align: left;
}

#tarifstxt td
{
	border: none;
}

.rabaistxt
{
	font-size: 24px;
	font-weight: bold;
}

/* ///////////////////////////                    PAGE: COMMANDE (END)                          ////////////////////////////////// */

/* ///////////////////////////                    PAGE: COMMANDE EN LIGNE                   ////////////////////////////////// */

table {
	border: 3px solid #000000;
	border-collapse: collapse;
	width: 750px;
	text-align: center;
}

td {
	border-right: 1px solid #000000;
}

th {
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
}

.remise
{
	color: #00CC00;
}

#clientinfo
{
	margin-left: auto;
	margin-right: auto;
	border: none;
	width: 500px;
	text-align: left;
}

#clientinfo td
{
	border: none;
}

.clientinfo_col
{
	margin-left: auto;
	margin-right: auto;
	border: none;
	width: 250px;
	text-align: left;
}

.clientinfo_col td
{
	height: 25px;
	border: none;
}

#clientinfo_confirm
{
	margin-left: auto;
	margin-right: auto;
	border: none;
	width: 750px;
	text-align: left;
	vertical-align: top;
}

#clientinfo_confirm td
{
	border: none;
}

.confirmtable
{
	margin-left: auto;
	margin-right: auto;
	border: none;
	width: 750px;
	text-align: right;
}

.confirmtable td
{
	border:  none;
}

.msg
{
	margin-left: auto;
	margin-right: auto;
	border: none;
	width: 481px;
	text-align: center;
	color: white;
	font-size: 15px;
	font-weight: bold;
}

.msg td
{
	border: none;
}

.beneftab
{
	margin-left: auto;
	margin-right: auto;
	border: none;
	width: 461px;
	text-align: left;
	color: white;
}

.beneftab td
{
	border: none;
}

#produitstab
{
	margin-left: auto;
	margin-right: auto;
}

.etapes_commande
{
	margin-left: auto;
	margin-right: auto;
	width: 250px;
	border: none;
	font-size: 14px;
	text-align: center;
}

.etapes_commande td
{
	border: none;
}

.etape_on
{
	color: #999999;
}

.etape_off
{
	color: #ececec;
}

.mail_statut
{
	margin-left: auto;
	margin-right: auto;
	width: 500px;
	border: none;
	font-size: 14px;
	text-align: left;
}

.mail_statut td
{
	border: none;
}

/* ///////////////////////////             PAGE: COMMANDE EN LIGNE (END)                 ////////////////////////////////// */

/* \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\                CONTENT (END)                \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ */

/* ///////////////////////////                    PAGE: CONTACT                   ////////////////////////////////// */

.contact_tab
{
	margin-left: auto;
	margin-right: auto;
	width: 400px;
	border: none;
	text-align: left;
}

.contact_tab td
{
	border: none;
}

/* ///////////////////////////                    PAGE: CONTACT (END)                   ////////////////////////////////// */

/* ////////////////////////////////////                     FOOTER                              ///////////////////////////////////////// */
div#footer_topshadow
{
	width: 100%;
	height: 17px;
	background: transparent url(img/footer_topshadow.gif) repeat-x left bottom;
}

div#footer_box
{
	width: 100%;
	background: #4d4d4c url(img/footer_boxbg.gif) repeat-x left top;
}

div#footer_content
{
	margin-left: auto;
	margin-right: auto;
	width: 818px;
}

div#footer_titles
{
	width: 818px;
	height: 26px;
	color: #ffffff;
	font-size: 15px;
	text-align: left;
	padding-top: 20px;
}

div#footer_titlecontact
{
	width: 540px;
	height: 26px;
	padding-left: 30px;
	float: left;
}

div#footer_titleclient
{
	width: 248px;
	height: 26px;
	float: left;
}

div#footer_boxescontainer
{
	width: 818px;
	height: 150px;
}

div#footer_boxcontact1
{
	width: 235px;
	height: 125px;
	float: left;
	margin-left: 22px;
	margin-right: 36px;
	color: #353635;
	text-align: left;
	font-size: 14px;
	background: #a1d545 url(img/footer_boxcontact1.gif) no-repeat left top;
}

	div#footer_boxcontact1 p
	{
		width: 205px;
		margin-top: 26px;
		margin-left: 15px;
		padding: 0;
	}

div#footer_boxcontact2
{
	width: 235px;
	height: 99px;
	float: left;
	margin-right: 36px;
	padding-top: 26px;
	color: #333333;
	font-size: 14px;
	text-align: left;
	background: #ffffff url(img/footer_boxcontact2.gif) no-repeat left top;
}
	
	.footer_table
	{
		width: 205px;
		margin-left: 20px;
	}
	
	.footer_icon
	{
		width: 20px;
		height: 11px;
		float: left;
		text-align: center;
		vertical-align: middle;
	}
	
	.footer_lefttxt
	{
		width: 45px;
		float: left;
	}
	
	.footer_righttxt
	{
		width: 140px;
		float: left;
	}
	
	div#footer_boxcontact2 a
	{
		text-decoration: none;
		color: #dd1e1e;
	}

div#footer_boxclient
{
	width: 235px;
	height: 125px;
	float: left;
	color: #ffffff;
	background: #e21919 url(img/footer_boxclient.gif) no-repeat left top;
}

div#footer_boxcopy
{
	width: 818px;
	height: 35px;
	font-size: 12px;
	color: #4d4d4d;
	text-align: left;
	background: #ffffff url(img/footer_copybg.gif) repeat-x left top;
}

.footer_copyborder
{
	width: 6px;
	height: 35px;
	float: left;
}

div#footer_copymenu
{
	width: 484px;
	height: 24px;
	float: left;
	padding-top: 11px;
	padding-left: 16px;
}

div#footer_copymenu a
{
	text-decoration: none;
	color: #4d4d4d;
}

div#footer_copytxt
{
	width: 306px;
	height: 24px;
	float: left;
	padding-top: 11px;
	color: #b1b1b1;
}

.gray
{
	color: #e0e0e0;
}
/* ////////////////////////////////////                    FOOTER (END)                      ///////////////////////////////////////// */