/* Font Definitions */
body {
	background: URL("http://temps-reel.meteorage.fr/images/meteorage_fond.jpg");
	background-repeat : no-repeat;
	background-color : #29508F;
	margin :0px;
	font-weight: normal;
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}

h1 {
	position:absolute;
	font-size:18px;
	margin:0px; 
	padding:0px;
	top:87px; 
	left:107px;
	letter-spacing:1.5px;
	font-weight:normal;
	/*color:#fff;
	font-family:Verdana, Arial, Helvetica, sans-serif;*/
}

h1 a{
	color:#fff;
}
h1 a:hover{
	color:#fff;
    text-decoration: underline;
}

a {
        text-decoration: none;
        color: #F8B437;
        font-weight: bold;
}
a:hover {
        text-decoration: underline;
        color: #F8B437;
        font-weight: bold;
}

/*styles temps-passe*/
#alerte {
	/*font-family:Arial, Helvetica, sans-serif;
	font-size:12px;*/
	color:red;
	font-weight:bold;
	position:absolute;
	top:5px;
	left:100px;
	background-color:#d7e7ff;
	z-index:10;
	padding:5px;
}
.warn {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFFFFF;
	font-weight:bold;
}
.impr {
	display:none;
}

#tab_services {
	border-collapse: collapse;
	width:663px;
}

#tab_services td {
	border:1px solid #647FAD;
	/*color:#fff;
	font-size:12px;*/
	text-align:center;
	padding:5px;
}

#tab_services td.titre {
	text-align:center; 
	font-weight:bold; 
	/*font-family:Verdana, Arial, Helvetica, sans-serif;*/
	background-color:#40629A;
	/*color:#fff;
	font-size:12px;*/
}

#tab_services td.titre span { font-weight:normal; font-size:11px;} 
	
#tab-services {
	border-collapse:collapse;
	/*font-family:Verdana, Arial, Helvetica, sans-serif;*/
	text-align:center;
	/*color:#fff;
	font-size:12px;*/
}
#tab-services td { border:1px solid #647FAD; padding:6px 10px;}
	
#tab-services td.titre {
	background-color:#40629A;
	color:#FF9D33;
	font-weight:bold;
}
	
#tab-services td span {font-size:11px;}
	
#tab-services td a {font-weight:bold; text-decoration:none;}

#tab-logos {
	border-collapse:collapse;
	/*font-family:Verdana, Arial, Helvetica, sans-serif;*/
	text-align:center;
	/*color:#fff;*/
	font-size:11px;
}
#tab-logos td {
	border:1px solid #647FAD;
	width:150px;
	padding:4px 6px;
	vertical-align:middle;
}

.cancelbody {
	background: URL("../images/meteorage_fond.jpg");
	background-repeat : no-repeat;
	background-color : #29508F;
	margin :0px;
	font-weight: normal;
	/*font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;*/
}

.txt_orange{
	font-size:14px;
	color:orange;
	font-weight:bold;
}	
.txt_petit{
	font-size:13px;
	font-weight:normal;
	font-style:italic;
	color:#999;
}
.tab_choix_dpt_ville{
	color:white;
	text-align:center;
}
.cell_orange{
	font-weight:bold;
	background-color:orange;
}
.border_cell{
	border:1px solid #999999;
	background-color:#2a59a3;
}
.cell_green{
	font-weight:bold;
	background-color:#4dce74;
}
.border_green{
	border:1px solid orange;
}
.okresu{
	text-align: justify;
}

.footer{
	text-align:center;
	position:absolute;
	left:10px;
	top:450px;
	width: 80px;
	font-size:9px;
}

.footer>a{
	/*font-size:9px;
	font-family:Arial;;*/
	color:white;
	text-decoration:none;
}
.footer>a:visited{
	/*font-size:9px;
	font-family:Arial;*/
	color:white;
	text-decoration:none;
}


/*styles temps-reel*/
table#box-haut {
	border-collapse:collapse;
	width:660px;
	margin:15px 0px 0px 0px;
}
	
table#box-haut td {
	border:1px solid #647FAD;
	/*color:#fff;
	font-size:12px;*/
	padding:5px 10px;
}
table#box-haut td.titre {
	text-align:center;
	font-weight:bold;
	/*font-family:Verdana, Arial, Helvetica, sans-serif;*/
	background-color:#40629A;
	color:#FF9D33;
}
	
.carte{margin-left:5px; border:1px solid #40629A;}
.nav{text-align:center; background-color:#40629A;}
.nav a{
	text-decoration:none; 
	color:#29508F; 
	font-weight:bold; 
	background-image:url(../images/fleche_gauche_nav.gif); 
	background-repeat:no-repeat; 
	background-position:center left;
	padding-left:14px;
}
.nav a:hover{ text-decoration:underline;}

#box-bas{
	width:646px;
	/*margin:0px 0px 0px 118px; */
	border:1px solid #fff;
	display:block; 
	padding:0px;
	/*font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#fff;*/
	font-size:11px;
	line-height:1.5;
	padding:4px 6px;
	text-align:center;
}

a.box-avis{
	padding:4px 6px;
}

/* page navigation */
#box-entete{ 
	font-weight:bold;
	padding:4px 0px;
	width:654px;
	/*font-size:12px;*/
	text-transform:uppercase;
}
#tab_services {
	border-collapse: collapse;
	width:663px;
}
#tab_services td {
	border:1px solid #647FAD;
	/*color:#fff;
	font-size:12px;*/
	text-align:center;
	padding:5px;
}

#tab_services td.titre{
	text-align:center; 
	font-weight:bold; 
	/*font-family:Verdana, Arial, Helvetica, sans-serif; */
	background-color:#40629A;
	/*color:#fff;
	font-size:12px;*/
}

