@import url("css/nav.css");

/* feuille de style pour général @ubacto.com date : 2007-02-05 */

#bodynew { 
/*	background-image: url(../ubacto.gif); */
/*	background-repeat:no-repeat; */
/*	background-position:28px 8px; */
	margin-top: 0;
	margin-left: 2.5%;
	margin-right: 2.5%;
 	padding:0;
 	}
.nocss {
	display:none;
	}
div#topID {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width:100%;
	left: 4px;
	height: 25px;
	}
#topID h1 {
	display:none
	}
header,
section,
aside,
footer {
  margin: 0 0 0 0;
}
@media only screen and (min-width: 600px){
section{margin: 0 0 24px 3%;} aside {margin: 0 3% 24px 0;} #h1,fieldset.search{margin: 0.5em 3% 0.5em 3%;}
.group{border:1px solid #e6e6fa;border-top-right-radius:0.7em;margin-top:-2px;}
nav{margin:0;padding:0;}
}
.group:before,
.group:after {
  content: "";
  display: table;
}
.group:after {
  clear: both;
}
.group {
  clear: both;
  *zoom: 1;
}
@media only screen and (min-width:1700px){
.group {padding:0 4% 0 4%;}
}
@media only screen and (min-width:1600px){
.group {padding:0 3% 0 3%;}
}
@media only screen and (min-width:1500px){
.group {padding:0 2% 0 2%;}
}
section {
  float: left;
  width: 75%;
}
aside {
  float: right;
  max-width:250px;
  min-width:75px;
  text-align:center;
}
@media only screen and (max-width:1400px){
section {width:85%;}
}
@media only screen and (min-width:1200px) and (max-width:1400px){
section {width:71%;}
}
@media only screen and (min-width:1000px) and (max-width:1200px){
section {width:72%;}
}
@media only screen and (min-width:730px) and  (max-width:1000px){
section {width:68.5%;}
}
@media only screen and (min-width:593px) and  (max-width:730px){
section {width:61%;}
}
@media only screen and (min-width:527px) and (max-width:593px){
section {width:65%;}
}
@media only screen and (min-width:463px) and (max-width:526px){
section {width:60%;}
}
@media only screen and (min-width:430px) and (max-width:462px){
section {width:56%;}
}
@media only screen and (max-width:429px){
section {width:100%;}
}
aside .adscss {
/* Code standard */
	max-width: 100%;
	width:250px;
	height: auto;

/* Code spécial IE */
	_width: expression((this.offsetWidth>=this.offsetHeight) ?
		Math.min(parseInt(this.offsetWidth), auto ) : true);
	_height: expression((this.offsetHeight>this.offsetWidth) ?
		Math.min(parseInt(this.offsetHeight), auto ) : true);
	}

@media only screen and (max-width: 1200px){
aside {width:200px;}
aside .adscss {width:200px;}
}
@media only screen and (max-width: 1000px){
aside {width:170px;}
aside .adscss {width:170px;}
}
@media only screen and (max-width: 430px){
aside {width:100%;max-width:100%;}
aside .adscss {width:250px;}
aside span.textGris {margin:0 8em 0 8em;display:inline;width:100%;}
}
footer {
  clear: both;
  margin-bottom: 0;
}
/* block h1 */
#h1{padding:0.5em 0.5em 0.5em 1em;border:1px solid #e6e6fa;}
.h1{display:inline-block;}
h1.h1{padding:0;margin:0;width:75%;}
#h1 div.h1{float:right;height:25px;width:15%;min-width:100px;text-align:right;padding:3px 0 0 0;}
div.h1 span{display:none;}
@media only screen and (max-width:600px){
#h1{margin:0 0 0.5em 0;}
#h1 div.h1 .nh1{display:none;}
#h1 div.h1{min-width:5%;}
}
/* block search */
fieldset.search {
	padding:1em;
	border:1px solid #e6e6fa;border-top-right-radius:0.7em;
	}
form.search {
	height: 3em;
	margin: 0 0 0 0;
	display:inline;
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	}
form.search div {
	display:inline;
	}
form.search div label {
	display:none;
	width:30%;
	}
form.search div input.intextOr {
	color: #4b5c76;font-size:1em;padding:0.5em;width:69%;
	}
form.search div input.selectOr {
	color: #FFFFFF; font-weight: bold; font-size:1em; padding:0.5em; width:25%;background-color: #FF7F50;float:right;border:none;
	box-shadow:0 0 0 4px rgba(255, 127, 80, 0.2);
	}
.intextOr { border: inset 1px #e6e6fa; box-shadow:inset 2px 2px 5px #ccc; text-shadow: 2px 2px 1px #ccc; color: #333333; padding: 0 0 0 5px; }
#searchSch {
	text-align: left;
	float: left;
	width: 40%;
	padding: 0em 0em 0.50em 0.10em;
	margin-bottom: 0px; 
  }
label{cursor:default;}
@media only screen and (max-width:600px){
fieldset.search{margin:0.5em 0 0.5em 0;}
form.search div input.intextOr{width:60%}
form.search div input.selectOr {width:32%;}
}
.arondi{-khtml-border-radius:0.65em;border-radius:0.65em;-webkit-border-radius: 0.65em;}
.arial{font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;}
.orange{background-color: #FF7F50;}

/* Structure barre naviguation */
/* ----------------------------------------------------- */

ul.navT, ul.navF {
	padding:0;
	list-style:none;
	width:100%;
	height:1em;
	}
ul.navT li, ul.navF li {
	margin:0;
	padding:0;
	text-align:center;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	display:inline;
	height:1em;
	white-space:nowrap;
	}
ul.navT {
	margin: 0px 0 1px 0;
	}
ul.navF {
	margin:0;
	}
ul.navT li {
	float:left;
	}
ul.navF li {
	float:right;
	}
li.liB,li.liP,li.liR,li.liO,li.liY,li.liG {
	width:15%;
	}
ul.navT a, ul.navF a {
	color:#FFFFFF;
	text-decoration:none
	}
li.liB,a.navB {
	background-color:#00008B;
	}
li.liP,a.navP {
	background-color:#9932CC;
	}
li.liR,a.navR {
	background-color:#DC143C;
	}
li.liO,a.navO {
	background-color:#FF7F50;
	}
li.liY,a.navY {
	background-color:#FFCC00;
	}
li.liG,a.navG {
	background-color:green;
	}
ul.navT a:hover, ul.navF a:hover {
	padding: 0 3px 0 3px;
	background-color:#FFFFFF;
	text-decoration:none;
	height:1.25em;
	white-space:nowrap;
	}
ul.navT li a, ul.navF li a {
	display:block;
	}
a.navB:hover {
	color:#00008B;
	}
a.navP:hover {
	color:#9932CC;
	}
a.navR:hover {
	color:#DC143C;
	}
a.navO:hover {
	color:#FF7F50;
	}
a.navY:hover {
	color:#FFCC00;
	}
a.navG:hover {
	color:green;
	}
@media only screen and (max-width: 600px){
li.liB,li.liP,li.liR,li.liO,li.liY,li.liG {width:16.65%;}
ul.navT {margin:0.8em 0 0 0;}
ul.navT li, ul.navF li {height:0.8em;}
ul.navT li a, ul.navF li a {font-size:55%;}
ul.navT li a:hover, ul.navF li a:hover {display:block;}
}



body { margin: 0px; padding: 0; }

/* --------------------- liens du menu --------------------- */
/* -- padding: 0px; border: solid 1px #00008B;-- */

a.BackgroundBleuLink, a.BackgroundVioletLink, a.BackgroundRougeLink, a.BackgroundJauneLink, a.BackgroundOrangeLink, a.BackgroundVertLink {
	 text-shadow: 0 -1px 0 rgba(0,0,0,.3); color: #FFFFFF; font-weight: bold; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; font-size: 0.90em; text-decoration: none;
	}
a.BackgroundBleuLink, a.BackgroundVioletLink, a.BackgroundRougeLink, a.BackgroundJauneLink, a.BackgroundOrangeLink, a.BackgroundVertLink {
	 text-shadow: 0 -1px 0 rgba(0,0,0,.3);
	}
a.BackgroundJauneLink {
	 text-shadow: 0 1px 0 #FFFFFF;
	}
a.BackgroundBleuLink:hover, a.BackgroundVioletLink:hover, a.BackgroundRougeLink:hover, a.BackgroundJauneLink:hover, a.BackgroundOrangeLink:hover, a.BackgroundVertLink:hover {
	text-shadow: 0 0 0 rgba(0,0,0,.3); background-color: #FFFFFF; font-weight: bold; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; font-size: 0.90em; text-decoration: none; border: 0px solid white;
	}
a.BackgroundBleuLink:active, a.BackgroundVioletLink:active, a.BackgroundRougeLink:active, a.BackgroundJauneLink:active, a.BackgroundOrangeLink:active, a.BackgroundVertLink:active {
	background-color: #FFFFFF; font-weight: bold; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; font-size: 0.90em; text-decoration: none; border: 0px solid white;
	}
a.BackgroundJauneLink {
	color: #CC0000; font-weight: bold; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; font-size: 0.90em; text-decoration: none;
	}
a.BackgroundJauneLink:hover, a.BackgroundJauneLink:active {
	background-color: #FFFFFF; font-weight: bold; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; font-size: 0.90em; text-decoration: none; border: 0px solid white;
	}

/* liens menu actualité */
a.BackgroundBleuLink { background-color: #00008B; border: 0px solid #00008B }
a.BackgroundBleuLink:hover {color: #00008B; }
a.BackgroundBleuLink:active {color: #00008B; }
.Bbleu { background-color: #00008B; color: #fff; font-weight: bold; padding: 0 2px 0 5px; display:block!important; -webkit-border-radius: 0.2em; border-radius: 0.2em; -webkit-box-shadow: 1px 2px 2px #999999; box-shadow: 1px 2px 2px #999999; }

/* liens menu info conso */
a.BackgroundVioletLink { background-color: #9932CC; border: 0px solid #9932CC }
a.BackgroundVioletLink:hover {color: #9932CC; }
a.BackgroundVioletLink:active {color: #9932CC; }
.Bviolet { background-color: #9932CC; color: #fff; font-weight: bold; padding: 0 2px 0 5px; display:block!important; -webkit-border-radius: 0.2em; border-radius: 0.2em; -webkit-box-shadow: 1px 2px 2px #999999; box-shadow: 1px 2px 2px #999999; }

/* liens menu en promo */
a.BackgroundRougeLink { background-color: #DC143C; border: 0px solid #DC143C }
a.BackgroundRougeLink:hover {color: #DC143C; }
a.BackgroundRougeLink:active {color: #DC143C; }
.Brouge { background-color: #DC143C; color: #fff; font-weight: bold; padding: 0 2px 0 5px; display:block!important; -webkit-border-radius: 0.2em; border-radius: 0.2em; -webkit-box-shadow: 1px 2px 2px #999999; box-shadow: 1px 2px 2px #999999; }

/* liens menu la boutique */
a.BackgroundJauneLink { background-color: #FFCC00; border: 0px solid #FFCC00 }
a.BackgroundJauneLink:hover {color: #CC0000; }
a.BackgroundJauneLink:active {color: #CC0000; }
.Bjaune { background-color: #FFCC00; color: #DC143C; font-weight: bold; padding: 0 2px 0 5px; display:block!important; -webkit-border-radius: 0.2em; border-radius: 0.2em; -webkit-box-shadow: 1px 2px 2px #999999; box-shadow: 1px 2px 2px #999999; }

/* liens rubrique adresses */
a.BackgroundOrangeLink { background-color: #FF7F50; border: 0px solid #FF7F50 }
a.BackgroundOrangeLink:hover {color: #FF4500; }
a.BackgroundOrangeLink:active {color: #FF4500; }
.Borange { background-color: #FF3300; color: #fff; font-weight: bold; padding: 0 2px 0 5px; display:block!important; -webkit-border-radius: 0.2em; border-radius: 0.2em; -webkit-box-shadow: 1px 2px 2px #999999; box-shadow: 1px 2px 2px #999999; }

/* liens menu s'inscrire */
a.BackgroundVertLink { background-color: green; border: 0px solid green }
a.BackgroundVertLink:hover {color: green; }
a.BackgroundVertLink:active {color: green; }
.Bvert { background-color: green; color: #fff; font-weight: bold; padding: 0 2px 0 2px; display:block!important; -webkit-border-radius: 0.2em; border-radius: 0.2em; -webkit-box-shadow: 1px 2px 2px #999999; box-shadow: 1px 2px 2px #999999; }

/* ---------------------- page de home ---------------------- */

.titreBlanc  { color: #fff; font-weight: bold; font-size: 13px; font-family: "Courier New", Courier, Monaco }
.titreGris { color: #708090; font-weight: 500; font-size: 16px; font-family: "Courier New", Courier, Monaco }
.textGris { color: #708090; font-weight: 300; font-size: 14px; font-family: Arial, Verdana, Helvetica, Geneva, Swiss, SunSans-Regular }

/* --------- liens classiques grand sans indication --------- */

a { color: #483D8B; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none; font-weight: bold; background: inherit; }
a:hover { color: #6A5ACD;}
a:active { color: #6A5ACD;}
/* a:visited { color: #708090;} */

/* --------- liens next hit  --------- */

a.nexthit { color: #708090; font-size: 18px; font-family: "Courier New", Courier, Monaco; text-decoration: none; font-weight: bold; background: inherit; }
a.nexthit:hover { color: #6A5ACD; font-size: 18px; font-family: "Courier New", Courier, Monaco; text-decoration: underline; font-weight: bold; background: inherit; text-shadow: #999 2px 2px 2px; }
a.nexthit:active { color: #6A5ACD; font-size: 18px; font-family: "Courier New", Courier, Monaco; text-decoration: underline; font-weight: bold; background: inherit; }
/* a:visited { color: #708090; font-size: 18px; font-family: "Courier New", Courier, Monaco; font-weight: bold; background: inherit; } */

/* --------- liens classiques petit sans indication --------- */

a.mini { background-color: transparent; color: #708090; font-size: 11px; font-family: Trebuchet MS, Arial, Helvetica; text-decoration: none; }
a.mini:hover { background-color: transparent; color: #6A5ACD; font-family: Trebuchet MS, Arial, Helvetica; text-decoration: underline; }
a.mini:active { background-color: transparent; color: #6A5ACD; font-size: 11px; font-family: Trebuchet MS, Arial, Helvetica; text-decoration: underline; }
a.kimini { background-color: transparent; color: #333366; font-size: 12px; font-family: Trebuchet MS, Arial, Helvetica; text-decoration: none; text-shadow: #FFFFFF 1px 1px 1px;}
a.kimini:hover { background-color: transparent; color: #666699; font-size: 12px; font-family: Trebuchet MS, Arial, Helvetica; text-decoration: underline; }
a.kimini:active { background-color: transparent; color: #666699; font-size: 12px; font-family: Trebuchet MS, Arial, Helvetica; text-decoration: underline; }
a.minid { color: #6A5ACD; font-size: 11px; font-family: Trebuchet MS, Arial, Helvetica; text-decoration: underline; }
a.minid:hover { color: #FF4500; font-family: Trebuchet MS, Arial, Helvetica; text-decoration: underline; }
a.minid:active { color: #FF4500; font-size: 11px; font-family: Trebuchet MS, Arial, Helvetica; text-decoration: underline; }
.mini {color: #6A5ACD; font-weight: bold; font-family: Trebuchet MS, Arial, Helvetica; font-size: 11px; }
.miniv {color: #003300; font-weight: bold; font-family: Trebuchet MS, Arial, Helvetica; font-size: 11px; }

span.mini { background-color: #FAFAFA; padding: 0 2px 0 5px; display:block!important; -webkit-border-radius: 0.2em; border-radius: 0.2em; -webkit-box-shadow: 1px 2px 2px #999999; box-shadow: 1px 2px 2px #999999; }
p.plugmin { background: #F4F4F4 url(../img/FondBottomPlugin.png) repeat-x bottom left; height:20px; padding: 5px 2px 5px 5px; color: #6A5ACD; font-weight: bold; font-family: Trebuchet MS, Arial, Helvetica; font-size: 11px; }
/* --------------------- CSS base rubriques --------------------- */

.notiview {
	display: none;
	}
b {	font-weight: bold; }
strong { font-weight: bold; }

.la_une, .actualite, .info_conso, .en_promo, .boutique, .adresses, .s_inscrire, .ed_speciale, .pictures, .le_flux {
	font-weight: 700; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; font-size: 1.1em;
	}
a.la_une, a.actualite, a.info_conso, a.en_promo, a.boutique, a.adresses, a.s_inscrire, a.ed_speciale, a.pictures, a.le_flux {
	color: #666; font-family: Trebuchet MS, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; font-size: 1.1em; text-decoration: none;
	}

@media only screen and (max-width: 1200px){
.la_une, .actualite, .info_conso, .en_promo, .boutique, .adresses, .s_inscrire, .ed_speciale, .pictures, .le_flux {font-size: 1em;}
a.la_une, a.actualite, a.info_conso, a.en_promo, a.boutique, a.adresses, a.s_inscrire, a.ed_speciale, a.pictures, a.le_flux {font-size: 1em;}
}
@media only screen and (max-width: 1000px){
.la_une, .actualite, .info_conso, .en_promo, .boutique, .adresses, .s_inscrire, .ed_speciale, .pictures, .le_flux {font-size: 0.9em;}
a.la_une, a.actualite, a.info_conso, a.en_promo, a.boutique, a.adresses, a.s_inscrire, a.ed_speciale, a.pictures, a.le_flux {font-size: 0.9em;}
}

/* CSS base rubrique la une */
a.la_une:hover {color: #6A5ACD; text-decoration: underline }
a.la_une:active {color: #6A5ACD; text-decoration: underline }
.la_une {color: #6A5ACD; }

/* CSS base rubrique actualité */
a.actualite:hover {color: #00008B; text-decoration: underline }
a.actualite:active {color: #00008B; text-decoration: underline }
.actualite {color: #00008B; }

/* CSS base rubrique info conso */
a.info_conso:hover {color: #9932CC; text-decoration: underline }
a.info_conso:active {color: #9932CC; text-decoration: underline }
.info_conso {color: #9932CC; }

/* CSS base rubrique en promo */
a.en_promo:hover  {color: #dc143c; text-decoration: underline }
a.en_promo:active {color: #dc143c; text-decoration: underline }
.en_promo  {color: #dc143c; }

/* CSS base rubrique la boutique */
a.boutique:hover {color: #00008B; text-decoration: underline }
a.boutique:active {color: #00008B; text-decoration: underline }
.boutique {color: #00008B; }

/* CSS base rubrique adresses */
a.adresses:hover {color: #FF7F50; text-decoration: underline }
a.adresses:active {color: #FF7F50; text-decoration: underline }
.adresses {color: #FF7F50; }

/* CSS base rubrique s'inscrire */
a.s_inscrire:hover {color: green; text-decoration: underline }
a.s_inscrire:active {color: green; text-decoration: underline }
.s_inscrire {color: green; }

/* CSS base rubrique Adm */
a.ed_speciale:hover {color: #6A5ACD; text-decoration: underline }
a.ed_speciale:active {color: #6A5ACD; text-decoration: underline }
.ed_speciale {color: #6A5ACD; }

/* CSS base rubrique Adm */
a.pictures:hover {color: #6A5ACD; text-decoration: underline }
a.pictures:active {color: #6A5ACD; text-decoration: underline }
.pictures {color: #6A5ACD; }

/* CSS base rubrique LeFlux */
a.le_flux:hover {color: #6A5ACD; text-decoration: underline }
a.le_flux:active {color: #6A5ACD; text-decoration: underline }
.le_flux {color: #6A5ACD; }

div.dPictures {margin: 10px 0 0 0;}

/* --------------------- liens des rubriques --------------------- */

/* liens rubrique actualité */
a.TitreBleuLink {color: #666; font-weight: bold; font-family: "Courier New", Courier, Monaco; font-size: 14px; text-decoration: none }
a.TitreBleuLink:hover {color: #00008B; font-weight: bold; text-decoration: underline }
a.TitreBleuLink:active {color: #00008B; font-weight: bold; text-decoration: underline }

/* liens rubrique info conso */
a.TitreVioletLink {color: #666; font-weight: bold; font-family: "Courier New", Courier, Monaco; font-size: 14px; text-decoration: none }
a.TitreVioletLink:hover {color: #9932CC; font-weight: bold; text-decoration: underline }
a.TitreVioletLink:active {color: #9932CC; font-weight: bold; text-decoration: underline }

/* liens rubrique en promo */
a.TitreRougeLink  {color: #666; font-size: 16px; font-family: "Courier New", Courier, Monaco; text-decoration: none }
a.TitreRougeLink:hover  {color: #dc143c; text-decoration: underline }
a.TitreRougeLink:active {color: #dc143c; text-decoration: underline }

/* liens rubrique la boutique */
a.TitreJauneLink {color: #666; font-weight: bold; font-family: "Courier New", Courier, Monaco; font-size: 14px; text-decoration: none }
a.TitreJauneLink:hover {color: #00008B; font-weight: bold; text-decoration: underline }
a.TitreJauneLink:active {color: #00008B; font-weight: bold; text-decoration: underline }

/* liens rubrique adresses */
a.TitreOrangeLink {color: #666; font-weight: bold; font-family: "Courier New", Courier, Monaco; font-size: 14px; text-decoration: none }
a.TitreOrangeLink:hover {color: #FF7F50; font-weight: bold; text-decoration: underline }
a.TitreOrangeLink:active {color: #FF7F50; font-weight: bold; text-decoration: underline }

/* liens rubrique s'inscrire */
a.TitreVertLink {color: #666; font-weight: bold; font-family: "Courier New", Courier, Monaco; font-size: 14px; text-decoration: none }
a.TitreVertLink:hover {color: green; font-weight: bold; text-decoration: underline }
a.TitreVertLink:active {color: green; font-weight: bold; text-decoration: underline }

/* --------------------- liens recherche --------------------- */

a.SearchBleuLink, a.SearchVioletLink, a.SearchRougeLink, a.SearchJauneLink, a.SearchOrangeLink, a.SearchVertLink, a.SearchAdmLink {
	font-weight: bold; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; font-size: 1em; text-decoration: none
	}
@media only screen and (max-width: 1200px){
a.SearchBleuLink, a.SearchVioletLink, a.SearchRougeLink, a.SearchJauneLink, a.SearchOrangeLink, a.SearchVertLink, a.SearchAdmLink {font-size: 0.9em;}
}
@media only screen and (max-width: 1000px){
a.a.SearchBleuLink, a.SearchVioletLink, a.SearchRougeLink, a.SearchJauneLink, a.SearchOrangeLink, a.SearchVertLink, a.SearchAdmLink {font-size: 0.8em;}
}

/* liens recherche actualité */
a.SearchBleuLink {color: #00008B; }
a.SearchBleuLink:hover {color: #00008B; text-decoration: none }
a.SearchBleuLink:active {color: #00008B; text-decoration: none }

/* liens recherche info conso */
a.SearchVioletLink {color: #9932CC; }
a.SearchVioletLink:hover {color: #9932CC; text-decoration: none }
a.SearchVioletLink:active {color: #9932CC; text-decoration: none }

/* liens recherche en promo */
a.SearchRougeLink {color: #DC143C; }
a.SearchRougeLink:hover {color: #DC143C; text-decoration: none }
a.SearchRougeLink:active {color: #DC143C; text-decoration: none }

/* liens recherche la boutique */
a.SearchJauneLink {color: #00008B; }
a.SearchJauneLink:hover {color: #00008B; text-decoration: none }
a.SearchJauneLink:active {color: #00008B; text-decoration: none }

/* liens recherche adresses */
a.SearchOrangeLink {color: #FF7F50; }
a.SearchOrangeLink:hover {color: #FF7F50; text-decoration: none }
a.SearchOrangeLink:active {color: #FF7F50; text-decoration: none }

/* liens recherche s'inscrire */
a.SearchVertLink {color: green; }
a.SearchVertLink:hover {color: green; text-decoration: none }
a.SearchVertLink:active {color: green; text-decoration: none }

/* liens recherche s'inscrire */
a.SearchAdmLink {color: #6A5ACD; }
a.SearchAdmLink:hover {color: #6A5ACD; text-decoration: none }
a.SearchAdmLink:active {color: #6A5ACD; text-decoration: none }

/* liens recherche search grand */
a.SearchPLink {color: #483D8B; text-decoration: underline; }
a.SearchPLink:hover {color: #483D8B; text-decoration: underline; }
a.SearchPLink:active {color: #483D8B; text-decoration: underline; }

/* liens recherche search petit */
a.SMLink {font-size: 9px;color: #483D8B; text-decoration: underline; }
a.SMLink:hover {color: #483D8B; text-decoration: underline; }
a.SMLink:active {color: #483D8B; text-decoration: underline; }


/* Structure des sujets de une */
/* ----------------------------------------------------- */

.shadetabs{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: 1.1em arial;
font-size: xsmall;
list-style-type: none;
text-align: center; /*set to left, center, or right to align the menu as desired*/
width: 100%;
}
@media only screen and (max-width: 1200px){
.shadetabs {font: 1em arial;}
}
@media only screen and (max-width: 1000px){
.shadetabs {font: 0.9em arial;}
}
@media only screen and (max-width: 600px){
.shadetabs {font: 0.8em arial;}
}

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

.shadetabs li a{
max-width:20px;
text-decoration: none;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid #C3C8CB;
background: #F4F4F4 url(../img/Onglets.gif) repeat-x top left; /*#F4F4F4*/
color: #333366;
border-top-left-radius: 0.5em;
border-top-right-radius: 0.5em;
-webkit-border-top-left-radius: 0.5em;
-webkit-border-top-right-radius: 0.5em;
text-shadow: #FFFFFF 2px 2px 1px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

.shadetabs li a:visited{
color: #333366;
}

.shadetabs li a:hover{
text-decoration: none;
color: #333366;
}

.shadetabs li.selected{
position: relative;
top: 0px;
}

.shadetabs li.selected a{ /*selected main tab style */
color: #00008B;
background: #FFFFFF;
border-bottom-color: #FFFFFF;
}

.shadetabs li.selected a:hover{ /*selected main tab style */
text-decoration: none;
}

.tabcontentstyle{ /*style of tab content oontainer*/
border-top: 1px solid #C3C8CB;
border-bottom: 1px solid #CCCCFF;
width: 100%;
margin-bottom: 1em;
padding-top: 10px;
padding-bottom: 10px;
text-align: justify;
}

.tabcontent{
display:none;
}

@media print {
.tabcontent {
display:block!important;
}
}

div.tabcontentstyle span.textGris, span.cartouche {
border-radius: 0.5em;
border-radius: 0.5em;
-webkit-border-radius: 0.5em;
box-shadow: 1px 1px 3px #808080;
-webkit-box-shadow: 1px 1px 3px #808080;
box-shadow: 1px 1px 3px #808080;
background: #FAFAFA;
border: 1px solid #ffffff;
display:block!important;
padding: 5px;
min-width: 50px;
margin: 10px 0px 0px 215px;
}

/* --------------------- titres des rubriques --------------------- */

h1 { display:none }
h3 {margin:0; padding:0.5em 0 0.5em 0;color:#333366;display: inline-block;*display: inline; *zoom: 1;}
h4 {margin:0; padding:0;color:#333366;display: inline-block;*display: inline; *zoom: 1;}
.mobile { display:none }
.iPhoneGmap { display:none }

/* titre de rubrique actualité */
.titreBleu  { color: #00008B; font-weight: bold; font-size: 24px; font-family: "Courier New", Courier, Monaco }

/* titre de rubrique info conso */
.titreViolet  { color: #9932CC; font-weight: bold; font-size: 24px; font-family: "Courier New", Courier, Monaco }

/* titre de rubrique en promo */
.titreRouge  { color: #DC143C; font-weight: bold; font-size: 24px; font-family: "Courier New", Courier, Monaco }

/* titre de rubrique la boutique */
.titreJaune  { color: #FFCC00; font-weight: bold; font-size: 24px; font-family: "Courier New", Courier, Monaco }

/* titre de rubrique adresses */
.titreOrange  { color: #FF7F50; font-weight: bold; font-size: 24px; font-family: "Courier New", Courier, Monaco }

/* titre de rubrique s'inscrire */
.titreVert  { color: green; font-weight: bold; font-size: 24px; font-family: "Courier New", Courier, Monaco }

/* titre de rubrique resto */
.titreResto  { color: #6B8E23; font-weight: bold; font-size: 24px; font-family: "Courier New", Courier, Monaco }

/* titre de rubrique administration */
.titreAdm  { color: #6A5ACD; font-weight: bold; font-size: 24px; font-family: "Courier New", Courier, Monaco }

/* titre de rubrique administration */
.titreLeFlux  { color: #3366CC; font-weight: bold; font-size: 24px; font-family: "Courier New", Courier, Monaco }

/* titre de rubrique administration */
.titreAdmtitreBleu  { color: #6A5ACD; font-weight: bold; font-size: 24px; font-family: "Courier New", Courier, Monaco }


/* --------------------- champs formulaire --------------------- */

.selectBleu, .selectRouge, .selectViolet, .selectOrange, .selectJaune, .selectVert, .selectAdm, .selectFlux {
	 color: #FFFFFF; font-weight: bold; font-size: 11pt; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; padding: 0px; -khtml-border-radius: 0.65em; border-radius: 0.65em; -webkit-border-radius: 0.65em;
	}
.intextBleu, .intextRouge, .intextViolet, .intextOrange, .intextJaune, .intextVert, .intextAdm {
	 color: #4b5c76; font-size: 12pt; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; padding: 2px; width: 95%; -khtml-border-radius: 0.65em; border-radius: 0.65em; -webkit-border-radius: 0.65em;
	}
.popBleu, .popRouge, .popViolet, .popOrange, .popJaune, .popVert, .popAdm, .popFlux {
	 font-weight: bold; font-size: 10pt; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;  padding: 2px; border: solid 1px #FFFFFF;
	}

.select1 { color: #4b5c76; font-size: 9pt; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; padding: 3px; border: solid 1px #ff8c00;}
.popGris { color: #4b5c76; font-weight: bold; font-size: 10pt; font-family: "Courier New", Courier, Monaco; padding: 2px; border: solid 1px #FFFFFF }

#intextBleuB {float: left; width: 40%; padding: 0.50em 0em 0.50em 0.10em; margin: 0px; }
#selectBleuB {float: left; width: 25%; text-align: right; display:inline; padding: 0.50em 0.10em 0.50em 0.20em; margin: 0px; }
#popBleuB {float: left; width: 25%; text-align: right; display:inline; padding: 0.50em 0.20em 0.50em 0.10em; margin: 0px; }
.selectBleu { background-color: #00008B; border: solid 1px #00008B; -khtml-border-radius: 0.65em; border-radius: 0.65em; -webkit-border-radius: 0.65em; }
.intextBleu { border: solid 1px #00008B; }
.popBleu { color: #00008B; font-size: x-small; }

.selectRouge { background-color: #DC143C; border: solid 3px #DC143C }
.intextRouge { border: solid 1px #DC143C; }
.popRouge { color: #DC143C; font-size: x-small; }

.selectViolet { background-color: #9932CC; border: solid 3px #9932CC }
.intextViolet { border: solid 1px #9932CC; }
.popViolet { color: #9932CC; font-size: x-small; }

#intextOrangeH {float: left; width: 40%; padding: 0em 0em 0.50em 0.10em; margin-top: -1px; }
#selectOrangeH {float: left; width: 18%; text-align: right; display:inline; padding: 0em 0em 0.50em 0.10em; margin-top: -1px; }
.selectOrange { background: -webkit-gradient(linear, left top, left bottom, from(#FF7F50), to(#FF4500)); background: -moz-linear-gradient(top, #FF7F50, #FF4500); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF7F50', endColorstr='#FF4500'); cursor: pointer; background-color: #FF7F50; border: solid 2px #FF4500; text-shadow: 0 -1px 0 rgba(0,0,0,.3); }
.intextOrange { border: inset 1px #778899; box-shadow:inset 2px 2px 5px #ccc; text-shadow: 2px 2px 1px #ccc; color: #333333; padding: 0 0 0 5px; } /* background-image: url(../img/leftsearchbox.png), url(../img/searchbox.png); background-position: top left, top right; background-repeat: no-repeat, repeat-x; couleur orange #FF8C00 */
.popOrange { color: #4b5c76; font-size: x-small; }

.selectJaune { background-color: #FFCC00; border: solid 3px #FFCC00; }
.intextJaune { border: solid 1px #FFCC00; }
.popJaune { color: #FFCC00; font-size: x-small; }

.selectVert { background-color: green; border: solid 3px green; }
.intextVert { border: solid 1px green; }
.popVert { color: green; font-size: x-small; }

.selectAdm { background-color: #6A5ACD; border: solid 3px #6A5ACD; }
.intextAdm { border: solid 1px #6A5ACD; }
.popAdm { color: #6A5ACD; font-size: x-small; }

.selectFlux { background-color: #3366CC; border-top: 1px outset #FFFFFF; border-left: 1px outset #FFFFFF; border-right: 1px outset #3366CC; border-bottom: 1px outset #3366CC; width: 100%; -khtml-border-radius: 0.65em; border-radius: 0.65em; -webkit-border-radius: 0.65em; text-shadow: #333366 -1px -1px 0px; }
.intextFlux { border: solid 1px #3366CC; color: #333333; font-size: 12pt; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; width: 100%; font-weight: bold; -khtml-border-radius: 0.65em; border-radius: 0.65em; -webkit-border-radius: 0.65em; }
.popFlux { color: #3366CC; font-size: x-small; }
.selecteurFlux { background-color: #FFFFFF; color: #333333; font-size: 11pt; border: solid 1px #3366CC; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; width: 100%; font-weight: 900; }

.popBlanc { color: #FFFFFF; font-size: 9pt;  padding: 2px; background-color: #FFFFFF; }

#titlesearch {
	background: #FFFFFF url(img/titlesearch.png) repeat-y bottom left;
	text-align:justify;
	width:43%;
	}
#titlesearch titreGris {
	text-shadow: 0 1px 1px #ffffff;
	}
#insearch {
	width:42%;
	}
#gosearch {
	width:15%;
	}

#divformScreen.formInfo {
	margin: 1em 0em 1em 0em;
	}
div>p.formScreenInfo {
	text-align: justify;
	color: #666666;
	font-size: 8pt;
	font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	padding: 0 2% 0 2%;
	}
div>p.formScreenText {
	font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	font-weight: bold;
	font-size: 9pt;
	color: #666666;
	background-color: #F5F5F5;
	text-align: left;
	padding: 0.7em 2% 0 2%;
	margin: 0;
	}
div>p.formScreen {
	padding : 0.7em 2% 0.7em 2%;
	background-color: #DCDCDC;
	text-align: center;
	margin: 0;
	}
table.protable {
	width:100%;
	border-spacing: 0.8em;
	}
.tdformcell, .thformcell {
	}
th.thformcell {
	padding: 5px;
	text-align:left;
	background-color: #F5F5F5;
	}
/*.formcell { 
	text-align:center;
	font-size: x-large;
	}*/
/* ------------------- Couleur des crochet -------------------- */

.CrochetOrange { color: #ff8c00; font-weight: normal; font-size: 18px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
.CrochetRouge { color: #dc143c; font-weight: normal; font-size: 18px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
.CrochetBleu { color: #483d8b; font-weight: normal; font-size: 18px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
.CrochetAdm { color: #6A5ACD; font-weight: normal; font-size: 18px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular }


/* --------------------- Style des textes --------------------- */

.soustitre { color: #808080; font-weight: bold; font-size: 14px; font-family: "Courier New", Courier, Monaco }
.textVerdanaGris  { color: #333333; font-weight: 300; font-size: 1.1em; line-height: 20px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
.descFlux .textVerdanaGris {font-size: 1.2em;}
.textverdana { color: #696969; font-size: 12px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none }
.miniverdana { color: #666666; font-size: 9px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none }
.numlinks  { color: #dc143c; font-weight: bold; font-size: 9px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
.numtext  { color: gray; font-size: 9px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
.numAddTel  { color: #333333; font-weight: bold; font-size: 10px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
.titreGris { color: #333366; font-weight: bold; font-size: 16px; font-family: "Courier New", Courier, Monaco }
.update  { color: #fff; font-size: 11px; font-family: "Courier New", Courier, Monaco }
.menu { color: #fff; font-weight: 500; font-size: 12px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
.textGris  { color: #708090; font-weight: 300; font-size: 11px; font-family: Trebuchet MS, Arial, Helvetica }
.descript { color: #4682B4; font-size: 12px; font-family: "Courier New", Courier, Monaco }
.titrecat { color: #930; font-size: 15px; font-family: "Courier New", Courier, Monaco }
.grandtitre { color: #333333; font-weight: bold; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; font-size: 1.1em; text-shadow: #FFFFFF 1px 1px 1px; }
.text { color: gray; font-size: 10px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
.G12 { font-family: 'Lucida Grande', Geneva, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; }
.L24G { font-family: 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #76797C; }
.searchPLink { font-family: 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #800080; }

@media only screen and (max-width: 1200px){
.textVerdanaGris, .grandtitre {font-size: 1em;}
.descFlux .textVerdanaGris {font-size: 1.1em;}
}
@media only screen and (max-width: 1000px){
.textVerdanaGris, .grandtitre {font-size: 0.9em;}
.descFlux .textVerdanaGris {font-size: 1em;}
}

/* ---------------------- Messages erreur --------------------- */

.textRouge { color: #B22222; font-weight: bold; font-size: 14px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular }

/* ---------------------- Messages d'alerte --------------------- */

#AlerteT p.la_une, #AlerteT p.la_boutique, #AlerteT p.info_conso, #AlerteT p.les_adresses, #AlerteT p.l_actualite, #AlerteT p.s_inscrire, #AlerteT p.en_promo, #AlerteT p.resto, #AlerteT p.flux {
	font-family : "Courier New", Courier, Monaco;
	padding : 0.1em 0.3em 0.1em 0.3em;
	margin : 0px 0px 0px 0px;
	font-weight: 600;
	text-align: left;
	border-bottom: 1px solid #808080;
}

#AlerteT2 p.la_une, #AlerteT2 p.la_boutique, #AlerteT2 p.info_conso, #AlerteT2 p.les_adresses, #AlerteT2 p.l_actualite, #AlerteT2 p.s_inscrire, #AlerteT2 p.en_promo, #AlerteT2 p.resto, #AlerteT2 p.flux {
	font-family : "Courier New", Courier, Monaco;
	padding : 0.1em 0.3em 0.1em 0.3em;
	margin : 0px 0px 0px 0px;
	font-weight: 600;
	text-align: left;
	border-bottom: 1px solid #808080;
}

#AlerteT p.la_une, #AlerteT2 p.la_une {
	font-size: 1.3em;
	background: #7b68ee url(img/fondbarreUne.gif) repeat-y bottom left;
	color: #FFFFFF;
}

#AlerteT p.la_boutique, #AlerteT2 p.la_boutique {
	font-size: 1.3em;
	background-color: #FFCC00;
	background: #FFCC00 url(img/fondbarreBoutique.gif) repeat-y bottom left;
	color: #DC143C;
	text-shadow: #CD853F 3px 3px 3px;
	border-top: 1px solid #FFFF66;
}

#AlerteT p.info_conso, #AlerteT2 p.info_conso {
	font-size: 1.3em;
	background: #9932CC url(img/fondbarreInfoConso.gif) repeat-y bottom left;
	color: #FFFFFF;
	text-shadow: 1px 1px 0px #6600CC, 2px 2px 2px #9933FF;
	border-top: 1px solid #CC99FF;
}

#AlerteT p.flux, #AlerteT2 p.flux {
	font-size: 1.3em;
	background: #003399 url(img/fondbarreFlux.gif) repeat-y bottom left;
	color: #FFFFFF;
	text-shadow: 1px 1px 0px #003399, 2px 2px 2px #333399;
	border-top: 1px solid #6699FF;
}

#AlerteT p.en_promo, #AlerteT2 p.en_promo {
	font-size: 1.3em;
	background-color: #DC143C;
	color: #FFFFFF;
}

#AlerteT p.les_adresses, #AlerteT2 p.les_adresses {
	font-size: 1.3em;
	background: #FF6600 url(img/fondbarreAdresses.gif) repeat-y bottom left;
	color: #FFFFFF;
}

#AlerteT p.l_actualite, #AlerteT2 p.l_actualite {
	font-size: 1.3em;
	background: #00008B url(img/fondbarreActualite.gif) repeat-y bottom left;
	color: #FFFFFF;
	text-shadow: 1px 1px 0px #000066, 2px 2px 2px #333399;
	border-top: 1px solid #9999FF;
}

#AlerteT p.s_inscrire, #AlerteT2 p.s_inscrire {
	font-size: 1.3em;
	background: #6633FF url(img/fondbarrenouvelan.gif) repeat-y bottom left;
	color: #FFFFFF;
}

#AlerteT p.resto, #AlerteT2 p.resto {
	font-size: 1.3em;
	background: #333333 url(img/fondbarreResto.gif) repeat-y bottom left;
	color: #CCFF00;
	text-shadow: #333 2px 2px 2px;
	line-height: 20px;
}
@media only screen and (max-width: 1200px){
#AlerteT p.la_une, #AlerteT p.la_boutique, #AlerteT p.info_conso, #AlerteT p.les_adresses, #AlerteT p.l_actualite, #AlerteT p.s_inscrire, #AlerteT p.en_promo, #AlerteT p.resto, #AlerteT p.flux {font-size: 1.2em;}
#AlerteT2 p.la_une, #AlerteT2 p.la_boutique, #AlerteT2 p.info_conso, #AlerteT2 p.les_adresses, #AlerteT2 p.l_actualite, #AlerteT2 p.s_inscrire, #AlerteT2 p.en_promo, #AlerteT2 p.resto, #AlerteT2 p.flux {font-size: 1.2em;}
#Alerte p.alerte-actualite, #Alerte2 p.alerte-actualite, #Alerte p.profil-mod {font-size: 1em;}
#Alerte p.alerte-actualite b, #Alerte2 p.alerte-actualite b, #Alerte p.profil-mod b {font-size: 1em;}
}
@media only screen and (max-width: 1000px){
#AlerteT p.la_une, #AlerteT p.la_boutique, #AlerteT p.info_conso, #AlerteT p.les_adresses, #AlerteT p.l_actualite, #AlerteT p.s_inscrire, #AlerteT p.en_promo, #AlerteT p.resto, #AlerteT p.flux {font-size: 1.1em;}
#AlerteT2 p.la_une, #AlerteT2 p.la_boutique, #AlerteT2 p.info_conso, #AlerteT2 p.les_adresses, #AlerteT2 p.l_actualite, #AlerteT2 p.s_inscrire, #AlerteT2 p.en_promo, #AlerteT2 p.resto, #AlerteT2 p.flux {font-size: 1.1em;}
#Alerte p.alerte-actualite, #Alerte2 p.alerte-actualite, #Alerte p.profil-mod {font-size: 0.9em;}
#Alerte p.alerte-actualite b, #Alerte2 p.alerte-actualite b, #Alerte p.profil-mod b {font-size: 0.9em;}
}

#Alerte.actualite, #Alerte2.actualite {
	margin : 0px 0px 0px 0px; padding : 0;
	border-collapse: collapse;
	background-color: #F5F5F5;
	border-bottom: 1px solid #C3C8CB;
	border-top: 1px solid #C3C8CB;
}

#Alerte p.alerte-actualite, #Alerte2 p.alerte-actualite {
	background: #FFFFFF;
	color: #333333;
	font-size: 1.1em;
	line-height: 20px;
	font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	text-align: left;
	text-shadow: 1px 1px 0px #FFFFFF, 3px 5px 10px #F5F5F5;
	border: 1px inset #FFFFFF;
	-khtml-border-radius: 1em;
	border-radius: 1em;
	-webkit-border-radius: 1em;
	border-radius: 1em;
	padding: 0.5em 0.5em 0.5em 0.5em;
	margin: 0.5em 5em 0.5em 5em;
}

#Alerte p.alerte-actualite b, #Alerte2 p.alerte-actualite b {
	color: #333366;
	font-size : 1.1em;
}

#Alerte p.profil-mod {
	background: #FFFFFF;
	color: #333333;
	font-size: 1.1em;
	line-height: 20px;
	font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	text-align: left;
	text-shadow: 1px 1px 0px #FFFFFF, 3px 5px 10px #F5F5F5;
	border: 1px inset #FFFFFF;
	-khtml-border-radius: 1em;
	border-radius: 1em;
	-webkit-border-radius: 1em;
	border-radius: 1em;
	padding: 0.5em;
	margin: 0.5em 8em 0.5em 1.5em;
}

#Alerte p.profil-mod b {
	color: #333366;
	font-size : 1.1em;
}

#Alerte.flux {
	background: #748595;
	margin: 0 0 10px 0;
	}

@media only screen and (max-width: 1200px){
#Alerte p.alerte-actualite, #Alerte2 p.alerte-actualite, #Alerte p.profil-mod {margin: 0.4em 1.4em 0.4em 1.4em;}
}
@media only screen and (max-width: 1000px){
#Alerte p.alerte-actualite, #Alerte2 p.alerte-actualite, #Alerte p.profil-mod {margin: 0.3em 1.3em 0.3em 1.3em;}
}

.mPhotoright { 
	float: right;
	clear: inherit;
	margin-top: 5px;
	margin-left: 15px;
	margin-bottom: 5px;
	}
.mPhotoleft { 
	float: left;
	margin-top: 5px;
	margin-right: 15px;
	margin-bottom: 5px;
	border-spacing: 0px;
	}

/* --------------------- Marge des photos --------------------- */

.margingPhoto { margin-top: 5px; margin-right: 15px; margin-bottom: 0px; text-align: left; }
.margingPhotoUne { margin-top: 5px; margin-right: 15px; margin-bottom: 0px; text-align: left; }
.margingIntroPhoto { margin-top: 5px; margin-right: 8px; margin-bottom: 0px; }
.margingFluxPhoto { margin-top: 5px; margin-right: 8px; margin-bottom: 0px; position:relative; }
.margingProduitBoutique { margin-top: 5px; margin-left: 15px; margin-bottom: 15px }
.margingLogo { margin-top: 5px; margin-right: 8px; margin-bottom: 8px }

/* -------------------------- cadres -------------------------- */
/* pour le cadre2 de recherche background-color:#f5f5f5; */

.lesCadres { border-collapse: collapse; border: 1px solid #e6e6fa; }
*#col0	{ border: 1px solid #e6e6fa; }

.Cadres1 { 
	border: 1px solid #e6e6fa; 
	-khtml-border-top-right-radius: 1em;
	border-top-right-radius: 1em;
	-webkit-border-top-right-radius: 1em;
	border-bottom-left-radius: 1em;
	-khtml-border-bottom-left-radius: 1em;
	-webkit-border-bottom-left-radius: 1em;
}
*#col1	{ border: 1px solid #e6e6fa; }

.Cadres2 { 
	border: 1px solid #e6e6fa; 
	margin-bottom : 10px;
	-khtml-border-top-right-radius: 0.7em;
	border-top-right-radius: 0.7em;
	-webkit-border-top-right-radius: 0.7em;
	background-color:#ffffff;
}

.adscss {
/* Code standard */
	max-width: 100%;
	width:250px;
	height: auto;

/* Code spécial IE */
	_width: expression((this.offsetWidth>=this.offsetHeight) ?
		Math.min(parseInt(this.offsetWidth), auto ) : true);
	_height: expression((this.offsetHeight>this.offsetWidth) ?
		Math.min(parseInt(this.offsetHeight), auto ) : true);
	}
td #CadresC3 {width:250px}
@media only screen and (max-width: 1200px){
td #CadresC3 {width:200px;}
.adscss {width:200px!important;}
}
@media only screen and (max-width: 1000px){
td #CadresC3 {width:170px;}
.adscss {width:170px!important;}
}

tr#row2 td { 
	background-color:#ffffff;
}
*#col2	{ border: 1px solid #e6e6fa; }

.Cadres3 { border-collapse: collapse; border: 1px solid #e6e6fa; }
*#col3	{ border: 1px solid #e6e6fa; }

.Cadres4 { border: 1px solid #e6e6fa; padding: 0; margin: 0; }
*#col4	{ border: 1px solid #e6e6fa; }

.Cadres5 { border-collapse: collapse; border: 1px solid #e6e6fa; margin-bottom : 10px; }
*#col5	{ border: 1px solid #e6e6fa; }

.Cadres6 { border-collapse: collapse; border: 1px solid #e6e6fa; }
*#col6	{ border: 1px solid #e6e6fa; }

tr#row5 td {
	padding: 0.8em;
	}
/* tr#row3 td {
	vertical-align : middle;
	}
table.Cadre3 tr#row3 {
	height: 70px;
	}
#row3 {
	height: 100%;
	}
#row3 span.textGris {
	height: 75%;
	padding: 2px 0px 0px 2px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	}
row4 {
	background: transparent url(img/deco-noel.gif) no-repeat left top;
	width: 152px; 
	height: 143px;
	} */
.Cmain { text-align: left; }

div.main {
	margin: 2.5em 10% 0 10%;
	text-align: left;
	}
div.dirmain {
	margin: 2.5em 2% 0 2%;
	text-align: left;
	}
table #dirtable {
	width:100%;
	border-spacing: 10px;
	border-collapse: collapse;
	}
table #dirtable dt {
	padding:5px;
	}
#pictable {
	width:70%;
	text-align:center;
	}
#textpicture p.textVerdanaGris {
	text-align: justify;
	}
#textpicture p textVerdanaGris li {
	text-align: left;
	}
#textpicture {
	text-align: justify;
	}
#textpicture li {
	text-align: left;
	}

#Encadre.actualite {
	padding : 0; background-color: #F8F8FF;
	border-collapse: collapse; border: 1px solid #666699;
}

#Encadre.info_conso {
	padding : 0; background-color: #F8F8FF;
	border-collapse: collapse; border: 1px solid #BA55D3;
}

#Encadre p.actualite {
	font-family : "Courier New", Courier, Monaco;
	background-color: #666699;
	padding : 0.4em;
	margin : 0;
	font-size : 1em;
	color: #FFFFFF;
	font-weight: bold;
}

#Encadre p.info_conso {
	font-family : "Courier New", Courier, Monaco;
	background-color: #BA55D3;
	padding : 0.4em;
	margin : 0;
	font-size : 1em;
	color: #FFFFFF;
	font-weight: bold;
}

#Encadre p.textVerdanaGris {
	margin : 1em;
}

#Encadre p.textVerdanaGris b {
	color: #333366;
	font-size : 1em;
}

/* --------------------- pontrss --------------------- */
.rssactuclass {
width: auto;
text-align: left;
padding: 0px;
font-size: 1.1em;
color: #FFFFFF;
background: #cccccc url(img/rsstickersflux.png) repeat-x;
border-bottom: 1px solid #C3C8CB;
margin-bottom: 1em;
display: block;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=80); /*Specify fade effect in IE. Remove if desired.*/
opacity: 0.8; /*Specify fade effect in Firefox. Remove if desired.*/
-khtml-opacity: 0.8; /*Specify fade effect in Konqueror. Remove if desired.*/
-webkit-opacity: 0.8; /*Specify fade effect in Safari. Remove if desired.*/
	text-shadow: #000066 -1px -1px 1px;
}
div.rssactuclass a {
	padding: 5px;
	text-decoration: none;
	font-size: 1em;
	display: block;
background: #6699FF url(img/rsstickersflux.png) repeat-x;
	color: #FFFFFF;
	}
div.rssactuclass a:hover {
	color: #CCFFFF;
	}

.rsspromoclass {
width: auto;
text-align: left;
padding: 0px;
font-size: 1.1em;
color: #696969;
background: #cccccc url(img/rsstickers.png) repeat-x;
border-bottom: 1px solid #C3C8CB;
margin-bottom: 1em;
display: block;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=80); /*Specify fade effect in IE. Remove if desired.*/
opacity: 0.8; /*Specify fade effect in Firefox. Remove if desired.*/
-khtml-opacity: 0.8; /*Specify fade effect in Konqueror. Remove if desired.*/
-webkit-opacity: 0.8; /*Specify fade effect in Safari. Remove if desired.*/
	text-shadow: #FFFFFF 1px 1px 1px;
}
div.rsspromoclass a {
	padding: 5px;
	text-decoration: none;
	font-size: 1em;
	display: block;
background: #cccccc url(img/rsstickers.png) repeat-x;
	color: #000000;
	}
div.rsspromoclass a:hover {
	background-color: #e6e6fa;
	color: #DC143C;
	}

.rssinfoclass{
width: auto;
text-align: left;
padding: 0px;
font-size: 1.1em;
color: #696969;
background: #cccccc url(img/rsstickers.png) repeat-x;
border-bottom: 1px solid #C3C8CB;
margin-bottom: 1em;
display: block;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=80); /*Specify fade effect in IE. Remove if desired.*/
opacity: 0.8; /*Specify fade effect in Firefox. Remove if desired.*/
-khtml-opacity: 0.8; /*Specify fade effect in Konqueror. Remove if desired.*/
-webkit-opacity: 0.8; /*Specify fade effect in Safari. Remove if desired.*/
	text-shadow: #FFFFFF 1px 1px 1px;
}
div.rssinfoclass a {
	padding: 5px;
	text-decoration: none;
	font-size: 1em;
	display: block;
background: #cccccc url(img/rsstickers.png) repeat-x;
	color: #000000;
	}
div.rssinfoclass a:hover {
	background-color: #e6e6fa;
	color: #330066;
	}
.rsstitle{ /*shared class for all title elements in an RSS feed*/
	font-weight: bold;
	}
.rssdate{ /*shared class for all date elements in an RSS feed*/
	color: gray;
	font-size: 80%;
	}

.rssdescription{ /*shared class for all description elements in an RSS feed*/
}

@media only screen and (max-width: 1200px){
.rssactuclass, .rsspromoclass, .rssinfoclass {font-size: 1em;}
div.rssactuclass a, div.rsspromoclass a, div.rssinfoclass a {font-size: 0.9em;}
}
@media only screen and (max-width: 1000px){
.rssactuclass, .rsspromoclass, .rssinfoclass {font-size: 0.9em;}
div.rssactuclass a, div.rsspromoclass a, div.rssinfoclass a {font-size: 0.8em;}
}

/* --------------------- cadres pictures --------------------- */

td.ptd {
	border-collapse: collapse; border: 1px solid #e6e6fa;
	padding:1px;
	text-align:center;
	vertical-align: bottom;
	width: 33%;
	}
div.Pbloc {
	width: auto;
	height:auto;
	vertical-align: bottom;
/*	clip: rect(100% 100% 100% 100%); */
	}
div.plink {
	position: relative;
	height: 150px;
	vertical-align: bottom;
/*	clip: rect(100% 100% 100% 100%); */
	width: auto;
	margin:0;
	padding: 1px 1px 1px 1px;
	text-align:center;
	font-size: 9pt;
	color: gray;
	background-color: #FFFFFF;
	border-bottom: 1px solid #C3C8CB;
	display: block;
	}
div.plink span.phaut {
	height:100px;
	margin:0;
	}
div.plink span.phtitre, div.plink span.pbtitre {
	height:40px;
	margin:0;
	}
.phtitre {
	z-index:3;
	padding: 10px 0px 0px 0px;
	font-size: 7pt;
	}
.pbtitre {
	z-index:4;
	height:29px;
	vertical-align: bottom;
	padding: 3px 0px 3px 0px;
	font-size: 9px;
	margin:0;
	}
div.plink img {
	margin: 5px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	}
div.plink a:link, div.plink a:visited {
	z-index:2;
	height:140px;
	padding: 10px 0px 0px 0px;
	vertical-align: bottom;
	text-decoration: none;
	font-size: 8pt;
	display: block;
	background-color: #FFFFFF;
	}
div.plink a:link img, div.plink a:visited img {
	z-index:1;
	border-top: 1px solid #C0C0C0;
	border-left: 1px solid #C0C0C0;
	border-bottom: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	}
div.plink a:hover {
	background-color: #F4F4F4;
	text-decoration: none;
	display: block;
	}
div.plink a:hover img {
	border-top: 1px solid #808080;
	border-left: 1px solid #808080;
	border-bottom: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	}
.rsujet {
	width: auto;
	margin:0;
	text-align:center;
	font-size: 9pt;
	}
span.textGris {
	padding: 3px;
	}
p.rsujet a {
	padding: 2px;
	display: block;
	background-color: #F4F4F4;
	}
p.rsujet a:hover {
	background-color: #e6e6fa;
	text-decoration: none;
	}
.p80 {
	width: auto;
	margin-left: 10%;
	margin-right: 10%;
	}
.fluximg400 {
/* Code standard */
	max-width: 400px;
	max-height: 400px;

/* Code spécial IE */
	_width: expression((this.offsetWidth>=this.offsetHeight) ?
		Math.min(parseInt(this.offsetWidth), auto ) : true);
	_height: expression((this.offsetHeight>this.offsetWidth) ?
		Math.min(parseInt(this.offsetHeight), auto ) : true);
	}

/* --------------------- plugin Firefox --------------------- */

.noIE {
  	text-align: center;
	}
* html .noIE {
  	display: none;
	}
/* --------------------- abonnement rss --------------------- */

div.aborss {
	min-height: 50px;
	height:auto !important;
	height: 50px;
	margin-left: 10%;
	margin-right: 10%;
	background:  transparent url(img/UbactoBoutonRSS.gif) no-repeat top left;
/*	text-align: bottom; */
	}
div.aborss p {
	padding-top: 25px;
	padding-left: 40px;
	line-height: 15px;
	}

/* --------------------- sujets rubrique --------------------- */

div.zheader, div.zfooter {
	color: #708090; 
	font-weight: 300; 
	font-size: 11pt; 
	font-family: Arial, Verdana, Helvetica, Geneva, Swiss, SunSans-Regular;
	}

div.blocAdres {
	min-width:90%;
	width:auto;
	margin:5% 5em 0 2%;
}

div.blocAdres ul {
	height: 8em;
	}
div.blocAdres ul.Adresses li {
	list-style: square;
	color: #ff8c00;
	font-size: 12pt;
	}
li.disc {
	list-style: disc;
	color: #DC143C;
	font-size: 12pt;
	}
li.circle {
	list-style: circle;
	color: green;
	font-size: 12pt;
	}
html>body div.blocAdres ul {
	height: auto;
	min-height: 8em;
	}
ul.category {
	background-color: #F4F4F4;
	}
table.category {
	background-color: #F4F4F4;
	}
div.category {
	background-color: #F4F4F4;
	}
.IEbloc {
	margin-left: 5%;
	margin-right: 5%;
	padding-left: 5%;
	padding-right: 5%;
	}
html>body div.blocNews {
	margin: 0 5% 0 5%;
	padding: 0 5% 0 5%;
	color: #333333; 
	font-weight: 300; 
	font-size: 12px; 
	line-height: 20px; 
	font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	}
html>body div.blocNews spam.actualite a {
	background: transparent;
	display: block
	}
html>body div.blocNews spam.actualite a:hover {
	background-color: #e6e6fa;
	color: #00008B;
	}
p.titreActu, p.titreConso, p.titrePromo {
	margin: 2em 5px 5px 5px;
	-margin: 2em 30% 0 30%;
	padding: 0 5px 0 5px;
	text-align: left;
	background-color: #F5F5F5;
	border-top: 1px solid #F8F8FF;
	border-bottom: 1px solid #C3C8CB;
	border-right: 1px solid #C3C8CB;
	border-top-right-radius: 0.5em;
	-webkit-border-top-right-radius: 0.5em;
	}
p.titreActu a, p.titreConso a, p.titrePromo a,  {
	background: transparent;
	display: inline
	}
p.titreActu a:hover {
	background-color: #F5F5F5;
	color: #00008B;
	}
.descActu, .descConso, .descPromo {
	margin: 0 5px 2em 5px;
	-margin: 0 30% 2em 30%;
	text-align: justify;
	}
/* --------------------- 2 colonnes --------------------- */
/* .textVerdanaGris xxx {
     column-count: 2;
     -webkit-column-count: 2;
     column-width: 100%;
     -webkit-column-width: 100%;
	} */
/* ------------------------------------------ */
div.descFlux {
	background: #ffffff url(img/fondfluxnews.png) repeat-y top right;
	margin: -5px 5px 0px 5px;
	-margin: 0px 30% 1.5em 30%;
	padding: 5px 5px 20px 5px;
	text-align: left;
	min-height:85px;
	position:relative;
	}
div.descBottomFlux {
	margin: -5px 5px 1em 5px;
	-margin: 0px 30% 1em 30%;
	padding: 0px;
	text-align: left;
	}
div.infocal, div.pinfocal {
	margin: 5px 5px 5px 0;
	padding: 5px;
	font-family: Trebuchet MS, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	font-weight: bold; 
	border:1px solid #e4e4e4;
	border-radius: 0.5em;
	border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	}
div.infocal {
	margin: 5px 5px 5px 0;
	}
div.pinfocal {
	margin: 5px 0 5px 0;
	}
#horaires, #fluxkeywords, #profilkeywords {
	 border-top:1px solid #e4e4e4;
	 border-right:1px solid #e4e4e4;
	 border-left:1px solid #e4e4e4;
	 border-bottom:1px solid #e4e4e4;
	 margin:2em 0 1em 0;
	 padding:0.5em;
	 background: transparent url(http://ubacto.com/img/keyword.gif) repeat-x top left;
	 text-align: left;
	}
div.descActu {
	margin: 0 5px 2em 5px;
	-margin: 0 30% 2em 30%;
	text-align: justify;
	}
p.titreConso a:hover {
	background-color: #F5F5F5;
	color: #8A2BE2;
	}
p.titrePromo a:hover {
	background-color: #F5F5F5;
	color: #DC143C;
	}
hr {
	width: 100%;
	height: 1px;
	border: 0;
	background-color: #e6e6fa;
	color: #e6e6fa;
	}

hr.act {
	width: 100%;
	height: 1px;
	border: 0;
	border-top: 1px dashed #9999CC;
	background-color: #ffffff;
	}

/* -------------------------- Ajout marge -------------------------- */

#contenumarge {
	float: right;
	width: auto;
	margin-left: 15px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 15px;
	text-align: center;
	}
#titrepart {
	width: 100%;
	background-color: #0099FF;
	text-align: center;
	}
#titrepart span {
	background-color: #0099FF;
	text-align: center;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	font-family: "Courier New", Courier, Monaco;
	}
#titreweek {
	width: 100%;
	background-color: #006600;
	text-align: center;
	}
#titreweek span {
	background-color: #006600;
	text-align: center;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	font-family: "Courier New", Courier, Monaco;
	}
#titreNouv, #titreNouv2, #titrePlus, #titreAdmin {
	width: 100%;
	background-color: #7b68ee;
	text-align: center;
	}
#titreFlux, #titrelesFlux {
	width: 100%;
	background-color: #3366CC;
	text-align: center;
	}
#titreNouv span, #titrePlus span, #titreNouv2 span, #titreFlux span, #titrelesFlux span, #titreAdmin span {
	background-color: #7b68ee;
	text-align: center;
	color: #ffffff;
	font-size: 14px;
	font-weight: bold;
	font-family: "Courier New", Courier, Monaco;
	}
#titreFlux span, #titrelesFlux span {
	background-color: #3366CC;
	text-align: center;
	color: #ffffff;
	font-size: 14px;
	font-weight: bold;
	font-family: "Courier New", Courier, Monaco;
	}
#titreNews {
	width: 100%;
	background-color: green;
	text-align: center;
	}
#titreNews span {
	background-color: green;
	text-align: center;
	color: #ffffff;
	font-size: 14px;
	font-weight: bold;
	font-family: "Courier New", Courier, Monaco;
	}
#titrePratic {
	width: 100%;
	background-color: #FF7F50;
	text-align: center;
	}
#titrePratic span {
	background-color: #FF7F50;
	text-align: center;
	color: #ffffff;
	font-size: 14px;
	font-weight: bold;
	font-family: "Courier New", Courier, Monaco;
	}
#lapub {
	width: 100%;
	background-color: #e6e6fa;
	text-align: center;
	margin-bottom: 10px;
	}
#lapub span {
	background-color: #e6e6fa;
	text-align: center;
	color: #4682B4;
	font-size: 12px;
	font-family: "Courier New", Courier, Monaco;
	}
#partenaires, #infoliens, #nouveau, #plus, #lienspub, #lienpratic, #leflux, #lesflux, #admin, #weeklink {
	width: auto;
	clear:inerit;
	margin: 0px 0px 10px 0px;
	}
#theflux p {
	margin: 0 10% 0 10%;
	border-collapse: collapse; border: 1px solid #e6e6fa;
	display:block;
	}
#lienspubSearch {
	color: #4B0082;
	margin: 0px 0px 0px 0px;
	}
#partenaires p, #infoliens p, #nouveau p, #plus p, #lienpratic p, #leflux p, #lesflux p, #admin p, #weeklink p {
	border-collapse: collapse; border: 1px solid #e6e6fa;
	margin: 1px 0px 1px 0px;
	display:block;
	}
#partenaires ul, #infoliens ul, #nouveau ul, #plus ul, #lienpratic ul, #leflux ul, #lesflux ul, #theflux ul, #admin ul, #weeklink ul {
	border-top: 1px solid #98A0A0;
	border-bottom: 1px solid #C3C8CB;
	margin: 0px 0px 0px 0px;
	padding: 0 0 0 0;
	list-style: none;
	}
#tune, #tactualite, #tinfoconso, #tenpromo, #tspeciale, #liencom, div.liensAdr, #lienpict, #lesflux, #lienpratic, #infoliens, #tflux {
	position: relative;
	margin: 10px 0px 0px 0px;
	}
#tune ul, #tactualite ul, #tinfoconso ul, #tenpromo ul, #tspeciale ul, #tflux ul {
	border-top: 1px solid #98A0A0;
	border-bottom: 1px solid #C3C8CB;
	margin: 0px 0px 0px 0px;
	padding: 0 0 0 0;
	list-style: none;
	}
#liencom ul, div.liensAdr ul, #lienpict ul {
	border-top: 1px solid #98A0A0;
	border-bottom: 1px solid #C3C8CB;
	margin: 1px 0px 1px 0px;
	padding: 0 0 0 0;
	list-style: none;
	text-shadow: #FFFFFF 2px 2px 1px;
	}
#lienpict ul {
	width: 100%;
	}
#leflux li, #lesflux li, #theflux li, #admin li {
	border-top: 1px solid #C3C8CB;
	background-color: #F4F4F4;
	margin: 3px 0px 3px 0px;
	list-style-type: none;
	font-size:0.9em;
	}
#partenaires li, #infoliens li, #nouveau li, #plus li, #lienpratic li, #weeklink li {
	border-top: 1px solid #C3C8CB;
	background-color: #F4F4F4;
	margin: 3px 0px 3px 0px;
	list-style-type: none;
	font-size:14px;
	}
#tune li, #tactualite li, #tinfoconso li, #tenpromo li, #tspeciale li, #tflux li {
	border-top: 1px solid #C3C8CB;
	background-color: #F4F4F4;
	margin: 0px 0px 0px 0px;
	list-style-type: none;
	font-size:12px;
	}
#liencom li, div.liensAdr li, #lienpict li {
	border-top: 1px solid #C3C8CB;
	background-color: #F4F4F4;
	margin: 0px 0px 0px 0px;
	padding: 0 0.10em 0 0.10em;
	list-style-type:none;
	font-size:0.8em;
	text-shadow: #FFFFFF 2px 2px 1px;
	}
#lienspub p {
	border-collapse: collapse; border: 1px solid #e6e6fa;
	margin: 1px 0px 1px 0px;
	display:block;
	}
#lienspubSearch p {
	border-collapse: collapse; border: 1px solid #e6e6fa;
	font-size: 12px; font-family: 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif;
	padding: 2px;
	margin: 0px;
	display:block;
	}
#splus {
	border-collapse: collapse;
	border-left: 1px solid #e6e6fa;
	border-right: 1px solid #e6e6fa;
	border-bottom: 1px solid #e6e6fa;
	font-size: 12px; font-family: 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif;
	padding: 2px;
	margin: 0px;
	display:block;
	}
#searchplus {
	border: 1px solid #C3C8CB;
	background: #F4F4F4 url(../img/Onglets.gif) repeat-x top left; /*#F4F4F4*/
	border-top-left-radius: 0.5em;
	border-top-right-radius: 0.5em;
	-webkit-border-top-left-radius: 0.5em;
	-webkit-border-top-right-radius: 0.5em;
	-khtml-border-top-left-radius: 0.5em;
	-khtml-border-top-right-radius: 0.5em;
	}
#searchplus a {
	text-decoration: none;
	color: #708090;
	font-size:10px;
	text-shadow: #FFFFFF 2px 2px 1px;
	}
span.numlinks {
	text-align: right;
	}
p.numlinks {
	text-align: right;
	margin: 0 0 0 0.10em;
	padding: 0;
	}
div.numlinks  { 
	color: #dc143c;
	font-weight: bold;
	font-size: 9px;
	font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	margin:-5px 5px 0px 0px;
	padding:0;
	text-align:right;
	}
div.keyflux {
	clear: left;
	border-top:1px solid #e4e4e4;
	border-right:1px solid #C3C8CB;
	border-left:1px solid #e4e4e4;
	border-bottom:1px solid #C3C8CB;
	border-bottom-right-radius: 0.7em;
	-webkit-border-bottom-right-radius: 0.7em;
	-khtml-border-bottom-right-radius: 0.7em;
	margin:0px;
	padding:0.5em;
	background: transparent url(img/keyword.gif) repeat-x top left;
	text-align: left;
	}
#partenaires p em, #infoliens p em, #nouveau p em, #plus p em, #lienpratic p em, #leflux p em, #lesflux p em, #admin p em, #weeklink p em {
	display:none;
	}
#partenaires p a, #infoliens p a, #nouveau p a, #plus p a, #lienpratic p a, #leflux p a, #admin p a, #weeklink p a {
	background-color: #F4F4F4;
	padding: 0.30em 0.10em 0.30em 0.10em;
	text-decoration: none;
	text-align: left;
	display: block
	}
#partenaires li a, #infoliens li a, #nouveau li a, #plus li a, #lienpratic li a, #weeklink li a {
	padding: 5px 0 5px 0.05em;
	border-top: 1px solid #F4F4F4;
	background: transparent;
	text-decoration: none;
	text-align: left;
	font-size:75%;
	display: block;
	}
#leflux li a, #lesflux li a, #admin li a {
	padding: 5px 0 5px 0.05em;
	border-top: 1px solid #F4F4F4;
	background: transparent;
	text-decoration: none;
	text-align: left;
	font-size:0.9em;
	display: block;
	}
#theflux li a {
	padding: 0.20em 0.10em 0.20em 0.10em;
	border-top: 1px solid #F4F4F4;
	background: transparent;
	text-decoration: none;
	text-align: center;
	display: block;
	font-size:13px;
	}
#tune li a, #tactualite li a, #tinfoconso li a, #tenpromo li a, #tspeciale li a, #tflux li a {
	padding: 0.20em 0.20em 0.20em 0.20em;
	border-top: 1px solid #F4F4F4;
	background: transparent;
	text-decoration: none;
	text-align: left;
	font-size:120%;
	display: block;
	text-shadow: #FFFFFF -2px -2px 2px;
	}
#tune li a:hover, #tactualite li a:hover, #tinfoconso li a:hover, #tenpromo li a:hover, #tspeciale li a:hover, #tflux li a:hover {font-size: 120%;}
#tune li a:hover {
	background: #6666CC url(img/FTitleRightUne.gif) repeat-x top left;
	color: #FFFFFF;
	text-shadow: #483D8B -1px -1px 1px;
	}
#tactualite li a:hover {
	background: #00008B url(img/FTitleRightActu.gif) repeat-x top left;
	color: #FFFFFF;
	text-shadow: #000033 -1px -1px 1px;
	}
#tinfoconso li a:hover {
	background: #9932CC url(img/FTitleRightConso.gif) repeat-x top left;
	color: #FFFFFF;
	text-shadow: #330066 -1px -1px 1px;
	}
#tenpromo li a:hover {
	background: #DC143C url(img/FTitleRightPromo.gif) repeat-x top left;
	color: #FFFFFF;
	text-shadow: #990000 -1px -1px 1px;
	}
#tspeciale li a:hover {
	background: #3366CC url(img/FTitleRight.png) repeat-x top left;
	color: #FFFFFF;
	text-shadow: #003399 -1px -1px 1px;
	}
#tflux li a:hover {
	background: #6666CC url(img/FTitleRightUne.gif) repeat-x top left;
	color: #FFFFFF;
	text-shadow: #483D8B -1px -1px 1px;
	}
@media only screen and (max-width: 1200px){
#tune li a, #tactualite li a, #tinfoconso li a, #tenpromo li a, #tspeciale li a, #tflux li a {font-size: 110%;}
#tune li a:hover, #tactualite li a:hover, #tinfoconso li a:hover, #tenpromo li a:hover, #tspeciale li a:hover, #tflux li a:hover {font-size: 110%;}
}
@media only screen and (max-width: 1000px){
#tune li a, #tactualite li a, #tinfoconso li a, #tenpromo li a, #tspeciale li a, #tflux li a {font-size: 98%;}
#tune li a:hover, #tactualite li a:hover, #tinfoconso li a:hover, #tenpromo li a:hover, #tspeciale li a:hover, #tflux li a:hover {font-size: 98%;}
}

#liencom li a, div.liensAdr li a, #lienpict li a {
	padding: 0.20em 0.10em 0.20em 0.10em;
	border-top: 1px solid #F4F4F4;
	background:transparent;
	text-decoration:none;
	text-align:center;
	list-style-type:none;
	display:block
	}
#liencom li a:hover {
	background-color: #e6e6fa;
	color: #00008B;
	}
div.liensAdr li a:hover {
	background-color: #e6e6fa;
	color: #00008B;
	}
#lienpict li a:hover {
	background-color: #e6e6fa;
	color: #00008B;
	}
#lienspub p a {
	background-color: #F4F4F4;
	padding: 0.30em 0.10em 0.30em 0.10em;
	text-decoration: none;
	text-align: left;
	display: block
	}
#lienspubSearch p a {
	background-color: #e6e6fa;
	padding: 0.30em 0.30em 0.30em 0.30em;
	text-decoration: none;
	text-align: left;
	color: #333399;
	display: block
	}
#titreliencom {
	width: 100%;
	background-color: #00008B;
	text-align: center;
	}
#titreliencom span {
	background-color: #00008B;
	text-align: center;
	color: #ffffff;
	font-size: 12px;
	font-weight: bold;
	font-family: "Courier New", Courier, Monaco;
	}
#titrelienflux {
	width: 100%;
	background-color: #003399;
	text-align: center;
	}
#titrelienflux span {
	background-color: #003399;
	text-align: center;
	color: #ffffff;
	font-size: 12px;
	font-weight: bold;
	font-family: "Courier New", Courier, Monaco;
	}
div.titreliensAdr {
	width: 100%;
	background-color: #FF7F50;
	text-align: center;
	}
div.titreliensAdr span {
	background-color: #FF7F50;
	text-align: center;
	color: #ffffff;
	font-size: 12px;
	font-weight: bold;
	font-family: "Courier New", Courier, Monaco;
	}
#titrelienpict {
	width: 100%;
	background-color: #6A5ACD;
	text-align: center;
	}
#titrelienpict span {
	background-color: #6A5ACD;
	text-align: center;
	color: #ffffff;
	font-size: 12px;
	font-weight: bold;
	font-family: "Courier New", Courier, Monaco;
	}
#titreune {
	width: 100%;
	background-color: #6A5ACD;
	text-align: center;
	}
#titreune span {
	background-color: #6A5ACD;
	text-align: center;
	color: #ffffff;
	font-size: 14px;
	font-weight: bold;
	font-family: "Courier New", Courier, Monaco;
	}
#titreactualite {
	width: 100%;
	background-color: #00008B;
	text-align: center;
	}
#titreactualite span {
	background-color: #00008B;
	text-align: center;
	color: #ffffff;
	font-size: 14px;
	font-weight: bold;
	font-family: "Courier New", Courier, Monaco;
	}
#titreinfoconso {
	width: 100%;
	background-color: #9932CC;
	text-align: center;
	}
#titreinfoconso span {
	background-color: #9932CC;
	text-align: center;
	color: #ffffff;
	font-size: 14px;
	font-weight: bold;
	font-family: "Courier New", Courier, Monaco;
	}
#titreenpromo {
	width: 100%;
	background-color: #DC143C;
	text-align: center;
	}
#titreenpromo span {
	background-color: #DC143C;
	text-align: center;
	color: #ffffff;
	font-size: 14px;
	font-weight: bold;
	font-family: "Courier New", Courier, Monaco;
	}
#titrespeciale {
	width: 100%;
	background-color: #CC3300;
	text-align: center;
	}
#titrespeciale span {
	background-color: #CC3300;
	text-align: center;
	color: #ffffff;
	font-size: 14px;
	font-weight: bold;
	font-family: "Courier New", Courier, Monaco;
	}
#titreflux {
	width: 100%;
	background-color: #6A5ACD;
	text-align: center;
	}
#titreflux span {
	background-color: #6A5ACD;
	text-align: center;
	color: #ffffff;
	font-size: 14px;
	font-weight: bold;
	font-family: "Courier New", Courier, Monaco;
	}
#buttomflux {
	background: #FFFFFF url(img/buttonflux.gif) no-repeat top left;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	text-align:left;
	height:18px;
	border-bottom: 1px solid #3366CC;
	}
#buttomflux a {
	padding: 0.1em 0 0 1.5em;
	display: block;
	text-decoration: none;
	color: #FFFFFF;
	font-weight: bold;
	font-size:95%;
	height:18px;
	text-shadow: #003399 -1px -1px 1px;
	}
#buttomflux a:hover {
	color: #FFFFFF;
	font-weight: bold;
	font-size:95%;
	}
#leflux p a:hover, #lesflux p a:hover, #theflux p a:hover, #admin p a:hover { 
	color: #333399;
	background-color: #e6e6fa;
	font-size:0.9em;
	}
#partenaires p a:hover, #infoliens p a:hover, #nouveau p a:hover, #plus p a:hover, #lienspub p a:hover, #lienpratic p a:hover, #weeklink p a:hover { 
	color: #333399;
	background-color: #e6e6fa;
	font-size:100%;
	}
#leflux li a:hover, #lesflux li a:hover, #theflux li a:hover, #admin li a:hover { 
	border-top: 1px solid #3366CC;
	background: #3366CC url(img/FTitleRight.png) repeat-x top left;
	color: #FFFFFF;
	font-size:0.9em;
	text-shadow: #4169E1 -1px -1px 1px;
	}
#partenaires li a:hover, #infoliens li a:hover, #nouveau li a:hover, #plus li a:hover, #lienspub li a:hover, #lienpratic li a:hover, #weeklink li a:hover { 
	color: #333399;
	background-color: #e6e6fa;
	font-size:75%;
	}
#theflux p a:hover { 
	color: #333399;
	background-color: #e6e6fa;
	font-size:13px;
	}
#theflux li a:hover { 
	background: #3366CC url(img/FTitleRight.png) repeat-x top left;
	color: #FFFFFF;
	font-size:13px;
	}
#lienspubSearch p a:hover { 
	color: #FFFFFF;
	background-color: #9370DB;
	}
#lienspubSearch li a:hover { 
	color: #FFFFFF;
	background-color: #9370DB;
	}
#objetmarge fieldset {
	margin-left: 0px;
	margin-top: 5px;
	margin-bottom: 5px;
	border-collapse: collapse; border: 1px solid #e6e6fa;
	text-align: center;
	}
#objetmarge em {
	display:none;
	}
#objetmarge p {
	text-align: left;
	color: #708090;
	font-weight: bold;
	font-size: 11px;
	font-family: "Courier New", Courier, Monaco
	}
#contenupage {
	padding: 2em 4em 2em 3.25em;
	width: auto;
	margin-right: 200px;
	margin-top: 15px;
	margin-bottom: 15px;
	border: 1px solid #e6e6fa;
	text-align: justify;
	}
#encadre fieldset {
	background-color: #F8F8FF;
	border:3px double #e6e6fa;
	padding: 2em 4em 2em 3.25em;
	}
#encadre fieldset legend {
	font-family: "Courier New", Courier, Monaco;
	font-weight: bold;
	font-size: 1.1em;
	}
#recherche {
	clear: left;
	width: auto;
	margin-right: 200px;
	margin-top: 15px;
	margin-bottom: 15px;
	}
#recherche fieldset {
	padding: 0.01em 0em 0.50em 0.80em;
	border-collapse: collapse; border: 1px solid #e6e6fa;
	height: 3.5em;
	}
#recherche label {
	display:none;	
	}
#opsearch {
	float: left;
	width: 30px;
	height: 30px;
	padding: 0.50em 0.10em 0.50em 0.10em;
	}
abbr.help {
	cursor: help;
	}
.whiteButton, .grayButton {
    display: block;
    border-width: 0 12px;
    padding: 10px;
    text-align: center;
    font-weight: bold;
    text-decoration: inherit;
    color: inherit;
}
a.whiteButton, a.whiteButton:hover {
	text-decoration: none;
	color: inherit;
    font-size: 15px;
	font-weight: bold;
	}
.whiteButton {
	border-image: url(css/iui/whiteButton.png) 0 12 0 12;
    -webkit-border-image: url(css/iui/whiteButton.png) 0 12 0 12;
    -moz-border-image: url(css/iui/whiteButton.png) 0 12 0 12;
    text-shadow: rgba(255, 255, 255, 0.7) 0 1px 0;
}
.grayButton {
	border-image: url(css/iui/grayButton.png) 0 12 0 12;
    -webkit-border-image: url(css/iui/grayButton.png) 0 12 0 12;
    -moz-border-image: url(css/iui/grayButton.png) 0 12 0 12;
    color: #FFFFFF;
}
.whiteButton[selected], .whiteButton:active{
	background: none !important;
	color: #ffffff;
	text-shadow: #333 0px 1px 1px;
	border-image: url(css/iui/blueButton2.png) 0 14 0 14 !important;
	-webkit-border-image: url(css/iui/blueButton2.png) 0 14 0 14 !important;
    -moz-border-image: url(css/iui/blueButton2.png) 0 14 0 14 !important;
}
.maction {
	text-align: center;
	margin: 20px 0 0 0;
	}
.UBlue, {
    display: block;
    text-align: center;
    font-weight: bold;
    text-decoration: inherit;
    color: rgba(60, 60, 90, 0.9);
}
a.UBlue, a.UBlue:hover {
	text-decoration: none;
	color: rgba(60, 60, 90, 0.9);
    font-size: 0.9em;
	font-weight: bold;
	}
a.UBlue:active {
	text-decoration: none;
	color: rgba(255, 255, 255, 0.9);
    font-size: 0.9em;
	font-weight: bold;
	}
.UBlue {
	border-width: 10px 6px 10px 6px;
    -webkit-border-image: url(css/iui/UGris.png) 10 13 10 15;
    -moz-border-image: url(css/iui/UGris.png) 10 13 10 15;
    border-image: url(css/iui/UGris.png) 10 13 10 15;
    text-shadow: rgba(255, 255, 255, 0.7) 0 1px 0;
}
.UBlue:hover{
	background: none !important;
	-webkit-border-image: url(css/iui/UGrisD.png) 10 13 10 15 !important;
    -moz-border-image: url(css/iui/UGrisD.png) 10 13 10 15 !important;
    border-image: url(css/iui/UGrisD.png) 10 13 10 15 !important;
    text-shadow: rgba(255, 255, 255, 0.7) 0 1px 0;
}
.UBlue:active{
	background: none !important;
	-webkit-border-image: url(css/iui/UGrisD.png) 10 13 10 15 !important;
    -moz-border-image: url(css/iui/UGrisD.png) 10 13 10 15 !important;
    border-image: url(css/iui/UGrisD.png) 10 13 10 15 !important;
    text-shadow: rgba(255, 255, 255, 0.7) 0 1px 0;
}

/* text-shadow: #333 0px 1px 1px; */
/* text-shadow: rgba(0, 10, 40, 0.5) -1px -1px 0px; */

#preloader {
    display: none;
    background-image: url(css/iui/UBleu.png), url(css/iui/UGrisD.png), url(css/iui/UGris.png),
        url(css/iui/blueButton2.png), url(css/iui/grayButton.png), url(css/iui/whiteButton.png);
}
/* -------------------------- Ajout marge fin -------------------------- */

div.hooha {
  position:relative;
  color:#ccc;
  padding:0 5px 5px 5px;
  margin-top:5px;
  border:1px dashed #e6e6fa;
  }
#LMR div.hooha {
  margin-top:16px;
  }
.hooha h4 {
  margin:0;
  position:absolute;
  top:-8px;
  padding:0 4px 0 0;
  font-size:75% !important;
  color:#999;
  white-space:nowrap;
  border-width:0;
  }
.hooha h4 img {
  position:relative;
  top:1px;
  }
.hooha dl {
  padding-top:.3em;
  }
#LMR .hooha dl {
  padding-top:1em;
  }
#colL .hooha dd {
  margin-left:0px;
  }  
/* mon compte standard layout */

	body {
		color:#000000;
		background-color:#ffffff;
		}

	body,p,td,th,input.submit {
		font-family:verdana,sans-serif;
		font-size:10pt;
		}

	input.numeric {
		text-align:right;
		}

	/* special table colors */

	tr.line1 {
		color:#000000;
		background-color:#ffffff;
		}

	tr.line2 {
		color:#000000;
		background-color:#eeeeee;
		}

	th, .blue {
		color:#000000;
		background-color:#9eb3c7;
		}

	.s {
		color:#000000;
		background-color:#d5d2bb;
		}

	.w {
		color:#000000;
		background-color:#ffffff;
		}

	.privInactive {
		color:#000000;
		background-color:#dddddd;
		}
	.privActiveHeader {
		color:#000000;
		background-color:#ffaaaa;
		}
	.privActiveBody {
		color:#000000;
		background-color:#ffffff;
		}

	/* form elements */

	input,textarea {
		font-family:monospace;
		font-size:10pt;
		}

	input.submit {
		color:#000000;
		background-color:#ffffff;
		font-weight:bold;
		}
#footer { text-align:center; clear:both; }
		
/* s inscrire page info rss */
		
.feedinfo-action-box
{
  width:            120px;
  background-color: #f0f0f0;
  border:	    1px solid black;
}

.feedinfo-action-title
{
  text-align:   center;
  font-size:	80%;
  font-weight:  bold;
  background-color: #f8f8f8;
  border-bottom: 1px dashed black;
  margin-bottom: 8px;
}

.feedinfo-action-item
{
  font-size:	 75%;
  text-align:    center;
  margin-bottom: 4px;
}

.feedinfo-action-temp-spacer
{
  height: 40px;
}

.action-text
{
  font-family:      arial, sans-serif;
  font-size:        x-small;
  background-color: white;
  border:           1px solid blue;
  margin-left:      5px;
  margin-right:     5px;
  padding-bottom:   0px;
  padding-top:      0px;
}

.action-text-over
{
  font-family:      arial, sans-serif;
  font-size:        x-small;
  background-color: orange;
  border:           1px solid blue;
  margin-left:      5px;
  margin-right:     5px;
  padding-bottom:   0px;
  padding-top:      0px;
}

.action-text a:link
{
  text-decoration: none;
}

.action-text a:visited
{
  text-decoration: none;
}

div.nicetitle
{
    position: absolute;
	text-shadow: #999 3px 3px 3px;
 	padding: 4px;
	min-width: 200px;
    top: 0px;
    left: 0px;
    color: #333366;
    font-size: 1em;
    font-family: Verdana, sans-serif;
    background-image: url("img/title.png");
	background-repeat: repeat;
    
    /* Mozilla proprietary */
    border-radius: 6px;
}

div.nicetitle p
{
	margin: 0;
	padding: 0 3px;
}

div.nicetitle p.destination
{
	text-shadow: #999 2px 2px 2px;
	font-size: 11px;
	font-weight: normal;
	text-align: left;
	padding-top: 3px;
	font-family: Verdana, sans-serif;
	color: #fff;
}

#fondtext, #bloctext1 {
	width:100%;
	}
#bloctext1 {
	background-color: #F5F5F5;
	width:100%;
	}
#titre1, #titre2 {
	color: #003399;
	}
#paragraphe2 {
	text-align:left;
	padding:10px;
	}
#ancres {
	padding:10px;
	margin:10px;
	background-color: #333333;
	}
a.menuB {
	font-size: 7pt;
	color: #ffffff;
	}
table.tplus tr.trl {
	background-color: #F5F5F5;
	color: #ffffff;
	}
table.tplus tr.trl i {
	font-size: 9pt;
	color: #4B0082;
	}
table.tplus th {
	color: #FFFFFF;
	background-color: #333333;
	font-weight: bold;
	font-size: 9pt;
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	padding: 2px;
	}
table.tplus td {
	text-align:left;
	color: #003399;
	font-weight: bold;
	font-size: 12pt;
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	padding: 2px;
	}
table.tplus td t {
	text-align:left;
	color: #FF6600;
	font-weight: bold;
	font-size: 12pt;
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	padding: 2px;
	}
table.tplus td.fgam {
	background-color: #FF6600;
	text-align:center;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 12pt;
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	padding: 2px;
	}
table.tplus td.gam {
	background-color: #6A5ACD;
	text-align:center;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 12pt;
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	padding: 2px;
	}
table.tplus td.cl {
	text-align:right;
	color: #483D8B;
	font-weight: bold;
	font-size: 12pt;
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	padding: 2px;
	}
table.tplus td.tlc {
	text-align:center;
	background-color: #696969;
	color: #FFFFFF;
	}
table.tplus td.breck {
	height:20px;
	background-color: #ffffff;
	color: #FFFFFF;
	}