/*
###############################################
############ STRUCTURE GENERALE ###############
###############################################
*/
* {
	padding:0;
	margin:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

body  {
	font: Verdana, Arial, Helvetica, sans-serif;
	background: #FFFFFF;
	background:url(../images/fond_pages.jpg) top left;
	background-repeat:repeat-x;
	margin: 0;
	padding: 0;
	text-align: left;
	color: #000000;
	font-size:11px;
}

body#accueil  {
	background:url(../images/fond_accueil.jpg) top left repeat-x;
	font-size:11px;
}

.rouge { color: #d54d66; }
.violet { color: #4a4075; }
.gris { color: #898989; }

a {
	color:#d54e67;
	text-decoration:none;
}
a:hover{
	color:#000000;
	text-decoration:none;
}
#contenu h1 {
	font-size:1.2em;
	color:#d54d66;
	margin-bottom:12px;
	margin-top:22px;
}
#contenu h3 {
	font-size:1.2em;
	margin-bottom:12px;
}
#contenu p {
	margin-bottom:12px;
	margin-top:12px;
}

#contenu ul li {
	list-style-type:disc;
	list-style-position:outside;
	margin-left:30px;
}
#contenu ul li ul li {
	list-style-type:circle;
	list-style-position:outside;
	margin-left:30px;
}
#contenu blockquote {
	margin-left:20px;
}
/*
###############################################
################# ENTETE ######################
###############################################
*/
#header {
	background:url("../images/fond_pages_header.jpg") left top no-repeat;
	width: 965px;
	height: 54px;
	position:relative;
	left:0px;
	top:0px;
}
#header h1 {
	background:url("../images/logo_pages.jpg") left top no-repeat;
	width: 115px;
	height: 75px;
	position:absolute;
	left:0px;
	top:0px;
	z-index:100;
}
#header h1 a {
	display:block;
	height:75px;
	text-indent:-5000px;
	z-index:100;
}
ul.bienvenue_pages {
	position:absolute;
	width:500px;
	height:90px;
	left:115px;
	top:22px;
}

li.centre_hospitalier {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:20px;
	color:#4a4075;
	font-weight:bold;
	line-height:19px;
}
li.bourgoin {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:16px;
	color:#a09bb7;
	font-weight:bold;
}


#accueil #header {
	background:url("../images/fond_accueil_header.jpg") left top no-repeat;
	width: 965px;
	height: 126px;
	position:relative;
	left:0px;
	top:0px;
}
#accueil #header h1 {
	background:url("../images/logo.jpg") left top no-repeat;
	width: 205px;
	height: 142px;
	position:absolute;
	left:0px;
	top:0px;
	z-index:100;
}
#accueil #header h1 a {
	display:block;
	height:142px;
	text-indent:-5000px;
	z-index:100;
}

#accueil ul.bienvenue_accueil {
	position:absolute;
	width:500px;
	height:90px;
	left:205px;
	top:72px;
}
#accueil li.bienvenue {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:18px;
	color:#a09bb7;
	font-weight:bold;
}
#accueil li.centre_hospitalier {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:24px;
	color:#4a4075;
	font-weight:bold;
	line-height:19px;
}
#accueil li.bourgoin {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:20px;
	color:#a09bb7;
	font-weight:bold;
}

#standard {
	position:absolute;
	width:183px;
	height:22px;
	background:url(../images/picto_standard.gif) left top no-repeat;
	left:599px;
	top:8px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color:#d54d66;
	font-weight:bold;
	font-size:12px;
	padding-left:25px;
	padding-top:5px;
}

#accueil #standard {
	position:absolute;
	width:183px;
	height:22px;
	background:url(../images/picto_standard.gif) left top no-repeat;
	left:599px;
	top:22px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color:#d54d66;
	font-weight:bold;
	font-size:12px;
	padding-left:25px;
	padding-top:5px;
}

