/*********************************************************************************

               STYLESHEETS AMF  -media screen-  V1.7 - UMA Solucom 2011-12
					Mises à jour par Lhs

// Vert = #E1E8C9
// Mauve fort = #B496D5
// Fort pour le texte : #644787
// Plus atténué = #7e659c
// Bleus des liens = #003267 et dans les boites "vertes" #333333
// Bleu : #DEE6EF
******************************************************************************** */
.sep {
	color: white;
	font-weight: bold;
}

/* BODY */
html, body{ height: 100%; width: 100%; text-align: center; }
body{
	margin: 0;
	padding: 0;
	background: url(../picto/bg_body.gif) repeat-x top left #ffffff;
	font: 12px/100% Arial, Geneva, Helvetica, sans-serif;
	color: #000000;	
	/*color :#57544f; */	
}
body *{ margin: 0; padding: 0; text-align: left; }
#nav_invisible{ position: absolute; visibility: hidden; width: 400px; }
.invisible { position: absolute; visibility: hidden; width: 0px; }

/* common tags */
ul{ list-style: none; }
a{ text-decoration: none; color: #003267; }
a span{ position: absolute; visibility: hidden; }
a img{ border: 0; }
h1{ position: absolute; visibility: hidden; }
h3 span span{ position: absolute; visibility: hidden; }

input{ 
	border: 1px solid #dedede !important;
	background-color: #F9F9F9 !important; 
	font-size: 90% !important;
	padding: 2px;
}
input.checkbox{
	padding-top: 0px;
	padding-bottom: 10px;
	background: transparent !important;
	border: 0px !important;
}

div.ctn_navonglet .tabs-hide{ display: none; }
#FRMgeco  {
	width: 920px;
	border: 0px;
	height: 500px;
/* 	overflow: vertical; */
	overflow: auto;
	margin-bottom: 12px;
}


#ouvert {
	display: block;
	height: 87px;
	width: 780px;
	border: 1px solid #C4C4C4;
	border-bottom: 0px solid #C4C4C4;
	margin-top: 24px;
	padding-top: 8px;
/*	background: url(../picto/stripes_grisTRANS.gif) repeat top left;*/
	background: url(../picto/bg_stripes_largeTRANS.gif) repeat top left;

/* background: none repeat scroll 0 0 #DEDEDE; */
/* 	border-bottom: 2px solid #ffffff; */

}
#ouvert3 {
	display: block;
	height: 87px;
	width: 780px;
	border: 1px solid #C4C4C4;
	border-bottom: 0px solid #C4C4C4;
	margin-top: 24px;
	padding-top: 8px;
/*	background: url(../picto/stripes_grisTRANS.gif) repeat top left;*/
	background: url(../picto/bg_stripes_largeTRANS.gif) repeat top left;

/* background: none repeat scroll 0 0 #DEDEDE; */
/* 	border-bottom: 2px solid #ffffff; */

}
#ouvert2 {
	display: block;
	height: 103px;
	width: 780px;
	
	border-top: 4px solid #c1b8ca;
	margin-top: 8px;
	padding-top: 8px;
	background: #eaeaea;
	
	padding: 6px 10px 0 10px;
}

.MenuCol {
	width: 254px;
	float: left;
	clear: right;
}
.MenuCol2 {
	width: 354px;
	float: left;
	clear: right;
}

.form {
	font-size: 90%;
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 12px;
}
.radio, .checkbox {
	vertical-align: middle;
	margin-right: 4px;
	background: transparent !important;
	border: 0px !important;
}
.inside {
	width: 680px !important;

}

/* formulaire */
.formCourt label,.form label, .form .label, .formCourt .label{
	display: inline-block;
	padding-right: 12px;
}
.saisie label {
	display: inline-block;
	width: 250px;
	border: 0px solid white;
}

#resultat {
	font-size: 80%;
	display: inline-block;
	width: 70px;
	font-size: 100%;
	line-height: 100%;
}
.form label {
	vertical-align: middle;
}
.form label.longLabel, .form label.LongLabel {
	width: 170px;
	margin-right: 2px;
}
.form label.TreslongLabel {
	width: 250px;
	margin-right: 2px;
}

.form label.TresTreslongLabel {
    width: 350px;
    margin-right: 2px;
}

.formCourt label.longLabel, .formCourt label.LongLabel{
	width: auto;
	margin-right: 12px;
}
.form label.longLabel2 {
	width: 250px;
}
.form label.MoyenLabel, .formCourt label.MoyenLabel{
	width: 105px;
	margin-right: 12px;
	padding-right: 0px !important;
}
.form label.MidLabel, .formCourt label.MidLabel{
	width: 135px;
	margin-right: 12px;
	padding-right: 0px !important;
}
span.MoyenLabel{
	display: inline-block;
	width: 127px !important;
}
.form label.PetitLabel, .formCourt label.PetitLabel{
	width: 65px;
	margin-right: 2px;
}
.form label.xPetitLabel, .formCourt label.xPetitLabel{
	width: 20px;
/* 	margin-right: 2px; */
	padding-left: 12px;
	padding-right: 0px !important;
}
.form label.xPetitLabel.grd, .formCourt label.xPetitLabel.grd{
	width: 25px;
 	margin-right: 2px; 
	padding-left: 12px;
	padding-right: 0px !important;
}
.form label.Retour, .formCourt label.Retour{
	display: block;
	padding-bottom: 5px;
}


.form .ctn_inline_field label, .formCourt .ctn_inline_field label{
	display: inline;
	margin-right: 5px;
	font-size: 100%;
	font-weight: normal;
}
.form .ctn_textarea label, .formCourt .ctn_textarea label {
	vertical-align: top;
}
.form fieldset, .formCourt fieldset {
	position: relative;
	margin: 11px 0px 0px;
	padding: 29px 0 10px 10px !important;
	border: 0;
}
.form fieldset span.typo, .formCourt fieldset span.typo {
	display: block;
	margin-bottom: 4px;
}
.form fieldset legend {
	position: absolute;
	top: -11px;
	left: -7px;
} 
.form fieldset legend span, .formCourt fieldset legend span {
	display: inline-block; /* UMA 2011 */
	padding: 8px 15px 8px 8px;
	background-color: #fff !important;
	font-size: 120%; font-weight: bold;
	color: #333333;
	border : 1px solid #b3b2b0;
}
.form fieldset fieldset legend {
	left: -7px;
}
.form select, .formCourt select {
	font-size: 100%;
	padding: 4px;
	padding-top: 2px;
	padding-bottom	: 2px;
}
.form textarea, .formCourt textarea { padding: 5px; font-family: Arial, sans-serif; font-size: 90%; }
.form textarea.crt, .formCourt textarea.crt { width:555px; }
.form .textfield, .formCourt .textfield { padding: 2px; }
.form .textfield, .form select, .form textarea, .formCourt .textfield, .formCourt select, .formCourt textarea {
	border: 1px solid #dedede;
	background-color: #F9F9F9; 
	font-size: 90%;
}

.form .btn_cancel, .formCourt .btn_cancel{ display: -moz-inline-box; display: inline-block;  text-align: left;}
.form .btn_cancel input, .formCourt .btn_cancel input, .form input.btn_cancel, .formCourt input.btn_cancel, .btn_valid.treslong input, .form .btn_valid input, .formCourt .btn_valid input, .form input.btn_valid, .formCourt input.btn_valid{
	width: 160px;
	height: 22px;
	overflow: visible;
	background: url(../picto/bg_btn_tres_long.gif) no-repeat top left transparent !important;
	border: 0px !important;
	color: #333;
	font-weight: bold !important;
	font-size: 100% !important;
	text-align: center;
	padding-bottom: 2px;
}


.form .info, .formCourt .info{
	margin: 8px 0px 10px 0px;
}
.form p, .formCourt p {
	margin-bottom: 15px;
	margin-top: 12px;
}

.formCourt.contact p {
	margin-bottom: 5px;
	margin-top: 0px;
}

.formCourt.contact fieldset fieldset {
	border-left: 1px solid #B3B2B0 !important;
	border-bottom: 1px solid #B3B2B0 !important;
	width: 90%;
	margin-left: 0px;
}
.formCourt.contact fieldset fieldset legend {
    background: none repeat scroll 0 0 #F2EDE9;
    border: 1px solid #B3B2B0;
    font-size: 100%;
    font-weight: normal;
    padding: 3px;
}

.plaque {
	display: block;
	margin-bottom: 10px;
/* 	border: 1px solid blue; */
}
.plaquette {
	display: block;
	margin-top: 40px;
}
.coordonnees.long .plaquette {
	display: block;
	margin-top: 10px;
}


p.info {
	margin-bottom: 0px;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	font-size: 90%;
	color: #333;
}

.intro {
	margin-bottom: 0px;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	font-size: 90%;
	display:block;
}
.ctn_separateur {
	margin-left: 12px;
	margin-right: 10px;
}

.form .btn_valid, .formCourt .btn_valid {
	display: -moz-inline-box;
	display: inline-block;
	width: 170px;
	text-align: right;
	float:right;
}

.formCourt.contact .btn_valid {
/* 	float:left; */
	display: inline;
}
.formCourt.contact {
	float:left;
	display: inline;
	width: 500px !important;
}
.formCourt.contact input.long {
	width: 380px;
	width: 332px;
}
.formCourt.contact input.fin {
}
.formCourt.contact input.premier {
	margin-right: 15px;
}
.formCourt.contact input {
	margin-bottom: 5px;
    border: 1px solid #DEDEDE;
	background-color: #F9F9F9; 
	padding: 2px;
}

.btn_valid.droit {
/* 	width: 200px !important; */
}
.form .btn_valid input, .formCourt .btn_valid input, .form input.btn_valid, .formCourt input.btn_valid {
	width: 150px;
	height: 22px;
	overflow: visible;
	background: url(../picto/bg_btn_tres_long.gif) no-repeat top left transparent !important;
	border: 0px !important;
	color: #333;
	font-weight: bold  !important;
	font-size: 100% !important;
	text-align: center;
}

.form .btn_index, .formCourt .btn_index{ display: -moz-inline-box; display: inline-block;  width: 49%; text-align: right;  }
.form .btn_index input, .formCourt .btn_index input{
	padding: 5px 30px 5px 10px;
	background: url(../picto/bg_btn_index.gif) no-repeat 95% 5px #d5d6d2;
	border: 0px !important;
	font-size: 120%;
	font-weight: bold;
	font-family: Arial, sans-serif;
	overflow: visible; 
	color: #333;
}
.form .btn_fermer, .formCourt .btn_fermer{ display: -moz-inline-box; display: inline-block;  width: 49%; text-align: right;  }
.form .btn_fermer input, .formCourt .btn_fermer input{
	padding: 5px 30px 5px 10px;
	background: url(../picto/bg_btn_fermer.gif) no-repeat 95% 5px #d5d6d2;
	border: 0px !important;
	font-size: 120%;
	font-weight: bold;
	font-family: Arial, sans-serif;
	overflow: visible; 
	color: #333;
}

