/*
	CSS pour Barreau de Hull - Principal
	Emilie - egzakt.com
	2008/09/04
*/

body {
	background:#CCCCCC;
	margin:0;
	font-size: 91%;
	line-height: 145%;
	font-family: Arial, Helvetica, sans-serif;
	color:#222222;
}

p {
	margin:12px 0;
	padding:0;
}

ol {
	margin:0;
	padding:0 0 0 22px;
}

h2 {
color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 19px;
	font-weight:normal;
	line-height:22px;
	}

h4 {
	font:bold 1.17em/1.2em 'Trebuchet MS', Arial, sans-serif;
	color:#222;
	margin:15px 0 5px 0;
}

h5 {
	font:bold 1.17em/1.2em 'Trebuchet MS', Arial, sans-serif;
	color:#707070;
	margin:15px 0 5px 0;
}

/*Pour mettre du texte en exposant.  */
sup { font-size : 70% ; vertical-align: text-top ; }

/*img {
	border:0;
}*/


/*#wrapper {
	width:938px;
	padding:11px 11px 0 11px;
	margin:0 auto;
	background-color:#fff;
}*/

#wrapper {
	width:772px;
/*	padding:11px 11px 0 11px;*/
	margin:0 auto;
	background-color:#fff;
	padding-top:14px;
}

#normal {
	font-family: Arial, Helvetica, sans-serif;
	color:#222222;
	font-size: 91%;
    line-height: 145%;
}

.bloc_texte {
	font-family: Arial, Helvetica, sans-serif;
	color:#222222;
	font-size: 91%;
    line-height: 145%;
}

/*Styles pour les templates disponibles dans FCKeditor*/

.bloc_texte .note {
	font-size: 81%;
}

/*encadré*/
.bloc_texte .encadre {

	border:1px solid #c5bc93; 
	background-color:#fff9e9; 
	padding: 5px 15px 4px 15px;
	margin-bottom:10px;
	font-family: Arial, Helvetica, sans-serif;    
    font-size: 11px;    
    color: #333333;    
    line-height: 15px;

}

.bloc_texte .encadre .texte {
	    font-family: Arial, Helvetica, sans-serif;    
    font-size: 11px;    
    color: #333333;    
    line-height: 15px;
}

/*Cadre autour d'une photo*/
.bloc_texte .cadre {
	font:bold 0.92em/1.17em 'Trebuchet MS', Arial, sans-serif;
	border:1px solid #ccc;
	line-height: 1.21em;
	padding:10px;
	color:#fff;
	background:#104a89;
}

/*Tableau colorés*/


.bloc_texte table {
	width:100%;
	line-height: 130%;
	margin-top:0px;
	 }
	 


.bloc_texte table td {	font-size:0.923em; }

.bloc_texte table.colore {
	background:#FFFFFF;
}

.bloc_texte table.colore thead th {
	/*text-align:left;*/
	padding:2px 12px 2px 12px;
	background-color:#006a32;
	color:#fff;
}


.bloc_texte table.colore thead th.colonne_droite {
	padding:2px 12px 2px 12px;
	background-color:#019879;
	color:#fff;
	/*text-align:left;*/
	width:120px;
}

.bloc_texte table.colore tbody th {
	background-color:#fff9e9;
	padding:10px 12px;
	/*text-align:left;*/
	font-weight:normal;
	vertical-align: top ;
}

.bloc_texte table.colore td {
	background-color:#fffcf5;
	padding:10px 12px;
	/*font-size:0.923em;*/
	vertical-align: top ;
}

.bloc_texte table.colore tr.paire td {
	background-color:#efead7;
}

.bloc_texte table.colore tr.paire th {
	background-color:#ede7cf;
}


.bloc_texte table.neutre td {
    line-height: 110%;
    margin:0px;
    padding:0px;
    background-color:transparent;
     }
     
.bloc_texte table.neutre tr.paire td {
	background-color:transparent;
}

.bloc_texte .bloc_deroulant {
	margin:10px 0;
}

.bloc_texte a.lien_deroulant {
	display:block;
	font-weight:bold;
	text-decoration:none;
	padding:3px 0 3px 12px;
	color:#000;
	background:url(/images/boutons/lien_deroulant.gif) no-repeat center left;
}

.bloc_texte a.lien_deroulant:hover,
.bloc_texte .bloc_deroulant_selected a.lien_deroulant {
	background-position:center right;
	color:#fff;
}

.bloc_texte .zone_deroulante {
	padding:12px;
	color:#707070;
	background-color:#F0F3F0;
}

