/************************************************

  	
Creator: LEDINNERPARTY
WebSite: ROTOBEC  

Modified by: Bernard Dagenais
Date: JANUARY 2008
		

/***********************************************/


/* HTML tag styles */

html {
	height: 100%;
}
body {
	background-color: #F1A910;
	background-image: url(http://www.rotobec.com/es/templates/rotobec/images/bg_body.jpg);
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	line-height: 145%;
	color: #666666;
	background-repeat: repeat-x;
	background-position: 0px -80px;
}
.clear {
	clear: both;
}


p, ul, ol, li{

	margin: 0px;
	padding: 0px;

}

h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
	margin-bottom: 5px;
	margin-top: 15px;
	line-height: 100%;
}



h1 {

	font-size: 300%;

	font-weight: normal;

}


h2 {
	font-size: 250%;
	font-weight: normal;
	color: #333333;
}


h3 {

	font-size: 200%;
	font-weight: normal;

}
h4 {
	font-size: 175%;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
}
h4 a{
	color: #333333;
	text-decoration: none;
}
h4 a:hover{
	color: #EC8D05;
	text-decoration: underline;
}


h5 {
	font-size: 150%;
	font-weight: normal;
}


h6 {
	font-size: 120%;
	line-height: 110%;
	color: #999999;
}



/* HTML tag styles */


#wrapper{
	position:relative;
	width:965px;
	margin-left:auto;
	margin-right:auto;
	margin-top: 0px;
	padding-right: 15px;
}
#top {
	position: absolute;
	height: 127px;
	width: 1008px;
	left: -498px;
	top: 0px;
	z-index: 2;
	margin-right: 50%;
	margin-left: 50%;
	overflow: hidden;
	background-image: url(http://www.rotobec.com/es/templates/rotobec/images/bg_top.png);
	background-position: 0px 0px;
	background-repeat: no-repeat;
}
#wrapper_shadow {
	background-image: url(http://www.rotobec.com/es/templates/rotobec/images/bg_right_shadow.png);
	background-position: 0px 0px;
	width: 15px;
	position: absolute;
	right: 0px;
	bottom: 25px;
	top: 0px;
	border-left-width: 0px;
	border-left-style: solid;
	border-left-color: #FFFFFF;
	background-repeat: no-repeat;
}
#wrapper_shadow_end {
	background-image: url(http://www.rotobec.com/es/templates/rotobec/images/bg_right_shadow_end.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 25px;
	width: 15px;
	position: absolute;
	bottom: 0px;
	right: 0px;
}
.moduletable_menu{
 	color:#333;
}
.moduletable_menu h3{
 	font-size:160%;
}
#left_menu{
	position:absolute;
	width:160px;
	float:left;
	left: 0px;
	top: 0px;
	bottom: 0px;
	background-image: url(http://www.rotobec.com/es/templates/rotobec/images/bg_left_nav.png);
	background-repeat: no-repeat;
	background-position: right 0px;
	margin-bottom: 25px;
	padding-top: 120px;
}
#left_menu_shadow_end {
	background-image: url(http://www.rotobec.com/es/templates/rotobec/images/bg_left_nav_end.png);
	background-repeat: no-repeat;
	background-position: right 0px;
	height: 25px;
	width: 15px;
	position: absolute;
	bottom: -25px;
	left: 145px;
}


#left_menu ul li {
	list-style:none;
	margin:0px;
	padding: 0px;
}
#left_menu ul li ul li{
	list-style:none;
	margin:0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
}
#left_menu ul li a {
	display:block;
	padding-top:7px;
	padding-bottom:5px;
	border-bottom: 1px dotted #333333;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 11px;
	background-image: url(http://www.rotobec.com/es/templates/rotobec/images/bg_menu_left.gif);
	background-repeat: no-repeat;
	color: #333333;
	background-position: 0px 11px;
	padding-right: 0px;
	padding-left: 15px;
	line-height: 16px;
}

