/*Grid View*/


* {
    box-sizing: border-box;
	font-family:Arial, Helvetica, sans-serif;
}



div.dcontainer{position:fixed;top:0px;bottom:0px;left:0px;right:0px;background:none;height:100%;overflow:auto; background-color:#001a33;}
div.dheader{display:table;width:100%;height:60px;color:white;background-color:black;}
div.dheadleft{position:absolute;display:table-cell;width:150px;height:60px;padding:0px;margin:0px;}
div.dheadright{display:table-cell;padding-left:2px;padding-top:0px;padding-bottom:0px;text-align:right;vertical-align:middle;font-weight:bold;padding-right:5px;}
div.dheadmenu{position:relative;display:table;background:none;width:100%;}
div.dhmbutton{float:left;background-color:#00284d;background: linear-gradient(to bottom, black, #00284d 80%);height:35px;width:14.27%;min-width:155px;border-width:0px;border-color:#001a33;border-style:solid;padding:none;text-align:center;padding-top:4.5px;padding-bottom:3px;color:white;text-decoration:none;}
div.dhmbutton:hover{background:none;background-color:#00284d;}
div.dhmbutton:hover div.dsubmenu{display:block;}
div.dsubmenu{position:relative;top:4px;display:none;background-color:#004f99;cursor:pointer;width:100%;border:none;border-radius:5px;padding:2px;margin:0px;}
a.asubmenuitem{display:block;text-decoration:none;color:white;height:35px;padding-top:9px;}
a.asubmenuitem:hover{background-color:#004280;}

div.dcontent{width:100%;padding-left:10%;padding-right:10%;padding-top:5px;padding-bottom:20px;color:white;margin:auto;}

div.dfooter{position:fixed;left:0px;bottom:0px;width:100%;height:20px;background-color:#001a33;background: linear-gradient(to bottom, black 70%, #00284d);text-align:center;color:white;font-size:9px;}

/* Formatting the document */

h1{text-align:center;font-size:20px;margin-bottom:25px;}
h1,h2,h3{padding-top:5px;}
div.dcontent{font-size:13px;}
p.pcentered{text-align:center;}
a.aobject{text-decoration:none;color:white;}
a.atextlink:link{color:#e1e1d0;}
a.atextlink:visited{color:#b3d9ff;}

div.dcontentbox{display:inline-block;width:49.6%;min-width:250px;border:none;margin:0px;padding:4px;vertical-align:top;}

div.dobjectMontagne{display:inline-block;width:49.6%;min-width:250px;background-color:#2d526c;border-radius:5px;border-style:solid;border-width:1px;border-color:#333333;}
div.dobjectProchaines{display:inline-block;width:49.6%;min-width:250px;background-color:#42705e;border-radius:5px;border-style:solid;border-width:1px;border-color:#333333;}
div.dobjectPhoto{display:inline-block;width:49.6%;min-width:250px;background-color:#649550;border-radius:5px;border-style:solid;border-width:1px;border-color:#333333;}
div.dobjectPhotoKaleido{display:inline-block;width:49.6%;min-width:250px;background:none;border:none;}
div.dobjectBlog{display:inline-block;width:49.6%;min-width:250px;background-color:#5e6e61;border-radius:5px;border-style:solid;border-width:1px;border-color:#333333;}
div.dobjecthead{background:none;padding:3px; width:100%;text-align:left;font-style:italic;}
div.dobjectcontent{background:none;padding:5px;width:100%;text-align:center;font-weight:bold;}
div.dobjectfoot{background:none;padding:3px;width:100%;text-align:right;}

div.dparagraph{display:table;width:100%;}

/*Filter objects*/
div.dfilterobject {display:inline-block;width:33%;min-width:250px;border:none;}
div.dfilterobjectsubmit {display:inline-block;width:100%;border:none;padding-top:15px;padding-bottom:20px;}
.filterinputs{display:inline-block;margin-right:20px; width:250px;height:25px;}
.filterinputssubmit{display:inline-block; width:150px;height:25px;}

/*Lists*/
table.List{width:100%;}
th.List{background-color:#000d1a;height:25px;}
td.ListMain{background-color:#003566;height:25px;}
td.ListAlternate{height:25px;}

/*images (excl. photoviewer */
img.imgdocleft{display:table-cell;float:left;max-width:600px;border-radius:8px;margin-right:10px;}
img.imgdocright{display:table-cell;float:right;max-width:600px;border-radius:8px;margin-left:10px;}
img.imgdoccenter{display:block;max-width:600px;border-radius:8px;margin:auto;	}
img.imgkaleido{display:block;max-width:600px;width:100%;margin:auto;}

/* Object blocks (courses, p.ex) */
div.dobjectblockmultcol{display:inline-block;float:left;width:33.3%;min-width:250px;padding:0px;margin-bottom:3px;margin:left:0px;margin-right:0px;border:none;}
div.dobjectblocksincol{display:inline-block;float:left;width:100%;padding:0px;margin-bottom:3px;margin:left:0px;margin-right:0px;border:none;}
div.dobjectblocksincollast{display:inline-block;float:left;width:100%;padding-top:0px;padding-left:0px;padding-right:0px;padding-bottom:20px;margin-bottom:0px;margin:left:0px;margin-right:0px;border:none;}
p.pobjblockhead{margin-top:3px;margin-bottom:3px;padding-right:10px;font-weight:bold;font-size:1.150em;}
p.pobjblockbody{margin-top:3px;margin-bottom:3px;margin-left:0px;margin-right:0px;padding-left:6px;padding-right:5px;}

/*Form input controls */
.iForm{width:100%;}
.iButton{width:130px;}

/*Media resize at the end !! */
@media only screen and (max-width: 768px) {
    /* For mobile phones: */
    div.dhmbutton{
        width: 100%;
    }
	div.dcontent{padding-left:2px;padding-right:2px;}
	div.dcontentbox, div.dobjectMontagne,div.dobjectProchaines,div.dobjectPhoto,div.dobjectPhotoKaleido,div.dobjectBlog, div.dobjectblockmultcol{width:100%;}
}

@media only screen and (max-width: 650px) {
img.imgdoccenter,img.imgdocleft,img.imgdocright{width:100%}
}