/* CSS issu des tutoriels css.alsacreations.com */

body {

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	margin: 0;

	padding: 0;

}



a:hover {

	color:#FF6d22;

	text-decoration: none;

}



/* Definition du bandeau du haut */

#header {

	height: 68px;

	background-image: url(../images/bandeau.jpg);

	margin:0px;

	padding:0px;

}



#zone1 {	/* zone cliquable */

	float: left;

	width : 280px;

	height: 65px;

	margin-left: 20px;

	margin-top: 1px;

}





#header img {

	border:0px;

}



/* Definition du menu du haut */

#haut {

	height: 26px;

	background: url(../images/bandeau-2.jpg) no-repeat top;

	margin:0px;

	padding:0px;

}



/* Definition du bloc principal */

#conteneur {

	width:955px;

	margin:0 auto;

}



.color-txt {

	color: #FF6d22;

	font-weight: bold;

}





.color-txt-audiotel {

	font-size:14px;

	color: #FF6d22;

	font-weight: bold;

}



div.liste {

	list-style-image: url(../images/fleche-drte.gif);

	list-style-position:inside;

	padding:0px;

	margin:5px;

	margin-left: 0px;

	margin-right: 0px;

}



/* Definition du bloc central */

#centre {

	vertical-align:top;

	margin-left: 0px;

	margin-right: 0px;

	padding:10px;

	width:615px;

}





/* Definition du menu de gauche */

#gauche {

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:x-small;

	vertical-align:top;

	width: 170px;

}



/* Definition du menu de droite */

#droite {

	vertical-align:top;

	width: 170px;

}



/* Definition du pied de page */

#pied {

	clear:both;

	height: 30px;

	text-align:center;

}



#pied div.barre {

	border-bottom:1px dotted #000000;

	width : 50%;

	margin-left:auto;

	margin-right:auto;

}



#pied div.texte {

	font-size:x-small;

	color:#000000;

}

/* Gestion du menu du haut */

#menuhaut {

	list-style-type: none;

	margin: 0;

	padding:0;

}

#menuhaut li {

	display: inline;

}

#menuhaut a {

	margin: 0 2px;

	color: #FFFFFF;

	text-decoration: none;



}

#menuhaut a:hover {

	color:#FF6d22;

	text-decoration: none;

}



#menuhaut img.menu_haut_icon {

	border:0px;

	position: relative;

	bottom: -3px;

}





/* Gestion du menu de gauche */



#gauche a {

	color: #000000;

	text-decoration: none;

}

#gauche a:hover {

	color:#FF4400;

}



#gauche div.border-menu-left {

	border:1px solid black;

}



#gauche table {

	font-family: Verdana, Arial, Helvetica, sans-serif;

		font-size:x-small;

}



#gauche td {

	vertical-align:top;

}



#gauche img {

	padding-right:3px;

}

#gauche div.titre {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size:x-small;

	text-align:center;

	background-color:#FF6d22;

	border:1px solid black; 

	border-bottom:none;

}



#gauche div.bas {

	height:8px;

	background: url(../images/tablo-bas.gif) no-repeat top;

}



/* Gestion du menu de droite */

#droite a {

	color: #000000;

	text-decoration: none;

}

#droite img {

	padding-right:3px;

}

#droite a:hover {

	color:#FF4400;

}



#droite div.titre {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size:x-small;

	text-align:center;

	background-color:#000000;

	border:1px solid black;

	border-bottom:none;

	color:#FFFFFF;

}



#droite div.bas {

	height:8px;

	background: url(../images/tablo-bas.gif) no-repeat top;

}

								

#droite div.actuellement {

	border:1px solid #000000;

	text-align:center;

	font-size:x-small;

	font-family:Verdana, Arial, Helvetica, sans-serif;

}

#droite div.border-menu-right {

	border:1px solid black;

}

 

#droite table {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	 font-size:x-small;

}



#droite td {

	vertical-align:top;

}







/* Gestion du panel acces (formulaire de login) */



#acces {

	background:#000000;

	border-color:#ffa475;

	color:white;

	font-family:Arial;

	font-size:9px;

	font-weight:bold;

	}



