body {  font-family:"Trebuchet MS"; font-stretch:narrower;color:#000; font-size:12px; padding:0px; margin:0px; background:url(../images/fond.jpg) bottom repeat-x;  }

a img {
	border: none;
}



#cadre { width:980px; height:auto; margin:auto;  }
#site { width:950px; height:auto; margin:auto;  overflow:hidden  }

#top { width:950px; height:90px; margin:auto; background-color:#FFF; padding:3px 0 0 0; background:url(../images/header.jpg) no-repeat  }
#rech{ float:right; color:#000; margin-top:5px; }

#menu-rouge-index { width:920px; height:34px; margin:auto; background-color:rgba(253,1,162,0.5);  font-family:"Trebuchet MS"; font-size:12;  text-align:center; padding-right:30px; }
#menu-rouge { width:920px; height:34px; margin:auto; background-color:#FD01A2;  font-family:"Trebuchet MS"; font-size:12;  text-align:center; padding-right:30px; }
#menu-rouge-text { width:auto; margin:0px auto; color:#FFFFFF; float:left; padding:8px; font-weight:bold }
#menu-rouge-text a:link {color:#000; text-decoration: none; margin-left:7px; margin-right:7px;  }
#menu-rouge-text a:visited {color:#000; text-decoration: none;margin-left:7px; margin-right:7px; }
#menu-rouge-text a:active { color:#000;text-decoration: none;margin-left:7px; margin-right:7px; }
#menu-rouge-text a:hover { color:#FFF; text-decoration: none;margin-left:7px; margin-right:7px; }

#sep{ height:100%; border-left:1px solid #FFF;}


.left {float:left}
.right {float:right}

#pub { width:936px; height:105px; padding:6px 3px; background:#3FA1DE; margin:auto; text-align:center; }


#pub img{ margin:0 3px; padding:0; }

#div1 { width:942px; height:auto; overflow:hidden; margin:auto }
#div2 { width:468px; height:auto; }
#div2g { width:670px; height:auto; }
#div2p { width:266px; height:auto; }
#band { width:auto; height:26px; margin:auto; color:#FFF; background: #01a1df; font-size:22px; padding-top:2px; padding-bottom:2px; text-align:left; padding-left:10px; font-family: Arial;}
#bandr{ width:auto; height:26px; margin:auto; color:#FFF; background: #FD01A2; font-size:22px; padding-top:2px; padding-bottom:2px; text-align:left; padding-left:10px; font-family: Arial;}
#text { width:auto; height:100%; padding:10px; border:1px solid #CACACA; overflow:hidden;  }
#text7 { width:auto; padding:10px; border:1px solid #CACACA; overflow:hidden;  }
#text77 { width:auto; padding:10px; border:1px solid #CACACA; overflow:hidden;  }
#text777 { width:auto; padding:10px; border:1px solid #CACACA; overflow:hidden;  }
#marg { width:auto; height:12px; }



#slide{ width:auto; overflow:hidden }
#slide-g{ width:9%; height: 170px; padding:150px 0 0 0; text-align:center; float:left;  }
#slide-d{ width:9%; height: 170px; padding:150px 0 0 0; text-align:center; float:right   }
#slide-m{ width:82%; text-align:center; vertical-align:middle; float:right  }


#div3{ width:230px; height:128px; float:left; margin:3px; border:1px solid #ccc; padding:0 2px}
#divact{ width:196px; height:98px; float:left; margin:3px 3px 0 3px;  padding:0 0px}
#divactp{ width:242px; height:98px; float:left; margin:3px 3px 0 3px;  padding:0 0px}

#divpromo{ width:135px; height:108px; float:left; margin:2px; border:1px solid #ccc; padding:0 2px}

#sephor{ width:12px; height:108px; float:left; margin:3px; padding:0 2px}



#div4{ width:238px; height:168px; float:left; margin:5px 3px;}
#div5{ width:70%; height:20px; float:left; background:#FD01A2; padding:2px 0 0 0; color:#FFFFFF; text-align:center; font-weight:bold}
#div6{ width:230px; height:208px;  float:left; border-top:3px solid #FD01A2 ; border-bottom:3px solid #FD01A2 ; padding:0 2px }
#div7{ width:230px; height:auto; float:left; padding:5px 2px 0 2px }

#carre{ width:auto; height:auto; margin:1px; background:#01a1df; font-weight:bold; font-size:18px; text-align:center; color:#FFFFFF}
#barr{ width:auto; height:20px; margin:1px;  font-weight:bold; font-size:12px; text-align:center; color:#FD01A2; text-decoration:line-through }


#divleft{ width:70%; height:120px; float:left; margin:4px 0px; }
#divright{ width:25%; height:120px; float:right; margin:4px 0px; }
#divright p{ margin:0; padding:0px; font-size:9px}


#divleft1{ width:34%; height:80px; float:left; margin:4px 0px; }
#divright1{ width:62%; height:80px; float:right; margin:4px 0px; }
#divright1 p{ margin:0; padding:0px; font-size:9px}


#apartir{ color:#FD01A2; font-size:11px; }


#pourc{ background:#66C6EC; color:#FFF; font-size:14px; width:198px; height:20px; padding:5px 0px; margin:0 3px 3px 3px; overflow:hidden; text-align:center; font-weight:bold}
#group{overflow:hidden; width:208px; height:138px; float:left}
#groupp{overflow:hidden; width:254px; height:138px; float:left; margin-right:20px}
#pourcp{ background:#66C6EC; color:#FFF; font-size:14px; width:243px; height:20px; padding:5px 0px; margin:0 3px 3px 3px; overflow:hidden; text-align:center; font-weight:bold}


h1, h2, h3, h5, h6 { 
font-weight: normal; 
margin: 0px 0 1px;

}

h1 { 
font-size: 32px; 
margin-bottom: 0px; 
margin-top: 10px;
}

h2 { 
font-size: 20px; color:#01a1df; float:left; vertical-align:text-bottom
}

h3 { 
font-size: 12px; font-weight:bold
}

h3 { 
font-size: 12px; font-weight:bold; color:#01a1df;
}
h4 { 
font-size: 10px; font-weight:bold; color:#FD01A2; margin:0;
}

h5 { 
font-size: 11px; font-weight:bold; color:#01a1df; margin:0;
}
h6 { 
font-size: 11px; font-weight:bold; color:#FD01A2; margin:0;
}

h7 { 
font-size: 12px; font-weight:bold; color:#000;
}

.bleu { font-size: 20px; color:#01a1df; float:left; vertical-align:text-bottom}
.rose { font-size: 10px; font-weight:bold; color:#FD01A2; margin:0;}
.rosa { color:#FD01A2; margin:0;}
.rosab { color:#FD01A2; margin:0; font-weight:bold}

#footer { width:942px; height:50px; padding:50px 0 50px 0; color:#FFFFFF; text-align:center; overflow:hidden; margin:auto }



#rech{ width:100%; height:auto; margin:5px auto; font-weight:bold;}
/*.bt-rech{ width:100%;  padding:7px 0; border:none; color:#FFFFFF; background:#FD01A2; margin:auto; font-weight:bold; -moz-border-radius: 7px 7px 7px 7px;
border-radius: 7px 7px 7px 7px; }*/
.bt-rech{ width:auto;  padding:7px 10px; border:none; color:#FFFFFF; background:#FD01A2; margin:auto; font-weight:bold; -moz-border-radius: 7px 7px 7px 7px;
border-radius: 7px 7px 7px 7px; }

.type{ width:19%; margin:5px 0; border-top:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC; border-right:1px solid #CCCCCC; float:left; text-align:center; padding:10px 0 10px 0;}
.type:hover{width:19%; margin:0px 0; background:#01a1df; float:left;text-align:center; padding:15px 0 15px 0; color:#FFFFFF; border-top:none; border-bottom:none}
.typecurr{ width:19%; margin:0px 0; background:#01a1df; float:left;text-align:center; border-left:2px solid #01a1df; padding:15px 0 15px 0; color:#FFFFFF}


#label2 { width:75px; float:left;}
.rechindex #label2 { width:65px; float:left;}

/*.rechindex .bt-rech{ width:auto;  padding:7px 10px; border:none; color:#FFFFFF; background:#FD01A2; margin:auto; font-weight:bold; -moz-border-radius: 7px 7px 7px 7px;
border-radius: 7px 7px 7px 7px; }*/



#divbleu{ width:auto; margin:0px 0; padding:10px 10px; background:#01a1df; float:left; font-size:14px; font-weight:bold; color:#FFFFFF}
#divrose{ width:auto; margin:0px 0; padding:10px 10px; background:#FD01A2; float:left; font-size:14px; font-weight:bold; color:#FFFFFF}



#right{ width:74%; float:right; height:auto; overflow:hidden; background:#FFF;   }
#left{ width:24%; float:left; height:auto; overflow:hidden; }
#left2{ width:70%; float:left; height:auto; overflow:hidden; background:#FFF;   }
#right2{ width:28%; float:right; height:auto; overflow:hidden; }
#aut{ width:auto; padding:5px; border:1px solid #CCCCCC; margin:0px 0 2px 0; overflow:hidden}
#autn{ width:auto; padding:5px; margin:0px 0 2px 0; overflow:hidden}
#autnguid{ width:auto; padding:5px; margin:0px 0 2px 0; overflow:hidden; background:url(../images/logo-droite-Riad-on-Time.png) right no-repeat;}

#auta{ width:auto; padding:5px; border:1px solid #CCCCCC; margin:0px 0 2px 0; overflow:hidden; margin:5px auto}
#left #aut img { margin:2px 0;}
#autnobord{ width:auto; margin:0px 0 2px 0; overflow:hidden}

#rightbord{ width:99%; float:right; height:auto; overflow:hidden; border-bottom:1px solid #01a1df; border-top:1px solid #01a1df; border-left:3px solid #01a1df; border-right:3px solid #01a1df; background:#FFF;  }
#right2bord{ width:99%; float:right; height:auto; overflow:hidden; border-bottom:1px solid #FD01A2; border-top:1px solid #FD01A2; border-left:3px solid #FD01A2; border-right:3px solid #FD01A2; background:#FFF;  }


#Example_D {
margin:15px 5px;
padding:5px;
float:left;
width: 20%;
-moz-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;
border:1px solid #999999;
text-align:center;
cursor:pointer
}

#Example_D:hover { color: #FD01A2;  }
#Example_D a.current{ color: #FD01A2; }


#ban-riad-menu {
	width:auto;
	padding:5px 2px;
border:1px solid #CCC;


	}
ul#menu { margin:0; padding:0; height:auto; overflow:hidden; }
ul#menu li {margin:5px 5px;
padding:5px 15px;
float:left;

-moz-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;
border:1px solid #999999;
text-align:center;
list-style:none  }
ul#menu li a { color: #000; text-decoration:none }
ul#menu li a:hover { color: #FD01A2;  }
ul#menu li a.current{ color: #FD01A2; }


.checklist {
	list-style: none;
	margin: 0 0 0 25px;
	padding: 0;
}

.checklist li {
	float: left;
	margin-right: 10px;
	width: 50px;
	height: 20px;
	 
	position: relative;
	font: normal 11px/1.3 "Lucida Grande","Lucida","Arial",Sans-serif;
}

.checklist li.selected {
	background-position: -105px 0;
}

.checklist li.selected .checkbox-select {
	display: none;
}

.checkbox-select {
	display: block;
	float: left;
	width: 58px;
	height: 10px;
	background:#CCC;
	color: white;
	font-weight: bold;
	border-bottom:2px solid #FFFFFF;
	border-top:2px solid #FFFFFF;
	border-left:1px solid #CCC;
	border-right:1px solid #999999;
}

.checklist li input {
	display: none;	
}

a.checkbox-deselect {
	background:#FD01A2;
	display: none;
	color: white;
	font-weight: bold;
	text-decoration: none;
	position: absolute;
	width:58px;
	height:10px;
	border-bottom:2px solid #FFFFFF;
	border-top:2px solid #FFFFFF;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #999999;
}

.checklist li.selected a.checkbox-deselect {
	display: block;
}

.checklist li label {
	display:block;
	width:58px;
	text-align:right;
	
	padding: 0px;
}
















.checklist3 {
	list-style: none;
	margin: 0 0 0 0px;
	padding: 5px 0 5px 0;
	overflow:hidden;
}
.checklist3 ul {
	list-style: none;
	margin: 0 0 0 100px;
	padding: 0;
	border:1px solid #CCFF00
}

.checklist3 li {
	float: left;
	margin-right: 10px;
	width: 30px;
	height: 20px;
	 
	position: relative;
	font: normal 11px/1.3 "Lucida Grande","Lucida","Arial",Sans-serif;
}

.checklist3 li.selected {
	background-position: -105px 0;
}

.checklist3 li.selected .checkbox-select {
	display: none;
}

.checklist3 .checkbox-select {
	display: block;
	float: left;
	width: 38px;
	height: 10px;
	background:#CCC;
	color: white;
	font-weight: bold;
	border-bottom:2px solid #FFFFFF;
	border-top:2px solid #FFFFFF;
	border-left:1px solid #CCC;
	border-right:1px solid #999999;
}

.checklist3 li input {
	display: none;	
}

.checklist3 a.checkbox-deselect {
	background:#FD01A2;
	display: none;
	color: white;
	font-weight: bold;
	text-decoration: none;
	position: absolute;
	width:38px;
	height:10px;
	border-bottom:2px solid #FFFFFF;
	border-top:2px solid #FFFFFF;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #999999;
}

.checklist3 li.selected a.checkbox-deselect {
	display: block;
}

.checklist3 li label {
	display:block;
	width:38px;
	text-align:right;
	
	padding: 0px;
}



/*
#type{ width:20%; margin:5px 0; border-top:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC; border-right:1px solid #CCCCCC; float:left; text-align:center; padding:10px 0 10px 0;}
#type:hover{width:20%; margin:0px 0; background:#01a1df; float:left;text-align:center; padding:15px 0 15px 0; color:#FFFFFF; border-top:none; border-bottom:none}
*/
#div-loisir1-detail {
	width:400px;
	height:auto;
	float:right;
	padding:1px 0 1px 0;
}

#div-loisir1-coor {
	width:230px;
	height:auto;
	border:1px solid #d3d3d3;
	padding:4px 0px 0px 4px;
	 margin:0 0 2px 0;
	 overflow:hidden

}

#cc-detail {
	width:690px;
	height:auto;
	/*border:1px solid #d3d3d3;*/
	float:right;
	margin:0 0 10px 0;
	padding:0px 0px;

	}



#cc-index {
	width:450px;
	height:auto;
	border:1px solid #d3d3d3;
	float:right;
	margin:0 0 10px 0;
	padding:5px 0px;

	}
	
	#cc-index1 {
	width:683px;
	height:auto;
	border:1px solid #d3d3d3;
	float:right;
	margin:5px 0 10px 0;
	padding:0px 0px;

	}


