/* بسم الله الرحمن الرحيم 
––––––––––––––––––––––––––––––––––––––––––––––––*/ 

/*
Name:  SAI - Algeria - Version: 1.0
Language: Franch/Français
Author: Adel Raouti
E-mail: adelraouti@gmail.com
Website: 
Date: 
Updated: 
––––––––––––––––––––––––––––––––––––––––––––––––*/ 


/* ---------------------------------- */
/*    Custom Classes                   */

.spacer { height : 10px; clear : both; }

.marginTop20 { margin-top : 20px; }

.blocksPadding { padding : 10px; }

.marginAuto { margin : 0 auto; }

.centerAlign { text-align : center; }

.leftAlign { text-align : left; }

.leftFloat { float : left;}

.rightFloat { float : right; }

.overFlow { overflow : hidden; }

.clear { clear : both; }

.redText { color : red; font-weight : bold; }

.blueText { color : blue; }

/* ---------------------------------- */
/*    Page Elements                         */
/* ---------------------------------- */
@import url("reset.css"); 
@import utl("menus/dropdown.css");
@import url("menus/dropdown.upward.css");
@import url("menus/default.css");

body {}

h1 {}

h2 {}

h3 {

		display : block;
		color : #475442; 
		margin-bottom : 30px;
		font-size : 80%;

}

h4 {
	color:#c60505;
	font-family: Georgia,"Nimbus Roman No9 L",serif;
	font-style: italic;
	font-size:16px;
	margin:0px;
} 

p {

		text-align : justify;
		line-height : 16px;

}

p a {

		color : blue;

}

p a:hover {

		color : red;
		text-decoration : underline;

}


/* ---------------------------------- */
/*    GreenBar                           */
.green-bar {

		height : 30px;
		background : #255a39 url(../images/sai-green-bar.png);

}

/* ---------------------------------- */
/*    Nav                                  */
.nav {

		background-color : #006d34;
		width : 950px;
		height : 40px;	
		overflow : hidden;
		clear : both;
		padding-left : 10px;
		margin : 20px 0 1px;

}

		.nav li {
		
				float : left;
				display : inline;
				margin-right : 2px;
				text-align : center;
				font-size : 95%;
		
		}
		
		.nav a {
		
				display : block;
				width : 120px;
				height : 40px;
				color : #fff;
				font-weight : bold;
				padding-top : 10px;
				border-right : 1px solid #00853f;

			
		}
		
		.nav a:hover, .nav .active {
		
				background : url(../images/sai-nav-hover.png) repeat-x top; 
		
		}

		
.spacer {

		clear : both;
		height : 10px;
		display : block;

}

/* ---------------------------------- */
/*    Page Elements                     */
/* ---------------------------------- */

/* ---------------------------------- */
/*    Wrapper                           */
#wrapper,#form-wrapper  { /*For Background */

		background : #E4E2CF ;

}

/* ---------------------------------- */
/*    Container                           */
#container {

		width : 950px;
		background : #fff url(../images/sai-webpage-bg.png) repeat-y right;

}


/* ---------------------------------- */
/*    Header                             */
#header {

		background : #fff url("../images/sai-gradiant-blue.png") repeat-x top;

}

		/* ---------------------------------- */
		/*    H1	                             */
		#header h1 {
		
				text-indent : -9999px;
				width : 260px;
				height : 145px;
				background : url('../images/sai-web-logo.gif') no-repeat;
				margin-left : 15px;

		}
		
		/* ---------------------------------- */
		/*   Society box                         */		
		.socity-box {
			
				width : 630px;
				margin-left : 10px;	
				margin-bottom : 10px;				
			
		}
		
				.socity-box h2 {
				
						width : 550px;
						height : 100px;
						text-indent : -9999px;
						background : url('../images/sai-socity-box.gif') no-repeat;
				
				}
				
				.socity-box small {
				
						line-height : 14px;

				
				}
		
		
