* {
    margin:0;
    padding:0;
}

body{
  margin:0;
  padding:0;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 0.8em; 
  background: #42a7db url('../images/bg.jpg') repeat-x -200px top;
  text-align: center;
  color:#10567d;
}

#globale{
  width:1130px;
  margin:40px auto;
  text-align: left;

}

#logo{
  width:243px;
  height:81px;
  background: url('../images/logo.png') no-repeat;
  float:left;
}

#logo a {
  width:100%;
  height:100%;
  display:block;
}

#pub_haut{
  margin-left:283px;
}

/** LEFTCOL **/

#leftcol{
  width:236px;
  float:left;
margin-right:25px;
}




#menu{
  width:236px;
  margin-top:18px;
}



#menu #menu_h{
  width:236px;
  height:29px;
  background: url('../images/menu_h.gif') no-repeat;
}

#menu #menu_c{
  width:229px;
  margin-left:3px;
  background: #0f78b3 ;
  border: 2px solid #fff;
  border-top:0;
  border-bottom:0;
}

* html #menu #menu_c{
  width:233px;
  margin-left:3px;
  background: #0f78b3 ;
  border: 2px solid #fff;
  border-top:0;
  border-bottom:0;
}



menu #menu_c{
  width:245px;
  margin-left:-5px;
  background: #0f78b3 ;
  border: 2px solid #fff;
}

#menu #menu_c ul{
  list-style-type: none;
}

#menu #menu_c ul li{
  margin-left:0px;
}

* html #menu #menu_c ul li{
  margin-left:0px;
  margin-bottom:-15px;
}

#menu #menu_c ul li a{
  color:#FFF;
  text-decoration: none;
  font-weight: bold;
  background: url('../images/rightb.gif') no-repeat left;
  padding:3px;
  padding-left:10px;
  display: block;
}

#menu #menu_c ul li a:hover,
#menu #menu_c ul li a.select{
  color:#FFF;
  font-weight: bold;
  text-decoration: none;
  background:#F9F9F9 ;
  color:#10567d;
}

#menu #menu_b{
  width:236px;
  height:57px;
  background: url('../images/menu_b.png') no-repeat;
}

#meteo{
  width:236px;
  height:210px;
  background:url('../images/bloc_meteo.png') no-repeat;
  padding-top:25px;
  padding-left:20px;
}

#meteo #titreVille{
  color:#149417;
  font-size:1em;
  margin-top:5px;
  margin-bottom:5px;
  
}

#meteo label{
  display:block;
  width:100px;
  float:left;
  margin-left:10px;
  color:#045685;
  font-size:1em;
}

#meteo #meteo_c{
 line-height: 14px
}

/** FIN LEFTCOL **/

/** CENTERCOL **/

#centercol{
  width:475px;
  float:left;
  padding-left:50px;
  padding-right:55px;
  margin-top:20px;
  
}

#centercol550{
  width:550px;
  float:left;
  margin-left:15px;
  margin-right:18px;
  margin-top:20px;
  
}

#centercol_avion{
  width:800px;
  float:left;
  margin-left:15px;
  margin-right:18px;
  margin-top:20px;
}


 h1{
	color:#F9F9F9;
	font-size:1.2em;
	background:url('../images/titre.png') no-repeat;
	width:508px;
	height:43px;
	padding-top:17px;
	padding-left:43px;
	letter-spacing:.1px;
	
}

.lien_h1{
	float:right;
	margin-top:-16px;
	margin-right:15px;
}

.lien_h1 a{
	color:#fff;
	font-weight:bold;
	font-size:.8em;
}

* html h1 {
	color:#F9F9F9;
	font-size:1.2em;
	background:url('../images/titre.png') no-repeat;
	width:508px;
	height:60px;
	padding-top:17px;
	padding-left:43px;
	letter-spacing:.1px;
}


.content_h{
	width:550px;
	height:12px;
	background: url('../images/content_h.png') no-repeat;
	margin-top:0px;
}


.content_c{
	width:534px;
	background: url('../images/content_c.png') repeat-y;
	padding:8px;
	text-align:justify;
	padding-top:0;
	padding-bottom:0;
}

.content_c h1,
.content_c h2,
.content_c h3,
.content_c h4{
	padding:0;
}

.content_c h1{
    color:#0f77b2;
    font-size:1.2em;
    background:none;
    letter-spacing:.1px;	
    margin:0;
}


.content_b{
	width:550px;
	height:11px;
	background: url('../images/content_b.png') no-repeat;
}



#bloc_ephemeride{
  width:475px;
  height:150px;
  background: url('../images/bloc_ephemeride.png') no-repeat;
  color:#FFF;
}

#bloc_ephemeride p{
  padding-top:31px;
  padding-left:10px;
  line-height: 15px;
  color:#FFF;
}
#bloc_recherche{
  width:477px;
}

#bloc_recherche_h{
  width:477px;
  height: 84px;
  background: url('../images/bloc_recherche_h.png') no-repeat;
}

#bloc_recherche_m{
  width:477px;
  background: url('../images/bloc_recherche_m.png') repeat-y;
}

#bloc_recherche_m ul{
  list-style-type:none;
  margin-left:23px;
}

#bloc_recherche_m a{
  color: #fff;
  text-decoration:none;
  background: url('../images/rightb.gif') no-repeat left;
  padding:3px;
  padding-left:10px;
  display: block;
}

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

#bloc_recherche_b{
  width:477px;
  height: 53px;
  background: url('../images/bloc_recherche_b.png') no-repeat;
  
}

#bloc_recherche p{
  padding-top:32px;
  padding-left:20px;
  line-height: 15px;
  color:#FFF;
}

