/****************************
* POUR GENEVE.CH            *
* AUTEUR : LTI              *
* CREATION : 07.07.2006     *
* MISE A JOUR : 17.10.2012  *
****************************/

body {
	font-family: Arial, sans-serif;
	font-size: 0.75em;
	line-height: 1.5em;
	color: #666666;
	margin: 0px;
	background: #FFF;
	text-align: center;
	/*Ascenceur*/
	scrollbar-face-color: #EAEAEA;
	scrollbar-arrow-color: #0C6A89;
	scrollbar-track-color: #F1F1F1;
	scrollbar-shadow-color: #EEEEEE;
	scrollbar-highlight-color: #EEEEEE;}
	
html {
	overflow: -moz-scrollbars-vertical; 
    overflow-y: scroll;}

@page { size: 21cm 29.7cm; margin: 2cm }

/*Listes à puces et numérotées*/
ul {
	list-style-image: url(../images/welcome/puce.gif);
	margin: 5px 0px 5px 35px;
	padding: 0px;}
		
ol {
	list-style-type:decimal;
	margin: 5px 0px 5px 40px;
	padding: 0px;}
	
ol ul {
	margin-left: 12px;
	padding: 0px;}

ol.abc {
	list-style-type: lower-alpha;
	margin: 5px 0px 5px 40px;
	padding: 0px;}

ol.ABC {
	list-style-type: upper-alpha;
	margin: 5px 0px 5px 40px;
	padding: 0px;}
	
ol.romain {
	list-style-type: upper-roman;
	margin: 5px 0px 5px 40px;
	padding: 0px;}
	
/*Marqueur de texte*/
blockquote {
	margin: 5px 0px 10px 20px;}
	
dt {
	font-weight: bold;}

/*Images*/
img { border-width: 0px;}

/*Images avec légende texte*/
.legende {
	font-size: 0.8em;
	line-height: 1.2em;
	margin-bottom: 2px;}
	
.legende img {
	margin-top: 10px;}
	
.legende p {
	margin: 4px 0;}
		
/*Ligne horizontal*/
hr {
	width: 100%;
	height: 1px;
	color: #e3e3e3;
	background-color: #e3e3e3;
	border: 0px;}

/*République et canton de Genève*/
h1	{
	font: xx-small/1.0em Arial, sans-serif;
	color: #333;
	font-weight: normal;
	margin: 0px;}

/*Titres de pages*/
h2	{
	font: 1.1em/1.0em Arial, sans-serif;
	color: #0C6A89;
	font-weight: bold;
	text-transform: uppercase;
	padding-bottom: 5px;
	text-align: left;
	margin: 0px;}
	
h2.h2_actu {
	font: 1.0em/1.2em Arial, sans-serif;
	font-weight: bold;
	text-transform: none;}
	
h2 span.minuscule	{
	text-transform: none ;}

/*Sous-titres*/
h3	{
	font-size: 1.0em;
	letter-spacing: 1px;
	color: #83B3C3;
	font-weight: bold;
	text-transform: uppercase;
	text-align: left;
	margin: 0px;
	margin-bottom: 10px;}
	
h3 span.minuscule	{
	text-transform: none ;}

h4	{
	color: #64A0B4;
	font-size: 1.2em;
	font-weight: bold;
	margin-top: 12px;
	margin-bottom: 3px;}
	
/*Uniquement sur autorisation*/
h4.gris	{
	color: #666;}

h4.h4_actu	{
	font: 1.0em/1.2em Arial, sans-serif;
	font-weight: bold;
	margin-top: 2px;
	margin-bottom: 0px;}

h5	{
	color: #666;
	font-size: 1.2em;
	font-weight: bold;
	margin-top: 12px;
	margin-bottom: 3px;}
	
h6	{
	color: #999;
	font-size: 1.1em;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 3px;}

/*Uniquement sur autorisation*/
h6.gris	{
	color: #666;}

h7	{
	color: #666;
	font-size: 1.1em;
	font-weight: normal;
	font-style: italic;
	margin-top: 10px;
	margin-bottom: 3px;}
	
sup {
	text-transform: lowercase ;}

/*Mise en forme du texte*/
.txt_normal		{font-size: 0.75em;}

.txt_moyen		{font-size: 1.2em;}

.txt_petit		{font-size: 0.8em;}

.txt_gras		{font-weight: bold;}

.txt_pas_gras	{font-weight: normal;}

.txt_italic		{font-style: italic;}

.txt_souligne 	{text-decoration: underline;}

.txt_barre		{text-decoration: line-through;}

.txt_lowercase	{text-transform: lowercase;}

/*Texte de couleur bleue*/
.txtCouleurFonce { color: #0C6A89;}

.txtCouleurMoyen { color: #64A0B4;}

.txtCouleurClair { color: #9CC2CF;}

.txtCouleurRouge { color: #FF0000;}

.txtCouleurVert { color: #009933;}

.txtCouleurBlanc { color: #ffffff}

/*Bordures bleues*/
.bordTableau {border: 1px solid #64A0B4;}

.bord_bleu { border: 1px solid #64A0B4;}

.bord_gris_top { border-top: 1px solid #aaaaaa;}

td.bord_pointille_gris, 
th.bord_pointille_gris,
tr.bord_pointille_gris { border-bottom: 1px dotted #949494;}

/*Fonds de couleur bleues*/
.fdFonce { background-color: #9CC2CF;}

.fdMoyen { background-color: #C0D8E0;}

.fdClair { background-color: #e2edf1;}

.fdTresClair { background-color: #F3F7F9;}

/*Fonds de couleurs*/
.fdBlanc { background-color: #FFFFFF;}

.fdRose  { background-color: #ffeeee;}

.fdVert { background-color: #A7E393;}

/*Alignements*/
.align_left { text-align: left;}

.align_right { text-align: right;}

.align_center { text-align: center;}

/*Marges intérieures et extérieures*/
.marge_image {margin: 7px;}

.marge_gauche_10 { margin-left: 10px; padding: 0px;}

.marge_gauche_20 { margin-left: 20px; padding: 0px;}

.marge_gauche_50 { margin-left: 50px; padding: 0px;}

.marge_gauche_70 { margin-left: 70px; padding: 0;}

.marge_gauche_90 { margin-left: 90px; padding: 0;}

.marge_gauche_100 { margin-left: 100px; padding: 0px;}

.marge_gauche_110 { margin-left: 110px; padding: 0px;}

.marge_gauche_130 { margin-left: 130px; padding: 0px;}

.marge_gauche_150 { margin-left: 150px; padding: 0px;}

.marge_gauche_170 { margin-left: 170px; padding: 0px;}

.marge_gauche_190 { margin-left: 190px; padding: 0px;}

.marge_gauche_240 { margin-left: 240px;}

.marge_bas_5 { margin-bottom: 5px;}

.sans_marge { margin: 0px;}

/*Float gauche ou droite avec largeur*/
.float_left {
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;}

.float_left_70 {
	float: left;
	width: 70px;
	padding-bottom: 7px;}

.float_left_90 {
	float: left;
	min-width: 90px;
	width: 90px;
	margin: 2px 10px 5px 0px;}

.float_left_120 {
	float: left;
	width: 120px;
	padding-bottom: 5px;}

.float_left_200 {
	float: left;
	width: 200px;
	padding-bottom: 5px;}

.float_right {
	float: right;
	margin-left: 5px;
	margin-bottom: 5px;}
	
.float_right_150 {
	float: right;
	width: 150px;
	margin-left: 10px;
	margin-bottom: 5px;}
	
.float_right_270 {
	float: right;
	width: 270px;
	margin-left: 10px;
	margin-bottom: 5px;}

.float_right_430 {
	float: right;
	width: 430px;
	margin-left: 5px;
	margin-bottom: 5px;}

.clear {
	clear: both;}

/*Largeurs diverses (à utiliser pour les div, td, input, select, textarea, etc) */
.width_auto { width: auto;}

.width_70 { width: 70px;}

.width_100 { width: 100px;}

.width_130 { width: 130px;}

.width_150 { width: 150px;}

.width_165 { width: 165px;}

.width_200 { width: 200px;}

.width_250 { width: 250px;}

.width_300 { width: 300px;}

.width_400 { width: 400px;}

.width_50_pourcent { width: 50%;}

.width_33_pourcent { width: 33%;}

.width_25_pourcent { width: 25%;}

.width_20_pourcent { width: 20%;}


/*Styles pour élections*/
.histoObtenu { color: #0C6A89;}

.histoProjection { color: #B33D0E;}
	
/*Liens standards*/
a:active {
	color: #666;
	text-decoration: none;}

a:link {
	color: #3D88A1;
	text-decoration: none;}

a:visited {
	color: #3D88A1;
	text-decoration: none;}

a:hover {
	color: #666;
	text-decoration: underline;}

/*Liens gris*/
a.a_gris:active {
	color: #666;
	text-decoration: none;}

a.a_gris:link {
	color: #666;
	text-decoration: none;}

a.a_gris:visited {
	color: #666;
	text-decoration: none;}

a.a_gris:hover {
	color: #666;
	text-decoration: underline;}

/*Icones pour les liens*/
a.lien_pdf, a.lien_xls, a.lien_doc, a.lien_ppt, a.lien_mdb,
a.lien_swf, a.lien_zip, a.lien_xml, a.lien_image, a.lien_audio, 
a.lien_video, a.lien_externe, a.lien_calendrier, a.lien_carte_visite,
a.lien_cartes_plans {
	line-height: 1.4em;
	padding-bottom: 0.2em;
	padding-left: 22px;}
	
.txt_petit a.lien_pdf, .txt_petit a.lien_xls, .txt_petit a.lien_doc, .txt_petit a.lien_ppt, .txt_petit a.lien_mdb,
.txt_petit a.lien_swf, .txt_petit a.lien_zip, .txt_petit a.lien_xml, .txt_petit a.lien_image, .txt_petit a.lien_audio, 
.txt_petit a.lien_video, .txt_petit a.lien_externe, .txt_petit a.lien_calendrier, .txt_petit a.lien_carte_visite,
.txt_petit a.lien_cartes_plans {
	padding-top: 0.2em;}

a.lien_pdf {
	background: transparent url(../images/ic_pdf.gif) no-repeat top left;}

a.lien_xls {
	background: transparent url(../images/ic_xls.gif) no-repeat top left;}

a.lien_doc {
	background: transparent url(../images/ic_doc.gif) no-repeat top left;}

a.lien_ppt {
	background: transparent url(../images/ic_ppt.gif) no-repeat top left;}

a.lien_mdb {
	background: transparent url(../images/ic_mdb.gif) no-repeat top left;}

a.lien_swf {
	background: transparent url(../images/ic_swf.gif) no-repeat top left;}

a.lien_zip {
	background: transparent url(../images/ic_zip.gif) no-repeat top left;}
	
a.lien_xml {
	background: transparent url(../images/ic_xml.gif) no-repeat top left;}

a.lien_image {
	background: transparent url(../images/ic_image.gif) no-repeat top left;}

a.lien_audio {
	background: transparent url(../images/ic_audio.gif) no-repeat top left;}

a.lien_video {
	background: transparent url(../images/ic_video.gif) no-repeat top left;}

a.lien_externe {
	background: transparent url(../images/ic_externe.html) no-repeat top left;}
	
a.lien_calendrier {
	background: transparent url(../images/ic_calendrier.gif) no-repeat top left;}
	
a.lien_carte_visite {
	background: transparent url(../images/ic_carte-visite.html) no-repeat top left;}
	
a.lien_cartes_plans {
	background: transparent url(../images/ic_cartes-plans.gif) no-repeat top left;}
	
a.lien_edemarches {
	background: transparent url(../images/ic_edemarches.html) no-repeat top left;
	line-height: 1.4em;
	padding-bottom: 0.2em;
	padding-left: 24px;
	padding-top: 0.1em;}

/* Menu déroulant uniquement pour le texte centrale*/
#texte_bordure .lien_deroulant {
	padding-bottom: 0.2em;
	padding-left: 10px;
	margin-left: 1px;
	background: transparent url(../images/ic_fleche.gif) no-repeat top left;
	display: block;}

#texte_bordure .lien_deroulant_ouvert {
	font-weight: bold;
	padding-bottom: 0.2em;
	padding-left: 10px;
	margin-left: 1px;
	background: transparent url(../images/ic_fleche_ouverte.gif) no-repeat top left;
	display: block;}

#texte_bordure li.lien_deroulant {
	list-style: none;
	list-style-image: none;
	margin-left: -12px;}
	
#texte_bordure li.lien_deroulant a{
	padding-left: 2px;}

#texte_bordure li.lien_deroulant_ouvert {
	font-weight: bold;
	margin-left: -12px;
	list-style: none;
	list-style-image: none;}
	
#texte_bordure li.lien_deroulant_ouvert ul {
	font-weight: normal;
	margin-left: 20px;}
	
#texte_bordure li.lien_deroulant_ouvert ul li {
	padding: 0px;}

/*Divs*/
#page {
	position: relative;
	width: 954px;
	margin: 0px auto;	
	text-align: left;}
		
#bandeau_etat {
	position: relative;
	top: 0px;
	left: 0px;}
	
#bandeau_etat img.ecusson {
	position: absolute;
	top: 2px;
	left: 0px;}
	
#bandeau_etat h1 {
	height: 52px;
	margin-left: 38px;}

#bandeau_etat h1 span.ligne1 {
	letter-spacing: 0px;}

#bandeau_etat h1 span.ligne2 {
	letter-spacing: 1px;
	word-spacing: -2px;}

#bandeau_etat h1 span.ligne3 {
	letter-spacing: 1px;
	word-spacing: -2px;}
	
#icones {
	position: absolute;
	top: 15px;
	right: 0px;}

#bandeau_ge {
	position: relative;
	top: 0px;
	left: 0px;
	height: 100px;
	background: white url(../images/welcome/fd_bandeau.html) no-repeat;
	padding: 0;
	margin: 0;
	overflow: hidden;}
	
#recherche {
	margin: 0 0 0 775px;
	text-align: left;
	background-color: #FFFFFF;
	padding: 6px 6px 0 6px;
	filter: alpha(opacity=70);
	opacity: 0.7;
	-moz-opacity:0.7;
	zoom: 1;
	color: #212121;
	height: 100px;
	font-size: 0.885em;}
	
#recherche form {
	padding: 0;
	margin: 0 0 8px 0;}
	
#recherche input.radio {
	height: 1.25em;}
		
#recherche p {
	padding: 0;
	margin: 4px 0 6px 0;
	line-height: 0.5em;}

#recherche label {
	font-weight:normal;
	display: inline;
	width: auto;
	float: none;
	padding-top: 0;
	padding-bottom: 0;}

#recherche a {
	color: #212121;}

#bandeau_petit {
	position: relative;
	top: 0px;
	left: 0px;
	height: 50px;
	background: white url(../images/welcome/img_band_haut_01_pt.jpg) no-repeat;}
	
