/* 
#####################################################
#####################################################
##												   ##
##		Document CSS développé pour le site 	   ##		
##			http://www.gueuleton.com/			   ##
##												   ##
##			Propriété de ce document			   ##
##												   ##
##			  Simon Jean-Philippe				   ##
##		document créer le 25 janvier 2009		   ##
##				mis à jour le 					   ##
##												   ##
#####################################################
#####################################################
*/


/*
##############################################
##											##
##	Propriété commune pour toutes les pages ##
##											##
##############################################
*/

body {
	
	/*background:#CCCCCC url(../images/background.jpg) no-repeat fixed;*/
	background:#CCCCCC;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
}

	#Page {
		position:absolute; 
		left:50%; 
		width:900px; 
		padding:0px; 
		margin:0px 0px 0px -450px; 
		list-style:none; 
	}
		/*
		##############################################
		##											##
		##				HEADER DE PAGE				##
		##											##
		##############################################
		*/
		#Page #Header {
			position:relative; 
			top:0px; 
			left:50px; 
			width:850px;
			height:150px; 
			background-image:url(../images/decoupage/header_123.png);
		}
		
			#Page #Header #preventionMaintenance {
				color:#FFCC00;
				height:20px;
				left:175px;
				line-height:20px;
				position:relative;
				top:130px;
				width:450px;
			}
			
		/*
		##############################################
		##											##
		##				CORP DE PAGE				##
		##											##
		##############################################
		*/
		#Page #Body {			
			position:relative; 
			top:0px; 
			left:0px;
			height:auto; 
			width:900px; 
			background:url(../images/decoupage/body_center.png) right repeat-y;
		}
	
			#Page #Body #contentPage {
				list-style:none; 
				padding:0px; 
				margin:0px; 
				width:900px; 
				position:relative; 
				top:0px; 
				left:0px; 
			}
		
				#Page #Body #contentPage #menuLeft {
					width:130px;
					height:auto;
					position:absolute;
					left:0px;
					top:0px;
					z-index:1000;
				}
				
					/*
					##############################################
					##											##
					##				STYLE DES MENUS				##
					##											##
					##############################################
					*/
					
					#Page #Body #contentPage #menuLeft ul {
						position:absolute;
						top:0px;
						left:0px;
					}
					
					#Page #Body #contentPage #menuLeft ul a {
						color:#FFFFFF;
						text-decoration:none;
					}
					
					#Page #Body #contentPage #menuLeft ul .elementMenu {
						position:relative;
						left:0px;
						height:29px;
						width:130px;
						line-height:29px;
						margin-top:5px;
						padding-left:15px;
						background:url(../images/decoupage/button_left.png) no-repeat;
					}
					
					#Page #Body #contentPage #menuLeft ul .elementConnexion, .elementProfil {
						height:115px;
						width:130px;
						position:relative;
						left:0px;
						top:0px;
					}
					
					#Page #Body #contentPage #menuLeft ul .elementConnexion {
						background:url(../images/decoupage/cadre_connexion.png) no-repeat;
					}
					
						#Page #Body #contentPage #menuLeft ul .elementConnexion ul {
							height:115px; 
							width:110px;
							position:absolute;
							top:0px;
							left:15px;
						}
						
						#Page #Body #contentPage #menuLeft .titleConnexion{
							font-size:14px;
							color:#FFCC00;
							width:94px;
							height:25px;
							line-height:25px;
							text-align:center;
							font-weight:bold;
						}
							#Page #Body #contentPage #menuLeft ul .elementConnexion ul .eCadreProfil{
								height:22px; 
								line-height:22px;
								width:120px;
								color:#FFFFFF;
								font-size:11px;
							}
							#Page #Body #contentPage #menuLeft ul .elementConnexion ul .submitConnexion{
								text-align:right;
								width:90px;
							}
							
								#Page #Body #contentPage #menuLeft .titleConnexion span{
									color:#FFFFFF;
								}
							
							
								#Page #Body #contentPage #menuLeft ul .elementConnexion ul li label{
									width:55px;
									float:left;
									display:block;
								}
								#Page #Body #contentPage #menuLeft ul .elementConnexion ul li .memoriser{
									width:30px;
									height:20px;
								}
								#Page #Body #contentPage #menuLeft ul .elementConnexion ul li .inputLogin{
									height:14px; 
									width:50px; 
									border:1px solid #FFFFFF; 
									background-color:#CCCC99; 
									font-size:11px;
								}
								
								
								
					#Page #Body #contentPage #menuLeft ul .elementProfil {
						background:url(../images/decoupage/cadre_profil.png) no-repeat;
						color:#FFFFFF;
					}
					
		 			#Page #Body #contentPage #menuLeft ul #nameElementConnexion {
						left:0px;
						top:0px;
						width:130px;
						height:115px;
					}
					
						#Page #Body #contentPage #menuLeft ul #nameElementConnexion .titleConnexion{
							height:21px;
							line-height:21px;
							position:absolute;
							top:2px;
							left:15px;
						}
						
						#Page #Body #contentPage #menuLeft ul #nameElementConnexion .nameUser{
							width:70px;
							height:20px;
							line-height:20px;
							position:absolute;
							top:24px;
							left:60px;
						}
						
						#Page #Body #contentPage #menuLeft ul #nameElementConnexion .compteurRecettes{
							width:70px;
							height:20px;
							line-height:20px;
							position:absolute;
							top:44px;
							left:60px;
							color:#AAAAAA;
							font-size:11px;
						}
						
						#Page #Body #contentPage #menuLeft ul #nameElementConnexion .compteurMessages{
							width:100px;
							height:20px;
							line-height:20px;
							position:absolute;
							top:65px;
							left:60px;
							color:#AAAAAA;
							font-size:11px;
						}
						
						.pictureUser {
							background-color:#333333;
							height:60px;
							left:15px;
							line-height:20px;
							position:absolute;
							top:25px;
							width:40px;
						}
						
					#Page #Body #contentPage #menuLeft ul #deconnected {
						height:20px;
						left:60px;
						position:absolute;
						top:87px;
						width:60px;
						line-height:20px;
						font-size:11px;
					}
				/*
				##############################################
				##											##
				##			STYLE DU CORP MILIEU			##
				##											##
				##############################################
				*/

				#Page #Body #contentPage #topContentForm {
					position:relative;
					left:144px;
					top:0px;
					height:20px;
					width:710px;
					background:url(../images/decoupage/content_top.png) no-repeat;
				}
				
				#Page #Body #centerContent {
					position:relative;
					left:150px;
					top:0px;
					width:700px;
					height:auto;
					background-color:#E6E6D8;
				}
				
					#Page #Body #centerContent #localisationSite {
						width:680px;
						height:30px;
						line-height:30px;
						position:relative;
						top:0px;
						left:10px;
						font-size:13px;
					}
					
						#Page #Body #centerContent #localisationSite a {
							text-decoration:none; 
							color:#005500; 
							cursor:pointer;
						}
						
					#Page #Body #centerContent label, .texte {
						font-size:13px;
					}
					
					#Page #Body #centerContent .h1 {
						font-size:24px;
					}
					
					#Page #Body #centerContent .h2 {
						font-size:20px;
					}
					
					#Page #Body #centerContent .h3 {
						font-size:18px;
					}
					
					#Page #Body .h4 {
						font-size:17px;
					}
					
					#Page #Body #centerContent .georgia {
						font-family:Georgia, "Times New Roman", Times, serif;
					}

					#Page #Body #centerContent .titleRubrique {	
						height:30px; 
						font-size:16px; 
						text-align:center;
						font-weight:normal;
					}	
					
				
				#Page #Body #contentPage #bottomContentForm {
					position:relative;
					left:144px;
					top:-3px;
					height:20px;
					width:710px;
					background:url(../images/decoupage/content_bottom.png) no-repeat;
					margin:0px;
					z-index:10;
				}
				
				#Page #Body #contentPage #bannierePublicite {
					position:relative;
					left:111px;
					height:90px;
					width:728px;
					margin:10px 0px 0px 0px;
					z-index:10;
				}
					
				/*
				##############################################
				##											##
				##			STYLE DU FOOTER					##
				##											##
				##############################################
				*/
				
				#Page #footerPage {
					position:relative; 
					left:50px; 
					top:0px; 
					height:100px; 
					width:850px; 
					background:url(../images/decoupage/footer_1.png) right top repeat-y;
					color:#999999;
					z-index:10;
				}

				#Page #footerPage ul {
					height:80px;
					left:50%;
					margin-left:-350px;
					position:relative;
					text-align:center;
					top:20px;
					width:700px;
				}
					#Page #footerPage ul li{	
						width:175px;
						float:left;
						height:20px; 
						line-height:20px;
						text-align:left;
					}	
							
							
							
							
							
							
							
							
							
							
			#ascenseur {
				width:30px;
				height:auto;
				position:absolute;
				top:14px;
			}
			
				#ascenseur .haut{ 
					background:url(../images/site/barre_ascenseur_haut.png) no-repeat;
					height:10px;
				}
				#ascenseur .milieu{ 
					background-image:url(../images/site/barre_defilement_ascenseur.png);
					height:20px;
				}
				#ascenseur .bas{ 
					background:url(../images/site/barre_ascenseur_bas.png) no-repeat;
					height:10px;
				}
				

			/* #################################*/
			/* #####	FIN CONTENU PAGE #######*/
			/* #################################*/
			
