/* Zone principale */
#main {
	BACKGROUND-IMAGE: url("../img/FR/main_bg.gif");
	BACKGROUND-REPEAT: repeat-y;
	BACKGROUND-POSITION: 204px 0px;
}

/* Menu de navigation principal */
#navprinc {
	WIDTH: 200px;
	FLOAT: left;
}
#navprinc DIV.U1 {
	COLOR: #C70063;
}
#navprinc DIV.U2 {
	COLOR: #089FA2;
}
#navprinc DIV.U3 {
	COLOR: #653B78;
}
#navprinc DIV.title {
    FONT-FAMILY: Trebuchet MS, Arial, Verdana, Helvetica, sans-serif;
	FONT-SIZE: 153%;
	FONT-WEIGHT: bold;
}
#navprinc DIV.U2 DIV.title, #navprinc DIV.U3 DIV.title {
	WIDTH: 120px;
}
#navprinc UL {
	PADDING: 0px;
	MARGIN: 0px 0px 15px 0px;
	LIST-STYLE: none;
	FONT-WEIGHT: bold;
	FONT-SIZE: 107%;
}
#navprinc UL LI {
	MARGIN: 0px;
	PADDING: 1px;
}
#navprinc DIV.U1 UL, #navprinc DIV.U1 A {
	COLOR: #C70063;
}
#navprinc DIV.U2 UL, #navprinc DIV.U2 A {
	COLOR: #089FA2;
}
#navprinc DIV.U3 UL, #navprinc DIV.U3 A {
	COLOR: #653B78;
}

/* Contenu */
#content {
	FLOAT: left;
	WIDTH: 560px;
	MARGIN-LEFT: 26px;
	MARGIN-RIGHT: 20px;
}
#content DIV#navigation {
	FONT-SIZE: 92%;
	FONT-WEIGHT: bold;
	BACKGROUND-IMAGE: url("../img/FR/navigation_bg.jpg");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: left top;
	PADDING: 4px;
}
#content H1 {
	MARGIN-TOP: 20px;
	COLOR: #C70063;
	PADDING: 6px 0px 10px 50px;
	BACKGROUND-IMAGE: url("../img/FR/H1_bg.jpg");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: left top;
	FONT-FAMILY: Trebuchet MS, Arial, Verdana, Helvetica, sans-serif;
	FONT-SIZE: 160%;
	FONT-WEIGHT: bold;
}
#content H2 {
	COLOR: #C70063;
	FONT-FAMILY: Trebuchet MS, Arial, Verdana, Helvetica, sans-serif;
	FONT-SIZE: 123%;
	FONT-WEIGHT: bold;
}

#content IMG {
	PADDING : 0px;
	MARGIN: 5px;
	BORDER: 0px;
}
#content IMG.icon {
	MARGIN: 2px 3px;
	VERTICAL-ALIGN: middle;
}

#content P {
	MARGIN: 5px 0px 10px 0px;
}
#content UL {
	MARGIN: 0px 0px 0px 20px;
	PADDING: 0px;
	LIST-STYLE: disc url("../img/FR/LI.gif");
}
#content UL LI {
}

/* Liste de thèmes */
#content UL.thm {
	LIST-STYLE: disc url("../img/FR/LI_thm.gif");
}

/* Liste de documents */

/* Liste de perturbations */
#content UL.pert {
	MARGIN: 0px;
	LIST-STYLE: none;
}
#content UL.pert LI.pert1 {
	BACKGROUND-IMAGE: url("../img/FR/pert_icon1.gif");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: 0px 4px;
	PADDING-LEFT: 26px;
}
#content UL.pert LI.pert2 {
	BACKGROUND-IMAGE: url("../img/FR/pert_icon2.gif");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: 0px 6px;
	PADDING-LEFT: 26px;
}