#bandeau_menu {
	font-size: 0.9em;
	position: relative;
	border-top: 1px solid white;
	top: 0px;
	left: 0px;
	height: 19px;
	overflow: hidden;}
	
#bandeau_menu a {
	color: #FFF;}
	
#bandeau_menu span {
	height: 19px;
	font-weight: bold;
	text-transform: uppercase;
	padding-top: 1px;
	text-align: center;}
	
#bandeau_menu span.ge {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 180px;
	text-align: left;
	padding-top: 3px;
	color: #FFF;
	background-color: #0C6A89;}
	
#bandeau_menu span.acc {
	position: absolute;
	top: 0px;
	left: 181px;
	width: 147px;
	background-color: #3D88A1;}
	
#bandeau_menu span.org {
	position: absolute;
	top: 0px;
	left: 329px;
	width: 148px;
	background-color: #64A0B4;}
	
#bandeau_menu span.themes {
	position: absolute;
	top: 0px;
	left: 478px;
	width: 147px;
	background-color: #83B3C3;}
	
#bandeau_menu span.vie {
	position: absolute;
	top: 0px;
	left: 626px;
	width: 148px;
	background-color: #9CC2CF;}
	
#bandeau_menu span.date {
	position: absolute;
	top: 0px;
	left: 775px;
	width: 179px;
	font-weight: normal;
	text-transform: none;
	background-color: #C0D8E0;
	margin-right: 0px;}

