/*--------------------
   Mise en forme article
 ---------------------*/

 #content #main-content div.article h1 {
	 	margin: 40px 10px 5px 0px; padding: 0;
 		font-family: Helvetica, sans-serif; font-size: 2.5em;
 		color: #1C6B94;
 }
 #content #main-content div.article h2 {
 		margin: 0px 10px 15px 0px; padding: 0;
 		font-family: Helvetica, sans-serif; font-size: 1.8em;
 		color: #8B8F90;
 }
 #content #main-content div.article h3 {
 		margin: 0px 10px 5px 0px; padding: 0;
 		font-size: 1.2em;
 		color: #6E7172;
 }
 #content #main-content div.article .visuel img,
 #content #main-content div.article img.visuel {
 		float: right;
 		margin: 0px 5px 10px 10px;
 }
 #content #main-content div.article .visuel p {
                margin-right:0 !important;
 }
  #content #main-content div.article  .interne-item-image{
  	position:relative;
  	width:240px;
  	float:right;
  }

   #content #main-content div.article  .interne-item-image img.mask2{
   	position:absolute;
   	top:0;
   	right:0;
   	margin:0 5px 10px 10px;
   	behavior: url('fileadmin/templates/js/iepngfix.htc');
   }


 #content #main-content div.article ul {
 		margin: 0px 10px 10px 15px; padding: 0;
 }
	 	#content #main-content div.article ul li {
	 		margin: 0px 0px 5px 0px; padding: 0;
	 		font-size: 1.1em;
 			color: #6E7172;
	 		list-style-image: url('../images/puce-bleue.gif');
	 }
 /*RF*/
 	 	#content #main-content div.article ul li ul li{
                        font-size: 1em;
         }

 #content #main-content div.article table {
 		margin: 15px 10px 20px 0px; padding: 0;
 		border-collapse: collapse;
 }
 		#content #main-content div.article table th {
 			padding: 10px;
 			font-size: 1.1em;
 			color: #1C6B94;
 			background: #E8ECED;
 			border: 1px solid #CCDDE6;
 		}
 		#content #main-content div.article table td {
 			padding: 10px;
 			font-size: 1.1em;
 			color: #6E7172;
 			background: #F8F9FA;
 			border: 1px solid #CCDDE6;
 		}
 		#content #main-content div.article table.sans-bordure td {
 			padding: 10px;
 			font-size: 1.1em;
 			color: #6E7172;
 			background: #fff;
 			border: 0px solid #CCDDE6;
 		}
 #content #main-content div.article p {
	 	margin: 0px 10px 10px 0px; padding: 0;
	 	font-size: 1.1em;
 		color: #6E7172;
                text-align:justify;

 }
 		 #content #main-content div.article p a,
 		 #content #main-content div.article p a:link,
 		 #content #main-content div.article p a:visited {
 		 		color: #1C6B94;
 		 		text-decoration: underline;
 		 }
 		 #content #main-content div.article p a:hover {
 		 		color: #01B1BC;
 		 }
 		 #content #main-content div.article li a,
 		 #content #main-content div.article li a:link,
 		 #content #main-content div.article li a:visited {
 		 		color: #1C6B94;
 		 		text-decoration: underline;
 		 }
 		 #content #main-content div.article li a:hover {
 		 		color: #01B1BC;
 		 }
		 #content #main-content div.article p.surtitre {
		 		position: absolute; top: 0px;
		 		z-index: 2;
		 		width: 755px;
		 		margin: 0px 0px 5px 0px; padding: 2px 5px 2px 5px;
		 		font-family: Helvetica, sans-serif; font-size: 1.5em; font-weight: bold;
		 		color: #ffffff;
		 		background: #12B6C0;
		 		-moz-border-radius: 5px;
		 		text-transform: uppercase;
		 }
		 #content #main-content div.article p.chapo {
		 		margin: 20px 0px 15px 0px; padding: 0;
		 		font-size: 1.8em; font-weight: normal;
		 		color: #96C002;
		 }
		 #content #main-content div.article p.intro {
		 		margin: 0px 0px 20px 0px;
		 		padding: 0;
		 		font-size: 1.2em;
		 		font-style: italic;
		 		color: #454647;
		 		line-height:1.5em;
		 		text-align:justify;
		 }
 #content #main-content div.article p.telecharger {
 		margin: 0px 0px 5px 0px; padding: 0;
 		color: #1C6B94;
 }
 			#content #main-content div.article p.telecharger img {
 					vertical-align: middle;
 			}
 			#content #main-content div.article p.telecharger a,
 			#content #main-content div.article p.telecharger a:link,
 			#content #main-content div.article p.telecharger a:visited {
 					color: #1C6B94;
 					text-decoration: none;
 			}
 			#content #main-content div.article p.telecharger a:hover {
 					color: #01B1BC;
 			}

 #content #main-content div.article p.backto {
 		float: right;
 }

 #content #main-content div.article p.tags {
 		margin: 10px 0px 5px 0px; padding: 0px 0px 0px 0px;
 		color: #8B8D8E;
 }
		#content #main-content div.article p.tags span {
				font-weight: bold;
		}
		#content #main-content div.article p.tags a,
		#content #main-content div.article p.tags a:link,
		#content #main-content div.article p.tags a:visited {
		 		color: #8B8D8E;
		 		text-decoration: underline;
		}
		#content #main-content div.article p.tags a:hover {
				color: #01B1BC;
		}

