@CHARSET "ISO-8859-1";
html {
	overflow: -moz-scrollbars-vertical; 
	overflow-y: scroll;
	-webkit-font-smoothing: antialiased;
}

img, ul, li, table, tr, td, form, input {border:0;margin:0;padding:0;}
ul{list-style:none;}

a {text-decoration:none;color:#fff;}

h1, h2, h3 { font-weight:normal;}

input[type=text],input[type=password], select, textarea{
/*border : 1px solid blue;*/
}

strong, b{
	font-family:RobotoBold, Arial,Verdana,Helvetica,sans-serif;
	font-weight: normal;
}

.ombre_fond{
	-moz-box-shadow: 0px 0px 10px 1px #b4b0ab;
	-webkit-box-shadow: 0px 0px 10px 1px #b4b0ab;
	-o-box-shadow: 0px 0px 10px 1px #b4b0ab;
	box-shadow: 0px 0px 10px 1px #b4b0ab;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#b4b0ab, Direction=NaN, Strength=10);
	width:1000px;
	margin-left: auto;
	margin-right: auto;
	position:relative;
}

.texte_rouge { color:#ff4b4b; }
.texte_rouge a{ color:#ff4b4b; }

/*--------------- polices de caractères embarqués ------------*/

/* typos disponibles :
RobotoRegular, RobotoCondensedRegular, RobotoBold, RobotoCondensedBold, RobotoMedium, RobotoItalic, RobotoCondensedItalic, RobotoLight, RobotoCondensedLight
*/

/*--------------- menu ------------*/
#bloc_menu {
	position:absolute;
	top:0px;
	left:0px;
}
#menu_principal ul {
margin:0px;
padding:0px;
}
#menu_principal li {
	float:left;
	position:relative;
	list-style-type:none;
	width:111px;
	height:33px;
	text-transform: uppercase;
	background-image :  url('/images/separateur_menu.png');
	background-repeat:no-repeat;
	background-position:0px 6px;
}
#menu_principal li:first-child, #menu_principal li.first_brother{
	background-image :  url('/images/vide.png');
}
#menu_principal li:last-child, #menu_principal li:last-child a {
	width:112px;
}
#menu_principal .selected {
	background-color:#00a8d9;
	background-image :  url('/images/vide.png');
}
#menu_principal a {
	float:left;
	width:111px;
	text-align:center;
	line-height:33px;
	display:block;
	text-decoration:none;
	font-family:RobotoCondensedBold,arial,sans-serif;
	color:#ffffff;
	font-size:14px;
	cursor:hand;
	cursor:pointer;
}
#menu_principal a:hover {
	background-color:#00a8d9;
}
#menu_principal.open a:hover {
	background-color:inherit;
}
#menu_principal a.open, #menu_principal a:hover.open {
	background-color:#00a8d9;
}
#menu_principal .selected a {
	color:#ffffff;
}

#menu_principal .selected a:hover {
	color:#ffffff;
}

#contenu_sousmenu {
	position:relative;
	-moz-box-shadow: 0px 3px 3px 1px rgba(0, 0, 0, 0.45);
	-webkit-box-shadow: 0px 3px 3px 1px rgba(0, 0, 0, 0.45);
	-o-box-shadow: 0px 3px 3px 1px rgba(0, 0, 0, 0.45);
	box-shadow: 0px 3px 3px 1px rgba(0, 0, 0, 0.45);
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#cccccc, Direction=180, Strength=3);
	text-align:left;
}
.menu_fleche_down, .menu_fleche_down_services {
	width: 0; 
	height: 0; 
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 5px solid #00a8d9;
	font-size: 0;
	line-height: 0;
}
.menu_fleche_down_services {
	border-top: 5px solid #fdbb29;
}


#menu_puce_notre_offre{
	background-image: url('http://image.lachainemeteo.com/images/meteoconsult2014/decoupes/a_common/02_menus/09_updates/Img-menu-services-fleche.png');
	background-position: 123px 31px;
	background-repeat: no-repeat;
	width:142px;
	height: 69px;
	background-color: #00bbf2;
	border-radius: 10px;
	color: #ffffff;
	position: absolute;
	right: 22px;
	top:42px;
	text-align: center;
	font-family:RobotoRegular,arial,sans-serif;
	font-size:14px;
	line-height:28px;
	-moz-box-shadow: 0px 5px 5px 3px #2a3c6a;
	-webkit-box-shadow: 0px 5px 5px 3px #2a3c6a;
	-o-box-shadow: 0px 5px 5px 3px #2a3c6a;
	box-shadow: 0px 5px 5px 3px #2a3c6a;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#2a3c6a, Direction=180, Strength=5);
}

#menu_puce_notre_offre:hover{
	background-color: #fdbb29;
}

#menu_puce_previs_saison{
	background-image: url('http://image.lachainemeteo.com/images/meteoconsult2014/decoupes/a_common/02_menus/09_updates/Img-menu-services-fleche.png');
	background-position: 150px 31px;
	background-repeat: no-repeat;
	width:165px;
	height: 69px;
	background-color: #49cef5;
	border-radius: 10px;
	color: #ffffff;
	position: absolute;
	right: -14px;
	top:42px;
	text-align: left;
	font-family:RobotoRegular,arial,sans-serif;
	font-size:14px;
	line-height:16px;
	-moz-box-shadow: 0px 5px 5px 3px #2a3c6a;
	-webkit-box-shadow: 0px 5px 5px 3px #2a3c6a;
	-o-box-shadow: 0px 5px 5px 3px #2a3c6a;
	box-shadow: 0px 5px 5px 3px #2a3c6a;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#2a3c6a, Direction=180, Strength=5);
}
#menu_puce_previs_saison .texte{
	margin-top: 20px;
}


