/******************************************************************************************************** 
* Créer par : Francois Tremblay | LECXECO
* Créer le : 01-12-2016
* Modifier le : aaaa-mm-jj	Par: < NOM DU PROGRAMMEUR >
*
* DESCRIPTION
* 
* Cette page contient les styles du côté public du site Internet
* Modifiable par le webmaster
*****************************************************************************************/

/****************************************************************************************/
/*---------------------------------  STANDARD ------------------------------------------*/
/****************************************************************************************/
.comment_admin{
	background-color:#80ff80;
	color:#4d4d4d;
	display:none;
}
.message_alerte{
	background-color:#ff0000;
	color:#fff;
	display:block;
}
.comment_admin,.message_alerte{
	width:100%;
	text-align:left;
	border:1px solid darkgrey;
	border-radius:3px;
	cursor:pointer;
	text-align:center;
	padding:10px 0px 10px 0px;
	box-shadow:2px 2px 2px #d9d9d9;
	font-family:Tahoma, Verdana, Arial;
	font-size:12px;
	font-weight:bold;
}

.tdSplit{
	width:100px;
}
#profil_box{display:inline-block;width:100%}
#profil_box table{width:100%}
#profil_box input[type=button]{width:268px;margin-bottom:10px}
#profil_box .div-profil{border:1px solid grey;width:32%;float:left;height:460px;margin:5px}
#profil_box fieldset{margin:6px;}

.div-profil td.tdTitre{height:40px;text-align:center;background-color:#CCC}
.tableContentProfil td:first-child{font-weight:bold}
.red-star{color:red}

#divCommande{
	text-align:center;
	width:100%;
}
.tableViewCmd1{
	border-collapse:collapse;
	text-align:center;
	display:inline-block
}
.tableViewCmd1 tr td{
	border:1px solid black;
	text-align:center;
}
.tableViewCmd2{
	border-collapse:collapse;
	margin-top:20px;
	display:inline-block;
}
.tableViewCmd2 tr td{
	border:1px solid black;
	width:122px;
	text-align:center;
	font-size:13px;
	height:15px;
}
.tableViewCmd3{
	border-collapse:collapse;
	margin-top:20px;
	display:inline-block;
}
.tableViewCmd3 tr td{
	border:0px solid #b7b7b7;
	font-size:12px;
	width:250px;
	height:100px;
	text-align:left;
	vertical-align:top;
}
.tableViewCmd4{
	margin-top:20px;
	display:inline-block;
}
.tableViewCmd4 tr td{
	text-align:left;
	font-size:12px;
	font-weight:bold;
}
.tableViewCmd5{
	font-size:12px;
	border-collapse:collapse;
	display:inline-block;
}
.tableViewCmd5 tr td{
	text-align:right;
	width:70px
}
.tableViewCmd6{
	border-collapse:collapse;
	display:inline-block;
	font-size:12px;
	margin-bottom:15px;
}
.tableViewCmd6 tr td{
	width:73px;
	border:1px solid black;
	padding:5px;
}
/****************************************************************************************/
/*-----------------  AFFICHER LE CONTENU D'UNE PAGE DE TEXTE  --------------------------*/
/****************************************************************************************/
.main_page_text{	
}

.title_page_text {
	font-family:Tahoma, Verdana, Arial;
	font-size:35px;
	color:#6a6c6c;
	margin-bottom:20px;
	font-weight:bold;
} 
  
.content_page_text {
	font-family:Tahoma, Verdana, Arial;
	color:#000;
	padding:5px;
	clear:both;
}

.content_page_text ul li{	list-style:inside;
}


/* Catalogue */
.img_catalogue{
	width:200px;
	border:none;	
}


