/*
*/

body {
	background-color: #333;
}

.container {
	margin: auto;
	padding: 10px 0;
	width: 100%;
	max-width: 960px;
	background-color: #FFFFEE;
}

.row {
	display: table;
	table-layout: fixed;
}

.col {
	display: table-cell;
	vertical-align: top;
	width: 50%;
	padding: 10px;
}

hr	{
	height: 0px;
	border-top: 1px solid #996600;
	border-right: 0px solid #996600;
	border-bottom: 0px solid #996600;
	border-left: 0px solid #996600;
	width: 80%;
}

.bouton {
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: 10pt;
	FONT-WEIGHT: bold;
	CURSOR: hand;
	COLOR: #FFFFFF;
	BACKGROUND-COLOR: #479EB4;
	BORDER-RIGHT:  #000000 1px solid;
	BORDER-TOP:    #000000 1px solid;
	BORDER-LEFT:   #000000 1px solid;
	BORDER-BOTTOM: #000000 1px solid;
}

/* liens #0066FF*/
a:link    {
	color: #000066;
	text-decoration: none;
	font-weight: bold;
}
a:visited {
	color: #580682;
	text-decoration: none;
	font-weight: bold;
}
a:active  {
	color: #0000CC;
	text-decoration: none;
	font-weight: bold;
}
a:hover   {
	color: #E4004B;
	text-decoration: underline;
	font-weight: bold;
}

blockquote {
font-style: italic;
color: #808080;
padding: 5px 5px 5px 35px;
border-right: 3px solid #7384B0;
border-bottom: 3px solid #7384B0;
border-left : 1px solid #7384B0;
border-top : 1px solid #7384B0;
background: url(images/phoenity-quote.png) no-repeat 5px 5px;
clear: both;
}