/*--------------- Les boutons --------------------------------------------------*/

.bouton_bleu{
	background-color:#00a8d9;
	text-align:center;
	color:white;
}
.small{
	width:200px;
	height:30px;
	line-height:30px;
}

#champs_personne_connectee {
	font-family:RobotoRegular, Arial,Verdana,Helvetica,sans-serif;
	font-size:12px;
	color:#ffffff;
	text-transform:uppercase;
	text-align:center;
	cursor:hand; cursor:pointer;
}

#champs_personne_connectee img {
	margin-left:6px;
	vertical-align:-30%;
}
#champs_personne_connectee span {
	cursor:hand; cursor:pointer;
	
}

/*--------------- Fil d'ariane --------------------------------------------------*/

.fil_ariane{
	padding: 10px 0;
	color:#8C8C8C;
	display: none;
}
.fil_ariane.deux_tiers{
	width:660px;
	float:left;
}

.fil_ariane a{
	color:#8C8C8C;
}

/*--------------- Elements utilisant les couleurs officielles alertes ------------*/
.jaune
{ color:#ffff00; }

.orange
{ color:#ff8040; }

.rouge
{ color:#ff0000; }


/*--------------- Eléments génériques ------------*/

.clear {
	clear:both;
	height:0px;
}

.home.puce {
	float:left;
	margin-top:16px;
	margin-right:8px;
	width:12px;
	height:12px;
	overflow:hidden;
}
.home.puce.bleu {
	background-color:#0a81d4;
}
.home.puce.vert {
	background-color:#73b821;
}
.home.titre {
	float:left;
	font-size:17px;
	color:#545454;
	line-height:43px;
}

/*--------------- conteneurs ------------*/

#conteneur_principal {
	position:relative;
}

.h-align, .h-align1000 {
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	position:relative;
}
.h-align1000 {
	width:1000px;
}

#conteneur_principal.blanc {
	background-color:#ffffff;
}

#conteneur_principal.gris .zone {
	background-color:#f5f5f5;
}
#conteneur_principal.blanc .zone {
	background-color:#ffffff;
}

/*--------------- connexion ------------*/
#blocConnexion{
	margin-left: 25px;
}
#blocConnexion .inputLibelle{
	display:inline-block;
	font-family:RobotoBold,arial,sans-serif;
	font-size:14px;
	color : #404040;
	
}
#blocConnexion input.inputligne{
	width: 243px;
	height: 28px;
	border: 1px solid #dcdcdc;
}


#blocConnexion .blockInfoAuth{
	width: 250px;
	margin-left: auto;
	margin-right: auto;
}
#blocConnexion .authTittle{
	font-family:RobotoRegular,arial,sans-serif;
	text-transform:uppercase;
	font-size:18px;
	color : #ffffff;
	height: 47px;
	line-height: 47px;
	background-color: #1e4679;
	text-align: center;
}
#blocConnexion .authSubTittle{
	text-transform:uppercase;
	font-size:25px;
	color : blue;
}
#blocConnexion a{
	color : blue;
}
#blocConnexion #unmask_password_connexion{
	position: absolute;
	left: 380px;
	top:240px;
}

#blocConnexion #oubliMDPLink{
	float: right;
	margin-right: 110px;
	font-family:RobotoBold,arial,sans-serif;
	font-size:12px;
	color : #208cd6;
}

#blocConnexion .buttonAuthBas1{
	width: 140px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 40px;
}

#blocsousConnexion .phrase{
	font-family:RobotoRegular,arial,sans-serif;
	font-size:18px;
	color : #208cd6;
	text-transform:uppercase;
	margin-top: 10px;
	margin-bottom: 10px;
}
/*#blocConnexion .buttonAuthBas1 label{
	font-family:RobotoBold,arial,sans-serif;
	font-size:12px;
	color : #1e4679;
	cursor: pointer;
	 position: relative;
}*/



/*#blocConnexion .buttonAuthBas1 input{
	width: 27px;
	height: 28px;
	border: 1px solid #cccccc;
	padding-right: 20px;
}*/

#blocInscription{
	margin-left: 25px;
	margin-bottom: 20px;
}
#blocInscription .inputLibelle{
	display:inline-block;
	width:130px;
	text-align: right;
	font-family:RobotoBold,arial,sans-serif;
	font-size:14px;
	color : #3e3e3e;
	padding: 10px;
}

#blocInscription input[type="text"],
#blocInscription input[type="password"]{
	width: 265px;
	font-family:RobotoRegular,arial,sans-serif;
	font-size:13px;
	color: #5C6774;
}

#blocInscription input[type="text"]:focus,
#blocInscription input[type="text"]:after{
	color: #000000;
}

#blocInscription .authTittle{
	font-family:RobotoRegular,arial,sans-serif;
	text-transform:uppercase;
	font-size:18px;
	color : #ffffff;
	height: 47px;
	line-height: 47px;
	background-color: #208cd6;
	text-align: center;
}
#blocInscription .authSubTittle{
	text-transform:uppercase;
	font-size:25px;
	color : blue;
}
#blocInscription a{
	color : blue;
}
#blocInscription #unmask_password_inscription{
	display:inline-block;
}

#blocConnexion{
	float: left;
	width: 460px;
	/*height:474px;*/
	background-color: #ffffff;
}

#blocInscription{
	float: left;
	width: 460px;
	background-color: #ffffff;
}

.blockInfoAuthRight_erreur{
	font-family:RobotoBold,arial,sans-serif;
	font-size:12px;
	background-color: #ff0000;
	color: #ffffff;
	width: 42px;
	height:32px;
	position: absolute;
	right:16px;
	padding-left:7px;
	margin-top:-36px;
	line-height: 32px;
	display: none;
}


