@CHARSET "UTF-8";
@import url(http://fonts.googleapis.com/css?family=Dosis:400,200,300,500,700);

/********************************************************/
/** LES ELEMENTS DE BASE ********************************/
/********************************************************/
html, body{
	margin:0px;
	padding:0px;
}

body{
    background-color:#fff;
	font-family: 'Dosis', Arial, Verdana;
	color:#333;
	font-size:12px;
	background-image: url("../img/basic/bg-general.jpg");
	background-position: top center;
	background-repeat: repeat;
}

img{
	border:none;
}

a{
	color:#3B3B3B;
	outline: none;
	outline: 0;
}

a:hover{
	color:#000;
	outline: none;
	outline: 0;
}

.span_center{
	display: block;
	text-align: center;
}

.div_paginate{
	margin-top: 10px;
	margin-bottom: 10px;
	height: 20px;
	clear: both;
}

.div_paginate div{
	float: right;
	margin-right: 30px;
}

.span_pages, .span_pages_current{
	display: block;
	float: left;
	text-decoration: none;
	padding: 3px;
	padding-left: 6px;
	padding-right: 6px;
	background-color: #555;
	font-weight: bold;
	color: #fff;
	margin-right: 5px;
	/*margin-top: 10px;*/
}

.span_pages_current{
	background-color: #b7111b;
}

.div_clearer{
	clear:both;
}

.img_middle{
	vertical-align: middle;
}

.span_handler{
	cursor: pointer;
}

.hidden{
	display: none;
}

hr{
	margin: 5px;
}

h1{
	font-size: 18px;
	color: #D31A28;
}

h2{
	font-size: 20px;
}

h3{
	/* H3 */
}

h4{
	/* H4 */
}

.content_center{
	display: block;
	text-align: center;
}

.div_separator{
	clear:both;
	height: 10px;
	background-color: #000;
}

/********************************************************/
/** GLOBALE *********************************************/
/********************************************************/
#div_template_simple{
	/*background-image: url("../img/basic/bg-top.png");
	background-position: top center;
	background-repeat: no-repeat;*/
}

#div_globale{
	/*background-image: url("../img/basic/bg-footer.png");
	background-position: bottom center;
	background-repeat: no-repeat;*/
}

#div_wrapper{
	/*background-image: url("../img/basic/bg-wrapper-footer.png");
	background-position: bottom left;
	background-repeat: no-repeat;*/
	background-color: #fff;
	border: #ccc solid 1px; 
	margin-bottom: 20px;
	margin-top: 20px;
}

.div_message_info{
	border: 2px #AD8722 solid;
	padding: 10px;
	margin: 5px;
	margin-bottom: 10px;
	background-color: #3D0108;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
}

.div_message_info .img_warning{
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
}

.div_info{
	color: #80B840;
	margin: 15px;
	padding: 15px;
	border: 1px dashed #E64E92;
}

/********************************************************/
/** LE HEADER *******************************************/
/********************************************************/
#div_header #div_top{
	height: 100px;
	padding-top: 10px;
	background-color: #f1f1f1;
	border-bottom: 1px #999 solid;
	background-image: url("../img/basic/bg-head.png");
	background-position: top left;
	background-repeat: no-repeat;
}

#div_header #a_logo{
	display: block;
	float: left;
	margin-left: 75px;
	margin-right: 0px;
	padding-top: 15px;	
}

#div_header #div_top #div_header_top{
	float: right;
	margin: 20px;
}

#div_header #div_top #div_header_top .select_lang{
	color: #999;
}

#div_header #div_top #div_header_top img{
	display: block;
	float: left;
	margin-right: 15px;
}

/********************************************************/
/** MENU TOP ********************************************/
/********************************************************/
#div_menu_top a{
	/* MENU TOP */
}

#div_menu_top a:hover, #div_menu_top .a_current{
	/* MENU TOP HOVER */
}

/********************************************************/
/** MENU LEFT *******************************************/
/********************************************************/
#div_menu_left_int{
	padding: 0px;
}