#div-riad {
	width:auto;
	height:83px;
	border-top:1px solid #d3d3d3;
	padding:7px 0 7px 0;
	}
	
#div-riad1 {
	width:340px;
	height:auto;
	float:right;
	padding:3px 0 3px 0;
	}

#div-riad1-detail {
	width:340px;
	height:40px;
	float:right;
	padding:1px 0 1px 0;
	}

	
#titre-apartir {
	width:340px;
	height:20px;	

	}
#apartirloi {
	width:auto;
	height:auto;
	float:right;
	text-align:left;
	color:#999999;	

	}
	
#visiter {
	width:340px;
	height:15px;
	text-align:right;

	}

	
#visiter-vs {
	width:auto;
	height:10px;
	text-align:right;

	}
#div-visitern {
	width:258px;
	height:82px;
	border-bottom:1px solid #D6D3D3;
	padding:7px 0 7px 0;
	}
	
#div-visiter1n {
	width:146px;
	height:auto;
	float:right;
	padding:3px 0px 3px 0px;
	}

#div-visiter1-detailn {
	width:146px;
	height:40px;
	float:right;
	padding:1px 0 1px 0;
	}

	
#titre-visitern {
	width:146px;
	height:15px;	

	}

	
#visiter-vsn {
	width:auto;
	height:20px;
	text-align:right;
	

	}
