/* ============== contenu =====*/



/* ============== localisateur =====*/
#breadcrumb { margin: 20px 0; color:#93898a; font-size: 14px; }
#breadcrumb div { display:inline; clear:none; }
#breadcrumb a { color:#93898a; }


#content{background-color:#fff;margin:2rem 0;padding:2rem}#content .header time{font-weight:bold}#content .content{margin-top:20px}.social-sharing{margin-bottom:1rem;list-style-type:none;padding-left:0;text-align:right}.social-sharing>li{display:inline-block}.social-sharing>li:not(:first-child){margin-left:.5rem}.social-sharing a{display:inline-block;background:rgba(0,0,0,0) url("/graph/site/2016/sprite-social.png") no-repeat 0 0;vertical-align:middle}.social-sharing .print{width:20px;height:18px;background-position:0 -17px}.social-sharing .mail{width:18px;height:16px;background-position:-18px 0px}.social-sharing .tw{width:18px;height:16px;background-position:0px -35px}.social-sharing .fb{width:11px;height:18px;background-position:-19px -16px}





/* ============== annexe_infos =====*/
#infos { background:#f4f4f4; color:#888888; padding:10px; margin:20px 0px; text-align:right; clear:both; }
#infos .auteur{ color:#2173FF; cursor:pointer; }
#infos .auteur:hover{ text-decoration:underline; }


/* ============== annexe_liens_internes =====*/
.titre_liens_internes {
	color:#888888;
	font-weight:bold;
	display:block;
	clear:both;
	overflow:auto;
}

#lien_interne {
	border:1px solid #CCCCCC;
	overflow:auto;
	margin:3px 0 10px 0;
	clear:both;
}

#lien_interne ul {
	list-style-type:none;
	margin:0px;
	padding:0px;
}

#lien_interne ul li {
	padding:5px 20px;
}



/* ============== annexe_liens_externes =====*/
.titre_liens_externes {
	font-weight:bold;
	color:#888888;
}

#lien_externe {
	border:1px solid #CCCCCC;
	overflow:auto;
	margin:3px 0 10px 0;
	clear:both;
}

#lien_externe ul {
	list-style-type:none;
	margin:0px;
	padding:0px;
}

#lien_externe ul li {
	padding:5px 20px;
}



/* ============== annexe_images =====*/
#image{
	overflow:hidden;
	margin:10px 0;
	clear:both;
}

#image .rzoom {
	display:block;
	float:left;
	padding:1px;
	width:16.6%;
}
#image .rzoom img {
	display:block;
	width:100%;
}


/* ============== annexe_diaporama =====*/
#diaporama {
	clear:both;
	margin:20px 0;
	padding:10px;
	overflow:hidden;
	clear:both;
}

#diaporama p {
	font-weight: bold;
}



/* ============== annexe_commentaires =====*/
#commentaire { margin:30px 0; }
#commentaire form { margin:20px auto; background:#efefef; padding:20px; }
#commentaire form p { overflow:auto; }
#commentaire form p + p { margin-top:20px; }
#commentaire form label { float:left; width:15%; font-weight:bold; }
#commentaire form input[type="text"], #commentaire form input[type="email"] { padding:3px; float:right; width:85%; border:1px solid #aaa; }
#commentaire form textarea { padding:3px; float:right; width:85%; border:1px solid #aaa; }
#commentaire form input[type="button"] { background:#aaa; border:0; color:#FFFFFF; cursor:pointer; margin-left:15%; padding:5px 15px; display:block; float:left; }
#commentaire form input[type="button"]:hover { box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.3) inset; }

#commentaire .box { margin:30px 0; padding:10px; border:1px solid #aaa; }
#commentaire .box .header { margin-bottom:5px; display:block; font-size:12px; color:#A9A9A9; }
#commentaire .box .delete { color:#2173FF; cursor:pointer; }
#commentaire .box .delete:hover { text-decoration:underline; }



/* ============== annexe_telecharger =====*/
#bloc_telecharger {
	border:1px solid #cccccc;
	overflow:auto;
	margin:10px 0;
	clear:both;
}

.annexe_telecharger_titre {font-weight: bold;}

.table_telecharger{
	overflow:auto;
	clear:both;
	padding:10px;
	margin:0px;
}

.colonne_image{
	float:left;
	margin: 0px 5px;
}

.colonne_type{
	float:left;
	width:30%;
	margin: 0px 5px;
}

.colonne_titre{
	float:left;
	margin: 0px 5px;
}


/*
#bloc_telecharger a{color:#888888;text-decoration:underline}

#bloc_telecharger a:hover{color:red;text-decoration:none}
*/


/* ============== annexe_pdf =====*/
#pdf{
	overflow:hidden;
	clear:both;
}

.tab_pdf {
margin:3px 0 10px 0;
width:98%;
padding:10px;
}

.image {float:left;margin-right:5px;}

a.lien{color:#888888;text-decoration:underline}
a.lien:visited{color:#888888;text-decoration:underline}
a.lien:hover{color:red;text-decoration:none}

.annexe_txt {color:#555555}




/* ============== annexe_ppt =====*/
#ppt{
	overflow:hidden;
	clear:both;
}
.tab_ppt {
margin:3px 0 10px 0;
width:98%;
padding:10px;
}

a.lien{color:#888888;text-decoration:underline}
a.lien:visited{color:#888888;text-decoration:underline}
a.lien:hover{color:red;text-decoration:none}

.annexe_txt {color:#555555}


/* ============== annexe_video =====*/
#video{
	overflow:auto;
	clear:both;
}

#bloc_video {
	border:1px solid #cccccc;
	overflow:hidden;
	padding: 0;
	margin:10px 0;
}

.video{
	margin-bottom:20px;
	color:#888888;
	margin:10px;
}

video {
	max-width: 100%;
	height: auto;
}



/* ============== annexe_son =====*/
#sound{
	overflow:hidden;
	clear:both;
}

.annexe_texte_son {
	margin-bottom:3px;
	color:#888888;
}

#bloc_son {
	border:1px solid #cccccc;
	overflow:auto;
	padding: 10px;
	margin:10px 0;
}