#div_menu_left_int .a_menu_left,
#div_menu_left_int .a_menu_left_int{
	display: block;
	margin-top: 5px;
	margin-bottom: 5px;
	text-decoration: none;
	background-image: url("../img/basic/arrow_1.png");
	background-position: 10px;
	background-repeat: no-repeat;
	padding: 5px;
	padding-left: 35px;
}


#div_menu_left_int .a_menu_left_int{
	background-image: url("../img/basic/arrow_4.png");
	margin-left: 15px;
}

#div_menu_left_int .a_menu_left:hover,
#div_menu_left_int .a_menu_left_int:hover,
#div_menu_left_int .a_menu_left_select,
#div_menu_left_int .a_menu_left_int_select{
	background-color: #D31A28;
	font-weight: bold;
	color: #fff;
}

#div_menu_left_int .a_menu_left_int:hover{
	background-color: #EFEFEF;
	color: #333;
}

#div_menu_left_int .a_menu_left_int_select,
#div_menu_left_int .a_menu_style1:hover{
	background-color: #D31A28;
}

#div_menu_left_int .a_menu_style2,
#div_menu_left_int .a_menu_style2:hover{
	background-color: #94BE27;
}

#div_menu_left_int .a_menu_style3,
#div_menu_left_int .a_menu_style3:hover{
	background-color: #7C688F;
}

/********************************************************/
/** CONTENT *********************************************/
/********************************************************/
#div_content{
	min-height: 400px;
	padding-top: 25px;
}

#div_globale_produits img{
	max-width: 100%;
}
/********************************************************/
/** HOME ************************************************/
/********************************************************/
.div_block_produits{
	float: left;
	width: 256px;
	height: 170px;
	margin-bottom: 25px;
	margin-right: 95px;
	background-image: url("../img/basic/cadre-home-02-ro.png");
	background-position: top left;
	background-repeat: no-repeat;
}

#div_block_home_2{
	background-image: url("../img/basic/cadre-home-01-ro.png");
}

#div_block_home_3{
	background-image: url("../img/basic/cadre-home-03-ro.png");
}

#div_block_home_4{
	background-image: url("../img/basic/cadre-home-04-ro.png");
}

#div_block_home_5{
	background-image: url("../img/basic/cadre-home-05-ro.png");
}

#div_block_home_6{
	background-image: url("../img/basic/cadre-home-06-ro.png");
}

#div_block_home_7{
	background-image: url("../img/basic/cadre-home-07-ro.png");
}

#div_block_home_8{
	background-image: url("../img/basic/cadre-home-08-ro.png");
}

#div_block_home_9{
	background-image: url("../img/basic/cadre-home-09-ro.png");
}

#div_block_home_10{
	background-image: url("../img/basic/cadre-home-10-ro.png");
}

#div_block_home_12{
	background-image: url("../img/basic/cadre-home-11-ro.png");
	margin-left: 174px;
}

#div_content #div_home .div_block_produits h1{
	color: #fff;
	font-size: 15px;
	font-weight: normal;
	text-align: center;
	padding-top: 10px;
	margin: 0px;
	margin-bottom: 5px;
}

#div_content #div_home .div_block_produits .a_int_block_home{
	display: block;
	float: left;
	text-decoration: none;
	width: 238px;
	height: 90px;
}

#div_content #div_home .div_block_produits h2{
	float: left;
	color: #fff;
	font-size: 10px;
	font-weight: normal;
	margin-top: 6px;
	padding-left: 15px;
}

#div_content #div_home .div_block_produits .a_home_bottom{
	display: block;
	float: left;
	text-align: right;
	margin-top: 6px;
	padding-left: 130px;
}

/** PAGE ************************************************/
.table_listing{
	width: 100%;
}

.table_listing td{
	padding: 10px;
	border: 1px solid #ccc;
}

.table_listing .td_left{
	min-width: 180px;
}

.table_listing .tr_header td{
	color: #fff;
	background-color: #D31A28;
	border: none;
	font-weight: bold;
}

.table_listing .span_pastille{
	display: block;
	background-image: url("../img/basic/pastille-grey-ok.png");
	background-position: left;
	background-repeat: no-repeat;
	padding-left: 10px;
	float: left;
	width: 230px;
}

