@CHARSET "ISO-8859-1";

body{
	font-family:RobotoRegular, Arial,Verdana,Helvetica,sans-serif;
	font-size:12px;
	text-align:center;
	color:#000;
	padding:0;
	margin:0;
	background-color:#ffffff;
}
/*------------------- MENU -------------------*/
#menu_principal li.services a {
	color:#ffc33f;
}
#menu_principal li.services.cs_jaune a {
	color:#d39b2e;
}
#menu_principal li.services a:hover, #menu_principal li.services a.open {
	background-color:#fdbb29;
	color:#ffffff;
}

/*------------------- SOUS MENU -------------------*/
.titre_sous_menu {
	position:absolute;
	top:81px;
	left:24px;
	width:300px;
	font-family:RobotoCondensedBold,arial,sans-serif;
	font-size:40px;
	line-height:40px;
	text-transform:uppercase;
	text-align:center;
	color:#ffffff;
}

.choix_sous_menu {
	position:absolute;
	left:365px;
	top:41px;
}

.choix_sous_menu div.lien {
	float:left;
	width:105px;
	height:39px;
	overflow-x:visible;
	color:#ffffff;
	font-size:14px;
	line-height:39px;
	cursor: pointer;
}

.choix_sous_menu div.lien a {
	font-family:RobotoCondensedBold,arial,sans-serif;
	font-size:14px;
	line-height:39px;
	text-transform:uppercase;
	color:#ffffff;
}

.choix_sous_menu div.lien.actu{
    height:auto;
}

.choix_sous_menu div.lien.actu a {
	font-family:RobotoBold,arial,sans-serif;
	font-size:14px;
	text-transform:none;
	color:#ffffff;
	line-height:30px;

	white-space: nowrap;
    text-overflow: ellipsis;
    width: 600px;
    display: block;
    overflow: hidden;
}

.choix_sous_menu div.lien.actu a span{
	font-family:RobotoBold,arial,sans-serif;
	font-size:14px;
	color:#e8ae37;
}

.choix_sous_menu div.lien.services a {
	font-family:RobotoRegular,arial,sans-serif;
	line-height:18px;
	text-transform:none;
}

.choix_sous_menu div.lien.monextranet a {
	color:#00bbf2;
}
.choix_sous_menu div.lien.certifs a {
	color:#fdbb29;
}

.choix_sous_menu div.lien a:hover,
.choix_sous_menu div.lien.actu a:hover,
.choix_sous_menu div.lien.certifs a:hover {
	/*font-family:RobotoBold,arial,sans-serif;
	font-size:14px;
	text-transform:none;*/
	color:#00bbf2;
}

.choix_sous_menu div.lien .communique{
	font-family:RobotoCondensedBold;
	font-size:20px;
	line-height:20px;
	text-transform:uppercase;
}

.choix_sous_menu div.lien .communique.niveau_1{
	color:#FDBB29;
}
.choix_sous_menu div.lien .communique.niveau_2{
	color:#f1803f;
}
.choix_sous_menu div.lien .communique.niveau_3{
	color:#bd0000;
}

.choix_sous_menu div.lien .titre_cs{
	font-family:RobotoCondensedRegular; 
	font-size:20px;
	line-height:30px;
	width:500px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color:#1E4679;
}

.choix_sous_menu div.lien .titre_cs:hover,
.choix_sous_menu #lien_actu_cs:hover .titre_cs{
    color:#00bbf2;
}

.choix_sous_menu .fleche_droite {
	margin-top:15px;
	margin-right:10px;
	width: 0; 
	height: 0; 
	border-bottom: 5px solid transparent;
	border-top: 5px solid transparent;
	border-left: 5px solid #ffffff;
	font-size: 0;
	line-height: 0;
}

.choix_sous_menu .fleche_droite.services {
	margin-top:5px;
}

.choix_sous_menu .fleche_droite.actu {
	display:none;
}

.choix_sous_menu .fleche_droite.monextranet {
	border-left: 5px solid #00bbf2;
}

.choix_sous_menu .fleche_droite.certifs {
	border-left: 5px solid #fdbb29;
}

.choix_sous_menu .bleu,
.choix_sous_menu .certifs.bleu {
	border-left: 5px solid #00bbf2;
}

/*--------------- favoris ------------*/
#fleche_favoris_gauche{
	margin:10px 12px;
	background:url('http://images.meteoconsult.fr/images/meteoconsult2014/decoupes/a_common/03_favoris/01_bandeau/fleches.png') no-repeat left top;
	width:14px;
	height:23px;
	overflow:hidden;
}
#fleche_favoris_gauche:hover{
	background:url('http://images.meteoconsult.fr/images/meteoconsult2014/decoupes/a_common/03_favoris/01_bandeau/Img-favoris-fleches-hover.png') no-repeat left top;
}
#fleche_favoris_droite{
	margin:10px 12px;
	background:url('http://images.meteoconsult.fr/images/meteoconsult2014/decoupes/a_common/03_favoris/01_bandeau/fleches.png') no-repeat left bottom;
	width:14px;
	height:23px;
	overflow:hidden;
}
#fleche_favoris_droite:hover{
	background:url('http://images.meteoconsult.fr/images/meteoconsult2014/decoupes/a_common/03_favoris/01_bandeau/Img-favoris-fleches-hover.png') no-repeat left bottom;
}