/*Div contenant les colonnes de gauche et droite + le contenu de page*/
#contenu {
	position: relative;
	top: 2px;
	left: 0px;
	min-height: 550px;
	height: 550px;
	padding-bottom: 15px;
	background: transparent url(../images/welcome/fd_contenu.gif) repeat-y;}
	
/* ignored by IE */   
#contenu[id] {
	height: auto;}

/*Div contenant la colonne de gauche + le contenu de page (sans colonnes de droite)*/
#contenu_2colonnes {
	position: relative;
	top: 2px;
	left: 0px;
	min-height: 425px;
	padding-bottom: 15px;
	background: transparent url(../images/welcome/fd_contenu_2colonnes.gif) repeat-y;}

/*Colonnes de gauche et de droite*/
#menu_gauche {
	position: absolute;
	top: 9px;
	left: 0px;
	height: 450px;
	width: 165px;
	z-index: 1;}
	
/*Pour certains contenus trop long, on peut mettre en ascenseur vertical, demande de dérogation au CICC*/
#menu_gauche.ascenseur {
	overflow-y:auto;
	overflow-x:hidden;}

#menu_droit {
	position: absolute;
	top: 9px;
	left: 789px;
	width: 165px;
	height: 450px;}

#menu_gauche .titre_menu {
	color: #0C6A89; 
	font-weight: bold;
	line-height: 2.0em;
	text-transform: uppercase;}
	
