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

body  {
	font: 100% Arial, Helvetica, sans-serif;
	background: #FFFFFF;
	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 */
	color: #333;
	font-size:12px;
}
.twoColFixRtHdr #container { 
	width:907px;  /* 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 */
	background: #FFFFFF;
	background-image:url(/images/fond.jpg);
	margin: 0 auto; /* les marges automatiques (et dot�es d'une largeur positive) centrent la page */
	text-align: left; /* ce param�trage annule le param�tre text-align: center de l'�l�ment body. */
} 
.twoColFixRtHdr #header {
	background-image:url(/images/banniere.jpg);
	width:907px;
	margin: 0 auto; /* les marges automatiques (et dot�es d'une largeur positive) centrent la page */
	height:103px;
} 
.twoColFixRtHdr #menu {
	margin:0px;
	padding:0px;
} 
.twoColFixRtHdr #ident{
	margin:0px;
	padding:0px;
	background-image:url(/images/ident.jpg);
	height:36px;
	width:907px;
} 
.twoColFixRtHdr #header h1 {
	margin: 0; /* la mise � z�ro de la marge du dernier �l�ment du div #header permet d'�viter une disparition de la marge (espace inexplicable entre les �l�ments div). Si l'�l�ment div est entour� d'une bordure, cette pr�caution n'est pas n�cessaire, car la bordure �vite �galement la disparition de la marge */
	padding: 10px 0; /* l'utilisation de remplissage, au lieu d'une marge, permet d'�loigner l'�l�ment des bords de l'�l�ment div */
}
.twoColFixRtHdr #sidebar1 {
	float: right; /* cet �l�ment est flottant, il faut donc lui attribuer une largeur */
	width: 250px; /* Dans les navigateurs conformes au standard et dans Internet Explorer en mode standard, la largeur r�elle de cet �l�ment div est compos�e de la largeur plus le remplissage et la bordure */
	padding-right: 60px;
}
.twoColFixRtHdr #mainContent { 
	margin: 0 320px 0 0; /* La marge droite de cet �l�ment div cr�e la colonne qui s'�tend sur le c�t� droit de la page - quel que soit le contenu de l'�l�ment div sidebar1, l'espace de cette colonne reste intact. Vous pouvez supprimer cette marge si vous souhaitez que le texte de l'�l�ment div #mainContent remplisse l'espace de l'�l�ment #sidebar1 lorsque le contenu de ce dernier se termine. */
} 
.twoColFixRtHdr #footer {
	background-image:url(/images/pied.jpg);
	height:67px;
} 
.twoColFixRtHdr #footer p {
	margin: 0; /* la mise � z�ro de la marge du premier �l�ment du pied de page permet d'�viter une possible disparition de la marge (espace entre les �l�ments div) */
	padding: 10px 0; /* l'utilisation d'un remplissage pour cet �l�ment cr�e un espace, tout comme une marge l'aurait fait, mais en �vitant le risque de disparition de la marge */
}
.fltrt { /* cette classe permet de rendre flottant le c�t� droit d'un �l�ment dans la page. L'�l�ment flottant doit pr�c�der l'�l�ment � c�t� duquel il doit se trouver dans la page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* cette classe permet de rendre flottant le c�t� gauche d'un �l�ment dans la page */
	float: left;
	margin-right: 8px;
}
.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;
}
.login {
	background-image:url(/images/login.png);
	height:22px;
	width:105px;
	background-repeat:no-repeat;
	border:none;
	background-color:transparent;	
	padding-top:3px;
	padding-left:10px;

font-size:12px;
}
form {
	margin:0px;
	padding:0px;
}
input {
		margin:0px;
	padding:0px;
}
#fondchroniques {
	background-image:url(/images/fond_chroniques.jpg);
	width:536px;
	background-repeat:repeat-y;
	padding:0px;
	margin:0px;
}
#fondchroniques p {
	padding:2px;
	margin:0px;
}
#fondchroniquesplace  {
	padding:5px;
	margin:0px;
}
	 h2 {
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#D40000;
	padding-left:10px;
}
	 h3 {
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#292929;
	padding-left:10px;
}
	 h4 {
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#D40000;
}

.details_technique p {
color:#000000;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin:0px;
padding:0px;
}
.haut_table {
color: #D40000;
 font-size:16px;
  font-weight:bold; 
  text-align:center;
}
.background_table {
background-color:#86ACE5;
}

    --> 
	#tablo {
	color: #dbdbdb;
	font: normal 11px/13px Arial;
	border-collapse:collapse;
	border-color:#D1D1D1;
	border: 2px solid;
	background-color:#CA140A;
	text-align:left;
}
#ident a {
	color:#FFF;
	font-size:12px;	
}
a {
	color:#06F;
	font-size:12px;	
}
a:hover {
	color:#C00;
	font-size:12px;	
}
#avantages_plus {
	background-image:url(/images/avantages_plus.jpg);
	width:531px;
	height:234px;
	background-repeat:no-repeat;
	
}
#avantages_plus p {
	padding-left:115px;
	padding-top:40px;
	padding-right:15px;
	text-align:justify;
	
}
#avantages_valide {
	background-image:url(/images/avantages_valide.jpg);
	width:531px;
	height:243px;
	background-repeat:no-repeat;
	
}
#avantages_valide p {
	padding-left:115px;
	padding-top:40px;
	padding-right:15px;
	text-align:justify;
	
}
#infocenter {
	background-image:url(//images/infocenter.jpg);
	background-repeat:repeat-y;
	margin:0px;
	padding:0px;
}
#infocenter p {
	margin:0px;
	width:200px;
	padding-left:10px;
	padding-right:12px;
	padding-top:5px;
	padding-bottom:5px;
}
#supportlive {
	background-image:url(/images/supportlive.jpg);
	height:190px;
	width:536px;
	background-repeat:no-repeat;
	
}
#supportemail {
	background-image:url(/images/supportemail.jpg);
	height:280px;
	width:536px;
	background-repeat:no-repeat;
	
}
.champtexte {
	background-image:url(/images/champtexte.png);
	height:26px;
	width:135px;
	background-repeat:no-repeat;
	border:none;
	background-color:transparent;	
	padding-top:4px;
	padding-left:4px;
	margin:0px;

font-size:12px;
}
.textera {
	background-image:url(/images/textera.png);
	height:110px;
	width:275px;
	background-repeat:no-repeat;
	border:none;
	background-color:transparent;	
	padding-top:2px;
	padding-left:4px;
font-size:12px;
margin:0px;
}

<!--[if IE 5]>
<style type="text/css"> 
/* placer les corrections pour le mod�le de bo�te css pour IE 5.x dans ce commentaire conditionnel */
.twoColFixRtHdr #sidebar1 { width: 220px; }
</style>
<![endif]--><!--[if IE]>
<style type="text/css"> 
/* placer les corrections pour toutes les version d'IE dans ce commentaire conditionnel */
.twoColFixRtHdr #sidebar1 { padding-top: 30px; }
.twoColFixRtHdr #mainContent { zoom: 1; }
/* la propri�t� propri�taire zoom ci-dessus transmet � IE l'attribut hasLayout n�cessaire pour �viter plusieurs bogues */
</style>
<![endif]-->