/* @override 
	http://www.37eavenue.com/LaVoute/css/styles.css
	http://www.37eavenue.com/LaVoute/test/styles.css
	http://37eavenue.com/_dev/LaVoute/public/css/styles.css
	http://37eavenue.com/_prod/LaVoute/public/css/styles.css 
	http://lavoute.37a.ca/_prod/public/css/styles.css 
	http://devlavoute.37a.ca/_dev/public/css/styles.css 
*/

/* MAINTENANCE: */
/* 06oct2017: ajout section rapport_stats */
/* 07nov2017: nouveaux boutons admEdiRev : version, dupliquer, generer, copier brief */
/* 11nov2017: changement intro */
/* 05feb2018: ajout partner_revision */
/* 20avr2018: section conditions dans admEdiRev */
/* 01mai2018: #edition_contenus #info_fil span */
/* 14jun2018: petitecolonne grise tableau_commandes td.gris */
/* 12nov2018: petitecolonne tableau_commandes td.jaunepale */
/* 27nov2018: change #menu credit */
/*   avr2019: ajustement pour PayPal */
/* 18avr2019: afficher Voir tout pour le fil #5 - vie au travail */
/* 25avr2019: ajustement voirTout */
/* 02mar2020: ajout liste_detail qui est une copie de liste_contenus - pour admAuteur
/* 01dec2020: create a new "conteneur-form" from "conteneur"
/* 10dec2020: create a section "Contacts"
/* 09apr2021: .ajoutContact:hover { */
/* 03mar2024:  ajout .cachet .inputCachet etc..*/


/* color orange 37eavenue: F59333 */
* {
	margin: 0px;
	padding: 0px;
}

/** Generated by FG **/
@font-face {
	font-family: 'Museo';
	src: url('../fonts/museo.eot');
	src: local('☺'), url('../fonts/museo.woff') format('woff'), url('../fonts/museo.ttf') format('truetype'), url('../fonts/museo.svg') format('svg');
	font-weight: 500;
	font-style: normal;
}

body {
	background-color: #ececec;
}

/* body.concerta{
	background-color: #f3ede1;
} POSSIBLEMENT À JETER */


h1{
	background: url(../images/logo.png) 10px 14px no-repeat #464646;
	text-indent: -6000px;
	height: 100px;
	position: fixed;
	width: 100%;
	top: 0px;
	z-index: 5000;
	opacity: 0.95;
}

#header{
	background: url(../images/logo.png) 10px 14px no-repeat #464646;
	text-indent: -6000px;
	height: 100px;
	position: fixed;
	width: 100%;
	top: 0px;
	z-index: 5000;
	opacity: 0.95;
}

#missionDashboard { /* maryse - copie de titre_archives */
	margin-top: 100px;
	background: url(../images/fond_archives.png) 98% no-repeat #F59333;
	height: 30px;
	font-family: Museo, "Lucida Grande", Lucida, Verdana, sans-serif;
	font-weight: 500;
	font-size: 20px;
	color: #FFF;
	padding-top: 12px;
	padding-left: 20px;
	padding-bottom: 8px;
	position: fixed;
	width: 100%;
	top: 0px;
	z-index: 5001;
	opacity: 0.95;
}

#mission {
	z-index: 5010;
	position: fixed;
	font: 18px "Source Sans Pro", "Lucida Grande", Lucida, Verdana, sans-serif;
	/*border: 1px solid red;*/
	color: #FFF;
	top: 38px;
	right: 40px;
}


#marquee {
	margin-top: 150px;
	font: 14px "Source Sans Pro", "Lucida Grande", Lucida, Verdana, sans-serif;
	padding-top: 10px;
	padding-left: 20px;
	padding-bottom: 10px;
	position: fixed;
	width: 100%;
	top: 0px;
	z-index: 5002;
	background-color: #FFF;
	opacity: 0.95;
	overflow: hidden;
	/*border: 1px solid red;*/
}

.scroll-text {
	overflow: hidden;
	height: 20px;
	/*border: 1px solid red;*/
	
}

#marquee ul {
	/*border: 1px solid red;*/
	list-style: none;
}

.titre_marquee {
	font-weight: bold;
	text-transform: uppercase;
	color: #555;
	margin-right: 5px;
}
#conteneur-form {
	margin-left: 20px;
	background: url(../images/fond.png) right top repeat-y;
	margin-top: 155px;	
}

#conteneur {
	margin-left: 20px;
	background: url(../images/fond.png) right top repeat-y;
	margin-top: 135px;	
}

#conteneur.hauteur240{
	margin-top: 240px;
}

/* Nouveau Menu Standard */
#menums {
	/*border: 1px solid red;*/
	position: fixed;
	z-index: 6000;
	display: block;
	right: 15px; /* 25apr17 20px */
	left: 260px; /* 25apr17 300px */
	top: 38px;
	list-style: none;
}

#menums li{
	/* border: 1px solid green; */
	height: 20px;
	float: left;
	background-position: left bottom;
	background-repeat: no-repeat;
	margin-right: 5px;
	display: block;
	font: 12px "Source Sans Pro", "Lucida Grande", Lucida, Verdana, sans-serif; 
	text-transform: uppercase;
	font-weight: 600;
	color: #FFF;
	opacity: 0.5;
	padding-left: 26px;
}

#menums li:hover{opacity: 1;background-position-y: center; cursor: pointer;}
#menums li.actif:hover{background-position-y: top;cursor: default;}
#menums .actif {background-position: left top;opacity: 1;}
#menums li a {text-decoration: none;}
#menums .theme {background-image: url(../images/menu_theme.png);width: 75px;}
/*#menums .archive {background-image: url(../images/menu_theme.png);width:100px;}
*/#menums .classes {background-image: url(../images/menu_classes.png);width: 70px;} 
#menums .favoris {background-image: url(../images/menu_favoris.png);width: 70px;} 
#menums .corbeille {background-image: url(../images/menu_corbeille.png);width: 75px;} 
#menums .achat { 
	background: url(../images/menu_theme.png) 10px bottom no-repeat;
	width: 40px;
	padding-left: 35px;		
/*	padding-right: 35px;
*//*	border-right: 1px solid #a8a8a8;
*/}
#viderCorbeille { 
	color: #F59333; 
	margin-left: -30px;	
	text-transform: none;	
}	
#menums .recherchebouton {
	width: 18px;
	float: left;
	margin-left: -6px;
	padding-left: 0;
}
#menums .recherche {
	background-color: green; 
	width: 150px;
	border-left: 1px dotted #a8a8a8;
	padding-left: 0;
}

#menums .credit { 
	top:-12px; 
	pointer-events:none;
	height:30px;
	position:center;	
}
#menums .achatCredit { 
	height:30px;
	cursor:default;
	border-left: 1px dotted #a8a8a8;
	position: center;
	color: F59333 ;
}

#menums .viderMS {width: 163px;opacity: 0.75;}
#menums .vider {background-image: url(../images/menu_vider.png);width: 163px;opacity: 0.75;}
#menums .viderA {background-image: url(../images/menu_viderA.png);width: 163px;opacity: 0.75;}

#menums .viderMS:hover{opacity: 1;}
#menums .vider:hover{opacity: 1;}
#menums .viderA:hover{opacity: 1;}

#menums .filtre {cursor: default;opacity: 1;}

#paypalConteneur {
	/*background-color:yellow;*/	
	font-size: 20px;
	font-family: Arial;
	position: relative;
	top: 5px;
	height: 150px;
}
#pageCredit {
	/*background-color:red;*/	
	display: none; 
	padding: 0px; 
	width: 380px;
	height: 260px; 
	font-size: 16px;
}
#pageCredit .paypalTxt {
	font-size: 14px;
	font-family: Arial;
	position: relative;
	top: 15px; 
	color: #6c6767;
}
#pageCredit input {
	width: 100px; 
	height: 35px; 
	font-size:13pt;
}
#pageCredit .img {
	display: inline; 
	margin: -40px 5px; 
	width: 200px;
}
#pageCredit .submit {
	background-color: #f3933f;
	border: none;
	color: white;
	outline: none;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 20px;
	width: 235px;
	float: right;
	cursor: pointer;
}
#boxCredit {
	background-color:#606060;
	float:left;
	position:relative;
	height:85px;
	top:-38px;
	padding-top: 8px;
}
#menuVoir .voirCredit {
	/* background-color:red; */
	position:relative;
	top:2px; 
	left: -10px;	
}
#menuAjout .ajoutCredit {
	/* background-color:red; */
	left:-10px;
	position:relative;
	color: F59333;
	cursor:pointer;
	opacity: 1;
}
#chercherCatDiv .chercherCat {
	font-size:12px;
	text-transform: none;
	padding-left:0px;
	color:F59333;
	opacity:1;
}
#boxChercher {
	float:left;
	height:60px;
	top:-15px;
	position:relative;
	width:230px;
	margin-left:20px;
	padding-left:20px;
	border-left: 1px dotted #a8a8a8;
}

