/*
	CSS pour CJM - Principal
	Simon - egzakt.com
	2008-09-26
*/

body {
	font:normal 75%/133% arial, sans-serif;
	margin:0;
	color:#22314e;
	background:#fff url(../images/ul/tuiles/body.jpg) center 0px repeat-x;
}

h1 {
	margin:0 0 10px 0;
	font-size:1.25em;
	line-height:1.25em;
}

h2 {
	font:normal 1.17em/1.17em arial, sans-serif;
	color:#00A2B2;
	margin:0;
}

h3,h4 {
	font:bold 1.17em/1.17em arial, sans-serif;
	color:#22314e;
	padding:0;
	margin:0 0 0.5em;
}

h5 {
	font:normal 1.17em/1.17em arial, sans-serif;
	color:#00A2B2;
	padding:0;
	margin:0 0 0.5em;
}

h6 {
	font:bold 1.08em/1.17em arial, sans-serif;
	color:#22314e;
	padding:0;
	margin:0;
}


p {
	margin:0 0 0.83em;
	padding:0;
}

a {
	cursor:pointer;
	color:#00A2B2;
	outline:none;
}

a:hover {
	color:#0A1931; 
}

img {
	border:0;
}

#wrapper {
	width:992px;
	margin:0 auto;
}

#ombre {
	padding:0 16px;
	width:960px;
	background:transparent url(../images/ul/tuiles/ombre.gif) left top repeat-y;
}

.ombre_haut_gauche,
.ombre_haut_droit {
	position:absolute;
	top:0;
	left:-16px;
	width:16px;
	height:275px;
	background:transparent url(../images/ul/tuiles/ombre_haut_gauche.gif) left top no-repeat;
}
.ombre_haut_droit {
	left:960px;
	background-image:url(../images/ul/tuiles/ombre_haut_droit.gif);
}


/* ENTETE
-----------------------------------------*/

#header {
	margin:0 16px;
	padding:9px 0 0 10px;
	background:#fff url(../images/ul/tuiles/entete.jpg) left top no-repeat;
	height:120px;
}

#header .nav {
	float:right;
	width:198px;
}

#header .nav a {
	color:#21324E;
	background: transparent url(../images/ul/puces/entete_nav.gif) 5px 4px no-repeat;
	font-size:0.92em;
	font-weight:bold;
	text-decoration:none;
	padding:0 0 0 15px;
	margin:0 0 0 2px;
	display:block;
}

#header .nav a:hover,
#header .nav a.selected {
	color:#00a2b2;
	background-position:-215px 4px;
}

#header #logo {
	padding:10px 0 0 0;
}
#header #logo_print {
	display:none;
}

#header #logo h1 {
	margin-bottom:0;
}


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

#menu {
	width:940px;
	padding:0 10px;
	margin:0 auto;
	height:62px;
	background:#fff url(../images/ul/tuiles/navigation.gif) left top no-repeat;
	position: relative;
	z-index:99;
}
#menu ul {
	margin:0;
	padding:0;
}
#menu ul li {
	display:inline;
}
#menu ul li a {
	float:left;
	width:152px;
	padding:10px 18px 0;
	height:52px;
	position:relative;
	display:block;
	text-decoration:none;
}
#menu ul li a img {
	display:inline;
}
#menu ul li a img.over {
	position:absolute;
	top:10px;
	left:10px;
	display:none;
}

#menu ul li a span {
	color:#337482;
	display:block;
	font-size:0.92em;
	line-height:1em;
}

#menu ul li.selected a,
#menu ul li.over a,
#menu ul li a:hover {
	border-left:8px solid #00A2B2;
	padding-left:10px;	/*18-8*/
	border-right:3px solid #00A2B2;
	padding-right:15px;	/*18-3*/
	color:#000;
}

#menu ul li.selected a img.over,
#menu ul li.over a img.over,
#menu ul li a:hover img.over {
	display:block;
}
#menu ul li.selected a {
	background:transparent url(../images/ul/boutons/menu_haut_2_over.jpg) 2px bottom no-repeat;
	border-right:0;
	padding-right:18px
}

#menu ul li ul {
	position: absolute;
	visibility: hidden;
	top:62px; /*#menu*/
	left:10px;
	background-color:#00A2B2;
	width:177px;
	padding:0 3px 3px 8px;
}

#menu ul li ul li { }

