/*==========================================*/
/*               PRODUCT                    */
/*==========================================*/
#page_product{
	overflow:hidden;
}
#page_product_article{
  float: left;
  width: 480px;
}
#page_product_link, #page_product_latest{
  float: right;
	margin-left:5px;
  width: 170px;
}

.page_product_article_title{
  width: 100%;
  font: 16px Arial,Helvetica,sans-serif;
  font-weight: bold;
  color:#ff6600;
}
.page_product_article_picture {
  float: right;
  width: 200px;
  margin: 1px 5px 15px 15px; 
  text-align: center;
  border:0;
}
#page_product_link ul, #page_product_latest ul{
  padding-bottom: 5px;
  text-align: left;
  list-style : url(../images/puce_lien.gif) outside;
	margin-left:0;
	padding-left:28px;
}
#page_product_link li, #page_product_latest li{
  padding-left: 0px;
  background-repeat: no-repeat;
}
#page_product_link li a, #page_product_latest li a{
  font: 11px verdana, arial, sans-serif;
  color: #0038a8;
	text-decoration: none ;
}
#page_product_link li a:hover, #page_product_latest li a:hover{
  color: #ff6600;
}

/*==========================================*/
/*               MECATRONIC                 */
/*==========================================*/
.page_mechatronic{
  border-right: solid 1px #E2E2E2;
  border-bottom: solid 1px #E2E2E2;
  margin-bottom: 20px;
	width:655px; /*pour ie6*/
}
.page_mechatronic table{
  width: 100%;
  margin-bottom: 10px;
}
.page_mechatronic_td_title{
  width:100%;
  background-color: #fff8e8;
}
.page_mechatronic_title{
  font: 14px Arial,Helvetica,sans-serif;
  font-weight: bold;
  color:#ff6600;
  text-align: left;
  background-color: #fff8e8;
	float:left;
}
.page_mechatronic_pictogramme{
  background-color: #fff8e8;
	float:right;
}
.page_mechatronic_description_label{
  font: 11px Verdana,Arial,Helvetica,sans-serif;
  font-weight: bold;
  text-align: left;
	width: 22%;
	height: 20px;
  color: #525252;
}
.page_mechatronic_description_answer{
  font: 11px Verdana,Arial,Helvetica,sans-serif;
  text-align: justify;
	width: 61%;
	height: 20px;
}

/*==========================================*/
/*               TECHNOLOGIE                */
/*==========================================*/
.page_technologie{
  border-right: solid 1px #E2E2E2;
  border-bottom: solid 1px #E2E2E2;
  margin-bottom: 20px;
	width:655px; /*pour ie6*/
}
.page_technologie table{
  width: 100%;
  margin-bottom: 10px;
}
.page_technologie_td_title{
  width:100%;
  background-color: #fff8e8;
}
.page_technologie_title{
  font: 14px Arial,Helvetica,sans-serif;
  font-weight: bold;
  color:#ff6600;
  text-align: left;
  background-color: #fff8e8;
	float:left;
}
.page_technologie_pictogramme{
  background-color: #fff8e8;
  text-align: right;
	float:right;
}
.page_technologie_description_label{
  font: 11px Verdana,Arial,Helvetica,sans-serif;
  font-weight: bold;
  text-align: left;
	width: 15%;
	height: 20px;
  color: #525252;
}
.page_technologie_description_answer{
  font: 11px Verdana,Arial,Helvetica,sans-serif;
  text-align: justify;
	width: 70%;
	height: 20px;
}

/*==========================================*/
/*               TRAINING                   */
/*==========================================*/
.page_training{
  border-right: solid 1px #E2E2E2;
  border-bottom: solid 1px #E2E2E2;
  margin-bottom: 20px;
	width:655px; /*pour ie6*/
}
.page_training table{
  width: 100%;
  margin-bottom: 10px;
}

.page_training_title{
  font: 14px Arial,Helvetica,sans-serif;
  font-weight: bold;
  color:#ff6600;
  text-align: left;
  background-color: #fff8e8;
}
.page_training_date{
  font: 11px Verdana,Arial,Helvetica,sans-serif;
  color:#ff6600;
  text-align: right;
  font-weight: bold;
  background-color: #fff8e8;
}
.page_training_description_label{
  font: 11px Verdana,Arial,Helvetica,sans-serif;
  font-weight: bold;
  text-align: left;
	width: 12%;
	height: 20px;
  color: #525252;
}
.page_training_description_answer{
  font: 11px Verdana,Arial,Helvetica,sans-serif;
  text-align: justify;
	width: 63%;
	height: 20px;
}
.page_training_picture{
	text-align: center;
  vertical-align: middle;
}
.page_training_link{
  text-align: right;
}
.page_training_link a{
  font: 10px verdana, arial, sans-serif;
	font-weight: bold ;
	letter-spacing: 1px ;
  color:#0038a8;
	list-style-type: none ;
	text-decoration: none ;
}
.page_training_link a:hover{
	text-decoration: underline ;
}