/* ------ Popup -------- */
#masque_popup_authentification { /*--Masque opaque noir de fond--*/
	display: none;
	background: #000;
	position: fixed; left: 0; top: 0;
	width: 100%; height: 100%;
	-moz-opacity:.5;opacity:.5;filter:alpha(opacity=50);
	z-index: 100000021;
}
.popup{
	display: none;
	background: #f5f5f5;
	float: left;
	font-size: 1.2em;
	position: fixed;
	top: 50%; left: 50%;
	z-index: 100000022;
	width: 494px;
	/*height: 295px;*/
	text-align: center;
	-moz-box-shadow: -2px 2px 2px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: -2px 2px 2px  rgba(0, 0, 0, 0.2);
	box-shadow: -2px 2px 2px  rgba(0, 0, 0, 0.23);
	
}

.petit_popup{
	display: none;
	background: #f5f5f5;
	float: left;
	font-size: 1.2em;
	position: fixed;
	top: 50%; left: 50%;
	z-index: 100000022;
	width: 750px;
	height: 490px;
	text-align: center;
	-moz-box-shadow: -2px 2px 2px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: -2px 2px 2px  rgba(0, 0, 0, 0.2);
	box-shadow: -2px 2px 2px  rgba(0, 0, 0, 0.23);
	
}
.popup p{
	padding: 20px;
	padding-bottom:0px;
}


.txt_cgu{
	width: 1000px;
}
.petit_popup .txt_cgu{
	text-align: left;
	width: 750px;
	overflow-y: scroll;
	height: 400px;
}

.petit_popup .titre{
	font-family:RobotoCondensedBold,arial,sans-serif;
	font-size:24px;
	line-height: 60px;
	color:#208cd6;
	text-transform: uppercase;
	height: 60px;
	background-color:#1e4679;
	color:#ffffff;
}


*html .popup {
position: absolute;
font-family: 'RobotoRegular';
font-size: 13px;
}

#phrase_notification_cookies .closeAuthPopup,
.petit_popup .closeAuthPopup,
.popup .closeAuthPopup{
	background: url('http://image.lachainemeteo.com/images/meteoconsult2014/decoupes/f_services/13_meteopro/Img-meteopro-croix.png') no-repeat;
	cursor:pointer;
	position:relative;
	width:20px;
	height:20px;
	float: right;
	margin: 20px;
}


.popup .titre{
	font-family:RobotoCondensedBold,arial,sans-serif;
	font-size:24px;
	line-height: 60px;
	color:#208cd6;
	text-transform: uppercase;
	height: 60px;
	background-color:#1e4679;
	color:#ffffff;
}

.popup select{
	width:363px;
	border: 1px solid #cfcfcf;
	font-family:RobotoCondensedRegular,arial,sans-serif;
	font-size:14px;
	color:#3e3e3e;
	padding-left: 5px;
}

.popup .bouton{
	font-family:RobotoRegular,arial,sans-serif;
	font-size:18px;
	color:#ffffff;
	text-transform: uppercase;
	width:193px;
	height:35px;
	text-align:center;
	line-height: 36px;
	cursor: pointer;
	margin-left: 15px;
	float:left;
	margin-bottom: 30px;
}
.popup input.bouton{
	line-height: 34px;
}

.popup .bouton.seul{
	margin-left: 128px;
}

.popup .gris{
	background-color: #8d8d8d;
}

.popup .bleu{
	background-color: #208cd6;
	font-family:RobotoBold,arial,sans-serif;
}

.popup .vert{
	background-color: #73b821;
	font-family:RobotoBold,arial,sans-serif;
}

.popup .rouge{
	background-color: #B63E39;
	font-family:RobotoBold,arial,sans-serif;
}


input.rech{
    font-size: 13px;
    height: 36px;
    line-height: 36px;
    padding-left: 29px;
    width: 343px;
	font-family:RobotoRegular,arial,sans-serif;
	color:#5c6774;
}
input.rech:focus{
	font-family:RobotoBold,arial,sans-serif;
	color:#0B2F5E;
}

/**
 * Debut - Bloc "A proximité"
 *
 */

.ligne_liste_prox:hover{
	background-color:rgb(248,248,248);
	cursor:pointer;cursor:hand;
}

/**
 * Fin - Bloc "A proximité"
 *
 */


/***********Contact plus********************/

#timeline_contact_plus{
	position: fixed;
	bottom: 0px;
	height: 123px;
	z-index:999999999;
}

#timeline_contact_plus .barre_bleue{
	position: fixed;
	left:0px;
	bottom: 0px;
	background-color:#2d3f79;
	height: 40px;
	width: 	100%;
	font-family:RobotoRegular,arial,sans-serif;
	color:#accbf3;
	line-height: 40px
}

#timeline_contact_plus .barre_fleche_gauche{
	float: left;
	background: #2d3f79 url('http://image.lachainemeteo.com/images/meteoconsult2014/decoupes/i_parcours_achat/04_contactPlus/03_timeline/Img-contact+-timeline-fleches-bleu.png') 0px -3px no-repeat;
	width: 425px;
	height: 64px;
	margin-top: 20px;
}

#timeline_contact_plus .barre_fleche_gauche_contenu{
	float: right;
	margin-right: 60px;
	line-height: 64px;
	font-family:RobotoBold,arial,sans-serif;
	color:#ffffff;
	font-size: 24px;
	text-transform: uppercase;
}

#timeline_contact_plus .barre_fleche_droite{
	float: left;
	background: #2d3f79 url('http://image.lachainemeteo.com/images/meteoconsult2014/decoupes/i_parcours_achat/04_contactPlus/03_timeline/Img-contact+-timeline-fleches-bleu.png') 0px -70px no-repeat;
	width: 424px;
	height: 64px;
	margin-top: 20px;
}

