/* ******************************************************
* 
* Nextelis
* Feuille de Style en Cascade
* @Auteur : Joanis ROUANET - CORTECHS
* @Current File : ./template/_css.css
* 
****************************************************** */

Body {
	Background-color: #FAFAFA;
	Font-family: Arial;
	Font-size: 12px;
	margin: 0px;
}

.Left { text-align: left; }
.Center { text-align: center; }
.Right { text-align: right; }
.Justify { text-align: justify; }
.sUnderlined { font-weight: bold; text-decoration: underline; }

a { color: #333399; text-decoration: none; }
a:hover { text-decoration: underline; }

a img { border: none; }

input { background-color: #FFFFFF; border: 1px solid #CCCCCC; Font-size: 11px; color: #333399; }
input:hover { background-color: #FFEEEE; border: 1px solid #999999; }
input:focus { background-color: #FFEEEE; border: 1px solid #999999; }
textarea { background-color: #EEEEEE; border: 1px solid #CCCCCC; Font-size: 11px; color: #333399; }
textarea:hover { background-color: #FFEEEE; border: 1px solid #999999; }
textarea:focus { background-color: #FFEEEE; border: 1px solid #999999; }
select { background-color: #EEEEEE; border: 1px solid #CCCCCC; Font-size: 11px; color: #333399; }
select:hover { background-color: #FFEEEE; border: 1px solid #999999; }
select:focus { background-color: #FFEEEE; border: 1px solid #999999; }

/* ****************************************************************************
	*** Back Office
***************************************************************************** */

#AdminHeader {
	width: 100%; height: 38px;
	border-top: 5px solid #AA3333;
	border-bottom: 3px double #FFFFFF;
	background-image: url('./images/admin_header_background.png');
}

	#AdminHeader h1 {
		margin: 0px;
		padding: 4px;
		padding-left: 15px;
		color: #FFFFFF;
		font-size: 12px;
		font-variant: small-caps;
		letter-spacing: 1px;
	}
	
		#AdminHeader a {
			color: #CCCCCC;
			font-variant: normal;
			font-size: 10px;
			letter-spacing: 0px;
		}

#AdminBody {
	width: 97%; height: auto;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
}

	#AdminBody #AdminBodyMenu {
		width: 100%; height: 22px;
	}
	
		#AdminBody #AdminBodyMenu .Button {
			width: auto; height: 22px; float: left; margin-left: 15px;
		}
		
			#AdminBody #AdminBodyMenu .ButtonLeft {
				width: 12px; height: 22px;
				background-image: url('./images/admin_button_left.png');
			}
			
			#AdminBody #AdminBodyMenu .ButtonTitle {
				width: auto; height: 22px;
				background-image: url('./images/admin_button_repeat.png');
				font-weight: bold; letter-spacing: 1px;
			}
				
				#AdminBody #AdminBodyMenu .ButtonTitle a {
					color: #555555;	text-decoration: none;
				}
				
				#AdminBody #AdminBodyMenu .ButtonTitle a:hover {
					color: #333399;	text-decoration: none;
				}
			
			#AdminBody #AdminBodyMenu .ButtonRight {
				width: 12px; height: 22px;
				background-image: url('./images/admin_button_right.png');
			}

	#AdminBody #AdminBodyContent {
		width:  100%;
		height: auto;
		background-color: #FFFFFF;
		border: 1px solid #CCCCCC;
		-moz-border-radius: 10px 10px 10px 10px;
	}
		
		#AdminBody #AdminBodyContent #PageTitle {
			margin: 30px; overflow: hidden;
		}
		
			#AdminBody #AdminBodyContent #PageTitle #TitleIcon {
				float: left; margin-right: 15px;
			}
			
			#AdminBody #AdminBodyContent #PageTitle h2 {
				margin: 15px;
				color: #333399;
				font-size: 15px;
				letter-spacing: 1px;
				font-variant: small-caps;
			}
		
		#AdminBody #AdminBodyContent .operationBox {
			width: 95%;
			margin-left: auto;
			margin-right: auto;
			text-align: center;
			font-weight: bold;
			background-color: #EEEEEE;
			border: 1px solid #CCCCCC;
			-moz-border-radius: 10px 10px 10px 10px;
		}
		
		#AdminBody #AdminBodyContent p.SubTitle {
			font-size: 13px;
			font-variant: small-caps;
			text-align: center;
			letter-spacing: 1px;
		}
		
		#AdminBody #AdminBodyContent .TableList {
			width: 95%; height: auto;
			margin-left: auto; margin-right: auto;
			margin-bottom: 15px;
		}
		
			#AdminBody #AdminBodyContent .TableList th {
				font-weight: bold; font-variant: small-caps;
				border: 1px solid #CCCCCC;
				background-color: #EEEEEE;
			}
			
			#AdminBody #AdminBodyContent .TableList td {
				border: 1px solid #CCCCCC;
			}
		
		#AdminBody #AdminBodyContent .TableForm {
			width: 95%; height: auto;
			margin-top: 15px;
			margin-left: auto;
			margin-right: auto;
			margin-bottom: 15px;
		}
		
			#AdminBody #AdminBodyContent .TableForm .Title {
				width: 200px;
				text-align: left;
				font-variant: small-caps;
			}
			
			#AdminBody #AdminBodyContent .TableForm .Input {
				text-align: right;
			}
			
			#AdminBody #AdminBodyContent .TableForm .Submit {
				text-align: center;
			}
		
		#AdminBody #AdminBodyContent .confirm_box {
			width: 75%; height: auto;
			margin-left: auto; margin-right: auto;
			margin-bottom: 25px;
			border: 1px solid #CCCCCC;
			background-color: #EEEEEE;
			-moz-border-radius: 10px 10px 10px 10px;
		}
		
		#AdminBody #AdminBodyContent p {
			margin: 15px;
		}

