/*******************************************************************************/
/* GENERAL */
/*******************************************************************************/

* {
	margin : 0;
	padding : 0;
}

html, body {
	height: 100%;
}

body {
	font-family : Arial, Helvetica, Geneva, Verdana, "Bitstream Vera Sans", sans-serif;
	font-size : 12px;
	color : #000;
	background : #FFFFFF;
}

.newline {
	display : block;
	clear : both;
	line-height : 1px;
	font-size:1px;
}

.left { float : left; }
.right { float : right; }
a img { border : none; }
a { text-decoration : none; }

hr {
	height:1px;
	background: #008FBB;
	border:0;
	color: #008FBB;
}

hr .pointilles 
	background: url(img/dot_pointille.gif) repeat-x 0 0;
}

.size18 { font-size:18px; }
.size16 { font-size:16px; }
.size14 { font-size:14px; }

#container {
	background : url(img/bg_global.gif) repeat-y top center;
	margin : 0 auto;
	width : 970px; 
	position: relative;
    min-height: 100%;
}

/*******************************************************************************/
/* TOP */
/*******************************************************************************/

#top {
	background : url(img/bg_ciel.jpg) no-repeat 25px 0;
	height : 238px;
	padding : 0 20px 0 25px; 
}

#top img {
	line-height : 1px;
	font-size : 1px;
}

.infoTop {
	float : left;
	padding : 15px 0 0 10px;
	font-weight : 700;
	height:20px;
}

.txtPrune { color : #7B013E; }
.txtLavande { color : #008FBB; }

.langue {
	float : right;
	padding: 6px 10px 0 0;
}

.langue a {
	color : #7B013E;
	font-weight : 700;
}

.langue a:hover {
	color : #008FBB;
}

.banner {
	float : left;
	padding : 0 0 0 10px;
	width : 728px;
	height: 90px;
	margin: 0 auto;
	text-align : center;
	font-size:1px;
	line-height:1px;
}

.univers {
	color : #fff;
	font-weight : 700;
	text-transform : uppercase;
	font-size : 17px;
	float : left;
	padding-left : 5px;
	padding-top:12px;
}

.univers div {
	float : left;
	width : 200px;
	text-align : center;
	padding-top : 5px;
	height : 43px;
}

.univers a { color: #FFF; font-size : 12px; }

.paris { background : url(img/bg_lien_lavande.gif) no-repeat 0 0; }
.marseille { background : url(img/bg_lien_bleu.gif) no-repeat 0 0; }
.online { background : url(img/bg_lien_prune.gif) no-repeat 0 0; }

.paris a:hover { color : #cfb2d6; }
.marseille a:hover { color : #00bfda; }
.online a:hover { color : #b1047e; }



/*******************************************************************************/
/* BARRE HORIZONTALE */
/*******************************************************************************/

#barreHorizontale {
	background : url(img/bg_menu_hztal.gif) no-repeat 0 0;
	clear : both;
	padding-bottom : 20px;
}

.boutonclubexpo {
	float:right;
	padding: 1px 10px 0 0;
}

/*******************************************************************************/
/* MENU */
/*******************************************************************************/

#menu {
	float : left;
	padding : 2px 0 0 30px;
}

#menu li {
	list-style : none;
	display : inline;
	background : url(img/rond_bleu.gif) no-repeat 0 0;
	padding : 0 30px 3px 30px;
	font-weight : 700;
	font-size : 16px;
	color : #FFF;
	line-height : 25px;
}

#menu a {
	color : #FFF;
	font-weight : 700;
}

#menu a:hover, #menu .sel {
	color : #3399cc;
}

/*******************************************************************************/
/* LOGIN */
/*******************************************************************************/

#bloc-login {
	float : right;
	padding: 5px 20px 0 0;
}

#bloc-login .titre {
	color: #FFF;
	font-weight : 700;
	font-size : 11px;
}

