@charset "utf-8";
/* CSS Document */

section.inside img{
	/*margin-top:5px;*/
	}
section.inside div.picto_video{
z-index:100;
margin-top:-60%;
margin-left:5%;
	}
section.inside blockquote{
	margin:20px 0 0 0;
	padding:0;
	line-height:1em;
	text-align:justify;
	color:#00c0c5;
	font-size:1.5em;
	text-transform:none;
	font-family: "TitleFont",Helvetica,Arial,sans-serif;
	}
section.inside blockquote span.legende{
	color:#000;
	text-align:right;
	display:block;
	font-size:0.7em;
	}
@media screen and (min-width: 480px) and (max-width: 767px) {
	section.inside img{
	margin-left:0;
	margin-top:0;
	}
	section.inside div.picto_video{
	z-index:100;
	margin-top:-60%;
	margin-left:2%;
	}
	section.inside ul#video li img{
	float:left;
	width:30%;
	margin:10px 10px 3px 0;
	}
}
@media screen and (min-width: 1px) and (max-width: 479px){
	section.inside img{
	margin-left:0;
	margin-top:0;
	}
	section.inside div.picto_video{
	z-index:100;
	margin-top:-60%;
	margin-left:2%;
	}
	section.inside ul#video li img{
	float:left;
	width:30%;
	margin:10px 10px 3px 0;
	}
}
section.inside ul#video{
	margin:0 0 45px 0;
	}
section.inside ul#video li{
	border-top:1px solid #000;
	/*border-bottom:1px solid #00c0c5;*/
	float:left;
	}
section.inside ul#video li p a.extrait{
	float:left;
	}
section.inside ul#video li h4{
	margin:10px 0 0 0;
	}
section.inside ul#video li img{
	float:left;
	/*width:30%;*/
	margin:10px 10px 5px 0;
	}
	section.inside ul#video li div.visuel{
	float:left;
	width:30%;
	margin:0 10px 0 0;
	}
	section.inside ul#video li div.visuel p.legende{
	font-size:0.8em;
	}
}

	sup {
    font-size: 0.80em;
    vertical-align: super;
    line-height: 0;

    }

    p {
    	text-align: justify;
    }

    .dossier .inside h3.citation {
    	color: #666;
    }

    .dossier .inside a.normal {
    	float: none;
    }

    hr.citation {
    	background-color: #666;
    }