@charset "utf-8";

@font-face {
    font-family: 'conduit_itcregular';
    src: url('conduit_itc-webfont.eot');
    src: url('conduit_itc-webfont.eot?#iefix') format('embedded-opentype'),
         url('conduit_itc-webfont.woff') format('woff'),
         url('conduit_itc-webfont.ttf') format('truetype'),
         url('conduit_itc-webfont.svg#conduit_itcregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

html{
	font-family						:Arial, Helvetica, sans-serif;
	font-size						:12px;
	color							:#000;
	margin							:0px;
	padding							:0px;
}

body{
	padding							:0px;
	margin							:0px;
	text-align						:center;
	position						:relative
}

cite {
	font-size:11px;
}

blockquote {
	margin:auto auto 15px 15px;
	font-size:10px;
}

#article h1 span{
	display:none;
}



.page_1{
	background						:url(../images/banners/adck2014_banner_accueil.jpg) repeat-x 0px 0px;
}


.gauche, .droite{
	position						:absolute;
}

.page_1 .gauche{
	width							:74px;
	height							:141px;
	background						:url('../images/banners/accueil_gauche.png')no-repeat 0 0;
	left							:-53px;
	bottom							:0;
}

.page_1 .droite{
	bottom							:43px;
	right							:-39px;
	width							:83px;
	height							:168px;
	background						:url('../images/banners/accueil_droite1.png')no-repeat 0 0;
}

.page_1 .droite2{
	bottom							:0;
	right							:-7px;
	width							:48px;
	height							:43px;
	background						:url('../images/banners/accueil_droite2.png')no-repeat 0 0;
	position						:absolute;
	z-index							:-1;
}

.page_9 .gauche{
	width							:74px;
	height							:141px;
	background						:url('../images/banners/presentation_gauche.png')no-repeat 0 0;
	left							:-31px;
	bottom							:-1px;
}

.page_9 .droite{
	bottom							:-1px;
	right							:-56px;
	width							:76px;
	height							:114px;
	background						:url('../images/banners/presentation_droite.png')no-repeat 0 0;
}

.page_64 .gauche{
	width							:91px;
	height							:61px;
	background						:url('../images/banners/adck2014_banner_gauche_jeunesse.png')no-repeat 0 0;
	left							:-90px;
	bottom							:-2px;
}

.page_64 .droite{
	bottom							:4px;
	right							:-50px;
	width							:50px;
	height							:168px;
	background						:url('../images/banners/adck2014_banner_droite_jeunesse.png')no-repeat 0 0;
}

.page_65 .gauche{
	width							:91px;
	height							:114px;
	background						:url('../images/banners/spectacles_gauche.png')no-repeat 0 0;
	left							:-26px;
	bottom							:51px;
}

.page_65 .droite{
	bottom: 94px;
    height: 127px;
    right: -26px;
    width: 26px;
	background						:url('../images/banners/spectacles_droite.png')no-repeat 0 0;
}

.page_74 .gauche{
	width							:77px;
	height							:161px;
	background						:url('../images/banners/expositions_gauche.png')no-repeat 0 0;
	left							:-78px;
	bottom							:-3px;
}

.page_74 .droite{
	bottom: -3px;
    height: 167px;
    right: -83px;
    width: 82px;
	background						:url('../images/banners/expositions_droite.png')no-repeat 0 0;
}

.page_78 .gauche{
	width							:28px;
	height							:166px;
	background						:url('../images/banners/mediatheque_gauche.png')no-repeat 0 0;
	left							:-28px;
	bottom							:-2px;
}

.page_78 .droite{
	bottom: -4px;
    height: 136px;
    right: -82px;
    width: 82px;
	background						:url('../images/banners/mediatheque_droite.png')no-repeat 0 0;
}

.page_86 .gauche{
	width							:51px;
	height							:163px;
	background						:url('../images/banners/patrimoine_gauche.png')no-repeat 0 0;
	left							:-51px;
	bottom							:-3px;
}

.page_86 .droite{
	bottom: -1px;
    height: 136px;
    right: -83px;
    width: 82px;
	background						:url('../images/banners/patrimoine_droite.png')no-repeat 0 0;
}


.bg_footer{
	position						:absolute;
	bottom							:0;
	width							:100%;
	height							:327px;
	z-index							:-1;
}

.page_1 .bg_footer{
	background						:url(../images/footer/adck2014_accueil_bg_bas.gif) repeat-x 0px 0px;
}

.page_64 .bg_footer{
	background						:url(../images/footer/adck2014_jeunesse_bg_bas.gif) repeat-x 0px 0px;
}

.page_74 .bg_footer{
	background						:url(../images/footer/adck2014_expo_bg_bas.gif) repeat-x 0px 0px;
}

.page_45 .bg_footer{
	background						:url(../images/footer/adck2014_pratique_bg_bas.gif) repeat-x 0px 0px;
}

.page_78 .bg_footer{
	background						:url(../images/footer/adck2014_mediatheque_bg_bas.gif) repeat-x 0px 0px;
	height							:357px;
}

.page_86 .bg_footer{
	background						:url(../images/footer/adck2014_patrimoine_bg_bas.gif) repeat-x 0px 0px;
	height							:461px;
}

.page_9 .bg_footer{
	background						:url(../images/footer/adck2014_presentation_bg_bas.gif) repeat-x 0px 0px;
	height							:327px;
}

.page_65 .bg_footer{
	background						:url(../images/footer/adck2014_spectacles_bg_bas.gif) repeat-x 0px 0px;
	height							:483px;
}


.page_46 .bg_footer{
	background						:url(../images/footer/adck2014_pratique_bg_bas.gif) repeat-x 0px 0px;
	height							:483px;
}

 #principal #contenu #texte .moduletable_mea_programme img{
	left: 147px !important;
	position:absolute;
    top: 15px !important;
}

.page_1 #principal #contenu #texte .moduletable_mea_zoom_sur{
	width							:438px;
	height							:116px;
	position						:absolute;
	left							:221px;
	top								:614px;
	background				:none #97311A;
}

.page_1 #principal #contenu #texte .moduletable_mea_zoom_sur a{
	width: 438px;
}

.page_1 #principal #contenu #texte .moduletable_mea_zoom_sur img{
	border							:0px;
	position						:absolute;
	left							:15px;
	top								:11px;
}

.page_1 #principal #contenu #texte .moduletable_mea_zoom_sur .titre{
	position:absolute;
	left: 135px;
	top:30px;
	font-size:20px;
	width:280px;
	display: block;
}

.page_1 #principal #contenu #texte .moduletable_mea_zoom_sur .lien{
	position:absolute;
	left: 135px;
	font-size:14px;
	top:70px;
	width:260px;
	display: block;
	border-left: 16px solid #F29400;
	padding-left: 5px;
}

