﻿/*
	layout.css
	
	Copyright (C) 2009, Aliénor
*/

body {
	font-family: Arial, Helvetica, sans-serif;
	color: #777;
}

h2 {
	margin: 0 0 24px 0;
	border-bottom:1px solid #EDEBE4;
	border-top:1px solid #EDEBE4;
	font-size: 1.6666em;
	/*color: #777;*/
	color: #95BE0D;
}
h3 {
	/*clear: both;*/
	margin: 0 0 10px 0;
	font-size: 1.5em;
	color: #C0036A;
}
h4 {
	/*clear: both;*/
	margin: 10px 0 10px 0;
	font-size: 1em;
	color: #622181;
}
h4 a:link {
	color: #622181;
}

p.cadre-vert {
	padding: 5px;
	border: 1px solid #95BE0D;
	background-color: #FFF;
}
p.cadre-orange {
	padding: 5px;
	border: 1px solid #F5A200;
	background-color: #FFF;
}
p.cadre-bleu {
	padding: 5px;
	border: 1px solid #83D0F0;
	background-color: #FFF;
}

p.fond-vert {
	padding: 5px;
	background-color: #95BE0D;
	color: #FFF;
}
p.fond-orange {
	padding: 5px;
	background-color: #FCE3B2;
}
p.fond-bleu {
	padding: 5px;
	background-color: #DAF1FA;
}

span.bleu1 {
	color:#5BC5ED;
}
span.bleu2 {
	color:#009DE0;
}
span.bleu3 {
	color:#005EA8;
}
span.mauve1 {
	color:#622081;
}
span.mauve2 {
	color:#94127F;
}
span.rose1 {
	color:#E1007C;
}
span.rose2 {
	color:#EF8AB4;
}
span.marron {
	color:#BA621B;
}
span.orange1 {
	color:#F29300;
}
span.orange2 {
	color:#FCC200;
}
span.jaune {
	color:#FFEC00;
}
span.vert1 {
	color:#D4D600;
}
span.vert2 {
	color:#95BE0D;
}
span.vert3 {
	color:#00696B;
} 

ul li {
	list-style-image: url(../img/list_arrow.gif)
}

a:link, a:visited, a:active {
	text-decoration: underline;
	color: #0087BF;
}
a:hover {
	text-decoration: none;
}


/*** external link ***/
/*a[href^="http:"]:after {
	content: url('../img/external.gif');
	padding-left: 0.5em;
}
a[href^="http://www.cc-creonnais.fr/"]:after {
	content: "";
	padding-left: 0;
}

.jdGallery a:after, #crea a:after {
	content: "";
	padding-left: 0;
}
*/

/* ------------------------------
/* COMMON
/* ------------------------------ */

.out { position: absolute; left: -9999px; }
.hide { display: none; }
.invisible { visibility: hidden; }
.clear { clear: both; }

.text-left { text-align: left; }
.text-right { text-align: right; }
.text-center { text-align: center; }
.text-justify { text-align: justify; }
.text-nowrap { white-space: nowrap; }

.img-left { display: inline; clear: both; float: left; }
.img-right { display: inline; clear: both; float: right; }
.img-center { display: block; clear: both; float: none; }
.img-block { display: block; }