/*==========================================*/
/*               PUBLICATION                */
/*==========================================*/
.page_publication{
}
.page_publication_table{
  margin-bottom: 10px;
  width: 100%;
  margin-left: 0px;
}
.page_publication_title{
  font: 14px Arial,Helvetica,sans-serif;
  font-weight: normal;
  font-weight: bold;
  font: 11px Verdana,Arial,Helvetica,sans-serif;
  color:#0038A8;
  text-align: left;
}
.page_publication_title a{
  font: 14px Arial,Helvetica,sans-serif;
  font: 11px Verdana,Arial,Helvetica,sans-serif;
  font-weight: normal;
  font-weight: bold;
  color:#0038A8;
  text-align: left;
	text-decoration: none ;
}
.page_publication_title a:hover{
  color:#ff6600;
}
.page_publication_date{
  font: 11px Arial,Helvetica,sans-serif;
  font: 10px Verdana,Arial,Helvetica,sans-serif;
  font-style: italic;
  color:#000000;
  text-align: left;
}
.page_publication_picture{
  text-align: center;
  width: 10%;
}

/*==========================================*/
/*               APPLICATIONS               */
/*==========================================*/
#page_application{
  margin-bottom: 20px;
	width:655px; /*pour ie6*/
	background-color:#FFF;
}
#page_application_entete{
  width:100%; /*pour ie6*/
}
#page_application_titre{
	font-family: Arial, Helvetica, sans-serif;
	color: #FF6600;
	font-weight: bold;
	font-size: 16px;
}
#page_application_intro{
	width: 55%;
	float: left;
	padding-top: 10px;
  font: 11px Verdana,Arial,Helvetica,sans-serif;
}
#page_application_image{
	margin-left:67%;
	margin-top:-5%;
  width: 30%;
  height: 100px;
}
#page_application_description{
	margin-top:5px;
	width:655px; /*pour ie6*/
}
#page_application_latestpublication{
}
.page_application_table{
  width: 100%;
  margin-bottom: 10px;
	border-top: 1px solid #FF6600;
}
#page_application_left{
	float:left;
	width: 45%;
}
#page_application_right{
	float:right;
	width: 45%;
}
.page_application_table_titre{
	font: 12px verdana, arial, sans-serif;
	font-weight: bold;
	color: #0038a8;
	text-align:left;
	width:100%;
}
.page_application_table_img{
	width:40px;
	text-align:center;
}
.page_application_table_img img{
	border: none;
}
.page_application_table_list li{
	font: 10px verdana, arial, sans-serif;
	text-align:center;
}


/*==========================================*/
/*                    JOB                   */
/*==========================================*/
.page_job{
  border-right: solid 1px #E2E2E2;
  border-bottom: solid 1px #E2E2E2;
  margin-bottom: 20px;
	width:655px; /*pour ie6*/
}
.page_job table{
  width: 100%;
  margin-bottom: 10px;
}
.page_job_title{
  font: 14px Arial,Helvetica,sans-serif;
  font-weight: bold;
  color:#ff6600;
  text-align: left;
  background-color: #fff8e8;
}
.page_job_publication_date{
  font: 11px Verdana,Arial,Helvetica,sans-serif;
  color:#ff6600;
  text-align: right;
  font-weight: bold;
  background-color: #fff8e8;
}
.page_job_description_label{
  font: 11px Verdana,Arial,Helvetica,sans-serif;
  font-weight: bold;
  text-align: left;
	width: 18%;
  color: #525252;
  height: 20px;
}
.page_job_description_answer{
  font: 11px Verdana,Arial,Helvetica,sans-serif;
  text-align: left;
	width: 22%;
  height: 20px;
}
.page_job_picture{
	background-image: url(../images/ico_careers.png);
	background-repeat: no-repeat;
	background-position: center;
}
.page_job_link{
  text-align: right;
}
.page_job_link a{
  font: 10px verdana, arial, sans-serif;
	font-weight: bold ;
	letter-spacing: 1px ;
  color:#0038a8;
	text-decoration: none ;
}
.page_job_link a:hover{
	text-decoration: underline ;
}
/*==========================================*/
/*                    WEBINARS                   */
/*==========================================*/
.page_webinars{
  border-right: solid 1px #E2E2E2;
  border-bottom: solid 1px #E2E2E2;
  margin-bottom: 20px;
	width:655px; /*pour ie6*/
}
.page_webinars table{
  width: 100%;
  margin-bottom: 10px;
}
.page_webinars_title{
  font: 14px Arial,Helvetica,sans-serif;
  font-weight: bold;
  color:#ff6600;
  text-align: left;
  background-color: #fff8e8;
}
.page_webinars_description_label{
  font: 11px Verdana,Arial,Helvetica,sans-serif;
  font-weight: bold;
  text-align: left;
	width: 18%;
  color: #525252;
  height: 20px;
}
.page_webinars_description_answer{
  font: 11px Verdana,Arial,Helvetica,sans-serif;
  text-align: left;
  height: 20px;
}
.page_webinars_flat{
	vertical-align:text-top;
	width:5%;
}
.page_webinars_description_answer_date{
  font: 11px Verdana,Arial,Helvetica,sans-serif;
  text-align: left;
  height: 20px;
	font-weight: bold ;
}
.page_webinars a{
  font: 11px verdana, arial, sans-serif;
	font-weight: bold ;
  color:#0038a8;
	text-decoration: none ;
}
.page_webinars a:hover{
  color: #ff6600;
}