/*
###############################################
################# CONTAINER ###################
###############################################
*/
#container {
	width: 965px;
	margin: 0 auto;
	text-align: left;
}
/*
####################################################
################# MENU ENTETE ######################
####################################################
*/
#menu_header {
	position:relative;
	width: 965px;
	height:26px;
	background:url("../images/fond_accueil_menu_header.gif") left top no-repeat;
	font-size:11px;
	z-index:200;
}
#menu_header ul {
	position:absolute;
	left:606px;
	font-size:11px;
}
#menu_header ul li {
	float:left;
	width:88px;
	height:26px;
	padding-top:7px;
	list-style-type:none;
	font-size:11px;
}

#menu_header ul li a {
	position:relative;
	margin-left:23px;
	text-decoration:none;
	font-size:9px;
	color:#a5a0ba;
}
#menu_header ul li a:hover {
	color:#ffffff;
}

#menu_header ul li.accueil {
	background:url("../images/picto_accueil.jpg") left top no-repeat;
}
#menu_header ul li.plan_du_site {
	background:url("../images/picto_plan_du_site.jpg") left top no-repeat;
}
#menu_header ul li.actualites {
	background:url("../images/picto_actualites.jpg") left top no-repeat;
}
#menu_header ul li.contact {
	background:url("../images/picto_contact.jpg") left top no-repeat;
}
/*
######################################################
################# PHOTO ACCUEIL ######################
######################################################
*/

#accueil #photo_header {
	position:relative;
	width: 965px;
	height:194px;
	background:url("../images/photo_accueil.jpg") left top no-repeat;
	z-index:1;
}

#photo_header {
	position:relative;
	width: 965px;
	height:117px;
	background:url("../images/photo_pages.jpg") left top no-repeat;
}

/*
####################################################
################# MENU ACCUEIL #####################
####################################################
*/
#accueil #menu_accueil {
	position:relative;
	margin-top:-30px;
	margin-left:40px;
	height:400px;
	z-index:100;
}
#accueil #menu_accueil li {
	list-style-type:none;
	float:left;
	height:91px;
	width:138px;
	margin-left:32px;
}
#accueil #menu_accueil li.hopital {
	height:93px;
	width:159px;
	background:url(../images/vignette_hopital.gif) left top no-repeat;
}
#accueil #menu_accueil li.hopital a {
	font-weight:bold;
	color:#4a4075;
	text-decoration:none;
	font-size:13px;
	height:93px;
	display:block;
	padding-top:66px;
}
#accueil #menu_accueil li.hopital a:hover {
	color:#d54d66;
}

#accueil #menu_accueil li.hopital {
	height:93px;
	width:159px;
	background:url(../images/vignette_hopital.gif) left top no-repeat;
	margin-left:0px;
}


#accueil #menu_accueil li a {
	font-weight:bold;
	color:#4a4075;
	text-decoration:none;
	font-size:13px;
	height:91px;
	display:block;
	padding-top:55px;
	margin-left:7px;
}

#accueil #menu_accueil li a:hover {
	color:#d54d66;
}

#accueil #menu_accueil li.departement_personnes_agees {
	background:url(../images/vignette_personnes_agees.gif) left top no-repeat;
	margin-top:40px;
}

#accueil #menu_accueil li.pedo_psychiatrie {
	background:url(../images/vignette_pedo_psychiatrie.gif) left top no-repeat;
	margin-top:80px;
}
#accueil #menu_accueil li.CAMSP {
	background:url(../images/vignette_CAMSP.gif) left top no-repeat;
	margin-top:120px;
}
#accueil #menu_accueil li.formation {
	background:url(../images/vignette_formation.gif) left top no-repeat;
	margin-top:160px;
}

/*
##################################################
################# MENU PAGES #####################
##################################################
*/
#menu_pages {
	width: 953px;
	height:25px;
	margin-top:7px;
	margin-left:12px;
	font-size:12px;
}
#menu_pages li {
	float:left;
	list-style-type:none;
	font-size:12px;
}
#menu_pages li a {
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	color:#4a4075;
}
#menu_pages li.act a {
	font-size:13px;
	font-weight:bold;
	text-decoration:none;
	color:#d54d66;
}
#menu_pages li a:hover {
	color:#d54d66;
}