/* ---------------------------------- */
/*    Content                                   */
#content {


		
}

		/* ---------------------------------- */
		/*    ImageContent                     */
		.image-box {	
		
				width : 648px;
				height : 200px
		
		}
		
		/* ---------------------------------- */
		/*    SponsorBox                        */
		.sponsor-box {	
		
				width : 280px;
				*width : 300px;
				height : 180px;
				*height : 200px;
				background : #fff url(../images/sai-sponsor-bg.png) no-repeat;
		
		}
		
				.sponsor-box h3 {
				
						margin : 5px;
						display : block;
						color : #475442; 
						margin : 0 0 20px 0;
						border-bottom : 2px solid #475442;
						padding : 0 0 10px 10px;
						font-size : 150%;
				
				}
				
				.sponsor-box p {
				
						margin : 5px;
				
				}
						
		/* ---------------------------------- */
		/*    LeftBar                             */
		.leftbar {

				width : 150px;

		}
		
				.leftbar h3 {
				
						display : block;
						font-size : 110%;
						width : 149px;
						height : 52px;
						background : url(../images/sai-left-box-title.gif) no-repeat;
						text-align : center;
						padding-top : 15px;
				
				}
				
				.left-nav, .leftbar-content {
				
						width : 149px;
						background-color : #255a39;
						margin-top : -22px;
						*margin-top : -10px;
				
				}
				
				.leftbar-content {
				
					text-align : center;
					
				}
				
				.leftbar-content p{
				
						text-align : center;
						color : #fff;

				}
				
				.leftbar-content .field {
				
					width : 80%;
					margin : 5px 0 5px;
					
				}
				
				.left-nav-bottom {
				
						width : 149px;
						height : 30px;
						background : url(../images/sai-left-box-bottom.gif) no-repeat bottom;

				
				}
				
						.left-nav  a, .leftbar-content a{
						
								display : block;
								height : 20px;
								color : #fff;
								padding : 10px 0 5px 5px;
								border-bottom : 1px solid #85967e;
								
						
						}
						
						.left-nav  a:hover, .leftbar-content a:hover{
						
								text-decoration : underline;
						
						}
						
								.left-nav ul a{
						
										text-decoration : none; 
										font-weight : bold;
										display : block;
										height : 20px;
										color : #475442;
										padding : 10px 0 5px 10px;
										border-bottom : 1px solid #85967e;
										background-color : #effff5;

								}
								
								.left-nav ul a:hover{
								
										text-decoration : underline;
								
								}
		
		/* ---------------------------------- */
		/*    MainContent                      */
		.main-content {	
		
				width : 455px;
				*width : 477px;
				padding : 10px;
				background : url(../images/sai-gradiant-brown.png) repeat-x top;

		
		}
		
				.titleMarquee {
				
						height : 30px;
						font-size : 130%;
						color : red;
						font-weight : bold ; 
						background-color : #BFC0FF;
						padding : 10px 10px 0 10px;
				
				}
				
						.titleMarquee  .small{
						
								font-size : 70%;
								position : relative;
								bottom : 5px;
						
						}
				
				.main-content h3 {	
				
						display : block;
						color : #475442; 
						margin : 20px 0 30px 0;
						border-bottom : 2px solid #475442;
						padding : 0 0 10px;
						font-size : 150%;
				
				}
				
				.main-content p {	}
				
		/* ---------------------------------- */
		/*   RightBar                            */
		.rightbar {

				width : 285px;
				*width : 300px;


		}
		
				/* ---------------------------------- */
				/*   RightBox                            */
				.rightbar-revue-title {
				
						width : 278px;
						height : 51px;
						margin-bottom : -5px;
						background : url(../images/sai-revue-titile.gif) no-repeat;
				
				}

				.right-tox {
					
						width : 278px;
						background : url(../images/sai-right-box-bg.gif) repeat-y;
						text-align : center;
						padding-top : 20px;

				}
				
						.sai-revue {
						
								margin : 0 auto;
						
						}
				
	
				.rightbar-bottom {
					
						width : 278px;
						height : 25px;
						background : url(../images/sai-right-box-bottom.gif) no-repeat;


				}
				
				/* ---------------------------------- */
				/* Spécial Journées Nationale */
						.bouttonsText a {
						
								margin : 0 25px 20px 20px;
						
						}
				
				
				
				.bt{
					width:180px;
					height:57px;
					display:block;
				}
					.jouMag{
						background : url(../images/sai-btton-prog.jpg) no-repeat;
					}
					.inscrip{
						background : url(../images/sai-btton-inscri.jpg) no-repeat;
					}
					.apel{
						background : url(../images/sai-btton-apel.jpg) no-repeat;
					}
					
				
/* ---------------------------------- */
/*    Footer                          */
#footer {


}

		.inside-footer {}
		
		.copyright{
		
			color : #fff;
			text-align : center;
			margin-top : 5px;
		
		}
		
		.copyright a {
		
			color : #fff;
			text-decoration : underline;
		
		}
		
		.copyright a:hover {
		
			color : #fff;
			text-decoration : none;
		
		}

/* ---------------------------------- */
/*    Form                           */
#form-wrapper{padding:30px;}
#form-white {
	padding:20px;
	background:#fff;
	width:800px;
	margin:10px auto;
	position:relative;
}
#form-white table {
	padding:10px;
	width:100%
}

#form-white td {
	background:#EFEDE0;
	margin:3px;
	height:30px;
	padding:10px;
	
}

.inputText{
	position:absolute;
	left:280px;
}
.ulCheck{
	list-style:none;
}
.tableType{
	margin:10px auto;
	border: 1px solid #9F9D8B;
}
.tableType td{
	padding:0;
	margin:0;
	text-align:center;
	width:190px;
	border: 1px solid #9F9D8B;
}
#form-white  td.tdType{
	font-weight:bold;
	color:#fff;
	background:#4F4E45;
}