html
{	height: 100%;
}

body.login
{	width:100%;
	min-height: 100%;
	margin: 0 auto;
	padding: 0;
	font-family : latoregular, Verdana, Arial, Helvetica, sans-serif;
	font-size : 12px;
	line-height : 1.25em;	
	color:#5f5f5f;
	text-align:center;	
	background-image:url(../../images/LoginBackgroundBottom.jpg), url(../../images/LoginBackground.jpg);
	background-repeat:repeat-x, repeat;
	background-position: bottom left, top left;
	background-color:#FFF;	
	 
}

body
{	width:100%;
	min-height: 100%;
	margin: 0 auto;
	padding: 0;
	font-family : latoregular, Verdana, Arial, Helvetica, sans-serif;
	font-size : 12px;
	line-height : 1.25em;	
	color:#5f5f5f;
	text-align:center;		
	background-image:  url(../../images/BackgroundLeft.png), url(../../images/BackgroundContent.png), url(../../images/BackgroundBodyMain.jpg);
	background-repeat:  no-repeat, repeat-y, repeat;
	background-position: bottom center, top center, top left;
	background-attachment:fixed, scroll, scroll;
	background-color:#FFF;	
	
	
	

}

font[color=red]
{	color:#af0917;
}

a
{	color:#af0917;
	font-weight:normal;
	text-decoration:none;
}

a:hover
{	color:#5f5f5f;
	cursor:pointer;
}

table.promo a,
table.sortable a,
table.retour a,
table#tar a,
table#hist a
{	color:#5f5f5f;
}

table.promo a:hover,
table.sortable a:hover,
table.retour a:hover,
table#tar a:hover,
table#hist a:hover
{	color:#af0917;
}

h2
{	font-size:20px;
	line-height:1.5em;
	font-family:latoregular, Verdana, Arial, Helvetica, sans-serif;
	color:#af0917;
	font-weight:normal;
	margin:15px 0px 0px 0px;
}

h3
{	font-size:12px;
	line-height:1.25em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#5f5f5f;
	font-weight:normal;
}

.clear
{	clear:both;
}

/*
input[type=button],
input[type=submit]
{	width:100px;
	height:24px;
	display:inline;
	line-height:24px;
	background:transparent url(../../images/ButtonBackground.jpg) no-repeat top left;
	color : #FFFFFF;
	border:0px solid #FFF;
	font-size:11px;
	cursor:pointer;
	overflow: hidden;
    text-overflow: ellipsis;
}
*/

#login,
#wrapper
{	width:100%;
	height:100%;
	display:block;
	margin : 0 auto;
}


#header
{	height:90px;
	width:100%;
	margin:0 auto;
	background-color:#FFF;
	margin:0 auto;
	text-align:center;
	position:fixed;
}


#footer
{	height:30px;
	width:100%;
	margin:0px auto;
	background-color:#FFF;
	text-align:center;
	position:fixed;
}


#header
{	box-shadow: -1px 2px 5px 0px rgba(0, 0, 0, 0.25); 
	-webkit-border-radius: 0 0 10px 10px;
	border-radius: 0 0 10px 10px;
	z-index:1;
	top:0px;
	left:0px;
}

#footer
{	box-shadow: 2px -1px 5px 0px rgba(0, 0, 0, 0.25);
	-webkit-border-radius: 10px 10px 0 0;
	border-radius: 10px 10px 0 0;
	bottom:0px;
	left:0px;
	z-index:2;
}

#navigator
{	width:985px;
	height:90px;
	margin:0 auto;
}

#login  .mainContainer
{	text-align:right;
}

#login .menu
{	font-size:12px;
	text-transform:uppercase;
	font-family: latolight, Verdana, Arial, Helvetica, sans-serif;
	color:#5d5d5d;
	list-style-type:none;
	float:right;
	margin-top:40px;
	text-align:right;
}

#login .menu li
{	height:45px;
	display:inline-block;
	float:left;
	background: transparent url(../../images/Separator.jpg) no-repeat top right;
	text-align:center;
	padding:0px 10px;
}

