/* RESET */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	background-image: transparent;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

strong{
	font-weight:bold;
}

/* STRUCTURE */
body{
	background-repeat:repeat-x;
	font-family:"Trebuchet MS",Verdana, Arial, Sans-Serif;
	font-size:11px;
	color:#333333;
}

a:link,a:hover,a:active,a:visited{
	color:#333333;
	text-decoration:none;
}

#ban{
	width:904px;
	height:145px;
	background-repeat:no-repeat;
}

#flashBan{
	position:absolute;
	z-index:10;
	top:0;
	left:0;
}

#mainCont{
	margin:50px 0 0 0;
	line-height:15px;
	width:904px;
	float:left;
}

#colonneGauche{
	margin:0 0 0 10px;
	width:220px;
	float:left;
}

.bloc{
	width:219px;
}

.hautBloc{
	width:189px;
	height:25px;
	background-image:url(../images/gene/hautBloc.jpg);
	background-repeat:no-repeat;
	padding:30px 0 0 20px;
	font-weight:bold;
	color:#ffffff;

}

.contBloc{
	position:relative;
	width:185px;
	background-image:url(../images/gene/fondBloc.jpg);
	background-repeat:repeat-y;
	padding:10px 14px 0 20px;
	overflow:hidden;
	height:50px;
}

span.contBlocH4{
	width:170px;
	/*height:15px;*/
	border-bottom:#0859ab 1px solid;
	color:#0859ab;
	font-weight:bold;
	display:block;
}

span.contBlocH4Red{
	width:170px;
	/*height:15px;*/
	border-bottom:#ff0000 1px solid;
	color:#ff0000;
	font-weight:bold;
	display:block;
}

#div_container {
	z-index:1;
}

#div_container2 {
	z-index:1;
}

.basBloc{
	position:relative;
	width:219px;
	background-image:url(../images/gene/basBloc.jpg);
	background-repeat:no-repeat;
	height:35px;
}

#footer{
	clear:both;
	width:100%;
	background-repeat:repeat-x;
	background-position:0px 147px;
}

*html #footer{
	background-position:0px 150px;
}

#hautFooter{
	padding:30px 0 0 20px;
}
#hautFooter img{
	margin:0 30px 0 0;
}
#basFooter{
	background-repeat:no-repeat;
	background-position:top;
	width:900px;
	height:86px;
}

#footerListe{
	margin:0 0 0 0;
	height:200px;
}

#principal{
	float:left;
	margin:0 0 0 10px;s
}

#conBulleGauche{
	width:250px;
	float:left;
}

#conBulleDroite{
	width:250px;
	float:left;
}

#bullIti{
	background-image:url(../images/gene/bulle_deplace.jpg);
	background-repeat:no-repeat;
	width:336px;
	height:173px;
	padding:80px 0 0 30px;
}


#contTicket{
width:510px;
}
/* menu */
#menuHaut{
	background-image:url(../images/gene/coinMenuGauche.jpg);
	background-repeat:no-repeat;
	background-position:left;
	width:904px;
	position:absolute;
	z-index:997;
	top:145px;
	left:10px;
	height:39px;
}

#menuPrin{
	list-style-type:none;
	z-index:997;
}

#menuPrin li{
	float:left;
	margin:0 0 0 3px;
	background-image:url(../images/gene/fondMenu.jpg);
	background-repeat:repeat-x;
	z-index:997;
	
}

#menuPrin li a{
	font-weight:bold;
	text-align:center;
	word-wrap:normal;
	padding:5px 1px 1px 1px;
	display:block;
	background-image:url(../images/gene/coinLi.jpg);
	background-repeat:no-repeat;
	background-position:right;
	height:30px;
	width:94px;
	z-index:997;
}

#menuPrin li a:hover{
	background-repeat:repeat-x;
	color:#ffffff;
}

#finMenu{
	width:84px;
	height:39px;
	background-image:url(../images/gene/coinMenuDroite.jpg);
	position:absolute;
	top:0;
	left:790px;
}


