/* CSS Document */

body
{
	padding: 0;
	margin: 0;
}

div#wrapper
{
	padding: 0 10px;
	margin: 0 auto;
	width: 1060px;
	background: url(/images/site_shadows.png) repeat-y top left;
}

.transparent
{
	behavior: url(/js/iepngfix/iepngfix.htc);
}

/* ------------------ Page Header ------------------- */

div#header
{
	padding: 0;
	margin: 0;
	width: 1060px;
	
	color: #FFFFFF;
}

div#header-top
{
	background: url(/images/text_header.png) no-repeat top left;
	width: 1040px;
	height: 230px;
	color: #FFFFFF;
}

div#header-top div.block
{

	width: 170px;
	height: 230px;
	color: #FFFFFF;
	float: right;
}

div#header-top div.block div.logged-user
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 220px;
	color: #3399FF;
	padding-right: 10px;
	float: right;
	background: url(/images/logged_background.png) no-repeat top left;
	behavior: url(/js/iepngfix/iepngfix.htc);
}

div#header-top div.block div.logged-user div.user-name-row1
{
	text-align: right;
	font-size: 12px;
}

div#header-top div.block div.logged-user div.user-name-row1 span
{
	text-align: right;
	font-size: 15px;
	font-weight: bold;
}

div#header-top div.block div.logged-user div.user-name-row2
{
	text-align: right;
	font-size: 11px;
	padding: 4px 0 0 0;
}

div#header-top div.block div.logged-user div.user-name-row2 a
{
	color: #999999;
	font-weight: bold;
}

div#header-top div.block div.logged-user a
{
	text-decoration: none;
	color: #FFFFFF;
}

div#header-top div.block div.logged-user a:hover
{
	text-decoration: underline;
}


div#header-top div.block div.logged-user div.auto-login
{	
	font-style: italic;
	font-size: 11px;
	color: #333333;

}

div#header-top div.title-div
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: right;
	width: 800px;
	float: left;
	
}

div#header-top div.title-div div.inner-title
{
	padding: 12px 0 0 0;
	width: 500px;
	text-align: center;
	margin: 0 auto;
	float: right;
}

div#header div.logo
{
	padding: 0;
	margin: 0;
	float: left; 
}

div#header div.login-box
{
	padding-top: 25px;
	margin: 30px 0 0 0;
	float: right; 
	width: 160px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
}

.link2
{	
	color: #333333;
}

div#header input
{
	background-color:#EFF2F5;
	border:1px inset #000000;
	color:#000000;
	font-family:'Arial',Helvetica,sans-serif;
	font-size:10pt;
}

div#header input.login
{
	margin: 10px 0 0 0;
	width: 110px;
}

div#header input.login-button
{
	margin: 10px 0 0 15px;
	padding: 0;
	width: 80px;
}

/* ------------------ Container ------------------- */

div#left-side
{
	padding: 0;
	margin: 0;
	float: left;
	width: 200px;
	background-color: #CCCCCC;
}

div#right-side
{
	padding: 0;
	margin: 0;
	float: left;
	width: 200px;
	background-color: #CCCCCC;
}

div#content
{
	padding: 0;
	margin: 0;
	float: left;
	width: 480px;
	background-color: #CCCCCC;
}

/* ------------------ Main menu ------------------- */

div.main-menu
{
	padding: 0;
	margin: 0;
	width: 200px;
}

div.main-menu ul.menu
{
	padding: 0;
	margin: 0;
	width: 200px;
	list-style: none;
}

div.main-menu ul.menu li.menu-item
{
	padding: 0;
	margin: 0;
	position: relative;
	background-color:#00CCFF;
	float: left;
	width: 200px;
}

div.main-menu a
{
	padding: 0 10px;
	margin: 0;
	position: relative;
	background-color:#00CCFF;
	display: block;
	text-align: right;
}

div.main-menu ul.menu li.menu-item ul.sub-menu
{
	padding: 0;
	margin: 0;
	display: none;
	position: absolute;
	left: 200px;
	top: 0px;
	list-style: none;
	width: 200px;
}

/* ------------------ Footer ------------------- */

div#footer
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
	color: #FFFFFF;
	background-color: #b2b2b2;
	padding: 10px 0;
	margin: 0;
	width: 1040px;
}

/* ------------------ Messages ------------------- */

