/* Styles for example pages */
* {

	
}

img,object,embed {
    display: block;
    max-width: 100%;
}


/*body {
    margin: 0 auto;
    font-size: 100%;
    line-height: 1.4em;
    color: #000;
	font-family: "SourceSansProLight", "lucida sans", helvetica, arial, sans-serif;
}*/
#retour{
width:40px;
margin:auto;
height:50px;
padding:20px 0 0 0;
z-index:1000;

}
.residence {
	font size:1em;
	text-align:center;
	margin-bottom:12px;

}
.item{
width:100%;
}
.item img{
float:right;
padding:2px;
width:100%;

}
.portrait{
	width:286px;
	margin:auto;
}
.traitsup {
width:100%;
height:12px;
border-top:thin;
border-top-color:#888;
border-top-style:solid;

}
.traitinf {
width:100%;
height:12px;
border-bottom:thin;
border-bottom-color:#888;
border-bottom-style:solid;

}
.bibimg {
width: 46%;
float:right;
}
.publi{
font-size:20px;
text-align:left;
float:left;
padding:12px 7px 12px 7px ;
margin-bottom:12px;
width:50%;
line-height:18px;
}
.publitxt{
width:100%;line-height:24px;
padding:12px 3px;
font-family: 'SourceSansProLightItalic', 'lucida sans', helvetica, arial, sans-serif;
}
.idem{
font-size:0.9em;
padding:2px;
}

.idem img{
width:100%;
display: block;
    position: relative;
    z-index: -1;
}
.idem em{
margin-left:18px;
}

.atem{
width:100%;

}
.txtatem{
width:94%;
padding:12px 7px 36px 7px;
font-family: 'SourceSansProLightItalic', 'lucida sans', helvetica, arial, sans-serif;
}
.atem img{
padding:7px;
width:94%;

}
.txtatem a{
	text-decoration:none;
	color:#F90;
}
.txtatem a:hover{
	color:#693;
	text-height:12px;
}
p {
	width:100%;
    padding-bottom:1.8em;
    font-size: 1em;
    margin: 0;
}

/*h1 {
	font-size: 3.6em;
	font-family: "SourceSansProExtraLight", "lucida sans", helvetica, arial, sans-serif;
	line-height: 0.7em;
	text-align: center;
	margin: 36px 7px 12px 7px;
	color:#000;
}
h1 em {
font-size:32px;
}
*/

.portf {
	color:#aaaaaa;
	line-height: 1.3em;
	font-size: 0.4em;
	letter-spacing: normal;
	text-align:center;
	padding-top:24px;
}

.portf a{
	font-family: "SourceSansProExtraLight", "lucida sans", helvetica, arial, sans-serif;
	display:inline-block;
	text-decoration:none;
	color:#aaa;
	margin: 0 24px;
}
.portf a:hover{
	color:#424145;
	font-family: "SourceSansProRegular", "lucida sans", helvetica, arial, sans-serif;
}
.small {
	color:#aaaaaa;
	line-height: 1.3em;
	font-size: 0.4em;
	letter-spacing: normal;
	text-align:center;

}
.small em {
	padding-top:24px;
}

.small a{
	font-family: "SourceSansProExtraLight", "lucida sans", helvetica, arial, sans-serif;
	display:inline-block;
	text-decoration:none;
	color:#aaa;
	margin: 0 24px;
}
.small a:hover{
	color:#424145;
	font-family: "SourceSansProRegular", "lucida sans", helvetica, arial, sans-serif;
}

.small b{
	display:inline-block;
    text-decoration:none;
	color:#424145;
	margin: 0 24px;	
	font-family: "SourceSansProLight", "lucida sans", helvetica, arial, sans-serif;
}

#timeline {
    overflow: hidden;
}
.conteneurvids{
width:100%;
}
.vidatem{
width:70%;
margin: 24px auto;
}
.txtvidatem{
text-align:center;
width:94%;
padding:12px 7px 36px 7px;
font-family: 'SourceSansProLightItalic', 'lucida sans', helvetica, arial, sans-serif;
}
.vidatem img{
padding:7px;
width:100%;

}
.footer {
    font-size: 1em;
    color: #FFF;
    margin: 0.5em;
}

.footer a {
    color: #FFF;
    text-decoration: underline;
    font-weight: bold;
}
@media screen and (min-width: 300px) and (max-width: 700px) {

#retour{


left: 46%;
top: 15%;
}
.small {
	line-height: 1.5em;


}
.bibimg {
width: 50%;
float:none;
margin:auto;
}
.publi{
text-align:center;
float:none;
width: 80%;
padding:0;
margin:auto;
}
}