/*	=================================================	partie haut
*/


#bandeau{
	float							:right;
	padding							:0px;
	height							:223px;
	width							:880px;
	text-align						:left;
	position						:relative;
}

#main{
	position						:absolute;
	left							:384px;
	top								:0px;
	display							:block;
	width							:123px;
	height							:83px;
	background						:url(../images/main.png) no-repeat left top;
}



#bras_gauche{
	position						:absolute;
	left							:-42px;
	top								:-234px;
	width							:42px;
	height							:373px;
	background						:url(../images/bras_gauche.png) no-repeat left top;
}

#bras_bas{
	position						:absolute;
	left							:0px;
	top								:38px;
	width							:867px;
	height							:101px;
	background						:url(../images/bras_bas.png) no-repeat left top;
}

/*.bandeau_1{
	background-image				:url(../images/bandeaux/bandeau_accueil.jpg);
	position						:relative;
}*/

.bandeau_{
	background-image				:url(../images/banners/adck2014_bandeau_pratique.jpg);
}

.bandeau_patrimoine{
	background-image				:url(../images/banners/adck2014_bandeau_patrimoine.jpg);
}

.bandeau_presentation{
	background-image				:url(../images/banners/adck2014_banner_presentation.png);
}

.bandeau_spectacle{
	background-image				:url(../images/banners/adck2014_bandeau_spectacles.png);
}

.bandeau_accueil_jeunesse{
	background-image				:url(../images/banners/adck2014_banner_centre_jeunesse.jpg);
}

.bandeau_mediatheque{
	background-image				:url(../images/banners/adck2014_bandeau_mediatheque.jpg);
}

.bandeau_exposition{
	background-image				:url(../images/banners/adck2014_banner_centre_expositions.jpg);
}

.bandeau_pratique{
	background-image				:url(../images/banners/adck2014_bandeau_pratique.png);
}

#bandeau #logo{
	display							:block;
	width							:138px;
	height							:176px;
	position						:absolute;
	left							:-235px;
	top								:0px;
}

/*	=================================================	partie principal
*/

#principal{
	width							:880px;
	margin							:0px auto;
	text-align						:left;
	padding							:0px;
}

.page_1 #principal{
	padding-bottom					:0px;
}

#principal #contenu{
	width							:880px;
	float							:left;
	padding							:0;
}

#principal #contenu #fond_contenu{
	width							:880px;
	float							:right;
	box-shadow						:-1px 5px 10px 0px rgba(50, 50, 50, 0.49);
}

#principal #contenu #texte #grafiti{
	float							:left;
	width							:0px;
	height							:668px;
}

#principal #contenu #texte.accueil{
	background-color				:#efefef;
}

#principal #contenu #texte{
	float							:right;
	width							:880px;
	padding							:0px 0px 22px 0px;
	position						:relative;
	background-color				:#FFF;
}

/*	=================================================	partie bas
*/

#nganjila{
	background						:url(../images/bg_pied.gif) no-repeat left top;
	position						:absolute;
	left							:10px;
	top								:11px;
	width							:170px;
	height							:17px;
}

#principal #pied{
	width							:880px;
	height							:23px;
	position						:relative;
	text-align						:left;
	padding-top						:15px;
	clear							:both;
	background-color				:#000;
	box-shadow						:-1px 5px 10px 0px rgba(50, 50, 50, 0.49);
}

#principal #pied table{
	position						:absolute;
	top								:11px;
	left							:210px;
	width							:280px;
}

#principal #pied table tr td a{
	color							:#f29400;
	text-decoration					:none;
	font-size						:10px;
}

#principal #pied table tr td a:hover{
	text-decoration					:underline;
}

#principal #pied table tr td span{
	color							:#f29400;
}

#principal #pied #rea{
	position						:absolute;
	left							:125px;
	top								:7px;
	font-size						:11px;
	color							:#FFF;
}

#principal #pied #rea a{
	color							:#FFF;
	font-size						:11px;
	text-decoration					:none;
}

#principal #pied #rea a:hover{
	text-decoration					:underline;
}

/*
	--------------------------------------------------
	=================================================	Page d'accueil
	--------------------------------------------------
*/

#principal #contenu #texte .moduletable_mea_accueil_spectacle{
	background-image				:url(../images/meas/mea_spectacle.gif);
	background-repeat				:no-repeat;
	background-position				:left top;
	left							:379px;
	top								:93px;
	height							:266px;
	border-right					:1px dotted #f5af40;
}



#principal #contenu #texte .moduletable_mea_accueil_temporaire{
	background-image				:url(../images/meas/mea_expo_temporaire.gif);
	background-repeat				:no-repeat;
	background-position				:left top;
	left							:629px;
	top								:93px;
	height							:266px;
}

#principal #contenu #texte .moduletable_mea_accueil_mediatheque{
	background-image				:url(../images/meas/mea_mediatheque.gif);
	background-repeat				:no-repeat;
	background-position				:left top;
	left							:379px;
	height							:183px;
	top								:394px;

}

#principal #contenu #texte .moduletable_mea_accueil_mediatheque .ucd_mea_accueil_mediatheque{
	border-right					:1px dotted #f5af40;
	height							:184px;
}

#principal #contenu #texte .moduletable_mea_accueil_culturel{
	background-image				:url(../images/meas/mea_culturel.gif);
	background-repeat				:no-repeat;
	background-position				:left top;
	left							:629px;
	height							:183px;
	top								:394px;
}

#principal #contenu #texte .moduletable_mea_accueil_spectacle ul, #principal #contenu #texte .moduletable_mea_accueil_temporaire ul{
	margin							:5px 0px;
	padding							:0px;
	float							:left;
}

#principal #contenu #texte .moduletable_mea_accueil_spectacle ul li, #principal #contenu #texte .moduletable_mea_accueil_temporaire ul li{
	display							:block;
	list-style-type					:none;
	padding							:10px 0px 5px 8px;
	margin							:0px;
	float							:left;
	height							:73px;
	width							:242px;
}

.moduletable_mea_accueil_spectacle, .moduletable_mea_accueil_temporaire, .moduletable_mea_accueil_mediatheque, .moduletable_mea_accueil_culturel{
	background						:#fff;
}

#principal #contenu #texte .moduletable_mea_accueil_spectacle ul .breve3, #principal #contenu #texte .moduletable_mea_accueil_temporaire ul .breve3{
	border-bottom					:0px;
}

#principal #contenu #texte .moduletable_mea_accueil_spectacle ul li a, #principal #contenu #texte .moduletable_mea_accueil_temporaire ul li a{
	color							:#000;
	text-decoration					:none;
	font-size						:10px;
	height							:65px;
	display							:block;
	overflow						:hidden;
}