.form .ctn_inline_field, .form .ctn_field, .form .ctn_textarea, .form fieldset, .formCourt .ctn_inline_field, .formCourt .ctn_field, .formCourt .ctn_textarea, .formCourt fieldset, .formCourt.contact fieldset, .formCourt.contact .ctn_field {
	padding: 10px;
	background: #ede8e5;
	border-left: 7px solid #b3b2b0;
	border-bottom: 2px solid #b3b2b0;
	margin-bottom: 12px;
	display:block;
	clear: both;

/*     border-bottom: 1px solid #DDDDDD; */
/*     border-left: 6px solid #DDDDDD; */
    margin-left: 0px;
    padding: 2px 0px 4px;
	padding-bottom: 12px;
}

.form .ctn_field.FAQ {
    background: none !important;
    border-bottom: 0px solid #B3B2B0 !important;
    border-left: 0px solid #B3B2B0 !important;
    clear: both;
    display: block;
    margin-bottom: 12px;
    margin-left: 0;
    padding: 2px 0 12px;
}

.formCourt.contact .ctn_field {
	padding-left: 12px;
}
.formCourt.contact p label {
	display: block;
	padding-bottom: 2px;
}
.formCourt.contact p label.radio {
	padding-bottom: 5px;
	display: inline !important;
}
.formCourt.contact p span {
	display: inline-block !important;
	margin-right: 15px;
}
.formCourt.contact p.colonnage span {
	font-weight: bold;
	margin-right: 0px;
}
.formCourt.contact p.colonnage span label {
	font-weight: normal !important;
}

.formCourt.contact p.colonnage span {
	padding-top: 1px;
	display: block !important;
}

.formCourt.contact textarea {
	width: 450px;
}
.formCourt.contact .intro_field {
	margin-bottom: 25px;
}

.form.contact .intro_field label,
.formCourt.contact .intro_field label {
	font-size: 115%;
}


label.HorsForme {
	font-size: 110% !important;
}
select.HorsForme {
	font-size: 106% !important;
}

fieldset.DemiField, fieldset.Complet fieldset.DemiField {
	width: 400px;
	float: left;
	clear: right;
	margin-right: 38px;
	display: block;
}
fieldset.Complet, #BDIFdiv fieldset, fieldset.rav {
	width: 933px;
	float: left;
	margin-right: 15px;
	display: block;
}

#BDIFdiv fieldset fieldset {
    margin-right: 15px;
    width: 903px;
}


fieldset.DemiFieldDroit, fieldset.Complet fieldset.DemiFieldDroit {
	width: 430px;
/* 	float: right; */
	clear: right;
	margin-left: 15px;
	display: block;
}
.colonnage{
	width: 100%;
	clear: right;
/* 	border: 1px solid red; */
}
p.frontiere {
	float: left;
	clear: both;
	width:100%;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top:0px;
	padding-bottom: 0px;
}
p.frontiere label {
	width: 350px;
}

.form fieldset fieldset{
	padding: 10px;
	background: #ede8e5;
	border-left: 1px solid #b3b2b0;
	border-bottom: 1px solid #b3b2b0;
	background: #F2EDE9;
	width: 95%;
}
.form fieldset fieldset legend span, .form fieldset span.NL fieldset legend {
	background: #F2EDE9;
	border: 1px solid #b3b2b0;
	padding: 3px 3px 3px 3px;
	font-weight: normal;
	font-size: 100%;
}
.form fieldset span.NL fieldset legend {
	margin-left: -15px;
	margin-bottom: 8px;
}
.ctn_field span.champs{
	display: block;
}
.form fieldset .ctn_field, .form fieldset .ctn_inline_field{
	padding: 0;
	background: none; 
	border: 0;
	margin-top: 2px;
	margin-bottom: 6px;
}
.form .erreur{
	display: block;
	color: #e53729;
	font-weight: bold;
	margin: 0 0 2px 0;
	padding: 6px 0 5px 36px;
	/*background: url(../picto/picto_erreur_form.gif) no-repeat top left;*/
}


/* colonnage */
.triple_colonne{ }
.triple_colonne .colonne{
	display: -moz-inline-box;
	display: inline-block;
	vertical-align: top;
	width: 36% !important;
}
.triple_colonne .colonne3{
	display: inline-block;
	width: 25% !important;
	clear: right !important;
}
.double_colonne{ }
.double_colonne .colonne{
	display: -moz-inline-box;
	display: inline-block;
	vertical-align: top;
	width: 48%;
}
fieldset.rav > div.double_colonne > div.colonne{
	display: -moz-inline-box;
	display: inline-block;
	vertical-align: top;
	width: 400px !important;
}

.secondChamp {
	margin-left: 15px;
	width: 400px;
}
.tailleDouble {
	width: 450px;
}
.tailleMot {
	width: 402px;
}
.tailleSimple {
	width: 176px;
}

/* META STRUCTURE */
#super_container{
	position: relative;
	width: 950px;
	margin: 0 auto;
	padding: 0 25px;
	background: url(../picto/bg_supercontainer.gif) no-repeat top left;
}

	#header{
		background: url(../picto/bg_header.jpg) no-repeat 0px 27px;
}

	#central{ width: 950px; padding-top: 18px; }

	#leftcol{
		vertical-align: top;
		display: -moz-inline-box;
		display: inline-block;
		padding-right: 14px;
		width: 253px;
	}

#content{
		vertical-align: top;
		display: -moz-inline-box;
		display: inline-block;
		width: 673px;
	}
#content.largeHP{
	width: 625px;  /* UMA 2011 */
}
#content.xl {
	width: 950px !important;
	margin-top: -20px;
}
	#titre_contenu {
		padding: 0 0 10px 10px;
/* 		background: url(../picto/bg_titrecontenuTRANS.gif) no-repeat bottom right #EFEFEF; */
	}
	#titre_contenu.recherche {
		padding: 0 0 0 0;
/* 		background: url(../picto/bg_titrecontenuTRANS.gif) no-repeat bottom right #EFEFEF; */
	}
	#content.entFIC #titre_contenu{
/*   		background: url(../picto/bg_titrecontenuTRANS.gif) no-repeat bottom right;  /* #EFEFEF UMA 2011 */ */
	}
	#titre_contenu_list {
		padding: 0 0 0px 10px;
	}
	#titre_contenu span, #titre_contenu_list span{
		margin: 0px 0px 0px 0px;
		line-height: 100%;
		font-size: 90%;
		font-weight: normal;
		color: #575757;
	}
/*#fragment-2 #titre_contenu span,#fragment-2  #titre_contenu_list span, #fragment-3 #titre_contenu span,#fragment-3  #titre_contenu_list span{
		font-weight: bold !important;
}*/
	#titre_contenu h2 span.rappel, #titre_contenu_list h2 span.rappel{
		font-size: 70% !important;
	}
	#titre_contenu_list span{
 		margin-bottom: 16px;
 		color: #644787;
	}

	#titre_contenu_list span.liste {
 		margin-bottom: 0px;
		font-size: 100%;
/* 		display: block; */
/* 		font-weight: normal; */
		color: #000;
/* 		display: inline; */
/* 		display: block; */
/* 		background: #eaeaea; */
}
	#titre_contenu_list span.informations{
		margin-bottom: 16px;
		color: #000;
		font-size:100%;
		padding-left: 0px;
	}
	#titre_contenu .surtitre, #titre_contenu_list .surtitre{
		display: block;
		font-size: 100%;
		margin: 0 0 0px 0;
/* 		padding: 3px 0 0px 0; */
		padding: 0px 0 0px 0;
/* 		background: url(../picto/bg_surtitreTRANS.gif) no-repeat top right; */
		font-weight: normal;
		color: #644787;
	}
	.surtitre{
		display: block;
		font-size: 130%;
		margin: 0 0 0px 0;
		padding: 3px 0 3px 0;
/* 		background: url(../picto/bg_surtitreTRANS.gif) no-repeat top right; */
		font-weight: normal;
		color: #644787;
	}

.hc > .surtitre{
	margin-top: 6px;
}

.xl #titre_contenu .surtitre{
/* 	margin-top: 12px; */
	}


#titre_contenu .surtitre .frm{
		margin: 0px 0px 0px 0px;
		padding: 0 0 0 0;
/* 	border: 1px solid red; */
}
	#titre_contenu h2 .surtitre2{
		font-size: 90%;
		display: block;
/* 		margin: 0 0 14px 0; */
		padding: 4px 0 0 0;
		font-weight: normal;
		color: #644787;
	}
	h2#titre_contenu_list {
		font-size: 130%;
		display: block;
		margin: 0 0 4px 0;
		padding: 0 0 0 0;
		font-weight: normal;
		color: #644787;
	}
	h2#titre_contenu {
		font-size: 130%;
		display: block;
/* 		margin: 0 0 14px 0; */
		padding: 8px 0 0 0;
		font-weight: normal;
		color: #644787;
		
		height: 1%; /* UMA 2011 */
	}
	#titre_contenu h3 .surtitre2{
		font-size: 100%;
/* 		display: block; */
		margin: 0 0 0px 0;
		padding: 0px 0 10px 0;
		font-weight: normal;
		color: #333;
	}
	h3#titre_contenu {
		font-size: 130%;
		display: block;
		margin: 12px 0 14px 0;
		padding: 10px 0 0 10px;
		font-weight: normal;
		color: #575757;

	}
h3#titre_contenu_list, #versionsdocument h3#titre_contenu_list {
    background: none repeat scroll 0 0 #EAEAEA;
    color: #000000;
    display: block;
    font-size: 120%;
    font-weight: normal;
    margin: 12px 0 4px;
    padding: 4px 0 8px 8px;
}
#fragment-2 #versionsdocument h3#titre_contenu_list, #fragment-3 #versionsdocument h3#titre_contenu_list {
    background: none repeat scroll 0 0 #EAEAEA !important;
    color: #000000;
    display: block;
    font-size: 120%;
    font-weight: bold;
    margin: 12px 0 4px;
    padding: 4px 0 8px 8px;
}

#fragment-2 h3#titre_contenu_list, #fragment-3 h3#titre_contenu_list {
    width: 630px;
}

h3#titre_contenu_list {
	margin-top: 0px !important;
}

#rightcol{
	text-align: right; 
	display: -moz-inline-box;
	display: inline-block;
	width: 280px; 
	vertical-align: top;
/*		width: 253px;*/
	padding-left: 41px; /* UMA 2011 */
    margin-left: 0;
}

/***************** BLOC GENERIQUE ***********************/
.bloc_gene {
	margin-bottom: 12px;
}