/* ############################################################*/
/* #####	Propriété globales pour tous le site 		#######*/
/* ############################################################*/

/*LISTE*/
.Liste {
	list-style:none;
	margin:0px;
	padding:0px;
}

form {
	margin:0px;
	padding:0px;
}
.borderColor {
	background-color:#68685D;
}

.backgroundColor {
	background-color:#E6E6D8;
}

.Select {
	font-size:11px;
}

.link {
	text-decoration:none;
	color:#68685D;
}

.scroolBar {
	position:absolute; 
	top:0px; 
	left:0px;
	background:#666666; 
	cursor:pointer;
}

.link:hover {
	text-decoration:none;
	color:#000000;
	border-bottom:1px dotted #000000;
}

.link2 {
	text-decoration:none;
	color:#E6E6D8;
}

.link2:hover {
	text-decoration:none;
	color:#E6E6D8;
	border-bottom:1px dotted #E6E6D8;
}

.styleInput {
	background:transparent none repeat scroll 0 0;
	border-color:#000000;
	border-style:solid;
	border-width:1px 3px;
	color:#330000;
	font-size:12px;
	padding-left:2px;
}

.styleInput_2 {
	background:transparent none repeat scroll 0 0;
	border-color:#FFFFFF;
	border-style:solid;
	border-width:1px 3px;
	color:#FFFFFF;
	font-size:12px;
	padding-left:2px;
}