.quiet { color: #666; }
.loud  { color: #000; }
.highlight { background: #FFC; }


.added { background: #060; color: #FFF; }
.removed { background: #900; color: #FFF; }

.error, .notice, .success { border: 2px solid; }
.error { background: #FBE3E4; color: #8A1F11; border-color: #FBC2C4; }
.notice { background: #FFF6BF; color: #514721; border-color: #FFD324; }
.success { background: #E6EFC2; color: #264409; border-color: #C6D880; }
.error a { color: #8A1F11; }
.notice a { color: #514721; }
.success a { color: #264409; }


/* ------------------------------
/* WRAPPER
/* ------------------------------ */
#outer-wrapper {}
.bgd_1 {
	background: #000 url(../img/bgd_1.jpg) no-repeat center top;
}
#wrapper {
	width: 1000px;
	margin: 0 auto;
}


/* ------------------------------
/* TOP-BAR
/* ------------------------------ */
#top-bar {
	height: 50px;
	margin: 0 10px 0 310px;
	background: url(../img/top-bar_bgd.png) no-repeat;
}

#top-menu {
	float: left;
	width: 350px;
	height: 18px;
	padding-left: 20px;
	margin-top: 10px;
	font-size: 0.9166em;
	font-weight: bold;
}
#top-menu a {
	display: inline-block;
	height: 18px;
	text-decoration: none;
	color: #000;
}
#top-menu a:hover {
	text-decoration: underline;
}
#icon_acces {
	padding-left: 22px;
	background: url(../img/icon_acces.gif) no-repeat;
}
#icon_extranet {
	padding-left: 22px;
	background: url(../img/icon_extranet.gif) no-repeat;
}

#search {
	float: left;
	width: 180px;
	height: 38px;
	padding: 12px 0 0 130px;
	background: url(../img/recherche.png) no-repeat;
}
#search_field {
	width: 105px;
	height: 14px;
	_height: 16px;
	padding: 2px 4px 0 4px;
	_padding: 0 4px;
	border: 1px solid #FFF;
}
#search_button {
	margin-left: 20px;
	background-color: transparent;
	border: none;
	font-size: 0.9166em;
	font-weight: bold;
	color: #FFF;
}


/* ------------------------------
/* HEADER
/* ------------------------------ */
#header {
	position: relative;
	height: 185px;
	background: url(../img/header_bgd.gif) no-repeat;
}

#menu {
	position: absolute;
	left: 200px;
	top: 32px;
}
#menu ul {
	margin: 0;
	padding: 0;
}
#menu ul li {
	position: relative;
	float: left;
	margin-right: 10px;
	padding: 0;
	background: none;
	list-style: none;
	text-align: center;
}
#menu ul li.last {
	margin: 0;
}
#menu_2 {
	width: 144px;
}
#menu_6 {
	width: 94px;
}
#menu_5 {
	width: 95px;
}
#menu_4 {
	width: 130px;
}
#menu_3  {
	width: 106px;
}
#menu_71 {
	width: 131px;
}

#menu ul li a {
	position: relative;
	display: block;
	z-index: 20;
	height: 38px;
	padding: 25px 0 0 0;
	font-size: 1.1666em;
	color: #6C6C6C;
	text-decoration: none;
}
#menu_2 a {
	width: 144px;
	background: url(../img/menu_2.png) no-repeat;
}
#menu_6 a {
	width: 94px;
	background: url(../img/menu_5.png) no-repeat;
}
#menu_5 a {
	width: 95px;
	background: url(../img/menu_4.png) no-repeat;
}
#menu_4 a {
	width: 130px;
	background: url(../img/menu_3.png) no-repeat;
}
#menu_3 a {
	width: 106px;
	background: url(../img/menu_1.png) no-repeat;
}
#menu_71 a {
	width: 131px;
	background: url(../img/menu_6.png) no-repeat;
}

#menu ul li:hover ul {
	display: block;
}
#menu ul li ul {
	display: none;
	position: absolute;
	top: 41px;
	z-index: 10;
	width: 158px;
}

#menu_2 ul {
	left: -7px;
}
#menu_6 ul {
	left: -32px;
}
#menu_5 ul {
	left: -32px;
}
#menu_4 ul {
	left: -14px;
}
#menu_3 ul {
	left: -26px;
}
#menu_71 ul {
	left: -13px;
}

#menu ul li ul li {
	float: none;
	display: block;
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;
	background-color: #685D48;
	text-align: left;
}
#menu ul li ul li.first {
	padding-top: 25px;
	background: #685D48 url(../img/smenu_top.gif) no-repeat;
}
#menu ul li ul li.last {
	padding-bottom: 17px;
	/*background: url(../img/smenu_bottom.png) no-repeat left bottom;*/
}
#menu ul li ul li a {
	display: block;
	width: auto;
	height: auto;
	margin: 0 7px;
	padding: 7px 0 7px 20px;
	border-bottom: 1px solid #B5AB98;
	background: url(../img/smenu_item.gif) no-repeat 4px 12px;
	font-size: 0.9166em;
	color: #FFF;
}
#menu ul li ul li:hover a, #menu ul li ul li.on a {
	background: #4B4331 url(../img/smenu_item_on.gif) no-repeat 4px 12px;
}


/*** LOGO + BRANDING ***/
#logo {
	float: left;
}
#logo img {
	display: block;
}
#branding {
	padding-top: 90px;
	text-align: center;
}
h1 {
	margin: 0;
	font-size: 2.5em;
	color: #C0036A;
}
#baseline {
	font-size: 1.75em;
	color: #868701;
}
#communes {
	margin-top: 5px;
	color: #4C4C4C;
}
#communes span {
	display: block;
}