#menu_gauche a, #menu_droit a, #modal_aide a, #modal_compte a {
	color: #666;}

#menu_gauche p, #menu_droit p, #modal_aide p, #modal_compte p {
	font-weight: bold;
	line-height: 1.3em;
	padding: 3px 0px 3px 6px;
	margin: 0px;
	border-top: 1px solid #64A0B4;
	background-color: #F3F7F9;}
	
/*#menu_gauche p, #menu_droit p { Remplacer celui du dessus quand ce sera validé
	font-weight: bold;
	line-height: 1.3em;
	padding: 3px 0px 3px 13px;
	margin: 0px;
	border-top: 1px solid #64A0B4;
	background: #F3F7F9 url(../images/ic_menu_fleche.gif) no-repeat 5px left;}*/
	
#menu_gauche p.on, #menu_droit p.on, #modal_aide p.on, #modal_compte p.on  {
	color: #0C6A89;
	border-bottom: 1px solid #64A0B4;}

/*#menu_gauche p.on, #menu_droit p.on { Remplacer celui du dessus quand ce sera validé
	color: #0C6A89;
	border-bottom: 1px solid #64A0B4;
	background: #F3F7F9 url(../images/ic_menu_fleche_ouverte.gif) no-repeat 5px left;}*/
	
#menu_gauche p.on a, #menu_droit p.on a, #modal_aide p.on a, #modal_compte p.on a  {
	color: #0C6A89;}
	