#content #main-content div.article div.hr {
	 margin: 20px 0px 10px 0px; padding: 0;
	 height: 8px;
	 background: #fff url('../images/bg_separator_hr.gif') no-repeat top center;
	 border: 0;
	 display:block;
	 width:100%;
}
/*RF*/
#content .two-columns div.article div.hr {
	 margin: 20px 0px 10px 0px; padding: 0;
	 height: 8px;
	 background: none !important;
	 border: 0;
	 display:block;
	 width:100%;
}

#content #main-content div.article div.reverse-hr {
	 margin: 20px 0px 10px 0px; padding: 0;
	 height: 6px;
	 background: #fff url('../images/bg_separator_hr2.gif') no-repeat top center;
	 border: 0;
	 display:block;
	 width:100%;
}

div#page div#content  div.exergue {
	margin: 15px 0px 10px 0px;
	width: 100%;
	background: #12B6C0 url('../images/corner-exergue-tp.gif') repeat-x top left;
}

div#page div#content div#right-content div.exergue {
    width: 100%;
}
		div#page div#content  div.exergue-inner {
			position: relative;
			padding: 15px 10px 5px 10px;
			color: #ffffff !important;
			background: url('../images/corner-exergue-bttm.gif') repeat-x bottom left;
		}

		div#page div#content div#right-content div.exergue-inner {
            position: relative;
            padding: 15px 10px;
            color: #ffffff !important;
            background: url('../images/corner-exergue-bttm.gif') repeat-x bottom left;
        }
					div#page div#content  div.exergue-inner div.top-left {
							position: absolute; top: 0px; left: 0px;
							margin: 0; padding: 0;
							width: 20px; height: 16px;
							background: url('../images/corner-exergue-tplft.gif') no-repeat top left;
					}
					div#page div#content div.exergue-inner div.top-right {
							position: absolute; top: 0px; right: 0px;
							margin: 0; padding: 0;
							width: 5px; height: 16px;
							background: url('../images/corner-exergue-tprght.gif') no-repeat top left;
					}
					div#page div#content div.exergue-inner div.bottom-left {
							position: absolute; bottom: 0px; left: 0px;
							margin: 0; padding: 0;
							width: 5px; height: 15px;
							background: url('../images/corner-exergue-bttmlft.gif') no-repeat bottom left;
					}
					div#page div#content div.exergue-inner div.bottom-right {
							position: absolute; bottom: 0px; right: 0px;
							margin: 0; padding: 0;
							width: 21px; height: 15px;
							background: url('../images/corner-exergue-bttmrght.gif') no-repeat bottom left;
					}

	div#page div#content  div.exergue-inner p {
		font-family: Helvetica, sans-serif; font-size: 1.5em;
		color: #ffffff;
	}

	div#page div#content  div.exergue-inner p a,
	div#page div#content  div.exergue-inner p a:link,
	div#page div#content  div.exergue-inner p a:visited {
		color: #ffffff;
	}

	div#page div#content  div.exergue-inner p a:hover {
		color: #9F1388;
	}

	#content #main-content ul.download-links li{
		list-style-type:none !important;
		list-style-image:none !important;
		height:22px;
	}

		#content #main-content ul.download-links li a,
		#content #main-content ul.download-links li a:link,
		#content #main-content ul.download-links li a:visited{
			color:#1c6b94;
			text-decoration: none;
		}

		#content #main-content ul.download-links li a span{

			height:20px;
			line-height:20px;
			cursor:pointer;
		}

		#content #main-content ul.download-links li a:hover{
			color:#9f1388;
		}

		#content #main-content ul.download-links li a span.pdf-img,
		#content #main-content ul.download-links li a:link span.pdf-img,
		#content #main-content ul.download-links li a:visited span.pdf-img,
		#content #main-content ul.download-links li a span.doc-img,
		#content #main-content ul.download-links li a:link span.doc-img,
		#content #main-content ul.download-links li a:visited span.doc-img{
			background:url("../images/btn_pdf.png") no-repeat scroll left bottom transparent;
			bottom:-5px;
			_bottom:0px;
			display:inline-block;
			height:20px;
			overflow:hidden;
			position:relative;
			text-indent:-900px;
			width:20px;
		}

		#content #main-content ul.download-links li a span.doc-img,
		#content #main-content ul.download-links li a:link span.doc-img,
		#content #main-content ul.download-links li a:visited span.doc-img{
			width:21px;
			background: url('../images/btn_doc.png') no-repeat bottom left;
		}

		#content #main-content ul.download-links li a:hover span.pdf-img,
		#content #main-content ul.download-links li a:hover span.doc-img{
			background-position: top left;
		}