#menu ul li ul li a,
#menu ul li.selected ul li a,
#menu ul li.over ul li a {
	float:none;
	width:161px;
	padding:3px 6px 3px 10px !important;
	border:0 !important;
	height:auto;
	background: #C5E5EA;
	font-size:0.92em;
	line-height:1.2em;
	color:#21324E;
}

#menu ul li ul li a:hover,
#menu ul li.selected ul li a:hover,
#menu ul li.over ul li a:hover {
	background: #fff !important;
	color:#00A2B2;
}


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

#subnav {
	float:left;
	width:186px;
	padding:0 3px 20px 8px;
}

#subnav ul {
	margin:0;
	padding:0;
	list-style-type:none;
}

#subnav ul li {
	display:inline;
}
#subnav ul li a {
	display:block;
	background-color:#dfe7e9;
	border-top:1px solid #dfe7e9;
	padding: 5px 10px;
	color:#21324E;
	font-size:0.92em;
	line-height:1.2em;
	text-decoration:none;
}

#subnav ul li a:hover {
	background-color:#fff !important;
}

#subnav ul li.selected {
	display:block;
	background-color:#fff;
	padding-bottom:5px;
}
#subnav ul li.selected a {
	background-color:#fff !important;
	font-weight:bold;
}

#subnav ul li.selected ul {
	margin:0 10px;
}

#subnav ul li.selected ul li {
	display:block;
	border-top:1px solid #dfe7e9;
	padding-bottom:0;
}

#subnav ul li.selected ul li a {
	color:#337482;
	font-weight:normal;
	padding: 2px 10px;
	border-top:0;
}

#subnav ul li.selected ul li a:hover,
#subnav ul li.selected ul li.selected a {
	color:#697277;
}


/* BASE COMMUNE
-----------------------------------------*/
ul.nav {
	margin:0;
	padding:0;
}

ul.nav li {
	list-style: none;
	display: inline;	/*IE6 Bug*/
}

#corps {
	background-color:#fff;
	padding:10px 10px 0;
}

#contenu {
	float:right;
	width:702px;
	padding:10px;
}

#contenu_tuile {
	background:#fff url(../images/ul/tuiles/subnav_0.jpg) left top repeat-y;
	width:940px;
}

#contenu_haut {
	padding:10px 0;
}

#contenu_haut h2 {
	margin:0 !important;
}

#contenu_inner {
	padding:10px 170px 10px 0;
}


#pub_bulletin {
	border-top:2px solid #fff;
	padding:10px;
	background:#e1e8ea url(../images/ul/tuiles/pub_bulletin.jpg) left top no-repeat;
}

#bouton_bulletin {
	float:left;
	width:184px;
	padding:0 0 0 10px;
}

#frm_abonnement input {
	width:230px;
}
#frm_abonnement input.soumettre {
}

#actualites {
	padding:26px;
	background:transparent url(../images/fr/tuiles/actualites.jpg) left bottom no-repeat;

}

#actualites .nouvelle {
	float:left;
	width:160px;
	padding:0 14px 0 20px;
}
#actualites h2 {
	text-transform:uppercase;
	font-weight:bold;
	font-size:0.92em;
	margin-bottom:4px;
}
#actualites h3 {
	font-size:1em;
	margin:0;
}
#actualites .temoignage {
	float:left;
	width:340px;
	padding:0 10px 0 14px;
}

#actualites .nouvelle a.suite,
#actualites .temoignage a.suite {
	float:right;
	display:block;
	background:transparent url(../images/ul/boutons/suite.gif) left 1px no-repeat;
	padding:0 0 3px 17px;
	margin:5px 0 0 0;
	text-transform:uppercase;
	text-decoration:none;
	font-size:0.83em;
	font-weight:bold;
	color:#22314e;
}

#actualites .nouvelle a:hover.suite,
#actualites .temoignage a:hover.suite {
	text-decoration:underline;
}

#photo {
	height:100px;
	background:#b8c8d0 url(../images/fr/bannieres/bandeau_0.jpg) top left no-repeat;
}
#photo img {
	padding:71px 0 0 20px;
}

#outils,
#outils2 {
	margin:10px 170px 0 0;
	border-top:1px solid #bbc0c9;
	padding-right:20px;
}

#outils2 a,
#outils a {
	float:right;
	font-size:0.92em;
	height: 1.2em;
	display:block;
	position:relative;	/*IE6*/
	padding:5px 4px 3px 22px;
	background:transparent none 0 5px no-repeat;
	color:#21324E;
}
#outils2 a:hover,
#outils a:hover {
	color:#00a2b2;
}

