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

body {
	font: 100% Arial, Helvetica, sans-serif;
	margin: 0; /* il est conseillé de mettre à zéro la marge et le remplissage de l'élément body, pour tenir compte des différentes valeurs par défaut des navigateurs */
	padding: 0;
	text-align: center; /* ce paramétrage centre le conteneur dans les navigateurs IE 5.x. Le texte est ensuite aligné à gauche (valeur par défaut) dans le sélecteur #container */
	  font-size: 0.8em; /* À adapter pour la police choisie. (3) */
	line-height: 1.4; /* À adapter au design. (4) */
	color: black;
	background-color: #3b90a8;
	background:url(../img/fond.jpg) center bottom no-repeat fixed #FFF;
}
.oneColFixCtr #container {
	width: 1024px;
	margin: 0 auto; /* les marges automatiques (et dotées d'une largeur positive) centrent la page */
	/*border: 1px solid #000000;*/
	text-align: left; /* ce paramétrage annule le paramètre text-align: center de l'élément body. */
}
.oneColFixCtr #mainContent {
	padding: 0 0px; /* ne pas oublier que le remplissage est l'espace à l'intérieur du cadre de l'élément div, alors que la marge est l'espace à l'extérieur de celui-ci */
	position:relative;
	/*z-index:1;*/
}

.fond{
	/*z-index:1 !important;*/
}
#Top{
	background: #7af837 url(../img/bg-Top.gif) center repeat-y;
	color:#FFF;
	padding-left:76px;
	padding-bottom:4px;
	font-weight:bold;
    text-shadow: #333 1px 1px 1px;
}
#Top a{
	color:#FFF;
	}
#Entete{
	padding:7px 0px 1px 76px;
	background: #f4f4f4 url(../img/bg-enteteBas.png) repeat-x bottom;
	
}

#Entete .logo{
	float:left;
	position:absolute;
	top:28px;
	left:20px;
}
#Entete2{
	background: #035e9d;
}
#Entete2 img{
	float:right;
}
#IndexThetiere{
	background: #fbfbfb url(../img/bg-enteteBas.png) repeat-x bottom !important;
	background-color:#fbfbfb;
	background-image:none;
	padding:16px 50px 20px 65px !important;
	text-align:left;
	position:relative;
}
#IndexThetiere H1,#IndexThetiere H2{
	display:inline;
	text-align:left;
}
#zoneGauche{
	float:left;
	width:490px;
	visibility:visible;
}
#zoneGauche p{
	margin:24px 0px 15px 0px;
	padding::0px 0px 0px 5px;
}
#IndexThetiere li{
	margin-left:180px;
	padding-left:18px;
	background: url(../img/puce.png) no-repeat left;
}
#IndexThetiere li.High{
	color:red;
	background: url(../img/puceRed.png) no-repeat left;
}
#animation1{
	float:left;
	width:170px;
	padding-right:20px;
	padding-top:5px;
}
#zoneDroite{
	margin-left:500px !important;
}
#animation2{
	text-align:right;
	padding-bottom:30px;
}

#MainIndex{
	background:url(../img/bg-alpha.png) repeat;
	padding:16px 50px 0px 65px;
}
#Main{
	background:url(../img/bg-alpha.png) repeat !important;
	background:none;
	padding:16px 10px 0px 65px;
}
#MainBas{
	background:url(../img/bg-MainBas.png) no-repeat left bottom;
	padding:40px 50px 10px 0px;
	text-align:right;
	color:#54ab26;
	font-weight:bold;
	font-size:110%;
}
#MainBas a{
	color:#54ab26;
}
.IndexBloc{
	float:left;
	width:240px;
	border:#FFF solid 1px;
	-moz-border-radius: 4px;
	background-color:#FFF;
	margin-bottom:10px;
	padding:10px 16px 10px 16px;
	font-variant:small-caps;
}
.IndexBloc p{
	font-size:90%;
	line-height:120%;
	font-variant:normal;
	text-align:left;
}
.IndexBloc#Left, .IndexBloc#Middle{
	margin-right:30px;
}

.MainMain{
	float: left;
	width:550px;
	text-align:left;
	border:#999 solid 1px;
	-moz-border-radius: 16px;
	background:#FFF;
	padding: 10px 20px 20px 20px;
	margin-left:190px;
	/padding: 10px 20px 20px 200px;
	/margin:0;
}
.blocsDroites{
	width:140px;
	text-align:center;
	float:left;
	/float:none;
	margin-left:15px;
	margin-bottom:10px;
	border:#999 solid 1px;
	/border:#FFF solid 10px;
	-moz-border-radius: 4px;
	background:#FFF;
}
#footer{
	background:#FFF;
	color:#000;
	text-align:right;
	font-variant:small-caps;
	/*text-transform:uppercase;*/
	padding:10px 20px 20px 0px;
}
#web2{
	text-transform:none;
	text-align:left;
	padding:10px 10px 10px 20px;
	vertical-align: middle;
}
#web2 img{
	vertical-align: middle;
}