/****************SONDAGES*************************/
.sondage span.hor {
  display:block;
  float:left;
  margin-right:5px;
}
.sondage span.ui-radio,
.sondage span.ui-checkbox {
    margin-right:5px;
}
#content #main-content div.article .sondage {
  width:97%;
}
#content #main-content div.article div.sondage p,
#content #right-content div.sondage p {
  margin-top:10px !important;
}
#content #main-content div.article div.sondage li,
#content #main-content div.article div.sondage div,
#content #main-content div.article div.sondage td,
#content #right-content div.sondage li,
#content #right-content div.sondage div,
#content #right-content div.sondage td {
  color:#FFF;
}
#content #main-content div.article div.sondage p,
#content #right-content div.sondage p {
  color:#A4C1C9 !important;
}
#content #main-content div.article div.sondage table,
#content #right-content div.sondage table {
  margin-top:0;
}
#content #main-content div.article div.sondage table td,
#content #right-content div.sondage table td {
  background:none;
  border:none;
  border-bottom:1px solid #fff;
  padding:2px;
}
#content #main-content div.article div.sondage input,
#content #main-content div.article div.sondage select,
#content #main-content div.article div.sondage textarea,
#content #main-content div.article div.sondage div.list-wrapper ul li,
#content #right-content div.sondage input,
#content #right-content div.sondage select,
#content #right-content div.sondage textarea,
#content #right-content div.sondage div.list-wrapper ul li{
  color:#666 !important;
}
#content #main-content div.article div.sondage li,
#content #right-content div.sondage li {
  list-style-image:none;
}
#content #main-content div.article div.sondage ul,
#content #right-content div.sondage ul {
  margin-left:0;
}
#content #main-content div.article div.sondage input.ui-helper-hidden-accessible,
#content #right-content div.sondage input.ui-helper-hidden-accessible {
  display:none;
}
#content #main-content div.article div.sondage form,
#content #right-content div.sondage form {
  line-height:20px;
}
#content #main-content div.article div.sondage div.extra_large,
#content #right-content div.sondage div.extra_large {
float:none;
}
#content #main-content div.article div.sondage textarea,
#content #right-content div.sondage textarea {
    background-color: #D2E1EA;
    border:1px solid #77A6BF;
    display: block;
    font-size: 1em;
    height: 95px;
    margin-bottom: 0;
    margin-left: 5px;
    margin-right: 0;
    margin-top: 0;
    padding-bottom: 0;
    padding-left: 3px;
    padding-right: 3px;
    padding-top: 0;
    width: 360px;
}
#content #right-content div.sondage textarea {
    width: 180px;
}
#content #main-content div.article div.sondage div.extra_large input,
#content #main-content div.article div.sondage div.extra_large div.icon {
    background-color:#1C6B94;
}
#content #main-content div.article div.sondage input,
#content #right-content div.sondage input {
    background-color: #D2E1EA;
}
#content #main-content div.article div.sondage div.additional_ver input,
#content #main-content div.article div.sondage div.additional_hor input {
    border:1px solid #77A6BF;
    width: 360px;
}
#content #main-content div.article div.sondage div.list_hor {
    float:left;
    width:100%;
}
#content #right-content div.sondage div.additional_ver input {
    border:1px solid #77A6BF;
    width: 180px;
}