/* ------------------------------
/* BREADCRUMB
/* ------------------------------ */
#breadcrumb {
	height: 18px;
	margin: 0 30px;
	padding: 0 5px;
	border-bottom: 1px solid #EBEBEB;
	font-size: 0.9166em;
}
#breadcrumb a {
	font-weight: bold;
	text-decoration: none;
	color: #000;
}
#breadcrumb a:hover {
	text-decoration: underline;
}


/* ------------------------------
/* CONTAINERS
/* ------------------------------ */
#outer-container {
	background: url(../img/wrapper_bgd.gif) repeat-y;
}

.home_container {
	background: url(../img/home_bgd.gif) no-repeat 10px 18px;
}
.page_container {
	background: url(../img/page_bgd.gif) no-repeat 730px 18px;
}

#inner-container {
	float: left;
	width: 730px;
}


/* ------------------------------
/* VISUAL
/* ------------------------------ */
#visual {
	width: 700px;
	height: 240px;
	padding: 18px 0 0 30px;
}
#visual h4 {
	padding: 15px 0 10px 17px;
	font-size: 2em;
	color: #FFF;
	background: url(../img/visual_title.png) no-repeat;
}
#visual p {
	margin-left: 20px;
	color: #FFF;
}


/* ------------------------------
/* LEFT
/* ------------------------------ */
#left {
	float: left;
	width: 330px;
}

/*** ASSOS ***/
#assos h3 {
	margin: 15px 0 0 0;
}
#assos_content {
	padding: 20px 20px 10px 10px;
	background: url(../img/assos_bgd.png) repeat-y;
}
#assos_content .asso {
	clear: both;
	margin-bottom: 30px;
	padding: 0 0 0 40px;
	background: url(../img/bleu1.gif) no-repeat 7px 7px;
}
#assos_content .asso h4 {
	margin: 0 0 5px 0;
	font-size: 1.4166em;
	font-weight: bold;
}
#assos_content .asso h4 a {
	color: #5CC5ED;
}
.asso img {
	border: 1px solid #CACACA;
}
.asso p {
	margin: 0;
	font-size: 0.9166em;
}
#more_asso {
	clear: both;
	background: url(../img/marron.gif) no-repeat 7px 5px;
}
#more_asso a {
	padding: 0 0 0 40px;
	text-decoration: none;
	font-size: 0.9166em;
	font-weight: bold;
	color: #777;
}
#more_asso a:hover {
	text-decoration: underline;
}


/* ------------------------------
/* CENTER
/* ------------------------------ */
#center {
	float: left;
	width: 380px;
}

/*** NEWSLETTER ***/
#newsletter {
	height: 75px;
	padding: 60px 0 0 100px;
	background: url(../img/newsletter.gif) no-repeat 100px 30px;
}
#newsletter_field {
	height: 19px;
	padding: 5px 4px 0 4px;
	border: 1px solid #D6D6D6;
}
#newsletter_button {
	width: 79px;
	height: 26px;
	margin-left: 5px;
	border: none;
	background: url(../img/button_s-inscrire.gif) no-repeat;
}

/*** NEWS + EVENTS ***/
.center_bg {
	padding-top: 8px;
	background: url(../img/center_bgd.gif) no-repeat;
}
#news, #events {
	width: 100%;
}
#news_title, #event_title {
	border-top: 1px solid #EDEBE4;
	border-bottom: 1px solid #EDEBE4;
}
#news_title h3, #event_title h3 {
	float: left;
	margin: 0;
	color: #777;
}
#news .rss, #events .rss {
	float: right;
	height: 19px;
	margin-top: 12px;
	padding: 5px 0 0 35px;
	background: url(../img/icon_rss.gif) no-repeat;
}
#news .rss a, #events .rss a {
	text-decoration: none;
	font-size: 0.9166em;
	color: #f29400;
}
#news .rss a:hover, #events .rss a:hover  {
	text-decoration: underline;
}
.actu, .event {
	clear: both;
	padding: 5px 0;
	border-bottom: 1px solid #EDEBE4;
}
.actu img, .event img {
	border: 1px solid #CACACA;
}
#news .actu a, #events .event a {
	text-decoration: none;
	color: #0087bf;
}
#news .actu a:hover, #events .event a:hover {
	text-decoration: underline;
}

