@import url(hack.css);
@import url(modules.css);

body
{
	background-color: #fff;	
	color: #656350;
	font-size: 8pt;
	font-family: verdana, arial, tahoma, helvetica, sans-serif; 
	line-height: 1.3em;
	margin: 0px;
	padding: 0px;
	text-align: center;
}

/***********************************************************************/
/** reset styles *******************************************************/
/***********************************************************************/

table,
td,
tr,
th
{
	border-collapse: collapse;
	font-family: verdana, arial, tahoma, helvetica, sans-serif; 
	font-size: 8pt;
	margin: 0px;
	padding: 0px;
}

a,
a:link,
a:hover,
a:visited,
a:active,
a:visited:hover
{
	color: #e76f00;
	text-decoration: underline;
}

a:hover,
a:visited,
a:visited:hover
{
	color: #3a3823;
}

img
{	
	border: none;
}	

h1,
h2,
h3,
h4,
h5
{
	padding: 0px;
	margin: 0px;
	line-height: 1em;
}

ul li
{
	list-style-image: url(../images/icon/puce.gif);
	padding-bottom: 2px;
}

.clear
{
	clear: both;
	height: 0px;
}

input,
select,
option,
textarea
{
	font-size: 8pt;
	font-family: verdana, arial, tahoma, helvetica, sans-serif; 
}

/***********************************************************************/
/** General Template ***************************************************/
/***********************************************************************/

.wrapper
{
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	width: 966px;
}

/** Header wrapper *****************************************************/

.header_wrapper
{
	width: 966px;
}

.header_content
{
}

.header_content td
{
	height: 109px;
	vertical-align: bottom;
}

/** top menu **/

.topmenu_container
{
	background-image: url(../images/template/hdr-top-left.jpg);
	background-repeat: no-repeat;
	padding-bottom: 10px;
}

.topmenu
{	
	padding-top: 8px;
	text-align: right;
}

*>.topmenu
{	
	height:15px;
}

.topmenu ul
{
	margin: 0px;
	padding: 0px;
}

.topmenu li
{
	color: #6a6a40;
	display: inline;
	list-style-type: none;	
	margin: 0px;
	padding: 0px;
}

.topmenu a,
.topmenu a:link,
.topmenu a:hover,
.topmenu a:visited,
.topmenu a:active,
.topmenu a:visited:hover
{	
	color: #3a3823;
	font-size: 7.5pt;
	font-weight: bold;
	text-decoration: none;
}

.topmenu a:hover,
.topmenu a:visited:hover
{
	color: #e76f00;
}

/** Content wrapper ****************************************************/

.content_wrapper
{
	background-image: url(../images/template/bg_content_repeat.gif);
	background-repeat: repeat-y;
	min-height: 300px;
	margin-bottom: 20px;
	padding-bottom: 10px;
	width: 966px;
}

.left_col_wrapper
{
	border-top: solid 1px #e6e5d7;
	border-right: solid 1px #e6e5d7;
	float: left;
	padding-bottom: 10px;
	width: 185px;
}

.middle_col_wrapper
{
	border-top: solid 1px #e6e5d7;	
	float: left;
	width: 780px;
}

/** left menu **/

.leftmenu_container
{
	
}

.leftmenu
{
}

.leftmenu ul
{
	margin: 0px;
	padding: 0px;
}

.leftmenu li
{
	background-color: #fff;
	border-bottom: solid 1px #dddddd;	
	list-style-type: none;	
	list-style-image: none;
	padding-bottom: 0px;	
	width:185px;
}

.leftmenu a,
.leftmenu a:link,
.leftmenu a:hover,
.leftmenu a:visited,
.leftmenu a:active,
.leftmenu a:visited:hover
{
	color: #3a3823;
	cursor: pointer;
	display: block;
	font-weight: bold;	
	text-decoration: none;
	padding-left: 10px;
	padding-right: 5px;
	padding-top: 6px;
	padding-bottom: 7px;
}

.leftmenu a:hover,
.leftmenu a:visited:hover
{
	color: #e76f00;
}

.leftmenu_selected a,
.leftmenu_selected a:link,
.leftmenu_selected a:hover,
.leftmenu_selected a:visited,
.leftmenu_selected a:active,
.leftmenu_selected a:visited:hover
{
	background-color: #f8edcd;
	display: block;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 6px;
	padding-bottom: 7px
}

.leftmenu_niv02 li
{
	border: none;
	padding-top: 4px;
	padding-bottom: 4px;
}

.leftmenu_niv02 a,
.leftmenu_niv02 a:link,
.leftmenu_niv02 a:hover,
.leftmenu_niv02 a:visited,
.leftmenu_niv02 a:active,
.leftmenu_niv02 a:visited:hover
{
	background: none;
	font-weight: normal;
	padding: 0px;	
	padding-left: 20px;
	padding-top: 1px;
}