#timeline_contact_plus .barre_fleche_droite_contenu{
	float: left;
	margin-left: 60px;
	line-height: 20px;
	font-family:RobotoRegular,arial,sans-serif;
	color:#ffffff;
	font-size: 18px;
	margin-top: 12px;
	text-transform: uppercase;
}

#popup_deconnect_contact_plus{
	position:fixed;
	top:35%;
	left: 40%;
	z-index:999999999;
}

#bandeau_contact_plus{
	background: #2d3f79 url('http://image.lachainemeteo.com/images/meteoconsult2014/decoupes/i_parcours_achat/04_contactPlus/01_bandeau_promotion/Img-contact+-bandeau-fond.jpg') 0px 0px no-repeat;
	width: 1000px;
	height: 220px;
}

#bandeau_contact_plus .bienvenue{
	font-family:RobotoBold,arial,sans-serif;
	font-size: 12px;
	color: #ffffff;
	float: left;
	margin-top: 20px;
}

#bandeau_contact_plus .nom_entite{
	font-family:RobotoCondensedBold,arial,sans-serif;
	font-size: 30px;
	color: #ffffff;
	margin-left:30px;
	margin-top: 10px;
	text-transform:uppercase;
}
#bandeau_contact_plus ul{
	margin-left: 30px;	
}

#bandeau_contact_plus li{
	font-family:RobotoRegular,arial,sans-serif;
	font-size: 16px;
	color: #ffffff;
	line-height: 28px;
}

#bandeau_contact_plus .zoom{
	float: right;
	background-image: url('http://image.lachainemeteo.com/images/meteoconsult2014/decoupes/i_parcours_achat/04_contactPlus/01_bandeau_promotion/Img-contact+-bandeau-graph.png');
	background-position: right;
	width: 665px;
	height: 196px;
}

#bandeau_contact_plus .fleche_verte{
	position: relative;
	/*background-image: url('http://imagesdev.meteoconsult.fr/images/meteoconsult2014/decoupes/i_parcours_achat/04_contactPlus/01_bandeau_promotion/Img-contact+-bandeau-fleche.png');*/
	width: 310px;
	height: 57px;
	/*font-family:RobotoCondensedRegular,arial,sans-serif;
	font-size: 24px;
	color: #ffffff;
	text-transform:uppercase;*/
	float: right;
	margin-top: 140px;
	margin-right: 10px;
	/*line-height: 55px;
	cursor: pointer;*/
}

#popup_contact_plus{
	position:relative;
	width: 1000px;
	height: 220px;
	background-color:#3681dd;
}

#popup_contact_plus .fond_bleu{
	background-image: url('http://image.lachainemeteo.com/images/meteoconsult2014/decoupes/i_parcours_achat/04_contactPlus/02_popup/Img-contact+-popup-fond.png');
	width: 555px;
	height: 211px;
	margin-left: auto;
	margin-right: auto;
}

#popup_contact_plus .bloc_bleu_ciel{
	background-color:#1a9bef;
	font-family:RobotoBold,arial,sans-serif;
	font-size: 24px;
	color:#ffffff;
	width: 135px;
	height: 197px;
	padding-left: 10px;
	padding-top:5px;
	float: left;
	color:#ffffff;
}

#popup_contact_plus .confirmation_achat{
	font-family:RobotoRegular,arial,sans-serif;
	font-size: 10px;
	color:#ffffff;
	float: left;
	padding: 5px;
}

#popup_contact_plus .fleche_verte{
	position:relative;
	background-image: url('http://image.lachainemeteo.com/images/meteoconsult2014/decoupes/i_parcours_achat/04_contactPlus/02_popup/btn-contact+-popup.png');
	width: 224px;
	height: 57px;
	font-family:RobotoCondensedRegular,arial,sans-serif;
	font-size: 24px;
	color: #ffffff;
	text-transform:uppercase;
	position: absolute;
	top:144px;
	right: 250px;
	line-height: 55px;
	cursor: pointer;
}

#popup_contact_plus .annuler{
	font-family:RobotoCondensedRegular,arial,sans-serif;
	font-size: 16px;
	color: #ffffff;
	float: left;
	text-decoration: underline;
	margin-left: 230px;
	margin-top: -50px;
	cursor: pointer;
}

#popup_notif_cookie{
	height: 505px;
	background-color:#1e4679;
	color:#ffffff;
	-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);
	 text-align: left;
}

#popup_notif_cookie .bloc_texte{
	background-color:#ffffff;
	width:434px;
	height:315px;
	font-family:RobotoRegular;
	font-size: 14px;
	color:#3e3e3e;
	margin-top: 20px;
	padding:20px;
	margin-left: 40px;
}


.txt_gris_bold_20_upper{
	text-transform:uppercase;
	font-family:RobotoCondensedBold;
    font-size:20px;
    color:#676767;
}
.txt_gris_bold_30_upper{
	text-transform:uppercase;
	font-family:RobotoCondensedBold;
    font-size:30px;
    color:#676767;
}
.txt_gris_regular_13{
	font-family:RobotoRegular;
	font-size: 13px;
	color:#3e3e3e
}
.txt_gris_regular_14{
	font-family:RobotoRegular;
	font-size: 14px;
	color:#3e3e3e
}
.txt_bleu_bold_18{
	font-family: RobotoCondensedRegular;
	font-size:18px;
	color:#1e4679;
}
.txt_bleu_bold_26{
	font-family: RobotoCondensedBold;
	font-size:26px;
	color:#1e4679;
}
.txt_bleu_bold_40{
	font-family: RobotoCondensedBold;
	font-size:40px;
	color:#1a6395;
}
.txt_bleu_bold_24{
	font-family: RobotoCondensedBold;
	font-size:24px;
	color:#1a6395;
}
.txt_bleu_regular_12{
	font-family: RobotoRegular;
	font-size:12px;
	color:#00a8d9;
}
.txt_bleu_condensedlight_63{
	font-family: RobotoCondensedLight;
	font-size:63px;
	color:#1a6395;
}
.txt_bleu_condensedbold_57{
	font-family: RobotoCondensedBold;
	font-size:57px;
	color:#00A8D9;
}