#smenu{
	list-style:none;
	list-style-image:url(../images/gene/puce.gif);
	list-style-position:inside;
	width:500px;
	padding:10px 0 10px 10px;
	margin:4px 0 10px 0;
	background-color:#fcfcfc;
	border-bottom:1px solid #f4f4f4;
}


/* menu footer  */
#listeFooter{
	list-style-type:none;
	color:#ffffff;
}

#listeFooter li{
	float:left;
	margin:0 0 0 40px;
}

#listeFooter li li{
	float:none;
	display:block;
	margin:5px 0 0 20px;
}

#listeFooter li li a{
	font-weight:normal;
}

#sousFooter{
	margin:10px 0 0 0;
}

#listeFooter li a{
	color:#ffffff;
	font-weight:bold;
}

.contListe{
	padding:30px 0 0 50px;
}
.contListe li{
	margin-top:5px;
}

/* TEXTES */
.titreActu{
	font-weight:bold;
	margin:15px 0 0 0;
}

/*.contBloc ul{
	list-style:none;
}

.contBloc ul li{
	margin:0 0 15px 0;
}*/

.italique{
	font-style:italic;
}

.moreActu{
	font-size:9px;
	background-image:url(../images/gene/puce.jpg);
	background-repeat:no-repeat;
	background-position:0 5px;
	padding:0 0 0 10px;
	margin:10px 0 0 15px;
	font-style:italic;
}

.chemin{
	font-size:9px;
}


.titrePage{
	font-size:16px;
	font-weight:bold;
	margin:15px 0 10px 10px;
}

.paraContenu{
	width:500px;
	margin:5px 0 0 20px; 
}

.sousTitre{
	font-weight:bold;
	margin:15px 0 0 20px;
}

.paragraphePageNavitia{
	padding:10px 10px 20px 10px;
	width:580px;
}

.paragraphePage{
	width:540px;
	background-repeat:repeat-x;
	background-position:bottom;
	padding:10px 10px 20px 10px;
		/*line-height:1.2em;*/
	}

.paragraphePage p{
	text-align:justify;
}

.texteBold{
	font-weight:bold;
}

.titreBold{
	font-weight:bold;
	font-size:1.2em;
	color:#0859ab;
	margin: 0 0 10px  0;
}

a.titreBold {
	font-weight:bold;
	font-size:1.2em;
	color:#0859ab;
	margin: 0 0 10px  0;
}
.descTicket{
	width:250px;
	margin:10px 0 0 30px;
}
.prixTitre{
	color:#FF0000;
	font-weight:bold;
	font-size:14px;
}
/* IMAGES */
.ticket{
	float:right;
	border:2px solid #d6d6d6;
}

#butVente{
	background-image:url(../images/gene/but_cb.jpg);
	width:120px;
	height:33px;
	background-repeat:no-repeat;
	float:right;
	font-size:10px;
	padding:10px 0 0 70px;
}

/* FORMULAIRE */
#formRecherche label{
	display: block;
	width: 50px;
	float: left;
	margin-bottom: 5px;
}

#formRecherche{
	margin:15px 0 0 10px;
}

.inputIti{
	display: block;
	float: left;
	border:none;
	width:136px;
	height:17px;
	background-image:url(../images/gene/input.jpg);
	background-repeat:no-repeat;
	padding:3px;
	font-size:9px;
	margin:0 0 5px 10px;
}

.rechercher{
	background:transparent;
	font-size:9px;
	width:87px;
	height:19px;
	background-image:url(../images/gene/submit.jpg);
	background-repeat:no-repeat;
	padding:0 3px 3px 20px;
	border:none;
	margin:10px 0 0 115px;
	cursor:pointer;
}

.brForm{
	clear:both;
}

.clear{
	clear:both;
	line-height:0;
}

select,option{
	font-size:11px;
	margin-top:5px;
	/*width:550px;*/ /*jamais de taille fixée en sur style générale*/
}