#menu_gauche p.ouvert, #menu_droit p.ouvert, #menu_gauche p.dernier, #menu_droit p.dernier {
	border-bottom: 1px solid #64A0B4;}
	/*class="ouvert" à supprimer quand les sites du DIP seront corrigés*/
	
#menu_droit p.suite {
	width: 145px;
	padding: 0px 1px 0px 0px;
	margin-left: 20px;
	text-align: right;
	border-top-width: 0px;
	border-bottom: 1px solid #e6f0f3;}
	
#menu_droit ul, #menu_gauche ul, #modal_aide ul, #modal_compte ul {
	line-height: 1.5em;
	margin: 5px 0px 5px 19px;}

#menu_droit ul ul, #menu_gauche ul ul, #modal_aide ul ul, #modal_compte ul ul {
	line-height: 1.5em;
	margin: 0px 0px 3px 13px;}

#menu_droit ol {
	line-height: 1.3em;
	margin: 5px 0px 5px 30px;
	list-style-image: none;}

#menu_droit ul.contact li {
	margin-bottom: 7px;}
	
#menu_gauche li.lien_deroulant, #menu_droit li.lien_deroulant {
	list-style-image: url(../images/ic_menu_fleche.gif);}

#menu_gauche li.lien_deroulant_ouvert, #menu_droit li.lien_deroulant_ouvert {
	font-weight: bold;
	list-style-image: url(../images/ic_menu_fleche_ouverte.gif);}
	
