/* CAA CSS STYLES */

/*test*/
html, body {
	margin:0;
	padding:0;
	width:100%;
	height:100%;
	font-family:verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	}

form,
div,
span{
	margin:0;
	padding:0;
	border:0;
	}
table,
td,
tr,
tbody,
th {
	margin:0;
	padding:0;
	border:0;
	border-collapse:collapse;
	}


a,
a:link,
a:active,
a:visited,
a:hover{color:#044d91; text-decoration:underline;}

a:hover{text-decoration:none;}

#wrap{
	float:left;
	border: 2px solid #999999;
	width:100%;
	height:100%;
	overflow:hidden;
	left: 11px;
	}
	
#wrap[id]{ margin:1px 0 0 1px;}

#header{
	float:left;
	height:62px;
	border-bottom:2px solid #999999;
	width:100%;
	background:#ffffff url(images/header.jpg) 0 0 no-repeat;
	}

#content{
	float:left;
	width:100%;
	}

#planificateur{
	float:left;
	width:396px;
	}

#mapCtn{
	float:left;
	border-left:2px solid #999999;
	position:relative;	
	}

#mapIti{
	float:left;
	border-left:2px solid #999999;
	position:relative;
	}

#footer{
	float:left;
	border-top:1px solid #999999;
	background:#bed2e5 url(images/footer.jpg) center center no-repeat;
	width:100%;
	color:#666666;
	text-align:center;
	font-size:9px;	
	}
/* header */

#header p{text-align:right; margin:15px 15px 0 0 ; line-height:15px;}

#header p a,
#header p a:link,
#header p a:active,
#header p a:visited,
#header p a:hover{ text-decoration:none;}

#header p a:hover{text-decoration:underline;}

#header p a.caa,
#header p a.caa:link,
#header p a.caa:active,
#header p a.caa:visited,
#header p a.caa:hover{ color:#bd0011;}

/* Planificateur */

#itineraire{
	width:396px;
	float:left;
	background:#ffffff url(images/Itineraire.jpg) 0 0 no-repeat;

	}
#localisation{
	width:396px;
	float:left;
	background:#ffffff url(images/localisation.jpg) 0 0 no-repeat;

	}

#localisationScroll,
#itineraireScroll{ 
	width:100%; 
	margin:10px 0 0 0px;
	float:left;
	overflow:auto;
	overflow-x:hidden;
	background:#ffffff;
	}

ul.tabMenu{
	display:block;
	float:left;
	width:396px;
	height:23px;
	margin:0;
	padding:0;
	list-style:none;
	font-family:verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	}

ul.tabMenu li{
	display:block;
	margin:0;
	padding:0;
	float:left;
	width:75px;
	list-style:none;
	margin:10px 30px 0 10px;
	text-align:left;
	color:#666666;
	}

ul.tabMenu li a,
ul.tabMenu li a:link,
ul.tabMenu li a:active,
ul.tabMenu li a:visited{
	color:#bd0011;
	text-decoration:none;
	}
	
ul.tabMenu li a:hover{
	color:#bd0011;
	text-decoration:underline;
	}
/*---------------------------------------------------*/
/* style de formulaires (itin�raire et locatisation) */
/*---------------------------------------------------*/
.requete{ float:left;}

fieldset{
	width:376px; 
	float:left; 
	margin: 5px 0 0 5px;
	padding:0;
	border:0;
	}
fieldset#tofldDetail{	margin: 5px 0 0 0px;}	

fieldset.partnersFilter{
  width:288px ;
  _width:300px ;
  margin:0 0 0 15px;
  }

fieldset p{	
	margin: 0 0 0 0;
	padding:0;
	border:0;
	}
label{
	width:77px;
	_width:80px;
	color:#666666;
	display:inline-block;
	text-align:right;
	padding-right:5px;
	line-height:23px;
}
label.small{width:35px;}

label.normal{white-space:nowrap}


fieldset.filter label{
	width:165px; 
	float:left;
	text-align:left;
	padding:2px 0;
	line-height:15px;
	padding:2px 0 9px 0;
	}
fieldset.filter label.left{ width:118px;}

fieldset.partnersFilter label{width:250px; }