#bloc-login input.acces {
	background : url(img/bg_input_login.gif) repeat-x 0 0;
	border : 0;
	font-family : arial;
	font-size : 11px;
	color : #7b013e;
	width : 100px;
	height : 16px;
	padding : 1px 5px 0 5px;
}

#bloc-login input.acces-ok {
	background : 0;
	border : 0;
	font-family : arial;
	font-size : 11px;
	color : #FFF;
	font-weight : 700;
}

/*******************************************************************************/
/* MAIN */
/*******************************************************************************/

#main {
	padding-left : 30px;
	padding-bottom : 20px;
	float : left;
	width: 790px;
}

/*******************************************************************************/
/* SKY */
/*******************************************************************************/

#skyscraper {
	float : right;
	padding-right : 20px;
}

/*******************************************************************************/
/* SIDEBAR */
/*******************************************************************************/

#sidebar {
	float : left;
	width : 190px;
}

/*******************************************************************************/
/* Bloc raccourcis : home - sidebar */
/*******************************************************************************/

#racc-gauche span {
	color : #fff;
	font-weight : 700;
	font-size : 11px;
	background : url(img/bg_item_gauche.gif) no-repeat 0 0;
	padding : 3px 0;
	display : block;
}

#racc-gauche .first {
	background : url(img/bg_item_gauche_first.gif) no-repeat 0 0;
	padding-top : 5px;
}

#racc-gauche .last {
	background : url(img/bg_item_gauche_last.gif) no-repeat 0 0;
	height : 40px;
}

#racc-gauche a {
	background : url(img/puce_menu.gif) no-repeat 0 2px;
	color : #fff;
	padding-left : 18px;
	padding-right : 10px;
	margin-left : 20px;
}

#racc-gauche a:hover {
	color : #7B013E;
}

/*******************************************************************************/
/* Galerie Photo : home - sidebar */
/*******************************************************************************/

#bloc-photo h2 {
	background : url(img/bg_entete_galerie_photo.gif) no-repeat 0 0;
	padding : 5px 15px 5px 20px;
	font-weight : 700;
	color : #FFF;
	font-size : 13px;
}

#bloc-photo .photo {
	width : 180px;
	margin : 0 5px;
	border-top: #7b013e 1px solid;
	border-bottom: #7b013e 1px solid;
}

#bloc-photo .lien {
	font-size : 11px;
	background : url(img/bg_lien_galerie_photo.gif) no-repeat bottom;
	padding : 3px 15px 30px 15px;
}

#bloc-photo .lien a {
	background : url(img/fleche_bleue_small.gif) no-repeat 0 3px;
	color : #7b013e;
	font-weight : 700;
	padding-left : 10px;
}

#bloc-photo .lien a:hover {
	color : #008fbb;
}

/*******************************************************************************/
/* MENU-GAUCHE */
/*******************************************************************************/

#menu-gauche h2 {
	background : url(img/bg_entete_galerie_photo.gif) no-repeat 0 0;
	padding : 5px 15px 5px 20px;
	font-weight : 700;
	color : #FFF;
	font-size : 13px;
}

/* NIV 2 */

#menu-gauche #niv2 span {
	color : #fff;
	font-weight : 700;
	font-size : 11px;
	background : url(img/bg_item_gauche.gif) no-repeat 0 0;
	padding : 3px 0;
	display : block;
}

#menu-gauche #niv2 a {
	background : url(img/puce_menu.gif) no-repeat 0 2px;
	color : #fff;
	padding-left : 18px;
	padding-right : 10px;
	margin-left : 20px;
}

#menu-gauche #niv2 a:hover {
	color : #7B013E;
}

#menu-gauche #niv2 .sel a {
	color : #7B013E;
}

#menu-gauche #niv2 .last {
	background : url(img/bg_item_gauche_last.gif) no-repeat 0 0;
	height : 40px;
}

/* NIV 3 */

#menu-gauche #niv3 span {
	font-weight : 400;
	background : url(img/bg_mauve.gif) repeat-y 0 0;
	padding : 2px 5px 2px 38px;
	width: 147px;
}

