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

/*#contenu-info
{
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #DDD2B3), color-stop(0.50, #BFAA6E));
}*/

#contenu-bloc-intro
{
	padding-bottom:1em;
	text-align:justify;
}

#contenu li
{
	margin:1em auto;
}


.contenu-bloc-photo
{
	border:1px solid #FFE393;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	float:left;
	/*height: 90px;*/
	margin: 0.8%;
	/*-moz-box-shadow: 0 0 5px #FFE393 inset;
	-o-box-shadow: 0 0 5px #FFE393 inset;
 	-webkit-box-shadow: 0 0 5px #FFE393 inset;
 	box-shadow: 0 0 5px #FFE393 inset;*/
}

div.vignette

{
	float:left;
	margin-bottom:1em;
}

.lien-legende
{
	float:left;
	margin-top:1em;
	width: 55% /*44.77611940298507%*/ /* 215/480 */;
}
/*.lien-legende a:link
{
	font-size:large;
}
*/
.lien-document a:link
{
	/*font-size:large;*/
	margin-right:1em;
}

.lien-document
{
	float:left;
	width:83.333333333% /* 400/480 */;
}


img.vignette
{
	border: 1px solid #403925;
	margin:0.5em;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	max-width: 150px;
}

img.vignette:hover
{
	border:1px solid #E5CC85;
}

img
{
	max-width:100%;
}

@media screen and (min-width: 300px) {
	.lien-document
	{
		margin-top:1em;
	}
}

@media screen and (max-width: 600px) {
   .contenu-bloc-photo
{
	width:98%;
}	
	.contenu-sujet-bloc
	{width:97.11363636363637%;}
}
@media screen and (min-width: 601px) {
	.contenu-sujet-bloc
{
	padding:1.477272727272727% /*1em*/;
	width: 95.63636363636364%;
}
	.contenu-texte
{
	column-count: 2;
	-moz-column-count:2;
	-o-column-count:2;
	-webkit-column-count:2;
	column-fill:balance;
	column-gap: 30px;
	-moz-column-gap:30px;
	-o-column-gap: 30px;
	-webkit-column-gap:30px;
	column-rule: 1px solid grey;
	-moz-column-rule: 1px solid grey;
	-o-column-rule: 1px solid grey;
	-webkit-column-rule: 1px solid grey;
}
   .contenu-bloc-photo
{
	width:98%;
}
}

@media screen and (min-width: 730px) {
	 .contenu-bloc-photo
{
	width:48%;
}

}

@media screen and (min-width: 860px) {

.div.vignette
{	
	float:left;
	margin-left: 25%;
	margin-right: 25%;
}


img.vignette
{
	float:left;
}

}