#div_metiers .table_listing .tr_header td{
	background-color: #94BE27;
}

#div_metiers h1{
	color: #94BE27;
}

#div_technologie .table_listing .tr_header td{
	background-color: #7C688F;
}

#div_technologie h1{
	color: #7C688F;
}

/** PLAN ********9****************************************/

/** GROUPE ***********************************************/

/** ENJEUX ************************************************/

/** APPLICATIONS ******************************************/



/** METIERS ***********************************************/

/** PRODUCTION ******************************************/

/** TECHNOLOGIE ******************************************/

/** RIGHT PAGE *******************************************/

/********************************************************/
/** RECHERCHES ******************************************/
/********************************************************/

/********************************************************/
/** ARTICLES ********************************************/
/********************************************************/
#div_page .div_articles{
	min-height: 600px;
}

.div_actualite{
	margin-bottom: 20px;
}

.div_actualite .div_img{
	margin-right: 10px;
	float: left;
	border: 5px solid #C4C4C4;
}

.div_actualite h2 a{
	color: #D31A28;
	font-size: 14px;
	text-decoration: none;
	font-weight: normal;
}

.div_actualite h2 a:hover{
	text-decoration: underline;
}

.div_actualite h3{
	font-size: 12px;
	font-weight: normal;
	font-family: Arial, Verbena;
}

.a_retour_actu{
	float: right;
}

#div_page .div_articles .h2_article{
	font-weight: normal;
	color: #D31A28;
	font-size: 14px;
}

#div_page .div_articles .div_banniere{
	float: left;
	margin-top: 5px;
	margin-bottom: 30px;
	margin-right: 30px;
	border: 5px solid #C4C4C4;
}

#div_page .div_articles .div_contenu{
	font-family: Arial, Verbena;
}


/********************************************************/
/** PAGES ***********************************************/
/********************************************************/

/********************************************************/
/** RUBRIQUES *******************************************/
/********************************************************/

/********************************************************/
/** FORMULAIRES *****************************************/
/********************************************************/
.div_formulaires table{
	
}

.div_formulaires table td{
	padding: 5px;
}

/********************************************************/
/** PRIVADO *********************************************/
/********************************************************/
.div_links{
	padding: 10px; 
	text-shadow: 1px 1px 0 #ccc; 
	background-color: #D8D8D8;
	/*background: #ECECEC url('css3buttons/images/css3buttons_backgrounds.png') 0 0 no-repeat; */
	border: 1px solid #ccc; 
	-webkit-border-radius: 10px; 
	-moz-border-radius: 10px; 
	border-radius: 10px;
	margin-bottom: 15px;
	color: #888;
}

.div_links a{
	color: #333;
}

.div_links img{
	margin-right: 10px;
}

.div_links p{
	padding-left: 25px;
}

.div_links:hover{
	border: 1px solid #27160e; 
	text-shadow: none; 
	background-color: #F1F1F1;
	color: #000;
	-webkit-border-radius: 15px; 
	-moz-border-radius: 15px; 
	border-radius: 15px;
}

.div_links:hover a{
	color: #27160e; 
}

/********************************************************/
/** ADMIN ***********************************************/
/********************************************************/
#div_administration{
}

/** LISTES **********************************************/
.div_list table{
	width: 100%;
}

.div_list table tr td{
	padding: 3px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
	border-left: 1px #c5d0db solid;
	border-bottom: 1px #c5d0db solid;
	padding-left: 2px;
	vertical-align: middle;
}

.div_list table .tr_before td{
	text-align: left;
	border-left: none;
}

.div_list table .tr_head{
	/*background-image: url("../img/basic/bg-menu-head.png");
	background-position: top;
	background-repeat: repeat-x;*/
	color: #fff;
	text-shadow: 1px 1px 0 #000; 
	font-weight: bold;
	background-color: #27160e;
}

.div_list table .tr_head td{
	font-weight: bold;
	border-left: 1px #fff solid;
	border-top: 1px #fff solid;
}

.div_list table .tr_head td a{
	color: #fff;
	text-decoration: none;
}