/* normal et drivs */
p, td, li, .normal			{ font-size:10pt; color: #000000; font-family: verdana, arial, helvetica, sans-serif; text-align: justify;}
.normal-centre  { font-size:12px; color: #000000; font-family: verdana, arial, helvetica, sans-serif; text-align: center}
.normal-gauche  {
	font-size:10pt;
	color: #000000;
	font-family: verdana, arial, helvetica, sans-serif;
	text-align: left;
}
.normal-droite { font-size:10pt; color: #000000; font-family: verdana, arial, helvetica, sans-serif; text-align: right}

.petit {font-size:10px; color: #000066; text-align: justify; font-family: verdana, arial, helvetica, sans-serif; }
.petit-gauche {font-size:10px; color: #000066; text-align: left; font-family: verdana, arial, helvetica, sans-serif; }
.petit-centre { font-size:10px; color: #000066; text-align: center; font-family: verdana, arial, helvetica, sans-serif; }

.moyen { font-size:11px; color: #000066; font-family: verdana, arial, helvetica, sans-serif; text-align: justify }
.moyen-centre { font-size:11px; color: #000066; font-family: verdana, arial, helvetica, sans-serif; text-align: center }
.moyen-gauche { font-size:11px; color: #000066; font-family: verdana, arial, helvetica, sans-serif; text-align: left }
.moyen-droite { font-size:11px; color: #000066; font-family: verdana, arial, helvetica, sans-serif; text-align: right }

.borduretableau { border: 1px solid #55AAFF; } 

h1 {
	font-family: Verdana, Tahoma, Verdana, Arial, sans-serif;
	font-size: 15pt;
	font-weight: bold;
	color: #000033;
	text-align: left;
	margin-left: 5px;
}
h2 {
	font-family: Verdana, Tahoma, Verdana, Arial, sans-serif;
	font-size: 13pt;
	font-style: normal;
	font-weight: bold;
	color: #660066;
	text-align: left;
	margin-left: 10px;
}
h3 {
	font-family: Verdana, Tahoma, Verdana, Arial, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	font-style: normal;
	color: #000000;
	text-align: left;
	background-position: center;
}

.code {
	font-size:10pt;
	color: #000000;
	font-family: "Courier New", Courier, mono;
	text-align: left;
}

.erreur  { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF; font-weight: bold; background: #CC0000 }
a.erreur  { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF; font-weight: bold; background: #CC0000 }
.ligneA { font-size:9pt; background-color:#EDF6F8; text-align: left; font-family: Verdana, Arial, Helvetica, sans-serif; }
.ligneB { font-size:9pt; background-color:#FFFFFF; text-align: left; font-family: Verdana, Arial, Helvetica, sans-serif; }

/* news */
.actu-date  { font-size:8pt; color: #55AAFF; text-align: left; font-style: italic; font-family: verdana, arial, helvetica, sans-serif; }
.actu-texte {
	font-size:8pt;
	color: #222222;
	text-align: justify;
	font-family: verdana, arial, helvetica, sans-serif;
	margin-right: 3px;
}
.actu-source {font-size:7pt; color: #000066; text-align: left; font-style: italic; font-family: verdana, arial, helvetica, sans-serif; }
.actu-titre {
	font-size:10pt;
	color: #000066;
	text-align: left;
	font-weight: bold;
	font-family: verdana, arial, helvetica, sans-serif;
	text-decoration: none;
	background: none;
}
a.actu-titre:hover {
	font-size:10pt;
	color: #FFFFFF;
	text-align: left;
	font-weight: bold;
	font-family: verdana, arial, helvetica, sans-serif;
	text-decoration: none;
	background-color:#000066;
}

/* FAQ */
.faq-etape  { font-size: 14px; font-weight: bold; color: #FFFFFF; background-color: #479EB4; font-family: verdana, arial, helvetica, sans-serif;}
.FAQ-question { font-size:14px; color: #0066DD; font-family: verdana, arial, helvetica, sans-serif; text-align: left ; font-weight: bold; font-style: italic}
a.mentions-legales {
	font-size:12px;
	font-family: verdana, arial, helvetica, sans-serif;
	text-align: center;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
a.mentions-legales:link, a.mentions-legales:visited {
	color: #FFFFFF;
	text-decoration: none;
}
a.mentions-legales:hover {
	color: #FFFF00;
	text-decoration: none;
}
a.onglet {
	text-align: center;
	text-decoration: none;
}
a.onglet:link, a.onglet:visited {
	color: #FFFFFF;
	text-decoration: none;
	border-bottom-style: none;
}
a.onglet:hover {
	color: #330066;
}
.titre-home {
	font-size:12pt;
	color: #990000;
	font-family: verdana, arial, helvetica, sans-serif;
	text-align: left;
	margin-left: 10px;
	margin-right: 5px;
	font-weight: bold;

}

.onglet {
	font-size:12pt;
	font-family: verdana, arial, helvetica, sans-serif;
	text-align: center;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #CC9933;
	font-weight: bold;

 } 
.mentions-legales { background-color: #CC9933}
.chiffres {
	font-family: "Courier New", Courier, mono;
	font-size: 14pt;
	font-weight: bolder;
	color: #000000;
}
.telecharger, a.telecharger, a.telecharger:link, a.telecharger:hover, a.telecharger:visited {
	font-size:14pt;
	color: #FFFFFF;
	font-family: verdana, arial, helvetica, sans-serif;
	text-align: center;
	background-color: #CC0000;
}
.input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	color: #000000;
	text-align: left;
	text-decoration: none;
	width: 300px;
}
.input-petit {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	color: #000000;
	text-align: left;
	text-decoration: none;
	width: 100px;
}
.zone-texte {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	color: #000000;
	text-align: left;
	text-decoration: none;
	width: 300px;
	height: 150px;
}
.mentions-legales { 
	font-size:12px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
 } 
.lien-pub, a.lien-pub:link, a.lien-pub:visited, a.lien-pub:active, a.lien-pub:hover {
	font-size:9pt;
	font-weight: normal;
	color: #000000;
	font-family: verdana, arial, helvetica, sans-serif;
	text-decoration: none;
	cursor: text;
}
.liensechanges{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	color: #000033;
	text-decoration: none;
}
a.liensechanges:link, a.liensechanges:visited, a.liensechanges:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	color: #000033;
	text-decoration: none;
	text-align: left;
}
a.liensechanges:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	color: #000033;
	text-decoration: underline;
	text-align: left;
}
.encadre-gros {
	font-size: 12pt;
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	background-color: white;
	border: thin dashed #479EB4;
	margin-left: 20px;
	padding: 5px;
	margin-right: 20px;
}

#tableau_resultats {
  border: 1px solid #000000;
  /*width: 440px;*/
  margin: 0 0 15px 0;
  text-align: center;
}
#tableau_resultats th, #tableau_resultats td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
  padding: 3px;
}
#tableau_resultats th {
	font-weight: bold;
  font-size: 10pt;
  text-align: center;
  color: white;
	background-color: #479EB4;
}
#tableau_resultats td {
	font-weight: normal;
  font-size: 8pt;
  text-align: right;
  color: black;
	background-color: white;
  border: 1px solid #479EB4;
}

#top {
	font-weight: normal;
  font-size: 8pt;
  text-align: right;
  color: #404040;
  margin: 0 0 0 0;
}

@media screen and (max-width: 800px) {

	.content img {
		width: 100%;
		height: 100%;
	}

}

@media screen and (max-width: 639px) {

	.col, .row {
		display: block;
		width: auto;
		margin: auto;
	}
	
	.content img {
		width: 350px;
		height: 509px;
	}

}

@media screen and (max-width: 474px) {
	.content img {
		width: 100% !important;
		height: 100% !important;
	}

}