#left_menu ul li a:hover,
#left_menu ul li.active a,
#left_menu ul li#current a{
	color: #FFFFFF;
	background-position: 0px -47px;
}

#left_menu ul li ul li a, 
#left_menu ul li#current ul li a{
	display:block;
	padding:3px;
	padding-right: 0px;
	padding-left: 10px;
	color: #333333;
	text-decoration: none;
	font-size: 11px;
	background-image:url(http://www.rotobec.com/es/templates/rotobec/images/bg_menu_level2_left.gif);
	background-repeat: no-repeat;
	background-position: 0px 8px;
	text-transform: none;
	line-height: 13px;
	border-color: #BA7105;
}
#left_menu ul li.parent ul li a{
	color: #333333;
	background-position: 0px 8px;
}

#left_menu ul li#current ul li a:hover,
#left_menu ul li#current ul li a:focus{
	color: #FFFFFF;
	background-position: 0px -47px;
}

#left_menu ul li ul li a:hover,
#left_menu ul li ul li a:focus{
	color:#FFFFFF;
	background-position: 0px -47px;
}





#content_top {
	width: 805px;
	margin-left: 160px;
	background-color: #333333;
	height: 345px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	position: relative;
}
#breadcrumb {
	line-height: 100%;
	text-decoration: none;
	padding-right: 20px;
	padding-left: 20px;
	position: absolute;
	width: 504px;
	top: 118px;
	right: 0px;
	text-transform: uppercase;
	color: #EB8E06;
	z-index: 2;
}
#breadcrumb a{
	color:#EB8E06;
	text-decoration:none;
}
#breadcrumb .active{
	color:#EB8E06;
	text-decoration:none;
	font-weight: bold;
}
#breadcrumb a:hover{
	color: #F1A910;
	text-decoration: underline;
}
#content_top_left {
	float: left;
	width: 261px;
	height: 345px;
	color: #999999;
	margin-right: 0px;
	position: relative;
}
.bannerheader {
	background-image: url(http://www.rotobec.com/es/templates/rotobec/images/bg_content_top.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	position: absolute;
	left: 0px;
	bottom: 0px;
	font-weight: normal;
	text-transform: uppercase;
	color: #FFFFFF;
	right: 0px;
	font-size: 11px;
	line-height: 110%;
	padding-top: 7px;
	padding-right: 8px;
	padding-bottom: 5px;
	padding-left: 8px;
	height: auto;
}
#content_top_right1, #content_top_right2{
	float: left;
	width: 272px;
	margin-left: 0px;
	position: relative;
}
#content_top_right1, #content_top_right2{
	height: 345px;
}
#content_top_right3 {
	color: #FFFFFF;
	padding-top: 140px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 20px;
	width: 509px;
	right: 0px;
	bottom: 0px;
	float: right;
	line-height: 130%;
}
/*#content_top_right3 p {
	margin-top: 0.7em;
}*/
#content_top_border1 {
	width: 1px;
	position: absolute;
	top: 0px;
	bottom: 0px;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #FDFDFD;
	left: 260px;
}
#content_top_border2 {
	width: 1px;
	position: absolute;
	top: 0px;
	bottom: 0px;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	left: 532px;
}
#content_middle {
	width: 805px;
	margin-left: 160px;
	background-color: #FFFFFF;
	position: relative;
}
#content_middle_left    {
	background-color: #FFFFFF;
	float: left;
	padding-right: 15px;
	padding-left: 15px;
	width: 232px;
	padding-bottom: 15px;
}
/*#content_middle_left h4    {
	margin-top: 10px;
}*/
.content_middle_full, .content_middle_full_form {
	background-color: #FFFFFF;
	padding-right: 15px;
	padding-left: 15px;
	width: 775px;
	float: left;
}
.content_middle_full_form{
	padding:0px;
	width:765px;
}
.content_middle_full_article {
	background-color: #FFFFFF;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 10px;
	width: 765px;
	float: left;
}
.content_middle_full_article ul, .content_middle_full_article ol{
	margin: 0px;
	padding-left: 20px;
}
.content_middle_full_article li{
	padding-bottom: 3px;
}
/*.content_middle_full_article h4{
	margin-top: 15px;
}*/
.content_middle_full  h6, .content_middle_full_form  h6   {
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 4px;
	padding-left: 7px;
	background-color: #666666;
	color: #FFFFFF;
	font-weight: normal;
	line-height: 100%;
	margin-top: 25px;
}
.content_middle_left_2col, .content_middle_left_2col_form {
	background-color: #FFFFFF;
	float: left;
	width: 380px;
	margin-bottom: 15px;
	margin-left: 15px;

}