.div_list table tr .td_actions{
	border-right: 1px #c5d0db solid;
	padding-right: 2px;
}

.div_list table .tr_list_1{
	background-color: #fcedce;
}

.div_list table .tr_list_0{
	background-color: #fff;
}

.div_inline_parent{
	display: none;
}

/********************************************************/
/** CONTACT *********************************************/
/********************************************************/
#div_map{
	background-color: #D31A28;
	color: #fff;
	padding: 0px;
	margin: 0px;
	width: 705px;
}

#div_contact_info{
	color: #fff;
	background-image: url("../img/basic/bg-contact.png");
	background-position: right bottom;
	background-repeat: no-repeat;
	background-color: #D31A28;
	width: 705px;
	padding: 0px;
	margin: 0px;
}

#div_contact_info table{
	width: 100%;
}

#div_contact_info table td{
	width: 33%;
	padding: 20px;
}

#div_contact_info table td h2{
	font-size: 16px;
}

#div_contact_info table td p{
	padding: 0px;
	margin: 0px;
}

#div_contact_info table td a{
	color: #fff;
	text-decoration: none;
}

#div_contact form{
	font-family: Arial, Verbena;
}

#div_contact form table td{
	padding-right: 20px;
	width: 33%;
}

#div_contact form table td table{
	margin: 0px;
	width: 100%;
}

#div_contact form table td table td{
	width: 25%;
}

#div_contact form h2{
	font-family: Dosis, Arial, Verbena;
	font-size: 15px;
	padding: 0px;
	margin: 0px;
	color: #D31A28;
	font-weight: normal;
}

#div_contact form .input_large,
#div_contact form .textarea_large,
#div_contact form select{
	width: 100%;
	border: none;
	background: none;
	background-color: #d8d8d8;
	padding: 4px;
}

.td_one_line div{
	float: left;
	margin-right: 15px;
}

.inputTextBis{
	width: 220px;
	border: none;
	background: none;
	background-color: #d8d8d8;
	padding: 4px;
	margin-right: 30px;
}

.td_one_line .inputSubmit{
	width: 160px;
	height: 25px;
	font-size: 0px;
	text-indent: -10000px;
	background: none;
	border: none;
	background-image: url("../img/basic/envoyer-ma-demande.png");
	background-position: left;
	background-repeat: no-repeat;
	cursor: pointer;
}

.td_one_line span{
	display: block;
	font-style: italic;
	margin-top: 30px;
	font-size: 10px;
}

.td_mentions{
	font-style: italic;
	margin-top: 30px;
	font-size: 10px;
}

#div_contact form .inputGrey{
	border: none;
	background: none;
	background-color: #d8d8d8;
	padding: 4px;
}

#div_contact form table table .td_form_int_int_1,
#div_contact form table table .td_form_int_int_3{
	text-align: right;
}

#div_contact form table table .td_form_int_int_2,
#div_contact form table table .td_form_int_int_4{
	width: 20%;
}

/********************************************************/
/** DEVIS ***********************************************/
/********************************************************/
#selection_devis a{
	display: block;
	float: left;
	width: 205px;
	height: 120px;
	border: 1px solid #ccc;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 15px;
	padding: 5px;
	background-image: url("../img/basic/devis-img-traction.png");
	background-position: bottom center;
	background-repeat: no-repeat;
	text-align: center;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
	color: #94BE27;
}

#div_page .div_bandeau_traction .a_devis_traction,
#div_page .div_bandeau_torsion .a_devis_torsion,
#div_page .div_bandeau_compression .a_devis_compression,
#div_page .div_bandeau_other .a_devis_other,
#selection_devis a:hover{
	padding: 1px;
	border: 4px solid #94BE27;
}

#selection_devis .a_devis_torsion{
	background-image: url("../img/basic/devis-img-torsion.png");
}

#selection_devis .a_devis_compression{
	background-image: url("../img/basic/devis-img-compression.png");
}

#selection_devis .a_devis_other{
	background-image: url("../img/basic/devis-img-other.png");
}