#outils2 a.imprimer,
#outils a.imprimer {
	background-image: url(../images/ul/boutons/imprimer.gif);
}
#outils a.imprimer_complet {
	background-image: url(../images/ul/boutons/imprimer_complet.gif);
	float:left;
	padding-left:20px;
}

#contenu h1 {
	font:normal 1.67em/1.25em arial, sans-serif;
	margin:0;
	color:#21324E;
}
#contenu h2 {
	font:bold 1.17em/1em arial, sans-serif;
	color:#00A2B2;
	margin:0 0 1em;
}


#contenu .bloc,
#contenu .bloc_deroulant {
	margin-bottom:1em;
}

#contenu .bloc_deroulant h3 {
	margin:0 0 3px;
	display:inline;
}

#contenu .bloc_deroulant h3 a {
	display:block;
	background:#D4DDE3 url(../images/ul/boutons/bloc_deroulant.gif) left top no-repeat;
	color:#21324E;
	padding:2px 10px 2px 28px;
	text-decoration:none;
	font-weight:bold;
	font-size:0.92em;
}

#contenu .bloc_deroulant h3 a.selected,
#contenu .bloc_deroulant h3 a:hover {
	background:#B8C8D0 url(../images/ul/boutons/bloc_deroulant.gif) -780px top no-repeat;
}


#contenu .bloc_deroulant div.zone_deroulante {
	background-color:#fff;
	border:1px solid #D4DDE3;
	padding:0 10px 10px;
}
#contenu .bloc_deroulant div.zone_deroulante .bordure {
	padding-top:10px;
}

#information_relie {
	margin:30px 45px 0 0;
	display:inline;		/*IE6 bug*/
	padding:0;
	float:right;
	width:245px;
	background:transparent url() left top no-repeat;
}

#personnage {
	float:right;
	position:relative;
	z-index:1;
}
#personnage img {
	position:absolute;
	left:-120px;
	top:-230px;
}

#banniere_context {
	float:right;
	width:160px;
}

ul.fichiers {
	margin:0;
	padding:0;
	list-style-type:none;
}
ul.fichiers li {
	display:inline;
}

ul.fichiers li a {
	display:block;
	padding:5px 5px 5px 26px;
	background:transparent none 10px 3px no-repeat;
}

a.fichier {
	display:block;
	text-decoration:none;
	background: transparent none 0 2px no-repeat;
	padding:2px 0 8px 21px;
}
a.fichier_pdf {
	background-image:url(/documents/image/icones/fichiers/pdf.gif);
}


/* ACCUEIL (ID=1)
-----------------------------------------*/
.wp_accueil #header {
	/*extend: #header*/
}
.wp_accueil #corps {
	/*extend: #corps*/
}
.wp_accueil #menu {
	/*extend: #menu */
}
.wp_accueil #contenu {
	/*extend: #principal*/
	width:557px;
	padding-left:0;
	padding-right:0;
	background-color:transparent;
	float:left;
}
.wp_accueil #contenu .bloc {
	float:left;
	width:185px;
}

#presentation_accueil {
	padding:8px;
	background:#9fbdc4 url(../images/ul/tuiles/contenu_accueil.jpg) left top no-repeat;
}

#presentation_accueil h2 {
	color:#fff;
	padding:10px 25px 0;
	margin:0;
}

#presentation_accueil a {
	color:#22314e;
	display:block;
}
#presentation_accueil a:hover {
	color:#00a2b2;
}

#presentation_accueil .txt {
	padding:5px 25px;
}
#presentation_accueil .photo {
	text-align:center;
}

#presentation_accueil a .suite {
	position:relative;
}
#presentation_accueil a .suite img {
	border:0;
	visibility:visible;
	
}
#presentation_accueil a .suite img.over {
	position:absolute;
	top:6px;
	left:0;
	visibility:hidden;
}

#presentation_accueil a:hover .suite img.over {
	visibility:visible;
}

#presentation_accueil #personnage {
	float:none;
}
#presentation_accueil #personnage img {
	left:560px;
	top:-20px;
}

/* LE CENTRE JEUNESSE (ID=2)
-----------------------------------------*/

#menu ul li#wp_lecentrejeunesse.selected a {
	background-image: url(../images/ul/boutons/menu_haut_2_over.jpg);
}