#droite  div.acces {

	padding:3px;

	margin:0px;

	background: url(../images/acces/membres.gif) no-repeat top;

	padding-right:inherit;

	font-size:x-small;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	height:108px;

	width:100%;

}





#droite span.titre_acces {

	font-size:x-small;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-weight: bold;

}

#login {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color:#000000;
	width:100px;
}



#pass {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color:#000000;
	width:100px;
}





#login_form table{
	text-align:center;
	margin-top:10px;
}



.align_droite {

	text-align:left;

}														



#droite a.lien2:hover {

	color:#eaeaea;

	text-decoration: none;

}





/* Definition des styles pour le bloc content */



div.content_titre, div.content_titre_puce {
	text-align:left;
	font-weight: bold;
}



#content_left {

	vertical-align:top;

	text-align:center;

}



#content_center {

	background: url(../images/separ-colonnes.gif) top;

}



#content_right {

	vertical-align:top;

	text-align:center;

}



#content div.date{

	color:#9F9F9F;

	font-weight: bold;

	}

/* Gestion des tableaux d'analyses */



#ana_liste {

	width:100%;

	

}

#ana_liste td.date{

	width:20%;

	

}



#ana_liste tr.highlight {

	background-color:#EAEAEA;

}



#ana_liste tr.highlight:hover {

	background-color:#CCCCCC;

	color:#FF6D22;

}



#ana_liste tr:hover {

	background-color:#CCCCCC;

	color:#FF6D22;

}



#ana_liste a:hover {

	color:#FF6D22;

}



#nav_ana

{

	width :500px;

	text-align:center;

	margin-left:auto;

	margin-right:auto;

}





#nav_ana a 

{

	color:#000000;

	text-decoration:none;

}





#ana_liste a {

	color:#000000;

	text-decoration:none;

}





td.col_analyse {

	vertical-align:top;

	background-color:#ff6d22;

	color:#FFFFFF;

	font-weight:bold;

	width:65px;

}



/* Gestion formulaire */



div.formulaire-titre, div.formulaire-titre_puce {
background:#F9F9F9 url(../images_v2/v4/bg_title_header.gif) repeat-x scroll center top;
border:1px solid #E0E0E0;
font-size:14px;
height:18px;
margin:0pt 3px 5px;
z-index:999;
color:#F47339;
text-indent:10px;
font-size:14px;
font-weight:bold;
}



div.formulaire-titre-interieur {

	text-align:center;

	padding:0px;

	margin:0px;

	margin-bottom:6px;

	width: 100%;

	border:0px solid black;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-weight: bold;

	color: #FFFFFF;

	background-color: #FF6d22;

}



.formSmall {

	font-size : 11px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	color : #000000;

}



div.cadrePremium {
	color : #000000;
	font-weight : bold;
	width:98%;
	#width:90%;
	padding : 5px 10px;
}



div.cadrePremium2 {
/*	background: url(../images_v2/v3/bg_edit.gif) repeat-y left;*/
	color : #7b5f08;
	width:98%;
	#width:90%;
	padding : 5px 10px;
	padding : 5px 10px;
	margin-bottom : 5px;
}



td.texte {

	background-color : #f6f6f6;

	color : #000000;

	width : auto;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

}



div.mentions {

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size: 9px;

	margin: 0;

	padding: 0;

}



/* Gestion tableau index */

td.TitreE {


   color : #FF6D22;
   border-color:#000000;

   /*background-color : #ff6d22;*/

   font-weight : bold;

}


tr.L10 {

	 background-color : #eaeaea;

	 text-align : center;

	 font-size : 11px;
}



tr.TitreE2 {
	 background-color : #FF6D22;
	 border-color:#000000;
	 color:#ffffff;
	 font-weight : bold;	  
}

td.TitreE4 {
	 background-color : #FF6D22;
	 border-color:#000000;
	 color:#ffffff;
	 font-weight : bold;	  
}


td.TitreE3 {
   color : #000000;
   /*background-color : #ff6d22;*/
   font-weight : bold;
}



tr.L20 {

	  text-align : center;

	font-size : 11px;



}

/* acrobat reader */

td.acrobat {
	color : #aaaaaa;
	width : auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	vertical-align:top;
	padding:0 10px
}


#texte-petit {
	color : #818181;
	width : auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}


/* Definition de la page souscription */