.content_middle_left_2col ul, .content_middle_right_2col ul{
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
}
.content_middle_right_2col, .content_middle_right_2col_form {
	float: right;
	width: 380px;
	margin-right: 15px;
	margin-bottom: 15px;
}
.content_middle_left_2col_form,.content_middle_right_2col_form{
	width:375px;
	margin-left:0px;
	margin-right:0px;
}
.content_middle_left_2col h4, .content_middle_right_2col h4{
	margin-top: 10px;
}
#content_middle_left h6, .content_middle_left_2col h6, .content_middle_right_2col h6{
	margin-top:15px;
	color: #333;
}
#content_middle_left ul {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
}
#content_middle_right {
	float: right;
	width: 542px;
	padding: 0px;
	margin: 0px;
}
#min_height_content_middle{
	float:right;
	width:1px;
	height:771px;
}
#content_middle_right_cad {
	background-color: #333;
	width: 542px;
	margin-top: 2px;
	position: absolute;
	top: 362px;
	right: 0px;
	bottom: 2px;
}
#content_middle_table {
	width: 775px;
	background-color: #999999;
	margin-left: 160px;
	padding: 15px;
	font-size: 10px;
	line-height: 100%;
}
#content_middle_table h2 {
	margin-top: 0px;
}
#content_middle_table table {
	background-color: #FFFFFF;
	border: 1px solid #333333;
	border-top: solid 2px #333;
	border-bottom: solid 2px #333;
	width: 100%;
}
#content_middle_table td {
	text-align: center;
}
#content_middle_table tr.modele {
	color: #FFFFFF;
	background-color: #333;
	font-weight: bold;
	text-align: center;
        height: 25px;
	font-size: 12px;
}
#content_middle_table td.line {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333;
        height: 35px;
}
#content_middle_table td.dimension {
	background-color: #CCCCCC;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333;
	color: #333333;
        height: 35px;
}

#footer {
	width: 805px;
	margin-left: 160px;
	background-color: #333333;
	position: relative;
	margin-bottom: 10px;
}
#footer_left {
	float: left;
	width: 232px;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	color: #999999;
}
#footer_border {
	width: 1px;
	position: absolute;
	top: 0px;
	bottom: 0px;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #707070;
	left: 261px;
}
#footer_right {
	float: right;
	width: 512px;
	color: #FFFFFF;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 15px;
}

.legal {
	font-size: 11px;
	line-height: 110%;
	color: #666666;
	text-align: right;
	padding-top: 5px;
	display: block;
}

#content_middle_table th {
	border-bottom: solid 1px #333;
	background-color: #EB8E06;
	color: #FFF;
}