.bloc_gene .content{
	border: 1px solid #dddddd;
}

.bloc_gene h2{
	margin: 0 0 4px 14px;
	color: #666666;
	font-weight: normal;
	font-size: 120%;
}

/****************** EN PLUS ****************/
#bloc_enplus{
}

#bloc_enplus .content{
/* 	padding-bottom: 4px; */
	margin-bottom: 25px;
}
#bloc_enplus ul li{
	background: url(../picto/bg_li_beigeTRANS10.gif) no-repeat  10px -2px #E1E8C9;
	padding: 5px;
	border-bottom: 1px solid #ffffff;
}
#bloc_enplus ul li a{
	color: #333333;
	font-weight: bold;
	margin-left : 22px;
}
#bloc_enplus form{
	padding: 8px;
	background: #bed27d;
}

#bloc_enplus label{
	font-weight: normal;
	font-size: 110%;
/* 	line-height: 120%; */
	color: #333333;
}

#bloc_enplus div.divLabelMediumInline {
	display: inline-block;
	width: 100px;
}

#bloc_enplus .textfield {
	padding: 2px;
	display:inline-block;
	width:50px;
	font-size:90%;
	line-height:10px;
	height: 14px;
}
#bloc_enplus .ret {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 0 none;
    font-size: 100%;
    margin: 0 8px;
    padding: 1px;
    width: 50px;
	margin-bottom: 2px;
}
#bloc_enplus label.noret {
	display:inline-block;
	width: 150px;
	font-size: 90%;
}

#bloc_enplus .btn_valid {
	height: 25px;
	padding-top: 10px;
	padding-bottom: 5px;
}

#bloc_enplus .btn_valid input {
	float: right;
}

#bloc_enplus input#txt_preSearch {
	float: right;
}

#bloc_enplus .btn_valid input.longButton {
	line-height:100%; 
	font-family:Arial, Geneva, Helvetica, sans-serif;
	width:80px;
	height:22px;
	margin:10px 0px 0px 0px;
	text-align:center;
	color:#333;
	overflow:visible;
	padding-bottom: 2px;
	font-size:100% !important; 
	font-weight:bold !important;
	border-top-color: currentColor !important;
	border-right-color: currentColor !important;
	border-bottom-color: currentColor !important;
	border-left-color: currentColor !important;
	border-top-width: 0px !important;
	border-right-width: 0px !important;
	border-bottom-width: 0px !important;
	border-left-width: 0px !important;
	border-top-style: none !important;
	border-left-style: none !important;
	border-bottom-style: none !important;
	border-right-style: none !important;
	background-image: url(../picto/bg_btn_tres_long.gif) !important; 
	background-attachment: scroll !important; 
	background-repeat: no-repeat !important; 
	background-position-x: left !important; 
	background-position-y: top !important; 
	background-size: 80px 22px !important; 
	background-origin: padding-box !important;
	background-clip: border-box !important; 
	background-color:transparent !important;
}

#form_rechdecision label {
	display: block;
}
#form_rechdecision span.complement {
	margin-top: 0px !important;
}

#bloc_enplus .bloc_gauche {
	padding: 8px;
	background: #bed27d;
}

.bloc_gauche .surtitre {
	margin-bottom: 10px;
}

.bloc_gauche .element-left {
	float: left;
	display: inline-block;
	margin-bottom: 3px;
	margin-right : 30px;
	padding : 4px 0px 4px 0px;
}
.bloc_gauche .element-right {
	float: right;
	display: inline-block;
	background-color: #FFF;
	padding : 4px 0px 4px 0px;
	text-align: center;
	width: 90px;
	word-wrap: break-word;
}

.payment-button {
	margin-top: 5px;
	margin-left: 80px;
}

/************************* IMPRIMER SAUVEGARDER ********************************/
#bloc_printsave h2 {
	margin-bottom: 15px;
}

#bloc_printsave .content{
	border: 0; padding: 0;
}

#bloc_printsave .bloc_unit{
	margin-bottom: 16px;
	padding-left: 46px;
	background: url(../picto/bg_stripes_beige.gif) repeat-y top left;
}
#bloc_printsave h3{ margin: 5px 0 5px 0; color: #333333; font-size: 115%; }
#bloc_printsave li{ margin-bottom: 4px; }
#bloc_printsave a{ padding: 0 0 0 10px; background: url(../picto/puce_fleche_noire.gif) no-repeat 0px 4px; color: #333333; font-weight: bold; font-size: 90%; }
#bloc_printsave #bloc_imprimer{ background: url(../picto/bg_unit_print.gif) repeat-y top left; }
#bloc_printsave #bloc_sauvegarder{ background: url(../picto/bg_unit_download.gif) repeat-y top left; }
#bloc_printsave a{ color: #003267; }


			/************************** sondage ***********************************/
			#bloc_sondage .content{
				position: relative;
				border: 0; padding: 2px 0 0 0;
				background: #e1e1e1;
			}
			#bloc_sondage h2{
				margin: 0;
				/*padding: 8px 0 21px 68px;  UMA 2011 */
				padding: 5px 0 5px 0px;
				margin: 8px 0 5px;
/* 				background: url(../picto/bg_titre_sondage3.gif) no-repeat top left; */
/* 				font-weight: bold; */
				font-size: 130%;
			}
			#bloc_sondage form{ margin: 5px 0;  }
			#bloc_sondage h3{
				padding: 0 10px;
				font-size: 14px;
				padding-top: 10px;
			} /* UMA 2011 */
			#bloc_sondage form p {
				padding-left: 10px;
				padding-right: 5px;
			}
			#bloc_sondage form p.ctn_field{ margin: 10px 0 !important;}
			#bloc_sondage form p.ctn_field *{ vertical-align: middle !important; }
			#bloc_sondage form p.ctn_field input{ margin: 0 15px 0 10px; }
			#bloc_sondage .btn_valid{
				text-align: right;
				display: block;
				padding: 0px 15px 0px 50px;
				margin-top: 10px;
			}
			#bloc_sondage .btn_valid input{
				width: 75px; height: 24px;
				background: url(../picto/bg_btn_votez.gif) no-repeat top left transparent !important;
				overflow: visible;
				border: 0px !important;
				text-align: center;
				font-size: 110%;
				font-weight: bold;
				font-family: Arial, sans-serif;
				color: #333;
			}
			#bloc_sondage .lien_plus{ position: absolute; right: 10px; bottom: 22px; font-size: 90%; }
			#bloc_sondage .lien_plus a{ padding-left: 10px; background: url(../picto/picto_fleche_marine.gif) no-repeat 0px 5px; color: #003267; }


			#bloc_affiner{
				padding: 0px;
				padding-bottom: 34px;
/*				border: 1px solid #dddddd;*/
			}
			#bloc_affiner .content{
				padding-bottom: 4px;
				margin-bottom: 10px;
				border: 1px solid #dddddd;
			}
			#bloc_affiner .content a.lrr {
				margin-top: 12px;
				padding-left: 15px;
				margin-left: 0px;
/* 				font-weight: normal; */
				color: #003267;
			}
			#bloc_affiner.lrr .content ul li {
				background: #fff;
				padding-left : 0px;
				margin-left: 0px;
				border-bottom: 1px solid #ffffff;
				margin-top : 0;
				margin-bottom : 0px;
			}
			#bloc_affiner.lrr .content ul, #bloc_affiner.lrr .content  {
				margin-bottom : 0px;
				padding-bottom : 0px;
			}

			#bloc_affiner h3{
				margin: 0;
				padding: 5px 15px;
				background-color: #cac7d8;
				font-size: 120%; line-height: 100%;
				font-weight: bold;
				color: #333333;
			}
			#bloc_affiner h4{
				background: none repeat scroll 0 0 #E6E6E6;
				margin: 5px 0px;
				padding-bottom: 5px;
				padding-top: 5px;
				padding-left: 15px;
				border-top: 1px solid #ddd;
				border-bottom: 1px solid #ddd;
				font-size: 100%;
			}
			#bloc_affiner ul{ margin: 0 8px 15px 8px; }
			#bloc_affiner ul li{ margin: 10px 0; }
			#bloc_affiner ul li a{
				padding: 0 0 0 10px;
				background: url(../picto/puce_grise.gif) no-repeat 0px 5px;
			}


	#alaune h2{
		margin-left: 0;
		padding-left: 14px;
 		border-left: 3px solid #ddd;
 		border-bottom: 1px solid #ddd;
		color: #666666;
		font-size: 130%;
		line-height: 20px;
		margin-bottom: 4px;
	}
			#alaune .content{ background: #e7ecf3; } /* UMA 2011 */
			#alaune h3{
				padding: 10px;
				font-size: 180%;
				line-height: 120%;
				color: #674f85;
			}
			#alaune p{ padding: 0 10px; line-height: 120%; }
			#alaune p.lien_plus, #alaune p.lien_plus3{ padding: 10px; margin-bottom: 0; } /* UMA 2011 */
			#alaune p.lien_plus span a, #alaune p.lien_plus3 span a{
				display: -moz-inline-box;
				display: inline-block;
				padding: 2px 40px 2px 4px;
				background: url(../picto/picto_plus.gif) no-repeat 95% 4px #ffffff;
				font-size: 90%;
				border: 1px solid #ddd;

			}

	#adecouvrir{
		display: -moz-inline-box;
		display: inline-block;
		vertical-align: top;
		width: 220px;
	}
	#adecouvrir h2{
		margin-left: 0;
		padding-left: 14px;
 		border-left: 3px solid #ddd;
 		border-bottom: 1px solid #ddd;
/* 		border-left: 3px solid #666666; */
		color: #666666;
		font-size: 130%;
		border-bottom: 1px solid #DDD;
		line-height: 20px;
	}
			#adecouvrir .content{ border: 0; padding: 0; color: #666666;}
			#adecouvrir h3{ margin-bottom: 14px; color: #674f85; font-size: 130%; line-height: 120%; }
			#adecouvrir p{ line-height: 120% !important; }
			#adecouvrir p.lien_plus span a{
				display: -moz-inline-box;
				display: inline-block;
				margin-top: 10px;
				padding: 1px 40px 1px 4px;
				background: url(../picto/picto_plus.gif) no-repeat 95% 4px #d5d6d1;
				font-size: 90%;
			}


	#zoomsur{
		display: -moz-inline-box;
		display: inline-block;
		vertical-align: top;
		width: 388px;
		margin-left: 12px;
	}
#zoomsur h2{
				margin: 0 0 11px 0;
				padding: 0 10px 0 38px;
				background: url(../picto/bg_fleche_titre.gif) no-repeat top left #b6b2c9;
				font-size: 140%;
				line-height: 21px;
				color: #333333;
				font-weight: bold;
			}
			#zoomsur .content{ border: 0; border-bottom: 0px solid #dddddd; padding: 0; color: #666666; }