#menu ul li#wp_lecentrejeunesse a { }
#menu ul li#wp_lecentrejeunesse ul { }
#menu ul li#wp_lecentrejeunesse ul li a { }
#menu ul li#wp_lecentrejeunesse ul li a:hover { }

.wp_lecentrejeunesse #subnav {
	/*extend: #contenu*/
}
.wp_lecentrejeunesse  #subnav ul li a {
	background-color:#C5E5EA;
	color:#21324E;
}
.wp_lecentrejeunesse #subnav ul li.selected {
}
.wp_lecentrejeunesse #subnav ul li.selected a {

}
.wp_lecentrejeunesse #subnav ul li.selected ul li {
	border-color:#00A2B2;
}
.wp_lecentrejeunesse  #subnav ul li ul li a {
	color:#337482;

}
.wp_lecentrejeunesse  #subnav ul li ul li.selected a,
.wp_lecentrejeunesse  #subnav ul li ul li a:hover {
	color:#00A2B2;
}

.wp_lecentrejeunesse #photo {
	/*extend: #contenu*/
	background:#72C6D2 url(../images/fr/bannieres/bandeau_2.jpg) top left no-repeat;
}

.wp_lecentrejeunesse #contenu_tuile {
	background-image:url(../images/ul/tuiles/subnav_2.jpg);
}

.wp_lecentrejeunesse #contenu {
	/*extend: #contenu*/
}

.wp_lecentrejeunesse #contenu h2,
.wp_lecentrejeunesse .fcktexte h5 { }

.wp_lecentrejeunesse .fcktexte ul li {
	background-image:url("../images/ul/puces/puce_02.gif");
}


/* NOS INTERVENTIONS (ID=3)
-----------------------------------------*/

#menu ul li#menu_nosinterventions.selected a {
	background-image: url(../images/ul/boutons/menu_haut_3_over.jpg);
}

#menu ul li#menu_nosinterventions a {
	border-color:#59BB62;
}
#menu ul li#menu_nosinterventions ul {
	left:198px; /*10+(188*1)*/
	background-color:#59BB62;
}
#menu ul li#menu_nosinterventions ul li a {
	background-color:#D3EDD6;
}
#menu ul li#menu_nosinterventions ul li a:hover {
	color:#21A42D;
}

.wp_nosinterventions #subnav {
	/*extend: #contenu*/
	background-color:#59BB62;
}
.wp_nosinterventions  #subnav ul li a {
	background-color:#D3EDD6;
	border-color:#D3EDD6;
}

.wp_nosinterventions #subnav ul li.selected ul li a:hover,
.wp_nosinterventions #subnav ul li.selected ul li.selected a {
	color:#21A42D;
}

.wp_nosinterventions #subnav ul li.selected ul li {
	border-color:#d3edd6;
}

.wp_nosinterventions #photo {
	/*extend: #contenu*/
	background:#59bb62 url(../images/fr/bannieres/bandeau_3.jpg) top left no-repeat;
}

.wp_nosinterventions #contenu_tuile {
	background-image:url(../images/ul/tuiles/subnav_3.jpg);
}
.wp_nosinterventions #contenu {
	/*extend: #contenu*/
}

.wp_nosinterventions #contenu h2,
.wp_nosinterventions .fcktexte h5 {
	color:#21A42D;
}

.wp_nosinterventions .fcktexte ul li {
	background-image:url("../images/ul/puces/puce_03.gif");
}

/* NOUS AIDER (ID=4)
-----------------------------------------*/

#menu ul li#menu_nousaider.selected a {
	background-image: url(../images/ul/boutons/menu_haut_4_over.jpg);
}

#menu ul li#menu_nousaider a {
	border-color:#FAD121;
}
#menu ul li#menu_nousaider ul {
	left:386px; /*10+(188*2)*/
	background-color:#FAD121;
}
#menu ul li#menu_nousaider ul li a {
	background-color: #FCF376;
}
#menu ul li#menu_nousaider ul li a:hover {
	color:#eabb01;
}

.wp_nousaider #subnav {
	/*extend: #contenu*/
	background-color:#FAD121;
}
.wp_nousaider  #subnav ul li a {
	background-color:#FCF376;
	border-color:#FCF376;
}

.wp_nousaider #subnav ul li.selected ul li {
	border-color:#fcf376;
}