.error
{
	color: #ff0000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.success
{
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.warning
{
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

/* ------------------- Forms -------------------*/

form
{
	padding: 0;
	margin: 0;
}

input.box
{
	padding: 2px 5px;
	margin: 0;
	background: #FFFFFF url(/admin/themes/blue/images/small_box_backgr.png) no-repeat top left;
	border: 1px solid #0066CC;
	color: #000000;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}

textarea.box
{
	padding: 1px 5px;
	margin: 0;
	background: #FFFFFF url(/admin/themes/blue/images/big_box_backgr.png) no-repeat top left;
	border: 1px solid #0066CC;
	color: #000000;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}

select.box
{
	padding: 1px 0 1px 5px;
	margin: 0;
	background: #FFFFFF url(/admin/themes/blue/images/small_box_backgr.png) no-repeat top left;
	border: 1px solid #0066CC;
	color: #000000;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}

input.button
{
	padding: 0 5px;
	margin: 0;
	color: #333333;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	font-weight: bold;
	cursor: pointer;
}

div.form
{
	padding: 20px 0px;
	margin: 0 auto;
}

div.form .required
{
	font-weight: bold;
}

div.form div.field-block
{
	padding: 5px 0;
	margin: 0;
	width: 100%;
}

div.form div.field-block div.block-title
{
	padding: 4px 0 0 0;
	margin: 0 0 10px 0;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #39434f;
	font-weight: bold;
	border-bottom: 1px solid #39434f;
}

div.form div.field-block div.label
{
	padding: 4px 15px 0 0;
	margin: 0;
	float: left;
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #39434f;
}

div.form div.field-block div.field
{
	padding: 0;
	margin: 0;
	float: left;
	text-align: left;
}

div.form div.button
{
	padding: 5px 0;
	margin: 0;
	text-align: center;
}

div.form div.buttons
{
	padding: 5px 0;
	margin: 0;
}

div.form div.buttons div.left-button
{
	padding: 0;
	margin: 0;
	float: left;
}

div.form div.buttons div.right-button
{
	padding: 0;
	margin: 0;
	float: right;
}

div.form div.checkboxes-block
{
	padding: 10px 0;
	margin: 0;
}

div.form div.checkboxes-block .label
{
	padding: 2px 0 2px 10px;
	margin: 0;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #39434f;
	vertical-align: middle;
}

div.form div.checkboxes-block .field
{
	padding: 0;
	margin: 0;
	text-align: center;
	vertical-align: middle;
}

/* ------------------ Navigator ------------------- */

div.navigator
{
	padding: 5px 0;
	margin: 0;
	text-align: center;
	font-size: 12px;
	color: #0066CC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

div.navigator a
{
	padding: 0 0 1px 0;
	margin: 0;
	color: #0066CC;
	text-decoration: none;
}

div.navigator a:hover
{
	padding: 0 0 1px 0;
	margin: 0;
	color: #0066CC;
	text-decoration: underline;
}

div.navigator span.unlink
{
	padding: 0;
	margin: 0;
	color: #39434f;
	font-weight: bold;
}

div.navigator a.img
{
	text-decoration: none;
	background: none;
}

div.navigator a.img:hover
{
	text-decoration: none;
	background: none;
}

/* ------------------ File Manager ------------------- */

div.filemanager
{
	padding: 0;
	margin: 0;
}

div.filemanager div.file
{
	padding: 5px;
	margin: 0;
	float: left;
	width: 80px;
}

div.filemanager div.file div.icon
{
	padding: 0;
	margin: 0;
	width: 80px;
	height: 80px;
	background-color: #FFFFFF;
}

div.filemanager div.file div.name
{
	padding: 0;
	margin: 0;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
}

/* ------------------ Spaces ------------------- */

div.space-5px
{
	padding: 0;
	margin: 0;
	font-size: 0px;
	height: 5px;
}

div.space-10px
{
	padding: 0;
	margin: 0;
	font-size: 0px;
	height: 10px;
}

div.space-15px
{
	padding: 0;
	margin: 0;
	font-size: 0px;
	height: 15px;
}

div.space-20px
{
	padding: 0;
	margin: 0;
	font-size: 0px;
	height: 20px;
}

div.space-25px
{
	padding: 0;
	margin: 0;
	font-size: 0px;
	height: 25px;
}

div.space-30px
{
	padding: 0;
	margin: 0;
	font-size: 0px;
	height: 30px;
}

div.space-35px
{
	padding: 0;
	margin: 0;
	font-size: 0px;
	height: 35px;
}

div.space-40px
{
	padding: 0;
	margin: 0;
	font-size: 0px;
	height: 40px;
}

div.space-50px
{
	padding: 0;
	margin: 0;
	font-size: 0px;
	height: 50px;
}

div.space-60px
{
	padding: 0;
	margin: 0;
	font-size: 0px;
	height: 60px;
}

/* ------------------ page header middle ------------------- */

div#header-middle 
{
	background: #FFFFFF url(/images/content_background.png) repeat-x top left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 1040px;
}

div#header-middle div.page-content-home 
{
	width: 890px;
}

div#header-middle div.page-content- 
{
	width: 840px;
	background-color: #FFFFFF;
	margin: 6px 0 0 0;
}

div#header-middle div.content
{
	padding: 5px;
	margin: 0 0 0 2px;
	background-color: #FFFFFF;
	width: 310px;
}

div#header-middle div.blue-height
{
	height: 100%;
}

div#header-middle div.brown-height
{
	height: 400px;
}

div#header-middle div.content div.text
{
	text-align: justify;
	font-size: 11px;
	padding: 5px;
	margin: 10px 0 0 0;
}

div#header-middle div.content div.div-link
{
	text-align: right;
	margin: 20px;
	padding: 0;
}


div#header-middle div.content a.link
{
	text-decoration: none;
	color: #656565;
	text-decoration: underline;
}


div#header-middle div.content-news
{
	padding: 5px;
	margin: 0 0 0 2px;
	background-color: #FFFFFF;
	text-align: justify;
	width: 228px;
}

div#header-middle div.content-news div.title
{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 18px;
	color: #205884;
	margin: 8px 0 8px 5px;
	padding: 0;
}

div#header-middle div.content-news div.text 
{
	font-size: 11px;
	padding: 0 5px 5px 5px;
	margin: 0;
	color: #666666;	
}

div#header-middle div.content-news div.text a
{
	text-decoration: none;
	color: #666666
}

div#header-middle div.content-news div.text a:hover
{
	color: #0F344F;
	text-decoration: none;
}


div#header-middle div.content-news div.div-link
{
	text-align: right;
	margin: 20px;
	padding: 0;
}


div#header-middle div.content-news a.link
{
	text-decoration: none;
	color: #656565;
}

div#header-middle div.content-news a.link:hover
{
	text-decoration: none;
	color: #0F344F;
	text-decoration: underline;
}

div#header-middle div.content div.title
{
	font-weight: bold;
	font-size: 15px;
	color: #205884;
	margin: 5px 0 0 5px;
	padding: 0;
}


div#header-middle div.content div.title-second
{
	font-weight: bold;
	color: #000000;
	margin: 5px 0 0 5px;
	padding: 0;
}

div#header-middle div.content div.reklam
{
	font-weight: bold;
	font-size: 16px;
	color: #ff0000;
	padding: 10px;
}

div#header-middle  div.float
{
	float: left;
}

div#header-middle  div.left-menu-home
{
	width: 150px;
}

div#header-middle  div.left-menu-
{
	width: 200px;
}

div#header-middle  div.first
{
	width: 325px;
}

div#header-middle  div.second
{
	width: 325px;
}

div#header-middle  div.third
{
	width: 325px;
}

div#header-middle  div.forth
{
	width: 325px;
}

div#header-middle  div.news
{
	width: 240px;
}

.cleaner
{
	clear: both;
}

div#header-middle  div.first div.tab
{
	background: url(/images/first_tab_background.png) no-repeat top right;
	width: 325px;
	height: 28px;
	position: absolute;
	top: -10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	padding: 3px 0 0 0;
	text-align: center;
	behavior: url(/js/iepngfix/iepngfix.htc);
}

div#header-middle div.second div.tab
{
	background: url(/images/first_tab_background.png) no-repeat top left;
	width: 325px;
	height: 28px;
	position: absolute;
	top: -10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	padding: 3px 0 0 0;
	text-align: center;
	behavior: url(/js/iepngfix/iepngfix.htc);
}

div#header-middle div.third div.tab
{
	background: url(/images/brown_tab_background.png) no-repeat top left;
	width: 325px;
	height: 30px;
	position: absolute;
	top: -8px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	padding: 3px 0 0 0;
	text-align: center;
	behavior: url(/js/iepngfix/iepngfix.htc);
}

div#header-middle div.forth div.tab
{
	background: url(/images/forth_tab_background.png) no-repeat top left;
	width: 325px;
	height: 28px;
	position: absolute;
	top: -8px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	padding: 3px 0 0 0;
	text-align: center;
	behavior: url(/js/iepngfix/iepngfix.htc);
}

div#header-middle div.news div.tab
{
	background: url(/images/news_tab_background.png) no-repeat top left;
	width: 240px;
	height: 30px;
	position: absolute;
	top: -5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	padding: 3px 0 0 0;
	text-align: center;
	behavior: url(/js/iepngfix/iepngfix.htc);
}

/* ------------------ left menu ------------------- */

div#menu-div
{
	padding: 0;
	margin: 0 auto;
	width: 150px;
}

div#menu-div div#row
{
	padding: 8px 0 0 5px;
}

div#menu-div a
{
	color: #000000;
	font-weight: bold;
}

div#menu-div a:hover
{
	color: #FFFFFF;
}

div#menu-div-blue
{
	padding: 0;
	margin: 5px auto;
	width: 180px;
}

div#menu-div-blue div.blue-tab-top
{
	background: url(/images/sub_menu_blue_top.png) no-repeat top left;
	width: 180px;
	height: 20px;
	behavior: url(/js/iepngfix/iepngfix.htc);
}

div#menu-div-blue div.blue-tab-bottom
{
	background: url(/images/sub_menu_blue_bottom.png) no-repeat bottom left;
	width: 180px;
	height: 20px;
	behavior: url(/js/iepngfix/iepngfix.htc);
}

div#menu-div-blue div#row
{
	padding: 5px 10px 5px 15px;
	background: #FFFFFF url(/images/sub_menu_blue_middle.png) repeat-y top left;
}

div#menu-div-blue a
{
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}

div#menu-div-blue a:hover
{
	color: #0099CC;
}

div#espace-clients-box
{
	margin: 20px auto; 
	width: 130px; 
	text-align: center;
}

div#espace-clients-box .box-title
{
	height:15px; 
	background-color: #800000; 
	color: #FFFFFF;  
	font-family:Arial, Helvetica, sans-serif; 
	font-size: 11px;
}

div#espace-clients-box .box-content
{
	height: 30px; 
	border: 2px solid #800000; 
	background-color: #FFFFFF; 
	padding: 5px; 
	color: #656565;
}

div#espace-clients-box .box-content a
{
	text-decoration: none; 
	color: #656565;
}

div#espace-clients-box .box-content a:hover
{
	text-decoration: none; 
	color: #656565;
	text-decoration: underline;
}

/* ------------------ js tree menu ------------------- */

.relative-div
{
	position: relative;
	z-index: 100;
	display: none;
	color: blue;
	width: 320px;
	left: 2px;
   	_left: 0px; 
	top: 4px;
}

.relative-div .content-div
{
	background-color: #184263;
	margin: 0 auto;
	color: #FFFFFF;
	font-weight: bold;
	padding: 5px 0 5px 0;
}

.relative-div .content-div a
{
	color: #FFFFFF;
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
}

/* ------------------ pages content ------------------- */

div#pages-content
{
	padding: 10px;
	background-color: #EFF2F5;
}

div.text
{
	background-color: #FFFFFF;
	padding: 0 0 5px 0;
	margin: 20px 0;
}

div.orange
{
	background: url(/images/page_content_orange_tab.png) no-repeat top right;
	height: 30px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	padding: 5px 0 0 0;
}

div.blue
{
	background: url(/images/page_content_blue_tab.png) no-repeat top right;
	height: 30px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	padding: 5px 0 0 0;
}

div.green
{
	background: url(/images/page_content_green_tab.png) no-repeat top right;
	height: 30px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	padding: 5px 0 0 0;
}

/* ------------------ nous contacter ------------------- */

div.nous
{
	text-align: center;
	width: 600px;
	margin: 0 auto;
}

div.input-name
{
	width: 100px;
	padding: 0 5px;
}

/* ------------------ Login ------------------- */

div.login
{
	text-align: center;
	margin: 0 auto;
	width: 650px;
}

div.login div.login-form
{
	text-align: left;
	margin: 0 auto;
	width: 400px;
}

/* ------------------ Account ------------------- */

div.account
{
	text-align: center;
	margin: 0 auto;
	width: 600px;
}

div.account div.account-form
{
	text-align: left;
	margin: 0 auto;
	width: 400px;
}


input.button
{
	padding: 0 5px;
	margin: 0;
	background: #CFCFCF url(/images/button_backgr.png) repeat-x top left;
	border-top: 1px solid #838383;
	border-left: 1px solid #838383;
	border-bottom: 1px solid #545454;
	border-right: 1px solid #545454;
	color: #ffffff;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	height: 22px;
	text-align: center;
	font-weight: bold;
	cursor: pointer;
}

ul.menu
{
	text-align: left;
}

ul.menu li
{
	list-style-type: square;
	color: #333333;
}

ul.menu a
{
	text-decoration: none;
	font-weight: bold;
	color: #0F344F;
	
}

ul.menu a:hover
{
	text-decoration: underline;
	font-weight: bold;
	color: #333333;	
	
}
/* ------------------ Flash messages ------------------- */

.flashmsg div.button
{
	padding: 5px 0 5px 0;
	margin: 0;
	text-align: center;
}

.flashmsg ul
{
	padding: 10px 0;
	margin: 0;
	list-style: square;
	list-style-position: inside;
}

.flashmsg ul li
{
	padding: 0;
	margin: 0;
	list-style: square;
	font-size: 11px;
}

img.flashmsg-icon
{
	width: 24px;
	height: 24px;
	behavior: url(/iepngfix/iepngfix.htc);
}

/* ------------------ pages content ------------------- */

div#news
{
	margin: 0 auto;
	padding: 0;
	width: 600px;

}

div#news div.news-title
{
	text-align: center;
	padding: 5px 10px;
	background-color: #BCBCBC;
	color: #0F344F;
	border-bottom: 1px dashed #666666;
	border-top: 1px dashed #666666;
	font-weight: bold;
}

div#news div.news-description
{
	text-align: justify;
	padding: 5px 0 5px 10px;
	
}

div#news div.news-description-footer
{
	height: 14px;
	background-color: #35698F;
	border-top: 1px solid #666666;
	text-align: right;
	position: relative;
}

div#news div.news-description-footer img
{
	position: absolute;
	top: -1px;
	left: 400px;
	cursor: pointer;
}

/* ------------------ input fields size ------------------- */
.input-field 
{
 	width: 150px;
}

.input-field-box
{
	margin: 0 0 5px 25px; 
	padding: 5px 0;
}

.nous-form
{
	text-align: left;
	padding-left: 70px;
}

.logo-link
{
	float: left; 
	margin: 0 0 0 2px; 
	padding: 0; 
	width: 185px; 
	height: 44px;
}

/* ------------------ payment success table ------------------- */

table.pay-success
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	margin: 50px;
}

table.pay-success td.text
{
	font-size: 10px;
	color: #999999;
	padding: 10px;
	font-style: italic;
}

/* ------------------ espace clients ------------------- */

div#esp-container
{
	padding: 0;
	margin: 0;
	width: 100%;
}

div#left-tab
{
	padding: 0;
	margin: 0;
	width: 50%;
}
div#esp-left-tab-backgr
{
	width: 314px; 
	height: 25px; 
	background: url(/images/esp_cl_tab_background.png) no-repeat top center; 
	text-align: left;
}

div.tab-title
{	
	padding-top: 5px;
	padding-bottom: 5px;
	color:#666666; 
	font-weight:bold;
	text-align: center; 
	font-size: 18px;
}

div#pages-content div.societe-text a
{
	text-decoration: none; 
	color: #656565; 
	text-decoration: underline;
}

/* ------------------ Not found page ------------------- */

div#not-found-page
{
	margin: 0;
	padding: 15px;
}

div#not-found-page div.not-found-title-page
{
	margin: 0;
	padding: 0;
	border-bottom-style: ridge;
	font-size: 25px;
	font-weight: bold;
}

div#not-found-page div.not-found-block
{
	margin: 0;
	padding: 25x;
}

div#not-found-page div.not-found-block .image
{
	width: 160px;
	margin: 0;
	padding: 20px;
	float: left;
}

div#not-found-page div.not-found-block div.not-found-content
{
	width: 500px;
	padding: 40px 0;
	margin: 0;
	float: left;
}

div#not-found-page div.not-found-block .not-found-title
{
	font-size: 15px;
	font-weight: bold;
	float: left;
}

div#not-found-page div.not-found-block .not-found-text
{
	float: left;
}