#zoomsur .illustration, .illustration{
 	display: block; 
 	margin-bottom: 0px; 
 	margin-left: 4px; 
	border: 0px solid #aaa;
	padding: 0 0 0 0;
/*	margin-top: 12px;
	margin-bottom: 6px;*/
}

.illustrationBloc{
 	display: block; 
/* 	margin-bottom: 0px; */
/* 	margin-left: 4px; */
		margin: auto;
	border-top : 1px solid #2E2E2E;
	border-right : 1px solid #2E2E2E;
	border-bottom : 1px solid #878787;
	border-left : 1px solid #878787;
/* 	border: 0px solid #aaa; */
	padding: 0 0 0 0;
	margin-top: 12px;
	margin-bottom: 6px;
}


#zoomsur .titre{
	margin-top: 10px;
	margin-bottom: 15px;
	font-weight: bold;
	color: #674f85;
}
			#zoomsur p{ line-height: 120%; }
			#zoomsur p.lien_plus{ text-align: right; }
			#zoomsur p.lien_plus span a{
				display: -moz-inline-box;
				display: inline-block;
				margin-top: 10px;
				padding: 1px 40px 1px 4px;
				background: url(../picto/picto_plus.gif) no-repeat 95% 4px #d5d6d1;
				font-size: 90%;
			}


			#fildinfos{ position: relative; }
			#fildinfos h2{ color: #f18f4e; font-size: 150%; line-height: 100%; }
			#fildinfos ul{ padding: 0; background: #eeeeee; }
			#fildinfos ul li{
				padding: 8px 10px;
				border-bottom: 1px solid #ffffff;
			}
			#fildinfos ul li a{
				display: block;
				padding-left: 18px;
				background: url(../picto/fleche_orange.gif) no-repeat 0px 3px;
/* 				color: #674f85; */
				color: #003267;

			}
	#fildinfos .lien_plus{
    margin-bottom: 20px;
    position: absolute;
    right: 0;
	}
			#fildinfos .lien_plus a{
				display: -moz-inline-box;
				display: inline-block;
				margin-top: 10px;
				padding: 2px 40px 2px 4px;
				background: url(../picto/picto_plus.gif) no-repeat 95% 3px #d5d6d1;
				font-size: 90%;
			}


			#presentation, #presentationHP{
/* 				padding: 5px; */
/* 				border: 1px solid  #dddddd; */
				margin-bottom: 20px;
			}

			#presentation .hc{
				padding: 10px;
				background: url(../picto/bg_presentation.gif) no-repeat top right #7e659c;
				color: #ffffff;
			}
			#presentationHP .hc{
				padding: 10px;
				background: url(../picto/bg_titre_info0.gif) no-repeat top right #7e659c;
				color: #ffffff;
			}
			#rightcol #presentation h2, #rightcol #presentationHP h2{ margin: 0 0 10px 0; color: #ffffff; }
#rightcol #presentation h2.hp2{ 
	margin: 15px 10px 0px 0; 
	color:  #003267; 
	padding-bottom: 10px !important;
}

#rightcol #presentationHP h2.hp2 {
	padding-top: 10px;
	margin: 5px 0 5px 0;
	color:  #fff;
	font-size: 125%;
		width: 200px;
	line-height: 16px;
}

#rightcol #presentationHP h2.hp2 span {
	font-weight: bold;
}

#rightcol #presentation p, #rightcol #presentationHP p{ line-height: 120%; }
#rightcol #presentation .content, #rightcol #presentationHP .content{ padding: 0; border: 0; }

			#presentation .hc.hp2{
				padding: 10px;
/* 				background: url(../picto/bg_eis.gif) no-repeat top right #ccd8e4; */
				background: url(../picto/bg_titre_info2.gif) no-repeat top right #ccd8e4;
				color: #003267;
			}


	#rightcol .bloc_gene h2{
/* 		font-size: 160%; */
		font-size: 130%;
		line-height: 90%;
		color: #9e9085;
	}
	#rightcol .bloc_gene .content, #rightcol .bloc_gene .contentPlus{
		/*padding: 5px; */
		/*border: 1px solid #dddddd;*/ /* UMA 2011 */
	}
	#rightcol .bloc_gene .content ul{
		padding: 15px;
		background: #e1e8c9;
	}
	#rightcol .bloc_gene .contentPlus ul{
		padding: 15px;
		background: #D7DEC0;
	}
	#rightcol .bloc_gene .content ul li, rightcol .bloc_gene .contentPlus ul li{ margin-bottom: 4px !important; }
	.bloc_gene .contentPlus ul li{ margin-bottom: 4px !important; }
	#rightcol .bloc_gene .content ul li a, #rightcol .bloc_gene .contentPlus ul li a{
		display: block;
		padding: 0 0 0 18px;
		background: url(../picto/large_fleche_beige.gif) no-repeat 0px 2px;
		color: #333333; font-weight: bold;
	}

#rightcol #mediation.bloc_gene h2 {
    color: #8E78A8;
    font-size: 130%;
    font-weight: bold;
    line-height: 90%;
}

#rightcol #mediation p { 
	line-height: 120%; 
	padding: 5px;
	background-color: #eee;
}

#rightcol #mediation a { 
	background: url("../picto/large_fleche_beige.gif") no-repeat scroll 0 2px transparent;
	color: #333333;
	display: block;
	font-weight: bold;
	padding: 0 0 0 18px;
}
#rightcol #mediation span > a { 
	margin-left: 15px;
	margin-bottom: 6px;
	background-color: #eee;

}
#rightcol #mediation .content { 
	background-color: #eee; 
/* 	background-color: #7E659C; */
/* 	border: 1px solid #9D9D9D; */
	border: 1px solid #CDCDCD;

}

	.bloc_genebis{ margin-bottom: 20px; }
	.bloc_genebis h2{
		padding: 4px 6px;
		background: url(../picto/stripes_violet.gif) repeat top left;
		color: #ffffff;
		font-size: 150%;
		line-height: 100%;
	}
	.bloc_genebis .content{
		padding-top: 10px;
	}
	.bloc_genebis h3{
		font-size: 150%;
		line-height: 100%;
		margin: 0 0 10px 0;
		color: #575757;
	}
	.bloc_genebis .illustration{ float: left; display: inline; margin: 0 10px 10px 0;  }
	.bloc_genebis .content p{ line-height: 120%; }
	.bloc_genebis .ha{ height: 1px; font-size: 0px; line-height: 0px; clear: both; }
	.bloc_genebis p.lien_plus{ padding: 10px 0 0 0; text-align: right; }
	.bloc_genebis p.lien_plus span a{
		display: -moz-inline-box;
		display: inline-block;
		padding: 2px 40px 2px 4px;
		background: url(../picto/picto_plus.gif) no-repeat 95% 4px #d5d6d1;
		font-size: 90%;
	}

	.gauche, .droite{
		display: -moz-inline-box;
		display: inline-block;
		vertical-align: top;
		width: 295px;
	}
	.gauche p.lien_plus span a, .droite p.lien_plus span a{
		display: -moz-inline-box;
		display: inline-block;
		margin-top: 10px;
		padding: 1px 40px 1px 4px;
		background: url(../picto/picto_plus.gif) no-repeat 95% 4px #d5d6d1;
		font-size: 90%;
	}
 	.droite p.lien_plus span a{
		margin-left: 10px;
	}

	.gauche .content, .droite .content{
		border: 0;
		border-bottom: 1px solid #dddddd;
		padding: 0;
/* 		color: #666666; */
		padding-top: 10px;

	}
	.gauche { margin-right: 150px; }

/* BLOCS FONCTIONNELS */

/* CHEMIN DE FER */
span.CdF {
	display: block;
	margin-top: 0px;
	padding-top: 0px;
	top: 0px;
	color: #644787
}

#titre_contenu span.titreContenu {
	display: block;
	margin-top: 8px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	color: #000;
	font-size:95%;
	padding-top: 8px;
	padding-left: 8px;
	padding-bottom: 4px;
	border-top: 1px solid #ddd;
	border-left: 0px solid #ddd;
	margin-right: 10px;
	background: #efefef;

}

#titre_contenu2 span.titreContenu {
	display: block;
	margin-top: 8px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	color: #000;
	font-size:100%;
	padding-top: 4px;
	padding-left: 8px;
	padding-bottom: 4px;
	
	border-top: 0px solid #A7A7A7;
	border-left: 1px solid #ddd;
	margin-right: 10px;
	background: #eaeaea;
	border-left: 4px solid #A7A7A7;

}
	#titre_contenu2 span{
		margin: 0px 0px 0px 0px;
		line-height: 100%;
		font-size: 90%;
		font-weight: normal;
		color: #575757;
	}
	#titre_contenu2 {
		padding: 0 0 15px 10px;
	}
	#titre_contenu2 .surtitre {
		display: block;
		font-size: 100%;
		margin: 0 0 0px 0;
		padding: 8px 0 0px 0;
		font-weight: normal;
		color: #644787;
	}

#titre_contenu2 .surtitre .frm{
		margin: 0px 0px 0px 0px;
		padding: 0 0 0 0;
/* 	border: 1px solid red; */
}
	#titre_contenu2 h2 .surtitre2{
		font-size: 100%;
		display: block;
		margin: 0 0 14px 0;
		padding: 8px 0 0 0;
		font-weight: normal;
		color: #644787;
	}

	h2#titre_contenu2 {
		font-size: 130%;
		display: block;
		margin: 0 0 0px 0;
		padding: 8px 0 0 0;
		font-weight: normal;
		color: #644787;
	}
	#titre_contenu2 h3 .surtitre2{
		font-size: 120%;
		display: block;
		margin: 0 0 0px 0;
		padding: 0px 0 10px 0;
		font-weight: normal;
		color: #575757;
	}
	h3#titre_contenu2 {
		font-size: 130%;
		display: block;
		margin: 12px 0 14px 0;
		padding: 10px 0 0 10px;
/* 		background: url(../picto/bg_surtitreTRANS.gif) no-repeat top right; */
		font-weight: normal;
		color: #575757;

	}


/* NAVIGATION TRANSVERSALE HAUTE */
#ctn_navtrans h2{ position: absolute; visibility: hidden; }
#ctn_navtrans ul li{
	display: -moz-inline-box;
	display: inline-block;

	margin-right: 10px;

	line-height: 28px;
}
#firstnav{ background: url(../picto/bg_nav_rught.gif) no-repeat bottom right; }
#ctn_navtrans ul li a{
	padding-left: 10px;
	background: url(../picto/puce_fleche_violet.gif) no-repeat 0 4px;
	color: #666666;
}

/* LOGO AMF */
/* #ctn_logo{ margin: 20px 0 24px 36px; } */
#ctn_logo {
	height: 80px;
	margin: 25px 0 24px 36px;
}