#more_news, #more_events {
	clear: both;
	margin: 15px 0;
	padding-right: 20px;
	background: url(../img/more_arrow.gif) no-repeat right center;
	text-align: right;
}
#back_news, #back_events {
	clear: both;
	margin: 15px 0;
	padding-left: 20px;
	background: url(../img/back_arrow.gif) no-repeat left center;
}
#more_news a, #more_events a, #back_news a, #back_events a {
	text-decoration: none;
	color: #777;
}
#more_news a:hover, #more_events a:hover, #back_news a:hover, #back_events a:hover  {
	text-decoration: underline;
}

#news img, #events img {
	float: left;
	margin: 0 1em 1.3333em 0;
}

#news .date {
	color: #C0036A;
}
#focus h4 {
	margin: 0 0 5px 0;
	font-size: 1.4166em;
}
#focus h4 a {
	text-decoration: none;
	color: #0087BF;
}
#focus h4 a:hover {
	text-decoration: underline;
}
#focus p a {
	text-decoration: none;
	color: #777;
}
#focus p a:hover {
	text-decoration: underline;
}

#events .date {
	color: #622181;
}

#ccc-fr {
	width: 380px;
	height: 150px;
	margin-bottom: 20px;
	background: url(../img/ccc-fr.gif) no-repeat;
}

/*** TV ***/
#tv {
	width: 392px;
	height: 165px;
	margin: 0 -7px 0 -4px;
	background: url(../img/tv.gif) no-repeat;
}
#tv a {
	display: block;
	width: 392px;
	height: 165px;
}


/* ------------------------------
/* MAIN
/* ------------------------------ */
#main {
	margin: 10px 20px 10px 30px;
	padding: 12px 0 20px 0;
	background: url(../img/main_bgd.gif) no-repeat;
}
#main img {
	padding: 2px;
	/*border: 1px solid #97BF0D;*/
	background-color: #FFF;
}

/*** ANNUAIRE ***/
#annuaire {}
.annuaire_fiche {
	padding: 5px 0;
	border-bottom: 1px solid #EDEBE4;
}


/* ------------------------------
/* SIDE-BAR
/* ------------------------------ */
#side-bar {
	float: right;
	width: 270px;
}

/*** RAPID-MENU ***/
#rapid-menu {
	position: relative;
	margin: 10px 30px 0 20px;
}
#trombone_rapid-menu {
	position: absolute;
	top: 0;
	right: -23px;
	width: 67px;
	height: 27px;
	background: url(../img/trombone_1.png) no-repeat;
}
#rapid-menu_top, #rapid-menu_bottom {
	height: 7px;
	overflow: hidden;
	background: url(../img/side-bar_bgd.gif) repeat-y;
}
#rapid-menu ul {
	margin: 0;
	padding: 0;
	background-color: #FFF;
	border-top: 1px solid #F2F2E5;
	border-left: 1px solid #F2F2E5;
	border-right: 1px solid #F2F2E5;
}
#rapid-menu ul li {
	height: 78px;
	list-style: none;
	padding: 0;
	border-bottom: 1px solid #F2F2E5;
}
#rapid-menu ul li img {
	display: block;
}

/*** SIDE-MENU ***/
#side-menu {
	position: relative;
	margin: 10px 30px 0 20px;
}
#smiley {
	position: absolute;
	top: -2px;
	right: 0;
	width: 52px;
	height: 64px;
	background: url(../img/smiley.png) no-repeat;
}
#side-menu_top, #side-menu_bottom {
	height: 7px;
	overflow: hidden;
	background: url(../img/side-bar_bgd.gif) repeat-y;
}
#side-menu h3 {
	margin: 0;
	font-size: 1.25em;
	color: #C0036A;
}
#side-menu ul {
	margin: 20px 0 0 0;
	padding: 0;

}
#side-menu ul li {
	padding: 0;
	border-bottom: 1px solid #EDEBE4;
	background: none;
	list-style: none;
}
#side-menu ul li a {
	display: block;
	padding: 5px 0 5px 30px;
	background: url(../img/side-menu_item.gif) no-repeat 10px 10px;
	text-decoration: none;
	font-weight: bold;
	color: #666;
}
#side-menu ul li a:hover, #side-menu ul li a.on {
	background: url(../img/side-menu_item_on.gif) no-repeat 7px 7px;
}