.styleSubmit {
	background:transparent url(../images/decoupage/all_puce_link.gif) left no-repeat;
	border-color:#333333;
	border-style:solid;
	border-width:0px 0px;
	color:#330000;
	font-size:12px;
	cursor:pointer;
	height:25px;
	line-height:25px;
	padding-left:20px;
}
	.styleSubmit:hover {
		background:#FFFFFF url(../images/decoupage/all_puce_link.gif) left no-repeat;
	}

.styleSubmit_1 {
	height:33px;
	width:41px;
	background:url(../images/decoupage/submitStyle_1.gif) no-repeat;
	border:none;
	margin:0px;
	padding:0px;
	cursor:pointer;
}	
	.styleSubmit_1:hover {
		background:url(../images/decoupage/submitStyleFocus_1.gif) no-repeat;
	}	
	
.submit {
	border:1px solid #999999; 
	background-color:#E6E6D8;
	height:22px;
	line-height:22px;
	cursor:pointer;
	text-decoration:none;
	color:#000000;
}
.submit:hover {
	border:1px solid #000000; 
}

.button {
	border:1px solid #999999; 
	background-color:#E6E6D8;
	height:22px;
	line-height:22px;
	padding:3px 5px 1px 5px;
	margin:0px 3px 0px 3px;
	text-decoration:none;
	text-align:center;
	color:#000000;
	
}
.button:hover {
		border:1px solid #000000; 
}

.radioRed {
	height:20px;
	width:20px;
	background:center url(../images/boutonRadio/caseNotRadio_marron.gif) no-repeat;
}
.labelRadio {
	float:left;
	height:25px;
}

		#pagination .focusLink {
			border:1px solid #111111;
			color:#000000;
		}
		
		#pagination a {
			border:1px solid #999999;
			color:#999999;
			display:block;
			float:left;
			height:25px;
			line-height:25px;
			margin-left:5px;
			text-align:center;
			text-decoration:none;
			width:25px;
		}
		
		#pagination a:hover {
			border:1px solid #111111;
			color:#000000;
		}

.titlePage {
	color:#C4C4AE;
	font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
	font-size:25px;
	font-weight:bold;
	height:50px;
	left:10px;
	line-height:50px;
	position:relative;
	top:0;
	width:680px;
}

/*
###########################################
##
##	Barre d'outils pour les textarea
##
###########################################
*/

