/*******************************************************************************************************/
/*                                                                                                     */
/*  Description................:  Feuille de styles globale du site                                    */
/*  Type.......................:  Feuille de styles CSS                                                */
/*  Auteur.....................:  Maxime Jobin                                                         */
/*  Date de création...........:  2009-05-20                                                           */
/*  Date de modification.......:  2009-05-27                                                           */
/*                                                                                                     */
/*******************************************************************************************************/

/*************************************************** 
* GÉNÉRAL                                          *
****************************************************/

body {
	background-color:black;
	font-family: Arial, Helvetica;
	font-size: 13px;
	margin:1px;
}

a {
	//color:#413700;
	color:#3c3c3c;
	text-decoration:underline;
}

a:hover {
	color:black;
}

.bouton, .boutonPale {
	font-weight:bold;
	padding:2px;
}

.bouton {
	background-color:#b8b592;
	color:black;
	border-color:#818058;
}

.boutonPale {
	background-color:#cac8ae;
	color:#424242;
	border-color:#7c7b69;
}

.bouton:hover, .boutonPale:hover  {
	background-color:#a4a180;
}

.TDatePickerImageButton {
	border:0;
}
.TDatePickerImageButton:hover {
	background-color:#d3be7c;
}

input, select, textarea {
	background-color:#eedda7;
	border:1px #3b3100 solid;
	font-size: 13px;
}

input.checkbox {
	background-color:transparent;
	border:0px;
}

/*************************************************** 
* OSSATURE DU SITE - GÉNÉRAL                			 *
****************************************************/

/* Page */
#divPage {
	position:relative;
	width:1000px;
	/*height:768px;*/
	border:1px solid black;
	margin:auto;
}

/* Titres */
#imgHomeTitre, #imgPageTitre {
	width:1000px;
	position:absolute;
	top:0px;
	left:0px;
}

/* Menu principal*/
#divHomeMenu , #divPageMenu {
	width:1000px;
	height:36px;
	position:absolute;
	left:0px;
	background-color:#787878;
}

/* Menu de marsi */
#imgHomeMenuMarsi, #imgPageMenuMarsi{
	position:absolute;
	left:0px;
}

/* Menu de venise */
#imgHomeMenuVenise, #imgPageMenuVenise  {
	width:188px;
	position:absolute;
	left:812px;
	background-color:#b99a46;
}

.divImportant, .divError {
	width:90%;
	background-color:#b3a05e;
	border: 0px;
	padding:8px;
}

.divError {
	width:90%;
	color:#af1b1b;
	font-weight:bold;
	display:block;
	margin-bottom:8px;
}

.errorTarget {
	border:1px #a45715 solid;
}

/* Panneau de résultat */
.divResultHide {
	display:none;
}

.divResultPos, .divResultNeg {
	display:block;
	font-weight:bold;
	font-size:13px;
	margin-bottom:5px;
	padding:5px;
}

.divResultPos {
	background-color:#97d158;
	border:1px #2e8000 solid;
}

.divResultNeg {
	background-color:#d19058;
	border:1px #804f00 solid;
}

.divAProposImages {
	background-color:#81a7d3;
	border:1px #3a5591 solid;
	margin-bottom:5px;
	padding:5px;
	font-size:11px;
}

.divTelechargementImage {
	color:#e4e4e4;
	background-color: #787878;
	border:0px;
	font-weight:bold;
	width:220px;
	vertical-align:middle;
	padding-right:10px;
	float:right;
}

.divInfoAdmin {
	background-color:#81a7d3;
	border:1px #3a5591 solid;
	margin-bottom:5px;
	margin-top:10px;
	padding:5px;
	font-weight:bold;
	font-size:13px;
}

/*************************************************** 
* OSSATURE DU SITE - PAGE D'ACCUEIL                *
****************************************************/

/* Titre */
#imgHomeTitre {
	height:97px;
	border:0;
}

/* Menu principal*/
#divHomeMenu {
	top:97px;
}

.imgMenuElement {
	border:0px;
}

/* Menu de marsi */
#imgHomeMenuMarsi {
	width:179px;
	height:588px;
	top:133px;
	background-color:#b99a46;
	border:0px;
}

/* Section agrafeur */
#divHomeSectionAgrafeur {
	width:279px;
	height:401px;
	position:absolute;
	top:133px;
	left:179px;
	background-color:#b99a46;
	overflow:hidden;
}

/* Titre secteur Luneau */
#imgHomeLuneau {
	position:absolute;
	width:279px;
	height:78px;
	top:534px;
	left:179px;
	background-color:#b99a46;
}

