body { background:url("img/page/fond_noel.png") repeat-y center #0099cc; width:977px; margin:auto; font-family:Arial,serif; font-size:12px; }
img { border:0px; }
a { text-decoration:none; color:#333333;}
table { border-collapse:collapse; }
#header 
#fond_noel { 
	z-index:3;
	width:1121px; background:url("img/fond_noel.png") no-repeat; 
	position:relative; left:5px;
}
#page {
	position:relative; z-index:1;
	width:948px; left:20px;  top:10px;
}
#top_page { background:url("img/page/top.jpg"); 	width:988px;  height:38px; }
#corps { width:950px!important; margin-top:0px!important; margin-top:-35px;}
#bas_page { clear:both; background:url("img/page/bas.jpg") no-repeat; height:64px; }
#banniere { width:902px; height:152px; margin-left:18px; margin-top:0px!important; margin-top:0px!important!; margin-top:40px; }
#footer { text-align:center; margin-top:15px; }
#footer a { font-weight:bold; }
.boule1 { float:left; left:-33px!important; left:-32px;
	top:130px!important; top:129px!important!; 
	position:relative; width:42px; height:39px; background:url("img/boule1.png") no-repeat; 
}
.fond_promo_unique {
	background:url("img/promo2.jpg") no-repeat;
	width:904px; height:60px;
	margin-left:18px!important!; margin-left:18px!important; margin-left:8px; margin-top:5px; 
	padding-left:2px; font-size:24px; font-weight:bold; 
}
.fond_promo_unique .texte { float:left; width:740px; text-align:center; margin-left:80px!important; margin-left:40px; margin-top:15px; }
.fond_promo { 
	float:left; background:url("img/fond_promo.png") no-repeat; 
	width:450px; height:60px; 
	margin-left:18px!important!; margin-left:18px!important; margin-left:8px; margin-top:5px; 
	padding-left:2px; font-size:24px; font-weight:bold; 
}
.fond_promo .texte { float:left; width:260px; text-align:center; margin-top:15px; }
.fond_promo img { float:left; }

#menu { float:left; margin-top:0px; width:235px; margin-left:18px!important!; margin-left:18px!important; margin-left:8px; }
.top_menu { background:url("img/menu/top.png") no-repeat; height:19px; margin-top:5px; }
.fond_menu { background:url("img/menu/fond.png") repeat-y; padding-left:10px;}
.bas_menu { background:url("img/menu/bas.png") no-repeat; height:19px; }
.fond_menu ul { margin:0px; margin-left:0px; padding-left:0px; list-style-type:none; }
.fond_menu li { font-family:Verdana,serif; font-weight:bold; height:20px; line-height:18px; padding-top:3px; padding-left:6px; }
.fond_menu li:hover { background:url("img/menu/hover.png") no-repeat; }
.fond_menu li a { font-size:13px; display:block; }
.fond_menu li img { float:left; }
.fond_menu .fleur { background:url("img/menu/fleur.png") no-repeat right; margin-top:0px; width:200px; height:70px; padding-top:30px; padding-left:20px; }

.photo { width:235px; margin-left:0px; font-size:14px; font-weight:bold; color:black; text-align:center; margin-top:5px; }
.photo img { width:228px; margin-top:-5px; margin-left:-0px; }
.photo .top { background:url("img/menu/photo/top.png") no-repeat; height:14px; }
.photo .fond { background:url("img/menu/photo/fond.png") repeat-y; margin-top:0px!important; margin-top:0px!important!; margin-top:-2px; padding-right:4px;  }
.photo .bas { background:url("img/menu/photo/bas.png") no-repeat; height:21px; }
.photo .fondimg { background:url("img/menu/photo/fondimg.png") repeat-y; }
.photo .basimg { background:url("img/menu/photo/basimg.png") no-repeat; height:11px; }

