
body  {
	font: 11pt Tahoma, Arial, Helvetica, sans-serif; 
}

img, #photos_container #bgphotos { behavior: url(/includes/iepngfix.htc); }

img{border:0}

p{
margin:5px 0  5px 0;
line-height:11pt;
}
h1 img{
	margin-left:0;
}

h1{
	font: 17pt Verdana, Tahoma, Arial, sans-serif;
	color:#00246b;
	margin-bottom:14px !important;
}

h2{
	font: 15pt Tahoma, Arial, Helvetica, sans-serif;
	color:#809bbc;
	margin-bottom:12px !important;
	font-weight:bold;
}

h3{
	font: 13pt Tahoma, Arial, Helvetica, sans-serif;
	color:#00246b;
	margin-bottom:10px !important;
	font-weight:bold;
}

h4{
	font: 11pt Tahoma, Arial, Helvetica, sans-serif;
	color:#00246b;
	margin-bottom:1px !important;
	font-weight:bold;
	border-bottom:1px solid #BFCDDD;
	padding:0 0 5px 0;
}

h5{
	font: 13pt Tahoma, Arial, Helvetica, sans-serif;
	color:#00246b;
	margin-bottom:10px !important;
	font-weight:bold;
}

h6{
	font: 13pt Tahoma, Arial, Helvetica, sans-serif;
	color:#ecb31c;
	margin-bottom:10px !important;
	font-weight:bold;
}


.tahoma10{
	font:10pt Tahoma, Arial, sans-serif;

}
.tahoma11{
	font:11pt Tahoma, Arial, sans-serif;
}


#piv{
	display:none;
}

#menupivgauche{
	display:none;
}

#menupivgauche a{
	display:none;
}

#menupivenglish{
	display:none;
}

#menupivenglish a{
	display:none;
}

#menupivarianne{
	display:none;
}

#menupivarianne a{
	display:none;
}




#enteteprint{
	position: relative;
	width: 960px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	height: auto;
}

#entete{
	display:none;
}

#footer{
	width:960px;
	height:108px;
	background:#FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align:center;	
}

#footer a{
	color: #00246b;
}

#menufooter{
	width:960px;
	height:31px;
	padding:18px 0 0 0;
	margin:0 0 13px 0;
	border-top:1px solid #bfcddd;
	border-bottom:1px solid #bfcddd;
}


#fermeturetable{
	clear:left;
}

/* Style du template ACCUEIL seulement */
.tmpaccueil #container { 
	position: relative; /* adding position: relative allows you to position the two sidebars relative to this container */
	width: 960px;  
	height: 1172px;
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	z-index:2; /* tres important, regle un bug avec les div en absolue de la page accueil le z-index de container_colonnes doit être plus petit*/
}

.tmpaccueil #carte{
	display:none;
}

.tmpaccueil #carte .picto{
	display:none;
}

.tmpaccueil #container_colonnes {
	width:960px;
	margin:0;
	padding:0;
	z-index:1; /* tres important, regle un bug avec les div en absolue de la page accueil le z-index de container doit être plus grand*/
}

.tmpaccueil #colonnegauche{
	display:none;
}

.tmpaccueil #colonnecentre{
	position: relative;
	float:left;
	width:666px;
	height:auto;
	padding:0 18px 0 18px;
	background:transparent;
}

.tmpaccueil #colonnedroite{
	display:none;
}

.tmpaccueil #logobascolonnedroite{
	display:none;
}
/* Fin des styles pour ACCUEIL seulement */

/* Style du template NIVEAU 2 colonnes seulement */
.niv2colonnes #container { 
	position: relative; /* adding position: relative allows you to position the two sidebars relative to this container */
	width: 960px;
	height: auto;
	background: #FFFFFF url(../images/bg_container_niv2colonnes.gif) 0 2px repeat-y;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	z-index:2; /* tres important, regle un bug avec les div en absolue de la page accueil le z-index de container_colonnes doit être plus petit*/
}

.niv2colonnes #container_colonnes {
	width:960px;
	margin:0;
	padding:0;
	z-index:1; /* tres important, regle un bug avec les div en absolue de la page accueil le z-index de container doit être plus grand*/
}

