﻿body 
{
	padding: 0;
	margin: 0;
	font-size: 80%;
	color:#262626;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	background-color :#edeeef;
	background-image:url('../img/Page/fond_body.jpg');
	background-repeat:no-repeat;
	background-position:center top;
}

/* Layout */
#global 
{
	margin: 0px auto 0px auto;
	width: 994px;
	text-align: left;
}

#bandeau 
{
	float:left;
	background-image:url('../img/Page/bandeau_haut.jpg');
	background-repeat:no-repeat;
	background-position:left top;
	width:765px;
	height:114px;
}


/* Fil ariane */
#navigation
{
	font-family:Verdana,Trebuchet MS,Arial,Helvetica,sans-serif;
	font-weight:bold;
	margin-bottom:20px;
	overflow:auto;
	padding-top:20px;
}
#navigation div
{
	float: left;
	padding-top: 6px;
}
#navigation div.icigauche
{
	background-image: url("../img/Page/ici_gauche_bg.jpg");
	background-repeat: no-repeat;
	background-position: left top;
	width: 21px;
	height: 23px;
}
#navigation div.icidroite
{
	background-image: url("../img/Page/ici_droite_bg.jpg");
	background-repeat: no-repeat;
	background-position: left top;
	width: 21px;
	height: 23px;
}
#navigation div.icicentre
{
	background-image: url("../img/Page/ici_milieu_bg.jpg");
	background-repeat: repeat-x;
	background-position: left top;
	height: 23px;
	width: 92px;
	text-align: center;
}
#navigation div.nav
{
	width:382px;
	margin-left:4px;
}

#navigation A
{
	text-decoration:underline;
}
#navigation A:hover
{
	text-decoration:none;
}


#middle
{
	margin-left:252px;
	margin-right:222px;
}

/* Content */
#content
{
	margin-top:10px;
	border-left:solid 1px #f7e1ef;
	padding-left:20px;
	padding-right:20px;
	color:#262626;
	font-family:Trebuchet MS,Verdana,Arial,Helvetica,sans-serif;
}

#content P
{
	margin-bottom:10px;
}
#content H1
{
	font-family:Arial Rounded MT Bold, Arial,Verdana,Trebuchet MS,Helvetica,sans-serif;
	font-weight:bold;
	font-size:137%;
	color:#bd017c;
	margin-top:25px;
	margin-bottom:15px;
}
#content H2
{
	background-image:url('../img/puceTitre.jpg');
	background-repeat:no-repeat;
	background-position:left;
	font-weight:bold;
	font-size:115%;
	margin-bottom:10px;
	padding-left:19px;
}

#content H3
{
	background-image:url('../img/puceSoustitre.jpg');
	background-repeat:no-repeat;
	background-position:left;
	font-weight:bold;
	font-size:100%;
	margin-bottom:7px;
	padding-left:17px;
	margin-left:7px;
}


#content A
{
	text-decoration:underline;
}
#content A:hover
{
	text-decoration:none;
}

#content .legende
{
	font-size:92%;
	font-style:italic;
}
#content .comment
{
	font-size:92%;
}
#content .obligatoire {
	FONT-WEIGHT: bold;
}
#content .obligatoirenotice 
{
	font-size:92%;
}
#content .obligatoire span, #content .obligatoirenotice span {
	color:#FF0000;
}

#content FORM .submit 
{
	text-align:center;
	height:19px;
	float:right;
}
#content FORM .submit2 
{
	text-align:center;
	height:19px;
}

/* Liste */ 
#content UL
{
	margin-left:30px;
}
#content UL LI
{
	list-style-image:url('../img/puce3.jpg')
}
#content UL.thm
{
	margin:20px 0px 0px 0px;
	padding:15px 0px 0px 20px;
	background-image:url('../img/separateur.jpg');
	background-position:center top;
	background-repeat:no-repeat;
}

#content UL.doc
{
	margin-left:0px;
	padding-left:20px;
	padding-top:10px;
}


#content UL.thm LI
{
	list-style-image:url('../img/puce3.jpg');
	margin-bottom:3px;
}
#content UL LI h2
{
	background-image:none;
	padding-left:0px;
}
#content UL LI h3
{
	background-image:none;
	padding-left:0px;
	margin-left:0px;
}

#content UL.doc LI, #content UL.plansite LI
{
	list-style-image:url('../img/puce3.jpg');
	margin-bottom:10px;
}

#content UL.plansite LI.ssmenu
{
	list-style-image:url('../img/puce3.jpg');
	margin-bottom:0px;
}