/* Section de Luneau */
#divHomeSectionLuneau {
	width:279px;
	height:109px;
	position:absolute;
	top:612px;
	left:179px;
	background:#947e6b url("images/fondLuneau.gif") repeat-y;
	overflow:hidden;
}

/* Section de Venise */
#divHomeSectionVenise {
	width:354px;
	height:588px;
	position:absolute;
	top:133px;
	left:458px;
	background-color:#b99a46;
	background-image: url("images/sectionVenise.jpg");
	overflow:hidden;
	font-size:15px;
}

/* Menu de Venise */
#imgHomeMenuVenise {
	height:588px;
	top:133px;
	background-color:#b99a46;
	border:0px;
}

/*************************************************** 
* OSSATURE DU SITE - PAGE                					 *
****************************************************/

/* Titre */
#imgPageTitre {
	height:41px;
}

/* Menu principal*/
#divPageMenu {
	top:41px;
}

/* Titre de section */
#divPageSection{
	width:812px;
	height:40px;
	position:absolute;
	top:77px;
	left:0px;
	text-align:right;
	background-color:#b99a46;
}

/* Menu de marsi */
#imgPageMenuMarsi {
	width:141px;
	height:604px;
	top:117px;
	background-color:#787878;
	border:0px;
}

/* Corps de la page */
#divPageCorps {
	width:651px;  /* 671 - 20 (padding)*/
	min-height:569px;
	position:absolute;
	top:117px;
	left:141px;
	margin-bottom:150px;
	background-color:#cab374;
	overflow:visible;
	padding:10px;
	font-size:15px;
	
	/*scrollbar-base-color:#f0e1b8;
  scrollbar-3dlight-color:#f0e1b8;
  scrollbar-arrow-color:#d6c185;
  scrollbar-darkshadow-color:#f0e1b8;
  scrollbar-face-color:#f0e1b8;
  scrollbar-highlight-color:#f0e1b8;
  scrollbar-shadow-color:#f0e1b8;
  scrollbar-track-color:#e6d197;*/
}

/* Menu de Venise */
#imgPageMenuVenise {
	height:644px;
	top:77px;
	background-color:#696a1d;
	border:0px;
}

/* Pied de page */
#divPagePied {
	width:671px;
	height:35px;
	position:absolute;
	top:686px;
	left:141px;
	background-color:#b99a46;
}

/*************************************************** 
* OSSATURE DU SITE - ADMINISTRATION                *
****************************************************/

/* Corps de la page de login */
#divAdminLoginCorps {
	width:1000px;
	height:644px;
	position:absolute;
	top:77px;
	left:0px;
	background-color:#cab374;
}

/* Menu latéral */
#divAdminPageMenu {
	width:200px;
	height:644px;
	position:absolute;
	top:77px;
	left:0px;
	background-color:#909090;
}

/* Corps d'une page */
#divAdminPageCorps {
	width:790px; /* 800 - 10 (padding)*/
	min-height:634px; /* 644 - 10 (padding)*/
	position:absolute;
	top:77px;
	left:200px;
	background-color:#cab374;
	padding:5px;
	overflow:visible;
	margin-bottom:77px;
}

/* Espace de login central */
#divLogin1, #divLogin2 {
	width:250px;
	margin:auto;
	font-weight:bold;
	text-align:center;
}

#divDeconnexion, #divBackup {
	width:200px;
	margin-top: 10px;
	padding: 3px 3px 3px 18px;
	background-color: #787878;
}

#divDeconnexion {
	background-image: url("images/deconnexion.png");
	background-repeat: no-repeat;
	background-position: 170px 3px;
}

#divDeconnexion a,  #divBackup  a{
	display: block;
	color:#e4e4e4;
	font-weight:bold;
	text-decoration: none;
}

/* Titres et sous-titres */
.sousTitreAdmin {
	color:black;
	font-size:19px;
	font-weight:bold;
	width:790px;
	background-color: #d3be7c;
	margin-top: -5px;	
	margin-left: -5px;
	margin-bottom: 8px;
	padding:5px;
}

.fieldTitle{
	display:block;
	font-weight:bold;
	padding-bottom:4px;
}

.divEnteteSection {
	background-color:black;
	font-weight:bold;
	padding:5px;
	color:white;
}

.divCorpsSection {
	background-color:#e2cc8a;
	padding:5px;
}

/******************************************************************
* MENU PRINCIPAL                            			                *
* Inspiré de : http://www.marcarea.com/tuto/menu-deroulant-css/   *
*******************************************************************/

/* Général */
#menuPrincipal , #menuPrincipal li , #menuPrincipal  .menuSous , #menuPrincipal  .menuSous li {
 margin: 0;
 padding: 0;
 border: 0;
}