/* NAVIGATION PRINCIPALE */
#ctn_firstnav a span{ position: relative; visibility: visible; }
#ctn_firstnav a span span{ position: absolute; visibility: hidden; }
#ctn_firstnav{
	background: url(../picto/bg_firstnav.gif) no-repeat bottom left #8e78a8;
	padding-left: 25px;
}
#ctn_firstnav h2{ position: absolute; visibility: hidden; color: #ffffff; }
#ctn_firstnav ul li{ margin-right: -3px !important; }
#ctn_firstnav ul li{ padding: 0 0 0 0; border-left: 1px solid white; }
#ctn_firstnav ul li a{
	display: block;
	padding-right: 0;
	color: #ffffff;
	font-weight: bold;
}
#ctn_firstnav ul li a span{
	display: block;
	padding-left: 10px; padding-right: 10px;
	border-bottom: 4px solid #8e78a8;

}
#ctn_firstnav ul li a span.debut{
	border-left: 0px solid white;
}
#ctn_firstnav ul li ul li a span{ position: absolute; visibility: hidden; }

#ctn_firstnav ul li{
	vertical-align: top;
	display: -moz-inline-box;
	display: inline-block;
/*	line-height: 28px;*/
	line-height: 30px;
	font-size: 14px;
}
#ctn_firstnav ul #rub_quisommesnous{ border-left: 0; }

#ctn_firstnav ul li.on{ background: url(../picto/bg_lion_left.gif) repeat-y top left;  }
#ctn_firstnav ul li.on a{ background: url(../picto/bg_lion_right.gif) repeat-y top right; color: #505050 !important; }
#ctn_firstnav ul li.on a span{
	background: url(../picto/bg_rub_on.gif) repeat-x top left #dedede;
	background: #eaeaea;
	padding-left: 10px; padding-right: 10px;
	border-bottom: 4px solid #C1B8CA;
}
#ctn_firstnav ul li.on ul li a{ color: #003267 !important; }

#ctn_firstnav ul li.current{ background: url(../picto/bg_rub_current.gif) repeat-y top left;  }
#ctn_firstnav ul li.current a{ background: url(../picto/bg_rub_current_r.gif) repeat-y top right; color: #ffffff; }
#ctn_firstnav ul li.current a span{
	border-bottom: 4px solid #5e437f; padding-left: 10px; padding-right: 10px;
}

#ctn_firstnav ul li ul{
/*	position: absolute;
	top: 28px;
	left: 25px;
	width: 780px;
	height: 148px;

	padding: 5px 85px;*/
	background: url(../picto/bg_ul_srub.gif) no-repeat top left #dedede;

	/*z-index: 99;
	background: #eeeeee;*/
}
#ctn_firstnav ul li ul li a{
	padding-left: 10px !important;
	background: url(../picto/puce_ronde_bleue.gif) no-repeat 0px 6px !important;
	color: #003267 !important;
	font-weight: bold;
	font-size: 95%;
}
#ctn_firstnav ul li ul li span span{
	margin-left: 10px;
	font-size: 80%;
}
#ctn_firstnav ul li ul li{
/*	3 colonnes*/
/*	width: 250px;*/
/*	2 colonnes*/
	width: 300px;	
	line-height: 18px;
	margin: 2px;
	padding: 0;
	
	display: block;
	border-left: 0;
}


#ctn_firstnav ul li#rub_lemediateur{
	margin-left: 3px;
	padding: 0 0 0 30px;
	background: url(../picto/bg_rub_mediateur.gif) no-repeat top right;
}
#ctn_firstnav ul li#rub_lemediateur a{ color: #4a4a4a; }

/* Contact */
.formCourt.contact .ctn_field label {
	display: block;
}

/* RECHERCHE INTERNE */
#ctn_recherche{
	position: absolute;
	top: 0;
	right: 85px;

	height: 39px;
	width: 426px;
	padding-top: 3px;
	background: url(../picto/bg_recherche.gif) no-repeat top left;
}
#ctn_recherche h2{ position: absolute; visibility: hidden; }
#ctn_recherche *{ vertical-align: middle; }
#ctn_recherche label{ margin: 0 0 0 14px; color: #ffffff; font-size: 120%; }
#ctn_recherche .textfield{ width: 184px; margin: 0 8px; padding: 1px; background: #ffffff; font-size: 100%; border: 0; }

#ctn_recherche label {
	display: inline;
}

.btn_valid.court input, input.btn_valid.court{
	width: 90px; 
	height: 22px; 
	overflow: visible;
 	background: url(../picto/bg_btn_rechercher.gif) no-repeat top left transparent !important; 
	border: 0px !important;
	color: #333; 
	font-weight: bold;
	font-size: 100%;
	text-align: center;
}
input.btn_valid.court{
	float: right !important;
	display: inline;
	font-size: 100% !important;
	margin-right: 50px;
}
input.btn_valid.court{
	float: right !important;
	display: inline;
	font-size: 100% !important;
	margin-right: 50px;
}
input.btn_file.court{
	display: inline;
	font-size: 90% !important;
	padding-top: 1px;
	padding-bottom: 1px;
	margin-top: 0px;
	margin-bottom: 00px;
	margin-top: 0px !important;
	border: 1px solid #dedede !important;
	height: 16px !important;
}
input.btn_file.court.block{
	margin-left: 18px;
}

input[type="file"] {
}


.ctn_field .groupe {
	display: block;
	width: 550px;
}
input.btn_valid.proche{
	display: inline;
	font-size: 100% !important;
}
.contact input.btn_valid.court.fiche{
	float: left !important;
	clear: both;
	display: block !important;
	font-size: 100% !important;
	text-align: left;
	width: 100%;
}

.btn_valid.long input{
	width: 110px; height: 22px; overflow: visible;
	background: url(../picto/bg_btn_long.gif) no-repeat top left;
	border: 0;
	color: #000000; font-weight: bold;
	font-size: 100%;
	text-align: center;
}

DIV.validation {
	height: auto;
	width: 100%;
}

#ctn_recherche .lien_plus{ margin-left: 128px; font-size: 90%;  }
#ctn_recherche .lien_plus a{ padding-left: 12px; background: url(../picto/puce_fleche_blanc.gif) no-repeat 0px 4px; color: #ffffff; }
.lien_langue{ position: absolute; top: 5px; right: 25px; }


/* TABLES DES MATIERES, panneau mobile */
#ctn_tablematieres
{
    position: absolute;
    right: 32px;
    top: 240px;
}
#ctn_tablematieres .hc{
	display: block !important;
	position: relative; z-index: 999;
	border: 1px solid #efefef;
}
#ctn_tablematieres .content{
	height: 480px;
	overflow: auto;
	width: 590px;
	padding: 15px;
	background: #e0e0e0;
	border: 4px solid #644787;
	position: absolute;
    right: 0px;
    display: none;
}
#ctn_tablematieres .content h2{
	margin: 0 0 15px 10px;
}
#ctn_tablematieres .content ul li a{
	color: #493079;
	font-weight: bold;
}
#ctn_tablematieres .content ul li{ margin-bottom: 20px; }
#ctn_tablematieres .content ul li ul li{ margin-top: 5px; margin-bottom: 0; padding: 0 0 0 10px; background: url(../picto/puce_fleche_noire.gif) no-repeat 0px 5px; }
#ctn_tablematieres .content ul li ul li a{		
	color: #333333;
	font-weight: normal;
}
#ctn_tablematieres .content ul li ul li a.chapitre{
	font-weight: bold;
	font-size: 90%
}

#ctn_tablematieres .content ul li ul{ margin: 0 0 5px 15px; }
#ctn_tablematieres .slider{ 
	position: absolute; 
    left: -33px; 
    top: 0; 
}
#ctn_tablematieres .slider.open{
    /*background-image: url(../picto/slider_open.png);*/
}
#ctn_tablematieres .lien_fermer{ text-align: right; }

/* NAVIGATION SCONDAIRE */
#ctn_secondnav{
	margin-bottom: 18px;
/* 	padding: 5px; */
	border: 1px solid #dddddd;
}
#ctn_secondnav .hc{
/* 	MaJ 241110 Lhs */
/*  	background: #dee6ef; */
/* 	background: #B5BBEC; */
/* MaJ Lhs 80311 */
	background: #E6E6E6;
}
#ctn_secondnav h2{
	padding: 5px 15px;
    background-color: #644787;
/* 	background: url(../picto/bg_titre_textes2.gif) no-repeat top right #644787; */
	font-size: 130%; line-height: 100%;
	color: #ffffff;
	border: 1px solid #dddddd;
	border-right: 1px solid #644787;

}
#ctn_secondnav ul{ padding: 10px 0; }
#ctn_secondnav ul li{
	padding: 7px 0px 7px 0px;
/* 	border-top: 1px dotted #492f76; */
	border-top: 1px solid #ccc;
}
#ctn_secondnav ul li span{ display: block;padding: 0 10px 0 12px; }
#ctn_secondnav ul li.on span{ border-left: 5px solid #003267; padding: 0 10px 0 7px; }
#ctn_secondnav ul li.first{ border-top: 0; }
#ctn_secondnav a{ color: #003267; font-weight: bold; }
#ctn_secondnav ul li ul li{
	margin-left: 20px;
	border-top: 0;
	padding-top: 0px;
	padding-bottom: 7px
}
#ctn_secondnav ul li.on ul li span{ border-left: 0; }


#ctn_secondnav ul li ul li span a{
	padding-left: 15px;
/*  	background: url(../picto/puce_fleche_violet.gif) no-repeat 0px 5px;  */
	background: url(../picto/puce_rond.gif) no-repeat 0px 2px;
	display: block;
}
#ctn_secondnav ul li ul li ul{ padding: 0 !important; }
#ctn_secondnav ul li ul li ul li{
	padding: 0 0 0 0px;
	margin-top: 3px;
	padding-left: 15px;
	margin-left: 25px;
	background: url(../picto/puce_N4off.gif) no-repeat 0px 2px;
	border-left: 0px solid #003267;
	padding-bottom: 5px;
}
#ctn_secondnav ul li.on ul li.on span a{
	padding: 0 0 0 0px;
	margin-top: 0px;
	padding-left: 15px;
/*    list-style-position : inside; */
   list-style-type : none;
	background: url(../picto/puce_rondPlein.gif) no-repeat 0px 3px;
	border-left: 0px solid #003267;
	color: #57544f;
	display: block;
}

.cale{
	border: 1px solid green;
	margin-left: 50px;
}