#tab_services td.titre span { font-weight:normal; font-size:11px;} 
	
#tab-services {
	border-collapse:collapse;
	/*font-family:Verdana, Arial, Helvetica, sans-serif;*/
	text-align:center;color:#fff;
	/*font-size:12px;*/
}
#tab-services td { border:1px solid #647FAD; padding:6px 10px;}
	
#tab-services td.titre {background-color:#40629A;color:#FF9D33; font-weight:bold;}

#tab-services td span {font-size:11px;}
	
#tab-services td a{font-weight:bold; text-decoration:none;}

#tab-logos {
	border-collapse:collapse;
	/*font-family:Verdana, Arial, Helvetica, sans-serif;*/
	text-align:center;
	/*color:#fff;*/
	font-size:11px;
}
#tab-logos td { border:1px solid #647FAD; width:150px;padding:4px 6px;vertical-align:middle;}
	
.sms{float:left;margin: 0px 20px 0px 120px;font-weight:normal;font-size:12px; }
	
.logo{float:left;margin: 0px 20px 0px 0px;font-weight:normal;font-size:12px;}
	
hr{clear:both; visibility:hidden;}
	
.logo_plus, .logo_kiosque{width:144px;}
	
#menu{		
	position:absolute;
	top:80px; 
	left:740px; 
        margin: 0px;
        font-size: 11px;
}

a.lien_accueil{
	/*font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration:none;
	font-weight:bold;*/
	position:absolute;
	top:0px;
	left:0px;	
	color:#FFF;
}
	
a.lien_contact{
	/*font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration:none;
	font-weight:bold;*/
	position:absolute;
	/*white-space:nowrap;*/
	top:25px;
	left:20px;
	color:#FFF;
}
	
a.lien_meteorage{ 		
	/*font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration:none;
	font-weight:bold;*/
	position:absolute;
	top:50px;
	left:70px; 
	color:#FFF;
}
	
a.lien_accueil:hover{ text-decoration:none;color:#F8B437;}
a.lien_contact:hover{ text-decoration:none;color:#F8B437;}
a.lien_meteorage:hover{ text-decoration:none;color:#F8B437;}
	
.sousTitre{
	font-size:14px;
	font-weight:bold;
}
	
.center{
	text-align:center;
}
	
a.blanc:link{color:white;}	
a.blanc:visited{color:white;}	
a.blanc:hover{color:white;}
a.blanc:active{color:white;}
	
.pointer{
	cursor:pointer;
}
	
.floatleft{
	float:left;
}
	
.borderblack{
	border:1px solid black;
}
	
.para{text-align:left;}
	
.para ul li{margin:4px 0px;}
	
.acces_service{ display:block; color:#FDBB41; font-weight:bold; text-transform:uppercase; }
	
#info {
	clear:both;
	width:400px;
}
	
#flashcontent {
	background: #28508F;
	width: 778px;
	height: 440px;
	float: center;
}

/* Rajout E64*/
/*classes internet plus*/
.prdtUnavailableInternetPlus {
	background: URL("http://temps-reel.meteorage.fr/images/meteorage_fond-reduit.jpg");
	background-repeat : no-repeat;
	background-color : #29508F;
}
div.centreInternetPlus {
	margin-top:150px;
	width:540px;
	text-align:center;
}

/* E64 - animation*/
.paySMS {
	font-size:18px;
	font-weight:bold;
}
/* pour le div retour vers la liste des services*/
.listeServ {
	margin:10px 0px 10px 0px;
}
/* Style pour l'insertion du flash avec SWFObject */ 
#flashcontent {
	background : #28508F;
	width: 778px;
	height: 440px;
	float: center;
	margin: 15px 20px;
	}
#flashtest {
	margin:20px 0px 20px 0px;
	width: 646px;
	float: center;
	}
.warning {
	font-size:14px;
	font-weight:bold;
	/*color:#FFFFFF;*/
	}
/*fin Rajout E64*/

#zoneclic {
	float: left;
	width : 370px;
	height: 125px;
	margin-left: 5px;
	margin-top: 10px;
	border: 0px;
}

div.centre {
	position: absolute;
	left : 160px;
	top: 220px;
	width: 650px;
}


.top_resu {
	text-align:center;
}
/************************************/
/*         Formulaire Accueil choix ville/commune    */
/************************************/
#choixDptCommune {
	margin:40px 20px 20px;
}

#loading {
	margin:40px 20px 20px;
	display:none;
}

.choix {
	color:white;
	background-color:orange;
	text-align:center;
	font-weight:bold;
	padding:5px 20px;
	margin:20px 20px 10px;
}
.choixActif {
	color:white;
	background-color:green;
	text-align:center;
	font-weight:bold;
	padding:5px 20px;
	margin:20px 20px 10px;
}
.choixGrise {
	color:white;
	background-color:#aaaaaa;
	text-align:center;
	font-weight:bold;
	padding:5px 20px;
	margin:20px 20px 10px;
}

 :hover#choixDpt,  :hover#choixCommune{
	color:white;
	text-align:center;
	font-weight:bold;
	background-color:green;
	padding:5px 20px;
	margin:20px 20px 10px;
}
#blocDepartement, #blocCommune {
	display:none;
	width:400px;
	border:1px solid #ffffff;
	margin:40px 10px 10px;
	padding:10px 5px 5px;
}
 #blocDepartement form, #blocCommune form{	
	width:300px;
	margin:10px;
	padding:0px ;
}

#blocChoix {
	display:block;
	width:400px;
	border:1px solid #ffffff;
	margin:40px 10px 10px;
	padding:10px 5px 5px;
}