.txt_bleu_condensedbold_47{
	font-family: RobotoCondensedBold;
	font-size:47px;
	color:#00A8D9;
}
.txt_bleu_bold_16{
	font-family: RobotoBold;
	font-size:16px;
	color:#1a6395;
}
.txt_blanc_bold_15{
	font-family: RobotoBold;
	font-size:15px;
	color:#ffffff;
}
.txt_blanc_regular_15{
	font-family: RobotoRegular;
	font-size:15px;
	color:#ffffff;
}
/*************** DEBUT - CARTE MONDE *********************************/
#bloc_carte_monde{
	background: rgb(9,32,56); /* Old browsers */
	background: #EBF3F5;

}
#carte_monde{
	position:relative;
	top:0px;
}
.info_ville_tempe{
	background-color: rgba(255, 255, 255, 0.1);	
	-moz-opacity: 0.90;
	opacity: 0.90;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=90);
	margin-bottom:11px;
	background-color:#F6F9FA;
	width: 405px;
	height:85px;
	float:left;
}

.info_ville_tempe:hover{
	border: 2px solid #00A8D9;
	-webkit-box-shadow: 0 0 10px -2px #00A8D9;
	box-shadow: 0 0 10px -2px #00A8D9;
	margin-bottom:7px;
}
.info_ville_tempe_class_hover{
	border: 2px solid #00A8D9;
	-webkit-box-shadow: 0 0 10px -2px #00A8D9;
	box-shadow: 0 0 10px -2px #00A8D9;
	margin-bottom:7px;
}
	