#principal #contenu #texte .moduletable_mea_accueil_spectacle ul li a span, #principal #contenu #texte .moduletable_mea_accueil_temporaire ul li a span{
	font-weight						:bold;
	font-size						:11px;
	display							:list-item;
	color							:#de9919;
}

#principal #contenu #texte .moduletable_mea_accueil_spectacle ul li a img, #principal #contenu #texte .moduletable_mea_accueil_temporaire ul li a img{
	height							:59px;
	width							:59px;
	border							:0px;
	float							:left;
	margin-right					:10px;
}

#principal #contenu #texte .moduletable_mea_accueil_spectacle ul li a:hover, #principal #contenu #texte .moduletable_mea_accueil_temporaire ul li a:hover{
	color							:#EC6C09;
}

#principal #contenu #texte .moduletable_mea_accueil_spectacle ul li a:hover span, #principal #contenu #texte .moduletable_mea_accueil_temporaire ul li a:hover span{
	color							:#EB690B;
}

#principal #contenu #texte .moduletable_mea_accueil_mediatheque, #principal #contenu #texte .moduletable_mea_accueil_culturel, #principal #contenu #texte .moduletable_mea_accueil_spectacle{
	width							:250px;
	padding-top						:36px;
	position						:absolute;
}

.moduletable_mea_accueil_spectacle{
	border-right: 1px dotted #f5af40;
}

.moduletable_mea_accueil_spectacle span, .moduletable_mea_accueil_temporaire span,
.moduletable_mea_accueil_mediatheque a, .moduletable_mea_accueil_culturel .ucd_title a{
	font-size						:13px !important;
}

.moduletable_mea_accueil_spectacle span{
	color							:#79304c !important;
}

.moduletable_mea_accueil_temporaire span{
	color							:#5b391b !important;
}

.moduletable_mea_accueil_mediatheque a{
	color							:#6d7a4d !important;
}

.moduletable_mea_accueil_culturel .ucd_title a{
	color							:#00637f !important;
}

#principal #contenu #texte .moduletable_mea_accueil_temporaire{
	width							:251px;
	padding-top						:36px;
	position						:absolute;
}

#principal #contenu #texte .moduletable_mea_accueil_mediatheque div ul, #principal #contenu #texte .moduletable_mea_accueil_culturel div ul{
	padding							:0px;
}

#principal #contenu #texte .moduletable_mea_accueil_mediatheque div ul li, #principal #contenu #texte .moduletable_mea_accueil_culturel div ul li{
	position						:relative;
	list-style-type					:none;
	padding							:0px;
}

#principal #contenu #texte .moduletable_mea_accueil_temporaire div ul, #principal #contenu #texte .moduletable_mea_accueil_spectacle div ul{
	padding							:12px 0px;
	margin							:0px;
}

#principal #contenu #texte .moduletable_mea_accueil_mediatheque div ul, #principal #contenu #texte .moduletable_mea_accueil_culturel div ul{
	margin							:0px;
}

.moduletable_mea_accueil_temporaire > ul{
  border-left: 1px dotted #f5af40;
}

#principal #contenu #texte .moduletable_mea_accueil_mediatheque div ul li, #principal #contenu #texte .moduletable_mea_accueil_culturel div ul li{
	background-image				:url(../images/puce_mea.gif);
	background-repeat				:no-repeat;
	background-position				:8px 14px;
	padding							:10px 8px 5px 8px;
	height							:77px;
	overflow						:hidden;
	position						:relative;
}

#principal #contenu #texte .moduletable_mea_accueil_mediatheque div ul li .ucd_title a, #principal #contenu #texte .moduletable_mea_accueil_culturel div ul li .ucd_title a{
	font-size						:11px;
	color							:#de9919;
	text-decoration					:none;
	font-weight						:bold;
}

#principal #contenu #texte .moduletable_mea_accueil_mediatheque div ul li .ucd_title a:hover, #principal #contenu #texte .moduletable_mea_accueil_culturel div ul li .ucd_title a:hover{
	color							:#EC6C09;
}

#principal #contenu #texte .moduletable_mea_accueil_mediatheque div ul li .ucd_introtext h2, #principal #contenu #texte .moduletable_mea_accueil_culturel div ul li .ucd_introtext h2{
	font-weight						:normal;
	font-size						:11px;
	margin							:0px;
	color							:#000;
}

#principal #contenu #texte .moduletable_mea_accueil_mediatheque div ul li .ucd_introtext a, #principal #contenu #texte .moduletable_mea_accueil_culturel div ul li .ucd_introtext a{
	text-decoration					:none;
	color							:#000;
}

#principal #contenu #texte .moduletable_mea_accueil_mediatheque div ul li .ucd_introtext, #principal #contenu #texte .moduletable_mea_accueil_culturel div ul li .ucd_introtext{
	font-size						:11px;
	color							:#000;
	padding-left					:68px;
}

#principal #contenu #texte .moduletable_mea_accueil_mediatheque div ul li .ucd_introtext h3
,#principal #contenu #texte .moduletable_mea_accueil_culturel div ul li .ucd_introtext h3{
	font-size						:11px;
	font-weight						:normal;
	margin							:0px;
}

#principal #contenu #texte .moduletable_mea_accueil_mediatheque div ul li .ucd_title
,#principal #contenu #texte .moduletable_mea_accueil_culturel div ul li .ucd_title{
	padding-left					:69px;
}

#principal #contenu #texte .moduletable_mea_accueil_mediatheque div ul li .ucd_introtext p
,#principal #contenu #texte .moduletable_mea_accueil_culturel div ul li .ucd_introtext p{
	/*display						:none;*/
	margin							:0px;
}

#principal #contenu #texte .moduletable_mea_accueil_mediatheque div ul li .ucd_introtext img,
#principal #contenu #texte .moduletable_mea_accueil_culturel div ul li .ucd_introtext img{
	/*display						:none;*/
	width							:59px;
	height							:59px;
	position						:absolute;
	left							:8px;
	top								:12px;
}

#principal #contenu #texte .moduletable_mea_programme ul,
#principal #contenu #texte .moduletable_mea_zoom_sur ul,
#principal #contenu #texte .moduletable_mea_catalogue ul,
#principal #contenu #texte .moduletable_mea_programme ul li p,
#principal #contenu #texte .moduletable_mea_zoom_sur ul li p,
#principal #contenu #texte .moduletable_mea_catalogue ul li p{
	margin							:0px;
}

#principal #contenu #texte .moduletable_mea_programme ul li,
#principal #contenu #texte .moduletable_mea_zoom_sur ul li,
#principal #contenu #texte .moduletable_mea_catalogue ul li{
	list-style-type					:none;
	color							:#FFF;
	font-weight						:bold;
}