/** quick link **/

.quicklink_container
{
	padding-top: 17px;
}

.quicklink_content
{
	margin-top: 3px;
	margin-bottom: 3px;	
}

.quicklink_content a,
.quicklink_content a:link,
.quicklink_content a:hover,
.quicklink_content a:visited,
.quicklink_content a:active,
.quicklink_content a:visited:hover
{
	background-image: url(../images/template/bg_quicklink_repeat-x_n.gif);
	background-repeat: repeat-x;
	border: solid 1px #efcd9d;
	color: #d15700;
	display: block;
	height: 30px;
	padding: 4px;
	text-decoration: none;
	width: 175px;
}

.quicklink_content a:hover,
.quicklink_content a:visited:hover
{
	background-image: url(../images/template/bg_quicklink_repeat-x_h.gif);
	background-repeat: repeat-x;
	border: solid 1px #f7debb;
	color: #ea6a0f;
}

.wysiwyg_left_container
{
	padding-top: 13px;
}

/** Content container **************************************************/

.content_container
{
}

/** Pagetitle **/

.pagetitle_container
{
	background-image: url(../images/template/path-bg.gif);
	background-repeat: no-repeat;
	border-bottom: solid 1px #e6e5d7;
	height: 26px;
	width: 780px;
}

.pagetitle_content
{
	color: #474424;
	font-weight: bold;
	font-size: 11pt;
	padding-left: 22px;
	padding-top: 6px;
}

.pagetitle_content a,
.pagetitle_content a:link,
.pagetitle_content a:hover,
.pagetitle_content a:visited,
.pagetitle_content a:active,
.pagetitle_content a:visited:hover
{
	color: #3a3823;
}

.pagetitle_content a:hover,
.pagetitle_content a:visited:hover
{
	color: #e76f00;
}

/** news **/

.news_wrapper
{	
	padding-left: 22px;
	padding-top: 15px;
}

.news_container_title
{
	color: #474424;
	font-weight: bold;
	font-size: 12pt;
	float: left;
}

.news_container
{
	padding-top: 15px;
}

.news_container table
{
	/*width: 780px;*/
}

.news_container td
{
	vertical-align: top;
}

.news_cat01_container,
.news_cat02_container,
.news_cat03_container,
.news_cat04_container
{
	padding-bottom: 10px;
	width: 359px;
}

.news_first_col
{
	padding-right: 28px;
}

.news_cat01_title
{
	background-image: url(../images/template/news_title_formations.gif);
	background-repeat: no-repeat;
	height: 44px;
	width: 359px;
}

.news_cat02_title
{
	background-image: url(../images/template/news_title_evenements.gif);
	background-repeat: no-repeat;
	height: 44px;
	width: 359px;
}

.news_cat03_title
{
	background-image: url(../images/template/news_title_informations.gif);
	background-repeat: no-repeat;
	height: 44px;
	width: 359px;
}

.news_cat04_title
{
	background-image: url(../images/template/news_title_publications.gif);
	background-repeat: no-repeat;
	height: 44px;
	width: 359px;
}

/** mailing_list **/

.mailing_list_container
{
	float: right;
	margin-top: -3px;
	padding-right: 12px;
}

.mailing_list_link
{
}

.mailing_list_link a,
.mailing_list_link a:link,
.mailing_list_link a:hover,
.mailing_list_link a:visited,
.mailing_list_link a:active,
.mailing_list_link a:visited:hover
{
	background-color: #e15e00;
	border: solid 1px #efcd9d;
	color: #f7f4eb;
	display: block;
	padding: 2px;
	padding-left: 3px;
	padding-right: 3px;
	text-decoration: none;
}

.mailing_list_link a:hover,
.mailing_list_link a:visited:hover
{
	background-color: #ec8600;
	border: solid 1px #efcd9d;
	color: #fff;
}

/** Footer *************************************************************/

.footer_wrapper
{
}

.footer_content
{
	margin-left: 186px;
}

.linktop_container
{
	background-image: url(../images/template/footer-bg.gif);
	background-repeat: no-repeat;
	height: 21px;	
	padding-top: 5px;
	width: 780px;
}

.linktop_container a,
.linktop_container a:link,
.linktop_container a:hover,
.linktop_container a:visited,
.linktop_container a:active,
.linktop_container a:visited:hover
{
	color: #fff;
	font-size: 7pt;
	padding-left: 22px;	
	text-decoration: none;
}

.linktop_container a:hover,
.linktop_container a:visited:hover
{
	text-decoration: underline;
}