#menu-gauche #niv3 a {
	background : 0;
	background : none;
	padding : 0;
	margin : 0;
}

#menu-gauche #niv3 .sel {
}

#menu-gauche #niv3 .sel a {
	color: #996699;
}

/*******************************************************************************/
/* Accroche-Home */
/*******************************************************************************/

#accroche-home {	
	padding: 0 5px 0 10px;
}

#accroche-home .titre {
	background : url(img/puce_bleue_big.gif) no-repeat 0 0;
	font-weight : 700;
	color : #7b013e;
	padding-left : 35px;
	padding-bottom : 10px;
}

#accroche-home p {
	padding-bottom : 5px;
}

/*******************************************************************************/
/* Bloc-center */
/*******************************************************************************/

#bloc-center.home {
	font-size:14px;
}

#bloc-center {
	margin-left : 5px;
	width : 595px;
	float : left;
}

#bloc-center .opener {
	background : url(img/top_bloc_center.gif) no-repeat 0 0;
	height : 15px;
	line-height : 1px;
	font-size : 1px;
}

#bloc-center .fond {
	background : #FFF url(img/bg_bloc_center.gif) repeat-y 0 0;
	padding: 0 20px;
/*	line-height:15px;*/ /* permet de corriger le bug sous ie6 qui efface le texte*/
}

#bloc-center .closer {
	background : url(img/bottom_bloc_center.gif) no-repeat 0 0;
	height : 35px;
	line-height : 1px;
	font-size : 1px;
}

#bloc-center h1 {
	background : url(img/puce_bleue_big_2.gif) no-repeat 0 0;
	font-weight : 700;
	font-size:20px;
	color : #7b013e;
	padding-left : 35px;
	padding-bottom : 10px;
	
}

#bloc-center h2 {
	color : #7b013e;
	font-weight : 700;
	font-size : 14px;
	border-bottom : 2px solid #7b013e;
	padding-bottom : 1px;
	margin-bottom : 10px;
}

#bloc-center h3 {
	color : #7b013e;
	font-weight : 700;
	font-size : 13px;
	margin-bottom : 10px;
}

#bloc-center a {
	color : #008FBB;
	font-weight : 700;
}

#bloc-center a:hover {
	text-decoration : underline;
}

#bloc-center p {
	padding-bottom : 10px;
}

/*table des matières*/

#tdm {
	margin : 0 0 30px 20px; 
}

#tdm li {
	list-style: none;
	background: url(img/fleche_prune_small.gif) no-repeat 0 3px;
	padding-left:12px;
}

#tdm a {
	font-weight : 700;
	margin-bottom: 5px;
	display:block;
}

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

/*Multi-Colonnage*/

#bloc-center div.w100 {
  clear : both;
  float : none;
}

#bloc-center div.w50 {
  float : left;
  display : inline; /* fix ie6 bug : http://positioniseverything.net/explorer/doubled-margin.html */
  clear : left;
  width : 267px;
}

#bloc-center div.w50-newline {
  float : left;
  display : inline;
  clear : right;
  width : 265px;
  margin-left : 20px;
}

#bloc-center div.w33-first {
  float : left;
  display : inline;
  width : 170px;
}

#bloc-center div.w33-2 {
  float : left;
  display : inline;
  width : 170px;
  margin-left : 20px;
}

#bloc-center div.w33-newline {
  float : left;
  display : inline;
  clear : right;
  width : 170px;
  margin-left : 20px;
}

/*Images*/

/*#bloc-center img {
	border: 1px solid #7c023f;
}*/

#bloc-center img.left {
	margin : 0 10px 0 0;
}

#bloc-center img.right {
	margin : 0 0 0 10px;
}

#bloc-center img.center{
	display : block;
	margin : 0 auto;
	text-align: center;
}

#bloc-center .pack-image {
	margin : 0;
	padding : 0;
}

#bloc-center .vide {
	height : 600px;
}