#bloc_recherche #inputSearch{
  width:199px;
  height:20px;
  background: url('../images/inputSearch.gif') no-repeat;
  border:0;
  margin-left:20px;
  margin-top:8px;
  float:left;
  font-weight:bold;
  padding-top:2Px;
  padding-left:5px;
  color:#0f78b3;
  font-size:0.9em;
}

#bloc_recherche #btnSearch{
  width: 27px;
  height: 25px;
  background: url('../images/loupe.png') no-repeat;
  margin-left:8px;
  margin-top:3px;
  float:left;
  border:0;
}


#bloc_recherche #btnSearch:hover{
  width: 27px;
  height: 25px;
  background: url('../images/loupe.png') no-repeat 0 -26px;
  margin-left:8px;
  margin-top:3px;
  float:left;
  border:0;
  cursor: pointer;
}

#photo_previ{
  width:481px;
  height:302px;
  margin-top:10px;
}


#photo_previ a img{
  border:0;
  text-decoration: none;
}


/*** Tableau des prévisions ***/
.tabPrevision{
	border:1px solid #fff;
	width:100%;
	margin-bottom:5px;
	background: #fff;
	border-collapse: collapse;

}

.tabPrevision td{
	border:1px dotted #0f78b3;
	

}
/*****************************/


.cssform p.firstp{
	width: 375px;
	clear: left;
	margin: 0;
	padding: 8px 0 8px 0;
	padding-left: 155px; /*width of left column containing the label elements*/
	border-top:0;
}


.cssform p{
	width: 375px;
	clear: left;
	margin: 0;
	padding: 5px 0 8px 0;
	padding-left: 155px; /*width of left column containing the label elements*/
	border-top: 1px dashed #a3d7ef;
}

.cssform label{
	font-weight: normal;
	float: left;
	margin-left: -155px; /*width of left column*/
	width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input.inputcontact{ 
	width: 180px;
	border:1px solid #CCC;
}

.cssform input.inputcontact:hover,
.cssform input.inputcontact.select{ 
	width: 180px;
	border:1px solid #17971a;
}

.cssform .areacontact{
	width: 250px;
	height: 150px;
	border:1px solid #CCC;
}

.cssform .areacontact:hover,
.cssform .areacontact.select{ 
	border:1px solid #17971a;
}

.cssform input.inputerror,
.cssform textarea.inputerror{
	border:1px solid #e40d0d;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
	margin-left: 3px;
}



.titreBulle{
	margin-top:20px;
	margin-left:45px;
}

.bulle{
	width:495px;
	height:158px;
	background:url('../images/bulle.gif') no-repeat;
	padding:10px;
	padding-top:20px;
	margin-top:-8px;
	margin-bottom:5px;
	margin-left:8px;
}

.bulle p{
	margin-bottom:20px;
}

.table_prevision {
	width: 100%;
	padding: 0;
	margin: 0;
}

/** .table_prevision caption {
	padding: 0 0 5px 0;
	width: 400px;	 
	font: italic 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
}**/

.table_prevision th {
	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: center;
	padding: 6px 6px 6px 12px;
	background: #C1DAD7 url('../images/bg_header.jpg') no-repeat;
}

.table_prevision th.nobg {
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #C1DAD7;
	background: url('../images/panneau_date.png') no-repeat top center;
	color:#4f6b72;
	text-align: center;
	padding-left:0;
	text-transform: none;
}

.table_prevision td {
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	background: #fff;
	padding: 6px 6px 6px 12px;
	color: #4f6b72;
	text-align:center;
	font-size:11px;
}


.table_prevision td.alt {
	background: #F5FAFA;
	color: #797268;
}

.table_prevision th.spec {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	/*background: #fff url('../images/bullet1.gif') no-repeat;*/
	background : #fff;
	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	width:200px;
	
	color: #797268;
}

.table_prevision th.specalt {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	/*background: #f5fafa url('../images/bullet2.gif') no-repeat;*/
	background: #f5fafa;
	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #797268;
	width:200px;
}

#legendlink{
	background: url('../images/list.png') no-repeat left;
	padding-left:20px;
}

#webmasterlink{
	background: url('../images/webexport.png') no-repeat left;
	padding-left:20px;
}

#avislink{
	background: url('../images/comment.png') no-repeat left;
	padding-left:20px;
}


/** FIN CENTERCOL **/

/** RIGHTCOL **/

#rightcol{
  margin-top:20px;
  float:left;
margin-left:10px
}

/** FIN RIGHTCOL **/

/** FOOTER **/

#footer{
  text-align: center;
  color:#FFF;
  margin: 30px ;
}


#footer a{
  text-align: center;
  color:#FFF;
  text-decoration: none;
}


#footer a:hover{
  text-decoration: underline;
}

/** FIN FOOTER **/


/***** UTILS *****/

.clearer{
  clear: both;
}






a.lienblanc{
	font-weight:bold;
	color:#fff;
}

a,
a.lienvert{
	color:#17971a;
}

a:hover{
	text-decoration:none;
}

.center{
	text-align:center;
}

h3{
	margin-top:10px;
	padding:0;
}

.blanc{
	color:#FFF;
}

.decalgauche{
	margin-left:25px;
}

.decaldroit{
	margin-right:15px;
}

.souligne{
	text-decoration:underline;
}

.borderbleu{
	border:2px solid #0f78b3;
}

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

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

.error{
	color:#e40d0d ;
	background : url('../images/dele.png') no-repeat left;
	padding-left:20px;
}

.inputerror{
	border:1px solid #e40d0d;
}