#content UL.thm LI H2, #content UL.doc LI H2, #content UL.plansite LI H2
{
	font-size:110%;
	padding:0px;
}

#content UL.plansite LI H3
{
	font-size:100%;
}

#content UL.thm P, #content UL.doc P
{
	margin:0px;
}


/* RETOUR / HAUT DE PAGE */
#back
{
	text-align:right;
}


#back UL
{
	margin-right:222px;
	font-weight:bold;
	text-align:right;
	padding-right:45px;
	padding-top:10px;
}
#back UL LI
{
	list-style:none;
	display:inline;
}

#back LI.gotop A
{
	background-image:url('../img/retour.gif');
	background-repeat:no-repeat;
	background-position:left;
	padding-left:20px;
}

#back LI A
{
	color:#000000;
}

/* contact */
#contenu form div {
	padding:3px 0;
}
form#contact label {
	float:left;
	padding-right:5px;
	text-align:right;
	width:170px;
}
form#contact input, form#contact textarea, form#contact select  {
	border:1px solid #262D71;
	width:250px;
	margin-bottom:5px;
}
form#contact .submit 
{
	text-align: center;
}
form#contact .submit input 
{
	margin-bottom:14px;
	width:auto;
	font-family: Verdana, Trebuchet MS, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #bd017c;
	background-color: #f5f3f3;
	border:1px solid #797979;
}


/* Résultats de la recherche */
.resultHead {
	TEXT-ALIGN: center;
	PADDING: 2px;
	MARGIN-TOP: 15px;
	BACKGROUND-COLOR: #bd017c;
	color:#ffffff;
}
#resultList UL {
	MARGIN: 0px;
	PADDING: 0px;
}
#content #resultList LI {
	list-style: none;
	list-style-image: none;
	BORDER-BOTTOM: 1px solid #bd017c;
	MARGIN: 10px 0px 0px 0px;
	PADDING: 0px 0px 10px 0px;
}
#resultList LI A {
	FONT-WEIGHT: bold;
}
.resultFoot {
	TEXT-ALIGN: center;
	PADDING-TOP: 2px;
	MARGIN-BOTTOM: 15px;
}

/* TABLEAUX */
TABLE
{
	BORDER-COLLAPSE: collapse;
	border:1px solid #bd017c;
}

TABLE CAPTION {
	MARGIN: 0px 0px 1px -1px;
	BACKGROUND-COLOR: #bd017c;
	COLOR: #ffffff;
	BORDER: none;
	PADDING: 2px;
	FONT-SIZE: 115%;
}
TABLE TH {
    FONT-WEIGHT: bold;
    COLOR: #390010;
	BORDER: 1px solid #faf3f5;
	BACKGROUND-COLOR: #e5e339;
	PADDING: 2px;
	TEXT-ALIGN: center;
}
TABLE TD {
	PADDING: 3px;
    TEXT-ALIGN: left;
	VERTICAL-ALIGN: middle;
	BORDER: 1px solid #bd017c;
	color:#000000;
}
TABLE TD.mode
{
	text-align:center;
}
TABLE .row0 {
    BACKGROUND-COLOR: #faf3f5;
}
TABLE .row1 {
    BACKGROUND-COLOR: #ffffff;
}

TABLE .horaire {
   TEXT-ALIGN: center;
}

TABLE .nota {
   TEXT-ALIGN: center;
}



/* Dépositaires */
TABLE#depositaires {
	WIDTH: 453px;
}



/* Formulaire AMI */
form#ami span {
	FONT-FAMILY: Trebuchet MS, Arial, Verdana, Helvetica, sans-serif;
	FONT-WEIGHT: bold;
	COLOR: #626fa7;
}
form#ami legend {
	DISPLAY: none;
}
form#ami label {
	FLOAT: left;
	WIDTH: 33%;
	TEXT-ALIGN: right;
	PADDING-RIGHT: 5px;
}
form#ami input {
	WIDTH: 250px;
}
form#ami textarea {
	WIDTH: 300px;
}
form#ami #inf_codepostal {
	WIDTH: 50px;
}
form#ami input, form#ami textarea, form#ami select  {
	border:1px solid #262D71;
	margin-bottom:5px;
}
form#ami .submit {
	TEXT-ALIGN: center;
	MARGIN: 5px 0px;
}
form#ami .submit input 
{
	margin-bottom:14px;
	width:auto;
	font-family: Verdana, Trebuchet MS, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #bd017c;
	background-color: #f5f3f3;
	border:1px solid #797979;
}