#liste_themesms {
	/* border: 1px solid red; */
	position: fixed;
	z-index:10000;
	top: 80px;
	left: 310px; 
	left: 600px; 
	padding: 20px 0px 10px;
	padding: 10px 0px 10px;
	/*margin-top: 10px;*/
	background-color: #4e4f4e;
	color: #AAA;
	font: 14px "Source Sans Pro", "Lucida Grande", Lucida, Verdana, sans-serif;
	-webkit-column-count: 3;
	-moz-column-count: 3;
	column-count: 3;
}

#liste_themesms ul li{list-style: none;margin-bottom: 5px;padding: 2px 10px;}
#liste_themesms ul li:hover{color: #FFF;cursor: pointer;background-color: #777;}
#liste_themesms ul li:last-child{ margin-bottom: 0px;}

/* ===================== */



#menu {
	/*border: 1px solid red;*/
	position: fixed;
	z-index: 6000;
	display: block;
	right: 15px; /* 25apr17 20px */
	left: 260px; /* 25apr17 300px */
	top: 38px;
	list-style: none;
}

#menu li{
	/* border: 1px solid green; */
	height: 20px;
	float: left;
	background-position: left bottom;
	background-repeat: no-repeat;
	margin-right: 5px;
	display: block;
	font: 12px "Source Sans Pro", "Lucida Grande", Lucida, Verdana, sans-serif; /* 25apr17 13px */
	text-transform: uppercase;
	font-weight: 600;
	color: #FFF;
	opacity: 0.5;
	padding-left: 26px;
}

#menu .aide{
	padding-left: 35px;
}

#menu li.filtre {
	color: #FFF;
	font: 16px "Source Sans Pro", "Lucida Grande", Lucida, Verdana, sans-serif;
	font-weight: 600;
	text-transform: uppercase;
	background-position: left;
	opacity: 1;
}

#menu li:hover{opacity: 1;background-position-y: center; cursor: pointer;}
#menu li.actif:hover{background-position-y: top;cursor: default;}
#menu .actif {background-position: left top;opacity: 1;}
#menu li a {text-decoration: none;}
#menu .theme {background-image: url(../images/menu_theme.png);width: 75px;}
#menu .archive {background-image: url(../images/menu_theme.png);width:100px;}
#menu .dated {background-image: url(../images/menu_theme.png);width: 95px;}
#menu .fils {background-image: url(../images/menu_theme.png);width: 95px;}
#menu .courant {background-image: url(../images/menu_courant.png);width: 85px;}
#menu .classes {background-image: url(../images/menu_classes.png);width: 70px;} /*  25apr17: 80px */
#menu .favoris {background-image: url(../images/menu_favoris.png);width: 70px;} /*  25apr17: 80px */
#menu .corbeille {background-image: url(../images/menu_corbeille.png);width: 75px;} /*  25apr17: 99px */
#menu .recherchebouton {
	/* background-color: green; */
	width: 18px;
	float: left;
	margin-left: -6px;
	padding-left: 0; 
	border-left: 1px dotted #a8a8a8;
}

#menu .recherche {
	/* background-color: green; */
	width: 150px;
	border-left: 1px dotted #a8a8a8;
	padding-left: 0;
}
#txtTexteR {
	width: 150px;
	height: 20px;
	font-size: 12px;
}
#menu .aide {
	background: url(../images/menu_aide.png) 10px bottom no-repeat;
	width: 67px;
	width: 50px; /* 22mar17 */
	border-left: 1px dotted #a8a8a8;
}
#menu .aide2 a {
	background: url(../images/menu_aide.png) 10px bottom no-repeat;
	width: 100px;
	border-left: 1px dotted #a8a8a8;
	padding-left: 35px;	
	color: inherit;
}
#menu .credit { /* utiliser dans voirContenu - sep 2016 */
	width: 80px;
	cursor:default; 
	position:relative; 
	top:-12px; 
	pointer-events:none;
}

#menu .achat { /* utiliser dans voirContenu - sep 2016 */
	background: url(../images/menu_theme.png) 10px bottom no-repeat;
	width: 40px;
	padding-left: 35px;		
	border-left: 1px dotted #a8a8a8;
}


#menu .vider {background-image: url(../images/menu_vider.png);width: 163px;opacity: 0.75;}
#menu .viderA {background-image: url(../images/menu_viderA.png);width: 163px;opacity: 0.75;}

#menu .vider:hover{opacity: 1;}
#menu .viderA:hover{opacity: 1;}

#menu .filtre {cursor: default;opacity: 1;}

#liste_themes {
	/* border: 1px solid red; */
	position: fixed;
	z-index:10000;
	top: 58px;
	left: 310px; /* 5apr17: 410px */
	left: 280px; /* 25apr17: 310px */
	padding: 20px 0px 10px;
	padding: 10px 0px 10px;
	/*margin-top: 10px;*/
	background-color: #4e4f4e;
	color: #AAA;
	font: 14px "Source Sans Pro", "Lucida Grande", Lucida, Verdana, sans-serif;
	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2;
}

#liste_themes ul li{list-style: none;margin-bottom: 5px;padding: 2px 10px;}
#liste_themes ul li:hover{color: #FFF;cursor: pointer;background-color: #777;}
#liste_themes ul li:last-child{ margin-bottom: 0px;}


#liste_fils { /* maryse */
	/* border: 1px solid red; */
	position: fixed;
	z-index:10000;
	top: 58px;
	left: 550px;
	padding: 20px 0px 10px;
	background-color: #4e4f4e;
	color: #AAA;
	font: 14px "Source Sans Pro", "Lucida Grande", Lucida, Verdana, sans-serif;
}

#liste_fils ul li{list-style: none;margin-bottom: 5px;padding: 2px 10px;}
#liste_fils ul li:hover{color: #FFF;cursor: pointer;background-color: #777;}
#liste_fils ul li:last-child{ margin-bottom: 0px;}

#picto_note_detail {  /* maryse */
	border-style:none;	
	top: 5px;
	position: relative;
	padding-left: 5px;
	opacity: 0.7;
	margin: 0 0 0 0 ;
}

#picto_aide_gratuit {
	top: 2px;
	position: relative;
	padding-left: 5px;
	opacity: 0.7;
}

#picto_aide_gratuit:hover {
	opacity: 1;
	cursor: pointer;
}

#aide_gratuit {
	/*border: 1px solid black;*/
	width: 400px;
	font: 14px "Source Sans Pro", "Lucida Grande", Lucida, Verdana, sans-serif;
	background: #FFF;
	color: #989898;
	padding: 7px 7px;
	position: absolute;
	z-index: 15000;
	left: 275px;
	-webkit-box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.5);
	-moz-box-shadow:    0px 2px 2px 0px rgba(50, 50, 50, 0.5);
	box-shadow:         0px 2px 2px 0px rgba(50, 50, 50, 0.5);
}

#noteDetail { /* maryse */
	width: 400px;
	font: 14px "Source Sans Pro", "Lucida Grande", Lucida, Verdana, sans-serif;
	background: #FFF;
/* background: yellow; */

	color: #989898;
	padding: 7px 7px;
	z-index: 15000;
	-webkit-box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.5);
	-moz-box-shadow:    0px 2px 2px 0px rgba(50, 50, 50, 0.5);
	box-shadow:         0px 2px 2px 0px rgba(50, 50, 50, 0.5);
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -50px;
  margin-left: -100px; 
}

noteDetailK { /* maryse (ken)*/
	width: 400px;
	font: 14px "Source Sans Pro", "Lucida Grande", Lucida, Verdana, sans-serif;
/*	background: red; //#FFF; */
/* background: yellow; */

	color: red; //#989898;
	padding: 7px 7px;
	z-index: 15000;
	-webkit-box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.5);
	-moz-box-shadow:    0px 2px 2px 0px rgba(50, 50, 50, 0.5);
	box-shadow:         0px 2px 2px 0px rgba(50, 50, 50, 0.5);
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -50px;
  margin-left: -100px; 
}

#aide_gratuit h3 {
	font-size: 14px;
	margin-bottom: 3px;
}

#aide_gratuit a {
	text-decoration: none;
	color: #F59333;
}


/* FORM LOGIN ACCUEIL */

#texte_accueil {
	font-family: Museo, "Lucida Grande", Lucida, Verdana, sans-serif;
	font-weight: 500;
	color: #6B6B6B;
	font-size: 14px;
	width: 560px;
	float: left;
}

#texte_accueil h2 {
	margin-bottom: 20px;
	background-color: #FFF;
	padding: 8px 1px 8px 10px;
	width: 270px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-top: 2px;
}

#texte_accueil h2 img {
margin-top: 0px;
margin-right: 7px;
position: relative;
top: 2px;
display: none;
}

#texte_accueil p {
	font: 16px "Source Sans Pro", "Lucida Grande", Lucida, Verdana, sans-serif;
	line-height: 24px;
	margin-top: 11px;
}

#texte_accueil img {
background-color: #FFF;
margin-top: 11px;
}

#texte_accueil h3 {
	margin-bottom: 13px;
	margin-top: 30px;
	width: 221px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: #464646;
}

#texte_accueil ul {
	font: 16px "Source Sans Pro", "Lucida Grande", Lucida, Verdana, sans-serif;
	padding-left: 30px;
	margin-bottom: 20px;
}

#texte_accueil li {
	margin-top: 8px;
}