/*
####################################################
##################### PIED #########################
####################################################
*/
#footer {
	position:relative;
	width: 965px;
	height: 30px;
	left:0px;
	top:0px;
	clear:both;
	padding-top:70px;
	font-size:11px;
}
#footer ul {
	position:relative;
	margin:0;
	padding:0;
	border-top:1px solid #c8c5d5;
	font-size:11px;
}
#footer li {
	text-align:center;
	list-style-position:outside;
	list-style-type:none;
	font-size:11px;
	color:#4a4075;
}
#footer li a {
	color:#4a4075;
	text-decoration:none;
	font-size:11px;
}
#footer li a:hover {
	color:#d54d66;
	text-decoration:none;
}

/*
###############################################
################# CONTENT #####################
###############################################
*/
#content {
	position:relative;
	padding: 0px;
	margin-top:0px;
	margin-bottom:20px;
	text-align:justify;
	margin-left:230px;
	width:720px;
}

/*
####################################
############### MENU ###############
####################################
*/
#menu {
	position:relative;
	float:left;
	width:187px;
	margin-left:10px;
	background:url(../images/fond_menu.jpg) top left;
	background-repeat:repeat-x;
	font-size:12px;
}

#menu a {
	background:url(../images/fond_menu_act.gif) top left no-repeat;
	display:block;
	margin-left:17px;
	padding-top:5px;
	text-decoration:none;
	color:#FFFFFF;
	padding-right:6px;
}

#menu a:hover {
	color:#d54d66;
}

#menu ul{
	padding-top:7px;
}

#menu li{
	list-style-type:none;
	list-style-position:outside;
	background:url(../images/fleche_menu.gif) left top no-repeat;
}

#menu li.act ul li a {
	font-weight:bold;
	color:#FFFFFF;
}
#menu li.act ul li a:hover {
	color:#fd0909;
}


#menu li.act ul li.act a {
	font-weight:bold;
	color:#FFFFFF;
}


#menu li.act a {
	color:#ffffff !important;
	font-weight:bold;
}

#titre_menu {
	position:relative;
	background:#d54d66;
	color:#FFFFFF;
	font-weight:bold;
	font-size:12px;
	padding-left:17px;
	padding-top:5px;
	padding-bottom:5px;
	padding-right:7px;

}


#menu li.pointillets {
	height:12px;
	background:url(../images/pointillets.gif) left top no-repeat;
}
#menu li.transparent {
	height:12px;
	background:none;
}
/*
#################################
####### PETIT POUCET ############
#################################
*/
#petit_poucet {
	position:relative;
	width: 953px;
	height:22px;
	margin-left:12px;
	border-bottom:1px solid #bfbcce;
	margin-bottom:2px;
	font-size:10px;
}
#petit_poucet a {
	font-size:10px;
	text-decoration:none;
	color:#4a4075;
}
#petit_poucet a:hover{
	color:#d54d66;
}

/*
#################################
######### TITRE PAGE ############
#################################
*/
#titre_page {
	position:relative;
	font-size:18px;
	color:#d54d66;
	padding-top:10px;
	padding-bottom:15px;
}