.selectReseau{
	width:550px; /*jamais de taille fixée en sur style générale*/
}

option{
	margin:3px;
}

.selectReseau{
	font-size:11px;
	margin-top:5px;
	width:550px;
}
.butPlan,.butMontre,.butIti,.butMontreNavitia{
	display:block;
	cursor:pointer;
	background:none;
	background-position:left;
	background-repeat:no-repeat;
	font-size:9px;
	border:none;
	float:right;
	text-align:center;
	
}

.butMontreNavitia{
	background-image:url(../images/gene/round_montre.jpg);
	margin:5px 0 30px 3px;
	padding: 2px 0 0 34px;
	height:32px;
	width:98px;

}

.butMontre{
	background-image:url(../images/gene/round_montre.jpg);
	margin:5px 0 30px 3px;
	padding: 10px 0 0 32px;
	height:24px;
	width:100px;

}

.butPlan{
	background-image:url(../images/gene/round_carte.jpg);
	margin:5px 0 30px 3px;
	padding: 10px 0 0 15px;
	height:24px;
	width:117px;

}

.butIti{
	background-image:url(../images/gene/round_depla.jpg);
	margin:5px 0 30px 3px;
	padding: 2px 0 0 34px;
	height:32px;
	width:98px;
}

/* menu page intgrieur */
#menuPrinGauche{
	list-style-type:none;
	margin:20px 0 20px 10px;
}

#menuPrinGauche li{
	margin:1px 0 0 0;
}

#menuPrinGauche li a{
	display:block;
	width:206px;
	height:28px;
	background-repeat:no-repeat;
	padding:5px 0 0 5px;
}

#menuPrinGauche li a:hover{
	background-position:0px -34px;
	color:#ffffff;
}




/*
* PLAN DU SITE STYLE
*/
.planSite{
	width:484px;
	float:left; 
	margin:5px 0 0 0;
}
.planSite a:link, .planSite a:active, .planSite a:visited, .planSite a{
	text-decoration:none;
	display:block;
	height:20px;
}

.planSite a:hover{
	text-decoration:underline;
}
.niv1{
	font-size:14px;
	width:400px;
	border-bottom:#73b4f8 1px solid;
	margin: 5px 0 5px 0;
}
.niv2{
	font-size:12px;
	margin:0 0 0 15px;
}
.niv3{
	font-size:12px;
	margin:0 0 0 35px;
}



/*
* FAQ
*/
.faqQuestionsBlock{
	float:left;
	top:0px;
	left:0px;
	width:100%;
}

.questionFaq{
	margin-bottom:10px;
}
.questionFaq img{
	margin-right:10px;
}

.questionFaq a:link, .questionFaq a:visited, .questionFaq a{
	color:#008ba8;
	text-decoration:underline;
	font-weight:bold;
}
.questionFaq a:active, .questionFaq a:hover{
	text-decoration:none;
}

.reponseFaq{
	margin-bottom:30px;
	text-align:justify;
}

/*
* test accordeon
*/

.panel{
	margin: 0;
    padding-bottom: 0;
    border: none;
}
.panel h5{
	
	cursor:pointer;
	height:100%;
	margin-bottom:10px;
	color:#0052a5;
	text-decoration:underline;
	font-weight:bold;
	background-image:url(../images/gene/flecheBas.gif);
	background-position:left;
	background-repeat:no-repeat;
	padding: 0 0 0 15px;
}


.panelFormule{
	margin: 0;
    padding-bottom: 0;
    border: none;
}
.panelFormule h5{
	
	height:100%;
	margin-bottom:10px;
	color:#0052a5;
	text-decoration:none;
	font-weight:bold;
	background-image:url(../images/gene/flecheBas.gif);
	background-position:left;
	background-repeat:no-repeat;
	padding: 0 0 0 15px;
	cursor:pointer;
}

.panelBody{
	height:auto;
	height:100px;
}