/* Plan du site */
#content UL.plansite {
	LIST-STYLE: none;
	MARGIN: 0px;
}
#content UL.plansite LI UL {
	MARGIN-TOP: 10px;
	MARGIN-BOTTOM: 15px;
}
#content UL.plansite LI UL LI {
	PADDING-BOTTOM: 2px;
}
#content UL.plansite LI UL LI UL {
	MARGIN-TOP: 2px;
	MARGIN-BOTTOM: 0px;
}
#content UL.plansite LI H2 {
	PADDING-LEFT: 3px;
}
#content UL.plansite LI.U1 H2, #content UL.plansite LI.R3 H2, #content UL.plansite LI.R17 H2 {
	BACKGROUND-COLOR: #C70063;
	COLOR: #FFFFFF;
}
#content UL.plansite LI.U1 UL, #content UL.plansite LI.R3 UL, #content UL.plansite LI.R17 UL {
	LIST-STYLE: disc url("../img/FR/LI_plansite_U1_H2.gif");
}
#content UL.plansite LI.U1 UL LI UL {
	LIST-STYLE: disc url("../img/FR/LI_plansite_U1_H3.gif");
}
#content UL.plansite LI.U2 H2 {
	BACKGROUND-COLOR: #089FA2;
	COLOR: #FFFFFF;
}
#content UL.plansite LI.U2 A {
	COLOR: #089FA2;
}
#content UL.plansite LI.U2 UL {
	LIST-STYLE: disc url("../img/FR/LI_plansite_U2_H2.gif");
}
#content UL.plansite LI.U2 UL LI UL {
	LIST-STYLE: disc url("../img/FR/LI_plansite_U2_H3.gif");
}
#content UL.plansite LI.U3 H2 {
	BACKGROUND-COLOR: #653B78;
	COLOR: #FFFFFF;
}
#content UL.plansite LI.U3 A {
	COLOR: #653B78;
}
#content UL.plansite LI.U3 UL {
	LIST-STYLE: disc url("../img/FR/LI_plansite_U3_H2.gif");
}
#content UL.plansite LI.U3 UL LI UL {
	LIST-STYLE: disc url("../img/FR/LI_plansite_U3_H3.gif");
}

/* Résultats de la recherche */
#content .resultHead {
	TEXT-ALIGN: center;
	PADDING: 2px;
	MARGIN-TOP: 15px;
	BACKGROUND-COLOR: #FAE2EF;
}
#content #resultList UL {
	LIST-STYLE: none;
	MARGIN: 0px;
	PADDING: 0px;
}
#content #resultList UL LI {
	BORDER-BOTTOM: 1px solid #F3CCDF;
	MARGIN: 10px 0px 0px 0px;
	PADDING: 0px 0px 10px 0px;
}
#content #resultList LI A {
	FONT-WEIGHT: bold;
}
#content .resultFoot {
	TEXT-ALIGN: center;
	PADDING-TOP: 2px;
	MARGIN-BOTTOM: 15px;
}

/* Tableaux */
#content TABLE {
	BORDER-COLLAPSE: collapse;
}
#content TABLE CAPTION {
	MARGIN: 0px 0px 1px -1px;
	BACKGROUND-COLOR: #089FA2;
	COLOR: #FFFFFF;
	BORDER: none;
	PADDING: 2px;
    FONT-FAMILY: Trebuchet MS, Arial, Verdana, Helvetica, sans-serif;
	FONT-SIZE: 115%;
	FONT-WEIGHT: bold;
}
#content TABLE THEAD TH {
    FONT-WEIGHT: bold;
    COLOR: #000000;
    BACKGROUND-COLOR: #62C0C2;
	BORDER: 1px solid #089FA2;
	PADDING: 2px;
	TEXT-ALIGN: center;
}
#content TABLE TD {
	PADDING: 3px;
    TEXT-ALIGN: left;
	VERTICAL-ALIGN: top;
	BORDER: 1px solid #089FA2;
}
#content TABLE .row0 {
    BACKGROUND-COLOR: #F1F4FB;
}
#content TABLE .row1 {
    BACKGROUND-COLOR: #FFFFFF;
}
#content TABLE .details {
	TEXT-ALIGN: center;
	FONT-SIZE: 92%;
    FONT-WEIGHT: bold;
	BACKGROUND-IMAGE: url("../img/FR/details.gif");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: 50% 10px;
	PADDING-TOP: 26px;
	PADDING-BOTTOM: 10px;
}