#ctn_secondnav ul li.on ul li.on  ul li span a{
	padding-left: 0px;
 	background: transparent;
	color: #003267;
	font-weight: normal;
}
#ctn_secondnav ul li.on ul li.on ul li.on{
	padding: 0 0 0 0px;
	margin-top: 3px;
 	padding-bottom: 5px;
	padding-left: 15px;
	margin-left: 25px;
	background: url(../picto/puce_N4.gif) no-repeat 0px 2px;
	border-left: 0px solid #003267;
   list-style-type : none;
}
#ctn_secondnav ul li.on ul li.on ul li.on a {
	color: #57544f;
	font-weight: normal;
/* 	padding-bottom: 7px; */
}

#ctn_secondnav ul li ul li ul li span{ padding-left: 0 !important; }
#ctn_secondnav ul li ul li ul li a{
	padding-left: 0;
	background: none;
	color: #003267;
}

/* Le suppl�ment � la nav. secondaire */
#ctn_secondnav2 {
	display: block;
	margin-top: 0px;
	margin-bottom: 18px;
    border: 1px solid #DDDDDD;
    margin-bottom: 18px;
	background: #E6E6E6;
	background: #E1E8C9;
	padding: 0 0px 0 12px;
}
#ctn_secondnav2 ul li {
	padding: 6px 0px 6px 0px;
}

#ctn_secondnav2 a {
    color: #333;
    font-weight: bold;
	padding-left: 16px;
	background: url("../picto/bg_li_beigeTRANS10.gif") no-repeat scroll 0px -5px #E1E8C9;
}

/* NAVIGATION EDITORIAL */
.navEditorial ul {
	list-style: square;
	list-style-position: inside;
	color: #644787;
	padding-bottom: 15px;
}

.navEditorial a {
	color: #644787;
	font-weight: bold;
}

/* NAVIGATION PAR ONGLET */
.ctn_navonglet{ margin-bottom: 0px; }
.ctn_navonglet ul.tabs-nav li:first-child{ margin-right: 0px !important; } /* UMA 2011 */
.ctn_navonglet ul.tabs-nav li{
	display: -moz-inline-box;
	display: inline-block;
/* 	border-left: 1px solid #efefef; */

	width: 185px;
	background: url(../picto/bg_onglet.gif) no-repeat top left;

	text-align: center;
	line-height: 23px;
	vertical-align: top;
	
	/*margin-right: 3px;*/ /* UMA 2011 */
}
.ctn_navonglet ul.tabs-nav li.tabs-selected{
/* 	background: url(../picto/bg_onglet_on.gif) no-repeat top left; */
	background: #EFEFEF;
	font-weight: bold;
	font-size: 120%;
}
.ctn_navonglet ul.tabs-nav li a{
	color: #003267;
}

#fragment-1.tabs-container {
	border-top: 1px solid #fff;
	border-left: 1px solid #ddd;
	margin-top: 0px;

}
/* FICHE DETAIL */
.ctn_detail{
/* 	border-left: 1px solid #ddd; */

}
.ctn_detail .categorie{
	margin-top: 15px;
	padding: 15px 10px 0 10px;
	background: #ede8e5;
	border-left: 7px solid #656668;
}
.ctn_detail .categorie .label{
	color: #333333;
	font-weight: bold;
	font-size: 120%;
}
.ctn_detail .categorie_item{
	display: -moz-inline-box;
	display: inline-block;

	margin-right: 5px;
/*	padding: 5px 5px 5px 24px;
	background: url(../picto/puce_categorie.gif) no-repeat 8px 8px #666666;*/

	font-size: 120%;
	font-weight: normal;
	color: #333333;
}
/*
	.ctn_detail .categorie .position{ background-color: #666666; }
	.ctn_detail .categorie .decision{ background-color: #666666; }
	.ctn_detail .categorie .instruction{ background-color: #666666; }
	.ctn_detail .categorie .pratique{ background-color: #666666; }
	.ctn_detail .categorie .rescrit{ background-color: #666666; }
	*/
.ctn_detail #informations{
	margin-top: 5px;
	padding: 6px 10px 2px 10px;
/* 	background: #ede8e5; */
/* 	background: #eaeaea; */
/* 	border-left: 5px solid #ddd; */
	font-size: 95%;
}
.ctn_detail #informations h3{ position: absolute; visibility: hidden; }
.ctn_detail #informations p{ margin-bottom: 2px !important; line-height: 120%; }
.ctn_detail #informations p.date, .ctn_detail #informations p.reference { margin-bottom: 2px !important; }
.ctn_detail #informations .publi_date{
	display: block;
    font-weight: bold;
    font-size: 110%;
    margin-right: 5px;
    width: 94%;
}
.ctn_detail #informations p.TXT{ margin-bottom: 6px !important; }
.ctn_detail #informations{ height: 1%; }
p.obsolete { margin-top: 2px !important; }

.ctn_detail #resume, #resume {
	padding-left: 10px;
	padding-top: 8px;
	padding-bottom: 12px;
}
.ctn_detail #resume.bloc_unit{
	margin-bottom: 0px;
	padding-bottom: 0px;
}
.ctn_detail #resume.bloc_unit p{
	margin-bottom: 0px;
	padding-bottom: 10px;
}

.ctn_detail #resume h3{
	margin-bottom: 6px;
	padding: 0 0 0 0px;
/* 	background: url(../picto/fleche_noire.gif) no-repeat 0px 2px; */
	font-size: 100%;
}
.ctn_detail #resume p{
	padding-bottom: 25px;
	color: #393939;
	line-height: 120%;
	padding-right:40px;
}

.ctn_detail #contenu_segment{
	padding: 12px 10px 10px 10px;
/* 	background: url(../picto/stripes_break.gif) no-repeat top left; */
/* 	border-left: 1px solid #ddd; */
/* 	border-top: 1px solid #dddddd; */
}
.ctn_detail #contenu_lien{
	padding: 2px 2px 2px 10px;
/* 	background: url(../picto/stripes_break.gif) no-repeat top left; */
/* 	border-left: 1px solid #ddd; */
/* 	border-top: 1px solid #dddddd; */
}
.ctn_detail #contenu_segment h3{
	margin: 5px 0 -1px 0;
	color: #333333;
	font-size: 120%;
	line-height: 100%;
	display:block;
	padding-bottom: 2px;
}
#informations.bloc_unit h4{
	margin: 5px 0 -1px 0;
 	color: #333333; 
	font-size: 120%;
	line-height: 100%;
	display:block;
	padding-bottom: 12px;
}
.ctn_detail #informations h3.bdif, #versionsdocument  h3.bdif {
    position: relative !important;
    visibility: visible !important;
	margin: 5px 0 -1px 0;
	margin-bottom: 15px;
	padding-bottom: 3px;

 	color: #333333; 
	font-size: 120%;
	line-height: 100% !important;
	display:block !important;
    clear: left;
    color: #333333;
    display: block;
    font-size: 120%;
    line-height: 100%;
    border-bottom: 1px solid #DDDDDD;
    color: #644787 !important;
    line-height: 100%;
}



.ctn_detail #contenu_segment p{ line-height: 120%; padding-right:40px; margin: 10px 0; text-align: justify; }
.ctn_detail #contenu_segment .lien_plus a, .ctn_detail #contenu_segment .lien_plus3 a, .ctn_detail #contenu_lien .lien_plus a, .ctn_detail #contenu_lien .lien_plus3 a{
	padding-left: 10px;
	background: url(../picto/picto_fleche_marine.gif) no-repeat 0px 6px;
	color: #003267;
	font-weight: bold;
}

.ctn_detail div.sommaire.bloc_unit.contenu_edito h3{
	width: auto;
}

.ctn_detail .sommaire h3{
	margin: 0 0 0 0 !important;
	padding: 0 0 3px 10px;
	color: #644787 !important;
	font-size: 120%;
	line-height: 110%;
	border-bottom: 1px solid #dddddd;
/* 	border-left: 1px solid #ddd; */
	width: 100px;
/* 	position: absolute; */
/* 	visibility: hidden; */
}
.ctn_detail .sommaire{
	/* background: url(../picto/large_stripes_beige.gif) repeat top left; */
	
}
.ctn_detail .sommaire li{
	display: block;
	width: auto;
	padding: 0;
	margin-bottom: 4px;
	background: none !important;
	text-align: left;
	line-height: 100%;
}
.ctn_detail .sommaire ul{
	height: 1%;
	padding: 5px 10px;
	border-left: 6px solid #ddd;
	border-bottom: 1px solid #ddd;
}
.ctn_detail .sommaire ul span{ display: block; padding: 0 0 0 10px; background: url(../picto/puce_grise.gif) no-repeat 0px 4px; } /* UMA 2011 */

		/* document associe */
		.liste_item .type_item{ padding: 8px 8px 8px 42px; background: #b6b2c9; color: #333333; font-size: 110%; font-weight: bold; }
		.liste_item .ficheliee{ background: url(../picto/picto_ficheliee.gif) no-repeat 10px 50% #b6b2c9; }
		.liste_item .adrexterne{ background: url(../picto/picto_adrexterne.gif) no-repeat 10px 50% #b6b2c9; }
		.liste_item .fichierpdf{ background: url(../picto/picto_pdf.gif) no-repeat 10px 50% #b6b2c9; }

		.liste_item{
 			border-left: 1px solid #ddd; 
		}
		.liste_item .bloc_unit{
			margin-bottom: 16px;
			clear: both;
/* 			border-left: 1px solid #ddd; */
		}
		.liste_item .bloc_unit .informations{
			padding: 0px 10px;
			border-left: 0px solid #ddd;
/* 			line-height: 90%; */
			margin-top: 0px;
			margin-bottom: 0px;
			font-size: 80%;
		}
		#resultatsrecherche .informations{
			padding: 5px 10px;
			border-left: 0px solid #ddd;
/* 			line-height: 90%; */
			margin-top: 0px;
			margin-bottom: 0px;
			font-size: 95%;
		}
/* 		#resultatsrecherche .bloc_unit .informations{ margin-left: -5px; } */
		
		.liste_item .bloc_unit .informations .importante{ font-size: 110%;  font-weight: bold;}
		.liste_item .bloc_unit .informations .date{ font-size: 110%; display:block; margin-bottom: 0px;}
		.liste_item .bloc_unit .informations .auteur{ font-size: 110%; }
.liste_item .bloc_unit .informations .reference{
	display: block;
	font-size: 130%;
	font-weight: bold;
	margin-bottom: 2px;
	font-weight: bold;
	margin-right: 5px;

}
		.liste_item .bloc_unit .informations .location{ display: block; }
		.liste_item .bloc_unit .informations .normal{ display: block; }
		.liste_item .bloc_unit h3{
			padding: 6px 10px 6px 10px;
			font-size: 130%;
			line-height: 100%;
/* 			color: #333333; */
/* 		    color: #575757; */
		    color: #000;
		}
		.liste_item .bloc_unit .informations .publiedans{
	display: block;
	margin-top: 0px;
	margin-bottom: 2px;
	font-size: 110%;
}
		.liste_item .bloc_unit .content{ padding: 2px 10px 0px 10px; }
		.liste_item .bloc_unit .illustration{ float: left; display: inline; margin: 0 10px 10px 0; width: 40px; height: 40px; overflow: hidden; }
		.liste_item .bloc_unit .content p{ margin-bottom: 5px; text-align: justify;  padding-right:40px; margin-top: 8px;}
		.liste_item .bloc_unit .content .lien_plus a{
			padding-left: 10px;
			background: url(../picto/picto_fleche_marine.gif) no-repeat 0px 4px;
			color: #003267;
/* 			font-weight: bold; */
		}



		.liste_item .bloc_unit .content .lien_plus{
			padding-bottom: 5px;
			border-bottom: 0px dotted #333333;
		}
		ol li.resultat{
			padding-bottom: 10px;
			border-bottom: 1px dotted #333333;
			margin-left: 5px;
		}
		ol li.resultat span.titre{
			font-size: 110%;
		}
#resultatsrecherche ul li.resultat {
    line-height: 100%;
    list-style-position: outside;
    list-style-type: none;
    margin-left: 0;
    padding-bottom: 10px;
    padding-left: 0;
}

#resultatsrecherche ul li.resultat2{
	padding-bottom: 10px;
	margin-left: 0px;
	padding-left: 0px;
	line-height: 100%;
	list-style-position : outside;
	list-style-type : none;
	width: 100% !important;
}


#resultatsrecherche ul li.resultat span.titre {
    color: #000000;
    display: block;
    font-size: 120%;
    font-weight: bold;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-top: 5px;
}

		a.lien_plus3{
			padding: 2px 0px 0px 10px;
			margin: 0 0 0 0;
			margin-left: 15px;
			background: url(../picto/picto_fleche_marine.gif) no-repeat 0px 6px;
			color: #003267;
		}

		.tabs-container .liste_item{ padding-top: 2px; }