/* *** XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX *** */
.div_devis h1{
	font-family: 'Dosis', sans-serif;
	font-size: 20px;
	padding: 0px;
	margin: 0px;
	padding-bottom: 10px;
}

.div_devis h1 span{
	font-weight: normal;
	color: #999;
}

.div_devis .span_obligatoire{
	font-size: 11px;
	font-style: italic;
}

.div_devis .span_float{
	float: right;
}

.div_devis #div_in_the_box table h2,
.div_devis #div_in_the_box h2{
	font-family: 'Dosis', sans-serif;
	font-size: 14px;
	padding: 0px;
	margin: 0px;
	color: #95BC0D;
	font-weight: bold;
}

.div_devis #div_in_the_box table h3,
.div_devis #div_in_the_box h3{
	font-size: 11px;
	padding: 0px;
	margin: 0px;
	font-weight: normal;
}

.div_devis #div_in_the_box table td{
	vertical-align: top;
}

.div_devis #div_in_the_box .div_devis_3_left,
.div_devis #div_in_the_box .div_devis_3_middle,
.div_devis #div_in_the_box .div_devis_3_right{
	float: left;
	width: 312px;
}

.div_devis #div_in_the_box .div_devis_3_left select,
.div_devis #div_in_the_box .div_devis_3_middle select,
.div_devis #div_in_the_box .div_devis_3_right select,
.div_devis #div_in_the_box .div_devis_3_left input,
.div_devis #div_in_the_box .div_devis_3_middle input,
.div_devis #div_in_the_box .div_devis_3_right input,
.div_devis #div_in_the_box .div_devis_3_left textarea,
.div_devis #div_in_the_box .div_devis_3_middle textarea,
.div_devis #div_in_the_box .div_devis_3_right textarea,
.div_devis #div_in_the_box .div_devis_all textarea,
.div_devis #div_in_the_box .div_devis_all input,
.div_devis #div_in_the_box .div_devis_all select{
	font-size: 11px;
	padding: 0px;
	margin: 0px;
	border: none;
	background-color: #D8D8D8;
	color: #3B3B3B;
	padding: 2px;
	width: 100%;
}

.div_devis #div_in_the_box .div_devis_3_left .input_radio,
.div_devis #div_in_the_box .div_devis_3_middle .input_radio,
.div_devis #div_in_the_box .div_devis_3_right .input_radio,
.div_devis #div_in_the_box .div_devis_3_left .input_nolarge,
.div_devis #div_in_the_box .div_devis_3_middle .input_nolarge,
.div_devis #div_in_the_box .div_devis_3_right .input_nolarge{
	width: auto;
}

.div_devis #div_in_the_box .div_devis_3_left .input_radio,
.div_devis #div_in_the_box .div_devis_3_middle .input_radio,
.div_devis #div_in_the_box .div_devis_3_right .input_radio{
	background: none;
}

.div_devis #div_in_the_box .div_devis_3_left .input_light:hover,
.div_devis #div_in_the_box .div_devis_3_middle .input_light:hover,
.div_devis #div_in_the_box .div_devis_3_right .input_light:hover,
.div_devis #div_in_the_box .div_devis_3_left .input_light:focus,
.div_devis #div_in_the_box .div_devis_3_middle .input_light:focus,
.div_devis #div_in_the_box .div_devis_3_right .input_light:focus{
	background-color: #95BC0D;
	color: #fff;
}

.div_devis #div_in_the_box .div_devis_3_left td,
.div_devis #div_in_the_box .div_devis_3_middle td{
	padding-right: 15px;
}

.div_devis #div_in_the_box .div_selection_3 table{
	width:auto;
}

.div_devis #div_in_the_box .div_selection_3 table td{
	vertical-align: middle;
	padding-right: 20px;
}

/********************************************************/
/** MESSAGE *********************************************/
/********************************************************/
#div_message{
	/*color: #fef3d3;*/
	margin: 15px;
	padding: 15px;
	border: 1px dashed #AD8722;
}

/** INLINE **********************************************/

/********************************************************/
/** BOUTONS *********************************************/
/********************************************************/

/********************************************************/
/** BXSLIDER ********************************************/
/********************************************************/
.div_exemple_left,
.div_exemple_right{
	margin-bottom: 30px;
}