#principal #contenu #texte .moduletable_mea_programme ul li .ucd_introtext{
	position						:absolute;
	left							:0px;
	top								:0px;
}

#principal #contenu #texte .moduletable_mea_zoom_sur ul li .ucd_introtext{
	position						:absolute;
	left							:0px;
	top								:0px;
}

#principal #contenu #texte .moduletable_mea_catalogue ul li .ucd_introtext{
	position						:absolute;
	left							:0px;
	top								:0px;
	text-align						:right;
	width							:182px;
}

#principal #contenu #texte .moduletable_mea_programme{
	width							:220px;
	height							:116px;
	position						:absolute;
	left							:220px;
	top								:614px;
	background						:url(../images/bg_spectacles_programme_annuel_2017-3.jpg) no-repeat top left;
}

#principal #contenu #texte #menu_gauche .moduletable_mea_programme{
	width							:245px;
	height							:118px;
	float							:left;
	background						:url(../images/bg_spectacles_programme_annuel_2017-3.jpg) no-repeat top left #97311A;
	position						:relative;
	left							:0px;
	top								:0px;
}

#principal #contenu #texte .moduletable_mea_zoom_sur{
	width							:220px;
	height							:116px;
	position						:absolute;
	left							:440px;
	top								:614px;
	background						:url(../images/bg_zoom_sur.jpg) no-repeat top left;
}

#principal #contenu #texte .moduletable_mea_zoom_sur img, #principal #contenu #texte .moduletable_mea_programme img{
	border							:0px;
	position						:absolute;
	left							:167px;
	top								:6px;
}

#principal #contenu #texte .moduletable_mea_programme.details img{
	left: 175px !important;
	position:absolute;
    top: 5px !important;
}

#slides .barretitre{
	background						:none !important;
}

 #slides{
	background						:#f29400 !important;
}

#principal #contenu #texte .moduletable_mea_zoom_sur .pdf, #principal #contenu #texte .moduletable_mea_programme .pdf{
	position						:absolute;
	left							:-30px;
	top								:23px;
	z-index							:3;
}

#principal #contenu #texte .moduletable_mea_zoom_sur a, #principal #contenu #texte .moduletable_mea_programme a{
	color							:#FFF;
	text-decoration					:none;
	font-size						:11px;
	display							:block;
	width							:220px;
	height							:116px;
}

#principal #contenu #texte .moduletable_mea_zoom_sur a:hover, #principal #contenu #texte .moduletable_mea_programme a:hover{
	text-decoration					:underline;
}

#principal #contenu #texte .moduletable_mea_catalogue{
	width							:220px;
	height							:116px;
	position						:absolute;
	left							:660px;
	top								:614px;
	background						:url(../images/bg_catalogue.jpg) no-repeat top left;
}

#principal #contenu #texte .moduletable_mea_catalogue a{
	color							:#FFF;
	text-decoration					:none;
	font-size						:11px;
	display							:block;
	width							:220px;
	height							:116px;
}

#principal #contenu #texte .moduletable_mea_catalogue a span{
	display							:none;
}

#principal #contenu #texte .moduletable_slides{
	position						:absolute;
	left							:0px;
	top								:43px;
}

#principal #contenu #texte .moduletable_newsletter{
	position						:absolute;
	left							:0px;
	top								:614px;
	background						:url(../images/bg_newsletter.jpg) no-repeat left top;
	width							:205px;
	height							:74px;
	padding							:42px 0px 0px 15px;
	font-weight						:bold;
	font-size						:12px;
	color							:#FFF;
}

#principal #contenu #texte .moduletable_newsletter span{
	display							:none;
}

#principal #contenu #texte .moduletable_newsletter .retrouve_nous{
	background						:url(../images/retrouvez-nous.jpg) no-repeat left top;
	width							:220px;
	height							:60px;
	position						:absolute;
	left							:0px;
	top								:56px;
}

#principal #contenu #texte .moduletable_newsletter .retrouve_nous .btn_flux_rss:hover, #principal #contenu #texte .moduletable_newsletter .retrouve_nous .btn_facebook:hover{
	opacity							:0.5;
}

#principal #contenu #texte .moduletable_newsletter .retrouve_nous .btn_flux_rss{
	position						:absolute;
	left							:185px;
	top								:19px;
	display							:block;
	width							:27px;
	height							:27px;
	background						:url(../images/RSS.png) no-repeat left top;
	opacity							:1;
}

#principal #contenu #texte .moduletable_newsletter .retrouve_nous .btn_facebook{
	position						:absolute;
	left							:155px;
	top								:19px;
	display							:block;
	width							:26px;
	height							:26px;
	background						:url(../images/FB.png) no-repeat left top;
	opacity							:1;
}

#principal #contenu #texte .moduletable_newsletter .newsletterbutton {
	display:						block;
	width							:220px;
	height							:56px;
	position						:absolute;
	left							:0px;
	top								:0px;
	background						:url(../images/sprite_Newsletter_homepage.jpg) no-repeat left -2px;
}

#principal #contenu #texte .moduletable_newsletter .newsletterbutton:hover{
	background						:url(../images/sprite_Newsletter_homepage.jpg) no-repeat left bottom;
}

#principal #contenu #texte .moduletable_newsletter .newsletterbutton:hover{
	text-decoration					:underline;
}

#principal #contenu #texte .moduletable_newsletter .newsletterbutton a#toggle, #principal #contenu #texte .moduletable_newsletter .newsletterbutton p a.highslide{
	text-decoration					:none;
	color							:#FFF;
}

/*	============================================	pr�sentation
*/

#principal #contenu #texte .moduletable_flashinfo{
	position						:absolute;
	top								:43px;
	left							:379px;
	width							:501px;
	height							:50px;
	background-image				:url(../images/mea_flash_info.gif);
	background-repeat				:no-repeat;
	background-position				:left top;
	font-size						:11px;
	/*z-index							:400;*/
}

#principal #contenu #texte .moduletable_flashinfo .gk_news_highlighter{
	position						:relative;
	left							:120px;
	top								:20px;
	color							:#000;
}

#principal #contenu #texte #cadre_defile{
	position						:relative;
	left							:100px;
	top								:15px;
	background-color				:#D9DADB;
	width							:380px;
	height							:14px;
	padding							:2px;
	overflow						:hidden;
}

#principal #contenu #texte #defile {
	position						:absolute;
	font-family						:Geneva, Arial, Helvetica, sans-serif;
}

/*
	--------------------------------------------------
	=================================================	menus
	--------------------------------------------------
*/


#principal #contenu #texte .mattblackmenu{
	display							:block;
	width							:880px;
	padding							:0px;
	margin							:0px;
}