.niv2colonnes #colonnegauche{
	display:none;
}

.niv2colonnes #colonnecentre{
	position: relative;
	float:left;
	width:666px;
	height:auto;
	padding:300px 18px 0 18px;
	background:transparent;
}

/* Fin des styles pour NIVEAU 2 colonnes seulement */

/* Style du template NIVEAU 3 colonnes seulement */
.niv3colonnes #container { 
	position: relative; /* adding position: relative allows you to position the two sidebars relative to this container */
	width: 960px;  
	height: auto;
	background: #FFFFFF url(../images/bg_container_niv3colonnes.gif) 0 2px repeat-y;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	z-index:2; /* tres important, regle un bug avec les div en absolue de la page accueil le z-index de container_colonnes doit être plus petit*/
}

.niv3colonnes #container_colonnes {
	width:960px;
	margin:0;
	padding:0;
	z-index:1; /* tres important, regle un bug avec les div en absolue de la page accueil le z-index de container doit être plus grand*/
}

.niv3colonnes #colonnegauche{
	display:none;
}

.niv3colonnes #colonnecentre{
	position: relative;
	float:left;
	width:666px;
	height:auto;
	padding:300px 18px 0 18px;
	background:transparent;
}

.niv3colonnes #colonnedroite{
	display:none;
}
/* Fin des styles pour NIVEAU 3 colonnes seulement */

/* CONTENU DE LA COLONNE DE GAUCHE */
#menucontainer{
	display:none;
}

#topmenu{
	display:none;
}

#topmenu img{
	display:none;
}

#container_recherche{
	display:none;
}

#container_recherche input {
	display:none;
}

#container_recherche img {
	display:none;
}

#utilitaires {
	display:none;
}

#menuoutil{
	display:none;
}

#menuoutil ul{
	display:none;
}

#menuoutil li{
	display:none;
}

#menuoutil li.last{
	display:none;
}

#menuoutil img{
	display:none;
}

#menuoutil a{
	display:none;
}


/* CONTENU DE LA COLONNE DE DROITE */
#alerte{
	display:none;
}
#alerte h2{
	display:none;
}

#nouvelles{
	display:none;
}

#nouvelles ul{
	display:none;
}	

#nouvelles li{
	display:none;
}	

#nouvelles a{
	display:none;
}
		
#nouvelles h2{
	display:none;
}

#gardezcontact{
	display:none;
}

#gardezcontact input {
	display:none;
}

#gardezcontact img {
	display:none;
}


/* Boite avec coin arrondis */
#cssboxcontainer{
background: transparent url(../images/bg_fond_cssbox.gif) 0px 140px no-repeat;
}

#cssboxbg{
position:relative;
background:transparent url(../images/bg_box_traverse.gif) no-repeat;
width:439px;
min-height:133px;
height:auto !important;
height:133px;
padding:13px 0 0 226px;
margin:20px auto 0 auto;
}

#phototraverse{
position:absolute;
top:20px;
left:20px;
}

#textetraverse img{
margin-right:5px;
}

#textetraverse p{
min-height:72px;
height:auto !important;
height:72px;
}

#textetraverse h2{
font:1.1em Tahoma, Arial, sans-serif;
color:#00246b;
font-weight:bold;
margin-bottom:20px !important;
}

#textetraverse a{
color:#00246b;
}

#bottom{
background:transparent url(../images/box_traverse_bottom.gif) no-repeat;
width:665px;
height:7px;
margin-bottom:0px auto 20px auto;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	#bottom{
	margin:-5px auto 20px auto;
	}
}


#horairetraverse_container{
	width:406px;
}

#horairetraverse_container a{
	color: #00246b;
}
	
#horairetraverse_top{
	position:relative;
	width:388px;
	height:26px;
	background:url(../images/bg_top_horaire_traverse.png) no-repeat;
	padding:11px 0 0 18px;
}

#horairetraverse_top #left{
	width:280px;
	height:20px;
	float:left;
	font:12px Tahoma, Arial, sans-serif;
}

#horairetraverse_top #right{
	width:80px;
	height:20px;
	float:left;
	background:url(../images/ico_autre_periode.gif) 0 -2px no-repeat;
	padding:0 0 0 20px;
}