#login .menu a
{	color:#5f5f5f;
	text-decoration:none;
	height:25px;
	display:block;
	padding-top:15px;
}

#login .menu a:hover
{	color: #af0917;
	font-weight:bold;
	text-decoration: none;
}

#login .menu a span
{	margin-top:20px;
}

#navigator form
{	float:right;
	width:70px;
	height:40px;
	background: transparent url(../../images/BackgroundLang.png) no-repeat top center;
	margin-top:42px;
}

#navigator form table
{	width:70px;
	height:40px;
	margin
}

#navigator form select
{	margin-top:10px;
	border:0px solid #FFF;
	background-color:transparent;
	color:#5f5f5f;
	text-transform:uppercase;
	font-size:11px;
}

#login #content
{	width:990px;
	height:85%;
	z-index:0;
	position:absolute;
	top:90px;
	left:50%;
	margin-left:-512px;	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}

#login #content #right
{	width:490px;
	height:100%;
	background-color:#FFF;
	text-align:center;
	float:left;
}

#login #content #right form
{	background: transparent url(../../images/Logo.jpg) no-repeat top center;
	padding-top: 90px;
	position:absolute;
	width:490px;
	height:250px;
	top:50%;
	margin-top:-215px;
}

#login #content #right table
{	border:0px solid #FFF;
	width:100%;
	margin-bottom:15px;
}

#login #content #right h2
{	font-family:latolight, Verdana, Arial, Helvetica, sans-serif;
	font-size:38px;
	line-height:1em;
	color:#5f5f5f !important;
	background-color:#FFF;
	border:0px solid #FFF;
	text-align:center;
	width:100%;
	margin:0px 0px 15px 0px;
}

#login #content #right .label
{	text-align:right;
}

#login #content #right input[type=text],
#login #content #right input[type=password]
{	width:218px;
	height:29px;
	background: transparent url(../../images/InputBackground.jpg) no-repeat top left;
	display:block;
	float:left;
	border:0px solid #FFF;
	padding:0px 5px;
}

#login #content #right input[type=button],
#login #content #right input[type=submit]
{	float:left;
}

#login #content #right input[type=button]
{	margin-left:25px;
}

#login #content #right .post img
{	display:none;
}

#login #content #left
{	width:300px;
	height:240px;
	display:block;
	border:2px solid #FFF;
	background-color:#F2F2F2;
	top:50%;
	margin-top:-160px;
	position:absolute;
	left:50%;
	margin-left:168px;
	text-align:left;
	padding:0px 20px;
}

#login #content #left h2
{	color:#5f5f5f;
}

#login #content #left .country,
#wrapper #content #left .country
{	margin-bottom:25px;
	clear:both;
	width:100%;
	height:30px;
}

#wrapper #content #left .country
{	margin-top:15px;
}

#login #content #left .country img,
#wrapper #content #left .country img
{	width:34px;
	height:26px;
	display:block;
	float:left;
	margin-right:5px;
}

#login #content #left .country a,
#login #content #left .country span,
#login #content #left .country p,
#wrapper #content #left .country a,
#wrapper #content #left .country span,
#wrapper #content #left .country p
{	
	line-height:1.25em;
	display:block;
	float:right;
	margin:0px;
}

#login #content #left .country a,
#login #content #left .country span,
#login #content #left .country p
{	width:261px;
}

#wrapper #content #left .country a,
#wrapper #content #left .country span,
#wrapper #content #left .country p
{	width:175px;
}

#coord
{	background-color:transparent;
	width:100%;
	margin:0 auto;
	position:fixed;
	top:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px !important;
	color:#5f5f5f;
	z-index:3;
}

#coord form
{	width:925px;
	margin:0 auto;
	text-align:right;
}

#coord form select
{	font-size:11px !important;
	text-transform:uppercase;
}

#coord form font:nth-child(1)
{	color:#af0917;
}

#wrapper #header a:nth-child(1)
{	background:transparent url(../../images/Logo.jpg) no-repeat right bottom;
	width:270px;
	height:90px;
	display:block;
	position:relative;
	top:0px;
	left:50%;
	margin-left:-485px;
}