.wp_nousaider #subnav ul li.selected ul li.selected a,
.wp_nousaider #subnav ul li.selected ul li a:hover {
	color:#d4a901;
}

.wp_nousaider #photo {
	/*extend: #contenu*/
	background:#FAD121 url(../images/fr/bannieres/bandeau_4.jpg) top left no-repeat;
}

.wp_nousaider #contenu_tuile {
	background-image:url(../images/ul/tuiles/subnav_4.jpg);
}

.wp_nousaider #contenu {
	/*extend: #contenu*/
}

.wp_nousaider #contenu h2,
.wp_nousaider .fcktexte h5 {
	color:#eabb01;
}

.wp_nousaider .fcktexte ul li {
	background-image:url("../images/ul/puces/puce_04.gif");
}


/* LA CLIENTELE (ID=6)
-----------------------------------------*/

#menu ul li#menu_lesusagers.selected a {
	background-image: url(../images/ul/boutons/menu_haut_6_over.jpg);
}

#menu ul li#menu_lesusagers a {
	border-color:#EF9924;
}
#menu ul li#menu_lesusagers ul {
	left:574px; /*10+(188*3)*/
	background-color:#EF9924;
}
#menu ul li#menu_lesusagers ul li a {
	background: #F8D7AA;
}
#menu ul li#menu_lesusagers ul li a:hover {
	color:#f39d2e;
}

.wp_lesusagers #subnav {
	/*extend: #contenu*/
	background-color:#EF9924;
}
.wp_lesusagers  #subnav ul li a {
	background-color:#F8D7AA;
	border-color:#F8D7AA;
}

.wp_lesusagers #subnav ul li.selected ul li.selected a,
.wp_lesusagers #subnav ul li.selected ul li a:hover{
	color:#F39D2E;
}

.wp_lesusagers #subnav ul li.selected ul li {
	border-color:#f8d7aa;
}

.wp_lesusagers #photo {
	/*extend: #contenu*/
	background:#EF9924 url(../images/fr/bannieres/bandeau_6.jpg) top left no-repeat;
}

.wp_lesusagers #contenu_tuile {
	background-image:url(../images/ul/tuiles/subnav_6.jpg);
}

.wp_lesusagers #contenu {
	/*extend: #contenu*/
}

.wp_lesusagers #contenu h2,
.wp_lesusagers .fcktexte h5 {
	color:#f39d2e;
}

.wp_lesusagers .fcktexte ul li {
	background-image:url("../images/ul/puces/puce_06.gif");
}


/* ADOPTIONS ET RETROUVAILLES (ID=5)
-----------------------------------------*/

#menu ul li#menu_adoptionsetretrouvailles.selected a {
	background-image: url(../images/ul/boutons/menu_haut_5_over.jpg);
}

#menu ul li#menu_adoptionsetretrouvailles a {
	border-color:#662D8F;
}
#menu ul li#menu_adoptionsetretrouvailles ul {
	left:762px; /*10+(188*4)*/
	background-color:#662D8F;
}
#menu ul li#menu_adoptionsetretrouvailles ul li a {
	background: #DED2E7;
}
#menu ul li#menu_adoptionsetretrouvailles ul li a:hover {
	color:#8a64a8;
}

.wp_adoptionsetretrouvailles #subnav {
	/*extend: #contenu*/
	background-color:#662d8f;
}
.wp_adoptionsetretrouvailles  #subnav ul li a {
	background-color:#DED2E7;
	border-color:#DED2E7;
}

.wp_adoptionsetretrouvailles #subnav ul li.selected ul li {
	border-color:#d4c9dd;
}

.wp_adoptionsetretrouvailles #subnav ul li.selected ul li.selected a,
.wp_adoptionsetretrouvailles #subnav ul li.selected ul li a:hover {
	color:#8a64a8;
}

.wp_adoptionsetretrouvailles #photo {
	/*extend: #contenu*/
	background:#EF9924 url(../images/fr/bannieres/bandeau_5.jpg) top left no-repeat;
}

.wp_adoptionsetretrouvailles #contenu_tuile {
	background-image:url(../images/ul/tuiles/subnav_5.jpg);
}

.wp_adoptionsetretrouvailles #contenu {
	/*extend: #contenu*/
}

.wp_adoptionsetretrouvailles #contenu h2,
.wp_adoptionsetretrouvailles .fcktexte h5 {
	color:#8a64a8;
}