.bleu {

	margin:0;
	padding:0;
	color:#2155AF;

	}











#div-standard {
	width:auto;
	height:auto;
	overflow:hidden;
	border:1px solid #FFF;
	border-top:1px solid #d3d3d3;
	padding:7px 15px 7px 15px;
	}
	
#div-standard:hover {

	border-top:1px solid #01a1df;
	border-bottom:1px solid #01a1df;
	background: #F7F7F7;

	}
	
	
#image-riad {
width:187px;
height:128px;
margin:0 0 5px 0}
	
#div-standard1 {
	width:468px;
	height:auto;
	float:right;
	padding:3px 0 3px 0;
	}
	
	
	
	
	


#div-standard1-detail {
	width:468px;
	padding:1px 0 1px 0;
	}

	
#titre-apartir-standard {
	width:468px;
	height:20px;	

	}
#apartir-standard {
	width:auto;
	height:auto;
	float:right;
	text-align:left;	

	}
	
#visiter-standard {
	width:468px;
	height:15px;
	text-align:right;

	}


#visiter-standard a{
font-size:14px;
font-weight:bold;
color:#FD01A2;
padding:2px 4px 2px 4px;
	}
	
#visiter-standard a:hover{
color:#000;

	}

/*----------------- CONTACT AGENCE --------------------*/
#pag { height:5px; background:#FD01A2; width:auto;}
#paginationg { padding:0px; margin:1px; border:#FD01A2 solid 1px;  float: left; background-color:#FFFFFF; color:#FD01A2 }
#pagination { padding:4px 7px; margin:0px; border:#FFF solid 1px;  float: left; background-color:#FD01A2; color:#000;}