#toolBarWys {
	width:250px;
	height:25px;
	position:relative;
	top:0px;
	left:0px;
}
	#toolBarWys label{
		position:absolute;
		display:block;
		height:23px;
		top:1px;
		line-height:23px;
		cursor:pointer;
		text-align:center;
		background-color:e6e6d8;
		border:0px;
	}
	
		#toolBarWys .boldButton {
			font-weight:bold;
			width:30px;
			left:3px;
		}
		
		#toolBarWys .italicButton {
			font-style:italic;
			width:30px;
			left:36px;
		}
		
		#toolBarWys .underlineButton {
			text-decoration:underline;
			width:30px;
			left:69px;
		}
		
		#toolBarWys .puceButton {
			width:30px;
			left:102px;
			background:url(../images/decoupage/wysiwyg_puce.gif) no-repeat; 
		}
			#toolBarWys #windowPuceSelect {
				background:#888888 none repeat scroll 0 0;
				height:127px;
				left:100px;
				position:absolute;
				top:23px;
				width:80px;
				z-index:1500;
			}
				#toolBarWys #windowPuceSelect .itemPuce{ 
					position:relative;
					height:20px;
					width:74px;
					left:3px;
					display:block;
					background:#e6e6d8;
					line-height:20px;
					cursor:pointer;
					font-size:10px;
				}
					#toolBarWys #windowPuceSelect .itemPuce img {
						clear:both;
						float:left;
						width:20px;
						height:20px;
					}
					
					#toolBarWys #windowPuceSelect #normal{ 
						top:1px;
					}
					#toolBarWys #windowPuceSelect #ronde{ 
						top:2px;
					}
					#toolBarWys #windowPuceSelect #fleche{ 
						top:3px;
					}
					#toolBarWys #windowPuceSelect #information{ 
						top:4px;
					}
					#toolBarWys #windowPuceSelect #attention{ 
						top:5px;
					}
					#toolBarWys #windowPuceSelect #danger{ 
						top:6px;
					}
				
		#toolBarWys .sizeButton {
			width:40px;
			left:135px;
		}
		
			#toolBarWys .windowSizeSelect {
				position:absolute;
				top:23px;
				left:132px;
				width:80px;
				height:64px;
				z-index:1500;
				background:#888888;
			}
				#toolBarWys .windowSizeSelect .itemSize {
					position:relative;
					height:20px;
					width:74px;
					left:3px;
					display:block;
					background:#e6e6d8;
					line-height:20px;
					cursor:pointer;
				}
				
				#toolBarWys .windowSizeSelect #taille_1 {
					top:1px;
					font-size:10px;
				}
				
				#toolBarWys .windowSizeSelect #taille_2 {
					top:2px;
					font-size:13px;
				}
				
				#toolBarWys .windowSizeSelect #taille_3 {
					top:3px;
					font-size:16px;
				}
				
			#toolBarWys .windowColorSelect {
				position:absolute;
				top:23px;
				left:176px;
				width:86px;
				height:42px;
				z-index:1500;
				background:#888888;
			}
			
				#toolBarWys .windowColorSelect span {
					width:20px;
					height:20px;
					float:left;
					cursor:pointer;
				}
				
				#toolBarWys .windowColorSelect label {
					width:80px;
					height:40px;
					position:relative;
					top:1px;
					left:3px;
				}
				
		
		
		#toolBarWys .colorButton {
			width:50px;
			left:178px;
		}

		#toolBarWys .smileyButton {
			width:30px;
			left:231px;
			background:url(../images/decoupage/wysiwyg_smiley.png) no-repeat;
		}
			#toolBarWys .windowSmileySelect {
				position:absolute;
				top:23px;
				left:231px;
				width:86px;
				height:42px;
				z-index:1500;
				background:#888888;
			}
			
				#toolBarWys .windowSmileySelect img {
					width:20px;
					height:20px;
					cursor:pointer;
				}
				
				#toolBarWys .windowSmileySelect label {
					width:80px;
					height:40px;
					position:relative;
					top:1px;
					left:3px;
					background:#E6E6D8;
				}
			
		#toolBarWys .linkButton {
			width:30px;
			background:url(../images/decoupage/wysiwyg_link.gif) 0px 0px no-repeat;
		}	
			
		#toolBarWys .nextButton {
			width:30px;
			background:url(../images/decoupage/wysiwyg_prev.gif) 0 -23px no-repeat; 
		}

		#toolBarWys .previewButton {
			width:50px;
		}