/* Menu */
#menuPrincipal {
 width: 1000px;
 list-style-type: none;
 list-style-position: outside;
 list-style-image: none;
 position: absolute;
 top: 0;
 left: 0;
}

#menuPrincipal li {
 float: left;
 margin-left:26px;
 margin-right:26px;
 list-style-type: none;
 list-style-position: outside;
}

/* Sous-menu */
#menuPrincipal  .menuSous {
 display: none;
 list-style-type: none;
}

#menuPrincipal  .menuSous li {
 float: none;
}

#menuPrincipal  li a:link, #menuPrincipal  li a:visited {
 display: block;
 height: 1%;
 margin: 0;
 text-decoration: none;
}

#menuPrincipal .menuSous li a:link, #menuPrincipal .menuSous li a:visited {
 display: block;
 color: #e4e4e4;
 margin: 0;
 border: 0;
 padding: 3px 3px 3px 18px;
 text-decoration: none;
 background: transparent url("images/fondMenu.png") repeat;
}

#menuPrincipal .menuSous li a:hover {
 background-image: none;
 background-color: #787878;
}

/* Interaction entre le menu et les sous-menu*/
#menuPrincipal li:hover > .menuSous { display: block; }

/*************************************************** 
* CHRONIQUES                                       *
****************************************************/

.chronique_header {
	background-color:#b49f61;
	padding:5px;
}

.chronique_date {
	text-transform:uppercase;
	font-weight:bold;
	color:#525252;
	font-size:13px;
	margin:0px;
}

.chronique_titre {
	font-weight:bold;
	font-size:17px;
	margin-top:2px;
	margin-bottom:0px;
}

.chronique_titre a{
	color:black;
	text-decoration:none;
}

.chronique_titre a:hover {
	text-decoration:underline;
}

.chronique_auteur {
	font-size:11px;
	margin-top:2px;
	margin-bottom:2px;
	color:#525252;
}

/*************************************************** 
* PAGE LUCARNE À LUNEAU         					         *
****************************************************/

.lucarne_categorie_titre {
	font-weight:bold;
	font-size:22px;
	margin-bottom:10px;
	color:#725e4b;
}

.lucarne_bloc {
	background-color:#e1c98a;
	padding:5px;
	min-height:124px;
	width:631px;
	margin-bottom:15px;
}

.lucarne_info_home {
	font-weight:bold;
	color:#fdf6e4;
}

.lucarne_info {
	font-weight:bold;
	background-color:#fdf6e4;
	color:#947e6b;
	margin-bottom:5px;
	padding-top:3px;
	padding-bottom:3px;
	font-size:13px;
}

.lucarne_info_titre {
	font-weight:bold;
	font-size:19px;
}

.lucarne_info_titre a {
	color:black;
	text-decoration:none;
}

.lucarne_info_titre a:hover {
	text-decoration:underline;
}

/*************************************************** 
* COMMENTAIRES               			                 *
****************************************************/

.divEcrireCommentaire {
	font-size:13px;
	background-color: #a79966;
	border:0px;
	padding:10px;
	width: 631px;
}

.spanVosImpressions {
	font-size:21px;
	font-weight:bold;
}

.divCorpsCommentaire {
	font-size:13px;
	background-color: #bfb47c;
	padding:5px;
}

.divPiedCommentaire {
	font-size:11px;
	color : #2f2f2f;
	background-color: #a79966;
	padding:5px;
}

.divPiedCommentaire a{
	color:black;
}

/*************************************************** 
* CONTACTS - LIENS             			                 
****************************************************/

.titreLien {
	font-size:16px;
	font-weight:bold;
	color: #6a6a1e;
}

/******************************************************************
* MENU LATÉRAL - ADMINISTRATION                            			  *
* Inspiré de : http://www.marcarea.com/tuto/menu-deroulant-css/   *
*******************************************************************/

.menuLateralSection {
	color:#e4e4e4;
	width:200px;
	margin-top: 10px;
	padding: 3px 3px 3px 18px;
	background-color: #787878;
	font-weight:bold;
}

.menuLateral {
	width:200px;
	margin: 0;
	padding: 0;
	border: 0;
	list-style-type: none;
}

.menuLateral li a:link, .menuLateral li a:visited {
	display: block;
	color: #e4e4e4;
	margin: 0;
	border: 0;
	padding: 3px 3px 3px 18px;
	text-decoration: none;
	background-color: transparent;
}

.menuLateral li a:hover, #menuLateralSelected  {
	background-color: #9A9A9A;
}