#pagination1 { padding:4px 7px; margin:0px; border:#FFF solid 1px;  float: left; background-color:#fff; color:#FD01A2;}
#pagination a:link{color:#FFF;}
#pagination a:visited{color:#FFF;}












input.text { width:150px;font:12px/12px 'courier new',courier,monospace;color:#333;padding:3px;margin:1px 0;border:1px solid #ccc; border-left:none; margin-bottom:2px; }
textarea { width:250px;font:12px/12px 'courier new',courier,monospace;color:#333;padding:3px;margin:1px 0;border:1px solid #ccc; }
#contactFormArea form{
margin: 0px 0px 10px 0px;
width:450px;
}
#contactFormArea form textarea:focus, #contactFormArea form input:focus {
border: 1px solid #e45b25;
}



#contactFormArea {
width:500px;
margin:0px 10px 10px 0px;
text-align:right;
}


#contactFormArea textarea {
	
	font-family: Arial;
	font-size: 12px;
	border: 1px solid #ccc;
}






label2 {
padding:2px;
margin: 1px 0 1px 0;
	width: 70px;
	float:left;
	-moz-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
border:1px solid #ccc;
	
}

label3 {
padding:2px;
margin: 1px 0 1px 0;
	width: 150px;
	float:left;
	border:1px solid #FFFFFF;
}