#content #main-content div.article div.sondage div.sbmt {
    background:none;
    text-align:right;
    margin-top:10px;
}
#content #main-content div.article div.sondage div.sbmt input {
    display:inline;
}




#content  #right-content  div.extra_large {
	position: relative;
	float: right;
    white-space: nowrap;
    height: 15px;
    border: 0;
    margin: 0;
    padding: 0;
    width: 188px;
}

#content  #right-content  div.extra_large input {
	left: 0px;
    top: 0px;
    margin: 0 0 0 0;
    padding: 0px 8px;
    background: #1C6B94 url('../images/bg_input_extra_large.png') no-repeat 0 0;
    color: #1c6b94;
    width: 172px;
    font-size: 1em;
    border: none;
    height: 15px;
    line-height:15px;
    vertical-align:middle;
    cursor:pointer;
}

#content  #right-content  div.extra_large div.icon {
    background: #1C6B94 url('../images/bg_selectbox_trigger.gif') no-repeat 0 0;
    width: 15px;
    height: 15px;
    border: none;
    top: 0px;
    left: 173px;
    _left: 174px;
    cursor:pointer;
}

#content  #right-content  div.extra_large div.list-wrapper {
    left: 4px;
    top: 15px;
    border: 1px solid #7eabc2;
    border-top: none;
    background-color: #d2e1ea;
    padding: 0;
    margin: 0;
    width: 170px;
    bottom: auto;
}

#content  #right-content  div.extra_large div.list-wrapper-up {
    top: auto;
    bottom: 21px;
}

#content  #right-content div.extra_large div.list-wrapper ul {
    list-style-type: none;
    padding: 0;
    margin: 0 !important;
    height: 200px;
}


#content  #right-content  div.extra_large li {
	line-height: 20px !important;
	vertical-align: middle;
    padding: 0 !important;
    padding-left: 5px !important;
    background-color: #d2e1ea !important;
    color: #1c6b94 !important;
    cursor: pointer;
    margin: 0 !important;
    font-size:1em !important;
}

#content  #right-content  div.extra_large li.active {
    background-color: #c9d7e0 !important
}

/*for IE*/
#content  #right-content  div.extra_large a, #content  #right-content  div.extra_large a:visited, large.sexy a:active {
    display: block;
	width: 100%;
	width: 146px;
	text-decoration: none;
	color: #d2e1ea;
    cursor: pointer;
    margin: 0;
	height: 20px;
}

#content  #right-content  div.extra_large input.empty {
    color: gray;
}