#formulaires {
	margin-left: 600px;
	padding-top: 1px;
}

/* ================== */

formX {
	background-color: #fcfcfc;
	font: 17px "Source Sans Pro", "Lucida Grande", Lucida, Verdana, sans-serif;
	width: 450px;
	padding: 26px 20px 9px;
	border: 1px solid #dbdbdb;
}

form {
	background-color: #fcfcfc;
	font: 17px "Source Sans Pro", "Lucida Grande", Lucida, Verdana, sans-serif;
	width: 335px;
	padding: 0px 20px 9px;
	border: 1px solid #dbdbdb;
	
	margin-top: 20px;
	display: block;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	margin-bottom: 60px;
}


form h2 {
	font: 24px Museo, "Lucida Grande", Lucida, Verdana, sans-serif;
	font-weight: 500;
	margin-bottom: 0px;
	margin-top: 10px;
	padding: 0;
	background-color: #464646;
	color: #FFF;
	padding: 6px 0px 6px 8px;
	width: 150px;
	font-size: 17px;
	text-transform: uppercase;
	position: relative;
	top: -26px;
		-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
}

#form_nvabonne h2 {
	width: 270px;
}

form input {
	font: 17px "Source Sans Pro", "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #aaa;
	width: 200px;
	height: 37px;
	padding-left: 4px;
	display: inline-block;
	margin-bottom: 11px;;
	*display: inline;     /* for IE7*/
	zoom:1;              /* for IE7*/
}

form label {
	*display: inline;     /* for IE7*/
	zoom:1;              /* for IE7*/
	font-size: 12px;
	height: 34px;
	color: #808080;
	display: inline-block;
	width: 120px;
	margin-left: 4px;
	position: relative;
	top: 5px;
}

form label.error {
	font-weight: bold;
	color: #B80000;
}

form errorGlobal {
	font-weight: bold;
	color: #B80000;
}

form #button {
	font: 17px "Source Sans Pro", "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #fff;
	background-color: #F59333;
	border: none;
	height: 34px;
	width: 81px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding-right: 4px;
	cursor: pointer;
	margin-top: 12px;
}

form #button1 {
	font: 17px "Source Sans Pro", "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #fff;
	background-color: #ADD8E6;
	border: none;
	height: 34px;
	width: 200px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding-right: 4px;
	cursor: pointer;
	margin-top: 12px;
}

form .intro {
	font-size: 14px;
	color: #4D4D4D;
	margin-bottom: 16px;
	margin-bottom: 16px;
	line-height: 21px;
	width: 85%;
}

form #button:hover {
	background-color: #f9aa5d;
}

form #button.concerta {
	background-color: #008080;
}

form #button.concerta:hover {
	background-color: #00bbbb;
}


/* FANCYBOX - AIDE */

#page_aide h2 {
width: 100%; 
font-size: 20px;
max-width: 400px;
height: 40px;
}

#page_aide p {
margin-top: 5px;
margin-bottom: 30px;
color: #858585;
font: 14px "Source Sans Pro", "Lucida Grande", Lucida, Verdana, sans-serif;
}

#page_aide p:last-child {
margin-bottom: 0px;
}

#page_aide p.icone {
width: 75%;
padding-left: 51px;
font-size: 14px;
	margin-bottom: 22px;
}

#page_aide img {
width: 39px;
float: left;
padding-top: 12px;
}

#page_aide h3 {
font: 17px Museo, "Lucida Grande", Lucida, Verdana, sans-serif;
font-weight: 500;
}

#page_aide a {
font: 14px "Source Sans Pro", "Lucida Grande", Lucida, Verdana, sans-serif;
margin-top: 8px;
display: block;
color: #F59333;
}

/* FANCYBOX - ICONS */

#alertIcon h2 {
/* width: 100%; */
font-size: 20px;
max-width: 200px;
height: 40px;
}

#alertIcon p {
margin-top: 5px;
margin-bottom: 30px;
color: #858585;
font: 14px "Source Sans Pro", "Lucida Grande", Lucida, Verdana, sans-serif;
}

/* PAGE ARCHIVES */

#titre_archives {
    margin-top: 100px;
    background: url(../images/fond_archives.png) 98% no-repeat #F59333;
    height: 30px;
    font-family: Museo, "Lucida Grande", Lucida, Verdana, sans-serif;
    font-weight: 500;
    font-size: 16px;
    color: #FFF;
    padding-top: 12px;
    padding-left: 20px;
    padding-bottom: 0px;
    position: fixed;
    width: 100%;
    top: 0px;
    z-index: 5001;
    opacity: 0.95;
}

#titre_archives.concerta {
	background: #912B33;
	font: 26px Calibri, Arial, sans-serif;
}

.titre_module {
	font-family: Museo, "Lucida Grande", Lucida, Verdana, sans-serif;
	font-size: 30px;
	text-align: center;
}

#titre_archives a {
	text-decoration: none;
	color: #FFF;
}

#titre_archives a:hover {
	text-decoration: underline;
}

#conteneur_archives {
	margin-left: 20px;
	margin-top: 180px;
	background: url(../images/fond.png) right top repeat-y;
}


/* PAGE PRINCIPALE */

#intro_client {
	font-family: Museo, "Lucida Grande", Lucida, Verdana, sans-serif;
	font-weight: 500;
	color: #6B6B6B;
	padding-top: 0px; /* fev19 */
	margin-top: 35px; 
	margin-bottom: 26px;
	/* font-size: 14px; */
	font-size: 20px; /* maryse */	
}
#intro {
	font-family: Museo, "Lucida Grande", Lucida, Verdana, sans-serif;
	font-weight: 500;
	color: #6B6B6B;
	padding-top: 20px; /* 11nov17 */
	margin-top: 35px; 
	margin-bottom: 26px;
	/* font-size: 14px; */
	font-size: 20px; /* maryse */	
}

.message {
	font-family: "Source Sans Pro", "Lucida Grande", Lucida, Verdana, sans-serif;
	margin-bottom: 50px;
}


#intro #titre {
	font-size: 22px;
	margin-top: 15px; /* maryse */
}

#intro .identifiant {
	color: #000;
	padding-right: 3px;
}

.detailBox {
	background-color: #FFF;
	width: 298px;
	display: block;
	float: left;
	margin-bottom: 25px;
	border: 1px solid #D1D1D1;
	border-top: 5px solid #FF8000;
	box-shadow: 0 3px 4px #dddddd;
	margin-right: 14px;
	opacity: 0.8;
}

.detailBoxOwn {
	/*background-color: #FFF;*/
	background-color: #d1d1d1;
	background-image: url("../images/vendu.png");
	width: 298px;
	display: block;
	float: left;
	margin-bottom: 25px;
	border: 1px solid #D1D1D1;
	border-top: 5px solid #6b6b6b;
	box-shadow: 0 3px 4px #dddddd;
	
	margin-right: 14px;
	opacity: 0.8;
}
.detailBoxGestionPetit {
	background-color: #a7a7a7;
	width: 450px;
	display: block;
	float: left;
	margin-bottom: 25px;
	margin-right: 15px;
	color: #FFF;
	font-family: "Source Sans Pro", "Lucida Grande", Lucida, Verdana, sans-serif;
	font-size: 15px;
	font-weight:normal;
	padding: 10px;
}

h3.flottant {
	display: inline-block;
	margin-right: .2em;
	margin-left: 1em;
	margin-bottom: 10px;
}

h3.flottant:first-child {
	margin-left: 0em;
}

.detailBoxPromo {
	background-color: #feefd9;
	width: 298px;
	display: block;
	float: left;
	margin-bottom: 25px;
	border: 1px solid #D1D1D1;
	border-top: 5px solid #FF8000;
	box-shadow: 0 3px 4px #dddddd;
	margin-right: 14px;
	opacity: 1;
}

li.rejete div.detailBox, li.propose div.detailBox, li.attente div.detailBox {
	background-color: rgba(255,255,255,0.9);
	color: #999;
	border-top: 5px solid #ffbe7e;
} 

li.propose .date, li.propose .description, li.rejete .date, li.rejete .description, li.attente .date, li.attente .description, {
	color: #999;
}

.detailBox img{
	border: 1px solid #ebeceb;
	margin-top: 11px;

}

a .infobulle {
	opacity:0;
	transition:all .25s;
	background-color: #4e4f4e;
	color: #FFF;
	text-decoration: none;
	font-family: "Source Sans Pro", "Lucida Grande", Lucida, Verdana, sans-serif;
	font-size: 12.5px;
	font-weight:600;
	padding: 2px 5px;
	position: absolute;
	z-index: 500000;
	margin-left: 26px;
	margin-top: 2px;
}

a:hover .infobulle {
	opacity:1;

}


.detailBox:hover {
	opacity: 1;
}

.picto_boite { /* maryse - only 1 icon */
	/*border: 1px solid red; */
	width: 37px;
	float: right;
	padding-top: px;
	border-bottom: 1px solid #ececec;
	border-left: 1px solid #ececec;
	border-style:none;	
}

.pictos_boite {
	/*border: 1px solid red; */
	width: 37px;
	float: right;
	padding-top: 8px;
	border-bottom: 1px solid #ececec;
	border-left: 1px solid #ececec;
}