/* pagination */
.ctn_navarticle{ margin: 15px 0; border-top: 1px solid #d5d6d2; height: 25px; color: #ffffff; }
.ctn_navarticle p{ text-align: center !important; }
.ctn_navarticle .precedent, .ctn_navarticle .suivant{
	display: -moz-inline-box;
	display: inline-block;
	width: 140px;
	padding: 2px 0;
	background: #d5d6d2;

	text-align: center;
	font-size: 90%;
}
.ctn_navarticle .precedent a, .ctn_navarticle .suivant a{ color: #59493f; }
.ctn_navarticle .precedent{
	padding-left: 5px;
	float: left;
	background: url(../picto/picto_precedent.gif) no-repeat 7px 4px #d5d6d2;
}
.ctn_navarticle .suivant{ float: right; background: url(../picto/picto_suivant.gif) no-repeat 95% 4px #d5d6d2; }
.ctn_navarticle .page{ color: #59493F; background: #d5d6d2; padding: 0 5px 0 5px; }
.ctn_navarticle .on{ color: #333333; background: #B496D5; padding: 0 5px;  }
.ctn_navarticle .page a{ color: #59493F; }



/* NAVIGATION TRANSVERSALE BASSE */
#ctn_navfooter{
	margin: 15px 0;
	background: url(../picto/arrondis_grisTRANS.gif) no-repeat bottom left #E1E8C9;
	border: 0px solid #fff;
	width: 950px;
	clear:both;
	margin:auto;
	margin-top: 15px;
}
#ctn_navfooter li{
	display: -moz-inline-box;
	display: inline-block;
	vertical-align: top;

	padding: 15px;
}
#ctn_navfooter li a{ color: #1e5691; font-weight: bold; }
.btEmpied {
	color: #505348;
	font-weight: bold;
}
#ctn_navfooter h2{ position: absolute; visibility: hidden; }
#ctn_navfooter li ul{ margin-top: 5px; } /* UMA 2011 */
#ctn_navfooter li ul li{
	display: block;
	padding: 3px 0px; /* UMA 2011 */
	width: auto !important;
/* 	height: 1%; */
/* UMA 2011 */
}
#ctn_navfooter li ul li a{
	/* display: block: UMA 2011 */
	margin: 5px 0;
	padding-left: 14px;
	background: url(../picto/bullet_grise.gif) no-repeat 0px 2px;
	font-size: 90%;
	color: #333333;
	font-weight: normal;
}
#ctn_navfooter li#rub_coinemetteurs{ width: 200px; }
#ctn_navfooter li#rub_rcsi{ width: 200px; }
#ctn_navfooter li#rub_grandpublic{
	width: 238px;
}
#ctn_navfooter li#rub_outilspratiques{
	width: 180px; height: 120px;
/* 	background: url(../picto/stripes_grisTRANS.gif) repeat-y top left; */
	background: #D7DEC0;
}
#ctn_navfooter li#rub_outilspratiques a{
	color: #841e6a;
	font-weight: bold;
	font-size: 120%;
}
#ctn_navfooter li#rub_outilspratiques li a{
/* 	color: #003267; */
	color: #333333;
	font-size: 90%;
	font-weight: normal;
}

#ctn_navtransfoot{ margin: 10px 0; }
#ctn_navtransfoot  h2{ position: absolute; visibility: hidden; }
#ctn_navtransfoot p{
	padding: 6px 15px;
	background: #eeeeee;
	border: 1px solid #dddddd; text-align: center;
	font-size: 90%;
	color: #57544f;
	width: 920px;
	clear:both;
	margin:auto;
	margin-top: 30px;
}
#ctn_navtransfoot p span a{ margin: 0 5px; color: #57544f; }

.integree {
	padding-top: 10px;
	padding-bottom: 10px;

}

/* EN SAVOIR PLUS */
.ctn_avoiraussi{
	margin-left: -6px;
	margin-bottom: 10px;
	padding: 0px 10px 0 0;
/* 	border-left: 1px solid #dddddd; */
	margin-top : 10px;
	margin-bottom: 20px;
}
.ctn_avoiraussi h3{
 	margin: 0 0 0 0 !important; 
	padding: 0 0 0 10px;
	color: #644787 !important;
	font-size: 120% !important;
	line-height: 100%;
	border-bottom: 1px solid #dddddd;
	width: 140px;
	margin-left: 10px !important;
	padding-left: 0px;

/* 	margin-bottom: -1px; */
}
.ctn_avoiraussi h3.long{
	width: 250px;
	border-bottom: 0px solid #dddddd;
}
.PlusLong h3 {
	margin-top: 12px;
	width: 450px;
}
.ctn_avoiraussi .content{
	padding:  2px 10px 4px 10px;
/* 	margin-left: -5px; */
/* 	border-left: 6px solid #dddddd; */
/* 	border-bottom: 1px solid #dddddd; */
}



/* template resultats de recherche  */
.resultatsrecherche #entete_resultat{
	margin-bottom: 12px;
	background: url(../picto/stripes_bleue.gif) repeat top left;
}
.resultatsrecherche #titre_contenu{
	padding: 12px 15px 12px 58px;
	background: url(../picto/loupe_titre_recherche.gif) no-repeat 15px 8px;
}
.resultatsrecherche .info_resultat{
	padding: 0px 5px 5px 0px;
	font-size: 110%;
	color: #000;
}
#titre_contenu .info_resultat{
	padding: 0px 5px 5px 0px;
	margin-bottom: 12px;
	margin-top: 5px;
	font-size: 100%;
	color: #000;
}



/* nouvelle recherche */
#ctn_newrecherche{ margin-bottom: 25px; }
#ctn_newrecherche h3{
	margin-bottom: -5px;
	padding: 24px 20px 4px 28px;
	background: url(../picto/bg_titre_newrech.gif) no-repeat top left;
/* 	font-size: 150%; */
    color: #333333;
    font-size: 130%;
    line-height: 100%;
}
#ctn_newrecherche .content{
	margin: 0 91px 0 22px;
	padding: 10px;
	background: url(../picto/bg_affiner_bottom.gif) no-repeat bottom left #cac7d8;
	margin-top: 0px;
	padding-bottom: 25px;
}
#ctn_newrecherche label, #ctn_newrecherche .label{ width: 100px; color: #333333; line-height: 100%; }
#ctn_newrecherche .ctn_field{ background: none; border-left: 0; padding: 0; }
#ctn_newrecherche .ctn_inline_field{  padding: 0; padding-top: 10px; border-top: 1px solid #ffffff; background: none; border-left: 0; }
#ctn_newrecherche .btn_valid{ margin-bottom: 0 !important; text-align: right; }
#ctn_newrecherche .btn_valid input{ 
	width: 85px; height: 22px; overflow: visible;
	padding-right: 10px; 
	background: url(../picto/bg_btn_rechercher.gif) no-repeat top left; 
	border: 0; 
	color: #333333; font-weight: bold;
	font-size: 100%;
	font-family: Arial;
	text-align: center;
	
	text-align: center;
}

#complemente {
	display:block;
	margin-left: 0;
	padding: 10px 10px 20px 0;
	border-left: 1px solid #dddddd; 
}
.contente {
/* 	background: #E1E8C9; */
	border-bottom: 1px solid #DDDDDD;
	padding: 10px;
	border-left: 4px solid #DDDDDD;
	display:block;
}
#complemente .ctn_field label{
	display: block;
}
#complemente h3{
	margin: 0 0 0 0 !important;
	padding: 0 0 0 10px;
	color: #644787 !important;
	font-size: 120%;
	line-height: 100%;
	border-bottom: 1px solid #dddddd;
	width: 450px;
}

/* FAQ, question, reponse, resultat */
.bloc_unit .reponse span{
	display: block;
	margin-bottom: 5px;
}
.bloc_unit .reponse span span{
/* 	display: -moz-inline-block; */
	display: inline-block;
	padding: 2px 5px;
	background: url(../picto/stripes_bleue.gif) repeat top left;
	text-align: right;
	color: #333333; font-weight: bold;
}


#liste_faq .bloc_unit .question {
	margin-bottom: 0;
	padding: 10px;
	padding-top: 4px;
	padding-bottom: 4px;
	/* background: url(../picto/large_stripes_beige.gif) repeat top left; */
	background: #ede8e5;
	border-left: 5px solid #cabcb3;
	font-size: 100%;
/* 	font-weight: bold; */
	cursor: pointer;
	display: block;
}
#liste_faq .bloc_unit .question a {
	display: inline;
	background: #ede8e5;
	color: red;
}
#liste_faq .bloc_unit .reponse{ padding: 10px; }
#liste_faq .bloc_unit .reponse strong{ display: block; font-weight: normal; }
#liste_faq .bloc_unit .reponse span{ line-height: 140%; }