#wrapper #header table
{	top:-5px;
	position:absolute;
	left:50%;
	margin-left:-490px;
}

#wrapper #header table font,
#wrapper #header table font h3
{	color:#5f5f5f !important;
	font-family:latolight, Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
}

#wrapper #menu
{	width:640px;
	top:30px;
	position:fixed;
	left:50%;
	margin-left:-175px;
	z-index:4;
}

#wrapper #menu .menu
{	float:right;
}

#wrapper #menu .menu,
#wrapper #menu .menu .sub
{	list-style-type:none;
	margin:0;
	padding:0;
}

#wrapper #menu .menu li
{	display:block;
	height:45px;
	padding:0px 10px 0px 10px;
	float:left;
	background: transparent url(../../images/Separator.jpg) no-repeat top right;
}

#wrapper #menu .menu li#help
{	background-image:none;
}

#wrapper #menu .menu li a
{	color:#b3b3b3;
	text-transform:uppercase;
	padding-top:30px;
	height:15px;
	display:block;
}

#wrapper #menu .menu li a:hover
{	color:#af0917;
	font-weight:bold;
}

#wrapper #menu .menu li#home > a
{	background: transparent url(../../images/Home.jpg) no-repeat top center;
}

#wrapper #menu .menu li#home > a:hover
{	background: transparent url(../../images/HomeHover.jpg) no-repeat top center;
}

#wrapper #menu .menu li#ddsend > a
{	background: transparent url(../../images/DDSend.jpg) no-repeat top center;
}

#wrapper #menu .menu li#ddsend > a:hover
{	background: transparent url(../../images/DDSendHover.jpg) no-repeat top center;
}

#wrapper #menu .menu li#doyendoc > a
{	background: transparent url(../../images/DoyenDoc.jpg) no-repeat top center;
}

#wrapper #menu .menu li#doyendoc > a:hover
{	background: transparent url(../../images/DoyenDocHover.jpg) no-repeat top center;
}

#wrapper #menu .menu li#returns > a
{	background: transparent url(../../images/Retour.jpg) no-repeat top center;
}

#wrapper #menu .menu li#returns > a:hover
{	background: transparent url(../../images/RetourHover.jpg) no-repeat top center;
}

#wrapper #menu .menu li#downloads > a
{	background: transparent url(../../images/Download.jpg) no-repeat top center;
}

#wrapper #menu .menu li#downloads > a:hover
{	background: transparent url(../../images/DownloadHover.jpg) no-repeat top center;
}

#wrapper #menu .menu li#contact > a
{	background: transparent url(../../images/Contact.jpg) no-repeat top center;
}

#wrapper #menu .menu li#contact > a:hover
{	background: transparent url(../../images/ContactHover.jpg) no-repeat top center;
}

#wrapper #menu .menu li#help > a
{	background: transparent url(../../images/Help.jpg) no-repeat top center;
}

#wrapper #menu .menu li#help > a:hover
{	background: transparent url(../../images/HelpHover.jpg) no-repeat top center;
}


#wrapper #menu .menu li#orders > a
{	background: transparent url(../../images/myOrders.png) no-repeat top center;
}

#wrapper #menu .menu li#orders > a:hover
{	background: transparent url(../../images/myOrdersHover.png) no-repeat top center;
}

#wrapper #menu .menu li#ordersNL > a
{	background: transparent url(../../images/myOrdersNL.png) no-repeat top center;
}

#wrapper #menu .menu li#ordersNL > a:hover
{	background: transparent url(../../images/myOrdershoverNL.png) no-repeat top center;
}



#wrapper #menu .menu .sub
{	clear:both;
	background-color:#5f5f5f;
	position:absolute;
	margin-left:-45px;
	margin-top:15px;
	width:210px;
	text-align:center;
	display:none;
}

#wrapper #menu .menu li#ddsend:hover,
#wrapper #menu .menu li#downloads:hover,
#wrapper #menu .menu li#returns:hover
{	height:200px;
}

#wrapper #menu .menu li#ddsend:hover .sub,
#wrapper #menu .menu li#downloads:hover .sub,
#wrapper #menu .menu li#returns:hover .sub
{	display:block;
}