#principal #contenu #texte .mattblackmenu li{
	float							:left;
	list-style-type					:none;
	margin							:0px;
}

#principal #contenu #texte .mattblackmenu li a{
	display							:block;
	height							:43px;
	background-position				:top left;
	background-repeat				:no-repeat;
}

#principal #contenu #texte .mattblackmenu li a span{
	display							:none;
}

#principal #contenu #texte .mattblackmenu .item6{
	padding							:0px;
}

#principal #contenu #texte .mattblackmenu .active a, #principal #contenu #texte .mattblackmenu .active a:hover{
	background-position				:0px -42px;
}

#principal #contenu #texte .mattblackmenu li a:hover{
	background-position				:0px -43px;
}

/*	============================================	Menu d�roulant
*/

/* ######### Drop Down ULs CSS ######### */


.ddsubmenustyle, .ddsubmenustyle ul{ /*topmost and sub ULs, respectively*/
margin: 0;
padding: 0;
position: absolute;
left: 0;
top: 0;
list-style-type: none;
border-bottom: 3px solid #000;
visibility: hidden;
z-index: 100;
background:#fbe693;
}

.ddsubmenustyle li a{
display: block;
width: 160px; /*width of menu (not including side paddings)*/
color: #000;
background-color:#fbe693;
text-decoration: none;
padding:8px 13px 8px 21px;
font-size:12px;
text-align:left;
position:relative;
}

.ddsubmenustyle li a:before {
    content:url('../images/menu/bullet_menu.png');
     height: 4px;
    left: 11px;
    position: absolute;
    width: 4;
    top: 14px;
}

* html .ddsubmenustyle li{ /*IE6 CSS hack*/
display: inline-block;
width: 170px; /*width of menu (include side paddings of LI A*/
}

.ddsubmenustyle li a:hover{
color:#FFF;
background-color:#cea500;
}

/* ######### Neutral CSS  ######### */

.downarrowpointer{ /*CSS for "down" arrow image added to top menu items*/
padding-left: 4px;
border: 0;
}

.rightarrowpointer{ /*CSS for "right" arrow image added to drop down menu items*/
position: absolute;
padding-top: 3px;
left: 100px;
border: 0;
}

.ddiframeshim{
position: absolute;
z-index: 500;
background: transparent;
border-width: 0;
width: 0;
height: 0;
display: block;
}

/* ######### Marker List Vertical Menu ######### */

.markermenu{
width: 175px; /*width of side bar menu*/
clear: left;
position: relative; /*Preserve this for "right" arrow images (added by script) to be positioned correctly*/

}

.markermenu ul{
list-style-type: none;
margin: 5px 0;
padding: 0;
border: 1px solid #9A9A9A;
}

.markermenu ul li a{
background: #F2F2F2 url(modules/mod_slidemenu/ddlevelsfiles/bulletlist.gif) no-repeat 3px center; /*light gray background*/
font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: #00014e;
display: block;
width: auto;
padding: 3px 0;
padding-left: 20px;
text-decoration: none;
border-bottom: 1px solid #B5B5B5;
}

* html .markermenu ul li a{ /*IE6 hack*/
width: 155px;
}

.markermenu ul li a:visited, .markermenu ul li a:active{
color: #00014e;
}

.markermenu ul li a:hover, .markermenu ul li a.selected{
color: white;
background-color: black;
}

/* ######### Customized Drop Down ULs CSS (inherits from ddlevelsmenu-base.css) ######### */

.blackwhite li a{
background: white;
}

.blackwhite li a:hover{
background: black;
color: white;
}

/* ######### Matt Black Strip Main Menu Bar CSS ######### */

.mattblackmenu ul{
margin: 0;
padding: 0;
font: bold 12px Verdana;
list-style-type: none;
background: #FFF;
overflow: hidden;
width: 880px;
height:43px;
}

.mattblackmenu li{
display: inline;
margin: 0;
}


/*	============================================	pr�sentation
*/

#principal #contenu #texte .mattblackmenu .item6 a{
	background-image				:url(../images/menu/presentation.gif);
	width							:126px;
}

/*	============================================	spectacles
*/

#principal #contenu #texte .mattblackmenu .item25 a{
	background-image				:url(../images/menu/menu_spectacles.jpg);
	width							:116px;
}

/*	============================================	expositions
*/

#principal #contenu #texte .mattblackmenu .item59 a{
	background-image				:url(../images/menu/menu_expositions.jpg);
	width							:117px;
}

/*	============================================	accueil & jeune public
*/

#principal #contenu #texte .mattblackmenu .item20 a{
	background-image				:url(../images/menu/menu_jeunesse.jpg);
	width							:167px;
}

/*	============================================	mediatheque
*/

#principal #contenu #texte .mattblackmenu .item30 a{
	background-image				:url(../images/menu/menu_mediatheque.jpg);
	width							:139px;
}

/*	============================================	patrimoine
*/

#principal #contenu #texte .mattblackmenu .item60 a{
	background-image				:url(../images/menu/menu_patrimoine.jpg);
	width							:109px;
}

/*	============================================	pratique
*/

#principal #contenu #texte .mattblackmenu .item43 a{
	background-image				:url(../images/menu/menu_pratique.jpg);
	width							:106px;
}


.mattblackmenu li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
color: white;
background: #414141;
}

.mattblackmenu li a:visited{
color: white;
}

.mattblackmenu li a:hover{
background: black; /*background of tabs for hover state */
}

.mattblackmenu a.selected{
background: black; /*background of tab with "selected" class assigned to its LI */
}

/* ######### Matt Blue Strip Main Menu Bar CSS ######### */

.mattbluemenu ul{
margin: 0;
padding: 0;
font: bold 12px Verdana;
list-style-type: none;
border-bottom: 1px solid gray;
overflow: hidden;
width: 100%;
}

.mattbluemenu li{
display: inline;
margin: 0;
}

.mattbluemenu li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 6px 8px; /*padding inside each tab*/
border-right: 1px solid white; /*right divider between tabs*/
color: white;
background: #0000FF;
}

.mattbluemenu li a:visited{
color: white;
}

.mattbluemenu li a:hover{
background: gray; /*background of tabs for hover state */
}

.mattblackmenu a.selected{
	background-position				:0px -44px !important; /*background of tab with "selected" class assigned to its LI */
}


/*	============================================	Fil d'arianne
*/

#principal #contenu #texte .breadcrumbs{
	width							:857px;
	display							:block;
	height							:26px;
	clear							:both;
	color							:#000;
	padding-top						:13px;
	padding-left					:23px;
	font-size						:12px;
	color							:#FFF;
}

#principal #contenu #texte .breadcrumbs a{
	color							:#000;
	text-decoration					:none;
	font-size						:13px;
	padding							:0px 5px;
}