.pictos_boite ul {
	list-style: none;
}

.pictos_boite li a {
	/*border: 1px solid green;*/
	width: 23px;
	display: block;
	height: 23px;
	text-decoration: none;
}

.pictos_boite li {
	margin-bottom: 10px;
	margin-right: 5px;
	background-position: center top;
	background-repeat: no-repeat;
	/*border: 1px solid green;*/
	margin-left: 5px;
}

.pictos_boite li:hover{
	background-position: center center;
}

.pictos_boite li:active{
	background-position: center bottom;
}

/* maryse */
.pictos_boite li.reject {
	background-image: url(../images/picto_reject.png);
}
.pictos_boite li.accept {
	background-image: url(../images/picto_accept.png);
}
.pictos_boite li.chat {
	background-image: url(../images/picto_chat.png);
}
.pictos_boite li.delete {
	background-image: url(../images/picto_delete.png);
}

div.detailBoxPromo .pictos_boite li.delete {
	background-image: url(../images/picto_delete_promo.png);
}

div.detailBoxPromo .pictos_boite {
	width: 37px;
	float: right;
	padding-top: 8px;
	border-bottom: 1px solid #eed8b8;
	border-left: 1px solid #eed8b8;
}

/* ----- */

.pictos_boite li.livrer {
	background-image: url(../images/picto_crayon.png);
}

.pictos_boite li.edit {
	background-image: url(../images/picto_crayon.png);
}

.pictos_boite li.voir {
	background-image: url(../images/picto_voir.png);
}

.pictos_boite li.assignation {
	background-image: url(../images/picto_doc.png);
}

.pictos_boite li.poubelle {
	background-image: url(../images/picto_poubelle.png);
}

.pictos_boite li.dossier {
	background-image: url(../images/picto_dossier.png);
}

.pictos_boite li.coeur {
	background-image: url(../images/picto_coeur.png);
}

.pictos_boite li.actif {
	background-position-y: center;
}

.fils p {
	/*border: 1px solid red;*/
	padding: 3px 8px;
}

h2 {
	font: 24px Museo, "Lucida Grande", Lucida, Verdana, sans-serif;
	font-weight: 500; /* A font by Jos Buivenga (exljbris) -> www.exljbris.com */
	margin-bottom: 0px;
	margin-top: 8px;
	padding: 0;
	/*width: 270px;*/
	
	display: -webkit-box;
	max-width: 270px;
	height: 90px;
	/* Fallback for non-webkit */
	margin: 0 auto;
	font-size: 24px;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}


.date {
	font: 15px "Source Sans Pro", "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #000;
	margin: 0 0 12px;
	margin-top: 6px;
	margin-bottom: 10px;
}

.description {
	font: 15px/21px Cambria, Georgia, "Times New Roman", Times, serif;
	color: #404040;
}

#preview{
	position:absolute;
	border: none;
	background: #BBB;
	padding:3px;
	display:none;
	color:#fff;
	-webkit-box-shadow: 0px 4px 3px 0px rgba(100, 100, 100, 0.8);
	-moz-box-shadow:    0px 4px 3px 0px rgba(100, 100, 100, 0.8);
	box-shadow:         2px 4px 7px 0px rgba(80, 80, 80, 0.6);
}

.hauteur_fixe {
	height: 310px;
	padding: 5px 15px 15px 10px;	
}

.hauteur_fixe1 {
	height: 140px; //310px;/* ken */
	padding: 5px 15px 15px 10px;
	/*border: 1px solid blue;*/
	
}


/* BOITE PROPOSEZ UN TEXTE */

form.proposez {
	border: none;
	/*border: 1px solid red;*/
	border-radius: 0px;
	margin: 0px;
	margin-top: 10px;
	padding: 0px;
	width: 275px;
	padding: 0px 10px;
}

form.proposez input, textarea {
	border: none;
	border: 1px solid #ddd;
	width: 100%;
	font-family: "Source Sans Pro", "Lucida Grande", Lucida, Verdana, sans-serif;
	font-size: 15px;
	color: #444;
	padding: 10px 5px;
}

form.proposez textarea {
	height: 140px;
	padding: 7px 5px;
}

form.proposez #bouton_envoi {
	border: 0px;
	width: 90px;
	text-transform: uppercase;
	font-weight: 600;
	background-color: #666;
	color: #FFF;
	padding: 7px 12px;
	height: inherit;
	margin-top: 10px;
	cursor: pointer;
}

form.proposez #bouton_envoi:hover {
	background-color: #444;
}

.conteneur_categorie {	
	margin-top: 14px;
	border-top: 1px dashed #595959;
	padding-top: 12px;
	
}

.categorie {
	font: 13px "Source Sans Pro", "Lucida Grande", Lucida, Verdana, sans-serif;
	font-weight: 600;
	text-transform: uppercase;
	color: #6c6c6c;
	/* padding: 10px 0px 0px 10px;  */	
	padding: 10px 15px 0px 10px; /* ken */
	height: 40px; 
/*	border: 1px solid pink;
*/}



.telecharger {
	color: #616161;
	text-decoration: none;
	font: 14px "Source Sans Pro", "Lucida Grande", Lucida, Verdana, sans-serif;
	font-weight: 600;
	text-transform: uppercase;
	/* background: url(../images/picto_doc.png) 14px top no-repeat; */
	background: url(../images/icone-download.png) 14px top no-repeat;
	padding-left: 37px;
	padding-top: 2px;
	padding-bottom: 17px;
	display: block;
	margin-left: 0px;
}

/* admEdiRev - menu nouvelle version, dupliquer et generer */
#container-menu-texte {
	/*border: 1px solid red; */
	font-size: 16px;
	color: #444;
	width: 100%;	
	height: 50px;
}
.nouvelleversion {
	height: 45px;
	background: url(../images/bouton-nouv-version.png) 14px top no-repeat;
	width: 25%;
    float: left;		
}

.dupliquer {
	height: 45px;
	background: url(../images/bouton-dupliquer.png) 14px top no-repeat;
    width: 25%;
    float: left;			
}

.generer-doc {
	height: 45px;
	background: url(../images/bouton-generer-doc.png) top no-repeat;
    width: 25%;
    float: right;			
}

.copier-brief {
	height: 30px;
	background: url(../images/bouton-copier-brief.png) top no-repeat;
    width: 25%;
    float: right;
}
.ajout { 
	height: 45px;
	background: url(../images/bouton-ajout.png) 14px top no-repeat;
	width: 25%;
    float: left;		
}
.ajoutContact {
	height: 45px;
	background: url(../images/insertIcon.gif) 14px top no-repeat;
    width: 100%;
    float: left;
}
.ajoutContact:hover {
	background: #F9BA7D;
}


/* admEdiRev - Section Conditions: Nombre de mots, Utilisation, Entrevue à faire */
#condition-texte{
  max-width: 750px;
  height: 60px; 
  vertical-align: top; 
  margin-top: 5px;
}

.mots{
  width: 250px;
  height: 60px; 				  
  float: left;
  margin-left: 20px;
}

.cachet{
  width: 100px;
  height: 60px; 				  
  float: left;
  margin-left: 10px;
}

.inputMots {
	height: 25px;
	font-size: 14px;
	width: 230px;
}
.inputCachet {
	height: 25px;
	font-size: 14px;
	width: 100px;
}


.utilisation{
  	width: 150px;
	float: left;
}

.entrevue{
  width: 150px;
  float: left;
  margin-left: 20px;
  
}				
/* ------------------------------ */


.courriel2 {  /* can't use name "courriel" ??? */
	color: #616161;
	text-decoration: none;
	font: 14px "Source Sans Pro", "Lucida Grande", Lucida, Verdana, sans-serif;
	font-weight: 600;
	text-transform: uppercase;
	background: url(../images/picto_courriel.png) 11px top no-repeat;
	padding-left: 39px;
/*	padding-top: 2px;
*/	padding-bottom: 17px;
	display: block;
	margin-left: 0px;
}

form#afficherdocument {
	margin-top: 0px;		
	text-decoration: none;
	display: block;
	margin-left: 0px;
	width: 250;	
	border: 0;	
	padding-left: 10px;
	padding: 0px;
	background-color: transparent;
	margin-bottom: 0px;
}

form#afficherdocument input {
	color: #616161;	
	width: inherit;		
	border: 0px;
	font: 14px "Source Sans Pro", "Lucida Grande", Lucida, Verdana, sans-serif;		
	padding-bottom: 18px;	
	font-weight: 600;
	background: url(../images/picto_afficher.png) 11px top no-repeat;
	text-transform: uppercase;
	margin-bottom: 0px;
	height: 36px;
}

.courriel2:hover {
	text-decoration: underline;
}

.telecharger:hover {
	color: #FF8000;
}

#chatBox{
    /*background-color: #FFFFFF;	*/
	/*border: 1px solid red;*/
	visibility: hidden; 
	position: absolute;
	left: 100px; 
	top: 160px;
	z-index: 10;
	background-color: #4e4f4e;
	padding: 8px 5px;
	-webkit-box-shadow: 0px 3px 2px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 3px 2px 0px rgba(0,0,0,0.25);
	box-shadow: 0px 3px 2px 0px rgba(0,0,0,0.25);
}