select{ 
	width:214px;
	background-color:#f0f4f7; 
	border-top: 1px solid #dfdfdf;
	border-bottom: 1px solid #8f8f8f;
	border-left: 1px solid #dfdfdf;
	border-right: 1px solid #8f8f8f;
	color:#1b1b1b;
	padding:1px 0;
	margin:2px 0 0 0;
	font-size:11px; 
	font-family:Verdana, Arial, Helvetica, sans-serif;

	}
	
input{
	background-color:#f0f4f7; 
	border-top: 1px solid #dfdfdf;
	border-bottom: 1px solid #8f8f8f;
	border-left: 1px solid #dfdfdf;
	border-right: 1px solid #8f8f8f;
	color:#1b1b1b;
	margin-top:2px;
	}
	
input.check{
	border:0;
	float:left;
	background:transparent;
	padding:3px 0;
	font-size:11px; 

	font-family:Verdana, Arial, Helvetica, sans-serif;
 }

fieldset.filter img{
	float:left; 
	margin:0;
	padding:0; 
	}
	
input.text{ width:210px; display:inline-block; font-family:verdana;
font-size:11px;}
input.dsbl,
input.errorFld{ 
	color:#666666;
	background-color:#f0f4f7; 
	width:230px;
	vertical-align:top;
	}

input.form_dsbl{ 
	color:#666666;
	background-color:#f0f4f7; 
	width:210px;;
}

select.text{ width:210px;}