#principal #contenu #texte .breadcrumbs a:hover{
	text-decoration					:underline;
}

/*	============================================	Menu gauche
*/

#principal #contenu #texte #menu_gauche{
	float							:left;
	width							:245px;
	display							:block;
	padding							:0px;
	margin							:0px;
}

#principal #contenu #texte #menu_gauche .menu_gauche{
	float							:left;
	width							:203px;
	margin							:0px;
	padding							:15px 15px 15px 25px;
	display							:block;
}

#principal #contenu #texte #menu_gauche .menu_gauche .item122{
	display:none;
}

#principal #contenu #texte #menu_gauche .menu_gauche li{
	list-style-type					:none;
	padding-left					:15px;
}

#principal #contenu #texte #menu_gauche .menu_gauche li a{
	font-weight						:bold;
}

#principal #contenu #texte #menu_gauche .menu_gauche li ul{
	padding							:5px 0px 5px 10px;
}

#principal #contenu #texte #menu_gauche .menu_gauche li ul li{
	padding-left					:7px;
}

#principal #contenu #texte #menu_gauche .menu_gauche li ul li a{
	font-weight						:normal;
}

#principal #contenu #texte #menu_gauche .menu_gauche li a{
	color							:#000;
	text-decoration					:none;
	font-size						:13px;
}

#principal #contenu #texte #menu_gauche .menu_gauche li a:hover{
	color							:#000;
}

#principal #contenu #texte #menu_gauche .menu_gauche li ul .active a, #principal #contenu #texte #menu_gauche .menu_gauche .active ul .active a{
	color							:#000;
	font-weight						:bold;
}


#principal #contenu #texte #menu_gauche .menu_gauche .active a{
	color							:#000;
}

#principal #contenu #texte #menu_gauche .menu_gauche .active ul li a{
	color							:#000;
}

/*	=======================================	mea rencontre mediatheque
*/

#principal #contenu #texte #menu_gauche .ucd_mea_media, #principal #contenu #texte #menu_gauche #mea_didactibook {
	float							:left;
	display							:block;
	width							:245px;
	background						:url(../images/meas/rencontre-de-la-mediatheque.gif) top left no-repeat #859b51;
	padding							:45px 0px 10px;
	margin							:0px;
	position						:relative;
}

#principal #contenu #texte #menu_gauche #mea_didactibook {
	background						:url(../images/meas/didactibook.gif) top left no-repeat #efefef;
	width							:205px;
	padding:						50px 20px 20px 20px;
	color:							#000;
	font-size:						11px;
}

#principal #contenu #texte #menu_gauche #mea_didactibook a {
	color:							#000;
}

#principal #contenu #texte #menu_gauche p{
	margin							:0px;
}

#principal #contenu #texte #menu_gauche .ucd_mea_media.prog{
	background						:url(../images/meas/programmation.gif) top left no-repeat #bc5a80;
}

#principal #contenu #texte #menu_gauche .ucd_mea_media.mwa_vee{
	background						:#d9674e url(../images/meas/mwa-ve.gif) top left no-repeat;
	color:							#000;
	font-size:						11px;
}

#principal #contenu #texte #menu_gauche .ucd_mea_media.rdv_culturel{
	background						:url(../images/meas/rendez-vous-culturel.gif) top left no-repeat #1c9bce;
}

#principal #contenu #texte #menu_gauche .ucd_mea_media.expo{
	background						:url(../images/meas/expositions_temporaires.gif) top left no-repeat #a31826;
}

#principal #contenu #texte #menu_gauche .ucd_mea_media.expo_perma{
	background						:url(../images/meas/expositions_permanentes.gif) top left no-repeat #fbe693;
}

#principal #contenu #texte #menu_gauche .ucd_mea_media ul{
	padding							:10px 0px 0px 0px;
	margin							:0px;
	float							:left;
	display							:block;
}

#principal #contenu #texte #menu_gauche .ucd_mea_media ul li{
	list-style-type					:none;
	position						:relative;
	/*float							:left;*/
	clear							:left;
	padding							:0px;
	padding-bottom					:30px;
	display							:block;
	height							:50px;
	overflow						:hidden;
}

#principal #contenu #texte #menu_gauche .ucd_mea_media ul li img{
	height							:59px;
	width							:59px;
	position						:absolute;
	top								:0px;
	left							:10px;
	display							:block;
}

#principal #contenu #texte #menu_gauche .ucd_mea_media.mwa_vee ul li img{
	float:							left;
	position						:static;
	width:							205px;
	height:							205px;
}

#principal #contenu #texte #menu_gauche .ucd_mea_media.mwa_vee ul li p{
	float:							right;
}

#principal #contenu #texte #menu_gauche .ucd_mea_media ul li .ucd_introtext{
	width							:171px;
	padding							:0px;
	margin							:0px;
	padding-left					:59px;
	float							:left;
}

#principal #contenu #texte #menu_gauche .ucd_mea_media.mwa_vee ul li .ucd_introtext{
	padding							:0px 20px;
	width:							205px;
	text-align:						justify;
}

#principal #contenu #texte #menu_gauche .ucd_mea_media ul li .ucd_introtext h2{
	display							:block;
	margin							:0px;
	padding							:0px;
	width							:150px;
	float							:right;
	font-size						:10px;
	color							:#000;
	font-weight						:normal;
}

#principal #contenu #texte #menu_gauche .ucd_mea_media ul li .ucd_introtext h3{
	display							:none;
}

#principal #contenu #texte #menu_gauche .ucd_mea_media ul li .ucd_title{
	float							:left;/*right*/
	left							:80px;
	position						:relative;
	/*right							:10px;*/
	width							:155px; /*153px*/
	font-size						:12px;
}

#principal #contenu #texte #menu_gauche .ucd_mea_media.mwa_vee ul li .ucd_title{
	padding:						10px 0px;
}

#principal #contenu #texte #menu_gauche .ucd_mea_media ul li .ucd_title a{
	color							:#000;
	text-decoration					:none;
	font-weight						:bold;
	font-size						:15px;
}

/*
	--------------------------------------------------
	=================================================	articles
	--------------------------------------------------
*/

#principal #contenu #texte #article a{
	color							:#F29700;
	font-size						:12px;
}

.intro_texte > a{
	color							:#000 !important;
}

.jwts_title_left a{
	color							:#FFF !important;
	font-size						:14px !important;
	text-transform					:uppercase !important;
	font-weight						:normal !important;
}

#principal #contenu #texte #article, #principal #contenu #texte #component-contact, #principal #contenu #texte .xmap, #principal #contenu #texte #newsletter {
	float							:right;
	width							:594px;
	padding-right					:20px;
	padding-top						:11px;
	padding-left					:21px;
}