/*******************************************************************************/
/* Chemin de fer */
/*******************************************************************************/

#cdf { padding-bottom: 15px; font-size : 11px; font-weight : 700; color : #008fbb;}
#cdf img  { border:0; }
#cdf .sel { color: #7b013e; }


/*******************************************************************************/
/* Bloc-Actu */
/*******************************************************************************/

#bloc-actu {
	clear : both;
	font-size : 11px;
	width : 790px;
} 

#bloc-actu h2 {
	background : url(img/bg_titre_actu.gif) no-repeat 0 0;
	font-size : 14px;
	color : #FFF;
	text-transform : uppercase;
	padding-left : 50px;
	height : 41px;
	padding-top : 5px;
}

#bloc-actu .top {
	background : url(img/top_actu.gif) no-repeat 0 0;
}

#bloc-actu .contenu {
	background : url(img/bg_actu.gif) repeat-y 0 0;
	padding : 0 8px;
	height:150px;
}

#bloc-actu .bottom {
	background : url(img/bottom_actu.gif) no-repeat 0 0;
}

#bloc-actu h3 {
	font-size : 11px;
	color : #7b013e;
}

#bloc-actu a {
	color : #7b013e;
}

#bloc-actu a:hover {
	color: #008fbb;
}

#bloc-actu .lien-suite {
	text-align : right;
}

#bloc-actu .lien-suite a {
	font-weight : 700;
	background : url(img/fleche_prune_small.gif) no-repeat 0 3px;
	padding-left : 10px;
}



/*******************************************************************************/
/* Footer */
/*******************************************************************************/

#footer {
	clear: both;
	text-align : center;
	color: #7b013e; 
	font-size : 11px;
	background : #FFF;
	height: 40px;
	margin : 0 10px 0 25px;
	padding : 10px 10px 0 10px; 
}

#footer div { float : left; margin-top : 8px; }

#footer a { color: #7b013e; }

#footer a:hover { color: #008FBB; }

.logo-reed { float : left; margin : 3px 20px 0 0; }

.logo-fff { float: right; }

.logo-ojd { float : left; margin-right : 40px; }




/*******************************************************************************/
/*******************************************************************************/
/* Reprise CSS de Franchise2007new  */
/*******************************************************************************/



/*******************************************************************************/
/* LOGIN DANS LES PAGES */
/*******************************************************************************/

#login-page {
	width : 100%;
	text-align : center;
}

#login-page form {
	margin : 0 auto;
	width : 300px;
	text-align : left;
	background : white;
}

#login-page fieldset {
	border : none;
	padding : 10px 50px;
}

#login-page h3 {
	color :#760037;
	font-size :11px;
	font-weight : bold;
	padding : 5px 5px 5px 50px;
}

#login-page label {
	float : left;
	color : #760037;
	padding : 2px;
	width : 105px;
	text-align : left;
	visibility: hidden;
	display:none;
}

#login-page input.acces {
	font-size: 10px; 
	font-weight: 400;
	color: #760037;
	border : 1px solid #A3A3A3;
	margin : 1px 0;
	padding:2px 5px;
}

#login-page input.acces-ok {
	border : 1px solid #A3A3A3;
	padding : 0 5px;
	background : #FFF;
	font-size : 10px;
	color : #760037;
	font-weight : bold;
	margin : 2px;
}

#login-page br {
	clear : both;
}

/*******************************************************************************/
/* RECHERCHE */
/*******************************************************************************/

#recherche {
	border-top:#7B013E 1px solid;
	border-bottom: #7B013E 1px solid;
	text-align:left;
	padding:20px 40px;
}

.zonebouton {
	padding:20px;
	text-align:center;
}

.form-submit {
	font-family: Arial, Helvetica, Geneva, Verdana, "Bitstream Vera Sans", sans-serif;
	font-size: 12px;
	font-weight:700;
	color: #FFFFFF;
	background: url(img/bg_bouton_recherche.gif) no-repeat 0 0;
	width: 130px;
	border: 0 none;
	padding:4px 0 18px 0;
}

