/* CSS Document */
* { margin:0; padding:0;}
html, body { height:100%; }
body {font-size:100%; line-height:0.98em; text-align:center; background:#dadada  }
html, input, textarea	{	font-family:Tahoma; 
		color:#858585;	}	
strong { color:#0080C0;}

.alignMiddle{ vertical-align:middle}
.alignCenter{ text-align: center}
.container1{ width:100%; height:auto;}
.container2{ width:100%; height:auto;}

.clear { clear:both;}
.fleft{ float:left}
.fright{ float:right}
.dInline{ display:inline}

div.container {	overflow:hidden; width: 100%;}

a img{ border:0px}
img{ vertical-align:top;  }

b{color:#018eb9;}

a{color:#1e6bb9; text-decoration:underline} 
a:hover{text-decoration:none}
.link1{color:#1e6bb9; font-weight:bold; float:right; font-family:Arial}
.link2{color:#303030; font-weight:bold; float:right; font-family:Arial; background:url(images/rss.gif) top right no-repeat; padding-right:25px; text-decoration:none }
.link2:hover{ text-decoration:underline} 

#content ul{margin:0; padding:0; list-style:none;}
#content ul li{background:url(images/line1.gif)  bottom left no-repeat; }
#content ul .list{background:none; }
.titre{color:#303030; text-decoration:none ; line-height:2.4em; background:url(images/marker.gif) top left no-repeat; background-position:0 1px; margin:0px; padding-left:25px; font-weight:bold} 
#content ul li a{color:#303030; text-decoration:none ; line-height:2.4em; background:url(images/marker.gif) top left no-repeat; background-position:0 1px; margin:0px; padding-left:25px; font-weight:bold} 
#content ul li a:hover { color:#6eb3e1; text-decoration:none; }

#content .ul{margin:0; padding:0; list-style:none;}
#content .ul li{background:url(images/marker1.gif) top left no-repeat; background-position:0 5px; margin:0px; padding-left:24px; }
#content .ul .list2{background:url(images/marker2.gif) top left no-repeat; background-position:0 5px;  }
#content .ul .list3{background:url(images/marker3.gif) top left no-repeat; background-position:0 5px; }
#content .ul .list4{background:url(images/marker4.gif) top left no-repeat; background-position:0 5px; }
#content .ul li a{color:#858585; text-decoration: underline; line-height:1.7em; font-size:1.2em; background:none; padding:0; font-weight:normal} 
#content .ul li a:hover {color:#858585; text-decoration:none; }

.link { display:block; float:left; background:url(images/link_left.gif) left top no-repeat #d9f0fc; }
.link b { display:block; background:url(images/link_right.gif) no-repeat right top; padding:0px 10px 0px 10px; font-weight:normal; font-style:normal}
.link a { text-decoration:none; font-weight:bold; color:#1e6bb9; font-family:Arial }
.link a:hover { text-decoration:underline; }

.link-1 { display:block; float:right; background:url(images/link_bg2.gif) left top repeat-x }
.link-1 em {display:block; background:url(images/link_left2.gif) no-repeat left top;}
.link-1 b { display:block; background:url(images/link_right2.gif) no-repeat right top; padding:0px 20px 1px 20px; font-weight:normal; font-style:normal}
.link-1 a { text-decoration:none; font-weight:bold; color:#1e6bb9; font-family:Arial }
.link-1 a:hover { text-decoration:underline; }

.block{
	position: absolute;
	margin:-77px 0 0 280px;
	left: 1px;
}


.extra { position:absolute; z-index:3; margin-top:-75px;}
#header .row_1 { height:75px;}

/*content*/
#content{ font-size:0.75em; width:100%; text-align:left;}
#content .indent-main{padding:32px 31px 40px 45px}
#content .title{  margin-bottom: 23px;}
#content .title_03{  margin-bottom: 23px;}
#content .title1{  margin:7px 0 13px 0}
#content .line{  margin-bottom: -7px; width:100%; height:1px;}
#content .img-left{ float:left; margin:0px 20px 23px 0px}
#content .img-left_02{ float:left; margin:0px 45px 0px 0px;}
#content .img-left_02_a{ float:left; margin:0px 27px 0px 0px;}
#content .img-left_02_b{ float:left; margin:0px 25px 0px 0px;}
#content .img-left_02_c{ float:left; margin:0px 40px 0px 0px;}
#content .img-left_02_d{ float:left; margin:0px 52px 0px 0px;}


#content .img-left_03{ float:left; margin:0px 0px 0px 0px;}
#content .img-left_04{ float:left; margin:0px 22px 25px 0px;}
#content .img-left_05{ float:left; margin:0px 37px 25px 0px;}
#content .img-left_06{ float:left; margin:0px 65px 25px 0px;}
#content .img-left_07{ float:left; margin:0px 20px 25px 0px;}
#content .img-left_08{ float:left; margin:0px 16px 25px 0px;}
#content .img-left_09{ float:left; margin:0px 6px 25px 0px;}
#content .img-left_10{ float:left; margin:0px 13px 25px 0px;}
#content .img-left_11{ float:left; margin:0px 70px 25px 0px;}
#content .img-left_12{ float:left; margin:0px 30px 25px 0px;}
#content .img-left_13{ float:left; margin:0px 5px 25px 0px;}
#content .img-left_14{ float:left; margin:0px 30px 25px 0px;}
#content .img-left_15{ float:left; margin:0px 30px 25px 0px;}
#content .img-left_16{ float:left; margin:0px 25px 25px 0px;}
#content .img-left_17{ float:left; margin:0px 13px 25px 0px;}
#content .img-right{ float:right; margin:0px 20px 23px 0px}
#content .img-indent{ margin:0px 0px 16px 0px}
#content p{ margin:0px 0px 11px 0px}
#content .p{ margin:0px}
#content .p1{ margin:0px 0px 11px 0px}
#content .block1{ margin:30px 0px 15px 0px; background: url(images/bg_block2.jpg) no-repeat top left}
#content .block1 .indent-1{padding:13px 322px 17px 29px; color:#858585}
#content .block1 .txt{ font-size:1.2em; text-transform:uppercase; color:#1e6bb9; font-weight:normal}
#content .block1 .txt strong{ font-size:1.2em; color:#303030; font-weight: bold}
#content .txt1{ font-size:1em; color:#858585; float:right; font-weight:bold; display:block; margin:0px 0 15px 0}
#content .txt2{ font-size:1em; color:#858585; float:right; font-weight:bold;}
#content .block1 .title{  margin-bottom:13px}
#content .indent{margin:0px 0px 0px 157px}
#content .indent-col-2{padding:0px 0px 0px 0px}
#content .indent-col2{padding:131px 0px 0px 0px}


#page1 .indent1{margin:0px 0px 5px 17px}
#page1 .indent2{margin:7px 10px 0px 0px}
#page4 .img-left{ float:left; margin:0px 20px 20px 0px}
#page4 .img-left1{ float:left; margin:0px 20px 6px 0px}
#page6 .indent2{margin:0px 0px 0px 30px}
#page7 p{ margin:0px 0px 16px 0px}

/*block*/
.box{ background:url(images/bg_center.gif) #EAE4E0; width:100%; color:#767676; font-size:1em; }
.box .border-top {background:url(images/border_top.gif) repeat-x top;}
.box .border-bottom {background:url(images/border_bottom.gif) repeat-x bottom;}
.box .border-left {background:url(images/border_left.gif) repeat-y left;}
.box .border-right {background:url(images/border_right.gif) repeat-y right;}
.box .corner-top-left {background:url(images/corner_top_left.gif) no-repeat left top;}
.box .corner-top-right {background:url(images/corner_top_right.gif) no-repeat right top;}
.box .corner-bottom-left {background:url(images/corner_bottom_left.gif) no-repeat left bottom;}
.box .corner-bottom-right {background:url(images/corner_bottom_right.gif) no-repeat right bottom; }
.box .indent-box{ padding:0px 0px 0px 0px; }


/*footer*/
#footer { color:#7c7c7c; font-weight:bold; font-size:0.75em; text-align:right; font-family:Arial; padding-right:20px; }
#footer .indent-footer{ padding:13px 42px 0px 30px;}
#footer a {color:#7c7c7c; text-decoration:none}  
#footer a:hover {  text-decoration:underline}

.h{ height:28px}
input{
   	border:1px solid #a4a4a4; 
	background:#FFFFFF;
	width:302px; height:20px;
	font-size:.9em;
	padding-left:5px;
	margin-bottom:1px
}
textarea{
   	border:1px solid #a4a4a4; 
	background:#FFFFFF;
	width:300px; height:150px;
	font-size:.9em;
	padding-left:5px;
	margin-bottom:11px;
	overflow:auto}
	
.img{
width::650px;
height:250;
margin-top:150px;}



.adresse{
	float:left;
	padding-right:80px;
	height:180px;
}

.carte{
float:left;
margin-right:30px;
}

.carte_02{
float:left;
margin-right:30px;
height:160px;
}

.flyers{
height:auto;
}

.flyers_02{
height:auto;
margin-right:0px;
}

.odyssee{ margin-left:10px;}

.img_02{float:left; margin-right:18px;}
.img_03{float:left; margin-right:40px;}
.img_04{ margin-right:10px;}

.lettre{
float:left;
margin-right:100px;
}


#exemple
{
height:215px;
width:660px;
}

#exemple02
{
height:220px;
width:660px;
margin-top:15px;
}

#exemple03
{
height:260px;
width:660px;
margin-top:15px;
}

#exemple04
{
height:185px;
width:660px;
margin-top:15px;
}


.affiche{
float:left;
margin-right:50px;
}

.signal{
float:left;
margin-right:100px;
}

.panneau{
float:left;
margin-right:10px;
height:100px;
}

.enseigne{
float:left;
margin-right:100px;
}

.drapeau{
float:left;
margin-right:10px;
}

#map1{
width:80px;
height:80px;

background-color:#FFFFCC;
margin-left:400px;

}
div.nicetitle {
    position: absolute;
    padding: 4px;
    top: 0px;
    left: 0px;
    color: white;
    font-size: 13px;
    font-family: Verdana, Helvetica, Arial, sans-serif;
    width: 25em;
    font-weight: bold;
    background: url(/images/ntbg.png);
    
    /* Mozilla proprietary */
    -moz-border-radius: 12px;
}
div.nicetitle p {
    margin: 0; padding: 0 3px;
}
div.nicetitle p.destination {
    font-size: 9px;
    text-align: left;
    padding-top: 3px;
}