#wrapper #menu .menu .sub li,
#wrapper #menu .menu .sub li a
{	background-color:#5f5f5f;
	clear:both;
	width:210px;
	padding:0px;
	height:44px;
	line-height:52px;
}

#wrapper #menu .menu .sub li
{	background-image: url(../../images/SeparatorMenuSub.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	height:44px;
}

#wrapper #menu .menu .sub li a,
#wrapper #menu .menu .sub li a:hover
{	background-image:none;
	background-color:transparent;
}

#wrapper #menu .menu .sub li a:hover
{	color:#FFF;
}

#wrapper #content
{	position:absolute;
	width:990px;
	top:90px;
	left:50%;
	z-index:0;
	margin-left:-495px;
}

#wrapper #content #left
{	width:220px;
	height:100%;
	position:absolute;
	top:0px;
	left:50%;
	margin-left:-485px;
	z-index:0;
	background-color:transparent;
	padding:5px 5px 150px 5px;
}

#wrapper #content #left *
{	color:#FFF;
	text-align:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:1.75em;
	margin:0;
	padding:0;
}

#wrapper #content #left a:hover
{	color:#000;
}

#wrapper #content #left img
{	width: auto !important;
	height:auto !important;
}

#wrapper #content #left input,
#wrapper #content #left select,
#wrapper #content #left option,
#wrapper #content #left textarea
{	color:#5f5f5f;
	font-size:12px !important;
}

#wrapper #content #left  div[align=center]
{	text-align:center;
}

#wrapper #content #left input[type=button],
#wrapper #content #left input[type=submit]
{	background:transparent url(../../images/ButtonBackgroundLeft.png) no-repeat top left;
	color: #FFF;
	font-size:11px !important;
	text-align:center;
	display:inline;
	margin:5px 0px;
	border:0px;
	width:200px;
	height:25px;
}

#wrapper #content #left h2
{	margin-top:10px;
}

#wrapper #content #left .post h2
{	margin-top:0px;
}

#wrapper #content #left .post
{	
	background: transparent url(../../images/SeparatorLeft.png) bottom right no-repeat;
	padding:10px 0px;
}

#wrapper #content #left table
{	
	background: transparent url(../../images/SeparatorLeft.png) bottom right no-repeat;
	padding-bottom:25px;
	margin:0px;
}

#wrapper #content #left .post table
{	background:none;
	padding:0px;
	margin:0px;
}

#wrapper #content #left p[align=center]
{	text-align:center;
}

#wrapper #content #left h2
{	font-family:latoregular, Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal !important;
}

#wrapper #content #left h2
{	margin-bottom:0px;
}

#wrapper #content #right
{	width:690px;
	background-color:transparent;
	margin-left:260px;
	text-align:left;
	padding-bottom:60px;
}

#wrapper #content #right .post
{	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:1.25em;
	color:#5f5f5f;
}

#wrapper #content #right .post table
{	width:100% !important;
	
}

#wrapper #content #right .post table img
{	width:auto;
	height:auto;
}

#wrapper #content #right .post table thead tr,
#wrapper #content #right .post table thead tr td
{	background-color:#af0917;
	font-weight:bold;
	color:#FFF;
}

#wrapper #content #right .post table tbody tr:nth-child(even) td,
#wrapper #content #right .post table.promo tr:nth-child(even) td
{	background-color:#F8F8F8;
}

#wrapper #content #right .post table tbody tr:nth-child(odd) td,
#wrapper #content #right .post table.promo tr:nth-child(odd) td
{	background-color:#FFF;
}

#wrapper #content #right .post table.perso tr,
#wrapper #content #right .post table.perso tr td,
#wrapper #content #right .post table.perso tr:nth-child(even) td,
#wrapper #content #right .post table.perso tr:nth-child(odd) td
{	background-color:#FFF;
}

#wrapper #content #right .post font a
{	font-size:11px !important;
	font-weight:bold;
}

#footer .copyright
{	width:985px;
	margin:10px auto 0px auto;
	text-align:center;
}


.provider-item:hover { 
	box-shadow: 0px 1px 4px silver;
}