/* Commentaire */
form#comment #mailComment {
	WIDTH: 400px;
	MARGIN-LEFT:7px;
}
form#comment #txtComment {
	WIDTH: 400px;
	MAX-WIDTH: 410px;
	MARGIN-LEFT:7px;
}
form#comment input, form#comment textarea, form#comment select  {
	border:1px solid #262D71;
	margin-bottom:5px;
}
form#comment .submit {
	text-align: center;
	margin: 5px 0px;
}
form#comment .submit input 
{
	margin-bottom:14px;
	width:auto;
	font-family: Verdana, Trebuchet MS, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #bd017c;
	background-color: #f5f3f3;
	border:1px solid #797979;
}


/* Formulaire point list */
#content FORM#popuplist INPUT, FORM#popuplist INPUT, #content FORM#popuplist SELECT, FORM#popuplist SELECT, #content FORM#popuplist TEXTAREA, FORM#popuplist TEXTAREA  {
	BACKGROUND-COLOR: #FFFFFF;
	BORDER: 1px solid #d9dadb;
}
#content FORM#popuplist .formSubmit, FORM#popuplist .formSubmit {
	WIDTH: auto;
	BACKGROUND-COLOR: #F4F4F3;
	BORDER : 1px solid #d9dadb;
	background-color: #F4F4F4;
}
#content FORM#popuplist .alphabeticList, FORM#popuplist .alphabeticList {
	TEXT-ALIGN: center;
	COLOR: #000000;
}
#content FORM#popuplist .alphabeticList UL, FORM#popuplist .alphabeticList UL {
	MARGIN: 0px;
	PADDING: 0px;
	LIST-STYLE: none;
}
#content FORM#popuplist .alphabeticList LI, FORM#popuplist .alphabeticList LI {
	DISPLAY: inline;
}
#content FORM#popuplist .alphabeticList SPAN, FORM#popuplist .alphabeticList SPAN {
	FONT-WEIGHT: bold;
	COLOR: #000000;
}
#content #popuplist .formList, #popuplist .formList {
    BORDER: #d9dadb 1px solid;
    POSITION: relative;
    HEIGHT: 300px;
    Z-INDEX: 1;
    OVERFLOW: auto;
    MARGIN: 10px 10px 0px 10px;
}
#content #popuplist .formList UL, #popuplist .formList UL {
	MARGIN: 0px;
	PADDING: 0px;
	LIST-STYLE: none;
}
#content #popuplist .formList LI, #popuplist .formList LI {
	PADDING-LEFT: 20px;
	MARGIN: 4px 0px 4px 5px;
}




/* Formulaire IDENTIFICATION & INSCRIPTION */
FORM#login FIELDSET LEGEND {
	DISPLAY: none;
}
FORM#login SPAN, FORM#inscription SPAN {
	FONT-WEIGHT: bold;
}
FORM#login LABEL, FORM#inscription LABEL, FORM#login .label, FORM#inscription .label {
	FLOAT: left;
	WIDTH: 35%;
	TEXT-ALIGN: right;
	margin-right: 5px;
}
FORM#inscription .labelright {
	FLOAT: none;
	WIDTH: auto;
	TEXT-ALIGN: right;
	margin-right: 0px;
	margin-top: 5px;
}
FORM#login INPUT, FORM#inscription INPUT {
	WIDTH: 200px;
	margin-top: 5px;
}
FORM#inscription .obligatoirenotice {
	font-size: 100%;
}
FORM#inscription INPUT#usr_code_postal {
	WIDTH: 50px;
}
FORM#inscription TEXTAREA {
	WIDTH: 300px;
}
FORM#login DIV.checkbox {
	margin-left: 36%;
}
FORM#inscription DIV.checkbox {
	margin-left: 0px;
}
FORM#inscription DIV.checkbox label{
	margin-right: 0px;
}
FORM#inscription DIV#password {
	/* Correction d'un problème de retour à la ligne sur IE7 et IE8 */
	/*width: 500px;*/
	clear: both;
}
FORM#inscription DIV.passwordtext {
	margin-left: 36%;
}

