@charset "iso-8859-1";
/* CSS Document */

body  {
	font: 1em 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;
	padding-top: 10px;
	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 */
	color: #000000;
}


#container {
	width: 923px;  /* paramétrage de la largeur à 20 pixels de moins que le plein écran (800 pixels) pour tenir compte de l'habillage du navigateur et éviter l'apparition d'un ascenseur horizontal */
	margin: auto;/* les marges au;tomatiques (et dotées d'une largeur positive) centrent la page */
	margin-top:70px;
	text-align: left;/* ce paramétrage annule le paramètre text-align: center de l'élément body. */
} 

#support2{
	background: #fff url(../images/index0_01.jpg) right top no-repeat ;
	width:693px;
	height:216px;
	padding-top:32px;
	padding-right:0px;
}
#support2 a{
    display: block ;
    background: #fff url(../images/verspact.jpg) right top no-repeat ;
	width:693px;
	height:170px;
	color:#68b92e;
	font-size:1.0em;
	line-height:3.0em;
	text-decoration:none;
	font-weight:bold;
}

#support2 a:hover, #support1 a:focus, #support1 a:active { 
    background: #fff url(../images/verspact.jpg) right bottom no-repeat ;
	color:#00428b;
	font-weight:bold;
    }
.vers{
	padding-left:80px;
}

#support3{
	width:693px;
	height:40px;
	margin:0;
	padding:0;
}

#support4{
	width:693px;
	height:269px;
	padding-right:0px;
}
#support4 a{
    display: block ;
    background: #fff url(../images/versie.jpg) right top no-repeat ;
	width:693px;
	height:269px;
	color:#68b92e;
	font-size:1.0em;
	line-height:3.0em;
	text-decoration:none;
	font-weight:bold;
}

#support4 a:hover, #support1 a:focus, #support1 a:active { 
    background: #fff url(../images/versie.jpg) right bottom no-repeat ;
	color:#00428b;
	font-weight:bold;
    }
	
#voeux{
	margin:0 0 0 0;
	width:180px;
}

/*COTE DROIT*/
#support1{
	background-image:url(../images/index_02.jpg);
	background-repeat:no-repeat;
	background-position:right top;
	float:right;
	width:230px;
	height:561px;
}

#toute{
	width:230px;
	height:15px;
	margin-top:10px;
}

#toute a   {
	font-size:0.7em;
	text-decoration:none;
	color:#666;
}

#toute a:hover   {
	color:#000;
}

.titre{
	font-size:0.8em;
	font-color:#030;
	font-weight:bold;"
}

.contenu{
	font-size:0.7em;
	font-color:#CCC;
}

a
{
	color:#68b92e;
	font-size:1.0em;
	text-decoration:none;
	font-weight:bold;
}

a:hover
{
	color:#00428b;
	font-weight:bold;
}

.clearfloat { /* cette classe doit être placée pour un élément div ou break et doit être l'élément final avant la balise de fin d'un conteneur qui doit contenir entièrement un élément flottant */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
} 


/*CLASSES*/
.bold{
	font-weight:bold;
	text-align: right;
	font-size: large;
}

/*PIED DE PAGE*/
#footer {
	width:910px;
	margin-top:-25px;
	padding:0;
	text-align:right;
	color:#666;	
	font-size:0.8em;
	font-family:Arial, Helvetica, sans-serif;
}

#footer a   {
	text-decoration:none;
	color:#666;
	font-size:0.7em;
	font-family:Arial, Helvetica, sans-serif;
}

#footer a:hover   {
	color:#000;
}