.wp_adoptionsetretrouvailles .fcktexte ul li {
	background-image:url("../images/ul/puces/puce_05.gif");
}


/* NOUS JOINDRE
-----------------------------------------*/


/* JOURNAL ORGANISATIONNEL
-----------------------------------------*/

.wp_journalorganisationnel form {
	
}

.wp_journalorganisationnel form label {
	float:left;
	width:8.33em;
	text-align:right;
	line-height:1em;
	padding:4px 10px 0 0;
	font-weight:bold;
}

.wp_journalorganisationnel #contenu form .soumettre {
	margin-left:110px;
}
.wp_journalorganisationnel form p {
	margin-bottom:2px;
	clear:left;
}
.wp_journalorganisationnel #outils {
	margin:0;
	border:0;
	padding-right:10px;
	
}

.wp_journalorganisationnel_edition #contenu_inner,
.wp_journalorganisationnel_nouvelle #contenu_inner {
	padding-right:0;
	width:532px;
}

#journalalahune {
	width:532px;
}
#journalalahune h1.journal {
	font-family:Palatino, Georgia 'times new roman',serif;
	font-size:25px;
	letter-spacing:1px;
	line-height:25px;
	padding:30px 0 0 10px;
}
#journalalahune h1.journal em {
	color:#00A2B2;
}

#journalalahune h2 {
	margin:0 0 6px;
	text-transform:uppercase;
	color:#21324E
}

#journalhaut {
	width:532px;
	height:78px;
	background:transparent url(/images/ul/graphiques/journal-entete.gif) left top no-repeat;
	position:relative;
	margin-bottom:8px;
}
#journaledition {
	position:absolute;
	left:430px;
	top:60px;
	color:#ffffff;
	font-size:0.92em;
}

#journaldates {
	padding:36px 10px 10px;
}

#journalprimaire {
	float:left;
	width:292px;
	padding:0 20px 0 10px;
	border-right:2px solid #D6E4E6;
}

#journalprimaire .intro {
	border-bottom:1px solid #D6E4E6;
	margin-bottom:10px;
	padding-bottom:10px;
}
#journalprimaire h2 {
	color:#39B34C;
	font-size:1.5em;
	margin:0 0 10px;
}
#journalprimaire .description {
}
#journalprimaire .suite {
	font-size:0.75em;
	line-height:1em;
	text-align:right;
	margin-top:6px;
}
#journalprimaire .suite .plus {
	color:#39B34C;
	font-size:1em;
}
#journalprimaire .suite a {
	text-decoration:none;
	color:#21324E;
}
#journalprimaire .suite a:hover {
	text-decoration:underline;
}

#journalprimaire .separateur {
	margin: 10px 0 0;
	border-top:1px solid #D6E4E6;
}

#journalsecondaire {
	float:right;
	width:185px;
	padding-right:10px;
}
#journalsecondaire ul {
	padding:0;
	color:#599299;
	margin:0 0 5px 14px;
}

#journalsecondaire ul li {
	padding:0 0 6px;
	font-family: 'Trebuchet MS',Arial, sans-serif;
}

#journalequipe {
	padding:10px;
}

#journalcollaboration {
	padding:10px;
}

#journalnav {
	clear:both;
	padding:0 10px;
	position:relative;
	height:16px;
	line-height:1em;
}

#journalnav a {
	font-size:0.75em;
	line-height:1em;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
	display:block;
	position:relative;	/*IE6*/
	padding:4px 4px 3px 0;
	background:transparent none 0 2px no-repeat;
	color:#21324E;
}

#journalnav a.liste {
	width:11em;
}

#journalnav a.precedent {
	position:absolute;
	background-image:url(../images/ul/boutons/precedent.gif);
	padding:4px 4px 3px 18px;
	top:0px;
	left:210px;
}
#journalnav a.suivant {
	position:absolute;
	background-image:url(../images/ul/boutons/suivant.gif);
	background-position: right 2px ;
	padding:4px 18px 3px 4px;
	top:0px;
	right:0;
}

#journalnav a:hover {
	text-decoration:underline;
}


#journalbas {
	margin:18px 0 0;
}

#journalnouvelle {
	padding:0 10px;
}

#journalnouvelle .auteur {
	font-size:0.92em;
	line-height:1.08em;
	margin-bottom:1em;
	text-align:right;
}

#journalnouvelle h2 {
	margin-bottom:1em;
}

#journalnouvelle h6 {
	color:#00A2B2;
}


