/* Styles BLOCK */
@media screen and (max-width:1200px) {
body {background : #F0E68C  ; font :  italic bold 12pt serif 
}
nav { position : absolute ; top : 120px ; left : 10px ; width : 100px
}
section { margin-left : 150px;	
}
.preview:hover ~ .fullsize {	display: block; position : absolute ; top:170px;	left:550px;
}
}

@media screen and (min-width:1200px) {
body {background : #F0E68C  ; font :  italic bold 14pt serif 
}
nav { position : absolute ; top : 120px ; left : 10% ; width : 10%
}
section { margin-left : 25%;	
}
}
.droite {float : right}

header {position : absolute ; top : 0px ; left : 15%
}

nav p { border-bottom : medium dotted ; padding-left : 20px; font-size : 1.2em
}
section { border-left : thin solid navy ; border-right  : thin dotted red ; margin-top : 150px ;  height : 90% ; padding-left : 20px ; padding-right : 20px ; margin-right : 40%; 
/* width:430px */
}
#big {margin-right : 20%;
}
section p { margin-left : 10px ; color : #544532
}
a {text-decoration : none ; color : #B2A668
}
a:hover {color : #544532
}
footer {text-align: center}

hr { width : 700px ; margin-left : 0px}


/* Styles INLINE 
.fullsize {	position : absolute ; 	display : none
}
.preview:hover ~ .fullsize {	display: block; position : relative ; left:170px;	right : 150px;
}
*/
.global {display : inline-block ; width : 120px ; text-align : center ; vertical-align : top 
}
.global img { border : medium groove yellow
}

.global p { font : normal 10pt serif ; text-align : left; padding : 3px
}
.photos  {border : medium groove yellow
}