/* ****************************************************************************
	*** Front Office
***************************************************************************** */

#Global {
	width: 1000px; margin-left: auto; margin-right: auto; background-image: url('images/bg_area_middle.png'); }
	#GlobalTop { width: 1000px; height: 4px; margin-left: auto; margin-right: auto; 
		background-image: url('images/bg_area_top.png'); background-repeat: no-repeat; }
	#GlobalBottom { width: 1000px; height: 12px; margin-left: auto; margin-right: auto; 
		background-image: url('images/bg_area_bottom.png'); background-repeat: no-repeat; }
	
	#Global #Header { 
		width: 992px; height: 100px; margin-left: auto; margin-right: auto; }
		#Global #Header .Banner { width: 992px; height: 100px; text-align: center; }
		#Global #Header .TopMenu { width: 100%; height: 30px; background-image: url('images/nav_buttons_bg.gif'); 
			border-top: 3px double white; border-bottom: 3px solid #333399; }
			#Global #Header .TopMenu table { margin-left: auto; }
				#Global #Header .TopMenu .Button { width: 130px; text-align: center; text-transform: uppercase; font-size: 10px; 
					border-left: 1px solid #BBBBBB; letter-spacing: 1px;  }
				#Global #Header .TopMenu .Button:hover { background-color: #DDDDDD; }
					#Global #Header .TopMenu .Button a { color: #333399; font-weight: bold; text-decoration: none; }
					#Global #Header .TopMenu .Button a:hover { text-decoration: underline; }
	
	#Global .TitleColored { width: 100%; height: 30px; background-image: url('images/nav_buttons_bg.gif'); 
		border: 1px solid #DDDDDD; }
		#Global div.TitleColored h2 { font-size: 12px; color: #333399; padding: 5px; padding-left: 15px; 
			margin: 0px; text-transform: uppercase; }
	
	#Global #Index { width: 990px; margin-left: auto; margin-right: auto; }
		#Global #Index .QuiSommesNous { width: 765px; }
			#Global #Index .QuiSommesNous table { width: 100%; border: 3px double #CCCCCC; }
				#Global #Index .QuiSommesNous table .Title { height: 30px; background-image: url('images/nav_buttons_bg.gif'); }
				#Global #Index .QuiSommesNous table .Title h3 { text-align: center; font-variant: small-caps; 
					margin: 0px; padding: 0px; letter-spacing: 1px; color: #993333; }
				#Global #Index .QuiSommesNous table .Txt { text-align: center; }
		#Global #Index .IndexImg img { border: 3px double #CCCCCC; }
	
	#Global #Contact { width: 990px; margin-left: auto; margin-right: auto; }
		#Global #Contact .ContactImg { width: 300px; }
			#Global #Contact .ContactImg img { border: 3px double #CCCCCC; }
	
	div.Infobulle span { max-width: 200px; text-align: justify; padding: 5px; display: none; border: 3px double #CCCCCC; background-color: #EEEEEE; }
	div.Infobulle:hover span { display: block; position: absolute; margin-left: 30px; margin-bottom: 60px; }
	
	#Global #Form { width: 700px; margin-left: auto; margin-right: auto; margin-top: 15px; }
		#Global #Form #Error { background-color: #FFDDDD; font-weight: bold; }
		#Global #Form #Error .Error_txt { color: #993333; font-weight: bold; padding-left: 10px; }
		#Global #Form .Table { width: 650px; margin-left: auto; margin-right: auto; }
			#Global #Form .Table tr { height: 30px; }
			#Global #Form .Table .Left { text-align: right; padding-left: 15px; font-weight: bold; }
			#Global #Form .Table .Right { text-align: left; padding-right: 10px; }
			#Global #Form .Table .Icon { width: 20px; }
		#Global #FormConfirm { text-align: center; margin-left: auto; margin-right: auto; }
			#Global #FormConfirm .Message { text-align: center; color: #339933; font-weight: bold; }
			
	#Footer { margin-left: auto; margin-right: auto; }
		#Footer p { text-align: center; font-size: 10px; }