/*
* image actualite 
*/
	
.boximg{
	float:left;
	margin:0;
	padding:0;
	width:260px;

}
	
	.boximg a{
		margin:0;
		padding:0;
		width:260px;
		display:block;
		text-decoration:none;
	}
	
	.boximg *{float:left;}


/*===============================
	Class  */

.hide{display:none;}

.show{display:block;}

.clear { 
	clear:both; 
	line-height:0px;
}

.floatright{
	float:right;
	margin-left:12px;
}

.date{
	font-style:italic;
	color:#fff;
}

.famille{
	font-style:italic;
	color:#808080;
}

.italique{
	font-style:italic;
}

.justify{
	text-align:justify;
}

.erreur{
	color:#dc1d1d;
}

.response-error{
	background:#ec5d6b;
	padding:4px;
	margin:0 0 8px 0;
	font-size:1.1em;
	font-weight:bold;
	border:1px solid #c9003a;
}

.response-valid{
	background:#fbfdfb;
	padding:4px;
	margin:0 0 8px 0;
	font-size:1.1em;
	border:1px solid #1e9d48;
}

/*
* CMS STYLE
*/	
	
h1.cms{
	font-size:1.4em;
	color:#237a43;
	margin-bottom:16px;
	font-weight:bold;
}

div.cms ul{
		margin:0;
		padding:3px 0 0 18px;
		list-style-image:url(../images/gene/spuce.gif);
		list-style-position:inside;
	}
	
	div.cms ul li{}

h2.article,	
div.cms h2,
div.cms-txtLeft h2,
div.cms-txtRight h2{
	font-size:1.1em;
	color:#237a43;
	margin-bottom:4px;
	padding:0;
	font-weight:bold;
}

div.cms-ancre{
	padding:0 6px 0 6px;
	margin:0 0 16px 0;
	text-align:right;
	font-weight:normal;
	height:17px;
	border-bottom:1px dotted #1D6CBB;
}

	div.cms-ancre a{text-decoration:none;
		background-image:url(../images/gene/picto_ancre_cms.jpg);
		background-repeat:no-repeat;
		background-position:left;
		padding: 0 0 0 24px;
}
	

div.cms-txtRight{}

	div.cms-txtRight a.cmsbox-img{
		float:left;
		cursor:default;
	}
	
div.cms-txtLeft{}

	div.cms-txtLeft a.cmsbox-img{
		float:right;
		padding:0;
		margin:0 0 2px 8px;
		cursor:default;
	}
	
.cmsbox-img{
	float:left;
	margin:0 8px 0 0;
	padding:0;
	width:220px;
	/*border:2px solid #d6d6d6;*/
}

.cmsbox-img *{float:left;}

/*Modif logo*/
div.cms-imgLogo{float:left;margin:0 8px 2px 0;width:116px;}
div.cms-txtLogo{flaot:left;}
/* ajout logo a droite !!!!! */
/*Modif logo*/
.cmsbox-imgRight *{float:right;}
div.cms-imgLogoRight{float:right;margin:0 0 2px 8px;width:116px;}
div.cms-txtLogoRight{flaot:right;}

/* ----- BOUTIQUE ----- */

input.cmd,
input.cmdErreur{
	background			: 	#f0f5fa;
	border				: 	1px solid #3f88d1;
	border-top-color	: 	#0052a5;
	border-left-color	: 	#0052a5;
	color				: 	#0052a5;
	padding				: 	1px;
}

input.cmdErreur{
	background			: 	#ecb9b9;
	color				: 	#f00;
}

.msgImportant{
	border				:	dotted 1px #003300;
	padding				:	5px;
	font-size			:	11px;
	background-color	:	#f5f4f3;
}

#identification{
	float				:	left;
	width				:	214px;
	height				:	220px;
}

#nouveau{
	float				:	left;
	width				:	206px;
	height				:	220px;
	border-left			:	1px dotted #0052a5;
	padding-left		:	16px;
}

	#identification h3,
	#nouveau h3{
		font-size:12px;
		font-weight:bold;
	}