.bloc_texte .zone_deroulante li {
	border-color:#fff;
}

.bloc_texte ul {
	list-style-type:none;
	margin:5px 0 7px 0;
	padding:0;
}

.bloc_texte li {
	padding:4px 0 4px 20px;
	/*font-weight:bold;*/
	line-height:1.4em;
	background:url(/images/icones/puce.gif) no-repeat 1px 6px;
	color:#000;
	border-bottom:1px solid #dcdcdc;
}

.bloc_texte li ul {
	list-style-type:circle;
	margin:2px 0px 0px 30px;
   	 padding:0;
}


.bloc_texte li ul li {
	/*padding:2px 10px 4px 30px;*/
	/*font-weight:bold;*/
	line-height:1.2em;
	color:#000;
	border-bottom:0px solid #ffffff;
}


/*Liens/titres dans les boîtes de droite*/

.titre_fond_bleu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	background-image: url(/images/puce_on.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 15px;
}


a.titre_fond_bleu_off{

	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #94B6D9;
	background-image: url(/images/puce_off.jpg);
	background-repeat: no-repeat;
	padding-left: 15px;
	background-position: left center;
} 
	    

a.menu:link
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #94B6D9;
	background-image: url(/images/puce_off.jpg);
	background-repeat: no-repeat;
	padding-left: 15px;
	background-position: left center;
}



a.menu:active
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	background-image: url(/images/puce_on.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 15px;
}



a.menu:visited 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #94B6D9;
	background-image: url(/images/puce_off.jpg);
	background-repeat: no-repeat;
	padding-left: 15px;
	background-position: left center;
}



a.menu:hover
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	background-image: url(/images/puce_on.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 15px;
}






/* ARCHITECTURE
-----------------------------------------*/
/*#conteneur_colonnes {
	width:938px;
	margin-top:11px;
}*/

#conteneur_colonnes {
	width:750px;
	margin-top:15px;
}

#colonne_navig {
	float:left;
	width:150px;
	margin: 10px 11px 0 13px;
	padding:0px;
	/*border-right:1px solid #000000;*/
	/*background:#c6c6c6;*/
	
}

#colonne_contenu {
	float:left;
	/*width:415px;*/
	width:550px;
	padding-bottom:10px;
	/*border-right:1px solid #000000;*/
}

#colonne_contenu_accueil {
	float:left;
	width:370px;
	padding-bottom:10px;
	margin-left:10px;
}

/*#accueil #colonne_contenu {
	float:left;
	width:334px;
	padding-bottom:0;
}*/

/*#colonne_complements {
	float:right;
	width:120px;
	padding: 10px 10px 10px 0;
}*/

#colonne_complements {
	float:right;
	width:160px;
	/*width:221px;*/
	padding: 10px 0px 10px 0;
}

#colonne_calendrier {
	float:right;
	width:140px;	
}

#colonne_contenu .contenu_padding {
	margin:0 17px;
}


/* NAVIGATION
-----------------------------------------*/


ul#navigation_fondation {
	width:150px;
	list-style-type:none;
	margin:0 0 0px 0;
	/*margin:0 0 236px 0;*/
	padding:0;
	
}

ul#navigation_fondation a {
	font-size:11px;
	display:block;
	position:relative; /* Pour IE6 réactivité pleine largeur */
	padding:10px 25px 13px 10px;
	/*font-weight:bold;*/
	/*text-transform:uppercase;*/
	text-decoration:none;
	line-height:1.2em;
	font-family: 'Trebuchet MS', Arial, sans-serif;
}

ul#navigation_fondation a:hover, ul#navigation_fondation a.selected {
	background-position:center right;
}

ul#navigation_fondation li {
	border-bottom:2px solid #fff;
}

ul#navigation_fondation a {
	background:url(/images/boutons/navigation-bleu.gif) no-repeat center left;
	color:#fff;
}


/* Niveau 2*/
ul#navigation_fondation ul a {
	border-top:1px solid #fff;
	background:#e3e9e2;
	color:#707070;
}

ul#navigation_fondation ul a:hover, ul#navigation_fondation ul a.selected {
	background:#0d241d;
	color:#fff;
}


/* COLONNE COMPLÉMENTS
-----------------------------------------*/
#colonne_complements #btn_bulletin {
	margin-bottom:10px;
}


/* TOPIC PATH
-----------------------------------------*/
ul#topic_path {
	list-style-type:none;
	margin:10px 10px 10px 10px;
	padding:0 10px 4px 10px;
}

ul#topic_path li {
	display:inline;
	font-size:0.78em;
}