#chatBoxToDelete{
		visibility: hidden; 
		position: absolute;
	    /*background-color: #FFFFFF;	*/
		left: 100px; 
		top: 160px;
		z-index: 10;
}
#chatBoxToDelete {
	/*border: 1px solid red;*/
	background-color: #4e4f4e;
	padding: 8px 5px;
	-webkit-box-shadow: 0px 3px 2px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 3px 2px 0px rgba(0,0,0,0.25);
	box-shadow: 0px 3px 2px 0px rgba(0,0,0,0.25);
}

#chatBox textarea {
	border: none;
	height: 100px;
	margin-bottom:0px;
	font: 15px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #5f5f5f;
	padding: 7px 5px;
	display:block;
	margin-bottom: 15px;
}

#chatBox input {
	border: none;
	font: 15px "Source Sans Pro", "Lucida Grande", Lucida, Verdana, sans-serif;
	font-weight: 600;
	text-transform: uppercase;
	padding: 2px 5px;
	background-color: #f4983d;
	color: #FFF;
	margin-bottom: 3px;
	cursor: pointer;
	opacity: 0.95;
}

#chatBox input:hover {
	opacity: 1;
}
	
#chatBox #chatTextCancel {
	background: none;
	color: #AAA;
	text-transform: none;
}

#chatBox #chatTextCancel:hover {
	color: #CCC;
}

#archives {
	background: url(../images/fond_archives.png) 98% no-repeat #F59333;
	margin-top: 20px;
	padding-left: 20px;
	padding-top: 30px;
	padding-bottom: 30px;
	color: #FFF;
	font-family: Museo, "Lucida Grande", Lucida, Verdana, sans-serif;
	font-weight: 500;
	font-size: 14px;
}

#archives.concerta {
	background: #F89A4A;
	font-family: Calibri, Arial, sans-serif;
}

#archives h3 {
	font-size: 22px; 
}

#archives ul {
	list-style: none;
	margin-top: 15px;
	max-width: 1200px;
}

#archives li {
	float: left;
	background-color: #FFF;
	padding: 10px 13px 11px;
	margin-right: 17px;
	opacity: 0.8;
	margin-bottom: 17px;
}

#archives li:hover {
	opacity: 1;
}


#archives li a {
	color: #F59333;
	text-decoration: none;
	font-size: 23px;
}

/* PAGE GESTION DES CONTACTS */ 



/* PAGE GESTION DES CONTENUS */ 

#gestion_contenus {
	background: none;
	font: 17px "Source Sans Pro", "Lucida Grande", Lucida, Verdana, sans-serif;
	padding: 0px;
	/*border: 1px solid red;*/
}

#gestion_contenus form {
	/*border: 1px solid red;*/
	border: none;
	padding: 0px;
	background: none;
	width: 950px;
	border-radius: 0px;
	/*float: left;*/
}

#gestion_contenus #fiche {
	/* border: 1px solid red; */
	background-color: #FFF;	
	width: 500px;
	display: block;
	float: left;
	margin-bottom: 25px;
	border: 1px solid #D1D1D1;
	border-top: 5px solid #FF8000;
	box-shadow: 0 3px 4px #dddddd;
	margin-right: 14px;
	opacity: 0.8;
	padding: 15px;
}

#gestion_contenus #ficheTexte {
	/*border: 1px solid red;*/
	background-color: #FFF;	
	width: 600px;
	display: block;
	float: left;
	margin-bottom: 25px;
	border: 1px solid #D1D1D1;
	border-top: 5px solid #FF8000;
	box-shadow: 0 3px 4px #dddddd;
	margin-right: 14px;
	opacity: 0.8;
	padding: 15px;
}


#gestion_contenus #fiche .categorie {
	padding: 0px;
	height: inherit;
	margin-bottom: 20px;
}

#gestion_contenus #fiche #titre_fiche {
	/*border: 1px solid #333;*/
	font: 24px Museo, "Lucida Grande", Lucida, Verdana, sans-serif;
	font-weight: 500;
}

#gestion_contenus #fiche .date {
	margin-bottom: 30px;
	font-size: 18px;
}

#gestion_contenus #fiche h4 {
	color: #404040;
	font: 15pxx Cambria, Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
}

#gestion_contenus #fiche .description {
	margin-bottom: 20px;
	margin-top: 5px;
}

#gestion_contenus #fiche input {
	border: 0px;
	width: 260px;
	text-transform: uppercase;
	font-weight: 600;
	background-color: #666;
	color: #FFF;
	padding: 7px 10px;
	height: inherit;
	/*margin-top: 10px;*/
	cursor: pointer;
	font-size: 14px;
	text-align: left;
}

#gestion_contenus #fiche input:hover {
	background-color: #444;
}

#gestion_contenus #colonnedroite_gestion {
	margin-left: 550px;
}

#gestion_contenus #info_fil {
	padding: 15px 12px;
	background-color: #ddd;
	font-size: 15px;
	margin-bottom: 20px;
}

ul.informations{
	list-style: none;
}


#gestion_contenus #info_fil h4 {
	font-size: 20px;
	font-weight: 500;
	color: #444;
}

#gestion_contenus #info_fil p {
	padding: 10px 0px 0px 0px;
	font-size: 14px;
	line-height: 1.5em;
	width: 90%;
	color: #444;
}

#gestion_contenus #telechargement {
	border: 1px solid #ccc;
	padding: 10px 12px;
}

#gestion_contenus #telechargement h4 {
	font-size: 20px;
	font-weight: 500;
	color: #444;
	margin-bottom: 15px;
}

#gestion_contenus #telechargement #fileToUpload {
	/*border: 1px solid red;*/
	width: 100%;
	padding: 0px;
	margin-bottom: 0px;
}

#gestion_contenus #telechargement #submit {
	border: 0px;
	width: 85px;
	text-transform: uppercase;
	font-weight: 600;
	background-color: #666;
	
	color: #FFF;
	padding: 7px 10px;
	height: inherit;
	/*margin-top: 10px;*/
	cursor: pointer;
	font-size: 14px;
	text-align: left;
}

#gestion_contenus #telechargementAuteur #submit {
	border: 0px;
	width: 180px;
	text-transform: uppercase;
	font-weight: 600;
	background-color: #666;	
	color: #FFF;
	padding: 7px 10px;
	height: inherit;
	/*margin-top: 10px;*/
	cursor: pointer;
	font-size: 14px;
	text-align: left;
}
#gestion_contenus #telechargement #submit:hover {
	background-color: #444;
}

/* rapport STATS - oct 2017 */

#rapport_stats {
	background: none;
	font: 17px "Source Sans Pro", "Lucida Grande", Lucida, Verdana, sans-serif;
	padding: 0px;
	width: 100%;
	/* border: 1px solid red; */
}
#rapport_stats form {
	border: 1px solid blue;	
	border: none;
	padding: 0px;
	background: none;
	width: 1160px;
	border-radius: 0px;
	width: 100%;
	/*float: left;*/
}
#rapport_stats #info_texte {
	padding: 15px 12px;
	background-color: #ddd;	
	font-size: 18px;
	margin-bottom: 20px;
}
.info_texte_ul {
    list-style-type: none;	
}
#rapport_stats #fiche input {
	color: #000;
}
#rapport_stats #submit {
margin-top: 20px;
	border: 0px;
	width: 200px;
	text-transform: uppercase;
	font-weight: 600;
	background-color: #666;
	color: #FFF;
	padding: 7px 10px;
	height: inherit;
	/*margin-top: 10px;*/
	cursor: pointer;
	font-size: 14px;
	text-align: left;
}

#rapport_stats #submit:hover {
	background-color: #444;
}

#rapport_stats label {
	font-size: 14px;
}

/* PAGE ÉDITION DES CONTENUS */ 

#edition_contenus {
	background: none;
	font: 17px "Source Sans Pro", "Lucida Grande", Lucida, Verdana, sans-serif;
	padding: 0px;
	/* border: 1px solid red; */
}

#edition_contenus form {
	border: 1px solid blue;	
	border: none;
	padding: 0px;
	background: none;
	width: 1160px;
	border-radius: 0px;
	/*float: left;*/
}

#edition_contenus #fiche {
	background-color: #FFF;
/*	 background-color: yellow;
*/	width: 700px;
	display: block;
	float: left;
	margin-bottom: 25px;
	border: 1px solid #D1D1D1;
	border-top: 5px solid #FF8000;
	box-shadow: 0 3px 4px #dddddd;
	margin-right: 14px;
	opacity: 0.8;
	padding: 15px;	
}

#edition_contenus #colonnedroite_revision {
	margin-left: 750px;
/*	border: 1px solid green;
	 background-color: yellow;*/
}

#edition_contenus #txtTitre {
border: 1px solid #EEE;
font: 16px Museo, "Lucida Grande", Lucida, Verdana, sans-serif;
font-weight: 500;	
width: 100%;
height: 35px;
resize: vertical;
color: #000;
padding: 2px 10px 0px 5px;
}