.title_catalogue { text-decoration:none;  color:#666666; font-weight:bold; }

/****************************************************************************************/
/*-----------------  AFFICHER ALBUM/PHOTOS/REALISATIONS  -------------------------------*/
/****************************************************************************************/
    
.title_album {
	font-family:Tahoma, Verdana, Arial;
	color:#b86d2b;
	font-size:24px;
	text-decoration:none;
	margin-bottom:30px;
	cursor:pointer;
} 

.title_album_list {
	font-family:Tahoma, Verdana, Arial;
	color:#b86d2b;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	margin-bottom:30px;
	cursor:pointer;
} 
  
/* Contenu principal */  
.content_album {
	font-family:Tahoma, Verdana, Arial;
	color:#FFF;
}
  
.content_album_list {
	font-family:Tahoma, Verdana, Arial;
	color:#FFF;
	margin-top:-30px;
}

/* Container des photos globale */
.content_album_img {
	margin:25px;
}

/* Le div de chaque image */
.div_album_img {
	margin:15px;
	float:left;

}

/* L'image elle-meme */
.album_img {
	width:150px;
	height:150px;
	background-size:200px 150px;
	background-position:center;	
}

/* Image dans la liste des albums */
.album_img_list {
	width:80px;
	height:80px;
	background-size:120px 80px;
	background-position:center;	
}

/* Espace de côté pour afficher la liste des titre d'albums */
.left_album{
	float:left;	
	width:700px;
	border-right:1px solid #FFF;
}	

.list_album_side {
	float:right;
	width:200px;
}  
  
.title_album_side {
	font-family:Tahoma, Verdana, Arial;
	font-size:18px;
	color:#FFF;
	margin-bottom:10px;
	cursor:pointer;
} 

/****************************************************************************************/
/*-----------------  ACTUALITÉ / ARTICLES / COMMUNIQUÉS  -------------------------------*/
/****************************************************************************************/

/************************************/
/** LISTE DES ARTICLES **************/
/************************************/

/* Conteneur de tous les articles */  
.bloc_article{
	text-align:left;
}
  
.list_box_article {
	margin-bottom:40px;	
}

.list_title_article {
	font-family:Tahoma, Verdana, Arial;
	font-size:24px;
	color:#000;
	margin-bottom:20px;
} 
 
.list_sous_title_article {
	font-family:Tahoma, Verdana, Arial;
	color:#000;
	font-size:14px;
	color:#333;
	font-weight:bold;
}
 
/* Contenu principal */  
.list_content_article {
	font-family:Tahoma, Verdana, Arial;
	color:#000;
	margin-top:5px;
}

/* Description de l'article */
.list_description_article {

	margin-top:20px;
}

/* Date de l'evenement de l'article */
.list_date_event_article {
	float:right;
}

/* Container des photos globale */
.list_content_article_img {
	margin-top:10px;
	padding:5px;
	height:70px;
	clear:both;
}

/* Le div de chaque image */
.list_div_article_img {
	margin:2px;
	border:1px solid #CCC;
	padding:1px;
	border-radius:4px;
	display:inline-block;
}

/* L'image elle-meme */
.list_article_img {
	height:30px;
}	

/*********** Article petit bloc dans page accueil *******/
.article_home_img{
	width:100px;
	margin:5px;	
}

/*************** BULLE ARTICLES PAGE ACCUEIL *****************/
.main_article_home1{width:950px; clear:both;} 
.bloc_article_home1{width:300px; border:0px solid #666; float:left;}
.list_title_article_home1 { font-family:Tahoma, Verdana, Arial; font-size:14px; font-style:italic; color:#006; margin-bottom:10px; } 
.list_sous_title_article_home1 { font-family:Tahoma, Verdana, Arial; font-size:10px; color:#666;}
.list_content_article_home1 {	font-family:Tahoma, Verdana, Arial; color:#FFF;}
.list_description_article_home1 { font-family:Tahoma, Verdana, Arial; font-size:10px; color:#006;
	text-overflow: ellipsis; /* will make [...] at the end */
    width: 270px; /* change to your preferences */
    height: 100px; /* change to your preferences */
    white-space: nowrap; /* paragraph to one line */
    overflow:hidden; /* older browsers */
}
.list_date_event_article_home1 {}
.list_content_article_img_home1 {}
.list_div_article_img_home1 {}
.list_article_img_home1 { height:200px; }	
/*-------------------------------------------------*/


/************************************/
/* DETAIL DE L'ARTICLE **************/
/************************************/
.title_article {
	font-family:Tahoma, Verdana, Arial;
	font-size:24px;
	color:#b86d2b;
	margin-bottom:20px;
} 
 
.sous_title_article {
	font-family:Tahoma, Verdana, Arial;
	color:#000;
	font-size:14px;
	color:#333;
	font-weight:bold;
}
 
/* Contenu principal */  
.content_article {
	font-family:Tahoma, Verdana, Arial;
	color:#000;
	margin-top:5px;
}

/* Description de l'article */
.description_article {
	margin-top:20px;
}

/* Date de l'evenement de l'article */
.date_event_article {
	float:right;
}

/* Container des photos globale */
.content_article_img {
	margin-top:10px;
	padding:5px;
	clear:both;
}

/* Le div de chaque image */
.div_article_img {
	margin:2px;
	border:1px solid #CCC;
	padding:1px;
	border-radius:4px;
	display:inline-block;
}

/* L'image elle-meme */
.article_img {
	height:100px;
}

/****************************************************************************************/
/*-------------------------------  VIDEOS  ---------------------------------------------*/
/****************************************************************************************/
 
.box_video {
	margin-bottom:30px;
}      
     
.main_title_video {
	font-family:Tahoma, Verdana, Arial;
	font-size:24px;
	color:#b86d2b;
	margin-bottom:20px;
}   

.title_video {
	font-family:Tahoma, Verdana, Arial;
	font-size:16px;
	color:#b86d2b;
	margin-bottom:10px;
} 
 
 .description_video {
	font-family:Tahoma, Verdana, Arial;
	font-size:14px;
	color:#666666;
	margin-top:10px;
} 
 
  
/* Contenu principal */  
.content_video {
	font-family:Tahoma, Verdana, Arial;
	color:#FFF;
}

/* Le embedded du video directement */
.embedded_video {

}

/* Parametre du lien embed de Youtube */
.embed_param {
	
}


/****************************************************************************************/
/*-------------------------------  CATEGORIES ------------------------------------------*/
/****************************************************************************************/
.main_categorie{ }

.bloc_categorie { margin:20px; display:inline-table; padding:2px; border:1px solid #ccc; height:250px; width:200px; border-radius:4px;}

.title_categorie {font-weight:bold; text-align:center; }

.content_categorie {text-align:center; margin-top:10px; }

.content_souscat {text-align:left; margin:10px; }

.content_souscat a { font-size:12px; }

.content_souscat .a_ss_cat { font-size:10px; }
/****************************************************************************************/
/*-------------------------------  PRODUITS LIST ---------------------------------------*/
/****************************************************************************************/

.main_produit{ clear:both; }

.main_title {font-size:24px; font-weight:bold; }

.bloc_produit{  margin:20px; display:inline-table; padding:2px; border:1px solid #ccc; height:250px; width:200px; border-radius:4px; background-color:#FFF; }

.title_produit{ font-weight:bold; }
.title_produit a{ text-decoration:none;  color:#333333;}

.content_produit{ text-align:center; margin-top:10px;  }

.content_produit_img{ }

.produit_list_img{ }

/********************************* PRODUITS ASSOCIÉS ***********************************/
.main_produit_associe{ clear:both; }

.bloc_produit_associe{  margin:20px; display:inline-table; padding:2px; border:1px solid #ccc; height:100px; width:100px; border-radius:4px; }

.title_produit_associe{ font-weight:bold; font-size:11px; margin-bottom:3px; }

.content_produit_associe{ text-align:center; font-size:9px; }

.content_produit_img_associe{ }

.produit_list_img_associe{ width:75px; }

.content_associe { margin-top:20px; border:1px solid #CCC; border-radius:4px; width:500px;}
.texte_associe { font-size:12px; font-weight:bold; margin:5px;}

/****************************************************************************************/
/*-------------------------------  PRODUITS DETAIL -------------------------------------*/
/****************************************************************************************/
.main_prod_detail{ margin:5px; }

.bloc_prod_detail{ }

.title_prod_detail{ font-weight:bold; font-size:22px; }

.content_prod_detail{ }

.prod_detail_img{ max-width:450px; }
.prod_detail_list_img{ margin:5px; max-width:50px; cursor:pointer; }

.prod_detail_list_img_big{ margin:5px; max-width:200px; cursor:pointer; }

.td_prod_label { font-weight:bold; background-color:#666; color:#FFF;}
.td_prod_detail {background-color:#CCC;}

/****************************************************************************************/
/*-------------------------------  INFO-LETTRE -----------------------------------------*/
/****************************************************************************************/
.main_infolettre { }
.bloc_infolettre { }
.title_infolettre { font-family:Tahoma, Verdana, Arial; font-size:16px;color:#FFF; margin-bottom:10px;	 }
.sub_title_infolettre { font-family:Tahoma, Geneva, sans-serif; font-size:12px;color:#999; margin-bottom:5px;}
.content_infolettre {  width:420px;}
.box_input_infolettre { float:left; }
.input_infolettre {  } 
.button_infolettre { width:100px; height:35px; background-image:url(../images/btn_infolettre.png); float:right; cursor:hand; cursor:pointer; }


/****************************************************************************************/
/*----------------------------  INFOENTREPRISE -----------------------------------------*/
/****************************************************************************************/
	
.main_info_ent { padding:10px; font-size:12px; font-family:Tahoma, Verdana, Arial; }
.title_info_ent { font-weight:bold; font-size:16px; text-align:left;}
.all_info_ent { font-size:14px; text-align:left; padding-bottom:10px; }

/* google map */
.form_google_map { }

/* formulaire demande info */
.formulaire_info_ent { clear:both; padding:10px; border:1px solid #CCC; border-radius:5px; }
.form_titre_info_ent { font-weight:bold; font-size:14px; text-decoration:underline; }
.form_info_ent { }
.form_info_ent input { width:300px; height:30px; }
.form_info_ent textarea { width:300px; height:60px; }
.form_btn_send {width:305px!important}
.form_ent_label { font-size: 14px; }

.content_info_ent{
	float:left;	
	margin-left:20px;		
}

.box_contact{
	float:right;
	margin-right:20px;	
}

.title_page_contact {
	font-family:Tahoma, Verdana, Arial;
	font-size:30px;
	color:#6a6c6c;
	margin-bottom:20px;
} 
  
.content_page_contact {
	font-family:Tahoma, Verdana, Arial;
	color:#000;
	padding:5px;
	clear:both;
	text-align:right;
}

/****************************************************************************************/
/*-------------------------------  BLOGS  ---------------------------------------------*/
/****************************************************************************************/

/* section complet du blog */
.main_content_blog{
	color:#FFF;
	width:950px;
	border:1px solid #000;
	border-radius:4px;
}

/* la liste des blogs d'une section */
.title_list_blog{
}

.date_list_blog{
	float:right;
}

.content_list_blog{
	
}

/* pour le lien Enlire pus */
.content_list_blog a{
	color:#FF0;
}

.comment_list_blog{
	float:right;
}

/* blog en detail */
.title_blog{
}

.date_blog{
	float:right;
}

.content_blog{
}

.comment_blog{
}

/* commentaire du blog */
.title_reply_blog{
	/* titre en haut des commentaires */
	
}

.main_reply_blog{
	color:#FFF;
	width:950px;
	border:1px solid #000;
	border-radius:4px;
}

.name_reply_blog{
	margin-top:20px;
	clear:both;
}

.date_reply_blog{
	float:right;
}

.comment_reply_blog{
	
}

/* pour le formulaire envoyer un commentaire */
.form_reply_blog{
	margin:20px 5px 5px 5px;
	border:1px solid #000;
	border-radius:4px;		
}

.titre_form_reply{
	text-decoration:underline;
	color:#CCCCCC;
}


/****************************************************************************************/
/*-------------------------------  COLLECTIONS   ---------------------------------------*/
/****************************************************************************************/

.section{ clear:both;  font-family:"Source Sans Pro","Helvetica Neue",Helvetica,Arial,sans-serif;}

.section_title { margin-top: 20px; font-size:24px;clear:both }

.content_section{ text-align:center; margin-top:10px;  }
.content_section_couleur{ text-align:left; margin-top:10px;}

.content_section .hr{ height:2px; background-color:#CCCCCC; }

.bloc_section{  cursor:pointer;margin:20px; display:inline-table; padding:2px; width:200px; border-radius:2px; background-color:#FFF;white-space:normal }
.bloc_section_couleur{ display:inline-table; padding:2px; height:75px; width:80px;}

.title_section{ font-weight:bold;padding:10px; }
.title_section a{ text-decoration:none;  color:#666666;}
.title_section_couleur{ text-decoration:none;  color:#666666;font-size:12px;text-align:center}
.text_section{ text-align:left; position:relative; clear:both;color:#666666 } 

.bloc_section_img{ width:150px;padding:25px;padding-top:0px}
.bloc_section_img_couleur{ width:75px;height:75px;border:1px solid #ccc;cursor:pointer }
.bloc_section_img_big{ border:1px solid #ccc;width:450px;margin-top:10px;margin-right:10px; }

.section_list_img{ }
.bloc_section:hover{box-shadow: 0 0.1px 5px 0 rgba(0, 0, 0, 0.2), 0 0.1px 5px 0 rgba(0, 0, 0, 0.19);}

/*.bloc_scroll_images{float:left;border:1px solid #ccc;width:85px;height:450px;margin-top:10px;margin-right:10px;overflow-y:auto;white-space:nowrap;padding:0px;}*/
.bloc_scroll_images{float:left;border:0px solid #ccc;width:95px;height:100%;margin-top:0px;margin-right:5px;white-space:nowrap;padding:0px;}
.div_scroll_images{width:75px;padding:5px;}
.div_scroll_images:hover{cursor:pointer;background-color:#ccc}