#listeArticle{
	border			:	none;
	border-collapse	:	collapse;
	width			:	530px;
}

	#listeArticle td,
	#listeArticle th{
		margin			:	0;
		padding			:	4px;
		background		:	#e5e5e5 url(../images/gene/bt_bg_cell.gif) top repeat-x;
		font-weight		:	normal;
	}
	
		#listeArticle th.entete a{
			text-decoration:underline;
			color:#fff;
		}
	
		#listeArticle th.entete{
		font-size			:	12px;
		text-align			:	center;
		background			:	#68abef url(../images/gene/bt_bg_header.gif) top repeat-x;
		color				:	#fff;
		border-right		:	1px solid #fff;
		border-bottom		:	1px solid #0052a5;
		font-weight			:	bold;
		}
	
		#listeArticle td.dispo,
		#listeArticle td.photoPict,
		#listeArticle td.caddie{
			text-align	:	center;
			width		:	40px;
		}
		
		#listeArticle td.photoPict{width:20px;}
		
		#listeArticle td.designation{
			width	:	390px;
		}
		
		#listeArticle td.prix{
			width		:	40px;
			/*font-style	:	italic;*/
			text-align	:	right;
		}
		
#listePanier{
	border			:	none;
	border-collapse	:	collapse;
	width			:	530px;
}

	#listePanier td,
	#listePanier th{
		margin			:	0;
		padding			:	4px;
		background		:	#e5e5e5 url(../images/gene/bt_bg_cell.gif) top repeat-x;
		font-weight		:	normal;
	}
	
		#listePanier th.entete a{
			text-decoration:underline;
			color:#fff;
		}
	
		#listePanier th.entete{
		font-size			:	12px;
		text-align			:	center;
		background			:	#68abef url(../images/gene/bt_bg_header.gif) top repeat-x;
		color				:	#fff;
		border-right		:	1px solid #fff;
		border-bottom		:	1px solid #0052a5;
		font-weight			:	bold;
		}
	
		#listePanier td.dispo
		{
			text-align	:	center;
			width		:	50px;
		}
		
		#listePanier td.suppArt{
			text-align	:	center;
			width		:	30px;
		}
		
		#listePanier td.designation{
			width		:	340px;
		}
		
		#listePanier td.qte{
			width		:	60px;
			text-align	:	center;
		}
		
		#listePanier td.prix{
			width		:	50px;
			/*font-style	:	italic;*/
			text-align	:	right;
		}

#det_prod{
	float:left;
	width:306px;
	background-color:#fcfcfc;
	padding:0 0 4px 4px;
}
		
		
#recapAdress{
	border			:	none;
	border-collapse	:	collapse;
}

	#recapAdress td{
		margin			:	0;
		padding			:	4px;
		border-bottom	:	#448cd6 dotted 1px;
		font-weight		:	normal;
		width			:	190px;
		background-color:	#fcfcf5;
	}
	
	#recapAdress td.entete{
		font-size			:	12px;
		text-align			:	center;
		background			:	#68abef url(../images/gene/bt_bg_header.gif) top repeat-x;
		color				:	#fff;
		border-bottom		:	1px solid #0052a5;
		font-weight			:	bold;
		padding				:	4px;
	}
	
#livraisonAdress{
	border			:	none;
	border-collapse	:	collapse;
}

	#livraisonAdress td.entete{
		font-size			:	12px;
		text-align			:	center;
		background			:	#68abef url(../images/gene/bt_bg_header.gif) top repeat-x;
		color				:	#fff;
		border-bottom		:	1px solid #0052a5;
		font-weight			:	bold;
		padding				:	4px;
	}
	
.newcompte td{padding:3px;}

	.newcompte td.label{width:160px;}

.btn{
	width:91px;
	height:30px;
	padding:5px;
	text-align:center;
	color:#fff;
	font-size:11px;
	border:none;
	background:url(../images/gene/bt_btn_bg.gif) no-repeat left;
	cursor:pointer;
}

