/* CSS Document */

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #1f5289;
	margin: 0px;
	text-align: left;
	background-color: #1f5289
}

img {
	border: 0
}

form{
	margin: 0
}

a.lien{
	color: #1f5289;
	font-weight: bold;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none
}

a.lien:hover{
	color: #df5205;
	font-weight: bold;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none
}

h1.titre{
	color: #df5205;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold
}

div.image{
	float: right;
	padding-left: 10px;
	padding-bottom: 10px
}

span.etoile{
	color: #FF0000;
}

div#rubriques ul{
	list-style-type: none	
}

span.etape{
	color: #df5205;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold
}

div#conteneur{
	width: 691px;
	margin: auto;
	border-left: 1px solid #04befb;
	border-right: 1px solid #04befb;
	padding-top: 27px;
	padding-left: 69px
}

/***********************Partie haute de la page*********************************************************************/

div#haut{
	width: 691px;
	height: 304px;
	background: transparent url('../../images/haut.gif') no-repeat;
}

div#slogan{
	float: left;
	width: 365px;
	height: 92px
}

span.premiere_ligne{
	color: #FFFFFF;
	font-size: 26px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	margin-left: 15px
}
span.deuxieme_ligne{
	color: #FFFFFF;
	font-size: 16px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	margin-left: 23px
}
span.troisieme_ligne{
	color: #fbb804;
	font-size: 30px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	margin-left: 35px
}

a.lien1{
	float: left;
	display: inline;
	margin-left: 1px;
	background-color: #04befb;
	height: 58px;
	width: 80px;
	text-align: center;
	color: #FFFFFF;
	vertical-align: middle;
	padding-top: 34px;
	padding-left: 5px;
	padding-right: 5px;
	text-decoration: none;
	font-size: 11px
}

a.lien1:hover{
	background-color: #0d9cd6
}

a.lien2{
	float: left;
	display: inline;
	margin-left: 1px;
	background-color: #04befb;
	height: 66px;
	width: 72px;
	text-align: center;
	color: #FFFFFF;
	vertical-align: middle;
	padding-top: 26px;
	padding-left: 9px;
	padding-right: 9px;
	text-decoration: none;
	font-size: 11px
}

a.lien2:hover{
	background-color: #0d9cd6
}

a.lien3{
	float: left;
	display: inline;
	background-color: #04befb;
	margin-top: 1px;
	height: 66px;
	width: 72px;
	text-align: center;
	color: #FFFFFF;
	vertical-align: middle;
	padding-top: 26px;
	padding-left: 9px;
	padding-right: 9px;
	text-decoration: none;
	font-size: 11px
}

a.lien3:hover{
	background-color: #0d9cd6
}

a.lien4{
	float: left;
	display: inline;
	margin-left: 1px;
	margin-top: 1px;
	background-color: #04befb;
	height: 72px;
	width: 72px;
	text-align: center;
	color: #FFFFFF;
	vertical-align: middle;
	padding-top: 20px;
	padding-left: 9px;
	padding-right: 9px;
	margin-right: 275px;
	text-decoration: none;
	font-size: 11px
}

a.lien4:hover{
	background-color: #0d9cd6
}

a.lien5{
	float: left;
	display: inline;
	margin-left: 1px;
	margin-top: 1px;
	background-color: #04befb;
	height: 66px;
	width: 76px;
	text-align: center;
	color: #FFFFFF;
	vertical-align: middle;
	padding-top: 26px;
	padding-left: 7px;
	padding-right: 7px;
	text-decoration: none;
	font-size: 11px
}

a.lien5:hover{
	background-color: #0d9cd6
}

a.lien6{
	float: left;
	display: inline;
	background-color: #04befb;
	margin-top: 1px;
	height: 58px;
	width: 72px;
	text-align: center;
	color: #FFFFFF;
	vertical-align: middle;
	padding-top: 34px;
	padding-left: 9px;
	padding-right: 9px;
	text-decoration: none;
	font-size: 11px
}

a.lien6:hover{
	background-color: #0d9cd6
}

div.plan_favoris{
	float: left;
	height: 80px;
	width: 90px;
	color: #fbb804;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding-top: 12px;
	padding-left: 3px
}

div.plan_favoris a{
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	text-transform: uppercase
}

div.plan_favoris a:hover{
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: underline;
	text-transform: uppercase
}

div.demande_cd{
	float: right;
	display: inline;
	font-size: 16px;
	font-weight: bold;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #df5205;
	height: 158px;
	width: 85px;
	margin-right: 52px;
	padding-top: 26px;
	padding-left: 5px
}

div.demande_cd a{
	color: #FFFFFF;
	font-size: 12px;
	text-decoration: none
}

div.demande_cd a:hover{
	color: #FFFFFF;
	font-size: 12px;
	text-decoration: underline
}

span.info_multimedia{
	font-size: 12px;
}

span.gratuit{
	text-transform: uppercase;
}

/**********************Partie gauche de la page*******************************************************************/

div#newsletter{
	width: 182px;
	color: #FFFFFF;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 15px;
	text-transform: uppercase;
	font-weight: bold
}

div#flash_info{
	margin-top: 28px;
	width: 182px;
	height: 270px;
	color: #FFFFFF;
}

div#flash_info a{
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold
}

div#flash_info a:hover{
	color: #df5205;
	text-decoration: none;
	font-weight: bold
}

div.titre_flash_info{
	color: #FFFFFF;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 15px;
	text-transform: uppercase;
	font-weight: bold
}
/**********************Partie centrale de la page*******************************************************************/

div#page{
	background-color: #FFFFFF;
	width: 476px;
	height: 324px;
	padding-left: 16px;
	padding-top: 13px;
	padding-right: 16px;
	padding-bottom: 13px;
}

html>body #page{
	min-height: 324px;
	height: auto
}

/**********************Partie basse de la page*******************************************************************/

div#ekinoxe_adresse{
	margin-top: 7px;
	border-top: 1px solid #04befb;
	border-bottom: 1px solid #04befb;
	height:62px
}

div#ekinoxe{
	width: 172px;
	background-color: #FFFFFF;
	padding-left: 10px;
	float: left;
}

div#lien-ekinoxe{
	font-family: Verdana, Arial,  Helvetica, sans-serif;
	font-size: 10px;
}

div#lien-ekinoxe a{
	text-decoration:none;
	color: #000000;
}

div#adresse{
	height: 52px;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding-left:23px;
	padding-top: 13px;
	width: 482px;
	float: right;
}

div#rappel_menu{
	color: #a5bad0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding-left:23px;
	padding-right: 23px;
	padding-top: 13px;
	padding-bottom: 13px;
	width: 462px;
	height: 35px;
	margin-left: 182px
}

div#rappel_menu a{
	color: #a5bad0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none
}

div#rappel_menu a:hover{
	color: #a5bad0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: underline
}

html>body #rappel_menu{
	height: auto;
	min-height: 35px
}