/*==========================================*/
/*       WEBINARS REGISTRATION              */
/*==========================================*/
.webinar-mailform {
  width: 600px;
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 10px;
	border: solid 0px #E2E2E2;
  margin-bottom: 20px;
}
.webinar-mailform-field {
    margin-top: 5px; 
    width: 550px;
}
.webinar-mailform-webinar {
    margin-top: 5px; 
    width: 550px;
}
.webinar-mailform-field label {
    vertical-align:top;
    margin-top: 2px;
    /*width: 100px;*/
}
.webinar-mailform input {
    border: solid 1px #bbbbbb;
    color: #0038a8;
    width: 550px;
}
.webinar-mailform-captcha {
    margin-top: 5px; 
}
.webinar-mailform-captcha input{
    border: solid 1px #bbbbbb;
    color: #0038a8;
    width: 470px;
}
.webinar-mailform select {
    border: solid 1px #0038a8;
    width: 550px;
    color:#0038a8;
}
.webinar-mailform-webinar select {
    border: solid 1px #0038a8;
    width: 550px;
    color:#0038a8;
}
.webinar-mailform textarea {
    border: solid 1px #bbbbbb;
    width: 550px;
}
.webinar-mailform-submit {
    border: solid 1px #0038a8;
    /*margin-left: 105px;*/
    font:bold;
    background-color: #ffffff;
}

/*==========================================*/
/*       ROADSHOW REGISTRATION              */
/*==========================================*/
.roadshow-mailform {
  width: 300px;
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 10px;
	border: solid 0px #E2E2E2;
  margin-bottom: 20px;
}
.roadshow-mailform-field {
    margin-top: 5px; 
    width: 250px;
}
.roadshow-mailform-roadshow {
    margin-top: 5px; 
    width: 250px;
}
.roadshow-mailform-field label {
    vertical-align:top;
    margin-top: 2px;
    /*width: 100px;*/
}
.roadshow-mailform input {
    border: solid 1px #bbbbbb;
    color: #0038a8;
    width: 250px;
}
.roadshow-mailform-captcha {
    margin-top: 5px; 
    width: 250px;
}
.roadshow-mailform-captcha input{
    border: solid 1px #bbbbbb;
    color: #0038a8;
    width: 172px;
}
.roadshow-mailform select {
    border: solid 1px #0038a8;
    width: 252px;
    color:#0038a8;
}
.roadshow-mailform-roadshow select {
    border: solid 1px #0038a8;
    width: 250px;
    color:#0038a8;
}
.roadshow-mailform textarea {
    border: solid 1px #bbbbbb;
    width: 250px;
}
.roadshow-mailform-submit {
    border: solid 1px #0038a8;
    /*margin-left: 105px;*/
    font:bold;
    background-color: #ffffff;
}