/* Lieux publics */
TABLE#lieuxpublics {
	WIDTH: 550px;
}
/* Liens utiles */
TABLE#liens {
	WIDTH: 550px;
}

/* Formulaires */
#content FORM {
}
#content FIELDSET {
	PADDING: 5px 0px;
}
#content LEGEND {
	COLOR: #C70063;
	FONT-FAMILY: Trebuchet MS, Arial, Verdana, Helvetica, sans-serif;
	FONT-SIZE: 123%;
	FONT-WEIGHT: bold;
	MARGIN-LEFT: 0px;
	PADDING-LEFT: 0px;
}
#content FORM DIV {
	PADDING: 3px 0px;
}
#content form div.submit {
	TEXT-ALIGN:center;
	margin-bottom:10px;
}
#content INPUT, #content SELECT, #content TEXTAREA {
	BACKGROUND-COLOR: #FFFFFF;
	BORDER: 1px solid #C70063;
}
#content #txtComment {
	margin-left:7px;
}

#content FORM INPUT.radio {
	BORDER: none;
}
#content .legende {
	FONT-SIZE: 87%;
	FONT-STYLE: italic;
}
#content .obligatoire {
	FONT-WEIGHT: bold;
}
#content FORM .formSubmit {
	COLOR: #FFFFFF;
	BACKGROUND-COLOR: #653B78;
	BORDER : 0px;
}
#content FORM .submit INPUT {
	COLOR: #FFFFFF;
	BACKGROUND-COLOR: #653B78;
	BORDER : 0px;
}


/* Formulaire CONTACT */
FORM#contact SPAN {
	FONT-FAMILY: Trebuchet MS, Arial, Verdana, Helvetica, sans-serif;
	FONT-WEIGHT: bold;
	COLOR: #C70063;
}
FORM#contact LEGEND {
	DISPLAY: none;
}
FORM#contact LABEL {
	FLOAT: left;
	WIDTH: 30%;
	TEXT-ALIGN: right;
	PADDING-RIGHT: 5px;
}
FORM#contact INPUT {
	WIDTH: 250px;
}
FORM#contact TEXTAREA {
	WIDTH: 300px;
}
FORM#contact #inf_codepostal {
	WIDTH: 50px;
}
FORM#contact .submit {
	TEXT-ALIGN: center;
	MARGIN: 5px 0px;
}
FORM#contact .submit INPUT {
	WIDTH: auto;
}

/* Retour */
DIV.goback {
	CLEAR: both;
	TEXT-ALIGN: left;
	MARGIN-TOP: 10px;
	FONT-SIZE: 92%;
	FONT-WEIGHT: bold;
}
DIV.goback A {
	BACKGROUND-IMAGE: url("../img/FR/puce_goback.gif");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: center left;
	PADDING-LEFT: 16px;
}

/* Retour haut de page */
DIV.gotop {
	TEXT-ALIGN: right;
	MARGIN-TOP: 10px;
	MARGIN-RIGHT: 200px;
	FONT-SIZE: 92%;
	FONT-WEIGHT: bold;
}
DIV.gotop A {
	BACKGROUND-IMAGE: url("../img/FR/puce_gotop.gif");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: center left;
	PADDING-LEFT: 16px;
}

/* Menu secondaire (outils à droite) */
#navsec {
	FLOAT: left;
	WIDTH: 166px;
}