.div_fuseau_bande_horaires{
	background: rgb(41,77,127); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(41,77,127,1) 0%, rgba(66,100,132,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(41,77,127,1)), color-stop(100%,rgba(66,100,132,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(41,77,127,1) 0%,rgba(66,100,132,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(41,77,127,1) 0%,rgba(66,100,132,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(41,77,127,1) 0%,rgba(66,100,132,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(41,77,127,1) 0%,rgba(66,100,132,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#294d7f', endColorstr='#426484',GradientType=0 ); /* IE6-9 */
	padding:1px;
	background-color:blue;
	color:white;
	float:left;
	margin-right:2px;
	font-size: 9px
}
/***************** FIN - CARTE MONDE ********************************/



.etape_achat_selection{
	float: left;
	width:37px;
	height:37px;
	margin:1px;
	background-color: #1e4679;
	border-radius: 50%;
	color:#ffffff;
	font-family: RobotoCondensedRegular;
	font-size:26px;
	text-align: center;
}

.etape_achat{
	float: left;
	width:37px;
	height:37px;
	margin:1px;
	background-color: #cccccc;
	border-radius: 50%;
	color:#ffffff;
	font-family: RobotoCondensedRegular;
	font-size:26px;
	text-align: center;
}

.etape_points{
	float: left;
	width:2px;
	height:2px;
	background-color: #cccccc;
	margin-right: 5px;
}


.informations_denomination{
	float: left;
	font-family: RobotoRegular;
	font-size:14px;
	color:#000000;
	width: 250px;
	line-height:35px;
	
}

.informations_denomination_infos{
	float: left;
	font-family: RobotoLight;
	font-size:14px;
	color:#000000;
	width: 270px;
	line-height:35px;
	padding-left: 10px;
}


.informations_optin{
	font-family: RobotoRegular;
	font-size:12px;
	color:#969696;
}


.liste_achat_annees{
	width:137px;
	height: 32px;
	border: 1px solid #dcdcdc;
	border-radius: 2px;
	font-family: RobotoRegular;
	font-size:16px;
	color:#3e3e3e;
}

.liste_achat_picto_aec{
	background-image: url('http://image.lachainemeteo.com/images/meteoconsult2014/decoupes/h_mon_compte/03_mon_compte/Spec-mon-compte-references.png');
	background-position: 10px 0px;
	background-repeat: no-repeat;
	width:40px;
	height: 27px;
	overflow: hidden;
	
}

.liste_achat_picto_phare{
	background-image: url('http://image.lachainemeteo.com/images/meteoconsult2014/decoupes_marine/10-Mon-Compte/00-Synthese/Picto-achat-phare.png');
	background-position: 10px 0px;
	background-repeat: no-repeat;
	width:40px;
	height: 27px;
	overflow: hidden;
	
}

.liste_achat_picto_seafax{
	background-image: url('http://image.lachainemeteo.com/images/meteoconsult2014/decoupes_marine/10-Mon-Compte/00-Synthese/Picto-achat-seafax.png');
	background-position: 10px 0px;
	background-repeat: no-repeat;
	width:40px;
	height: 27px;
	overflow: hidden;
	
}

.liste_achat_picto_consultation{
	background-image: url('http://image.lachainemeteo.com/images/meteoconsult2014/decoupes/h_mon_compte/03_mon_compte/Spec-mon-compte-references.png');
	background-position:10px -135px;
	background-repeat: no-repeat;
	width:40px;
	height: 30px;
	overflow: hidden;
	float: left;
}

.liste_achat_picto_certificatsimple{
	background-image: url('http://image.lachainemeteo.com/images/meteoconsult2014/decoupes/h_mon_compte/03_mon_compte/Spec-mon-compte-references.png');
	background-position:10px -108px;
	background-repeat: no-repeat;
	width:40px;
	height: 27px;
	overflow: hidden;
	float: left;
}

.liste_achat_picto_certificat10j{
	background-image: url('http://image.lachainemeteo.com/images/meteoconsult2014/decoupes/h_mon_compte/03_mon_compte/Spec-mon-compte-references.png');
	background-position:10px -27px;
	background-repeat: no-repeat;
	width:40px;
	height: 27px;
	overflow: hidden;
	float: left;
}

.liste_achat_picto_certificatcomplet{
	background-image: url('http://image.lachainemeteo.com/images/meteoconsult2014/decoupes/h_mon_compte/03_mon_compte/Spec-mon-compte-references.png');
	background-position:10px -81px;
	background-repeat: no-repeat;
	width:40px;
	height: 27px;
	overflow: hidden;
	float: left;
}

.liste_achat_picto_devis{
	background-image: url('http://image.lachainemeteo.com/images/meteoconsult2014/decoupes/h_mon_compte/03_mon_compte/Spec-mon-compte-references.png');
	background-position:10px -54px;
	background-repeat: no-repeat;
	width:40px;
	height: 27px;
	overflow: hidden;
	float: left;
}




/************************ METEOLIVE ***************************/
.chiffre_1_tempe_meteolive{
	font-size:40px;
}
.chiffre_2_tempe_meteolive{
	font-size:30px;
}
.virgule_tempe_meteolive{
	font-size:20px;
}
.degre_tempe_meteolive{
	font-size:40px
}	
/***************************************************/

.div_top_ville:hover{
	background-color:rgb(248,248,248);
}df

/***********Campagne station AEC******************/

.liste_description_offre_aec li{
	list-style-type: disc;
	margin-left: 15px;
	color:#208cd6;
}

.liste_description_offre_aec li:first-line{color:#000000;}


.bloc_contenu_interieur li{
    list-style: disc inside none;
}

/***********Popup passerelle *****************/
#popup_passerelle{
	background-color: #347edb;
	box-shadow: 0px 0px 13px 0.00px rgba(0, 0, 0, 0.59);
	height: 453px;
}

#popup_passerelle .phrase_presentation{
	font-family: RobotoCondensedRegular;
	color: #ffffff;
	font-size: 19px;
	font-weight: 400;
	
}

#popup_passerelle .phrase_mc{
	font-family: RobotoCondensedRegular;
	color: #ffffff;
	font-size: 43px;
	font-weight: 700;
	line-height: 35px;
	
}


#popup_passerelle .phrase_slogan{
	font-family: RobotoCondensedRegular;
	color: #ffffff;
	font-size: 13.88px;
	font-weight: 400;
	line-height: 35px;
	
}

#popup_passerelle .phrase_decouverte{
	font-family: RobotoCondensedBold;
	color: #ffffff;
	font-size: 19px; 
	font-weight: 500;
	text-transform: uppercase;
	line-height: 24px;
	width: 474px;
	height: 18px;
	margin-top: 40px;
	margin-left: 50px;
	margin-bottom: 35px;
}
#popup_passerelle .bloc_description{
	width: 137px;
	height: 170px;
	float:left;
	padding-left: 5px;
	padding-right: 5px;
}

#popup_passerelle .phrase_description{
	font-family: RobotoBold;
	color: #ffffff;
	font-size: 13px;
	font-weight: 400;
	line-height: 18px;
}

#popup_passerelle .separateur_vertical{
	background-color: rgba(255, 255, 255, 0.2);
	width: 1px;
	height: 140px;
	float:left;
}

#popup_passerelle .bouton_offres{
	background-color: #5a9df2;
	width: 212px;
	height: 30px;
	float: left;
	font-family: RobotoCondensedRegular;
	color: #ffffff;
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	line-height: 30px;
}

#popup_passerelle .bouton_visite{
	background-color: #67ca00;
	width: 212px;
	height: 30px;
	float: left;
	font-family: RobotoCondensedRegular;
	color: #ffffff;
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	line-height: 30px;
	cursor: pointer;
}

#popup_passerelle .bouton_fermer{
	font-family: Arial;
	color: #ffffff;
	font-size: 20px;
	font-weight: 400;
	width: 12px;
	height: 8px;
	float: right;
	margin-right: 7px;
	margin-top: 2px;
	cursor: pointer;
}

/**********webcam**********************/

.webcam .titre1{
	font-family:RobotoCondensedBold,arial,sans-serif;
	font-size:24px;
	color:#1a6395;
	margin-left: 20px;
	text-transform: uppercase;
}

#player_animation{
	background:#eff3f7;
	width: 620px;
	height: 430px;
	margin-left: 5px;
	padding: 10px;
}

.webcam_bloc_previs_bas .vignette,
.webcam_bloc_previs .vignette,
#player_animation .imgwebcam{
	-moz-box-shadow: 2px 2px 4px 0px #9b9b9b;
	-webkit-box-shadow: 2px 2px 4px 0px #9b9b9b;
	-o-box-shadow: 2px 2px 4px 0px #9b9b9b;
	box-shadow: 2px 2px 4px 0px #9b9b9b;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#9b9b9b, Direction=134, Strength=4);
}

#player_animation #timelaps_selection{
	width: 62px;
	height: 12px;
	border: 1px solid #296593;
	position: absolute;
	left:-2px;
	top:-2px;
}
.encart_heure_player_animation{
	height:43px;
	width: 131px;
	background: #d1e0ea;
	position: absolute;
	top:5px;
	left: 262px;
	font-family:RobotoCondensedBold,arial,sans-serif;
	font-size:14px;
	color:#1a6395;
	z-index: 500;
}