#contenu #subnavsecondaire {
	float:right;
	width:150px;
	margin-top:67px;
}

#contenu #subnavsecondaire .bloc_deroulant {
	margin-bottom:0.5em;
}
#contenu #subnavsecondaire div.zone_deroulante {
	padding:5px 10px 5px 27px;
}
#contenu #subnavsecondaire div.zone_deroulante .bordure {
	padding:0;
}
#contenu #subnavsecondaire div.zone_deroulante p {
	margin:0;
	padding:0;
}
#contenu #subnavsecondaire div.zone_deroulante a {
	color:#21324E;
	font-size:0.92em;
	line-height:1.33em;
}

#contenu #subnavsecondaire div.zone_deroulante a:hover {
	color:#00A2B2;
}

#contenu #subnavsecondaire div.zone_deroulante a.selected {
	color:#00A2B2;
	text-decoration:none;
	font-weight:bold;
}

/* EMPLOIS ET STAGES
-----------------------------------------*/

.wp_emploisetstages form {
	padding-bottom:20px;
}

.wp_emploisetstages form label {
	float:left;
	width:12.5em;
	text-align:right;
	padding:4px 10px 0 0;
	font-weight:bold;
}

.wp_emploisetstages #contenu form .soumettre {
	margin-left:158px;
}
.wp_emploisetstages form p {
	margin-bottom:2px;
	clear:left;
}

.wp_emploisetstages #pub_bulletin {
	padding:6px;
}

.wp_emploisetstages ul.erreur {
	margin-right:200px;
}

.wp_emploisetstages #contenu_inner {
	padding-right:0;
	width:532px;
}

/* PLAN DU SITE
-----------------------------------------*/

.wp_plandusite ul {
	margin-top:0;
}

.wp_plandusite ul li {
	list-style-type:none;
	padding-bottom:0.5em;
}


/* ERREURS
-----------------------------------------*/
.wp_erreur #contenu {
	/*extend: #contenu*/
}


/* BAS
-----------------------------------------*/

#bottom {
	width:940px;
	height:20px;
	margin:4px auto 0;
	padding-bottom:10px;
}

#bottom ul {
	margin:0;
	padding:0;
}

#bottom ul li {
	display:inline;
}
#bottom ul li a {
	float:left;
	display:block;
	margin-right:10px;
	text-decoration:none;
	font-size:0.92em;
	font-weight:bold;
	color:#21324E;
}
#bottom ul li a:hover {
	color:#00A2B2;
}

#web_design {
	font-size:0.83em;
	float:right;
	color:#8993A1;
	text-transform:uppercase;
	text-decoration:none;
}
#web_design a {
	text-decoration:none;
	color:#9DA7B2;
}
#web_design a:hover {
	text-decoration:underline;
}


/* BLOC TEXTE FCK
-----------------------------------------*/
.fcktexte {
}

.fcktexte a {
	cursor:pointer;
	text-decoration:underline; 
	outline:none;
}

.fcktexte ul {
	margin:0 0 1em;
	padding:0;
}
.fcktexte ul li {
	list-style-type: none;
	background:transparent url("../images/ul/puces/puce_02.gif") 0.38em 0.75em no-repeat;
	padding:3px 0 2px 1.17em;
}

.fcktexte ul li.premier { }

.fcktexte ol {
	margin:0;
	padding:0 0 0 1.5em;
}

.fcktexte ol li {
	padding-bottom:0.5em;
}

.fcktexte p { }


.fcktexte .encadre1 {
	background:#F7F9FA none;
	border:1px solid #85A1B0;
	padding:15px;
	margin-bottom:10px;
}

.fcktexte h5.tableau {
	margin:0;
	padding:10px;
	background-color:#21324E;
	font-size:1em;
	color:#fff;
	width:512px;
}

.fcktexte table td,
.fcktexte table th {
	padding:6px;
	font:normal 1em/1.17em Arial, sans-serif;
	vertical-align:top;
	text-align:left;
}

.fcktexte table.colore1 td,
.fcktexte table.colore1 th {
	padding:10px;
	border: 1px solid #85A1B0;
	border-top:0;
	background-color:#F7F9FA;
}

.fcktexte table th {
	font-weight:bold;
}

.fcktexte table.colore1 th {
	background-color:#B7C7D4;
}

.fcktexte table.colore1 tr.paire td {
	background-color: #fff;
}

