@import "_cms_tiny.css";

.media, .diapo{
	clear:both;
}

.media{
	background-image:url(../../images/centre-media.png);
	background-repeat:repeat-y;
	width: 626px;
	padding-left: 25px;
	overflow: hidden;
}

.mediaContact{
	background-image:url(../../images/fd-contact.png);
	background-repeat:no-repeat;
	width: 660px;
	height: 436px;
	padding-left: 25px;
	overflow: hidden;
}

.mediaZK{
	background-image:url(../../images/fd-zk.png);
	background-repeat:no-repeat;
	width: 660px;
	height: 760px;
	padding-left: 25px;
	overflow: hidden;
}

.mediaActu{
	background-image:url(../../images/centre-media.png);
	background-repeat:repeat-y;
	width: 626px;
	padding-left: 25px;
	overflow: hidden;
}

.mediaActu p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: regular;
	color: #dbdbdb;
	text-align: justify;
	float: none;
	margin-top: 10px;
}

.mediaHead{
	background-image: url(../../images/head-medias.png);
	background-repeat:no-repeat;
	height: 11px;
	width: 651px;
}

.mediaFoot{
	background-image: url(../../images/foot-medias.png);
	background-repeat:no-repeat;
	height: 24px;
	width: 651px;
}

/*** Les titres ***
*******************/
h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: bold;
	color: #FFFFFF;
	margin-bottom: 55Px;
}



.media h2, h3{
	margin-bottom: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: bold;
	color: #FFFFFF;
}

.mediaActu h2, h3{
	margin-bottom: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: bold;
	color: #FFFFFF;
}

/*** Les paragraphes et les listes ***
**************************************/
.media p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: regular;
	color: #dbdbdb;
	text-align: justify;
	padding-right: 25px;
}

.media form{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: regular;
	color: #dbdbdb;
}

.media ul{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #707070;
	list-style-type: none;
}

.media li{
	background-image: url(../../images/cms-li.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	padding-left:13px;
	margin-top:5px;
}


.media strong{
	font-weight: bold;
	color:#FFFFFF;
}

/*** Les images ***
*******************/
.media img{
	border: 0px solid #947eac;
	margin-top: 5px;
	margin-bottom: 10px;
	float: left;
}

.media img.Gauche{
	margin-right:10px;
}

.media img.Droite{
	margin-left:10px;
	float:right;
}


/*** Les liens : normal, bloc et par default ***
************************************************/
.media a{
	font-family: Arial, Helvetica, sans-serif;
	color: #707070;
}

.media p.lienNormal a, .media p span.lienNormal a{
	font-family: Arial, Helvetica, sans-serif;
	color: #707070;
	text-decoration:underline;
}

.media p.lienBloc a, .media p span.lienBloc a{
	background-image: url(../../images/fd_lien.jpg);
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	color: white;
	text-decoration: none;
	font-size: 14px;
	padding-top: 4px;
	padding-bottom: 6px;
	padding-right: 5px;
	padding-left: 5px;
}

.media a:hover{
	text-decoration:none;
}

.media p.lienNormal a:hover, .media p span.lienNormal a:hover{
	text-decoration:underline;
}

.media p.lienBloc a:hover, .media p span.lienBloc a:hover{
	text-decoration: none;
}

a:active, a:focus{
     outline:none;
}


/*** Les fichiers ***
*********************/
.media .mediaFile{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #707070;
	padding-top:8px;
	padding-bottom:15px;
	background-image: url(../../images/cms-fd-file.png);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	padding-left: 35px;	
	display:block;
}