#horairetraverse_container td{
	background:#dfe6ee;
	text-align:center;
	padding:4px;
}

#horairetraverse_container .entetetableau{
	background:#dfe6ee;
	text-align:center;
	font:10px Tahoma, Arial, sans-serif;
	font-weight:bold;
	border-top:1px solid #fff;
	padding:4px;
}

#horairetraverse_container .entete2tableau{
	background:#dfe6ee;
	text-align:center;
	font:10px Tahoma, Arial, sans-serif;	
	font-weight:bold;
	width:67px;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;	
	padding:4px;
}

#horairetraverse_container .celldegrade{
	width:67px;
	background:#dfe6ee url(../images/bg_cellule_degrade.jpg) repeat-y;
	text-align:center;
	border-right:1px solid #ecf0f5;
}
#horairetraverse_container .celldegradelast{
	width:67px;
	background:#dfe6ee url(../images/bg_cellule_degrade.jpg) repeat-y;
	text-align:center;
	border-right:1px solid #ecf0f5;
	border-left:1px solid #fff;
}

#horairetraverse_container .borderright{
	border-right:1px solid #fff;
}

.horairetraverse_bottom{
	width:386px;
	height:17px;
	background:url(../images/bg_bottom_horaire_traverse.png) no-repeat;
	padding:4px 0 0 20px;
	font:10px Tahoma, Arial, sans-serif;
	font-weight:bold;
}

.horairetraverse_bottom img{
	padding:0 5px 3px 0;
}

.horairetraverse_bottom a{
	text-decoration:none;
}

.horairecomplet{
	width:406px;
	height:auto;
	background:#bfcddd;
}

#autresperiode_container, .autresperiode_container {
	position:absolute;
	width:220px;
	height:auto;
	border:1px solid #ecb31c;
	top:0;
	left:184px;
	visibility:hidden;
}


#autresperiode_container #top, .autresperiode_container #top-autreperiode {
	width:116px;
	height:25px;
	background:#f9e6b4;
	padding:11px 0 0 104px;
}


#autresperiode_bottom{
	width:202px;
	min-height:150px;
	height:auto !important;
	height:150px;
	background:#fff;
	text-align:right;
	line-height:17px;
	font-size:10px;
	padding:3px 18px 0 0;
}

#autresperiode_bottom a{
	color: #00246b;
	text-decoration:underline;
}

#autresperiode_bottom img{
	margin:0 6px 0 0;
	width:5px;
	height:8px;
}



/* LISTE DES TARIFS */
#tarifs_container ul{
	margin:0;
	padding:0;
	border-top:none;
}	

#tarifs_container li{
	list-style:none;
	background:transparent url(/images/puce_liste.gif) 18px 3px no-repeat;
	margin:5px 0 5px 0px;
	padding:0 0 5px 28px;
	border-bottom:1px solid #BFCDDD;
	position:relative;
}	

#tarifs_container li a{
	color: #00246b;
}

#tarifs_container li #prix{
	position:absolute;
	width:150px;
	top:0;
	left:75%;
	margin:0;
	padding:0;
	font-weight:bold;
}


#tarifs_container ul ul{
	margin:-18px 0px -11px 10px;
	padding:0;
	border-top:none;
}	

#tarifs_container li li{
	width:60%;
	list-style:none;
	background:none;
	padding:0 33px 5px 198px;

}	

#tarifs_container li li #prix{
	position:absolute;
	width:150px;
	top:0;
	left:76%;
	margin:0;
	padding:0;
	font-weight:bold;
}
/* FIN LISTE DES TARIFS */

/* Saviez-vous que */

#saviezvousque{
	margin:0 0 -5px 0;
	padding:9px 0 9px 0;
	width:220px;
	border-left:1px solid #ecb31c;
	border-right:1px solid #ecb31c;
}	

#saviezvousque ul{
	margin:0;
	padding:0;
}	

#saviezvousque li{
	list-style:none;
	background:transparent url(/images/puce_liste.gif) 18px 3px no-repeat;
	margin:5px 0 5px 0px;
	padding:0 0 5px 28px;
	color: #809bbc;
}	