#menu_gauche li.lien_deroulant_ouvert ul, #menu_droit li.lien_deroulant_ouvert ul {
	font-weight: normal;}
	
/*Contenu des sous-pages (Colonne centrale)*/
#texte_central {
	position: relative;
	top: 9px;
	left: 188px;
	width: 584px;
	padding: 0px 1px 9px 0px;}

/*Contenu des sous-pages sur 2 colonnes*/
#texte_2colonnes {
	position: relative;
	top: 9px;
	left: 188px;
	width: 764px;
	padding: 0px 1px 9px 0px;}

/*Formatage du contenu*/
#puce_situation {
	position: absolute;
	width: 15px;
	line-height: 13px;
	border: 1px solid #C0D8E0;}

#situation {
	line-height: 1.3em;
	color: #9cc2cf;
	font-weight: bold;
	padding-left: 19px;
	margin-bottom: 15px;}

#situation span {
	color: #666;
	font-weight: normal;}

#situation a:link, #situation a:visited, #situation a:active {
	color: #9cc2cf;}

#situation a:hover {
	color: #666;
	text-decoration: none;}
	
#texte_central h2, #texte_2colonnes h2 {
	padding: 1px;
	padding-left: 4px;
	margin-bottom: 15px;
	border-left: 15px solid #64A0B4;}
	
#texte_central table.widthmax {
	width: 565px;
	text-align: left;
}

#texte_2colonnes table.widthmax {
	width: 740px;}

#texte_central blockquote table.widthmax {
	width: 545px;}
	
#texte_bordure {
	padding-left: 4px;
	border-left: 15px solid #C0D8E0;
	margin-bottom: 15px !important;}

/*Pour certains contenus trop long, on peut mettre en ascenseur vertical, demande de dérogation au CICC*/
#texte_bordure.ascenseur {
	overflow-y:auto;
	overflow-x:hidden;
	height:500px;}
	
#texte_bordure li {
	padding-bottom: 3px;}
	
#contenu p.top, #contenu_2colonnes p.top{
	margin: 0px;
	padding: 0px;
	text-align: right;}
	
#texte_bordure p.suite {
	text-align: right;
	margin: 0px;}
	
#texte_bordure ul.ul_sommaire {
	font-weight: bold;
	padding-bottom: 7px;}
	
#texte_bordure ul.ul_sommaire a {
	color: #666;}
	
/*Signatures à droite*/
#signature {
	margin-left: 270px;}