#edition_contenus #txtIntro {
	color: #404040;
	color: #000;
	font: 15px Cambria, Georgia, "Times New Roman", Times, serif;
	padding: 4px 10px 0px 5px;
	line-height: 1.5em;
	height: 100px;
}

#edition_contenus #txtTexte {
	color: #404040;
	color: #000;
	font: 15px Cambria, Georgia, "Times New Roman", Times, serif;
	
	padding: 4px 10px 0px 5px;
	line-height: 1.5em;
	
	height: 160px;
	height: 300px;
	
	margin-top: 10px;
}
#edition_contenus #txtMots {
	color: #404040;	
	color: #000;
	font: 15px Cambria, Georgia, "Times New Roman", Times, serif;
	padding: 4px 10px 0px 5px;
	line-height: 1.5em;
	margin-top: 8px;
}

#edition_contenus #decompte {
	margin-top: 5px; 
	font-size: 13px;
	font-size: 11px; /* maryse	*/
	text-transform: uppercase;
	color: #555;
}

#edition_contenus #decompte input {
	font-size: 13px;
	text-transform: uppercase;
	color: #555;
	height: 20px;
	border: none;
}

#edition_contenus #txtIntro:hover, #txtTitre:hover, #txtTexte:hover, #txtMots:hover{
border: 1px solid #333;
background-color: #EEE;
}

#edition_contenus #fiche h4 {
	font-size: 20px;
	font-weight: 500;
	color: #444;
	margin-top: 20px;
}

#edition_contenus #fiche input {
	color: #000;
}


#edition_contenus #info_fil {
	padding: 15px 12px;
	background-color: #ddd;	
	font-size: 18px;
	margin-bottom: 20px;
}

#edition_contenus #info_fil span {  
	font-size: 12px;
}



#edition_contenus #info_fil h4 {
	font-size: 20px;
	font-weight: 500;
	color: #444;
}

#edition_contenus #info_fil p {
	padding: 10px 0px 0px 0px;
	font-size: 14px;
	line-height: 1.5em;
	width: 90%;
	color: #444;
}

#edition_contenus #infos {
	padding: 15px 12px;
	background-color: #ddd;
	font-size: 15px;
	margin-bottom: 20px;
}

#edition_contenus #infos select {
	font-size: 20px;
	width: 100%;
	margin-bottom: 20px;
}

#edition_contenus #infos h4 {
	font-size: 20px;
	font-weight: 500;
	color: #444;
	margin-bottom: 15px;
	margin-top: 0px;
}

#edition_contenus #infos select:last-child {
	margin-bottom: 0px;
}

#edition_contenus #infos p {
	padding: 10px 0px 0px 0px;
	font-size: 14px;
	line-height: 1.5em;
	width: 90%;
	color: #444;
}

#edition_contenus #telechargement {
	border: 1px solid #ccc;
	padding: 10px 12px;
}

#edition_contenus #telechargement h4 {
	font-size: 20px;
	font-weight: 500;
	color: #444;
	margin-bottom: 15px;
}

#edition_contenus #telechargement, #fileToUpload {
	/*border: 1px solid red;*/
	width: 100%;
	padding: 0px;
	margin-bottom: 0px;
}

#edition_contenus #submit, #livraison {
margin-top: 20px;
	border: 0px;
	width: 200px;
	text-transform: uppercase;
	font-weight: 600;
	background-color: #666;
	color: #FFF;
	padding: 7px 10px;
	height: inherit;
	/*margin-top: 10px;*/
	cursor: pointer;
	font-size: 14px;
	text-align: left;
}

#edition_contenus #submit:hover {
	background-color: #444;
}

#edition_contenus .but-contact {
	border: 0px;
	display:inline-block;
	text-transform: uppercase;
	padding:8px 16px;
	vertical-align:middle;
	overflow:hidden;
	font-weight: 600;	
	text-decoration:none;
	color:white;
	background-color:F59333;
	text-align:center;
	cursor:pointer;
	white-space:nowrap;
	outline:none;
}

.info_fil_ul {
    list-style-type: none;	
}

/* PAGE VOIR DES CONTENUS */ 

#voir_contenus {
	background: none;
	font: 17px "Source Sans Pro", "Lucida Grande", Lucida, Verdana, sans-serif;
	padding: 0px;
	/* border: 1px solid red; */
}

#voir_contenus form {
	border: 1px solid blue;	
	border: none;
	padding: 0px;
	background: none;
	width: 1160px;
	border-radius: 0px;
}

#voir_contenus #colonneGauche { 
	background-color: #FFF;
	width: 670px;
	display: block;
	float: left;
	margin-bottom: 25px;
	border: 1px solid #D1D1D1;
	/* border-top: 5px solid #FF8000;*/
	box-shadow: 0 3px 4px #dddddd;
	margin-right: 14px;
	opacity: 0.8;
	padding: 15px;
	padding-left: 30px;	
}

#voir_contenus #colonneDroite {
	/*border: 1px solid green;*/
	margin-left: 750px;
	/* background-color: yellow; */
}

#voir_contenus p.titre {
	margin: 20px 20px 20px 0px; /* feb 2019*/
	font-family: Museo, "Lucida Grande", Lucida, Verdana, sans-serif;
    font-weight: 500;
    font-size: 22px;
}


#voir_contenus #colonneGauche a:link {
	color: #F59333;
}
#voir_contenus #colonneGauche a:visited {
	color: #F59333;
}
#voir_contenus #colonneGauche a:hover {
	color: #F59333;
}

/* steve ajout test */
#voir_contenus p.texte {
	margin: 20px 20px 20px 20px;
    font-size: 12px;
    line-height: 1.5em;
}

#voir_contenus #txtTitre {
border: 1px solid #EEE;
font: 16px Museo, "Lucida Grande", Lucida, Verdana, sans-serif;
font-weight: 500;	
width: 100%;
height: 35px;
resize: vertical;
color: #000;
padding: 2px 10px 0px 5px;
}

#voir_contenus #txtTitre:hover, #txtTexte:hover {
border: 1px solid #333;
background-color: #EEE;
}

#voir_contenus #colonneDroite h4 {
	font-size: 20px;
	font-weight: 500;
	color: #444;
}

#voir_contenus #colonneDroite input {
	color: #000;
}

#voir_contenus #titreSection {
	padding: 5px 12px;
	background-color: #ddd;
	font-size: 15px;
	line-height: 1.5em;
	margin-bottom: 20px;
	color: #F59333;	
}


#voir_contenus #titreSection h4 {
	font-size: 20px;
	font-weight: 500;
	color: #444;
}

#voir_contenus #titreSection p {
	padding: 10px 0px 0px 0px;
	font-size: 14px;
	line-height: 1.5em;
	width: 90%;
	color: #444;	
}

#voir_contenus #titreSection p.licence { 
	padding: 10px 10px 10px 0px;
	font-family: Museo, "Lucida Grande", Lucida, Verdana, sans-serif;
    font-weight: 500;
	width: 200px; /* 30nov16 */
	color: #F59333;	
}
#voir_contenus #infos {
	padding: 15px 12px;
	background-color: #ddd;
	font-size: 15px;
	margin-bottom: 20px;
}

#voir_contenus #infos select {
	font-size: 20px;
	width: 100%;
	margin-bottom: 20px;
}

#voir_contenus #infos h4 {
	font-size: 20px;
	font-weight: 500;
	color: #444;
	margin-bottom: 15px;
	margin-top: 0px;
}

#voir_contenus #infos select:last-child {
	margin-bottom: 0px;
}


#voir_contenus #infos p {
	padding: 10px 0px 0px 0px;
	font-size: 14px;
	line-height: 1.5em;
	width: 90%;
	color: #444;
}

.categorieVoirContenu {
	font: 13px "Source Sans Pro", "Lucida Grande", Lucida, Verdana, sans-serif;
	font-weight: 600;
	text-transform: uppercase;
	color: #6c6c6c;
	margin: 20px 20px 20px 0px; /* feb 2019 */
}

#formulaire_gauche {
/*	border: 1px solid red; 
*/	font-size: 16px;
	color: #444;
}
/*#formulaire_gauche p.titre {
	margin-bottom: 5px;
    font-weight: bold;
	padding-top: 10px;
color: red;
}
*/

#voir_contenus #colonneDroite a:link {
	color: #F59333;
}

#voir_contenus #colonneDroite a:visited {
	color: #F59333;
}
#voir_contenus #colonneDroite a:hover {
	color: #F59333;
}
#voir_contenus #colonneDroite a:active {
	color: #F59333;
}


.boutonAchat {
    background-color: #F59333;
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
	border-radius: 12px; 
	top: 25px;
	font-family: Museo, "Lucida Grande", Lucida, Verdana, sans-serif;
	font-weight: 500;
	font-size: 20px;
}
.boutonAchat3 {
display: none; 
position: relative; 
left: 30px; 
top: 50px; 
background-color:white;
width:310px; 
height: 150px; 
border-radius: 12px;
padding: 10px;

}
.boutonAchatConfirm {
display: none; 
position: relative; 
left: 30px; 
top: 50px; 
background-color:white;
width:310px; 
height: 150px; 
border-radius: 12px;
padding: 10px;
}