.webcam .col_droite{
	float: left;
	width:280px;
	margin-left: 40px;
}


.webcam .encart_infos{
	width: 278px;
	height: 51px;
	line-height: 51px;
	font-family:RobotoCondensedBold,arial,sans-serif;
	font-size:14px;
	color:#1a6395;
	margin-bottom: 15px;
	margin: 10px 0 10px 10px;
}

.webcam .prec{
	font-family:RobotoRegular,arial,sans-serif;
	font-size: 12px;
	color: #1a6395;
	margin-left: 10px;
	margin: 10px 0 10px 10px;
}


.webcam .suiv{
	font-family:RobotoRegular,arial,sans-serif;
	font-size: 12px;
	color: #1a6395;
	margin-right: 10px;
	margin: 10px 10px 10px 0px;
}

.webcam .encart_autre_webcam{
	border: 1px solid #e2e2e2;
	width:310px;
	height: 125px;
	float: left;
	margin-left: 5px;
	margin-top: 5px;
}

.webcam .encart_autre_webcam .titre{
	font-family:RobotoRegular,arial,sans-serif;
	font-size: 16px;
	color: #000000;
	margin-left: 20px;
	margin-top: 40px;
}
.webcam .titre_proximite{
	font-family:RobotoCondensedBold,arial,sans-serif;
	font-size: 20px;
	color: #1a6395;
	margin-left: 10px;
}

.webcam .titre_webcam_proximite{
	font-family:RobotoRegular,arial,sans-serif;
	font-size: 16px;
	padding-top: 10px;
}

.webcam_bloc_previs{
	position:absolute;
	top:90px;
	right:5px;
	width:275px;
	height:188px;
	background-color:#eff3f7;
	margin-top: 53px;
}

.webcam_bloc_previs .vignette{
	height:127px;
	width:253px;
	border:2px solid rgba(255,255,255,0.2);
	margin-top:10px;
	margin-left:8px;
}

.webcam_bloc_previs .titre{
	font-family:RobotoCondensedBold,arial,sans-serif;
	font-size: 14px;
	color: #1e4679;
	text-transform: uppercase;
	float: left;
}

.webcam_bloc_previs .all{
	font-family:RobotoBold,arial,sans-serif;
	font-size: 12px;
	color: #3b8aee;
	float: left;
	text-decoration: underline;
	margin-left: 10px;
	margin-top: 1px;
}

.webcam_bloc_previs .sous_titre{
	font-family:RobotoRegular,arial,sans-serif;
	font-size: 11px;
	color: #1e4679;
}
.webcam_bloc_previs_bas .heure,
.webcam_bloc_previs .heure{
	width: 40px;
	height: 15px;
	background: rgba(1,146,201,0.6);
	font-family:RobotoBold,arial,sans-serif;
	font-size: 12px;
	color: #ffffff;
	position: absolute;
	top: 15px;
	left:15px;
	padding-left: 8px;
}

.webcam_bloc_previs_bas{
	float: left;
	width:310px;
	margin-right: 20px;
}

.webcam_bloc_previs_bas .vignette{
	width:309px;
	height:158px;
	border:2px solid rgba(255,255,255,0.2);
	margin-top:10px;
	margin-left:8px;
}


.webcam_bloc_previs_bas .titre{
	font-family:RobotoCondensedBold,arial,sans-serif;
	font-size: 16px;
	color: #1d4476;
	margin-left: 10px;
	margin-top: 10px;
	text-transform: uppercase;
}

.webcam_bloc_previs_bas .texte{
	font-family:RobotoRegular,arial,sans-serif;
	font-size: 14px;
	color: #1d4476;
	margin-left: 10px;
}

.webcam_suivant{
	background-image: url('http://image.lachainemeteo.com/images/meteoconsult2014/decoupes/d_previsions/21_montagne_hiver/sprite-arrow-precsuiv.png');
	background-position: -10px 0px;
	background-repeat: no-repeat;
	width: 10px;
	height: 30px;
	float: left;
	margin-left: 5px;
}

.webcam_precedent{
	background-image: url('http://image.lachainemeteo.com/images/meteoconsult2014/decoupes/d_previsions/21_montagne_hiver/sprite-arrow-precsuiv.png');
	background-position: 0px 0px;
	background-repeat: no-repeat;
	width: 10px;
	height: 30px;
	float: left;
	margin-right: 5px;
}
.webcam_non_dispo{
	-moz-box-shadow: 2px 2px 4px 0px #9b9b9b;
	-webkit-box-shadow: 2px 2px 4px 0px #9b9b9b;
	-o-box-shadow: 2px 2px 4px 0px #9b9b9b;
	box-shadow: 2px 2px 4px 0px #9b9b9b;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#9b9b9b, Direction=134, Strength=4);
	color: #c0c0c0;
	font-size: 20px;
	width: 255px;
	height: 130px;
	margin-top: 7px;
	margin-bottom: 10px;
}
.graph_isotherme_tooltip{
	background-color: rgb(255, 255, 255);
	box-shadow: 0px 0px 7.6px 0.40px rgba(0, 0, 0, 0.06);
	width: 550px;
	height: 51px;
	border: none;
	margin-left: auto;
	margin-right: auto;
}

.graph_isotherme_tooltip .date{
	float: left;
	font-family: RobotoCondensedRegular;
	color: #3e3e3e;
	font-size: 14px;
	width: 130px;
	text-transform: uppercase;
	padding-top: 17px;
	margin-left: 10px;
}

