/* feuille de style CSS Rando*/

/* rappel des positions pour margin et padding: */
/* haut, droite, bas, gauche */

/* style generaux */
* {box-sizing: border-box;}
img {border: 0; vertical-align: middle;}
a img {border: 0;}
html {font-size: 100%; overflow-y: scroll;}
body,h1,h2,h3,h4,h5,h6,div {margin: 0; padding: 0;}

/* body */
body {color: #000000; background-color: #DDDDCC; font-size: 1em; line-height: 1.5;font-family: sans-serif;}
a {color: #226600; text-decoration: none;}
a:hover, a:focus {color: #226600; text-decoration: underline;}

/* page (en-tete, actualites, menu, pied-de-page) */
#page {margin: 0 auto; width: 1400px; background-color: #EEEEDD; box-shadow: 0 0 11px #888888; overflow: visible;}

/* en-tete */
#banner {background: url(img/rando_1400.jpg) no-repeat top left scroll; height: 230px;}
h1 {text-indent: -9999px;}
#page > a {outline: none;}

/* container principal (actualites et menu) */
#container {display: flex; justify-content: space-between; align-items: stretch; font-size: .9em;}

/* contenu des actualites */
#content {padding: 40px; width: 73%;}
#content p {margin: 10px 0;}
#content ul {margin: 0 0 30px 0;}
#content object {margin: 30px 0 40px 0;}
#content img {margin-bottom: 5px;}
.center {text-align: center;}
.big {font-size: 2.2em;}
.date_rando, .maj {padding-bottom: 40px; color: #888888; font-size: .8em; text-align: right;}
h3 {font-size: 1.1em;margin-top: 1.1em;}
ul.pdf {list-style-image: url('img/Adobe_PDF_file_icon_24x24.png');}
object {width: 100%; height: 600px;}
table,tr,th,td {border: 1px solid #CCCCCC; border-collapse: collapse; border-spacing: 0; padding: 1px 8px;} /* vertical-align: top;}*/
th {background-color: #DDDDDD;}
th,td {text-align: left;}

/* menu */
#nav {padding: 40px; width: 27%; background-color: #223c47; color: #FFFFFF;}
h2 + h2 {padding-top: 30px;}
#nav a {color: #FFFFFF; text-decoration: none; display: block; padding: 4px;}
#nav a:hover, #nav a:focus {color: #FFFFFF; text-decoration: none; background-color: #506070;}
#nav ul {margin: 5px 0 35px 0; padding: 0 0 0 20px; list-style: none;}
#nav li {padding: 0; border-bottom: 1px solid #506070;}
.pointer {cursor: pointer;}
.pointer:hover, .pointer:focus {background-color: #506070;}
.arch {display: none;}

/* pied-de-page */
#footer {padding: 10px 30px; clear: both; color: #999999; background-color: #222222; text-align: right; font-size: .75em;}

/*-----------
Smartphones
---------- */
@media only screen and (max-width: 641px) {
	/* page (en-tete, actualites, menu, pied-de-page) */
	#page {margin: 0; width: 100%; box-shadow: none;}
	
	/* en-tete */
	#banner {background: url(img/rando_0640.jpg) no-repeat top left scroll; height: 200px;}
	
	/* container principal (actualites et menu) */
	#container {display: block; justify-content: initial; font-size: 1em;}
	
	/* contenu des actualites */
	#content {padding: 10px; width: 100%;}
	
	/* menu */
	#nav {padding: 10px; width: 100%; background-color: #223c47; color: #FFFFFF;}
	
	/* pied-de-page */
	#footer {padding: 10px; clear: both; color: #999999; background-color: #222222; text-align: right; font-size: .9em;}
}

@media only screen and (max-width: 361px) {
	/* en-tete */
	#banner {background: url(img/rando_0360.jpg) no-repeat top left scroll; height: 360px;}
}

/*-----------------------------------------
Slimbox v2.05
http://www.digitalia.be/software/slimbox2/
-----------------------------------------*/
#lbOverlay {position:fixed;z-index:9999;left:0;top:0;width:100%;height:100%;background-color:#000000;cursor:pointer;}
#lbCenter, #lbBottomContainer {position:absolute;z-index:9999;overflow:hidden;background-color:#FFFFFF;}
.lbLoading {background:#FFFFFF url(img/loading.gif) no-repeat center;}
#lbImage {position:absolute;left:0;top:0;border:10px solid #FFFFFF;background-repeat:no-repeat;}
#lbPrevLink, #lbNextLink {display:block;position:absolute;top:0;width:50%;outline:none;}
#lbPrevLink {left:0;}
#lbPrevLink:hover {background:transparent url(img/prev.gif) no-repeat 0 15%;}
#lbNextLink {right:0;}
#lbNextLink:hover {background:transparent url(img/next.gif) no-repeat 100% 15%;}
#lbBottom {font-family:Verdana, Arial, Geneva, Helvetica, sans-serif;font-size:10px;color:#666666;line-height:1.4em;text-align:left;border:10px solid #FFFFFF;border-top-style:none;}
#lbCloseLink {display:block;float:right;width:66px;height:22px;background:transparent url(img/close.gif) no-repeat center;margin:5px 0;outline:none;}
#lbCaption, #lbNumber {margin-right:71px;}
#lbCaption {font-weight:bold;}