/*Container pour div 3 ou 2 colonnes*/
.contenu_boite {
	width: 565px;
	clear: both;}
	
.contenu_boite_avec_marge {
	width: 565px;
	clear: both;
	margin: 10px 0;}

/*Contenu 2 colonnes*/
.contenu_2col_A {
	position: relative;
	float: left;
	width: 275px;
	margin-bottom: 15px;}
.contenu_2col_B {
	position: relative;
	width: 275px;
	margin-left: 285px;
	margin-bottom: 15px;}

/*Contenu 3 colonnes*/
.contenu_3col_A {
	top: 0px;
	width: 180px;
	float: left;}
.contenu_3col_B {
	top: 0px;
	width: 180px;
	margin: 0 9px 0 9px;
	float: left;}
.contenu_3col_C {
	top: 0px;
	width: 180px;
	float: left;}
	
.contenu_3col_A ul,
.contenu_3col_B ul,
.contenu_3col_C ul {
	margin-left: 25px;}
	
/*Contenu 4 colonnes*/
.contenu_4col_A {
	top: 0px;
	width: 135px;
	float: left;}
.contenu_4col_B {
	top: 0px;
	width: 135px;
	margin-left: 7px;
	float: left;}
.contenu_4col_C {
	top: 0px;
	width: 135px;
	margin-left: 7px;
	float: left;}
.contenu_4col_D {
	top: 0px;
	width: 135px;
	margin-left: 7px;
	float: left;}

/* style colonnes 2/3 - 1/3 IMPOTS */
.contenu_2col_2-3 {
	width: 346px;
	float: left;}

.contenu_2col_1-3 {
	width: 196px;
	float: right;}
	
.contenu_2col_2-3_droite {
	width: 346px;
	float: right;}

.contenu_2col_1-3_gauche {
	width: 196px;
	float: left;}
	
/*Note de pied de page ou pour l'encart (Cadre + fond bleu)*/
.note {
	padding: 6px;
	border: 1px solid #CCCCCC;
	background-color: #f3f7f9;}
	
.note .contenu_boite,
.note table.widthmax {
	width: 549px !important;}
.note .contenu_boite .contenu_2col_A,
.note .contenu_2col_A,
.note .contenu_boite .contenu_2col_B,
.note .contenu_2col_B {
	width: 260px;}

.note h4, .note h5, .note h6 {
	padding: 0px 0px 8px 0px;
	margin: 0px;}

.note p {
	padding-bottom: 8px;
	margin: 0px;}

/*Boîte déroulante*/
.zone_deroulante {
	height: 125px;
	overflow-y: auto;
	overflow-x: hidden;
	margin-bottom: 10px;}

.zone_deroulante p {
	border-bottom: 1px dotted #C1C1C1;
	margin: 0px;
	padding-bottom: 5px;}

/*Pied de page*/
#pied_page {
	position: relative;
	top: 10px;
	left: 188px;
	width: 584px;
	padding: 0px 1px 9px 0px;}

#contenu_2colonnes #pied_page {
	width: 764px !important;}

/*Affichage général pour les objets de formulaire*/
form {
	margin: 0px;}

input, textarea, select {
	font: 0.9em Arial, sans-serif;
	color: #333;
	text-align: left;}
input[type=reset], input[type=submit] {
	text-align: center;}
label {
	font-weight: bold;}

/*Affichage général pour les tableaux*/
td, th { 
	font-size: 0.75em;}

caption { 
	font-weight: bold;
	font-size: 0.75em;
	text-align: left; 
	padding: 0px; 
	padding-bottom: 3px;}

/*Affichage général pour les definition liste dl dt dd */
dd {
	margin-bottom: 8px;
}
dd p {
	margin-top: 0px;
	margin-bottom: 2px;
}

/* -----------------------------------------------------------------------------------------------------------------------*/


/* STYLES POUR FORMULAIRE, A ENLEVER */