/*==========================================*/
/*               NEWS                       */
/*==========================================*/
.page_news{
  border-right: solid 1px #E2E2E2;
  border-bottom: solid 1px #E2E2E2;
  margin-bottom: 20px;
	width:655px; /*pour ie6*/
}
.page_news_table{
  margin-bottom: 10px;
  width: 100%;
}
.page_news_title{
  font: 14px Arial,Helvetica,sans-serif;
  font-weight: bold;
  color:#ff6600;
  background-color: #fff8e8;
}
.page_news_date{
  font: 11px Verdana,Arial,Helvetica,sans-serif;
  color:#ff6600;
  text-align: right;
  background-color: #fff8e8;
  font-weight: bold;
	width:250px;
}
.page_news_content{
  font: 11px Verdana,Arial,Helvetica,sans-serif;
  vertical-align: top;
  text-align: justify;
  width:78%;
}
.page_news_picture{
  text-align: center;
  vertical-align: middle;
	padding:10px
}
.page_news_link{
  text-align: right;
}
.page_news_link a{
  font: 10px verdana, arial, sans-serif;
	font-weight: bold ;
	letter-spacing: 1px ;
  color:#0038a8;
	text-decoration: none ;
}
.page_news_link a:hover{
	text-decoration: underline ;
}

/*==========================================*/
/*               EVENEMENT                  */
/*==========================================*/
.page_event{
  border-right: solid 1px #E2E2E2;
  border-bottom: solid 1px #E2E2E2;
  margin-bottom: 20px;  
	width:655px; /*pour ie6*/
}
.page_event table{
  width: 100%;
  margin-bottom: 10px;
}
.page_event_title{
  font: 14px Arial,Helvetica,sans-serif;
  font-weight: bold;
  color:#ff6600;
  background-color: #fff8e8;
}
.page_event_period{
  font: 11px Verdana,Arial,Helvetica,sans-serif;
  font-weight: bold;
  color:#ff6600;
  text-align: right;
  background-color: #fff8e8;
}
.page_event_place{
  font: 10px Verdana,Arial,Helvetica,sans-serif;
  font-weight: bold;
  text-align: left;
}
.page_event_content{
  font: 11px Verdana,Arial,Helvetica,sans-serif;
  width:70%;
  vertical-align: top;
  text-align: justify;
}
.page_event_picture{
  text-align: center;
  vertical-align: middle;
}
.page_event_link{
  text-align: right;
}
.page_event_link a{
  font: 10px verdana, arial, sans-serif;
	font-weight: bold ;
	letter-spacing: 1px ;
  color:#0038a8;
	text-decoration: none ;
}
.page_event_link a:hover{
	text-decoration: underline ;
}

/*==========================================*/
/*       EXTENSION SMILE_CATEGORIZATION     */
/*==========================================*/
.tx-smilecategorization-pi1 {
  padding: 5px 5px 5px 0px;
  font-family: "Verdana";
}
.tx-smilecategorization-pi1 ul {
  padding: 0px 0px 0px 0px;
  margin: 5px 0px 0px 30px;
}
.tx-smilecategorization-pi1 ul a {
  color:#0038a8;
  text-decoration: none;
}
.tx-smilecategorization-pi1 ul a:hover{
  color:#ff6600;
}
.tx-smilecategorization-pi1 li {
  list-style: url(../images/puce_lien.gif);
  padding: 0px 0px 4px 3px;
}

/*==========================================*/
/*       EXTENSION MAILFORM                 */
/*==========================================*/
.csc-mailform {
  width: 600px;
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 10px;
	border: solid 0px #E2E2E2;
  margin-bottom: 20px;
}
.csc-mailform-field {
    margin-top: 5px; 
    width: 300px;
}
.csc-mailform-checkbox input{
}
.csc-mailform-field label {
    vertical-align:top;
    margin-top: 2px;
    /*width: 100px;*/
}
.csc-mailform-field input {
    border: solid 1px #bbbbbb;
    color: #0038a8;
    width: 300px;
}
.csc-mailform-captcha {
    margin-top: 5px; 
}
.csc-mailform-captcha input{
    border: solid 1px #bbbbbb;
    color: #0038a8;
    width: 225px;
}
.csc-mailform select {
    border: solid 1px #0038a8;
    width: 300px;
    color:#0038a8;
}
.csc-mailform textarea {
    border: solid 1px #bbbbbb;
    width: 300px;
}
.csc-mailform-submit {
    border: solid 1px #0038a8;
    /*margin-left: 105px;*/
    font:bold;
    background-color: #ffffff;
}
.error {
  color: #FF0000;
  font-weight: bold;
}

/*==========================================*/
/*               DIVERS                     */
/*==========================================*/
.zoom_img{ /* gestion de la boite de zoom des images (mechatronic/technologie) */
	margin-top:5px;
	margin-left:25px;
}
.vignet_img{ /* taille de la vignette des templates mechatronic et technologie */
	width:64px; height:64px;
}

