@charset "UTF-8";
/* CSS Document */
/* HTML */
body,td,th {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #444;
}
body {
	background-color: #e5eef9;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
a {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #444;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #444;
}
a:hover {
	text-decoration: none;
	color: #AAA;
}
a:active {
	text-decoration: none;
	color: #444;
}
input {
	background-color:#FEFEFE;
	font-family:Arial, Helvetica, sans-serif;
	color:#44;
	font-size:11px;
	border:1px solid #043267;
}
h1 {
	font-size: 12px;
	color: #FFF;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}
h2 {
	font-size: 12px;
	color: #043267;
	background:url(../IMG/STRUCTURE/arrow.jpg) no-repeat left;
	text-indent:30px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}
h3 {
	font-size: 11px;
	color: #444444;
}
p,h1,h2 {
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
}

form.css label{
	padding-left:10px;
	display: inline;
	float: left;
	text-align:right;
	width: 80px;
	margin-right:10px;
} 

.separateur {
	clear:both;
}
#sur_top {
	height:25px;
	border-bottom:1px solid #666;
}
#top {
	width:100%;
	height:120px;
	background:url(../IMG/STRUCTURE/top.jpg) repeat-x #043267;
}
#header {
	width:980px;
	height:120px;
	margin:auto;
	background:url(../IMG/STRUCTURE/header.jpg) no-repeat left top;
}
#header_co {
	width:980px;
	height:120px;
	margin:auto;
	background:url(../IMG/STRUCTURE/header_co.jpg) no-repeat left top;
}
	a.flag {
		margin-top:79px;
		float:left;
		width:19px;
		height:19px;
		margin-right:4px;
	}
#container_menu {
	width:100%;
	background-color:#043267;
}
	#menu {
		margin-bottom:20px;
		width:980px;
		margin:auto;
	}
		a.case_menu_gauche {
			float:left;
			width:106px;
			background:url(../IMG/STRUCTURE/fond_case_menu.jpg) bottom left repeat-x #CEDEF3;
			margin-right:1px;
			padding:5px;
			text-align:center;
			font-weight:bold;
			color:#043267;
		}
		a.case_menu_droite {
			float:right;
			width:106px;
			background:url(../IMG/STRUCTURE/fond_case_menu.jpg) bottom left repeat-x #CEDEF3;
			margin-left:1px;
			padding:5px;
			text-align:center;
			font-weight:bold;
			color:#043267;
		}
		a.case_menu_gauche:hover {
			background:#FFF;
		}
		a.case_menu_droite:hover {
			background:#FFF;
		}
#middle {
	width:100%;
	background-color:#FFF;
	padding-bottom:20px;
}
	#sur_site {
		height:30px;
	}
	#site {
		width:980px;
		margin:auto;
	}
		#gauche_profil {
			float:left;
			width:385px;
			margin-right:10px;
		}
			#photo_profil {
				float:left;
				width:145px;
				padding:5px;
				border:1px solid #CEDEF3;
				background-color:#FFF;
				margin-right:5px;
			}
			.titre_profil {
				float:left;
				padding-bottom:5px;
				padding-top:5px;
				text-indent:5px;
				margin-bottom:20px;
				background:url(../IMG/STRUCTURE/fond_titre.jpg) repeat-x #043267;
				width:223px;
			}	
			.info_profil {
				float:left;
				width:223px;
			}
			.important {
				font-weight:bold;
				color:#043267;
			}
			.titre_information {
				float:left;
				width:80px;
				font-weight:bold;
				color:#043267;
			}
			.information {
				float:left;
				width:300px;
			}
			
			a.btn_profil {
				display:block;
				padding-bottom:5px;
				padding-top:5px;
				text-indent:25px;
				background:url(../IMG/STRUCTURE/editer.gif) no-repeat #FFF;
				font-weight:bold;
				color:#043267;
			}
			a.btn_ami {
				display:block;
				padding-bottom:5px;
				padding-top:5px;
				text-indent:25px;
				background:url(../IMG/STRUCTURE/ami.gif) no-repeat #FFF;
				font-weight:bold;
				color:#043267;
			}
			a.btn_message {
				display:block;
				padding-bottom:5px;
				padding-top:5px;
				text-indent:25px;
				background:url(../IMG/STRUCTURE/message.gif) no-repeat #FFF;
				font-weight:bold;
				color:#043267;
			}
			a.btn_confirmation {
				display:block;
				padding-bottom:5px;
				padding-top:5px;
				text-indent:25px;
				background:url(../IMG/STRUCTURE/+1.gif) no-repeat #FFF;
				font-weight:bold;
				color:#043267;
			}
		#droite_profil {
			float:left;
			width:585px;
		}
			.upload_tool{
				margin-bottom:10px;
				font-weight:bold;
				height:108px;
				border:1px solid #043267;
				background:url(../IMG/STRUCTURE/upload.jpg) top left no-repeat #CEDEF3;
			}
				a.up {
					margin-top:15px;
					margin-left:70px;
					float:left;
					width:80px;
					height:70px;
					margin-right:4px;
				}
				.titre_formulaire {
				font-weight:bold;
				color:#043267;
				margin-bottom:10px;
				border-bottom:1px dotted #043267;
				}
		
		#gauche {
			float:left;
			width:585px;
			margin-right:10px;
		}
			.titre {
				padding-bottom:5px;
				padding-top:5px;
				text-indent:5px;
				margin-bottom:20px;
				background:url(../IMG/STRUCTURE/fond_titre.jpg) repeat-x #043267;
			}		
			.texte {
				
				padding-bottom:10px;
				margin-bottom:10px;
				border-left:4px solid #cedef3;
				padding-left:10px;
			}
			.pub {
				height:120px;
				background-color:#cedef3;
				color:#FFF;
				font-size:34px;
				font-weight:bold;
				padding:0px;
				margin-top:20px;
			}
			.vignette {
				float:left;
				margin-right:10px;
			}
			.formulaire_gauche {
				float:left;
				padding:10px;
				background-color:#EFEFEF;
				margin-bottom:20px;
				width:505px;
			}
			.actu {
				float:left;
				width:525px;
			}
			.entete_actu {
				background-color:#e5eef9;
				border-bottom:1px solid #043267;
				margin-bottom:5px;
				padding:5px;
			}
			.texte_actu {
				margin-left:20px;
				border-left:4px solid #CEDEF3;
				padding:5px;
				padding-left:10px;
			}
			.date {
				float:left;
				font-weight:bold;
				color:#043267;
			}
			a.nom_actu {
				font-weight:bold;
				color:#043267;
			}
			a.erase_actu {
				float:right;
				font-weight:bold;
				color:#888;
			}
			.separateur_actu {
				clear:both;
				height:10px;
			}
		#droite {
			float:left;
			width:385px;
		}
			.formulaire {
				padding:10px;
				background-color:#EFEFEF;
				margin-bottom:10px;
			}
			.erreur {
				padding:5px;
				background-color:#FFF;
				border:1px solid #043267;
				color:#FF6600;
				font-weight:bold;
				margin-bottom:10px;
				text-align:center;
			}
			.exemple {
				background-color:#EFEFEF;
				padding:10px;
				margin-bottom:10px;
				color:#666;
			}
		#plein {
			padding-top:10px;
			text-align:justify;
		}
			a.last {
				float:left;
				width:90px;
				height:90px;
				border:1px solid #CEDEF3;
				-margin-right:8px;
				margin-right:10px;
				padding:4px;
			}
#footer {
	width:100%;
	height:50px;
}
	#bas {
		padding-top:15px;
		padding-bottom:15px;
		width:980px;
		margin:auto;
		color:#888;
	}