#principal #contenu #texte #article h1, #principal #contenu #texte #newsletter h1{
	color							:#000;
	font-family						: 'conduit_itcregular';
	margin							:0px;
	font-size						:18px;
	font-weight						:bold;
	padding-left					:21px;
	float							:left;
	text-transform					:uppercase;
	position						:relative;
	right							:21px;
}

#principal #contenu #texte #newsletter h2 {
	clear							:both;
	font-size						:14px;
	padding							:15px 0px;

}

#principal #contenu #texte #article h2{
	font-size						:14px;
	margin							:4px 0px;
	background						:url(../images/h2.gif) no-repeat left 5px;
	padding-left					:12px;
	text-transform					:uppercase;
}

.blog h2{
	font-size						:13px !important;
	background						:none !important;
	color							:#000 !important;
	text-transform					:uppercase !important;
	padding							:0px !important;
	height							:33px;
}

#principal #contenu #texte #article h3{
	font-size						:12px;
	margin							:4px 0px;
}

#principal #contenu #texte #article #boutons{
	float							:right;
	position						:relative;
	top								:7px;
}

#principal #contenu #texte #article #boutons span a img{
	display							:none;
}

#principal #contenu #texte #article #boutons span a{
	display							:block;
	float							:left;
}

#boutons .imprimer a{
	width							:60px;
	height							:9px;
}

#boutons .mailer a{
	width							:94px;
	height							:9px;
}

#principal #contenu #texte #article .detail{
	clear							:both;
	color							:#000;
	text-align						:justify;
	padding-top						:10px;
}

#principal #contenu #texte #article .detail ul{
	padding-left					:15px;
}

#principal #contenu #texte #article .detail ul li{
	list-style-type					:none;
	background-image				:url(../images/li.gif);
	background-position				:0px 4px;
	background-repeat				:no-repeat;
	padding-left					:10px;
}

#principal #contenu #texte #article .detail fieldset{
	border							:1px solid #39767C;
}

#principal #contenu #texte #article .detail fieldset legend{
	font-weight						:bold;
	color							:#000;
}

#principal #contenu #texte #article .detail .tablo th{
	background-color				:#F49A00;
	color							:#FFF;
	border							:1px solid #000;
}

#principal #contenu #texte #article .detail .tablo td{
	border							:1px solid #000;
}

/*
	--------------------------------------------------
	=================================================	blog
	--------------------------------------------------
*/

#principal #contenu #texte #article .blog{
	clear							:both;
	padding-top						:10px;
}

#principal #contenu #texte #article .blog{

}

#principal #contenu #texte #article .blog table tr td .blog_article{
	float							:left;
	width							:290px;
	height							:425px;
	position						:relative;
	padding							:5px 0px 5px 5px;
}

#principal #contenu #texte #article .blog table tr td  h2{
	margin							:0px;
	font-size						:13px;
	color							:#FFF;
	padding							:3px 5px 3px 10px;
}

#principal #contenu #texte #article .blog table tr td .blog_article div .intro_texte{
	float							:left;
	color							:#39747A;
	background-color				:#FFF;
}

#principal #contenu #texte #article .blog table tr td .blog_article div .intro_texte p{
	margin							:0px;
}

#principal #contenu #texte #article .blog table tr td .blog_article div .intro_texte a{
	text-decoration					:none;
	display							:inline-block;
}

#principal #contenu #texte #article .blog table tr td .blog_article div .intro_texte h2{
	font-size						:14px !important;
	color							:#de9919;
	background						:none;
	margin							:0px 0px 3px 0px;
	padding							:0px;
	overflow						:hidden;
}

#principal #contenu #texte #article .blog table tr td .blog_article div .intro_texte h3{
	font-size						:12px;
	font-weight						:normal;
	margin							:0px;
	padding							:0px;
	color							:#000;
	height							:32px;
	overflow						:hidden;
}

#principal #contenu #texte #article .blog table tr td .blog_article div .intro_texte img{
	width							:285px;
	height							:285px;
	border							:0px;
	margin-bottom					:3px;
}

#principal #contenu #texte #article .blog table tr td .blog_article .readon{
	margin							:0px;
	font-size						:12px;
	padding							:0px;
	text-decoration					:none;
	font-weight						:bold;
	position						:absolute;
	left							:5px;
	top								:410px;
}

#principal #contenu #texte #article .blog table tr td .blog_article .readon:hover{
	background-position				:30px 0px;
}

.article_separator{
	display							:none;
}


/* page offres d'emplois */

.page_117 #principal #contenu #texte #article .blog table tr td .blog_article{
	height:135px;
	margin-bottom:27px;
}



/*
	--------------------------------------------------
	=================================================	contact
	--------------------------------------------------
*/

#principal #contenu #texte #component-contact .contentpaneopen tr .contentheading{
	color							:#000;
	font-family						:Verdana, Arial, Helvetica, sans-serif;
	margin							:0px;
	font-size						:14px;
	padding-left					:15px;
	text-align						:left;
	font-weight						:bold;
}

#principal #contenu #texte #component-contact .contentpaneopen tr td #emailForm .contact_email{
	width							:425px;
}

#principal #contenu #texte #component-contact .contentpaneopen tr td #emailForm .contact_email label{
	float							:left;
}

#principal #contenu #texte #component-contact .contentpaneopen tr td #emailForm .contact_email input{
	float							:right;
}

#principal #contenu #texte #component-contact .contentpaneopen tr td #emailForm .contact_email .osolCaptchaBlock{
	float							:left;
	border-top						:1px dashed #39767C;
	padding-top						:10px;
}

#principal #contenu #texte #component-contact .contentpaneopen tr td #emailForm .contact_email .osolCaptchaBlock label{
	float							:right;
}

#principal #contenu #texte #component-contact .contentpaneopen tr td #emailForm .contact_email .button{
	position						:relative;
	width							:150px;
	height							:20px;
	border							:1px solid #FFF;
	color							:#FFF;
	font-weight						:bold;
	background-color				:#F39A00;
	cursor							:pointer;
	top								:15px;
	left							:275px;
}

#principal #contenu #texte #component-contact .contentpaneopen tr td #emailForm .contact_email a{
	color							:#39767C;
	text-decoration					:none;
}

#principal #contenu #texte #component-contact .contentpaneopen tr td #emailForm .contact_email a:hover{
	text-decoration					:underline;
}

#principal #contenu #texte #component-contact .contentpaneopen tr td #emailForm .contact_email .button:hover{
	background-color				:#747474;
}

#principal #contenu #texte #component-contact .contentpaneopen tr td #emailForm .contact_email input, #principal #contenu #texte #component-contact .contentpaneopen tr td #emailForm .contact_email textarea{
	border							:1px solid #39767C;
}

