/**************************************/
/**************************************/
/* Base generale Proclus */
/* 
2018-08-29 : Ajout de .txt_email
2019-05-28 : egalise la largeur des champs du formulaire de contact.
2019-05-28 : pas de underline sur txt_phone et txt_fax.
2019-08-15 : les puces du caroussel sont en CSS.
2019-08-20 : mod_contact_lead
2020-03-05 : ajoute on nowrap sur txt_phone et txt_fax.
*/
/**************************************/
/**************************************/
html, body
{
	background-repeat: no-repeat;
	background-size:cover;
	background-attachment:fixed;
	background-position:center;
}
body, .site_body
{
	color:#5e5e5e;
	font-size: 16px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/**************************************/
/***		   	  LINKS				***/
/**************************************/
a, a:link, a:visited, a:active, a:hover
{
	text-decoration: none;
}
a:hover
{
	text-decoration: underline;
}
.site_links, .site_links:link, .site_links:visited, .site_links:active, .site_links:hover
{

}
.site_links:hover
{

}
/**************************************/
/***		   END OF LINKS			***/
/**************************************/

/**************************************/
/***		   	  FORM				***/
/**************************************/
button, input, textarea, select, optgroup, option, .formfield, .formfield_error
{

}
.formfield
{
	font-family:arial,verdana,sans serif;
	font-size:14px;
	padding:6px;
	border: 2px solid #d9d9d9;
    min-height: 34px
}
.formfield_error
{

}
/**************************************/
/***		  END OF FORM			***/
/**************************************/

/**************************************/
/***		 	BUTTONS				***/
/**************************************/
.button, a.button_link
{
	font-size: 16px;
	padding: 10px 20px;
	border:2px solid #fff;
	text-transform: uppercase;
}
.button, a.button_link, a.button_link:link, a.button_link:visited, a.button_link:active
{
	color:#fff;
}
.button:hover, a.button_link:hover,
.button:focus, a.button_link:focus
{
	background:#fff;
}
.navbar_bt .button
{ 
	
}
.button.button_small, a.button_link.button_small
{
	font-size: 14px;
	padding: 5px 10px;
}

.mod_search .button
{
	padding:6px;
	font-size:14px;
	line-height:16px;
	margin: 2px 0 2px 0;
}
.mod_search .button.button_icon
{
	padding: 0px 8px;
	height: 34px;
}

.button.cff_bt_date,
.cff_date .ui-datepicker-trigger
{
	padding: 6px;
	box-sizing: border-box;
	line-height: 100%;
	font-size:0.01px;	
}
.button.cff_bt_date:before,
.cff_date .ui-datepicker-trigger:before
{
	font-family:FontAwesome;
	content:'\f073';
	font-size: 14px;
	line-height: 100%;	
}
/**************************************/
/***		 END OF BUTTONS			***/
/**************************************/

/**************************************/
/***		CHECKBOX, RADIO			***/
/**************************************/
.cff-checkbox, .cff-radio-cnt input
{
	display:none;
}
.cff-checkbox-style,
.cff-radio-style
{
	display:inline-block;
	border: 2px solid #d9d9d9;
	width:1.5em;
	height:1.5em;
	margin-right:5px;
		
	transition: all 0.3s ease 0s;
	vertical-align:middle;
}
.cff-checkbox-style
{
	font-family: 'FontAwesome';
	font-size:1em;
	line-height:1.5em;
	text-align:center;
}
.cff-radio-style
{
	border-radius: 50%;
	position:relative;
}
.cff-checkbox-style:after
{
	content:'\f00c';
	opacity:0;
}
.cff-radio-style:after
{
	content:'';
	display:block;
	position:absolute;
	top:4px;
	right:4px;
	bottom:4px;
	left:4px;
	background:#5e5e5e;
	border-radius: 50%;
	opacity:0;
}
.cff-checkbox-label,
.cff-radio-label
{
  padding-top:2px;
}
.cff-checkbox:checked+.cff-checkbox-style:after,
.cff-radio:checked+.cff-radio-style:after
{
	opacity:1;
	transition: all 0.2s ease 0s;
}
.bg_dark .cff-radio-style:after
{
	background:#FFF;
}
/**************************************/
/***		 END OF CHECKBOX		***/
/**************************************/

/**************************************/
/***		      MENU				***/
/**************************************/
.menu_container
{

}
.menu
{
	padding:5px 8px;
	background: transparent;
	font-weight: bold;
}
.bg_dark .menu
{
	color: #fff;
}
.menu.selected, .menu.current, .menu.current.selected
{
	color:#fff;
	font-weight: bold;
}
.bg_dark .menu.selected, .bg_dark  .menu.current, .bg_dark  .menu.current.selected
{
	background-color: #fff;
}

.submenu_container
{

}
.submenu
{
	color: #fff;
}
.submenu.selected, .submenu.current, .submenu.current.selected
{
	background-color: #fff;
}

.mod_menu_acc .menu_title
{

}
.mod_menu_acc .menu_container
{

}
.mod_menu_acc .menu
{

}
.mod_menu_acc .menu_level2 .menu, .mod_menu_acc .menu_level2 .menu.current
{

} 
.mod_menu_acc .menu.current
{

}
.mod_menu_acc .menu.selected
{

}
.mod_menu_acc .menu.current.selected
{

}
/* Onglets */
.ss-folders
{

}
.ss-fold_title
{

}
.ss-folders>.ss-fold_title>.ss-title
{
}
.ss-folders>.ss-fold_title>.ss-title.current, .ss-folders>.ss-fold_title>.ss-title:hover
{
}
.ss-folders>.ss-fold_cnt>.ss-item>.ss-cnt
{
}
/* Accordeon */
.ss-accordion
{

}
.ss-accordion .ss-title
{
}
.ss-accordion .open .ss-title, .ss-accordion .ss-title:hover
{
}
.ss-accordion>.ss-item>.ss-cnt
{
}

/**************************************/
/***		  END OF MENU			***/
/**************************************/

/**************************************/
/***		 	CONTENT				***/
/**************************************/
h1, .pagetitle
{
	font-size:2.4em;
	font-weight: 900;
	line-height: 100%;
	padding-bottom:10px;
	text-transform: uppercase;
	-webkit-margin-before: 0em;
	-webkit-margin-after: 0em;
}
.under640 h1, .under640 .pagetitle
{
	font-size:2em;
}
.pagetitle_details
{
	
}
h2, .sectiontitle
{
	font-size: 2em;
	font-weight: bold;
	line-height: 100%;
	padding-bottom:10px;
	-webkit-margin-before: 0em;
	-webkit-margin-after: 0em;
}
.under640 h2, .under640 .sectiontitle
{
	font-size:1.8em;
}
.sectiontitle_details
{

}
h3, .subtitle
{
	font-size: 1.8en;
	font-weight: bold;
	line-height: 100%;
	padding-bottom:10px;
	-webkit-margin-before: 0em;
	-webkit-margin-after: 0em;
}
.under640 h3, .under640 .subtitle
{
	font-size: 1.6em;
}
.subtitle_details
{

}
h4, .bigcontent_title
{
	line-height: 100%;
	padding-bottom:10px;
	-webkit-margin-before: 0em;
	-webkit-margin-after: 0em;	
}
.bigcontent
{

}
h5, .content_title
{
	font-size:1.2em;
	line-height: 100%;
	padding-bottom:10px;
	-webkit-margin-before: 0em;
	-webkit-margin-after: 0em;
}
.content
{
	
}
h6, .smallcontent_title
{

}
.smallcontent
{

}
/**************************************/
/***		 END OF CONTENT			***/
/**************************************/

/**************************************/
/***		  WHITECONTENT			***/
/**************************************/
.whitecontent_title
{

}
.whitecontent
{

}
.whitecontent:link
{

}
.whitecontent:visited, .whitecontent:active
{

}
.whitecontent:hover
{

}
/**************************************/
/***	   END OF WHITECONTENT		***/
/**************************************/

/**************************************/
/***		  	 TABLE				***/
/**************************************/
.main
{
	border:2px solid #000;
}
table.main
{

}
.title
{

}
.column
{

}

.row1
{
	
}
.row2
{
	
}
.emptyrow1, .emptyrow2
{

}
.emptyrow1
{

}
.emptyrow2
{

}

.row1inactiv, .emptyrow1inactiv
{
	
}
.row2inactiv, .emptyrow2inactiv
{

}

.listtable
{
	margin-bottom:10px;
}
.listcell
{

}
.list
{

}
.listover, .list:hover
{

}
.listinactiv
{

}
.listinactiv2
{

}
.listoverinactiv
{

}
.list_green
{

}
.list_orange
{

}
.list_red
{

}
.negativ
{

}
/**************************************/
/***		  END OF TABLE			***/
/**************************************/

/**************************************/
/***		   	  MISC				***/
/**************************************/
.bt_nav_div
{

}
div.hr
{
	height: 1px
}
div.hr hr
{
	
}
div.hr.dotted
{

}
div.hr.dashed
{

}
/**************************************/
/***		   END OF MISC			***/
/**************************************/

/**************************************/
/***		   	  BOX				***/
/**************************************/
.box1_main
{
	margin-bottom: 20px;
}
.box1_title, .box2_title
{
	color:#fff;
	padding:10px 20px;
	font-size: 24px;
	line-height:100%;
}
.box1_content, .box2_content
{
	padding:10px 20px;
	border:2px solid #777;
	border-top-style:none;
}

.box2_main
{
	
}
.box2_title
{

}
.box2_content
{

}
/**************************************/
/***		   END OF BOX			***/
/**************************************/

/**************************************/
/***		  	  BAND 				***/
/**************************************/
.bg_light,
.bg_light a,
.bg_light a:hover,
.bg_light .site_links, .bg_light .site_links:link, .bg_light .site_links:visited, .bg_light .site_links:active, .bg_light .site_links:hover,
.bg_light .site_links:hover,
.bg_light a.button_link
{
	color:#5e5e5e;
}

/*bg_dark*/
.bg_dark
{
}
.bg_dark a, .bg_dark  a:link, .bg_dark  a:visited, .bg_dark  a:active, .bg_dark  a:hover,
.bg_dark .site_links, .bg_dark .site_links:link, .bg_dark .site_links:visited, .bg_dark .site_links:active, .bg_dark .site_links:hover
{
	color:#ffffff;
}
.bg_dark a:hover, .bg_dark .site_links:hover
{

}
.bg_dark .button a, .bg_dark a.button_link
{

}
.bg_dark .button:hover a, .bg_dark a.button_link:hover
{

}
.bg_dark h1, .bg_dark .pagetitle, .bg_dark h2, .bg_dark .sectiontitle
{
	color:#fff;
	border-color: #FFF;
}
.bg_dark h3, .bg_dark .subtitle, .bg_dark h4, .bg_dark .bigcontent_title, .bg_dark h5, .bg_dark .content_title, .bg_dark h6, .bg_dark .smallcontent_title
{
	color:#FFF;
	border-color: #FFF;
}

.bg_dark .ss-folders>.ss-fold_title>.ss-title.first,
.bg_dark .ss-accordion .first .ss-title
{
	border-color:#fff;
}


.band_content>.ss-d,
.band_content>.ss-t,
.band_content>.ss-folders,
.band_content>.ss-accordion,
.band_content>.ss-layers,
.ss-box-default-content
{
	padding:40px 40px;
	margin:0 auto;
	max-width: 1300px;	
}
.band_content>.no_padding
{
	margin:-40px -40px;
}

.under640 .band_content>.ss-d,
.under640 .band_content>.ss-t,
.under640 .band_content>.ss-folders,
.under640 .band_content>.ss-accordion,
.under640 .band_content>.ss-layers,
.under640 .ss-box-default-content
{
	padding-left:10px;
	padding-right:10px;
}
.under640 .band_content>.no_padding
{
	margin-left:-10px;
	margin-right:-10px;
}

/**************************************/
/***		  END OF BAND			***/
/**************************************/

/**************************************/
/***		  PHOTOSTYLES			***/
/**************************************/
.ps_picture_shadow
{

}

/**************************************/
/***		  END OF PHOTOSTYLES	***/
/**************************************/

/**************************************/
/***			ROTATOR			    ***/
/**************************************/
/* slider */
.jssl_prev_slide_orientation_h img, .jssl_next_slide_orientation_h img
{
	display:none;
}
.jssv_prev_slide_h, .jssv_next_slide_h,
.jssl_prev_slide_orientation_h, .jssl_next_slide_orientation_h
{
	background:transparent;
	width:auto;
	width:50px;
	text-align:center;
	cursor:pointer;
}
.jssv_prev_slide_h:hover, .jssv_next_slide_h:hover,
.jssl_prev_slide_orientation_h:hover, .jssl_next_slide_orientation_h:hover
{
	background:transparent;
}
.jssv_prev_slide_h:after, .jssv_next_slide_h:after,
.jssl_prev_slide_orientation_h:after, .jssl_next_slide_orientation_h:after
{
	transition: all 0.2s ease 0s;
	font-family: 'FontAwesome';
	font-size:40px;
	line-height:64px;
	color:rgba(255,255,255,.9);
	text-shadow:0 0 2px rgba(0,0,0,1);
}
.jssv_prev_slide_h:hover:after, .jssv_next_slide_h:hover:after,
.jssl_prev_slide_orientation_h:hover:after, .jssl_next_slide_orientation_h:hover:after
{
	transition: all 0.3s ease 0s;
	color:rgba(255,255,255,1);
}
.jssv_prev_slide_h:after,
.jssl_prev_slide_orientation_h:after
{
	content:'\f137'; /* fa-chevron-circle-left*/
}
.jssv_next_slide_h:after,
.jssl_next_slide_orientation_h:after
{
	content:'\f138'; /* fa-chevron-circle-right*/
}


.generic_rotator_1 .jssv_box_title span
{
	padding:5px 15px 35px 15px;
}
.generic_rotator_2 .jssv_box_title span
{
	padding:5px 15px 25px 15px;
}
.generic_rotator_1 .jssv_box_title h3, .generic_rotator_2 .jssv_box_title h3
{
	color:#fff;
	margin-top:0px;
	margin-bottom:5px;
	border-bottom:none;
}
.generic_rotator_1 .jssv_box_title h3:hover, .generic_rotator_2 .jssv_box_title h3:hover
{
	color:#fff;
}
.generic_rotator_1 .jssv_box_title p, .generic_rotator_2 .jssv_box_title p
{
	color:#fff;
	padding:0px;
}

.slider_bullet_on, .slider_bullet_off
{
	transition: all 0.2s ease 0s;
    width: 9px;
    height: 9px;
    background: rgba(255,255,255,.3);
    border-radius: 5px;
    margin: 3px;
	box-shadow: 0 0 2px #000;
}
.slider_bullet_on
{
	transition: all 0.3s ease 0s;
	background: #FFF;
}
/**************************************/
/***		END OF ROTATOR			***/
/**************************************/

/**************************************/
/***			BLOG				***/
/**************************************/
.data_small 
{
	
}
.data_large 
{

}
.blog_list_large_container h3, .blog_list_large_container h3 a
{

}
.blog_list_large_container h3.blog_title_no_margin, .blog_list_large_container h3.blog_title_no_margin a
{

}
.blog_list_medium_container
{

}
.blog_list_medium_container h3, .blog_list_medium_container h3 a
{

}
.blog_list_small_container
{

}
.blog_list_small_container h3, .blog_list_small_container h3 a
{

}
.gab_blog_list_10 .blog_list_container
{

}
.gab_blog_list_10 .blog_title_container a
{	

}
.gab_blog_list_10 .blog_content_container
{

}
.gab_blog_list_10 .blog_content_container p
{

}
.gab_blog_column_list_3_medium .blog_list_medium_container
{

}
/**************************************/
/***		  END OF BLOG			***/
/**************************************/


/**************************************/
/***	  END OF PRODUCT LIST		***/
/**************************************/
.th_sidemenu
{
	background:#000;
}
.th_sidemenu h5, .th_sidemenu .content_title
{
	font-weight:normal;
}
.bt_sidemenu img, .bt_sidemenu_close img
{
	cursor:pointer;
}

#TB_head
{
	height: 40px;
	background-color: #e8e8e8;
}

.cff-pt, .cff-t>tbody>tr>td.cff-pt
{
    padding-top: 7px;
}

.mod_login_form
{
	margin-bottom:1em;
}

/* Icones pour telephone */
.th_header_phone, .th_header_cellphone
{
	padding-right:20px;
}
.under800 .th_header_phone, .under800 .th_header_cellphone
{
	display:inline-block;
	white-space:nowrap;
	padding-right:20px;
	text-align:right;
}
.th_header_phone:before
{
	display:inline-block;
	font-family:FontAwesome;
	content:'\f095'; /* fa-phone  fa-mobile f10b */
	/*font-size: 14px;
	line-height: 100%;*/
	padding-right:.4em;
}
.th_header_cellphone:empty
{
	display:none;
}
.th_header_cellphone:before
{
	display:inline-block;
	font-family:FontAwesome;
	content:'\f10b'; /* fa-mobile */
	/*font-size: 14px;
	line-height: 100%;*/
	padding-right:.4em;
}

/* Icone pour lien google maps */
.th_header_location
{
	cursor:pointer;
	/*color:#FFF;*/
}
.th_header_location:before
{
    display: inline-block;
    font-family: FontAwesome;
    content: '\f041'; /* fa-map-marker */
    padding: 4px 10px;
}

/* Format de texte spéciaux */
.txt_phone .content_title, .txt_phone .content,
.txt_fax .content_title, .txt_fax .content
{
	white-space:nowrap;
}
.txt_phone .content_title:before,
.txt_phone .content:before
{
	font-family:FontAwesome;
	content:'\f095'; /* fa-phone  fa-mobile f10b */
	padding-right:.4em;
}
.txt_fax .content_title:before,
.txt_fax .content:before
{
	font-family:FontAwesome;
	content:'\f1ac'; /* fa-fax */
	padding-right:.4em;
}
.txt_phone a, .txt_fax a
{
	text-decoration:none !important;
}
.txt_website .content_title:before,
.txt_website .content:before
{
	font-family:FontAwesome;
	content:'\f0c1'; /* fa-globe f0ac fa-link f0c1 */
	padding-right:.4em;
}
.txt_email .content_title:before,
.txt_email .content:before
{
	font-family:FontAwesome;
	content:'\f0e0'; /* fa-envelope */
	padding-right:.4em;
}
.txt_route .content_title:before,
.txt_route .content:before
{
	font-family:FontAwesome;
	content:'\f14e'; /* fa-compass */
	padding-right:.4em;
}
.txt_pdf .content_title:before,
.txt_pdf .content:before
{
	font-family:FontAwesome;
	content:'\f1c1'; /* fa-file-pdf */
	padding-right:.4em;
}

/* Formulaire de contact */
.mod_contactform
{
	max-width: 600px;
}
.mod_contactform .formfield
{
	width:100%;
}
.mod_contactform .mod_form_fields>.cff-t
{
	width:100%;
}

/* Formulaire de contact lead */
.mod_contact_lead .formfield
{
	width:100%;
	max-width:600px;
}
.mod_contact_lead .cff-ib .formfield
{
	max-width:200px;
}
.min800 .contact_lead_cnt.horizontal .mod_form_content
{
	display:table;
	width:100%;
}
.min800 .contact_lead_cnt.horizontal .mod_form_fields,
.min800 .contact_lead_cnt.horizontal .mod_form_buttons
{
	display:table-cell;
	vertical-align:bottom;
}
.min800 .contact_lead_cnt.horizontal .button
{
	margin:0 1px 0 1px;
}

/**************************************/
/**************************************/
/* FIN Base generale */
/**************************************/
/**************************************/