#menuLateralSelected a:link, #menuLateralSelected  a:visited , #menuLateralSelected a:hover{
	background-image: url("images/flecheBulle.png");
	background-repeat: no-repeat;
	background-position: right;
}

/******************************************************************
* MENU ACTIVITÉS FRÉQUENTES - ADMINISTRATION                      *
* Inspiré de : http://www.marcarea.com/tuto/menu-deroulant-css/   *
*******************************************************************/

.menuBoutons {
	margin: 0;
	padding: 0;
	border: 0;
	list-style-type: none;
}
.menuBoutons li  {
	float: left;
	text-align:center;
	background-color: #909090;
	margin-right:3px;
}

.menuBoutons li a:link, .menuBoutons li a:visited {
	width:75px;
	height:95px;
	display: block;
	color: black;
	font-weight:bold;
	font-size:11px;
	margin: 0;
	border: 0;
	padding: 3px 3px 3px 3px;
	text-decoration: none;
	background-color: #cac8ae;
	border: 1px #7c7b69 solid;
}

.menuBoutons li a:hover {
	background-color: #a4a180;
}

/*************************************************** 
* TABLEAU DE DONNÉES TABULAIRES          					 *
****************************************************/

.grid {
	border-collapse:collapse;
	text-align:left;
}

.grid th {
	text-align:left;
}

.gridItem, .gridAlternateItem {
	color:#525252;
}

.gridHeader {
	background-color:black;
	color:white;
	height:26px;
}

.gridItem {
	background-color:#d3be7c;
}

.gridAlternateItem {
	background-color:#e2cc8a;
}

.chroniqueTitreLien {
	text-decoration:none;
	font-weight:bold;
	color:black;
}

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

.imgSupprimer {
	padding-top:5px;
	padding-bottom:5px;
	border:0px;
}

.divPied {
	height:20px;
	width:784px;
	background-color:black;
	color:white;
	text-align:right;
	padding:3px;
}

/*************************************************** 
* ÉDITEUR TINYMCE                                  *
****************************************************/

.mceContentBody {
  background: #FFFFFF;
	font-size:15px;
}


/*************************************************** 
* POP-UP ZOOM                                      *
****************************************************/
.FondNoirDiv {
	display: none;
	position: absolute;
	top:0px;
	left:0px;
	background-color:black;
	opacity:0.5;
	filter:alpha(opacity=50);
	width:100%;
	height:100%;
	z-index:9000;
}

.PopupDiv {
	display: none;
	position: absolute;
	background-color:black;
	z-index:9001;
}

.PopupHeader {
	height: 19px;
	width:100%;
	background-color: black;
	font-family: Arial, Helvetica;
	border:1px solid black;
	color:white;
	font-weight:bold;
	font-size:13px;
	vertical-align:middle;
	padding-left: 0px;
	padding-top: 2px;
	border-style: solid;
	border-width: 1px 1px 0px 1px;
	border-color: #212121;
}

.PopupContenu {
	position:relative;
	overflow:auto;
	padding:0px;
	width:100%;
	height:100%;
	text-align:center;
	background-color:black;
	border-style: solid;
	border-width: 0px 1px 1px 1px;
	border-color: #212121;
}

.ClosePopup {
  float:right;
	margin-top:1px;
	margin-right:1px;
	border:0px;
}

/*************************************************** 
* AUTOCOMPLETE RESULTS                         
****************************************************/

.autocompleteResults  {
	display:block;
	list-style-type:none;
	margin-top:-12px;
	z-index:105;
}

.autocompleteResults  li {
	display:block;
	height:17px;
	line-height:16px;
	padding-left:5px;
	color:#FCFCFC;
	border:1px solid #2a2a2a;
	background-color:black;
	margin-bottom:-1px;
	margin-left:-40px;
}

.autocompleteResults  li:hover {
	background-color: #2a2a2a;
}

/*************************************************** 
* LISTES MOTS CLÉS                   
****************************************************/

.mots_cle {
	display:block;
	text-align: justify;
	max-width:600px;
	width:600px;
	line-height:20px;
	margin-left:10px;
	margin-top:10px;
}

.mots_cle a {
	text-decoration: none;
	margin-right:10px;
}

.mots_cle a:hover {
	color: black;
}

.mot_cle_a {font-size:9px; color:#4e4c46; }

.mot_cle_b {font-size:12px;color:#58544d;}

.mot_cle_c {font-size:12px;font-weight:bold;color:#262422;}

.mot_cle_d {font-size:14px;font-weight:bold;color:#1e1d1a;}

.mot_cle_e {font-size:16px;font-weight:bold; color:#100f0d;}