/* Actualités à la une */
#navsec DIV.actualites {
	COLOR: #FFFFFF;
	MARGIN-TOP: 10px;
	PADDING-TOP: 4px;
	BACKGROUND-IMAGE: url("../img/FR/actualites_bg.jpg");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: left top;
	BACKGROUND-COLOR: #C80063;
}
#navsec DIV.actualites A {
	COLOR: #FFFFFF;
}
#navsec DIV.actualites .h2 {
	PADDING-LEFT: 8px;
	FONT-FAMILY: Trebuchet MS, Arial, Verdana, Helvetica, sans-serif;
	FONT-SIZE: 107%;
	FONT-WEIGHT: bold;
}
#navsec DIV.actualites DIV.all {
	FONT-SIZE: 92%;
	FONT-WEIGHT: bold;
	TEXT-ALIGN: right;
	PADDING-RIGHT: 5px;
	BACKGROUND-IMAGE: url("../img/FR/actualites_bottom.jpg");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: left bottom;
	BACKGROUND-COLOR: #C80063;
	PADDING-BOTTOM: 8px;
}
#navsec DIV.actualites UL {
	FONT-SIZE: 92%;
	FONT-WEIGHT: bold;
	MARGIN: 8px 5px 8px 8px;
	PADDING: 0px;
	LIST-STYLE: none;
}
#navsec DIV.actualites LI {
	MARGIN: 0px;
	PADDING: 1px 0px;
}

/* Bas de page */
#foot {
	HEIGHT: 185px;
	BACKGROUND-IMAGE: url("../img/FR/foot_bg.jpg");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: right bottom;
}

#foot DIV.partenaires {
	PADDING-TOP: 15px;
}

/* RI */
form#route
{
	width: 518px;	
	padding-bottom:20px;
}
form#route fieldset
{
	margin-top: 10px;
}
form#route fieldset legend
{
	display: none;
}
form#route fieldset h3 .numero
{
	font-size: 130%;
	font-weight: bold;
	color: #000000;
	padding-right: 15px;
}
FORM#route FIELDSET H3
{
	padding-top: 10px;
	padding-bottom: 9px;
	padding-left:17px;
	background-image: url("../img/fr/tableauhaut.gif");
	background-repeat: no-repeat;
	background-position: left top;
	color:#ffffff;
}
form#route fieldset .content
{
	background-image: url("../img/fr/filaire_ri.gif");
	background-repeat: repeat;
	font-size: 90%;
	font-weight: bold;
	color:#000000;
}
form#route fieldset .content .label
{
	padding-left:20px;
}
form#route fieldset .content .list
{
	padding-left:20px;
}
form#route fieldset .content .left
{
	width: 230px;
	float: left;
	padding-top:5px;
	padding-left:20px;
}
form#route fieldset .content .right
{
	width: 230px;
	float: left;
	padding-top:5px;
}
form#route fieldset .content .right fieldset
{
	width:220px;
}
form#route fieldset .content .right #lheure
{
	margin-right:8px;
}
form#route fieldset .bottom
{
	height:17px;
	background-image: url("../img/fr/tableaubas.gif");
	background-repeat: no-repeat;
	background-position: left top;
}
form#route fieldset #keywordsDep, form#route fieldset #keywordsArr
{
	width: 470px;
}
form#route #pointDep, form#route #pointArr
{
	width: 470px;
}
form#route .submit
{
	text-align:right;
}