label4 {
padding:2px;
margin: 1px 0 1px 0;
width: 110px;
float:left;
}
input.text4 { width:150px;font:12px/12px 'courier new',courier,monospace;color:#333;padding:3px;margin:1px 0;border:1px solid #ccc; margin-bottom:2px; }
select.text4 { width:150px;font:12px/12px 'courier new',courier,monospace;color:#333;padding:3px;margin:1px 0;border:1px solid #ccc; margin-bottom:2px; }
label5 {
padding:2px;
height:22px;
margin: 1px 0 1px 0;
width: 210px;
float:left;
color:#FD01A2;
}



.grasrg{color:#FF00A3;font-weight:bold;}

.bt{
background:url(../images/send.jpg);
padding:0 5px;
height:24px;
width: 70px;
-moz-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
border:1px solid #999999;
text-align:center
 }




#div44{ width:360px; float:right; height:auto; overflow:hidden; text-align:justify}


.vld {
background:#FFF;
color:#FD01A2;
padding:2px;
margin: 1px 0 1px 0;
width:165px;
float:left;
border:2px solid #FD01A2;
font-weight:bold;
}

#ma-sel{
background:#FD01A2;
color:#FFFFFF;
font-weight:bold;
text-align:center;
font-size:18px;
padding:2px;
margin: 30px 0 30px 0;
width: 100px;
-moz-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
border:1px solid #ccc;
}


.buttonpay{
background:#FD01A2;
font-weight:bold;
color:#FFFFFF;
width:170px;
height:29px;
border:none;
cursor:pointer;
}

.buttonlaresa{
background:#FD01A2;
font-weight:bold;
color:#FFFFFF;
width:150px;
height:29px;
border:none;
cursor:pointer;
}
.resarose{ background:#FD01A2; color:#FFFFFF}
.resagrisf{ background:#CCC; color:#FFFFFF}
.resagrisn{ background:#CCC; color:#000}
.resableu{ background:#01a1df; color:#FFFFFF}
tr{ font-size:12px;}
td{ border:0px solid #CCCCCC; padding:2px}
#tit-loisir{ width:auto;  background:#01a1df;font-weight:bold;text-transform:uppercase;font-size:14px; padding:6px 0 6px 10px; color: #FFFFFF;}







#reserva{ width:180px;  background:#01a1df; font-size:24px; font-family: Arial; padding:5px 0 ; color:#FFFFFF; text-align:center;}
#autreserva{ width:757px; background:#01a1df; padding:5px;  margin:0px 0 2px 0; overflow:hidden}
.vldreserva {
background:#FD01A2;
padding:5px;
margin: 1px 0 1px 0;
width:170px;
float:left;
-moz-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
border:1px solid #FD01A2;
color:#FFFFFF;
font-weight:bold;
text-align:center;
}
#autrosa{ width:auto; border:6px solid #FD01A2; padding:5px;  margin:0px 0 2px 0; overflow:hidden}

.crose{color:#FD01A2;}
.brose{ background:#FD01A2; color:#FFFFFF; padding:0 2px; font-weight:bold}
.bbleu{ background:#01a1df; color:#FFFFFF; padding:0 2px;}
.bbleub{ background:#01a1df; color:#FFFFFF; padding:0 2px; text-decoration:line-through; font-weight:bold }
#divcal{ margin:3px 10px 0 0; padding:2px; background:#FFFFFF; float:left}
.barre { text-decoration:line-through; color:#B02522; }
.vert { color: #009900;}
#msgg{width:100%;  padding:5px 0; text-align:left; float:left; overflow:hidden; font-weight:bold; color:#FD01A2}
#div5 a{color:#FFF;	}
#div5 a:hover {color:#01a1df;	}
#apartir a {color:#FD01A2; font-weight:bold	}
#apartir a:hover {color:#01a1df;	}

#divleft a{color:#01a1df;	}
#divleft a:hover {color:#FD01A2;	}
#barr1{ width:auto; height:20px; color:#FD01A2; margin:1px; font-size:11px; text-align:center;  }

#bandm { width:auto;  margin:auto; color:#FFF; background: #01a1df; padding:10px; text-align:left; padding-left:10px; font-family: Arial; color:#FD01A2 }
#bandm a{color:#FFF; font-size:12px; font-weight:bold; text-decoration:none; margin:0 10px 0 0;	}
#bandm a:hover {color:#FD01A2;	}
#bandm a.current{color:#FD01A2; font-size:12px; font-weight:bold; text-decoration:none; margin:0 10px 0 0;	}


#guid1{ width:650px;  text-align: justify; float:right; padding: 35px 5px; background:url(../images/logo-droite-Riad-on-Time.png) right no-repeat;}
#guid2{ width:auto;  text-align: justify;  padding: 15px 5px}
#guid3{ width:250px;  text-align:right;}


#guide-ville{ float:right; font-size:12px; font-weight:bold; color:#FFFFFF; padding:5px 10px;}
#guide-ville a{color:#FFF; font-size:12px; font-weight:bold; text-decoration:none; margin:5px 5px 0 0;	}
#guide-ville a:hover {color:#FD01A2;	}
#guide-ville a.current{color:#FD01A2; font-size:12px; font-weight:bold; text-decoration:none; margin:0 10px 0 0;	}
#guide-bt{ float:left; color:#FD01A2; border:1px solid #CCCCCC; padding:5px 10px; margin:0 10px 0 0}
#guide-bt a {color:#FD01A2; font-weight:bold; text-decoration:none	}
#guide-bt a:hover {color:#01a1df;	}
#guide-bt a.current{color:#01a1df; font-size:12px; font-weight:bold; text-decoration:none; margin:0 10px 0 0;	}

#menu-ville{ width:480px; float:right; padding:5px 0px;}

.headerimg { background-position: left top; background-repeat: no-repeat; width:942px; height:460px; position:absolute; }
#liresuite {float:right; padding:2px; border:1px solid #CCCCCC;}
#titrejardin{float:left; padding:12px 0 0 15px}




/* dock - top */
.dock {
	width:600px;
	height:130px;
	position: relative; 

	text-align: left;
	margin: 0px auto 0 auto;


	
}
.dock-container {
	position: absolute;
	height: 50px;
	text-align: left;
	padding-left: 20px;

}
a.dock-item {
	display: block;
	width: 40px;
	color: #000;
	position: absolute;
	top: 0px;
	text-align: left;
	text-decoration: none;
	font: bold 12px Arial, Helvetica, sans-serif;
}
.dock-item img {
	border: none; 
	margin: 5px 10px 0px; 
	width: 100%; 
}
.dock-item span {
	display: none; 
	padding-left: 20px;
}


/* dock2 - bottom */
.dock2 {
	/*width: 100%;*/
	position: absolute;
	left: 0px;
	margin: 10px 0 0 0;
	background-color:#FFFFFF;
}
.dock-container2 {
	position: absolute;
	height: 50px;
	background: url(images/dock-bg.gif);
	padding-left: 20px;
}
a.dock-item2 {
	display: block; 
	font: bold 12px Arial, Helvetica, sans-serif;
	width: 40px; 
	color: #000; 
	bottom: 0px; 
	position: absolute;
	text-align: center;
	text-decoration: none;
}
.dock-item2 span {
	display: none;
	padding-left: 20px;
}
.dock-item2 img {
	border: none; 
	margin: 5px 5px 0px; 
	width: 100%; 
}

			.icon {float: left; height: 70px; margin-right: 10px;}
			.currentm {float: left; width: 350px; background-color: #F0F7F9; padding: 5px;}
			.forecast {float: left; width: 100px; text-align: center;}
			#text p {font-size: 13px; padding: 0; margin: 0;}
/*Bleu #01a1df      rose   #FD01A2        */