.graph_isotherme_tooltip .altitude{
	float: left;
	font-family: RobotoRegular;
	color: #3e3e3e;
	font-size: 12px;
	margin-left: 6px;
	padding-top: 10px;
	width: 55px;
	text-align: left;
	line-height: 16px;
}

.graph_isotherme_tooltip .separ{
	background-color: rgba(0, 0, 0, 0.08);
	width: 1px;
	height: 51px;
	float: left;
}

.graph_isotherme_tooltip .legenddisc1{
	border-radius:50%;
	background: #3c6190;
	color: #ffffff;
	height: 30px;
	width: 30px;
	line-height: 30px;
	text-align: center;
	font-family:'RobotoCondensedBold';
	margin-top: 10px;
	float: left;
	margin-left: 8px;
}

.graph_isotherme_tooltip .legenddisc1_value{
	font-family: RobotoCondensedBold;
	color: #3c6190;
	font-size: 14px;
}

.graph_isotherme_tooltip .legenddisc2{
	border-radius:50%;
	background: #5694ee;
	color: #ffffff;
	height: 30px;
	width: 30px;
	line-height: 30px;
	text-align: center;
	font-family:'RobotoCondensedBold';
	margin-top: 10px;
	float: left;
	margin-left: 8px;
}

.graph_isotherme_tooltip .legenddisc2_value{
	font-family: RobotoCondensedBold;
	color: #1298f4;
	font-size: 14px;
}

.graph_isotherme_tooltip .legenddisc3_value{
	font-family: RobotoCondensedBold;
	color: #14f2ff;
	font-size: 14px;
}
.graph_isotherme_tooltip .fleche{
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 4px 0 4px 6px;
	border-color: transparent transparent transparent #129af4;
	float: left;
	margin-left: 10px;
	margin-top: 22px;
}

#iso_reglette{
	background-color: rgba(255, 255, 255, 0.49);
	box-shadow: 0px 0px 7.6px 0.40px rgba(0, 0, 0, 0.14);
	width: 26px;
	height: 189px;
}

#iso_reglette .fleche_haut{
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 6px 4.5px 0 4.5px;
	border-color: #129af4 transparent transparent transparent;
	margin-left: auto;
	margin-right: auto;
}

#iso_reglette .fleche_bas{
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 4.5px 6px 4.5px;
	border-color: transparent transparent #129af4 transparent;
	margin-left: auto;
	margin-right: auto;
	position: absolute;
	top:183px;
	left: 9px;
}
#iso_reglette_echeance{
	font-family: RobotoBold;
	color: #3e3e3e;
	font-size: 12px;
	width: 23px;
	height: 30px;
	background: #ffffff;
	position: absolute;
	top:152px;
	left: 3px;
	text-align: center;
}



.webcam_bloc_previs .heure, .webcam_bloc_previs_bas .heure{
	width: 40px;
	height: 15px;
	background: rgba(1,146,201,0.6);
	font-family:RobotoBold,arial,sans-serif;
	font-size: 12px;
	color: #ffffff;
	position: absolute;
	top: 15px;
	left:15px;
	padding-left: 8px;
}



/*******Partage previ***********/

#mbarrepartage{
	z-index:10000001;
	position:absolute;
	left: -54px;
	width: 54px;
	height: 282px;
	background: #ffffff;
}

.degrade_mbarrepartage{
	border-right: 1px solid #f4f4f4;
}


.degrade_mbarrepartage_hover{
	-moz-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.3);
	-webkit-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.3);
	-o-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.3);
	box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.3);
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#f4f4f4, Direction=135, Strength=3);
}



#mbarrepartage img{
	float: left;
}
#mbarrepartage .separ{
	width: 100%;
	height: 1px;
	background-color: #f4f4f4;
}

#mbarrepartage .phrase{
	display: none;
	float: left;
	font-family:RobotoRegular;
	font-size:12px;
	color:#000000;
	margin-top: 20px;
	margin-left: 15px;
}
#mbarrepartage .languette{
	width: :100%;
	height: 56px;
}
#mbarrepartage #partage_favoris:hover{
	background-color: #fdbb29;
}
#mbarrepartage #partage_meteomail:hover{
	background-color: #0093a2;
}
#mbarrepartage #partage_imprimer:hover{
	background-color: #fda129;
}
#mbarrepartage #partage_previs:hover{
	background-color: #0080ae;
}
#mbarrepartage #partage_briefing:hover{
	background-color: #90bb32;
}

#ensemble_liens_partage_previs{
	margin-left: 15px;
	margin-top: 40px;
}

.encart_partage_previs{
	float: left;
	width: 200px;
	font-family:RobotoRegular,arial,sans-serif;
	font-size: 12px;
	color: #000000;
}

.encart_partage_previs img{
	float:left;
	margin-right: 10px;
}

#conteneur_megabann { text-align:center; }

#jc_popup {
	z-index: 11;
	height: 114px;
	background-repeat: repeat-y;
	bottom: -150px;
	margin: auto;
	width: 100%;
	position: fixed;
	border-top: 2px solid #fff;
	-moz-box-shadow: 0px -2px 4px 0px #656565;
	-webkit-box-shadow: 0px -2px 4px 0px #656565;
	-o-box-shadow: 0px -2px 4px 0px #656565;
	box-shadow: 0px -2px 4px 0px #656565;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=90, Strength=4);
}

#jc_popup_close{
	position: absolute;
	right: 10px;
	bottom: 70px;
	margin: 10px 0px;
	cursor: pointer;
	background: #224877;
	
}

#jc_popup_ban{
	width: 1000px;
	height: 114px;
	margin-left: auto;
	margin-right: auto;
	cursor: pointer;
}