#saviezvousque li a{
	color: #809bbc;
}


/* Style d'un tableau */
#tableau_top{
	position:relative;
	width:647px;
	height:26px;
	background:url(../images/bg_top_specifications.gif) no-repeat;
	padding:11px 0 0 18px;
}

#tableau_top{
	width:647px;
	height:20px;
	font:12px Tahoma, Arial, sans-serif;
}

#tableau td{
	background:#dfe6ee;
	text-align:left;
}

#tableau .left{
	width:205px;
	font:10px Tahoma, Arial, sans-serif; 
	font-weight:bold;
	border-top:1px solid #fff;
	padding:4px 4px 4px 18px;
}

#tableau .right{
	font:10px Tahoma, Arial, sans-serif;
	border-top:1px solid #fff;
	border-left:1px solid #fff;
	padding:4px 4px 4px 18px;
}

#tableau_bottom{
	width:645px;
	height:17px;
	background:url(../images/bg_bottom_specifications.gif) no-repeat;
	padding:4px 0 0 20px;
	font:10px Tahoma, Arial, sans-serif;
	font-weight:bold;
}

#tableau_bottom img{
	padding:0 5px 3px 0;
}

#tableau_bottom a{
	text-decoration:none;
}


#entete_galerieimage{
	width:665px;
	text-align:center;
}

#entete_galerieimage .selectentete{
	font-weight:bold;
	text-align:left;
	width:300px;
	padding:0 0 0 12px;
}

#entete_galerieimage select{
	width:280px;
	font:11px Tahoma, Arial, sans-serif;
}

#entete_galerieimage table{
	margin:18px 0 18px 10px;
}

#entete_galerieimage hr{
	width:100%;
	color:#C0CDDE;
    border: 0;
 	background-color: #C0CDDE;
	height: 1px;
	margin:0;
	padding:0;
}

#entete_galerieimage left{
	width:200px;
	float:left;

}

#entete_galerieimage right{
	width:200px;
	float:left;
}

#photos_container{
	width:650px;
	margin:0 0 0 0px;
}

#photos_container #bgphotos{
	float:left;
	background:url(../images/bg_photo_galerie.png) no-repeat;
	width:199px;
	height:125px;
	padding:10px 0 0 11px;
	margin: 0 0 4px 5px;
}

#msg-div {
    position:absolute;
    left:35%;
    top:10px;
    width:250px;
    z-index:25000;
}

.popup {
	position: absolute;
	z-index: 20000;
	border-collapse: collapse;
}

.popup td.corner {
	height: 15px;
	width: 19px;
}

.popup td#topleft { background-image: url(/onclick/onclick_media/popup_bulle/bubble-1.png); }
.popup td.top { background-image: url(/onclick/onclick_media/popup_bulle/bubble-2.png); }
.popup td#topright { background-image: url(/onclick/onclick_media/popup_bulle/bubble-3.png); }
.popup td.left { background-image: url(/onclick/onclick_media/popup_bulle/bubble-4.png); }
.popup td.right { background-image: url(/onclick/onclick_media/popup_bulle/bubble-5.png); }
.popup td#bottomleft { background-image: url(/onclick/onclick_media/popup_bulle/bubble-6.png); }
.popup td.bottom { background-image: url(/onclick/onclick_media/popup_bulle/bubble-7.png); text-align: center;}
.popup td.bottom img { display: block; margin: 0 auto; }
.popup td#bottomright { background-image: url(/onclick/onclick_media/popup_bulle/bubble-8.png); }

.popup table.popup-contents {
	font-size: 12px;
	line-height: 1.2em;
	background-color: #fff;
	color: #666;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif;
}

#minimenu_traverses{
	display:none;	
}

#minimenu_traverses ul{
	margin:0;
	padding:0;
}	

#minimenu_traverses li{
	list-style:none;
	background:transparent url(/images/puce_menup.gif) 0px 4px no-repeat;
	margin:8px 0 8px 0px;
	padding:0 0 0 10px;
	line-height:13px;
}	

#minimenu_traverses a{
	color: #00246b;
}

#minimenu_traverses td{
	vertical-align:top;
}