#souscription {
	height: 56px;
	width : 456px;
	background: url(../images/souscription/img-souscription.gif) no-repeat top;
	color : #ffffff;
	font-size: 10px;
	font-weight : bold;
	padding:8px;
	display:table;
}



#souscription a {
	color:#000000;
	text-decoration: none;
}



#souscription a.lien1:hover {
	color:#eaeaea;
	text-decoration: none;
}

.champObligatoire{
font-weight: bold;	
color : #FF6D22;
}



/* 

	Class pour la gestion du RSS - Actunews

*/

#actunews {

	text-align:justify;

	padding-left : 2px;

	padding-right : 3px;

		}

#actunews ul {

	list-style-position:inside;

	padding:0px;

	margin:0px;

	

}



#actunews a, a:visited, a:link, a:hover {
		text-decoration:underline;
		}



#actunews a:hover {

		color:#FF4400;

		}

#actunews span.titre {

	font-weight:bold;

}



.formulaire-invisible{

	display:none;

}





/* Gestion de votre tableau de bord */

#tableau-bord2 {

	background:#ff6d22;

	border-color:#ffa475;

	color:white;

	font-family:Arial;

	font-size:9px;

	font-weight:bold;

	}

#lien-tableau-bord {

	text-decoration:underline;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	}

#lien-tableau-bord a:hover {

		color:#FF4400;

	text-decoration:underline;

	font-family: Verdana, Arial, Helvetica, sans-serif;

		}



#lastAnalyse a {

	color:#000000;

	text-decoration:underline;

}





#lastAnalyse a:hover {

		color:#FF4400;

		text-decoration:underline;

		}





/* Gestion du palmares */

#palmares a{

	text-decoration:underline

	}

#palmares a:hover {

		color:#FF4400;

	text-decoration:underline;

		}





/* Retour à l'acueil - Definition du div */







#backlink {

	background: url(../images/model-btn.gif);

	background-color:#FF6D22;

	/*border : 1px solid black;*/

	text-align:center;

	width:100px;

	height:30px;

	margin-left:auto;

	margin-right:auto;

}



#backlink a {

	color:#ffffff;

	text-decoration:underline;

}



#backlink a:hover {

	color:#ffffff;

	text-decoration:none;

}



#titre_actunews {

	width:95%;

	margin-left:auto;

	margin-right:auto;

	background-color:#FF6D22;

	color:#FFFFFF;

	font-weight:bold;

}



#conteneur a:hover {

	color:#ff6d22;

}



td.semi_column {

	width:50%;

}





#rssfeedparser td.titre {

	 color: #FF6d22;

	 font-size:x-small;

	 font-weight: bold;

	 vertical-align:top;

}



#lastAnalyse {

	text-align:left;

}

td.conseil {

  background-color:#eaeaea;   

  color: #FF6D22;

  font-weight: bold;   

}



#mail_table {

	width:550px;

}

#boutonAnalyse{

padding-top:50px;

}


/* Retour à l'acueil - Definition du div */
td.celltop {

	color : #ffffff;
	background-color:#414a53;
font-weight:bold;
		width : auto;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;
}

td.middle {

	color : #000000;
	background-color:#f6f6f6;
   	width : auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

td.total {

	color : #ffffff;
	background-color:#5a6571;
	width : auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	border : 1px solid #868686;
	border-width : 1px 1px 1px 1px;
	border-style : solid;
	border-color : black;
}

td.cellbottom {

	color : #000000;
	background-color:#5a6571;
   	width : auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	}
	
	td.bkCellPromo {

	font-size : 10px;
   background : #f6f6f6;

}
td.bkCellR {

	border-width : 1px 1px 1px 1px;
	border-style : solid;
	border-color : black;
	text-align : right;
	padding : 4px 2px;

}
.bkInputPromo {

	font-size : 12px;
	width : 70px;
	border : 1px solid #868686;
	margin : 0;
	text-align : right;
	margin-right : 5px;

}

div.content_panier {

	text-align:left;

	padding:0px;

	margin:0px;

	margin-bottom:6px;

	width: 100%;

	border:0px solid black;

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	background-color:#eaeaea;

}

#header-position{ 
  position:absolute; 
  top:0px; 
  z-index:1; 
  visibility: visible; 
}