.boutonAchatPetit {	
    background-color: #F59333;
    border: none;
	outline: none;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 20px;
    margin: 4px 2px;
    cursor: pointer;
	border-radius: 12px; 
	top: 5px;
	font-family: Museo, "Lucida Grande", Lucida, Verdana, sans-serif;
	font-weight: 500;
	color: #FFF;
}
.boutonMail {	
    background-color: #F59333;
    border: none;
	outline: none;
    padding: 5px 5px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 12px;
    margin: 4px 2px;
    cursor: pointer;
	border-radius: 12px; 
	top: 5px;
	font-family: Museo, "Lucida Grande", Lucida, Verdana, sans-serif;
	font-weight: 500;
	color: #FFF;
}

/*PAGE PARTNER_REVISION */

#partner_revision {
	/* border: 1px solid red; */
	font-size: 16px;
	color: #444;
}

#partner_revision #txtTitre {
	/* border: 1px solid red; */
	margin-top: 0px;
	font: 24px Museo, "Lucida Grande", Lucida, Verdana, sans-serif;
	font-weight: 500;
	padding: 0px;
	height: 4em;
}

#partner_revision #txtIntro {
	/* border: 1px solid red; */
	margin-top: 0px;
	font: 18px Museo, "Lucida Grande", Lucida, Verdana, sans-serif;
	font-weight: 500;
	padding: 0px;
	height: 7em;
}
/*PAGE RÉVISION */

#formulaire_revision {
	/*border: 1px solid red; */
	font-size: 16px;
	color: #444;
}

#formulaire_revision #txtTitre {
	/* border: 1px solid red; */
	margin-top: 0px;
	font: 24px Museo, "Lucida Grande", Lucida, Verdana, sans-serif;
	font-weight: 500;
	/*border: 1px solid white; */
	padding: 0px;
	height: 2.5em;
}

#formulaire_revision p.titre {
	margin-bottom: 5px;
    font-weight: bold;
	padding-top: 10px;
}

#formulaire_revision .indication {
	/*border: 1px solid red;*/
	font-size: 12px;
	color: #444;
	font-weight: 600;
	text-transform: uppercase;
	margin-top: 5px;
	margin-bottom: 40px;
}

#gestion_contenus #colonnedroite_revision {
	margin-left: 550px;
	/*border: 1px solid red;*/
	
}

#edition #colonnedroite_revision {
	margin-left: 550px;	
}

#colonnedroite_revision h4 {
	font-size: 20px;
	font-weight: 500;
	color: #444;
	margin-bottom: 15px;
	margin-top: 0px;
}

#colonnedroite_revision ul.informations li {
	/*border: 1px solid green;*/
	display: inline-block;
	list-style: none;
	width: 100%;
}
#colonnedroite_revision label{
	/*border: 1px solid blue;*/
	margin: 0px;
	float: left;
	padding: 0px;
	display: block;
	width: 140px;
	font-size: 15px;
	color: #444;
	margin: 0px 10px 10px 0px;
}

#colonnedroite_revision select{
	font-size: 15px;
	color: #444;
	margin-top: 7px;
}

#colonnedroite_revision input{
	border: none;
	background: white;
	color: #444;
	font-weight: normal;
	font-size: 15px;
	width: 150px;
}

#colonnedroite_revision input:hover, #colonnedroite_revision textarea:hover{
	border: none;
	background: white;
	color: #444;
}

#formulaire_revision textarea#txtTitre:hover {
	background-color: #eee;
	border: 1px solid #eee;
}

#colonnedroite_revision input.disabled{
	cursor: default;
}

#colonnedroite_revision .indication{
display: none;
}

#colonnedroite_revision p.titre{
margin-top: 20px;
}

#pointage, #statut_revision, #version {
	padding: 15px 12px;
	background-color: #ddd;		
	font-size: 15px;
	margin-bottom: 20px;
}

#colonnedroite_revision ul.liste_droite li {
	display: inline-block; 
	margin: 0;
	width: 100%;
}

#colonnedroite_revision ul.liste_droite li input {
	float: left;
	width: 30px;
	margin: 0px;
}

#colonnedroite_revision ul.liste_droite label {
	width: 320px;
	height: 10px;
	padding-top: 2px;
	cursor: pointer;	
}

#pointage #txtPointage {
	border: none;
	background: none;
	font-size:45px;
	font-weight: 0;
	float: right; 
	text-align: right; 
	height: 50px;
	color: #777;
	padding: 0px 10px;
	position: relative;
	top: -20px;
	width: 100px;
}

#colonneDroite #submit, #colonnedroite_revision #livraison  {
	border: 0px;
	width: 260px;
	text-transform: uppercase;
	font-weight: 600;
	background-color: #D3D3D3;	
	color: #FFF;
	padding: 7px 10px;
	height: inherit;
	cursor: pointer;
	font-size: 14px;
	text-align: left;
}

#colonneDroite #submit:hover {
	background-color: #808080;
}

/* CONTACTS */
/* ======== */
#contact-form-col1 input {
	width: 330px; 	
}

/*#contact-form-col1 tr {
	background-color: red;
}
*/	
/*#contact-form-col1 .col_tel {
	width: 250px;
	color:red;
}
*/

/* ======== */


/*FOOTER*/

#footer {
	font: 14px "Source Sans Pro", "Lucida Grande", Lucida, Verdana, sans-serif;
	height:90px;
	background-color: #FFF;
	padding-left: 20px;
}

#footer img {
	padding:20px 40px;
	border: none;
}

#footer a {
	text-decoration: none;
	border: none;
}

#footer a img {
	padding:20px 0;
	text-decoration: none;
	border: none;
}

#footer div {
	float:left;
}

.option-footer {
	padding:20px;
	list-style:none;
	font-size:14px;
	line-height:18px;
	float:left;
}

.option-footer b {
	color: #F59333;
	float:left;
	width:15px;
	margin-left:-18px;
	text-align:center;
}

.option-footer a {
	color: #F59333;
}


#footer.concerta {
	font: 14px "Source Sans Pro", "Lucida Grande", Lucida, Verdana, sans-serif;
	height: 100px;
	background-color: #FFF;
	padding-left: 20px;
}

#footer.concerta a img {
	padding: 17px 16px 20px 0;
	text-decoration: none;
	border: none;
}

/** DASHBOARD **/

h3 {
	font: 25px "Source Sans Pro", "Lucida Grande", Lucida, Verdana, sans-serif;

}

#titre_articles { /* maryse */
	/* border: 1px solid red; */
	width: 380px;
	height: 50px;
	margin-top: 50px;
}

#filtres_articles { /* maryse */
	/* border: 1px solid green; */
	float: right;
	margin-top: 5px;
	font: 14px "Source Sans Pro", "Lucida Grande", Lucida, Verdana, sans-serif;
	background-color: #ddd;
	padding: 6px 15px;
	border-radius: 10px;
}

#titre_articles h3 { /* maryse */
	margin-top: 3px;
	padding-bottom: 10px;
	display: inline;
	/*border: 1px solid blue;*/
	float: left;
	height: 30px;
}

#filtres_articles label{ /* maryse */
	margin-left: 15px;
	margin-right: 3px;
	text-transform: uppercase;
	color: #666;
	font-size:12px;
}




#titre_commandes {
	/* border: 1px solid red; */
	width: 950px;
	height: 50px;
	margin-top: 50px;
}

#titre_commandes h3 {
	margin-top: 3px;
	padding-bottom: 10px;
	display: inline;
	/*border: 1px solid blue;*/
	float: left;
	height: 30px;	
}

#filtres_commandes {
	/*border: 1px solid green; */
	float: right;
	margin-top: 5px;
	font: 14px "Source Sans Pro", "Lucida Grande", Lucida, Verdana, sans-serif;
	background-color: #ddd;
	padding: 6px 15px;
	border-radius: 10px;
}

#filtres_commandes label{
	margin-left: 15px;
	margin-right: 3px;
	text-transform: uppercase;
	color: #666;
	font-size:12px;
}

/* liste de contenus utilisé par admEditeur */
table.liste_contenus, table.liste_contenus td {
	border-collapse: collapse;
	border: none;
	background-color: #fdfdfd;
	font: 14px "Source Sans Pro", "Lucida Grande", Lucida, Verdana, sans-serif;
	font-weight: 400;
	color: #696969;
	padding-bottom: 10px;
	padding-top: 10px;	
	text-align: left;
}

table.liste_contenus tr:nth-child(odd) td{
	background-color: #C8C8C8;	
}

table.liste_contenus tr:nth-child(even) td{
	background-color: #F0F0F0;	
}
I
table.liste_contenus td {
	padding: 5px 10px;
}

table.liste_contenus th {
	background-color: #666;
	color: #FFF;
	text-transform: uppercase;
	font-size: 12px;
}
table.liste_contenus thead {
	background-color: #666;
	color: #FFF;
	text-transform: uppercase;
	font-size: 12px;
	color: red;
}

table.liste_contenus .petitecolonne { 
	width: 100px; 
	text-align: center;
}
table.liste_contenus .iconColonne { 
	width: 60px; 
	text-align: center;
}