.credits
{
	color: #656350;
	font-size: 7pt;
	padding-left: 22px;
	padding-top: 15px;
	padding-bottom: 4px;
}

.credits a,
.credits a:link,
.credits a:hover,
.credits a:visited,
.credits a:active,
.credits a:visited:hover
{
	color: #e76f00;
}

.credits a:hover,
.credits a:visited:hover
{
	color: #656350;
}

.footer_bg_container
{
	background-image: url(../images/template/footer-lines.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 45px;
	width: 966px;
}

/** content **/

.content_content
{
	line-height: 1.5em;
	min-height: 300px;
	padding-left: 22px;
	padding-right: 20px;
	padding-top: 20px;
}

.content_content p
{
	margin: 0px;
	padding: 0px;
	padding-bottom: 13px;
}

.content_content h1
{
	color: #474424;
	font-size: 12pt;
	font-weight: bold;
	padding-bottom: 10px;
}

.content_content h2
{
	color: #e76f00;
	font-size: 10pt;
	padding-bottom: 5px;
}

.content_content h3
{
	color: #656350;
	font-size: 9pt;
	padding-bottom: 5px;
}

.content_content h4
{
	color: #a2752a;
	font-weight: normal;
	font-size: 8pt;
	padding-bottom: 5px;
}

.content_content h5
{
	color: #474424;
	font-size: 8pt;
	padding-bottom: 5px;
	text-transform: uppercase;
}

/******************************************************************/
/** wysiwyg style content page ************************************/
/******************************************************************/

.RadEContent, 
.RadEContentBordered
{
	background-color: #fff;
	
	position: relative;
	top: 0px;
	left: 0px;
	z-index: 100 !important;
}

.RadEContent p, 
.RadEContentBordered p
{
	padding-bottom: 13px !important;
}

.RadEContent h1,
.RadEContentBordered h1
{
	color: #474424;
	font-size: 12pt;
	font-weight: bold;
	padding-bottom: 10px;
}

.RadEContent h2,
.RadEContentBordered h2
{
	color: #e76f00;
	font-size: 10pt;
	padding-bottom: 5px;
}

.RadEContent h3,
.RadEContentBordered h3
{
	color: #656350;
	font-size: 9pt;
	padding-bottom: 5px;
}

.RadEContent h4,
.RadEContentBordered  h4
{
	color: #a2752a;
	font-weight: normal;
	font-size: 8pt;
	padding-bottom: 5px;
}

.RadEContentBordered h5
.RadEContent h5
{
	color: #474424;
	font-size: 8pt;
	padding-bottom: 5px;
	text-transform: uppercase;
}

/** table style **/

.tablecontent_style table
{
	width: 700px;
}

.tablecontent_style th,
.tablecontent_style td
{
	border: solid 1px #4e6253;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
}

th.th_dark
{
	background-color: #4E6253;
	color: #fff;
	font-weight: bold;
}

th.th_pale
{
	background-color: #E1EAE4;
	color: #656350;
	font-weight: bold;
}

/** return button **/

.return_but
{
	padding-top: 10px;
	padding-bottom: 10px;
}

.return_but a,
.return_but a:link,
.return_but a:hover,
.return_but a:visited,
.return_but a:active,
.return_but a:visited:hover
{
	background-image: url(../images/icon/ico_back.gif);
	background-repeat: no-repeat;
	background-position: 4px 5px;
	background-color: #e15e00;	
	color: #fff;
	font-weight: bold;
	padding-left: 15px;
	padding-right: 4px;
	padding-top: 1px;
	padding-bottom: 1px;
	text-decoration: none;
}

.return_but a:hover,
.return_but a:visited:hover
{
	background-color: #ed8900;	
}

/* Nouvelle classe pour le formulaire de Bon de commande */
.tableglobal { background-color: #4E6253; }
.tabletitre { color: #fff; background-color: #4E6253; font-size: 11px; line-height: 16px; }
.tableheader, .tableheaderleft { color: #656350; background-color: #E1EAE4; font-size: 11px; line-height: 16px; }
.tableheaderleft { text-align: left; }
.tablecell, .tablecellmiddle { color: #656350; background-color: #fff; font-size: 11px; vertical-align: top; line-height: 16px; }
.tablecellmiddle { vertical-align: middle; }

input, select, radio, checkbox { font-family: verdana, arial, tahoma, helvetica, sans-serif; font-size: 11px; }
.label { color: #656350; background-color: #fff; font-size: 11px; text-align: right; font-weight: bold; }
.input { background-color: #fff; }
.texte { color: #656350; font-size: 11px; line-height: 16px; }
td { font-size:11px; }
.line { border-bottom: 1px solid #E6E5D7; margin: 0px 0px 14px 0px; clear: none; }