.boutons {
	padding-bottom:20px;
}

.resultat { float:left;}
.resultat span{ background: url(img/fleche_prune_small.gif) no-repeat 0 3px; font-weight:bold; padding-left:10px; color: #7B013E;}

.bouton_newsearch {float:right;}

.panier span, .imprimer span {margin-right:10px;}

.zoom_tableau {
	color: #7B003B;
	font-size:14px;
}

.tableau a {
	color: #7B013E !important;
}

.zoom_tableau td {padding:4px 0;}

.text-libelle2 { text-align:top; }


.zoom_titres {
	padding-left:10px;
	font-size:14px;
	font-weight:bold;
	color: #FFFFFF;
	text-transform:uppercase;
}
.entetezoom {
	background-color:#8685BB;
	padding-left:10px;
	font-size:14px;
	font-weight:bold;
	color: #FFFFFF;
}

.list_basket{visibility:hidden;display:none;}

.basketlist3{visibility:hidden;display:none;}

/*******************************************************************************/
/*FORM*/
/*******************************************************************************/

.form-mandatorysign {
	color: #FF0000;
}

.texte-justify {
	text-align:justify;
	font-size:10px;
	border-top:#008fbb 1px solid;
	padding-top:5px;
}

.texte-justify a {
	color: #FF0000;
}

.form-separator {
	color: #7B013E;
	font-size:14px;
	padding: 10px 0px 10px 0px;
	font-weight:bold;
	text-align:left;
}

.form-field {
	background: url(img/bg_input.gif) repeat-x 0 0 #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #bed7e1;
	margin: 5px 0;
	/*width: 150px;*/
}

input.form-field {
	padding: 2px 5px;
}

input.form-field:hover, input.form-field:focus, input.form-field:active, 
select.form-field:hover, select.form-field:focus, select.form-field:active {
	border : 1px solid #7b013e;
}

input.form-field-radio {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	border:0;
	padding: 2px;
	width:50px;
}

.form-field-selectAchatCat {
	font-family: Arial, Helvetica, Geneva, Verdana, "Bitstream Vera Sans", sans-serif;
	font-size: 12px;
	background: #fff;
	margin: 5px 0;
	width:200px;
	border:1px solid #7B013E;
	text-align:left;

}

.form-field-count {
	font-family: Arial, Helvetica, Geneva, Verdana, "Bitstream Vera Sans", sans-serif;
	font-size: 12px;
	background: #008fbb;
	padding: 1px 0;
	margin: 5px 0;
	width:30px;
	border:0;
}

.cata_titre {
	font-size:18px;
	font-weight:bold;
	color: #7B013E;
}

.libelle {
	font-family: Arial, Helvetica, Geneva, Verdana, "Bitstream Vera Sans", sans-serif;
	font-size: 12px;
	font-weight:bold;
	color:black;
	text-align:left;
}

.form-ctrl {
	font-size:10px;
	text-align:justify;
}



/*******************************************************************************/
/* WARNING */
/*******************************************************************************/

#bloc-warning {
	border: 1px solid #770038;
	margin : 0px 0px 15px 0px;
	padding-bottom:5px;
}

#bloc-warning h3 {
	padding:5px 0;
	background : #770038;
	text-align : center;
	color : #fff;
	text-align : center;
}

#bloc-warning ul {
	margin : 10px 0 10px 10px;
	list-style-type:none;
}

#bloc-warning li {
	padding : 5px 0;
}

/*******************************************************************************/
/*select dans la partie badge vip */
/*******************************************************************************/

.select-VIP {
	width:230px;
	background: #008fbb;
	font-family: Arial, Helvetica, sans-serif;
}

/*******************************************************************************/
/* lien liste nomenclature */
/*******************************************************************************/

#lien-nomenclature span{
	display:block;
	margin-left:10px;
	background: url(img/fleche_fdviolet.gif) no-repeat center left;
}