#principal #contenu #texte #component-contact .contentpaneopen tr td #emailForm .contact_email #captchaCode0{
	border							:1px solid #39767C;
}

input#contact_name,input#contact_email,input#contact_subject{
	margin-top:-15px;
}

/*
	--------------------------------------------------
	=================================================	plan du site
	--------------------------------------------------
*/

#principal #contenu #texte .xmap .componentheading{
	color							:#000;
	font-family						:Verdana, Arial, Helvetica, sans-serif;
	margin							:0px;
	font-size						:14px;
	padding-left					:15px;
	text-align						:left;
	font-weight						:bold;
}

#principal #contenu #texte .xmap .contentpaneopen{
	padding-top						:40px;
}

#principal #contenu #texte .xmap .contentpaneopen a{
	text-decoration					:none;
}

#principal #contenu #texte .xmap .contentpaneopen a:hover{
	/*position						:relative;
	left							:5px;*/
}

#principal #contenu #texte .xmap .contentpaneopen .level_0 a{
	font-size						:14px;
	width							:90%;
	display							:block;
	background-color				:#FFF;
	color							:#000;
	padding							:2px;
	margin							:2px 0px;
}

#principal #contenu #texte .xmap .contentpaneopen .level_1{
	padding							:3px 0px;
	list-style-type					:none;
	padding							:0px;
}

#principal #contenu #texte .xmap .contentpaneopen .level_1 a{
	font-size						:12px;
	width							:auto;
	display							:inline;
	background						:none;
	color							:#4e4e4e;
	padding							:0px;
	margin							:0px;
	font-weight						:bold;
}

#principal #contenu #texte .xmap .contentpaneopen .level_2 li{
	background						:url(../images/li_plan.gif) no-repeat 14px 3px;
}

#principal #contenu #texte .xmap .contentpaneopen .level_2 a{
	font-size						:11px;
	font-weight						:normal;
	color							:#000;
}

/*
	--------------------------------------------------
	=================================================	Newsletter COMPOSANT
	--------------------------------------------------
*/


#aiContactSafe_contact_form div, #div_captcha {
	padding:						10px;
	clear:							both;
	position:						relative;
}

.aiContactSafe_contact_form_field_right {
	position:						relative;
	left:							150px;
	width:							705px;
	top:							-15px;
}

#aiContactSafe_contact_form input, #aiContactSafe_contact_form select, #div_captcha input,  #div_captcha select {
	border-width:					0px;
	padding:						2px;
}

#aiContactSafe_contact_form div div {
	padding:						0px;
}

#aiContactSafe_info, .required_field {
	color:							red;
	font-size:						11px;

}

#aiContactSafe_row_aics_ligne1, #aiContactSafe_row_aics_lignenl4 {
	color:							white;
	font-size:						16px;
	background-color:				#EB690B;

}

#aiContactSafe_row_aics_lignenl6   {
	color:							#000;
	background-color:				#fff;
	font-size:						11px;

}

 #aiContactSafeForm #captcha-code{
	border:solid 1px #EB690B;
}

#aiContactSafe_row_aics_lignenl2, #aiContactSafe_row_aics_lignenl5 {
	color:							#000;
	background-color:				#fff;
	font-size:						13px;
}

#aiContactSafeBtns {
	text-align:						center;

}

#aiContactSafeBtns #aiContactSafeSendButton {
	background-color:				#F8B334;
	border:							1px solid #EB690B;
	cursor:							pointer;
	margin-bottom:					10px;
}

#aiContactSafeBtns #aiContactSafeSendButton:hover {
	background-color:				#EB690B;
	border:							1px solid ;
	color:							pointer;
}

#aiContactSafe_row_aics_civilite, #aiContactSafe_row_aics_adresse, #aiContactSafe_row_aics_localite, #aiContactSafe_row_aics_mobile, #aiContactSafe_row_aics_interets, #div_captcha, #aiContactSafe_row_aics_prenom {

	background-color:				#EFEFEF;
}

#aics_email_sufix, #aics_mobile_sufix, #aiContactSafe_sufix {
	font-size:						11px;
	margin-left:10px;
}

#partage_facebook {
	margin-bottom				:50px;
}

#partage_facebook a{
	display						:block;
	background					:url(../images/btn_facebook.png) no-repeat 5px 50% #FFF;
	float						:left;
	padding						:7px 5px 5px 34px;
	color						:#45619D !important;
	width						:65px;
	height						:23px;
	text-align					:center;
	position					:relative;
	border						:1px solid #ACAEB1;
	text-decoration				:none;
	line-height					:23px;
}

/*
****************************************************************************************************************	/
================================================================================================================	/
										NE METTRE AUCUN CSS EN DESSOUS						/
================================================================================================================	/
****************************************************************************************************************	/
*/

.invalid {
	color: #ff0000;
}


/** message erreur et confirmation */

#system-message dd.message ul li{
	display:block;
}

#system-message dd.message ul {
	background-color: #C5D2DA;
	background-position:2% top;
	display:block;
}
#system-message dd.error ul { color: #E20019; background: #C5D2DA url(../images/picto_alerte.gif) 4px top no-repeat; border-top: 3px solid #E20019; border-bottom: 3px solid #E20019;}
#system-message dd.notice ul { color: #E20019; background: #C5D2DA url(../images/picto_alerte.gif) 4px top no-repeat; border-top: 3px solid #E20019; border-bottom: 3px solid #E20019;}

/*#system-message dd { text-indent:35px;}*/

/* debug */
#system-debug{
	background:#ffffff;
	text-align:left;
	padding:10px;
}
#system-debug ol,
#system-debug ul{
	direction: ltr;
}
#system-message    { margin-bottom: 10px; padding: 0;}
#system-message dt { font-weight: bold; }
#system-message dd { margin: 0; font-weight: bold; /*text-indent: 30px;*/ }
#system-message dd ul { color: #E20019; margin-bottom: 10px; list-style: none; padding: 15px 15px 17px 70px; border-top: 3px solid #E20019; border-bottom: 3px solid #E20019;}

/* System Standard Messages */
#system-message dt.message { display: none; }
#system-message dd.message ul { color: #000000; background-color: #C5D2DA; border-top: 3px solid #000000; border-bottom: 3px solid #000000; }

/* System Error Messages */
#system-message dt.error { display: none; }
#system-message dd.error ul { color: #E20019; background-color: #D6D4D4; border-top: 3px solid #E20019; border-bottom: 3px solid #E20019;}

/* System Notice Messages */
#system-message dt.notice { display: none; }
#system-message dd.notice ul { color: #E20019; background: #D6D4D4; border-top: 3px solid #E20019; border-bottom: 3px solid #E20019;}