/* Formulaire de listes d'arrêts / lieux publics (popup) */
FORM#popuplist {
	TEXT-ALIGN: left;
}
FORM#popuplist FIELDSET {
	BORDER: 1px solid #653B78;
	MARGIN: 4px;
	PADDING: 4px;
}
FORM#popuplist LEGEND {
	FONT-WEIGHT: bold;
	COLOR: #2F3C3F;
}
FORM#popuplist DIV {
	PADDING: 3px 2px;
}
FORM#popuplist INPUT, FORM#popuplist SELECT, FORM#popuplist TEXTAREA {
	BACKGROUND-COLOR: #FFFFFF;
	BORDER: 1px solid #653B78;
}
FORM#popuplist .formSubmit {
	WIDTH: auto;
	BACKGROUND-COLOR: #653B78;
	BORDER: 0px none;
	COLOR: #FFFFFF;
}
FORM#popuplist .alphabeticList {
	TEXT-ALIGN: center;
	COLOR: #999999;
}
FORM#popuplist .alphabeticList UL {
	MARGIN: 0px;
	PADDING: 0px;
	LIST-STYLE: none;
}
FORM#popuplist .alphabeticList LI {
	DISPLAY: inline;
}
FORM#popuplist .alphabeticList SPAN {
	FONT-WEIGHT: bold;
	COLOR: #2F3C3F;
}
#popuplist .formList {
    BORDER: #653B78 1px solid;
    POSITION: relative;
    HEIGHT: 300px;
    Z-INDEX: 1;
    OVERFLOW: auto;
    MARGIN: 10px;
}
#popuplist .formList UL {
	MARGIN: 0px;
	PADDING: 0px;
	LIST-STYLE: none;
}
#popuplist .formList LI {
	PADDING-LEFT: 20px;
	MARGIN: 4px 0px 4px 5px;
}

/* Formulaire identification */
FORM#login SPAN {
	FONT-FAMILY: Trebuchet MS, Arial, Verdana, Helvetica, sans-serif;
	FONT-WEIGHT: bold;
	COLOR: #C70063;
}
FORM#login LEGEND {
	DISPLAY: none;
}
FORM#login LABEL {
	FLOAT: left;
	WIDTH: 30%;
	TEXT-ALIGN: right;
	PADDING-RIGHT: 5px;
}
FORM#login INPUT {
	WIDTH: 200px;
}
FORM#login DIV.checkbox {
	margin-left: 30%;
}
FORM#login DIV.checkbox INPUT {
	WIDTH: auto;
	border: none;
}
FORM#login DIV.checkbox LABEL {
	float: none;
	text-align: left;
	width: auto;
}
FORM#login DIV.submit {
}
FORM#login .submit INPUT {
	WIDTH: auto;
}

/* Formulaire oubli mot de passe */
FORM#pass SPAN {
	FONT-FAMILY: Trebuchet MS, Arial, Verdana, Helvetica, sans-serif;
	FONT-WEIGHT: bold;
	COLOR: #C70063;
}
FORM#pass LEGEND {
	DISPLAY: none;
}
FORM#pass INPUT#usr_email {
	WIDTH: 250px;
}


/* Formulaire inscription */
FORM#inscription SPAN {
	FONT-FAMILY: Trebuchet MS, Arial, Verdana, Helvetica, sans-serif;
	FONT-WEIGHT: bold;
	COLOR: #C70063;
}
FORM#inscription LEGEND {
	DISPLAY: none;
}
FORM#inscription LABEL {
	FLOAT: left;
	WIDTH: 30%;
	TEXT-ALIGN: right;
	PADDING-RIGHT: 5px;
}
FORM#inscription INPUT {
	WIDTH: 250px;
}
FORM#inscription TEXTAREA {
	WIDTH: 300px;
}
FORM#inscription INPUT#usr_code_postal {
	WIDTH: 50px;
}

FORM#inscription INPUT#abn_numero {
	WIDTH: 100px;
}

FORM#inscription DIV.checkbox {
	PADDING-LEFT: 30%;
}
FORM#inscription DIV.checkbox LABEL, FORM#inscription FIELDSET.civilite LABEL {
	FLOAT: none;
	WIDTH: auto;
	TEXT-ALIGN: left;
}
FORM#inscription DIV.checkbox INPUT, FORM#inscription FIELDSET.civilite INPUT {
	WIDTH: auto;
	BORDER: none;
	BACKGROUND: none;
}
FORM#inscription FIELDSET FIELDSET {
	BORDER: none;
	MARGIN: 0px;
	PADDING: 0px;
}
FORM#inscription FIELDSET FIELDSET LEGEND {
	DISPLAY: none;
}
FORM#inscription FIELDSET.civilite DIV {
	FLOAT: left;
	WIDTH: 30%;
	TEXT-ALIGN: right;
	PADDING-RIGHT: 5px;
}
FORM#inscription DIV.submit {
}
FORM#inscription .submit INPUT {
	WIDTH: auto;
}

