@charset "utf-8";
/* CSS Document */
/* -------------------------------------------------------- */
/* -------------   INFORMATIONS citypass  ------------- */
/* -------------------------------------------------------- */

#site_info {
	float:left;
	width:900px;
	margin: 0;
	padding:0;
	font-size: 0.8em;
	}
#site_info .citypass_signature strong {
			font-size: 1.3em;
			color: #333333;
			}
#site_info .citypass_signature a {
				display: block;
				float: left;
				width: 67px;
				height: 54px;
				background: transparent url(../images/signature-etq.png) top left no-repeat;
				text-indent: -9000px;
				margin-top: -0.5em;
			}
			#site_info .citypass_signature a:hover {
				background-position: bottom;
			}

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background: #475D7A url(../images/fond_clair.gif) repeat-x;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:11px;
	
}
a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #97BBD7;
}

a:visited {
	color: #97BBD7;
}
a:hover {
	color: #97BBD7;
}
a:active {
	color: #97BBD7;
}
#page{
	margin: 0 auto 0 auto;
	width:900px;
	
}

h3{
	float:left;
	width:514px;
	height:84px;
	background:url(../images/logo.gif);
	margin:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#1B2841;

}

h2{
	font-size:18px;
}
h4{
	font-size:14px;
}
input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	  }
select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	  }
textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	  }
#button {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-transform: capitalize;
	color: #97BAD6;
	background-color: #36475E;
	border: thin solid #98BCD8;
	left: auto;
	top: auto;
	right: auto;
	bottom: auto;
}

#connexion{
	margin: 0;
	float:right;
	width:385px;
	height:63px;
	background:url('../images/connexion.jpg');

	
}
#connexion form{
	margin: 30px 0 0 10px;
	width:300px;

	
}
#langage{
	margin:0;
	padding: 7px 15px 6px 0;
	float:right;
	height:12px;
	width:370px;
	text-align:right;
	font-size:10px;
	color:#FFFFFF;
}

.champ{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#333333;
	
}

.blanc{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	color:#FFFFFF;
	
}
.titres {
	font-size:12px;
	color:#97BBD7;
}

/* menu */
		
	#menu {
		width:900px; 
		height:53px; 
		overflow:hidden; 
		margin:0;
		float:left;
	}
	#menu ul {
	margin:0; 
	padding:0;
	}
	#menu li {
	list-style-type:none; 
	display:inline;
	}
	#menu a {
	display:block; 
	float:left; 
	overflow:hidden;  
	text-decoration:none; 
	}
				#menu a#accueil {
				width:137px;
				height:53px;	
				background-image: url(../images/menu_01.gif);
				background-position: top;
				}
				#menu a#accueil:hover {
				background-position:bottom;
				}
				#menu a#armees {
				width:81px;
				height:53px;	
				background-image: url(../images/menu_02.gif);
				background-position: top;
				}
				#menu a#armees:hover {
				background-position:bottom;
				}
				#menu a#opex {
				width:66px;
				height:53px;	
				background-image: url(../images/menu_03.gif);
				background-position: top;
				}
				#menu a#opex:hover {
				background-position:bottom;
				}
			
				#menu a#usarmy {
				width:96px;
				height:53px;	
				background-image: url(../images/menu_04.gif);
				background-position: top;
				}
				#menu a#usarmy:hover {
				background-position:bottom;
				}
				#menu a#personnel {
				width:146px;
				height:53px;	
				background-image: url(../images/menu_05.gif);
				background-position: top;
				}
				#menu a#personnel:hover {
				background-position:bottom;
				}
				#menu a#familles {
				width:164px;
				height:53px;	
				background-image: url(../images/menu_06.gif);
				background-position:top;
				}
				#menu a#familles:hover {
				background-position:bottom;
				}
				#menu a#avis {
				width:170px;
				height:53px;	
				background-image: url(../images/menu_08.gif);
				background-position:top;
				}
				#menu a#avis:hover {
				background-position:bottom;
				}


		#recherche {
		float:right;
		text-align:right;
		width:900px;
		height:35px;
		border-bottom:solid 1px #686968;
		}
	 	#recherche a{
					font-family: Verdana, Arial, Helvetica, sans-serif;
					font-size: 10px;
					color: #FFFFFF;
				}
				
		#recherche a:visited {
					color: #FFFFFF;
				}
		#recherche a:hover {
					color: #97BBD7;
				}
		#recherche a:active {
					color: #FFFFFF;
				}
		

		#gauche {
		float:left;
		width:268px;
		margin-top:35px;
		}
			#gauche img{
			float:left;
			padding-top:5px;
			}
			#bloc_gauche {
			float:left;
			width:268px;
			height:255px;
			background-image:url(../images/fond_bienvenue.jpg);
			text-align:left;
			}
			#bloc_gauche p{
			padding:15px 0 0 25px;
			}


		#droite {
		float:right;
		width:623px;
		margin-top:25px;
		}	
		#defil {
		float:right;
		width:623px;
		margin:0;
		padding: 15px 0 0 0;
		background: url(../images/h_defil.gif) top center no-repeat;
		}
		#defil_int {
		position:relative;
		width:613px;
		/*height: 120px;*/
		height: 120px;
		margin: 0;
		padding : 5px;
		padding-top:0px;
		padding-bottom:10px;
		background-color: #89B1CF;
		color:#FFFFFF;
		
		}