/* ACCUEIL
-----------------------------------------*/
#accueil #colonne_carte {
	float:left;
	position:relative;
	width:209px;
	padding:190px 0 0 23px;
	margin-right:6px;
}

#accueil #colonne_contenu .introduction {
	padding:14px 20px;
	margin-bottom:10px;
	margin-top:0px;
}








/* DIVERS
-----------------------------------------*/
.print {
	display:none;
}

.recherche {
	float:right;
	margin-bottom:20px;
}

form#searchForm .bouton {
	font-size:10px;
	background:url(/images/boutons/recherche.jpg) no-repeat center left;
    padding:0;
    width:20px;
    height:20px;
    text-align:center;
    color:#fff;
    font-size:0.83em;
    line-height:1.2em;
    border:0;
    

}


.boite-titre {
	background-color:#104a89; 
	/*width:219px;*/
	width:155px;
	padding: 3px 1px;
}

.boite-contenu {
	border:1px solid #c5bc93; 
	background-color:#fff9e9; 
	/*width:196px;*/
	width:132px;
	padding: 6px 10px 6px 13px;
	margin-bottom:20px;
	font-family: Arial, Helvetica, sans-serif;	
	font-size: 11px;	
	color: #333333;	
	line-height: 15px;
}


a.boite-contenu {	
	font-size: 11px;	
}

/*a.titre_fond_bleu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	background-image: url(images/puce_on.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 15px;
}*/


/*a.titre_fond_bleu_off{

	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #94B6D9;
	background-image: url(images/puce_off.jpg);
	background-repeat: no-repeat;
	padding-left: 15px;
	background-position: left center;
}*/







a.titre_fond_bleu_off:hover{



	font-family: Arial, Helvetica, sans-serif;



	font-size: 11px;



	font-weight: bold;



	color: #FFFFFF;



	background-image: url(images/puce_on.jpg);



	background-repeat: no-repeat;



	padding-left: 15px;



	background-position: left center;



}











.titre_fond_bleu_off {



	font-family: Arial, Helvetica, sans-serif;



	font-size: 11px;



	font-weight: bold;



	color: #94B6D9;



	background-image: url(images/puce_off.jpg);



	background-repeat: no-repeat;



	padding-left: 15px;



	background-position: left center;



}







.titre_fond_sanspuce_on {



	font-family: Arial, Helvetica, sans-serif;



	font-size: 11px;



	font-weight: bold;



	color: #FFFFFF;



	background-image: url(images/puce_on.jpg);



	background-repeat: no-repeat;



	padding-left: 15px;



	background-position: left center;







}







.titre_fond_sanspuce_off {



	font-family: Arial, Helvetica, sans-serif;



	font-size: 11px;



	font-weight: bold;



	color: #94B6D9;



	background-image: url(images/puce_off.jpg);



	background-repeat: no-repeat;



	padding-left: 15px;



	background-position: left center;







}







.titre_contenu {



	color: #333333;



	font-family: Arial, Helvetica, sans-serif;



	font-size: 19px;



}



.contenu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
	line-height: 18px;
	text-align: justify;



}



.signature {



	font-family: Arial, Helvetica, sans-serif;



	font-size: 10px;



	color: #333333;



	text-decoration: none;



}



a {
	text-decoration: none;
	color: #0066CC;
	font-family: Arial, Helvetica, sans-serif;
	/*font-size: 12px;*/
	



}


.lienpetit {
	text-decoration: none;
	color: #0066CC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	



}

.lientrespetit {
	text-decoration: none;
	color: #0066CC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	



}





a:hover{



	text-decoration: none;



	color: #0E4B8C;



	



}







.devenir_gouverneur {



	font-family: Arial, Helvetica, sans-serif;



	font-size: 11px;



	color: #508FC5;



	font-weight: bold;



	background-image: url(images/puce_gouverneur.jpg);



	background-repeat: no-repeat;



	background-position: right;



}



.tableau {



	padding-left: 10px;



}







.abc {



	font-family: Arial, Helvetica, sans-serif;



	font-size: 11px;



	color: #508FC5;



	font-weight: bold;







}



boites.titre_bleu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-transform: none;
	color: #0E4B8C;
	background:#104a89;
	height:20px;
}



.contenu_cases {



	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	line-height: 15px;



}

.contenu_cases a {
	text-decoration: none;
	color: #0066CC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	



}




.titre_case_verte {



	font-family: Arial, Helvetica, sans-serif;



	font-size: 13px;



	color: #FFFFFF;



}
.texte_vert {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #019879;
	font-size: 11px;
}
.vert_fonce {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #006A32;
}