/*lexique */
#ctn_abcdaire{
/*	position: absolute;
	top: 215px;
	right: 70px;*/
	z-index: 99;
	margin-top: 20px;
	margin-bottom: 20px; 
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 6px;
	padding-bottom: 3px;
	background: #eaeaea;
}
#ctn_abcdaire h3{ position: absolute; visibility: hidden; }
#ctn_abcdaire li{ 
	display: -moz-inline-box;
	display: inline-block;	
	
	vertical-align: top;
	background: none; padding-left: 0;
}
#ctn_abcdaire  ul{ margin-bottom: 0; }
#ctn_abcdaire li span{ 
	display: block; 	
	margin-right: 1px; 
	padding: 5px 3px; 
	
	color: #71726f; 
	font-size: 150%;
	font-weight: bold;
		
}
#ctn_abcdaire li span a{ color: #333333;  }
#ctn_abcdaire li.lettre span{ display: block; background: #CDCDCD; color: #333333; }
#ctn_abcdaire li.on span{ display: block; margin-right: 0px; padding: 4px 7px 20px 6px; background: url(../picto/abcdaire_on.gif) no-repeat top left;  color: #644787; }

#liste_lexique{
	position: relative;
	margin-bottom: 20px;
	padding-left: 35px;
	background: url(../picto/stripes_violet.gif) repeat top left;
}
#liste_lexique h3{ 
	position: absolute;
	top: 0px; left: -1px;
	margin: 0;
	padding: 18px 7px 5px 7px;
	background: url(../picto/bg_top_lettre.gif) no-repeat top left;
	color: #ffffff;
	font-size: 250%; line-height: 100%;
}
#liste_lexique .bloc_unit{ 
	margin: 0;
	padding: 10px 15px;
	background: #ffffff; 
}
#liste_lexique .bloc_unit .mot{ 
	margin-bottom: 15px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #666666;
	font-weight: bold;
	font-size: 120%;
	line-height: 100%;
}
#liste_lexique .bloc_unit .definition{ line-height: 120%; }

/* plan du site */
#ctn_plandusite{ margin-top: 15px; }
#ctn_plandusite ul li{
/* 	display: -moz-inline-block; */
	display: inline-block;
	width: 29%;
	vertical-align: top;
	margin: 0 10px 20px 10px;
}
#ctn_plandusite ul li a span{
	position: relative; visibility: visible;
	display: block;
	margin-bottom: 10px;
	padding: 6px 6px 6px 16px;
	background: #E6E6E6;
/*	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;*/
	border-left: 7px solid #003267;
	font-size: 120%;
	line-height: 100%;
	font-weight: bold;
	color: #003267;
	width: 90%;
}
#ctn_plandusite ul li ul{ 
	margin-left: 5px !important; 
}
#ctn_plandusite ul li ul li {
	display: block; 
	width: auto;
	margin: 0 0 8px 0;
	border: 0;
}


#ctn_plandusite ul li ul li span a{
	display: block;
	padding-left: 10px;
/* 	background: url(../picto/puce_fleche_violet.gif) no-repeat 0px 5px; */
	line-height: 120%;
	color: #003267;
}
#ctn_plandusite ul li ul li span span{ display: block; margin-left: 10px; font-size: 90%; }


/* lien haut de pages */
p.hautdepage{ text-align: right; font-size: 90%; margin-bottom: 10px; } /* UMA 2011 */
p.hautdepage2{
	text-align: right; font-size: 90%;
	margin-bottom: 50px;
}
p.hautdepage a{
	
	padding: 0 22px 8px 0;
	background: url(../picto/bg_hautdepage.gif) no-repeat top right;
	color: #003267;
	line-height: 20px;
}
p.hautdepage2 a{
	
	padding: 0 22px 8px 0;
	color: #003267;
	line-height: 40px;
}
/* Spécial formulaires */
#BDIFdiv, #DIJ, #AS, #OP, #SP {
/* 	display: none; */
/* 	display: block; */
}
#BDIFdiv h4 {
	font-size: 100%;
	margin-bottom: 4px;
}
#BDIFtout, #PIS {
/* 	display: block; */
}

/*   HP2 DREP */
#content.drep {
/*  border: 1px solid yellow; */
/* width: 660px; */
 clear: right;
}
#hpDREP {
	width: 400px;
/*  	border: 1px solid red; */
	display: -moz-inline-box;
	display: inline-block;
	float:left;
}
#rightcol.DREP{
/*  	border: 1px solid red; */
	text-align:right;
	vertical-align: top;
	display: -moz-inline-box;
	display: inline-block;
	width: 253px; /* UMA 2011 */
	margin-left: 0px;
	padding-left: 20px; /* UMA 2011 */
}
#adecouvrir.drep{
				display: -moz-inline-box;
				display: inline-block;
				vertical-align: top;
				width: 100%;
			}

			#zoomsur.drep{
				width: 100%;

				margin-left: 0px;
			}
#alaune.drep {
	margin-top: 12px;
}
p.lien_plus2 {
	text-align: right;
}
p.lien_plus {
 	border-bottom: 1px solid #ddd;
	margin-bottom: 15px;
	width: 100%;
	text-align: right;
}
#contenu_lien p.lien_plus3 {
	margin-bottom: 1px;
}
p.lien_plus3 {
	margin-bottom: 15px;
}

.msgImportant2 {
    font-size : 110%;
    font-weight : bold;
/*     text-decoration : overline; */
  }
.msgImportant2 {
    font-size : 140%;
    font-weight : bold;
  }
.msgAlerte {
    text-align : center;
	display: block;
	padding-top: 4px;
	padding-bottom: 5px;
}
span.illustrations {
	vertical-align: top;
	height: 180px;
	display: block;
}
span.texteA {
	padding-top: 5px;
	vertical-align: top;
	display: -moz-inline-box;
	display: inline-block;
float: right;
clear:left;
width: 140px;
}
span.illustrations img {
	float: left;
	display: block;
	padding: 5px;
}

/* Calendrier JQUERY */

/*
 * jQuery UI Datepicker 1.8.7
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Datepicker#theming
 */
.ui-datepicker {
	width: 15em;
	padding: .2em .2em 0;
	display: none;
	background-color: #ccd8e4;
	border: 1px solid grey;
}
.ui-datepicker .ui-datepicker-header {
	position:relative;
	padding:.2em 0;
	font-weight: bold;
	border-bottom: 1px solid grey;
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker-prev {
				background: url(../picto/picto_precedent.gif) no-repeat 95% ;
}
.ui-datepicker-next {
				background: url(../picto/picto_suivant.gif) no-repeat 95% ;
}

.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; }

/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }


/* =============================== */
/* iframe Simulateur               */

#simulateur {
	border: 0px solid #ddd;
	margin-left : 0px;
	margin-bottom: 12px;
}

#TOUTdiv {
	width: 670px;
	display: block;
	float: left;
	clear: both;
	margin-bottom: 15px;
}
#FRMsaisie {
	width: 350px;
	float: left;
	display: block;
}

/* simulateurs */
.saisie {
	display: block;
 	font-size: 110%;
}
.saisie input {
	margin-top: 5px;
	margin-right: 12px;
}
.saisie label {
	display: inline-block;
	width: 250px;
	border: 0px solid red;
}
.saisie label.labelCourt {
	width: 50px;
	padding-left: 8px;
}
.valideur {
  	float: right;  
 	margin-left: 10px;
	margin-top: 15px;
	padding: 3px 10px 5px 10px;
	width: 90px; 
	height: 22px; 
	overflow: visible;
	background: url(../picto/bg_btn_rechercher.gif) no-repeat top left transparent !important;
	margin-right: 0px !important;
	border: 0px !important;
	font-size: 100% !important;
	font-weight: bold;
	font-family: Arial, sans-serif;
	color: #333;
	font-weight: bold;
	text-align: center !important;
}

.calcul {
}
#calcule {
	width: 350px;
/* 	border: 1px solid blue; */
	float: left;
}

#AS h4,#SP h4,#OP h4,#PIS h4 {
	margin-bottom: 10px;
}
#resultat {
	margin-top: 10px;
 	font-size: 115%;
	margin-left: 10px;
	display: inline-block;
	height: 400px;
	padding-top: 5px;
	float: right;
	width:300px;
}
#resultats {
	padding-top : 0px;
	padding-left : 10px;
	width:280px;
}
#resultatComment {
	padding-top : 5px;
}
.resu {
	width:300px;
 	border: 0px solid #B9C0C7;
	line-height: 16px;
	font-size : 100%;
	margin-left: 10px;
}
.resultatVisible {
	padding-left: 10px;
}
#resultat.ResHaut {
	height: 180px;
}
#resultat.Res {
	height: 170px;
}
.calculette {
	display: block;
	border: 0px solid red;
	width: 100%;
	margin-bottom: 10px;
}
.champLogic {
	margin-top: 12px;
	width: 330px;
	padding-left: 8px;
	padding-bottom: 12px;
}
.champLogic legend {
	padding-left: 12px;
	padding-right: 12px;
	font-size: 100%;
	font-weight: bold;
}
input.pc {
	width: 45px;
}
#requete2 {
	border: 0px solid red;
	width: 520px;
}
#resumeur {
	border: 0px solid red;
	margin-bottom: 2px;
	margin-top: 6px;
}
#aideur, .aide {
	color: #555;
	margin-bottom: 0px;
	font-size: 90%;
}
#alerteur {
	color: #FF6427;
	margin-bottom: 0px;
	margin-top: 0px;
}
#IMPlegales, #IMPtitre {
	display:none;
}

fieldset.rav .checkbox {
	vertical-align: top !important;
}

/* Bandeau Cookie */
#cookieBandeau {
	position: fixed;
	bottom: 0px;
	z-index: 1;
	padding: 11px 10px;
	background: none repeat scroll 0 0 #eeeeee;
	width:100%;
}

#cookieMessage, #cookieLink, #cookieInput {
	display: inline;
	margin-left:20px;	
}

#cookieInput {
	cursor:pointer;
	padding: 4px 5px;
	background-color:	#009AFD;	
	border-radius: 5px;
	border:1px solid #3079ED; 
}

#cookieInput a {
	color:	#FFFFFF;
	font-weight: bold;
}

/* Rajout SWORD pour corriger le titre sur les pages avec table des mati�res */
.titre_avec_table_matiere {
	padding-right: 50px !important;	
}

/* Positionement barres d'edition metaNvigation  */
#ctn_navtrans .mgnlEditorBar {
	position: absolute !important;
	left: -150px;
}

#ctn_navtrans .mgnlPlaceholderBox {
	display: none;
}

/* Properties for audio tag */
audio {
    display: inline;
}
/* Properties for video subtitles (works on Chrome, Opera and Safari)*/
::cue {
  color: white;
  background: black;
  font: 2em sans-serif;
}
.custom-component {
  text-align: center;
  margin: 10px 0;
}
.slideshare-component {
  text-align: center;
}