#content_middle_table th.line {

}
#content_middle_table th.dimension {
	background-color: #b87006;
	border-bottom: solid 1px #333;
	Border-right: none;
	font-size: 12px;
}
.content_middle_form h5 {
	color: #999999;
}
#ldp_login {
	margin-top: 15px;
}
#ldp_login  a{
	color: #333333;
	display: block;
	text-decoration: none;
	padding-top: 5px;
	font-size: 10px;
	line-height: 11px;
}
#ldp_login  a:hover{
	color: #FFFFFF;
} 
.login{
	background-color: transparent;
	background-image: url(http://www.rotobec.com/es/templates/rotobec/images/bg_login.png);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-x-position: left;
	background-y-position: top;
	margin-top: 8px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-left: 5px;
	width: 120px;
	height: 16px;
	text-align: left;
	border: none;
	color: #333333;
	font-size: 11px;
	line-height: 12px;
	float: left;
	padding-top: 3px;
}
.login:hover{
	color:#FFFFFF;
}
#ldp_login input.button, #ldp_login input.button_logout  {
	height: 19px;
	width: 19px;
	border: none;
	cursor: pointer;
	overflow: hidden;
	display: block;
	background-image: url(http://www.rotobec.com/es/templates/rotobec/images/bt_login.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	float: left;
	margin-top: 8px;
	margin-left: 3px;
	background-color: transparent;
}
#ldp_login input.button_logout{
	background-image:url(http://www.rotobec.com/es/templates/rotobec/images/bt_logoff.png);
	width:23px;
	display:block;
	color:#333;
}
#ldp_login input.button_logout:hover{
	color:#FFF;
	background-image:url(http://www.rotobec.com/es/templates/rotobec/images/bt_logoff_o.png);
}
#ldp_login input.button:hover{
	background-image:url(http://www.rotobec.com/es/templates/rotobec/images/bt_login_o.png);
}
.red {
	color: #CC0000;
}
.input_title {
	padding-bottom: 1px;
	padding-top: 5px;
}
.input_adresse {
	width: 375px;
	background-color: #F0F0F0;
}
.input_2col {
	width: 375px;
	background-color: #F0F0F0;
}
.input_adresse_form, .input_2col_form {
	width: 375px;
	background-color: #F0F0F0;
}
.input_3col {
	width: 200px;
	background-color: #F0F0F0;
}
.input_checkbox {
	width: 190px;
	float: left;
}
.input_checkbox_3col {
	width: 258px;
	float: left;
}
.input_checkbox_form {
	width: 185px;
	float: left;
}
.input_checkbox_3col_form {
	width: 250px;
	float: left;
}

/*=======MODULES=======*/

/* module_xpo */

.moduletable_xpo h3{
	font-size: 120%;
	color: #FFFFFF;
}
.moduletable_xpo li{
	list-style:none;
}

/*mod_login */
#ldp_login .inputbox{
	background-color: transparent;
	background-image: url(http://www.rotobec.com/es/templates/rotobec/images/bg_login.png);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-x-position: left;
	background-y-position: top;
	margin-top: 8px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-left: 5px;
	width: 120px;
	height: 16px;
	text-align: left;
	border: none;
	color: #333333;
	font-size: 11px;
	line-height: 12px;
	float: left;
	padding-top: 3px;
}
#ldp_login .inputbox:hover{
	color:#FFFFFF;
}
/*----fin mod login----------*/


td, th {
	border-top-width: 0pt;
	border-right-width: 0pt;
	border-bottom-width: 0pt;
	border-left-width: 0pt;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: -moz-use-text-color;
	border-right-color: -moz-use-text-color;
	border-bottom-color: -moz-use-text-color;
	border-left-color: -moz-use-text-color;;
	padding: 0px;
	margin: 0px;
}
#content_middle_right div.moduletable{
	background-color:#000000;
}