#side-menu ul.sous-menu-niv2 {
	border-left: 1px solid #EDEDED;
	margin-top: 5px; 
}

#side-menu ul.sous-menu-niv2 li a{
	background: none;
	font-weight: normal;
}
#side-menu ul.sous-menu-niv2 li a.on{
	color: #F5A303;
}
/*** LIENS UTILES + E-SERVICES ***/
#liens-utiles, #e-services {
	margin: 20px 30px 0 20px;
}
#liens-utiles h3, #e-services h3 {
	margin: 0;
}
#liens-utiles h3 img, #e-services h3 img {
	display: block;
}
#liens-utiles ul, #e-services ul {
	margin: 0;
	padding: 0;
}
#liens-utiles ul li, #e-services ul li {
	padding: 5px 0 5px 30px;
	border-bottom: 1px solid #DEDBD6;
	background: url(../img/list_img.gif) no-repeat 10px center;
	list-style: none;
	font-weight: bold;
}
#liens-utiles ul li a, #e-services ul li a {
	text-decoration: none;
	color: #777;
}
#liens-utiles ul li a:hover, #e-services ul li a:hover {
	text-decoration: underline;
}

/*** MAP ***/
#map {
	position: relative;
	height: 95px;
	margin-top: 20px;
	padding: 340px 0 0 0;
	background: url(../img/map.gif) no-repeat;
	text-align: center;
}
#map p {
	text-align: center;
}
#map label {
	display: inline;
	text-align: center;
}
#trombone_map {
	position: absolute;
	top: 5px;
	right: 5px;
	width: 67px;
	height: 27px;
	background: url(../img/trombone_1.png) no-repeat;
}

#cities_form label {
	font-size: 0.9166em;
	font-weight: normal;
}
#cities_field {
	margin: 5px 0;
}
#cities_button {
	width: 140px;
	height: 26px;
	border: none;
	background: url(../img/button_voir-la-commune.gif) no-repeat;
}

/*** MAG ***/
#mag {
	position: relative;
	height: 190px;
	margin: 20px 10px 20px 20px;
	background: url(../img/mag.gif) no-repeat;
}
#trombone_mag {
	position: absolute;
	top: 25px;
	right: -10px;
	width: 47px;
	height: 62px;
	background: url(../img/trombone_2.png) no-repeat;
}
#mag h3 {
	margin: 0;
}
#mag_left {
	float: left;
	width: 115px;
	margin-top: 55px;
	text-align: center;
}
#number {
	font-size: 1.3333em;
	font-weight: bold;
	color: #E2007A
}
#mag a {
	color: #6C6C6C;
}
#download {
	margin: 5px 0;
	padding-left: 5px;
}
#download img {
	display: block;
}
#past_num {
	font-size: 0.8333em;
}
#mag_right {
	float: left;
	width: 123px;
	margin-top: 36px;
	text-align: center;
}


/* ------------------------------
/* FOOTERS
/* ------------------------------ */
#footer_1, #footer_2 {
	background: url(../img/footer_bgd.gif) no-repeat center top;
	padding: 30px 10px 10px 10px;
}

/*** FOOTER 1 ***/
#footer_1 #logo_small {
	background: url(../img/logo_cc_creonnais_s1.png) no-repeat;
}
#footer_1 #contacts {
	color: #FFF;
}
#footer_1 #contacts a {
	color: #FFF;
}
#footer_1 #footer-menu {
	color: #FFF;
}
#footer_1 #footer-menu a {
	color: #FFF;
}

/*** FOOTER 2 ***/
#footer_2 #logo_small {
	background: url(../img/logo_cc_creonnais_s2.png) no-repeat;
}
#footer_2 #contacts {
	color: #000;
}
#footer_2 #contacts a {
	color: #000;
}
#footer_2 #footer-menu {
	color: #000;
}
#footer_2 #footer-menu a {
	color: #000;
}

#logo_small {
	float: left;
	width: 126px;
	height: 134px;
}
#footer-right {
	float: left;
	width: 804px;
	margin-left: 30px;
	padding-bottom: 50px;
	background: url(../img/big-smiley.png) no-repeat right bottom;
}
#contacts {
	margin-bottom: 10px;
	padding-bottom: 20px;
	border-bottom: 1px solid #3D3D3D;
}
#footer-menu a {
	text-decoration: none;
}
#footer-menu a:hover {
	text-decoration: underline;
}
#bottom-menu {
	float: left;
}
#bottom-menu a {
	padding : 0 2px
}
#crea {
	float: right;
}
#logos {
	margin-top: 25px;
}
#logos img {
	margin-right: 20px;
}