.div_exemple_left #div_slider_produits_left div,
.div_exemple_right #div_slider_produits_right div{
	float: left;
	padding-left: 10px;
}

.bx-prev{
	float: left;
	margin-top: -50px;
	margin-left: -10px;
	position: absolute;
	z-index: 100;
	font-size: 0px;
	font-size: 0px;
	background-image: url("../img/basic/slider-left-red.png");
	background-position: left;
	background-repeat: no-repeat;
	display: block;
	width: 6px;
	height: 38px;
}

.bx-next{
	float: right;
	margin-top: -50px;
	margin-left: 300px;
	position: absolute;
	z-index: 100;
	font-size: 0px;
	background-image: url("../img/basic/slider-right-red.png");
	background-position: left;
	background-repeat: no-repeat;
	display: block;
	width: 6px;
	height: 38px;
}

/********************************************************/
/** FOOTER **********************************************/
/********************************************************/
#div_pre_footer{
	height: 168px;
	padding-left: 75px;
}

#div_pre_footer #div_pre_footer_int div{
	float: left;
	width: 300px;
	margin-right: 90px;
}

#div_pre_footer #div_pre_footer_int div h2{
	font-size: 18px;
	background-image: url("../img/basic/bg-title-footer.png");
	background-position: left;
	background-repeat: no-repeat;
	height: 35px;
	padding: 0px;
	padding-left: 30px;
	margin: 0px;
	margin-top: 15px;
}

#div_pre_footer #div_pre_footer_int div p{
	padding: 0px;
	margin: 0px;
	text-align: justify;
	height: 75px;
	font-family: Arial, Verdana;
	font-size: 10px;
}

#div_pre_footer #div_pre_footer_int #div_pre_footer_center img{
	float: right;
	border: 2px #ccc solid;
	margin-left: 10px;
}

#div_pre_footer #div_pre_footer_int #div_pre_footer_left{
	margin-right: 75px;
	width: 320px;
}

#div_pre_footer #div_pre_footer_int #div_pre_footer_center{
	margin-right: 60px;
}

#div_pre_footer #div_pre_footer_int #div_pre_footer_right{
	margin-right: 0px;
}

#div_pre_footer #div_pre_footer_int #div_pre_footer_right table{
	width: 100%;
	font-family: Arial, Verdana;
	height: 75px;
	margin: 0px;
	padding: 0px;
}


#div_pre_footer #div_pre_footer_int #div_pre_footer_right img{
	vertical-align: bottom;
}

#div_pre_footer #div_pre_footer_int .a_plus{
	color: #D31A28;
	font-weight: bold;
	display: block;
	float: left;
	background-image: url("../img/basic/plus.png");
	background-position: left;
	background-repeat: no-repeat;
	padding-left: 15px;
	text-decoration: none;
	margin-right: 20px;
}

#div_pre_footer #div_pre_footer_int .span_wow{
	color: #D31A28;
	font-weight: bold;
	display: block;
	float: left;
	margin-right: 5px;
}

#div_footer{
	text-align: center;
	height: 40px;
	padding-top: 10px;
	background-color: #f1f1f1;
	border-top: #999 solid 2px;
	margin-top: 20px;
}

#div_footer #div_footer_int{
	height: 23px;
	color: #A7A7A7;
	padding-left: 75px;
	font-family: Arial, Verdana;
	font-size: 10px;
	padding-top: 7px;
}

#div_footer #div_footer_int a{
	color: #A7A7A7;
	text-decoration: none;
}

#div_footer #div_footer_int a:hover{
	text-decoration: underline;
}

/* *** MOBILE *** */
@media screen and (min-width: 770px) {
	.container{
		width:  990px;
	}
}
@media screen and (max-width: 770px) {
	
	.div_block_produits{
		float: left;
		width: 256px;
		height: 170px;
		margin-bottom: 25px;
		margin-right: 0px;
	}

	#div_block_home_12{
		margin-left: 0px;
	}
	
	#div_footer #div_footer_int{
	  padding-left: 0px;
	}

}