.carte_favoris {
	background-image: url('http://images.meteoconsult.fr/images/meteoconsult2014/decoupes/a_common/03_favoris/01_bandeau/bloc.png');
	position:absolute;
	top:0px;
	width:295px;
	height:114px;
	overflow:hidden;
	cursor:hand;
	cursor:pointer;
}
#bloc_favoris .fond_carte,
#bloc_favoris .tirets {
	position:absolute;
	top:0;
	left:0;
	width:294px;
	height:112px;
}
#bloc_favoris .fond_carte {
	background-color:#ffffff;
}
#bloc_favoris .tirets {
	background-image: url('http://images.meteoconsult.fr/images/meteoconsult2014/decoupes/a_common/03_favoris/01_bandeau/bloc_tirets.png');
}
#bloc_favoris_compact .fond_carte {
	position:absolute;
	top:0;
	left:1px;
	width:293px;
	height:37px;
	background-color:#ffffff;
}
#bloc_favoris_compact .carte_favoris {
	background-image: url('http://images.meteoconsult.fr/images/meteoconsult2014/decoupes/a_common/03_favoris/01_bandeau/bloccompact.png');
	height:39px;
}
	
#bloc_favoris .carte_favoris.vide {
	font-family:RobotoCondensedRegular;
	font-size:18px;
	color:#1a6395;
	text-align:center;
}

#bloc_favoris_compact .carte_favoris.vide {
	font-family:RobotoCondensedRegular;
	font-size:16px;
	line-height:38px;
	color:#1a6395;
	text-align:center;
}
#bloc_favoris .carte_favoris:hover .fond_carte,
#bloc_favoris .carte_favoris.vide:hover .fond_carte,
#bloc_favoris_compact .carte_favoris:hover .fond_carte {
	background-color:#e5f2fa;
}
.favoris_nom {
	position:absolute;
	top:0px;
	width:270px;
	height:37px;
	overflow-x:hidden;
}
#bloc_favoris .favoris_nom {
	left:13px;
}
#favoris_nom_geo_compact {
	left:10px;
}
#favoris_nom_geo {
	background: url('http://images.meteoconsult.fr/images/meteoconsult2014/decoupes/a_common/03_favoris/01_bandeau/pin.png') no-repeat left 12px;
	padding-left:16px;
}
#favoris_nom_geo_compact{
	background: url('http://images.meteoconsult.fr/images/meteoconsult2014/decoupes/a_common/03_favoris/01_bandeau/pin.png') no-repeat 8px 13px;
}
.favoris_nom .texte {
	height:37px;
	line-height:37px;
	font-family:RobotoCondensedBold;
	font-size:20px;
	color:#1a6395;
	text-transform:uppercase;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap; 
}
#bloc_favoris .favoris_nom .texte {
	width:250px;
}
#bloc_favoris_compact .favoris_nom .texte {
	width:165px;
	margin-left:23px;
	text-align:left;
}
.favoris_tempe {
	position:absolute;
	display:table-cell;
	font-family:RobotoBold;
	color:#1a6395;
}
#bloc_favoris .favoris_tempe {
	top:40px;
	left:0px;
	width:130px;
	height:44px;
	line-height:44px;
	font-size:48px;
	text-align:center;
}
#bloc_favoris_compact .favoris_tempe {
	top:2px;
	left:162px;
	width:70px;
	height:30px;
	line-height:30px;
	font-size:32px;
	text-align:right;
}
.favoris_tempe .deg {
	line-height:35px;
	font-family:RobotoLight;
	font-size:30px;
	color:#1a6395;
	vertical-align:top;
}
#bloc_favoris_compact .favoris_tempe .deg {
	line-height:24px;
	font-size:22px;
}

.favoris_paginateur {
	float:left;
	width:16px;
	cursor:hand;
	cursor:pointer;
}
.favoris_paginateur.select {
	cursor:default;
}
.favoris_paginateur .rond {
	width:10px;
	height:10px;
	margin:1px;
	background-color: #ffffff;
	border-radius: 50%;
}
.favoris_paginateur.select .rond {
	background-color: #1b6299;
}

.carte_position_nom, #infobulle {
	opacity:0.7;
	height:20px;
	line-height:18px;
	padding:0px 10px 0px 10px;
	position:absolute;
	background-color:#000a44;
	border:1px solid #ffffff;
	border-radius:2px;
	font-family:'RobotoRegular';
	font-size:13px;
	-moz-box-shadow: -2px 2px 2px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: -2px 2px 2px  rgba(0, 0, 0, 0.3);
	box-shadow: -2px 2px 2px  rgba(0, 0, 0, 0.3);
	color:#ffffff;
}
/*** Connexion ****/
#titre_etat_connect {
	display:block;
	background-color:#1a6395;
	font-family:RobotoRegular, Arial,Verdana,Helvetica,sans-serif;
	font-size:12px;
	color:#ffffff;
	text-transform:uppercase;
	text-align:center;
	cursor:hand; cursor:pointer;
	margin-left:72px;
	width:117px;
	height:36px;
	line-height:36px;
}
#titre_etat_connect:hover {
	background-color:#00a8d9;
}