fieldset, img {
	border-top-width: 0pt;
	border-right-width: 0pt;
	border-bottom-width: 0pt;
	border-left-width: 0pt;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: -moz-use-text-color;
	border-right-color: -moz-use-text-color;
	border-bottom-color: -moz-use-text-color;
	border-left-color: -moz-use-text-color;;
}
/*.buttonheading img{
	vertical-align: bottom;
}*/
.contentpanopen{
	padding: 0px;
	margin: 0px;
}
.contentpanopen ul {
	margin: 0px;
	padding-left: 15px;
}
.contentheading, .componentheading{
	font-weight: bold;
	font-size: 250%;
	line-height: 100%;
	font-weight: normal;
	color: #333333;
	margin: 0px;
	padding-top: 20px;
	padding-bottom: 5px;
	padding-right: 0px;
	padding-left: 0px;
}
.createdate {
	font-size: 95%;
	line-height: 100%;
	display:block;
	color: #666666;
	padding-top: 3px;
}
.modifydate {
	font-size: 95%;
	line-height: 100%;
	color:#999999;
	display:block;
	padding-top: 3px;
}
.small, .createdby{
	font-size: 95%;
	line-height: 100%;
	font-style: italic;
	display:block;
	color: #999999;
	padding-top: 3px;
}
.breadcrumbs{
	padding-left: 1px;
	font-size: 85%;
	color: #999999;
	text-decoration: none;
}
.pathway a{
	color: #FF8400;
	text-decoration: none;
}
.pathway a:hover{
	color: #F1A910;
	text-decoration: underline;
}


/*==FROMMILK== spacers */


/*
table.blog{
	width: 100%;
}
table.blog span.article_separator {
	display: block;
	height: 20px;
}

.article_column {
	padding-right: 5px;
}

.column_separator {
	border-left: 1px dotted #333333;
	padding-left: 10px;
}*/


/*=======FROMBEEZ=======*/

a{
	color: #FF8400;
	text-decoration: none;
}

a:hover{
	color: #F1A910;
	text-decoration: underline;
}

p.buttonheading {
	text-align:right;
	height: 18px;
}

.buttonheading img {
	border:0;
}
.contentdescription{
	padding-right: 0px;
}
.leading{
	background: none;
	border-top: dotted 1px #333333;
	/*border: solid 1px #CCCCCC;
	margin: 30px 0px 10px 0px;
	padding: 20px 20px 40px 120px;*/
	position: relative;
}

.leading_separator{
	border-bottom: solid 0px #333333;
	display: block;
	height: 10px;
	margin: 0 0 0px 0;
}

.article_separator{
	border: solid 1px #333333;
	display: none;
	margin: 0px 0 0px 0;
}

.blog { padding: 0; }

.cols1{
	display: block;
	float: none !important;
	margin: 0 !important;
}

.cols2 { width: 47.5%; }
.cols3 { width: 30%; }

.column1{
	position: relative;
	float: left;
	margin: 0;
}

.column2{
	position: relative;
	float: left;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 5%;
}

.column3{
	position: relative;
	float: right;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 5%;
}

.article_row{
	margin: 0px 0 0px 0;
	padding: 0;
	overflow: hidden;
}

.article_column{
	border-top: dotted 1px #333333;
	margin-top: 15px;
	padding: 0px;
}

.row_separator{
	display: block;
	clear: both;
	margin: 0;
	border: solid 0px;
}
#search_form_button{
	margin-top:20px;
	margin-bottom:20px;
	border-top:1px dotted #333;
	text-align:right;
	display:block;
	padding-top:10px;
	width:100%;
}
.checkbox_texte{
	width:210px;
}
.checkbox_case{
	float:left;
}
/*===ESSAIS===*/
/* Tooltips */
.tool-tip {
	float: left;
	background: #ffc;
	border: 1px solid #D4D5AA;
	padding: 5px;
	max-width: 200px;
}

.tool-title {
	padding: 0;
	margin: 0;
	font-size: 100%;
	font-weight: bold;
	margin-top: -15px;
	padding-top: 15px;
	padding-bottom: 5px;
	background: url(../../../images/selector-arrow.png) no-repeat;
}

.tool-text {
	font-size: 100%;
	margin: 0;
}
#footer_right a{
	float:right;
	padding-left:5px;
}