#lien-nomenclature a {
	color: #7b003b;
	font-weight: bold;
	text-decoration: none;
	margin-left:16px;	
}

#lien-nomenclature a:hover {
	color: #8584bb;
}

/*******************************************************************************/
/* PE */
/*******************************************************************************/

.titre_form_pe {
	font-size:18px;
	font-weight:bold;
	color: #620038;
}

/*******************************************************************************/

.Activite div {
	font-size:12px;
	font-weight:normal;
	padding:2px 0;
	margin:0;
}

.Activite div.coul1 {
	color:black;
}

.checkbox {
	width:20px;
	padding:0;
	margin:0;
}

.Activite a, .Activite a:visited, .Activite a:hover {
	font-size:12px;
	text-decoration:none;
	font-weight:bold;
	color:black;
}

/*******************************************************************************/

.zoom_newsexpo_entete {
	font-weight:bold;
	color:black;
	font-size:12px;
}

.zoom_newsexpo_field {
	padding-left:5px;
	text-align:left;
}

.zoom_newsexpo_libelle {
	padding:5px 0;
	font-size:15px;
	color:black;
	font-weight:bold;
	text-align:left;

}
/*******************************************************************************/
/* Conférence */
/*******************************************************************************/

.tab-conf-titre {
	margin-bottom : 15px;
}

.tab-conf {
	border : 1px solid #BED7E1;
	text-align:left;
}

.tab-conf td	{
	background: #F3F9FC;
}

.conf-jour {
	background : #a64676 url(img/bg_grad_prune.gif) repeat-x 0 0;
	border-bottom : 1px solid #7b013e;
	padding : 5px;
	color : #fff;
	font-weight : bold;
	text-align : center;
	font-size : 14px;
}

.conf-category {
	padding:5px;
	font-weight:bold;
	text-align:left;
}

.conf-horaire {
	padding:5px;
	font-weight:bold;
	text-align:left;
	color: #7B013E;
}

.conf-titre {
	padding:5px;
}

.list-conf-jour {
	color: #7B013E;
	padding:5px;
	text-align:center;
}

.list-conf-horaire, .list-conf-titre, .list-conf-lieu {
	color: #000;
	padding:5px;
	text-align:center;
}


/*******************************************************************************/
/* basket */
/*******************************************************************************/

.basket-field {
	padding:5px 0;
	margin:5px;
	font-weight:bold;
	text-align:center;
}

/*******************************************************************************/
/* basket-list */
/*******************************************************************************/

.basket-list-field {
	padding:5px 0 5px 10px;
	margin:5px;
	font-weight:bold;
	text-align:left;
}

/*******************************************************************************/
/* Zoom conférence */
/*******************************************************************************/

.tab-zoom-conf {
	border : 2px solid #B1A4C6;
	background:#E7E5F0;
}

.zoom-titre {
	font-weight:bold;
	text-align:center;
	font-size:20px;
	padding:5px;
}

.zoom-jour {
	font-weight:bold;
	text-align:center;
	font-size:15px;
	padding:5px;
}

.zoom-horaire {
	font-weight:bold;
	text-align:center;
	font-size:15px;
	padding:5px;
}

.zoom-category {
	font-weight:bold;
	text-align:center;
	font-size:15px;
	padding:5px;
}

.zoom-lieu {
	text-align:center;
	font-size:15px;
	padding:5px;
}

/*******************************************************************************/
/* Vente de PE */
/*******************************************************************************/

.Gabarit-hr {
	color:#620038;
	background-color: #620038;
	border:0;
	height: 2px;
}

.Gabarit-ss-titre {
	padding:10px 0;
	color:#620038;
	font-size:15px;
	font-weight:bold;
	text-align:left;
}

.Gabarit-warning {
	color:#FF0000;
	font-weight:bold;
}

.Gabarit-warning2 {
	color:#FF0000;
}

.Gabarit-span {
	color:black;
	font-weight:bold;
	font-size:12px;
}