/*
#################################
########## RECHERCHE ############
#################################
*/
#accueil #moteur_recherche {
	position:absolute;
	left:789px;
	top:18px;
	background:url(../images/loupe.gif) top left no-repeat;
	padding-left:24px;
}
#moteur_recherche {
	position:absolute;
	left:789px;
	top:8px;
	background:url(../images/loupe.gif) top left no-repeat;
	padding-left:24px;
}
#moteur_recherche .fields_recherche {
	border:0;
	width:128px;
	height:20px;
	background:#c7c4d4;
	color:#4a4075;
	font-size:9px;
	padding-top:0;
	padding-bottom:0;
	margin-top:0;
	margin-bottom:0;
}
#moteur_recherche .fields_ok {
	background:url(../images/bouton_recherche_ok.gif) top left no-repeat;
	width:22px;
	height:21px;
	margin-left:2px;
	border:0;
	color:#FFFFFF;
	font-size:9px !important;
	font-weight:bold;
	margin-top:5px;
}
P.csc-searchResult {
	margin-bottom:15px;
}
TABLE.csc-searchResultInfo, .csc-noSearchResultMsg {
	margin-bottom:20px;
}
TABLE.csc-searchResultInfo P, TABLE.csc-searchResultInfo P A{
	font-size:12px;
	font-weight:bold;
}
.csc-searchResultPrevNext {
	padding-left:10px;
	background:#e2e1e9;
}
TABLE.csc-searchResultInfo {
	width:720px;
	border:1px solid #d54e67;
	height:30px;
	padding-left:10px;
}
TD.csc-searchResultRange {
	padding:5px;
}


/*
#################################
############ EMPLOIS ############
#################################
*/
.tx-dmmjobcontrol-pi1 H3 {
	font-size:12px;
	margin-bottom:10px;
	margin-top:10px;
}
.tx-dmmjobcontrol-pi1 P {
	margin:0 !important;
	padding:0 !important;
}
.tx-dmmjobcontrol-pi1 DIV {
	margin-bottom:20px !important;
}
.dmmjobcontrol_list_table {
	 border:1px solid #d54e67;
	 width:540px;
	 margin:0px !important;
	 width:720px;
}
TABLE.dmmjobcontrol_list_table_titre {
	 width:720px;
}
TABLE.dmmjobcontrol_list_table_titre TD {
	 text-align:center;
	 padding-left:0;
}
.dmmjobcontrol_list_table th {
	background:#d54e67;
	color:#FFFFFF;
	padding:5px !important;

}
TH.dmmjobcontrol_list_th2 {
	background:#625a88;
}
.dmmjobcontrol_list_table td {
 	padding:5px !important;
	text-align:left !important;
}
.dmmjobcontrol_list_table_titre {
	 border:0;
	 width:540px;
	 margin:5px !important;
	 text-align:left;
}
.dmmjobcontrol_list_table_titre td {
	font-size:14px;
	font-weight:bold;
	padding-left:190px;
}
.dmmjobcontrol_apply_table TABLE {
	width:540px;
}
.dmmjobcontrol_apply_table TD {
	height:20px;
}
.dmmjobcontrol_input, .dmmjobcontrol_textarea, .dmmjobcontrol_fileinput {
	border:1px solid #a8a8a8;
}
.dmmjobcontrol_input {
	width:250px;
}
.dmmjobcontrol_fileinput {
	width:250px;
}
.dmmjobcontrol_textarea {
	width:250px;
	height:110px;
}
#dmmjobcontrol_apply_form {
	border:1px solid #a8a8a8;
	padding:5px;
	margin-bottom:30px;
}
.dmmjobcontrol_apply_header {
	font-size:12px;
	color:#cb0f41;
	font-weight:bold;
	height:20px;
}
.dmmjobcontrol_apply_td1 {
	width:190px;
}

.csc-mailform-field {
	display:block;
}

.csc-mailform-field input, .csc-mailform-field textarea {
	border:1px solid #a8a8a8;
}

.csc-mailform-field label {
	width:150px;
	display:block;
	float:left;
}
.csc-mailform-submit {
	margin-left:150px;
}
fieldset.csc-mailform {
	padding:10px;
}

/*
#######################################
############ ACCESSIBILITE ############
#######################################
*/
.tx-efafontsize-pi1 {
	position:absolute;
	margin-left:650px;
	margin-top:10px;
	z-index:200;
}

/*
###############################################
############ RECRUTEMENT ACCUEIL ##############
###############################################
*/

a.bouton_emploi {
	position:absolute;
	top:230px;
	left:675px;
	width:225px;
	height:50px;
	background-image:url(../images/bouton_recrutement.gif);
	background-position:top left;
	background-repeat:no-repeat;
	text-indent:-5000px;
}