input.errorFld{ color:#bd0011}
input.postalCode{ width:35px; margin-right:5px;}

fieldset.filter  label{	color:#000000;}

span.redPin,
span.bleuPin,
span.yellowPin,
span.greenPin{
	padding:3px 5px 0 18px;
	color:#044d91;
	display:inline-block;
	height:20px;
	width:40px;
	_width:60px;
	text-align:right;
	font-weight:bold;
	font-size:12px;
	}

span.redPin{background:#ffffff url(images/icones/pinRouge.png) 0 0 no-repeat; }
span.bleuPin{background:#ffffff url(images/icones/pinBleu.png) 0 0 no-repeat;}
span.yellowPin{background:#ffffff url(images/icones/pinJaune.png) 0 0 no-repeat;}
span.greenPin{background:#ffffff url(images/icones/pinVert.png) 0 0 no-repeat;}

label span.redPin,
label span.bleuPin,
label span.yellowPin,
label span.greenPin{ width:31px; _width:47px;padding:0px 0px 0 18px; text-align:left!important;}
/*---------------------------------------------------*/
/* style Messages d'erreur(itin�raire + locatisation)*/
/*---------------------------------------------------*/
#quickRoute div{float:left;margin:0; padding:0;}

div.errMsg{
	width:360px; 
	float:left; 
	clear:both;
	margin: 5px 0 0 10px;
	padding:0;
	border-top:2px solid #bd0011 /*bd4f59*/;
	border-bottom:2px solid #d87188;
	border-left:2px solid #f27e98;
	border-right:2px solid #bd0011 /*bd4f59*/;
}
div.errMsg a,
div.errMsg a:link,
div.errMsg a:active,
div.errMsg a:visited,
div.errMsg a:hover{
	color:#bd0011;
	text-decoration:none;
	}
div.errMsg a:hover{
	color:#044d91;
	}
	
	
div.errMsg button.close{
	float:right;
	padding:0px;
	text-indent:-5000px;
	border:0;
	background:#ffffff url(images/icones/close.gif) 0 0 no-repeat;
	margin:2px;
	width:16px; 
	height:16px;
	}	
div.errMsg button.close:hover{	background:#ffffff url(images/icones/closeOver.gif) 0 0 no-repeat;}	
.errMsg ul { 
	list-style-type:none;
	margin:15px 0 0 0px;
	padding:0 0 5px 0px;
	}
.errMsg ul li {
	border-bottom:1px solid #d8d8d8;
	padding:0 5px 5px 5px;
	margin: 5px 0px 0 0;
}

.errMsg ul li.last {
	border-bottom:0;
}

.errMsg p{ 
	margin:10px 0 0 0px;
	padding:0 10px 5px 10px;
	color:#bd0011;
}

/*----------------------*/
/*      buttons         */
/*----------------------*/
button.edit,
button.delete,
button.moveUp,
button.moveDown,
button.moveDown_dsbl,
button.moveUp_dsbl{

	border:0;
	cursor:pointer;
	margin:0;
	padding:0;
	text-indent:-1000px;
	overflow:hidden;
	}
	
button.moveDown_dsbl,
button.moveUp_dsbl{	cursor:text;}
	
button.edit{
	width:12px; 
	height:23px;
	background:url(images/icones/edit.jpg) 0 0 no-repeat;
	margin-left:5px;
	}
button.delete{
	width:22px; 
	height:23px;
	background:url(images/icones/delete.jpg) 0 0 no-repeat;
	}
button.moveUp{
	width:17px; 
	height:23px;
	background:url(images/icones/moveUp.jpg) 0 0 no-repeat;
	}
button.moveDown{	
	width:17px; 
	height:23px;
	background:url(images/icones/moveDown.jpg) 0 0 no-repeat;
	}
button.moveDown_dsbl{
	width:17px; 
	height:23px;
	background:url(images/icones/moveDown_dsbl.jpg) 0 0 no-repeat;
	}
button.moveUp_dsbl{
	width:17px; 
	height:23px;
	background:url(images/icones/moveUp_dsbl.jpg) 0 0 no-repeat;
	}
/* */	
.aligneCentre { text-align:center;}
.aligneDroite {text-align:right}
.upper{ font-variant:small-caps;}

.buttonCtn{text-align:center; padding:5px 0 ;}
/*------------------------------------*/
/*      Indications routi�res         */
/*------------------------------------*/

.resultats { 
background:#f1f1f1;
border-top:1px dotted #666666; 
width:100%;
float:left; 
}

.topBox{
width:366px;
background:#f1f1f1 url(images/topBox.jpg) 0 0 no-repeat;
margin:10px 8px 0 8px ;
float:left; 

}

.topBox h2{ 
	font-size:12px;
	color:#f1f1f1;
	padding:5px 5px;
	margin:0;
	}
	
.topBox h2 a.showHide,
.topBox h2 a.showHide:link,
.topBox h2 a.showHide:active,
.topBox h2 a.showHide:visited,
.topBox h2 a.showHide:hover{ 
color:#ffffff;
float:right;
width:70px;
font-size:10px;
}

.topBox h2 .hidden,
.topBox h2 .hidden:link,
.topBox h2 .hidden:active,
.topBox h2 .hidden:visited,
.topBox h2 .hidden:hover{ 
display:none;
}


.topBox ul{
	margin:5px 5px;
	padding:0 0 0 20px;
	color:#044d91;
	}
.topBox ul li{color:#1b1b1b;}
.topBox ul li strong{color:#044d91;}

.topBox div.pdf{margin:10px 0 10px 5px; float:left;}
.topBox p.pdf{margin:2px 0 10px 0px; float:left;}

.topBox .pdf a{
	display:block;
	float:left;
	width:326px;
	background: url(images/icones/pdf.gif) 0 0 no-repeat;
	padding:0 0 5px 20px;
	min-height:16px;
	_heigght:20px;/
	}
	
.topBox p.pdf a{width:250px;}


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




.topBox div.info{margin:10px 0 10px 5px; float:left;}
.topBox p.info{margin:2px 0 10px 0px; float:left;}

.topBox .info a{
	display:block;
	float:left;
	width:326px;
	font-weight:bold;
	background: url(images/icones/info.png) 0 0 no-repeat;
	padding:0 0 5px 20px;
	min-height:16px;
	_heigght:20px;/
	}
	
.topBox p.info a{width:250px;}





.directions{ 
	background:url(images/standardBox.jpg) 0 0 no-repeat;
	float:left;
	width:366px;
	}
.directions p.segment { margin:0; padding:5px 10px; border-bottom:#ffffff dotted 1px; }
.directions ol{ 
	list-style-type:decimal;
	margin:15px 0 0 15px;
	padding:0 0 10px 15px;
	}

.directions ol li {
	border-bottom:1px dotted #666666;
	padding:0 0 5px 0px;
	margin: 5px 10px 0 0;
	color:#1b1b1b;
}

.partnerBox {
background:#F1F1F1 url(images/partnerBox.jpg) no-repeat scroll 0 0;
float:left;
margin:10px 8px 0;
width:366px;
}

.partnerBox h2{ 
	font-size:11px;
	color:#1b1b1b;
	padding:3px 5px;
	margin:0;
	}
	
.partnerBox h2 img{ vertical-align:middle; margin:0 3px;}
	
.partnerBox h2 a.showHide,
.partnerBox h2 a.showHide:link,
.partnerBox h2 a.showHide:active,
.partnerBox h2 a.showHide:visited,
.partnerBox h2 a.showHide:hover{ 
color:#1b1b1b;
float:right;
width: 70px;
font-size:10px;
}

.partnerBox ul { 
	list-style-type:none;
	margin:15px 0 0 5px;
	padding:0 0 10px 5px;
	}
.partnerBox ul li {
	border-bottom:1px dotted #666666;
	padding:0 0 5px 0px;
	margin: 5px 10px 0 0;
}

.filteredDataBox{
	background:#f1f1f1 url(images/filteredDataBox.jpg) 0 0 no-repeat;
	float:left;
	width:366px;
	margin:10px 8px 0 8px ;
	padding-bottom:10px;
	}

.filteredDataBox th{ 
	text-align:left; 
	height:25px; 
	color:#1b1b1b; 
	vertical-align:middle;
	padding:3px 6px;
	}
.filteredDataBox th img{ 
vertical-align:middle;
margin: 0 5px 0 0px;} 
	
.filteredDataBox td{ 
	text-align:left; 
	padding:3px 6px;
	color:#1b1b1b; 
	vertical-align:middle; 
	border-bottom:1px dotted #666666;
	}
	
.filteredDataBox tr.selected td{ 
	padding:3px 6px;
	color:#ffffff;
	background:	#757983;
	vertical-align:middle; 
	border-bottom:1px dotted #666666;
	}
.partnerBox ul li.selected{ 
	padding:0 0 5px 0px;
	margin: 5px 10px 0 0;
	color:#ffffff;
	background:	#757983;
	/*vertical-align:middle;*/ 
	border-bottom:1px dotted #666666;
	}
	
/*  Section carte */	
	
.mapLocalisation{background:none;}
 /*url(images/LocMap.jpg) right top no-repeat;}*/
.mapItineraire{background:url(images/itiMap.jpg) center center no-repeat;}
.mapIcone{
	position:absolute;
	z-index:10;
	cursor:pointer;
	}

.bubble{
	position:absolute;
	width:309px;
	z-index:750;
	top:0;
	left:-315px;
	cursor:default;
	}

.bubble .top{
	background:url(images/bubbleTop.gif) 0 0 no-repeat;
	height:47px;}
	
.bubble .top p{ padding:5px 0; margin:0 30px; text-align:right;}

.bubble .top p a,
.bubble .top p a:link,
.bubble .top p a:active,
.bubble .top p a:visited{ color:#000000; text-decoration:none;}

.bubble .top p a:hover{color:#044d91; text-decoration:underline;}

.bubble .top h3{padding:3px 0 0 0; margin:0; color:#ffffff; margin-left:5px;}

.bubble .mid{
	background:url(images/bubbleMid.gif) 0 0 repeat-y;
	padding:10px 0 10px 0;;
	}
	
.bubble .mid p{ margin:5px 5px 7px 5px;}
.bubble .mid p img{ margin-right:5px;}
.bubble .bottom{
	background:url(images/bubbleBottom.gif) 0 0 no-repeat;
	height:12px;
	}
/*tests sur la map*/

#couchetard{ 
	top:330px;
	left:500px;
	}
	
#couchetard2{ 
	top:250px;
	left:150px;
	}
	
	
.mapItineraire .bubble{display:none;}
.mapItineraire .mapIcone{display:none;}

/*SHOW HIDE du plannificateur*/ 

#setMapSize {

                position: absolute;

                z-index:1000;

                top:50%;

                margin:0;

                padding:0;

                margin-top:-14px;

                width:20px;

                height:27px;

                cursor:pointer;

                }

.showplannif { background:url(images/fleche-bleue1.jpg) 0 0 no-repeat; left:402px;}

.hideplannif { background:url(images/fleche-bleue2.jpg) 0 0 no-repeat;             left:5px;}
.showYourSearch { background:url(images/icones/votreRecherche.gif) 0 0 no-repeat;}

 img#lmrchImg{margin-left:6px;}

#partnerDiv{

                background-image:none;

                float:left;

                padding:10px 0 0px 10px;

                }

div#partnerDiv.activeTab{

                background:url(images/icones/partenairesbg.gif) 0 0 no-repeat;
                padding:10px 0 10px 10px;
                _ padding:10px 0 20px 10px;               
                }