#bandeau { 
	float:left; background:url("img/cadre/bandeau.png") no-repeat; 
	width:664px; height:41px; 
	margin-top:5px; margin-left:5px; 
	padding-left:10px; padding-top:7px; 
	font-size:20px; color:white; font-weight:bold;
	text-align:center;
}
.top_cadre_voyages { background:url("img/top_cadre.png") no-repeat; width:669px; height:22px; }
.bas_cadre_voyages { background:url("img/bas_cadre.png") no-repeat; width:669px; height:21px; }
.cadre_voyages .fond { background:url("img/fond_cadre.png") repeat-y; width:659px; padding-left:10px; }
.cadre_voyages {
	width:669px; margin-left:5px;
}
.cadre_voyages .img { float:left; width:80px; height:100px; margin-right:10px; }
.cadre_voyages h1 { font-size:21px; margin:0px; }
.cadre_voyages .prix { float:left; font-weight:bold; font-size:32px; color:#FFED00; margin-left:20px; margin-right:20px;}
.cadre_voyages .icone { color:white; }
.cadre_voyages .icone img { float:left; margin-right:5px; }
.cadre_voyages .infos { float:left; width:100px; text-align:center; }

.cadre_spectacle { float:left; margin-left:5px!important; margin-left:2px; margin-top:5px; width:330px; }
.cadre_spectacle .prix { 
	background:url("img/cadre/spectacle/fleur.jpg") no-repeat;
	width:83px; height:17px;
	margin-left:210px;
	padding-top:35px; text-align:center;
	color:#333333; font-size:14px; font-weight:bold;
}
.cadre_spectacle .top {
	background:url("img/cadre/spectacle/top.jpg") no-repeat;
	height:28px;
}
.cadre_spectacle .top2 {
	background:url("img/cadre/spectacle/top2.jpg") no-repeat;
	height:12px; 
}
.cadre_spectacle .fond {
	background:url("img/cadre/spectacle/fond.jpg") repeat-y;
	color:white; 
	padding-left:10px; padding-right:10px; padding-bottom:5px; margin-top:-3px; 
}
.cadre_spectacle .texte { float:left; width:170px; }
.cadre_spectacle .transport { float:left; width:125px; text-align:center; }
.cadre_spectacle .icone { padding-left:60px; padding-top:10px; color:white; }
.cadre_spectacle .icone img { float:left; margin-right:5px; }
.cadre_spectacle .fond_unique {
	background:url("img/cadre/spectacle/fond_unique.png") no-repeat;
	height:43px;
}
.cadre_spectacle  .fond_unique h1 { color:#333333; margin:0px; padding-top:13px; padding-left:7px; font-size:14px; }
.cadre_spectacle .unique { margin-top:0px!important; margin-top:-6px; margin-left:65px; background:url("img/cadre/spectacle/unique.jpg") no-repeat; width:265px; height:42px; }
.cadre_spectacle .bas {
	background:url("img/cadre/spectacle/bas.jpg") no-repeat; 
	height:9px;
}
.cadre { float:left; margin-left:5px; margin-top:5px; width:330px;  }
/* ========================== */
/* FOND VERT[ACCUEIL]  */
/* ========================== */
.cadre .prix { 
	background:url("img/cadre/vert/prix.png") no-repeat; 
	height:65px;  width:98px;
	margin-left:200px;
	padding-top:40px; padding-left:5px;
	font-size:20px; color:white; font-weight:bold; font-family:Arial,serif;
}
.cadre .top { 
	background:url("img/cadre/vert/top.png") no-repeat; 
	height:15px;  width:330px;
}
.cadre .fond { 
	background:url("img/cadre/vert/fond.png") repeat-y; 
	color:white; text-align:center;
	width:310px;
	padding-left:10px; padding-right:10px; padding-top:10px;
}
.cadre .fond .img { float:left; margin-top:10px; width:175px; border:4px solid #c8d200; }
.cadre .fond .texte { clear:left; text-align:justify; width:305px; font-size:14px; padding-top:10px; }
.cadre .fond .info { margin-top:10px; color:black; text-align:justify; font-size:12px;  }
.cadre .fond .icone { padding-left:80px; margin-top:10px; padding-top:10px; border-top:1px solid #c8d200; }
.cadre .fond .icone img { float:left; margin-right:5px; }
.cadre .transport { margin-top:1px; padding-top:5px; margin-right:-5px; }
.cadre .fond h1 { text-align:center; margin:0px; margin-top:-13px; padding:0px; font-family:Arial,serif; font-weight:bold; color:black; font-size:21px; }
.cadre .fond .date { text-align:center; font-size:12px; color:white; font-weight:bold; padding-top:3px; }
.cadre .bas {
	background:url("img/cadre/vert/bas.png") no-repeat; 
	height:15px;
}

/* ========================== */
/* FOND ORANGE [ETRANGER]  */
/* ========================== */
.cadre .prix2 { 
	background:url("img/cadre/orange/prix.png") no-repeat; 
	height:60px;  width:106px;
	margin-left:200px;
	padding-top:45px; text-align:center; 
	font-size:18px; color:white; font-weight:bold; font-family:Arial,serif;
}
.cadre .top2 {
	background:url("img/cadre/orange/top.png") no-repeat; 
	height:22px;  width:330px;
	text-align:center;
	color:white; font-size:14px; font-family:Arial,serif; font-weight:bold; padding-top:8px;
}
.cadre .fond2 { 
	background:url("img/cadre/orange/fond.png") repeat-y; 
	color:white; text-align:center;
	width:310px;
	padding-left:10px; padding-right:10px; padding-top:10px;
}
.cadre .fond2 .img { float:left; margin-top:10px; width:175px; border:4px solid #fcc300; }
.cadre .fond2 .texte { clear:left; text-align:justify; width:305px; font-size:14px; padding-top:10px; }
.cadre .fond2 .info { margin-top:10px; color:black; text-align:justify; font-size:12px;  }
.cadre .fond2 .icone { padding-left:80px; margin-top:10px; padding-top:10px; border-top:1px solid #c8d200; }
.cadre .fond2 .icone img { float:left; margin-right:5px; }
.cadre .fond2 h1 { text-align:center; margin:0px; margin-top:-13px; padding:0px; font-family:Arial,serif; font-weight:bold; color:black; font-size:18px; }
.cadre .bas2 {
	background:url("img/cadre/orange/bas.png") no-repeat; 
	height:15px;
}

/* ========================== */
/*  CADRE DETAIL  [orange]	    */
/* ========================== */
.complet { float:left; width:692px; margin-left:5px; }
.complet .top { background:url("img/cadre/orange/top_complet.png") no-repeat; height:54px; padding-left:80px; padding-top:15px; padding-right:50px; }
.complet .top .icone { float:left; width:80px; font-size:10px; text-align:center; }
.complet .fond { background:url("img/cadre/orange/fond_complet.png") repeat-y; padding-left:10px; }
.complet .bas { clear:both; background:url("img/cadre/orange/bas_complet.png") no-repeat; height:34px; }
.complet .date { float:left; width:200px; margin-top:-3px; margin-left:10px; color:red; font-weight:bold; font-size:14px; }
.complet .date .prix { float:right; }
.complet .texte { float:left; clear:both; width:285px; text-align:justify; }

.complet .marron { float:left; width:350px; margin-left:-5px; margin-top:10px; }
.complet .marron .top { background:url("img/cadre/top_marron.png") no-repeat; height:0px; margin-bottom:0px!important; margin-bottom:-10px; }
.complet .marron .fond { background:url("img/cadre/fond_marron.png") repeat-y; }
.complet .marron .bas { background:url("img/cadre/bas_marron.png") no-repeat; height:17px; }

.complet .titre { width:621px; text-align:center; margin-left:12px; margin-bottom:15px; }
.complet .titre .top { background:url("img/cadre/orange/top_titre.png") no-repeat; height:12px; padding:0px; }
.complet .titre .fond { background:url("img/cadre/orange/fond_titre.png") repeat-y; font-size:24px; color:white; margin-top:0px!important; margin-top:-4px; }
.complet .titre .bas { background:url("img/cadre/orange/bas_titre.png") no-repeat; height:15px; }

/* ========================== */
/*  CADRE DETAIL  [VERT]	    */
/* ========================== */
.complet2 { float:left; width:692px; margin-left:5px; }
.complet2 .top { background:url("img/cadre/vert/top_complet.png") no-repeat; height:15px; padding-left:40px; padding-right:50px; }
.complet2 .top .icone { float:left; width:50px; font-size:10px; text-align:center; }
.complet2 .fond { background:url("img/cadre/vert/fond_complet.png") repeat-y; padding-left:10px; font-size:13px; }
.complet2 .bas { clear:both; background:url("img/cadre/vert/bas_complet.png") no-repeat; height:34px; }
.complet2 .date { float:left; width:175px; margin-top:-3px; margin-left:10px; color:red; font-weight:bold; font-size:14px; }
.complet2 .date .prix { float:right; }
.complet2 .texte { float:left; clear:both; width:285px; text-align:justify; }

/* ========================== */
/*  CADRE DETAIL  [BLEU]	    */
/* ========================== */
.complet3 { float:left; width:692px; margin-left:5px; }
.complet3 .top { background:url("img/cadre/bleu/top_complet.png") no-repeat; height:15px; padding-left:40px; padding-right:50px; }
.complet3 .top .icone { float:left; width:50px; font-size:10px; text-align:center; }
.complet3 .fond { background:url("img/cadre/bleu/fond_complet.png") repeat-y; padding-left:10px; }
.complet3 .bas { clear:both; background:url("img/cadre/bleu/bas_complet.png") no-repeat; height:34px; }
.complet3 .date { float:left; width:175px; margin-top:-3px; margin-left:10px; color:red; font-weight:bold; font-size:14px; }
.complet3 .date .prix { float:right; }
.complet3 .texte { float:left; font-size:14px; clear:both; width:300px; text-align:justify; margin-right:15px; margin-bottom:5px; padding:9px; margin-left:8px;  }
.complet3 img { float:left; width:290px; border:2px solid #ffcc33; }
.complet3 td { vertical-align:top; border-bottom:1px dashed black; }
.complet3 .img { vertical-align:middle; }


/* ========================== */
/*  CADRE DETAIL  [GRIS]	    */
/* ========================== */
.complet4 { float:left; width:692px; margin-left:5px; }
.complet4 .top { background:url("img/cadre/gris/top_complet.png") no-repeat; height:15px; padding-left:40px; padding-right:50px; }
.complet4 .top .icone { float:left; width:50px; font-size:10px; text-align:center; }
.complet4 .fond { background:url("img/cadre/gris/fond_complet.png") repeat-y; padding-left:10px; }
.complet4 .bas { clear:both; background:url("img/cadre/gris/bas_complet.png") no-repeat; height:34px; }
.complet4 .date { float:left; width:175px; margin-top:-3px; margin-left:10px; color:red; font-weight:bold; font-size:14px; }
.complet4 .date .prix { float:right; }
.complet4 .texte { float:left; clear:both; width:285px; text-align:justify; }

/* ========================== */
/*  CADRE DETAIL  [VIOLET]	    */
/* ========================== */
.complet5 { float:left; width:692px; margin-left:5px; }
.complet5 .top { background:url("img/cadre/rouge/top_complet.png") no-repeat; height:15px; padding-left:40px; padding-right:50px; }
.complet5 .top .icone { float:left; width:50px; font-size:10px; text-align:center; }
.complet5 .fond { background:url("img/cadre/rouge/fond_complet.png") repeat-y; padding-left:10px; }
.complet5 .bas { clear:both; background:url("img/cadre/rouge/bas_complet.png") no-repeat; height:34px; }
.complet5 .date { float:left; width:175px; margin-top:-3px; margin-left:10px; color:red; font-weight:bold; font-size:14px; }
.complet5 .date .prix { float:right; }
.complet5 .texte { float:left; clear:both; width:285px; text-align:justify; }

/* ========================== */
/*  CADRE DETAIL  [BLEU CLAIR]	    */
/* ========================== */
.complet6 { float:left; width:692px; margin-left:5px; }
.complet6 .top { background:url("img/cadre/bleuclair/top_complet.png") no-repeat; height:15px; padding-left:40px; padding-right:50px; }
.complet6 .top .icone { float:left; width:50px; font-size:10px; text-align:center; }
.complet6 .fond { background:url("img/cadre/bleuclair/fond_complet.png") repeat-y; padding-left:10px; font-size:13px; }
.complet6 .bas { clear:both; background:url("img/cadre/bleuclair/bas_complet.png") no-repeat; height:34px; }
.complet6 .date { float:left; width:175px; margin-top:-3px; margin-left:10px; color:red; font-weight:bold; font-size:14px; }
.complet6 .date .prix { float:right; }
.complet6 .texte { float:left; clear:both; width:285px; text-align:justify; }

.num_page { float:left; background:url("img/icone/num_page.png") no-repeat; width:29px; height:22px; text-align:center; padding-top:7px; }
.num_page a { font-weight:bold; color:white; }
.num_page a:hover { color:black; }
.promo { clear:both; font-weight:bold; padding-top:5px; font-size:20px; }
.nous td { width:100px; }
.nous .td { width:140px; }
.sous_image { background:silver; border:1px solid black; font-weight:bold; -moz-border-radius:5px;}
.sous_image img { width:100px; border-bottom:1px solid black; }
.td .sous_image img { width:140px; border-bottom:1px solid black; }

/* FORMULAIRES */
.form  { margin:0px; width:635px; }
.form  .fieldset {
	background:url("img/form/entete.png") no-repeat;
	padding-left:10px; padding-top:3px;
	width:635px; height:17px;
	font-weight:bold; 
	font-family:Verdana,serif;
}
.form .donnees {
	width:638px;
	padding-left:5px;
	border:1px solid #ddb12b; border-top:0px; 
}
.form .conteneur { }
.form legend { color:red; font-weight:bold; font-size:14px; }
.form p { margin:0px; margin-top:15px; }
.form hr { border:1px solid #ddb12b; margin-right:5px; }

 /*on definit la taille de la div du menu ainsi que la taille de parties du menu.*/
body { behavior:url(csshover.htc); }
.menu {width: 235px;}
.menu ul {padding: 0; width: 235px; margin:0px;}
.menu .sousmenu { height:20px; line-height:18px; padding-top:3px; }
.menu ul li { position:relative; list-style: none; }
.menu ul ul {position: absolute; top: -20px; left: 220px; display:none}
.menu li a {text-decoration: none;}
.menu .sousmenu:hover { background:url("img/menu/hover.png") no-repeat; height:18px!important!;  line-height:18px;}
.menu .niveau2 { 
	background:#bee2e6;
	border:2px solid #66b8db;
	width:300px;
}
.menu .niveau2 li { line-height:12px; height:14px; border-bottom:1px solid white; }
.menu .niveau2 li a { font-weight:bold; font-family:Verdana,Arial,serif; font-size:10px; }
.menu .niveau2 li:hover { background:#c7eef2; line-height:14px; }
.menu ul.niveau1 li.sousmenu:hover ul.niveau2, 
.menu ul.niveau2 li.sousmenu:hover ul.niveau3 {display:block;  }