/* Boutique */
#content div.shopsteps
{
	text-align: center;
}
#content div.shopsteps ul
{
	margin: 0px;
	padding: 5px 0px;
	list-style: none;
	border-top: solid 1px #C70063;
	border-bottom: solid 1px #C70063;
}
#content div.shopsteps li
{
	display: inline;
	color: #F3CCDF;
	padding-left: 5px;
}
#content div.shopsteps li.current
{
	color: #C70063;
	font-weight: bold;
}

#content h3.cmd {
	color: #C70063;
	font-weight: bold;
	border-bottom: solid 1px #C70063;
}

/* Vrac */
#content a.shoplink
{
	display: block;
	background-image: url("../img/fr/shoplink_bg.gif");
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 2px;
	padding-bottom: 5px;
	width: 150px;
	text-align: center;
	text-decoration: none;
}
#content a.shoplink:hover
{
	background-image: url("../img/fr/shoplink_bg_hover.gif");
	background-repeat: no-repeat;
	background-position: left top;
}

/* Panier */
TABLE#panier
{
	width: 550px;
}
TABLE#panier caption
{
	display: none;
}
TABLE#panier td.prix
{
	width: 80px;
	text-align: right;
}
TABLE#panier tr.total
{
	font-weight: bold;
}
TABLE#panier tr.total td
{
	text-align: right;
}

/* Liste des articles dans le récap de la commande */
TABLE#cmdpanier
{
	width: 550px;
	border: none;
}
TABLE#cmdpanier caption
{
	display: none;
}
TABLE#cmdpanier thead
{
	display: none;
}
TABLE#cmdpanier td
{
	border-top: none;
	border-left: none;
	border-right: none;
}
TABLE#cmdpanier td.prix
{
	width: 80px;
	text-align: right;
}
TABLE#cmdpanier tr.total
{
	font-weight: bold;
}
TABLE#cmdpanier tr.total td
{
	text-align: right;
	border-bottom: none;
}

/* Formulaire mode paiement */
form#payment legend {
	display: none;
}
form#payment label {
}
form#payment label img {
	vertical-align: middle;
}
form#payment input {
}
form#payment div {
	padding-left: 20px;
}
form#payment div p {
	padding-left: 20px;
}
form#payment div.submit {
	padding-left: 0px;
}


/* Bon de commande */
#content div#cmd
{
	margin: 15px 0px;
}
#content div#cmd table
{
	margin: auto;
	width: 500px;
}
#content div#cmd table caption
{
	display: none;
}
#content div#cmd table td.prix
{
	width: 80px;
	text-align: right;
}
#content div#cmd table td.quant
{
	width: 60px;
	text-align: center;
}
#content div#cmd table tr.total
{
	font-weight: bold;
}
#content div#cmd table tr.total td
{
	text-align: right;
}
#content div#cmd div.print
{
	text-align: center;
	margin: 20px auto;
	background-image: url("../img/FR/print.gif");
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 26px;
}

/* Panier */
#content table.cmdlist
{
	width: 500px;
}
#content table.cmdlist caption
{
	display: none;
}
#content table.cmdlist tr.stat1
{
	background-color: #FFFFFF;
}
#content table.cmdlist tr.stat2
{
	background-color: #F5F5F5;
}
#content table.cmdlist tr.stat3
{
	background-color: #ECF1F5;
}
#content table.cmdlist tr.stat4
{
	background-color: #F8F8F8;
}
#content table.cmdlist td.center
{
	text-align: center;
}

table.cmdlist tr.total
{
	font-weight: bold;
}
table.cmdlist tr.total td
{
	text-align: right;
}