/* b1 */
		
	#b1 {
		width:268px; 
		overflow:hidden; 
		margin:0;
		float:left;
	}
	#b1 ul {
	margin:0; 
	padding:0;
	}
	#b1 li {
	list-style-type:none;
	}
	#b1 a {
	display:block; 
	float:left; 
	overflow:hidden;  
	text-decoration:none; 
	}
				#b1 a#inscription {
				margin-top:4px;
				width:268px;
				height:27px;	
				background-image: url(../images/inscrire.gif);
				background-position: top;
				}
				#b1 a#inscription:hover {
				background-position:bottom;
				}
				#b1 a#soutien {
				margin-top:4px;
				width:268px;
				height:27px;	
				background-image: url(../images/soutien.gif);
				background-position: top;
				}
				#b1 a#soutien:hover {
				background-position:bottom;
				}
				#b1 a#forum {
				margin-top:4px;
				width:268px;
				height:27px;	
				background-image: url(../images/forum.gif);
				background-position: top;
				}
				#b1 a#forum:hover {
				background-position:bottom;
				}
				
/* fiche */
			
		#fiche {
			width:590px;
			margin:10px 0 0 0;
			padding-bottom:21px;
			float:left;
			background:#FFFFFF url(../images/b_fiche.gif) bottom no-repeat;
			color:#37475E;
			font-size:10px;
		}			
			#fiche p{
				padding-left:10px;
				padding-right:10px;
			}
			#fiche p img{
				float:right;
				margin:0;
				padding:0;
			}
		#fiche2 {
			width:670px;
			margin:10px 0 0 0;
			padding-bottom:21px;
			float:left;
			background:#FFFFFF url(../images/b_fiche2.gif) bottom no-repeat;
			color:#37475E;
			font-size:10px;
		}			
			#fiche2 p{
				padding-left:10px;
				padding-right:10px;
			}
			#fiche2 p img{
				float:right;
				margin:0;
				padding:0;
			}
				#photo{
				float:left;
				width:200px;
				margin-left:10px;
				}
				#photo img{
				padding-bottom:3px;
				}
				#infos{
				width:350px;
				float:right;
				padding-right:10px;
				}

				.tableaux{
				float:left;
				margin:0;
				padding:5px 0 5px 0;
				width:100%;
				}
				table a{font-family: Verdana, Arial, Helvetica, sans-serif;
							font-size: 10px;
							color: #37475E;
							}
					
				table a:visited {color: #37475E;}
				table a:hover {color: #37475E;}
				table a:active {color: #37475E;}
				.tableaux2{
				float:left;
				margin:0;
				font-size:12px;
				padding:5px 0 5px 0;
				width:100%;
				}
				.tableaux2 input{
				font-size:12px;
				}
				.tableaux2 select{
				font-size:12px;
				}
				.tableaux2 texarea{
				font-size:12px;
				}
				table a{font-family: Verdana, Arial, Helvetica, sans-serif;
							font-size: 10px;
							color: #37475E;
							}
					
				table a:visited {color: #37475E;}
				table a:hover {color: #37475E;}
				table a:active {color: #37475E;}
	
					
				#page{
						margin: 0 auto 0 auto;
						width:900px;
						
}
	
		#perso{
		width:205px;
		float:right;
		padding:0;
		margin:10px 0 0 0;
		}
				.tab_amis{
				float:right;
				margin:0;
				padding:0;
				width:100%;
				}
		#b_messagerie{
		width:205px;
		height:48px;
		background-image:url(../images/b_messagerie.jpg);
		padding:0;
		margin:0;
		text-align:center;
		vertical-align:bottom;
		font-size:9px;
		color:#97BBD7;
		}
		#b_messagerie p{
		padding-top:28px;
		}
		#b_messagerie a{
		font-size:9px;
		}
		
		
.bleu1 {
background-color:#89B1CF;
color:#FFFFFF;
		}
.bleu2 {
background-color:#A7C5DC;
color:#FFFFFF;
		}
.bleu3 {
background-color:#C2D8E7;
		}
.bleu4 {
background-color:#89B1CF;
color:#FFFFFF;
text-decoration:underline;
		}
.bleu5 {
background-color:#89B1CF;
color:#FFFFFF;
font-size:10px;
		}
.bleu6{
background-color:#3D506D;
color:#FFFFFF;
font-size:10px;
}		
.blanc2 {
background-color:#FFFFFF;
color:#1B2841;
font-size:10px;
}
.blanc3 {
background-color:#FFFFFF;
font-size:10px;
border-top:1px dotted #1B2841;
}
.blanc4 {
background-color:#FFFFFF;
font-size:10px;
border-top:1px dotted #37475E;
}
.blanc5 {
background-color:#BBBBBB;
color:#1B2841;
font-size:10px;
}
.blanc6 {
background-color:#DDDDDD;
color:#1B2841;
font-size:10px;
}
#menu_bas {
	color: #97BBD7;
	font-size: 9px;
	font-weight: bold;
}
#menu_bas a:visited {color: #97BBD7;font-size: 9px;}
#menu_bas a:visited {color: #97BBD7;font-size: 9px;}
#menu_bas a:hover {color: #97BBD7;font-size: 9px;}
#menu_bas a:active {color: #97BBD7;font-size: 9px;}