.fcktexte table.colore1 td.premier_ligne,
.fcktexte table.colore1 th.premier_ligne {
	border-top:1px solid #85A1B0;
}

.fcktexte table.colore1 td.premier_colonne,
.fcktexte table.colore1 th.premier_colonne {
	border-right:0;
}

.note {
	font:0.92em/1.08em Arial, sans-serif;
}

.fcktexte img.alignleft {
	margin: 0 12px 1em 0;
	float:left;
}

.fcktexte h4 { }
.fcktexte h5 { }
.fcktexte h6 { }

.fcktexte span.colore1 {
	color:#22314E;
}

.fcktexte span.colore2 {
	color:#00A2B2;
}

.fcktexte .imagevignette {
	float:left;
	margin:0 12px 1em 0;
}

.fcktexte .imagevignette .txt {
	font-size:0.92em;
	line-height:1.17em;
	margin-top:6px;
}


/* DIVERS
-----------------------------------------*/
form {
	margin:0;
}

input.decoration, select.decoration, textarea.decoration {
	padding:2px;
	font:1em/1.2em Arial, sans-serif;
	background-color:#fff;
	margin:2px;
	border:1px solid #cadaec;
}

input.erreur,
select.erreur,
textarea .erreur {
	background-color:#fef3e6;
}

input.soumettre {
	width:auto !important;
	background-color:#22314e;
	color:#fff;
	text-transform:uppercase;
	font-size:0.92em;
	font-weight:bold;
}

.message,
.message_succes {
	margin:10px auto;
	padding:10px 10px 10px 62px;
	color:#fff;
	text-align:left;
	font-size:0.92em;
	line-height:1.08em;
	font-weight:bold;
}

.message_succes {
	border:1px solid #26b147;
	color:#26b147;
}

.message ul,
.message_succes ul {
	padding:0 0 0 10px;
	margin:0;
	list-style-type:none;
}

ul.erreur {
	color:#ff6600;
	background-color: #fef3e6;
	padding:10px;
	list-style-type:none;
}
ul.erreur li {
	background-image:none;
	padding:0;
}

label.erreur {
	font-weight:bold;
	color:#ff6600;
}

#version_dev {
	background-color:#FF0000;
	padding:5px 10px;
	color:#FFFFFF;
	position:relative;
}

.clear {
	clear:both;
}

.hidden,
.imprimer {
	display:none;
}

.nonimprimer {
}

.formulaire_question {
	margin-bottom:20px;
}

p.espace {
}

div.espace_bas {
	clear:both;
	height:45px;
}

#personnage img {
	behavior: url(/js/iepngfix.htc);
}


/* POPUP
-----------------------------------------*/

div.popup {
}

body.popup div.popup {
	width:auto;
	padding:0;
}


.popup h1 {
	padding:5px 0;
	border-bottom:1px dotted #8FB1C9;
	margin-bottom:10px;
	color:#0A1931;
}

.popup #header {
	height:auto;
	background:transparent none;
}

.popup #corps {
	padding:10px;
	height:auto;
	width:auto;
	background:#fff none;
	border:0;
	color:#22314e;
	padding:0;
}

.popup #contenu {
	float:none;
	width:auto;
	background-color:#fff;
	padding:0;
}


div.popup #contenu h2 {
	color:#fff;
	font-size:1.17em;
	line-height:1em;
	margin:0;
}

.popup #outils2 {
	margin-right:0;
}
.popup #outils2 a {
	color:#21324E !important;
	padding:2px 4px 6px 22px;
	float:none;
	height: 1.2em;
	position:static;	/*IE6, si pas float*/
}
.popup #outils2 a:hover {
	color:#00a2b2 !important;
}


div.popup #footer {
	display:none;
}

div.popup #bottom {
	display:none;
}

div.popup #contenu .fcktexte {
}

div.popup #contenu .fcktexte a {
	color:#00A2B2;
}
div.popup #contenu .fcktexte a:hover {
	color:#0A1931; 
	
}

div.popup input,
div.popup select,
div.popup textarea {
	color:#51515A;
}
div.popup label {
	font-weight:bold;
	color:#0A1931;
}

div.popup label.erreur {
	font-weight:bold;
	color:#f00;
}

div.popup #merci {
	padding:10px 0;
}

div.popup div.message {
	background:#347DBD url(../images/ul/graphiques/message-erreur.gif) 10px 0.2em no-repeat;
	height:3.6em;
}