.cmd_btnSel,
.cmd_btn{
	float:left;
	padding:5px;
	text-align:center;
	font-weight:normal;
	border-bottom:4px solid #0052a5;
	color:#0052a5;
	font-size:13px;
}

.cmd_btn{	
	color:#3181d1;
	border-bottom:1px solid #3181d1;
}

a.disconnect{
	background:url(../images/gene/bt_connect.gif) no-repeat left;
	padding-left:18px;
}

a.connect{
	background:url(../images/gene/bt_disconnect.gif) no-repeat left;
	padding-left:18px;
}



/************/

#actuDetailTexte a, #actuDetailTexte a:link, #actuDetailTexte a:active, #actuDetailTexte a:visited{
	color:#0859ab;
	text-decoration:underline;
}

#actuDetailTexte a:hover{
	text-decoration:none;
}

#navitia{
	 width:700px; 
	 min-height:1000px;
	 height:100%;
}

*html #navitia{
	height:1000px;
}


/*******************/

#corps{
	float:left;
	width:560px;
}


#corps #listElmt{
	float:left;
	width:150px;
	margin: 0 0 0 10px;
}

#corps #listElmt h2{
	margin: 10px 0 10px 0;
}

#corps #listElmt ul{
	height:380px;
	overflow:auto;
	margin: 10px 0 0 0;
}

#corps #listElmt ul li{
	cursor:pointer;
	margin: 0 0 5px 0;
	color:#237a43;
	margin: 0 0 10px 0;
}

#corps #carteElmt{
	float:left;
	width:560px;
	margin: 0 0 0 0;
}

#corps #addPrint{
	float:left;
	width:560px;
	height:100%;
}

a.print,a.print:link,a.print:active,a.print:visited{
	float:right;
}

#corps #nom{
	width:560px;
	float:right;
	text-align:center;
	color:#237a43;
	font-weight:bold;
	font-size:16px;
	margin: 0 0 10px 0;
	height:20px;
	display:block;
}

#corps #map{
	float:left;
	width: 560px;
	height: 560px;
}



#principal th.entete{
	font-size			:	12px;
	text-align			:	center;
	background			:	#68abef url(../images/gene/bt_bg_header.gif) top repeat-x;
	color				:	#fff;
	border-right		:	1px solid #fff;
	border-bottom		:	1px solid #0052a5;
	font-weight			:	bold;
	padding:4px;
}

#principal td{
	margin			:	0;
	padding			:	4px;
	background		:	#e5e5e5 url(../images/gene/bt_bg_cell.gif) top repeat-x;
	font-weight		:	normal;
}

#principal td.bold{
	font-weight:bold;
}

#principal td.center{
	text-align:center;
}

/**
 * SURCHARGE MOHAND MODIF TEST DU 30 JUIN 2009
 */
#mainCont{
	width:100%;
}
#principal{
	width:750px;
}

.paragraphePageNavitia{
	width:100%;
}

#navitia{
	width:100%;
}

/*
 * PUB
 */
.makeDivClickable {
	height: 150px;
	width: 200px;
	overflow: hidden;
	position: absolute;
}
.posDiv {
	top:0;
	left:0;
}

#pub{
	background:transparent;
	margin:10px 0 20px 10px;
	border:1px solid #CCCCCC;
	height:150px;
	width:200px;
	padding:0;
	position:relative;
	
}


.gifSize {
	float:left;
	height: 150px;
	width: 200px;
}

#anim_pub{
	height: 150px;
	width: 200px;
}

/*
 * LIEN ACCUEIL
 */
 .makeDivClickableHome {
	height: 95px;
	width: 115px;
	overflow: hidden;
	position: absolute;
	z-index:999;
}
.posDivHome {
	top:5px;
	left:680px;
}
 
.gifSizeHome {
	float:left;
	height: 95px;
	width: 115px;
}