/* ------------------------------
/* FORMS
/* ------------------------------ */
label {
	width: 250px;
	display: inline-block;
	text-align: right;
}
input {
	width: 120px;
	border: 1px solid #7F9DB9 !important;
}
select  {
	border: 1px solid #7F9DB9 !important;
}

/*** SEARCH FORM ***/
.search_radio {
	margin-left: 150px;
}
.search_radio label {
	width: 100px;
}
.search_radio input {
	width: auto;
}
#saveForm {
	width: auto;
	margin-left: 253px;
	padding: 0 5px;
	border: 1px solid #A4065C !important;
	background-color: #E2007A;
	font-weight: bold;
	color: #FFF;
}

/* ------------------------------
/* Smooth Gallery
/* ------------------------------ */
.jdGallery a {
	background:transparent url(/fileadmin/templates/img/visual_arrow.gif) no-repeat scroll 0 0;
	height:22px;
	left:660px;
	position:absolute;
	top:210px;
	width:22px;
}

/* ------------------------------
/* Formulaires
/* ------------------------------ */

form#mailform {
}
.csc-mailform {
	margin : 10px 0;
	border: none;
}

.csc-mailform-field {
}

.csc-mailform-fieldtype-input {
	margin : 5px 0;
}

.csc-mailform-fieldtype-textarea textarea{
	border:1px solid #7F9DB9;
}

.csc-mailform-fieldtype-submit {
	margin-top:10px;
}

.csc-mailform-fieldname-formtype_mail {
	position : relative;
	left: 253px;
}

/* ------------------------------
/* Plugin Annuaire
/* ------------------------------*/

.annuaire {
	margin: 5px;
	padding: 5px;
}
.annuaire-logo {
		float: right;
}

.annuaire .infos_sup {
	
}

.annuaire .adresse {
	
}

.annuaire .joindre {
	
}

/* ------------------------------
/* Styles RTE
/* ------------------------------*/
.align-justify {
	text-align: justify;
}
.align-center {
	text-align: center;
}
.align-left {
	text-align: left;
}
.align-right {
	text-align: right;
}

/* ------------------------------
/* Indexed search
/* ------------------------------*/
.tx-indexedsearch-searchbox {
	margin: 10px;
}
div.tx-indexedsearch-form {
	float: left;
}
/* ------------------------------
/* Base documentaire
/* ------------------------------*/

.basedoc-doc {
	margin: 30px 0;
	overflow: hidden;
}

.basedoc-doc img {
	float: left;
	margin: 0 5px;
}
.basedoc-doc h4 {
	clear: none;
}

/* ------------------------------
/* Formulaires
/* ------------------------------*/
.csc-mailform-header-error {
	background: #FBE3E4; 
	color: #8A1F11; 
	border-color: #FBC2C4;
	text-align: center;
}
span.csc-mailform-field-error-message {
	color: #8A1F11;
	display: block;
	left:253px;
	position:relative;
}
.utils {
	float: right;
}
/* ------------------------------
/* CSS plugin felogin
/* ------------------------------*/
.tx-felogin-pi1 {
	width: 100%;
	overflow: hidden;
}
.tx-felogin-pi1 form label {
	float: left;
	margin-right : 10px;
	width: auto;
}

.tx-felogin-pi1 form div {
	margin: 10px;
	float: left;
}

.tx-dropdownsitemap-pi1 li {
	list-style : none;
}

#main img.spacer-gif {
	border: none;
}

p {
	text-align: justify;
}

p.cadre-rose1 {
	padding: 5px;
	border: 1px solid #E1007C;
	background-color: #FFF;
}
p.cadre-jaune {
	padding: 5px;
	border: 1px solid #FFEC00;
	background-color: #FFF;
}

p.fond-rose1  {
	padding: 5px;
	background-color: #E1007C;
	color: #FFF;
}

p.fond-jaune {
	padding: 5px;
	background-color: #FFEC00;
}

.infoSlideZone div {
	z-index: 50;
}

#tx_tipafriend_button {
	height: auto;
}