/*Champs pour recherche rapide*/
input.inp_rech-rap{/*Champs de texte*/
	font: 0.9em Arial, sans-serif;
	color: #666;
	width: 120px;
	border: solid 1px #3D88A1;
	vertical-align: top;}

.bordure_blanche {
	border-top: 2px solid white;
	border-bottom: 1px solid #64A0B4;}


/* STYLES POUR ACTUALITES, A ENLEVER */

/*Actualités pour la welcome*/
#actualites td.suiteRSS {
	font-weight: bold;
	color: #F3F7F9;
	padding-right: 8px;
	margin-right: 9px;
	background-color: #64A0B4;}
	
#actualites td.suiteRSS a {
	color: #F3F7F9;}

#actu_navRSS img.rss {
	float: left;
	border-width: 0px;}

#actu_navRSS {
	position: relative;
	top: 0px;
	left: 0px;
	margin: 0px;
	border-left: 15px solid #64A0B4;}

/*Actus DSE+DIP*/
#actu_2col_A {
	position: absolute;
	left: 0px;
	width: 289px;
	margin-bottom: 15px;}
	
#actu_2col_B {
	position: relative;
	width: 290px;
	margin-left: 293px;
	margin-bottom: 15px;}

#actu_2col_A p, #actu_2col_B p {
	margin: 0px 0px 10px 0px;}

#actu_2col_A ul, #actu_2col_B ul {
	line-height: 1.3em;
	margin: 5px 0px 5px 19px;}

#actu_2col_A li, #actu_2col_B li {
	margin-bottom: 10px;}

.titre_actu {
	font-size: 1.0em;
	color: #0C6A89;
	font-weight: bold;
	text-transform: none;
	letter-spacing: normal;
	padding: 3px 0px 3px 6px;
	margin: 0px;
	margin-bottom: 2px;
	border-top: 1px solid #cccccc;
	background-color: #f5f5f5;
	border-bottom: 1px solid #cccccc;}

.titre_actu_ferme {
	color: #666666;
	border-bottom: 0px;
	margin-bottom: 0px;}

/*
Menu affichage de la couleurs de liens pour les personnes daltonniennes 
*/

#slide_changer_couleurs_liens{
	display:none;
	z-index:1000;
	position:absolute;
	/*right:202px;*/
	top:18px;
	width:251pt;
	background: white;
	overflow:hidden;
}

#barre_noire {
	background-color: #9A9A9A;
	width:13px;
	top:0px;
	right:0px;
	float:right;
	position:absolute;
	height:100%;
	height:900px;
	margin-top:18px;
	border:1px solid #9A9A9A;
}

#menu_couleurs_liens {
	padding : 20px;
	margin:0px;
	margin-right:3px;
	border:1px solid #9A9A9A;
	float:right;
	right:17px;
	position:relative;
	top:0px;
	width:204pt;
	height:100%;
	height:300pt
	text-align : justify;
	background-color: white;
}

#basculer_slide_couleur {
	position:absolute;
	cursor:pointer;
	right:0px;
	top:0px;
	width:18px;
	height:15px;
	background: white url(../images/couleurs/ic_couleur_lien.png) no-repeat right top;
}

#fermer_slide_couleur {
	float:right;
	cursor:pointer;
	left:15px;
	bottom:15px;
	position:relative;
}

#menu_couleurs_liens a{
	display:block;
	padding-bottom:3px;
	padding-right : 20px;
}

#menu_couleurs_liens a img{
	margin-right : 10px;
	border:1px solid #9A9A9A;
}

.avertissement_temporaire {
	background-color: #fee;
	color: #c00;
	border: 1px solid #c00;
	padding: 6px;
	}
	
	
/* MICRO CLEARFIX */
.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {clear: both;}
.clearfix {
  *zoom: 1;
}
div.clearfix .float_left, div.clearfix .float_right {margin-bottom: 0 !important;}
div.clearfix .float_left {margin-right: 0 !important;}
div.clearfix .float_right{margin-left: 0 !important;}