FORM#login DIV.checkbox LABEL, FORM#inscription DIV.checkbox LABEL, FORM#inscription FIELDSET.civilite LABEL {
	FLOAT: none;
	WIDTH: auto;
	TEXT-ALIGN: left;
	margin-top:5px;
}
FORM#login DIV.checkbox INPUT, FORM#inscription DIV.checkbox INPUT, FORM#inscription FIELDSET.civilite INPUT {
	WIDTH: auto;
	BORDER: none;
	BACKGROUND: none;
	margin-top:5px;
}
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 input.submit {
background-color:#F5F3F3;
border:1px solid #797979;
color:#BD017C;
font-family:Verdana,Trebuchet MS,Arial,Helvetica,sans-serif;
font-weight:bold;
width:auto;
}


/* Oubli mot de passe */
FORM#pass FIELDSET LEGEND {
	DISPLAY: none;
}
FORM#pass INPUT#usr_email {
	WIDTH: 200px;
}

/* Formulaires ESPACE MEMBRE */
FORM#alerts FIELDSET FIELDSET LEGEND {
	DISPLAY: none;
}
FORM#alerts FIELDSET FIELDSET {
    BORDER: none;
    PADDING: 0px;
    MARGIN: 2px 40px;
}
FORM#alerts FIELDSET FIELDSET DIV {
	FLOAT: left;
	WIDTH: 30%;
	PADDING: 0px;
}
FORM#alerts FIELDSET FIELDSET INPUT {
	WIDTH: auto;
	BORDER: none;
	BACKGROUND: none;
}
#content form.route DIV.stopLines INPUT {
	WIDTH: auto;
	BORDER: none;
	BACKGROUND: none;
}

/* mon espace */
#content div#espacemembre ul.enligne
{
	padding:0px;
	margin-bottom: 15px;
	margin-left: 10px;
}
#content div#espacemembre ul.enligne li
{
	clear:none;
	display:inline;
	list-style: none;
	margin-right:8px;
}
#content div#espacemembre form#inscription fieldset legend
{
    FONT-FAMILY: Arial, Trebuchet, Verdana, Helvetica, sans-serif;
	color:#BD017C;
	font-weight: bold;
	font-size:130%;
	padding-top:15px;
	margin-bottom:5px;
}
#content div#espacemembre form#inscription
{
	color:#000000;
}
#content div#espacemembre ul.dayType
{
	display: inline;
	padding-left:0px;
}
#content div#espacemembre ul.dayType li
{
	display: inline;
	margin-right:10px;
	margin-bottom:0px;
}
#content div#espacemembre div.lienconfigurer
{
	text-align:right;
}
form#delete fieldset legend
{
	display:none;
}
form#delete fieldset
{
	margin-top:30px;
}
#content div#espacemembre form#login .submit input, #content div#espacemembre form#inscription .submit input, #content div#espacemembre form#delete .submit input, #content div#espacemembre form#routeForm .formButtons input, #content div#espacemembre form#alertForm .formButtons input
{
    background-color:#F5F3F3;
    border:1px solid #797979;
    color:#BD017C;
    font-family:Verdana,Trebuchet MS,Arial,Helvetica,sans-serif;
    font-weight:bold;
    width:auto;
}
#content div#espacemembre form#login div.submit
{
    float:none;
    padding-bottom:10px;
}
#content div#espacemembre form#inscription div.birthdate
{
    padding:5px 0px;
}
#content div#espacemembre form#delete .submit input
{
    margin: 5px 0px;
}
#content div#espacemembre form#delete div.submit
{
    margin-bottom:10px;
}
#content div#espacemembre form#routeForm div
{
    margin: 5px 0px;
}
#content div#espacemembre form#routeForm ul.stopLines li ul li
{
    list-style: none;
    margin:5px 0px;
}
#content div#espacemembre form#routeForm ul.stopLines li ul li label
{
    padding-left: 5px;
}
#content div#espacemembre form#routeForm ul.stopLines
{
    margin-top:10px;
    margin-bottom:10px
}
/*
#content div#espacemembre ul.adh li
{
    list-style:none;
}
#content div#espacemembre ul.adh
{
    margin-left:5px;
}
*/
#content div#espacemembre form#alertForm div
{
    margin-bottom:10px;
}
#content div#espacemembre form#alertForm ul.dayType
{
    margin-left: 0px;
}
#content div#espacemembre form#alertForm ul.dayType label
{
    padding-left: 2px;
}
#content div#espacemembre form#alertForm ul.dayType li
{
    margin-right: 7px;
}
#content div#espacemembre form#inscription div.submit
{
    float:none;
    margin-bottom: 10px;
}
#content div#espacemembre form#inscription fieldset
{
    margin-top: 10px;
}
#content div.myLines ul, #content div.myStops ul
{
    margin-bottom: 20px;
}