table.liste_contenus .grandecolonne { 
	width: 220px; 
}
table.liste_contenus .tgrandecolonne { 
	width: 450px; 
	font-size: 13px;
}
table.liste_contenus .colonne500 { 
/*	border: 1px solid green;
*/	width: 500px;
	padding-left: 2px; 
	font-size: 13px;
}
table.liste_contenus .boldColonne { 
	width: 180px;
	font-weight: bold;	
}

table.liste_contenus .dtColonne { 
	width: 90px; 
	text-align: center; 
	font-size: 11px;	
}

table.liste_contenus tr:hover td, table.liste_contenus tr.lignepaire:hover td{
	color: #F59333;
	opacity: 1;	
}

table.liste_contenus .editIcon {
	width: 20px;
	height: auto;
	opacity: 0.3;
}

/* -------------------- */

/* liste de contenus utilisé par admAuteur  - copie de liste_contenus mais mouse over différent */

table.liste_detail, table.liste_detail td {
	border-collapse: collapse;
	border: none;
	background-color: #fdfdfd;
	font: 14px "Source Sans Pro", "Lucida Grande", Lucida, Verdana, sans-serif;
	font-weight: 400;
	color: #696969;
	padding-bottom: 10px;
	padding-top: 10px;	
	text-align: left;
}

table.liste_detail tr:nth-child(odd) td{
	background-color: #C8C8C8;	
}

table.liste_detail tr:nth-child(even) td{
	background-color: #F0F0F0;	
}
I
table.liste_detail td {
	padding: 5px 10px;
}

table.liste_detail th {
	background-color: #666;
	color: #FFF;
	text-transform: uppercase;
	font-size: 12px;
}
table.liste_detail thead {
	background-color: #666;
	color: #FFF;
	text-transform: uppercase;
	font-size: 12px;
	color: red;
}

table.liste_detail .petitecolonne { 
	width: 100px; 
	text-align: center;
}
table.liste_detail .iconColonne { 
	width: 60px; 
	text-align: center;
}

table.liste_detail .grandecolonne { 
	width: 220px; 
}
table.liste_detail .tgrandecolonne { 
	width: 450px; 
	font-size: 13px;
}
table.liste_detail .colonne500 { 
/*	border: 1px solid green;
*/	width: 500px;
	padding-left: 2px; 
	font-size: 13px;
}
table.liste_detail .boldColonne { 
	width: 180px;
	font-weight: bold;	
}

table.liste_detail .dtColonne { 
	width: 90px; 
	text-align: center; 
	font-size: 11px;	
}

table.liste_detail tr:hover td, table.liste_detail tr.lignepaire:hover td{
	opacity: 1;	
	color: black;
    font-weight: bold;	
}

table.liste_detail .editIcon {
	width: 20px;
	height: auto;
	opacity: 0.3;
}

/* -------------------- */

table.tableau_commandes, table.tableau_commandes td {
	border-collapse: collapse;
	border: none;
	background-color: #fdfdfd;
	font: 14px "Source Sans Pro", "Lucida Grande", Lucida, Verdana, sans-serif;
	font-weight: 600;
	color: #696969;
}

table.tableau_commandes td, table.tableau_commandes th {
	padding: 5px 10px;
	font-weight: 500;
}

/*table.tableau_commandes tbody tr.lignepaire { 
	background-color: #f2f2f2;
	opacity: 0.8;
}*/


table.tableau_commandes .petitecolonne { 
	width: 60px; 
	text-align: center;	
	/*vertical-align: top; */
}

table.tableau_commandes .colonne1 { width: 30px; text-align: right;}

table.tableau_commandes th, table.tableau_commandes tr.ligne_total td{
	background-color: #666;
	color: #FFF;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: 600;
}

table.tableau_commandes tr:hover td, table.tableau_commandes tr.lignepaire:hover td{
	color: #333;
	opacity: 0.5;
	/*background-color: #ddd;*/
}

table.tableau_commandes tr.ligne_total:hover td{
	background-color: #666;
	color: #FFF;
}

table.tableau_commandes a {
	text-decoration: none;
	font-weight: 600;
	color: #333;
}

table.tableau_commandes a:hover{
	color: #F59333;
}

table.tableau_commandes .editIcon {
	width: 20px;
	height: auto;
	opacity: 0.3;
}

table.tableau_commandes .editIcon:hover {
	opacity: 0.8;
}

table.tableau_commandes td.vert {
	background-color: #68cc04;
	}

table.tableau_commandes td.jaune {
	background-color: #fdc738;
	}

table.tableau_commandes td.jaunepale {
	background-color: #fcf3cf;
	}

table.tableau_commandes td.rouge {
	background-color: #f87752;
	}

table.tableau_commandes td.gris {
	background-color: #b2abab;
	}


#progressBar {
	/*border: 1px solid red;*/
	background-color: rgba(220,220,220,0.95);
	width: 100%;
	position: fixed;
	top: 150px;
	padding-left: 20px;
	padding-top: 10px;
	font: 15px "Source Sans Pro", "Lucida Grande", Lucida, Verdana, sans-serif;
	font-weight: 600;
	z-index: 100;
}

#progressBar h4 {
	color: #666;
	text-transform: uppercase;
	font-size: 12px;
}

#progressBar #daysInMonth {
	height: 20px; 
	/*border: 1px solid blue;*/
}

#progressBar #today1 {
	background-color: #F59333;
	height: 5px;	
	position: relative;
	top: -10px;
	z-index: 100;
	margin-bottom: 10px;
}

#progressBar #done {
	height: 26px; 
	background-color: #000;
	position: relative;
	top: -10px;
	z-index: 200;
	/*border: 1px solid red;*/
}

.verticalLine {
  border-left: 1px solid rgba(0,0,0,0.1);
  width: 30px;
  color: #666666;
	height: 20px; 
	float: left;
	position: relative;
	top: -10px;
	text-align: center;
	z-index: 900;
	background-color: rgba(255,255,255,0.75);
	padding: 3px 0px;
	list-style-type: none;
}


#progressBar li:first-child {
  border-left: none;
}

#barre_outils {
	/*border: 1px solid red;*/
	margin-bottom: 20px;
}

#barre_outils li {
	background-color: #FFF;
	float: left;
	font: 13px "Source Sans Pro", "Lucida Grande", Lucida, Verdana, sans-serif;
	font-weight: 600;	
	margin-right: 5px;
	padding: 8px 13px 8px 50px;
	list-style-type: none;	
}

#barre_outils li.outil1 { background: url(../images/outil_ajout.png) 5px center no-repeat #FFF;
}
#barre_outils li.outil2 { background: url(../images/outil_message.png) 5px center no-repeat;	background-color: #FFF;}
#barre_outils li.outil3 { background: url(../images/outil_assignation.png) 5px center no-repeat;	background-color: #FFF;}
#barre_outils li.outil4 { background: url(../images/outil_accept.png) 5px center no-repeat;	background-color: #FFF;}
#barre_outils li.outil5 { background: url(../images/outil_recherche.png) 5px center no-repeat;	background-color: #FFF;}

#barre_outils a {
	color: #bcbcbc;
	text-decoration: none;
}

#barre_outils a:hover {
	color: #666;
}

#conteneurmyTable {
	margin-left: 20px;
	background: url(../images/fond.png) right top repeat-y; 
	margin-top: 150px; /* maryse ne pas changer */
	margin-bottom: 20px;
}

table.myTable, table.myTable td {
	border-collapse: collapse;
	background-color: #fdfdfd;
	/*background-color: #f5f5d6; */	
	font: 14px "Source Sans Pro", "Lucida Grande", Lucida, Verdana, sans-serif;
	font-weight: 600;
	color: #696969;
}	
	
table.myTable th {
	background-color: #666;
	color: #FFF;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: 600;
}
	
table.myTable .colonne1 { 
	width: 110px; 
	text-align: left; 
	padding-left: 5px;
	vertical-align: top;
}

table.myTable .colonne2 { 
	width: 280px;
	width: 200px; 
	text-align: left; 
	word-wrap: break-word;
	padding-left: 5px;
	padding-right: 5px;	
	word-break: break-word; /* word-wrap:break-word doesn not work */
	vertical-align: top;	
}

table.myTable .petitecolonne { 
	width: 50px; 
	vertical-align: top;
	text-align: center; 
}

table.myTable .dropdown{ /* ken */
	width: 80px; 
	font-size: 10px; /* ken */
}

.page_button a { 
    text-decoration: none;
    display: inline-block;
    font: 11px "Source Sans Pro", "Lucida Grande", Lucida, Verdana, sans-serif;
    line-height: 14px;
    min-width: 14px;
    background: #fff;
    color: #4E443C;
    border-radius: 14px;
    padding: 3px;
    text-align: center;
    margin-right: 2px;
    opacity: .75;
}
.voirTout { // used in abonnement
	padding-left:0px;
	color:F59333;
	font: 12px "Source Sans Pro", "Lucida Grande", Lucida, Verdana, sans-serif;
	opacity:1;
	text-decoration: none;
	left:-120px; 
	position:relative; 
	top:-8px;
	padding:20px;
	font-size:14px;
	line-height:18px;
	float:left;
	text-transform: uppercase;
}