/* 1.BODY and PAGE
---------------------------------------------------------------------- */

body { text-rendering:optimizeLegibility; font-family:"Times New Roman", Times, Cambria, serif; font-size:13px; line-height:22px; color:#333; background:#FFFAFA url(./paper-tile.jpg); }

/* 2.DEFAULT STYLING
---------------------------------------------------------------------- */
ul li a span.strap { display:block; text-align:center; font-style:italic; }
ul li a span.label { display:block; text-align:center; padding:2px 0 105px 0; font-size:12px; font-weight:normal; font-style:normal; text-transform:uppercase; letter-spacing:1px; color:#000; }
.minmax { display:block; text-align:left; padding:2px 0 0px 0; font-size:10px; font-weight:bold; font-style:normal; text-transform:uppercase; letter-spacing:1px; color:#000; }
.minmaxContent { font-size:10px; font-weight:normal; font-style:normal; text-transform:none; letter-spacing:1px; color:#000; }
ul li span.label span { display:inline; font-size:15px; }
ul li a:link, ul li a:visited, ol li a:link, ol li a:visited { color:#999;text-decoration:none; }
ul li a:hover, ol li a:hover { color:#004a99; text-decoration:none; }
a.dest { color:#004a99; }
ul li a.dest:link, ul li a.dest:visited, ul li a.arch:link, ul li a.arch:visited { color:#004a99; text-decoration:none; }
ul li a.dest:hover, ul li a.arch:hover { color:#999; text-decoration:none; }
.fl { float:left; margin:7px 4px 0 0; padding:0; font-size:65px;  line-height:62%; color:#004a99; }

ul li a:hover  span { color:#004a99; text-decoration:underline; }
ul li a:hover  span.fl { text-decoration:none; }

.weathericon 
{
    font-size:9em;
    position:absolute;
    margin-top:-75px;
    margin-left:25px;
    text-align:center
}

/* 3.HEADINGS
---------------------------------------------------------------------- */

#branding a { display:block; width:174px; height:46px; margin:-22px auto 0 auto; text-indent:-9999px; background:url(./logo.png) no-repeat 0 0; }
/*#branding a:hover { background-position:0 -90px; }*/

/* 4.LINKS
---------------------------------------------------------------------- */

a { outline:0; }
a:link, a:visited { color:#004a99; }
a:hover, a:focus { color:#999; }

/* 5.LAYOUT
---------------------------------------------------------------------- */

div#page { width:946px; margin:20px auto; padding:30px 17px 10px 17px; background:url(./graph-tile.png) center top; }
div#branding { margin:0 0 0px 0; padding:10px 0 18px 0; background:url(./underline.png) repeat-x bottom center; }

/*div de contenu*/
div#content_wrapper { overflow:auto; clear:both; margin:0 3px 15px 0; padding:15px 0 15px 0; border:1px solid #DDD; -webkit-box-shadow: 1px 1px 7px rgba(153, 153, 153, 0.2); -moz-box-shadow: 1px 1px 7px rgba(153, 153, 153, 0.2); box-shadow: 1px 1px 7px rgba(153, 153, 153, 0.2); border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; /*background:url(../images/site/content.png);*/ }
div#content_wrapper p { font-size:12px; color:#333; }


/* 6.NAVIGATION
---------------------------------------------------------------------- */

ul#navigation_pri { clear:both; float:left; list-style-type:none; margin:12px 0 10px 0; padding:0px 0 0px 0;}
ul#navigation_sec { clear:both; float:left; list-style-type:none; margin:0px 0 30px 0; padding:0px 0 58px 0; background:url(./underline.png) repeat-x center bottom; }

ul li#blogAero, ul li#blogRadio, ul li#photo, ul li#technique, ul li#contact, ul li#meteo, ul li#cv, ul li.meteoContent, ul li.meteoContentRight, ul li#links { line-height:18px; float:left; width:207px; padding:10px; border:1px solid #DDD; color:#333; -webkit-box-shadow: 1px 1px 7px rgba(153, 153, 153, 0.2); -moz-box-shadow: 1px 1px 7px rgba(153, 153, 153, 0.2); box-shadow: 1px 1px 7px rgba(153, 153, 153, 0.2); border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; /*background:url(../images/site/card.png);*/ }

ul li.bourrage { line-height:18px; float:left; width:207px; padding:10px; border:0px solid #DDD; color:#333;  }

ul li#blogAero, ul li#blogRadio, ul li#technique, ul li#contact, ul li#meteo, ul li.meteoContent, ul li#links { margin:0 10px 0 0; }
ul li#cv, ul li#photo, ul li#meteoContentRight { margin:0; }

ul li#blogAero a span.label { background:url(./avion.svg) no-repeat center bottom; background-size: auto 85% ; }
ul li#blogRadio a span.label { background:url(./radio.svg) no-repeat center bottom; background-size: auto 85% ; }
ul li#photo a span.label { background:url(./photo.svg) no-repeat center bottom; background-size: auto 85% ; }
ul li#technique a span.label { background:url(./technique.svg) no-repeat center bottom; background-size: auto 85% ; }
ul li#contact a span.label { background:url(./contact.svg) no-repeat center bottom; background-size: auto 85% ; }
ul li#meteo a span.label { background:url(./meteo.svg) no-repeat center bottom; background-size: auto 85% ; }
ul li#cv a span.label { background:url(./ecole.svg) no-repeat center bottom; background-size: auto 85% ; }
ul li#links a span.label { background:url(./link.svg) no-repeat center bottom; background-size: auto 85% ; }

ul li.meteoContent a span.label, ul li.meteoContentRight a span.label { }

/* 7.SITEINFO/FOOTER
---------------------------------------------------------------------- */

div#siteinfo { position:relative; clear:both; text-align:center; padding:5px 0 0px 0; color:#999; }
div#siteinfo p { margin:0; padding:0; }
div#siteinfo p span { font-family:Courier,monospace; color:#a6a0fd; }
div#siteinfo a:link, a:visited { text-decoration:underline; color:#b4b5c0; }
div#siteinfo a:hover { color:#004a99; text-decoration:none; }

/* 9.MEDIA QUERIES
---------------------------------------------------------------------- */

@media (min-device-width:1024px) and (max-width:989px),
       screen and (max-device-width:480px),
			 (max-device-width:480px) and (orientation:landscape),
       (min-device-width:481px) and (max-device-width:1024px) and (orientation:portrait) {
  div#page { width:468px; }
  .home ul#navigation_pri { padding-bottom:30px; }
  ul#navigation_pri li, ul#navigation_sec li { margin-bottom:10px; }
  ul#navigation_pri li:nth-child(even), ul#navigation_sec li:nth-child(even) { margin-right:0; }
  
	div#siteinfo p { font-size:14px; }
}

@media (min-device-width:1024px) and (max-width:509px),

       (max-device-width:480px) and (orientation:portrait) {
  div#page { padding:30px 0px 10px 0px; width:306px; }
ul li#blogAero, ul li#blogRadio, ul li#photo, ul li#links, ul li#meteoContent { margin:0 0 10px 0; }
  .home ul#navigation_pri { padding-bottom:30px; }
h1 { margin:0; }
  #branding a { width:306px; background-position:center top; }
  #branding a:hover { background-position:center -90px; }
  ul#navigation_pri li, ul#navigation_sec li{ width:285px; }
	.blogAero ul#navigation_pri li a span.label, .blogRadio ul#navigation_pri li a span.label, .photo ul#navigation_pri li a span.label, .cv ul#navigation_pri li a span.label, .technique ul#navigation_pri li a span.label, .contact ul#navigation_pri li a span.label, .meteo ul#navigation_pri li a span.label , .meteoContent ul#navigation_pri li a span.label, .links ul#navigation_pri li a span.label { padding:2px 0 0px 0; background:none; }
  .home ul#navigation_pri li a span.label, .external ul#navigation_pri li a span.label { padding:2px 0 105px 0; background-repeat:no-repeat; }
	
	pre { width:360px; }
	
	div#siteinfo p { font-size:12px; }
}