a.bouton_emploi:hover {
	background-image:url(../images/bouton_recrutement_on.gif);
}

/*
###############################################
############ ACTUALITES #######################
###############################################
*/
#accueil #photo_header #actualites {
	position:relative;
	width:345px;
	height:100px;
	top:325px;
	left:15px;
}

.news-latest-container {
	float:left;
	padding-top:30px;
}

.news-latest-container.nouveau {
	position:absolute;
	left:0;
	top:120px;
}

.news-latest-container H3 {
	font-size:11px;
	margin-left:110px;
}
.news-latest-container P {
	font-size:10px;
	margin-left:110px;
}

.news-latest-item img {
	float:left;
	border:1px solid #716a93;
}

.news-latest-item {
	background:url(../images/fond_actualites.gif) top left;
	background:background-repeat:repeat-y;
	padding:7px;
	padding-left:12px;
	padding-right:10px;
	width:325px;
}

#titre_latest_actualite {
	width:345px;
	height:21px;
	background:url(../images/titre_actualites.gif) top left no-repeat;
}

#titre_latest_actualite_nouveau {
	width:345px;
	height:21px;
	background:url(../images/titre_actualites_nouveau.gif) top left no-repeat;
}

#pied_latest_actualite {
	width:345px;
	height:10px;
	background:url(../images/pied_actualites.gif) top left no-repeat;
}
.news-latest-morelink a {
	padding-left:9px;
}

.news-single-item H2 {
	font-size:1.5em;
	color:#d54d66;
}
/*
###############################################
############ PLAN DU SITE #####################
###############################################
*/
.tx-dropdownsitemap-pi1 ul li.closed {
	list-style-type: none !important;
}

/*
#####################################################
############ CATEGORIES DE PAGES ####################
#####################################################
*/
.formulaire_categorie {
	width:730px;
	position:relative;
	hieght:50px;
	vertical-align:middle;
}
.formulaire_categorie .titre_liste_categorie {
	width:100px !important;
	height:24px;
	float:left;
	padding-top:5px;
}

.formulaire_categorie select {
	width:450px;
	font-size:10px;
}

/*
#############################################
############ GOOGLE MAP  ####################
#############################################
*/
.tx-lumogooglemaps-pi1 span {
	display:none;
}
.tx-lumogooglemaps-pi1 a {
	/*display:none;*/
}
.formulaire_categorie select {
	margin-right:5px;
}

.carte {
	border:3px solid #d54d66;
}

/*
#########################################
############ CONTACT ####################
#########################################
*/
.csc-form-labelcell {
	width:90px;
	font-weight:bold;
}

div#formContactezNous fieldset {
	border:0;
}

div#formContactezNous label {
	display:block;
	width:150px;;
	float:left;
	font-weight:bold;
}

div#formContactezNous div.tx_pilmailform_pi1_field {
	margin-bottom:5px;
}

div#formContactezNous .erreur {
	color:#d54d66;
	font-weight:bold;
}


/*
#########################################
############ UPLOADS ####################
#########################################
*/
.csc-uploads-fileName {
	padding:5px;
}

.tx-rgsmoothgallery-pi1 {
	margin:20px;
	margin-left:0px;
}

/*
*********************************
******** TABLEAUX RTE ***********
*********************************
*/
.tableau_style_1{
	font-size:12px;
	color:#000000;
}
.tableau_style_1 td{
	border:1px solid #000000;
	padding:5px;
	text-align:center;
	color:#000000;
}
#infos_pratiques .tx_lumogooglemaps_pi1_sidebar {
	display:none;
}

/*
#########################################
############ INFOS ACCUEIL ##################
#########################################
*/

.infos_accueil {
	position:absolute;
	width:370px;
	left:450px;
	top:300px;
	text-align:center;
}

.infos_accueil p {
	font-weight:bold;
	color:#D54E67;
}

#accueil #actualites .news-latest-container .news-latest-item {
	min-height:65px;
}