body {
margin : 5px auto;
background-image : url(images/fond.gif);
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
color : #898989;
}
a img {
border : none;
}

 span.c1 {font-size:13pt;  text-align:center}
 span.c2 {font-size:11pt;}
 span.c3 {font-size: 16px;}
 span.c4 {font-size:11pt;}
 span.c6 {color: #77BF2B}
 span.c7 {color: #77BF2B; font-size: 13pt}
 span.c8 {color: #333333; font-size: 13pt}
 span.c9 {color: #333333; font-size: 10.8pt}
 span.c11 {color: #333333}
 span.c12 {color: #454343}
 span.c13 {font-size: 9pt;}
 td.c9 {background-color: #F1F7FC}
 p.c10 {text-align: left}
 td.c5 {background-color: white}
 p.c4 {text-align: center}
 div.c1 {text-align: center}
 p.c4 { text-align : center;}
 div.c3 {text-align : center; }
 p.c1 { color:#666; font-size: 15px; }
 p.c2 { color:#77BF2B; font-size: 15px; text-decoration: bold; }


.trans {
background-image : url(images/transp.gif);
padding : 0;
}


.trans2 {
background-image : url(images/transp2.gif);
padding : -1px;
}



a:link, a:visited {
color : #69bede;
text-decoration : none;
}
a:hover {
color : #69bede;
text-decoration : underline;
}

h1 {
color : #666;
display: inline; margin: 0 0 0 0; 
font-size : 11px;
font-family : Arial, Helvetica, sans-serif;
text-align:center;
}


h2 {
color : #6699cc;
font-size : 19px;
font-family : Arial, Helvetica, sans-serif;
text-align : center;
}
h3 {
color : #6699cc;
font-size : 16px;
font-family : Arial, Helvetica, sans-serif;
text-align : left;
}


.ficp {
color : #666;
font-size : 13.5px;
font-family : Arial, Helvetica, sans-serif;
}



.ficp2 {
color : #333;
font-size : 18px;
font-family : Arial, Helvetica, sans-serif;
margin-left: 5px;
}


#pied {
text-align : center;
font-size : 11px;
padding-left : 160px;
padding-right : 170px;
}
.navigation {
background : url(images/bg-btn.gif) no-repeat;
height : 33px;
width : 139px;
margin : auto;
text-align : center;
}
.navigation a:link, .navigation a:visited {
display : block;
text-decoration : none;
color : #666;
font-size: 13.3px;
text-align : center;
font-weight : bold;
margin : auto;
}
.navigation a:hover {
background : url(images/bg-btn2.gif) no-repeat center center;
height : 33px;
width : 139px;
margin : auto;
text-align : center;
color : #fff;
}
#rappel {
position : absolute;
width : 250px;
height : 90px;
margin-left : 20px;
margin-top : -100px;
}
#champs {
position : absolute;
width : 200px;
height : 64px;
margin-left : 20px;
margin-top : -50px;
}
.tableau {
width : 900px;
margin : auto;
padding : 0;
}
table#tableau {
border-collapse : collapse;
}
.table {
padding : 0;
border-collapse : collapse;
margin : 0 auto;
}
.tableau1 {
height : 380px;
vertical-align : top;
padding : 0;
margin : 0 auto;
}
.tableau2 {
vertical-align : top;
height : 380px;
width : 662px;
margin : 0 auto;
}
.tableau3 {
width : 39%;
vertical-align : top;
margin : 0 auto;
}
#tab4 {
margin : 0 auto;
}
.tableau4 {
width : 61%;
}
.bastableau {
height : 20px;
padding : 0;
margin : 0;
}
#contenu {
background : url(images/bg_contenu.gif) repeat-y;
padding : 0 10px;
height : 400px;
}
.voyage1 {
background : url(images/voyage1.jpg) no-repeat;
height : 128px;
}
#simulation-text {
display : block;
padding-top : 95px;
font-size : 14px;
color : #666;
}
.prix {
color : #e7ae00;
font-size : 14px;
font-weight : bold;
text-align : right;
}
.catalogue {
background : url(images/puce3.gif) no-repeat;
padding-left : 30px;
height : 20px;
color : #00b8d2;
font-weight : bold;
}
.bloc_vert {
background : url(images/bg_bloc1.jpg) no-repeat top;
background-color : #ddeabc;
width : 121px;
text-align : center;
}
.centre_bloc {
border-left : 1px solid #f2f0c0;
border-right : 1px solid #f2f0c0;
width : 119px;
}

.promo {
background : url(images/bg_promo.jpg) no-repeat top;
padding-left : 20px;
color : #56bfe8;
}
.promo h4, .gblocbleu h4 {
background : url(images/titre_promo.gif) no-repeat;
height : 22px;
padding-left : 18px;
color : #3793b7;
margin-bottom : 10px;
margin-top : 0;
}
.promo h2 {
font-size : 14px;
margin : 0;
padding : 0;
}
.prix2 {
color : #e79f25;
font-size : 18px;
font-family : Arial, Helvetica, sans-serif;
font-weight : bold;
}
.ttc {
font-size : 11px;
}
.txtpromo {
padding-bottom : 10px;
padding-top : 5px;
border-bottom : #3793b7;
}
.btn {
background : url(images/btn.gif) no-repeat;
height : 25px;
width : 171px;
padding-left : 30px;
padding-top : 5px;
font-weight : bold;
}


/*Forms defaults - change as needed*/
input, textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#404040;
}
label {
	color:#999;
	cursor:pointer;
	padding-left:2px;
	line-height:16px;
}
label.chosen {color:#333;}

/*Transparent items*/
.outtaHere {
	position:absolute;
	left:-3000px;
}

/*Radio buttons*/
.radioArea, .radioAreaChecked {
	display:block;
	float:left;
	clear:left;
	width:15px;
	height:14px;
	font-size:0;
	cursor:pointer;
}
.radioArea {background:url(images/radio.gif) no-repeat left top;}
.radioAreaChecked {background:url(images/radio.gif) no-repeat left bottom;}

/*Checkboxes*/
.checkboxArea, .checkboxAreaChecked {
	display:block;
	float:left;
	clear:left;
	width:13px;
	height:13px;
	font-size:0;
	padding:0;
	margin:0;
	cursor:pointer;
}
.checkboxArea {background:url(images/checkbox.gif) no-repeat left top;}
.checkboxAreaChecked {background:url(images/checkbox.gif) no-repeat left bottom;}
.focused {border:1px dotted #ddd;}

/*Text inputs*/
.textinput, .textinputHovered {
	height:15px;
	background:url(images/input_bg.gif) repeat-x left top;
	border:none;
	padding:4px 0;
	vertical-align:middle;
}
.textinputHovered {background-position:left bottom;}
.inputCorner {
	padding-bottom:0;
	vertical-align:middle;
}

/*Text areas*/
.txtarea .tr, .txtarea .tr_xon {background:url(images/txtarea_tr.gif) no-repeat top right;}
.txtarea .tr_xon {background:url(images/txtarea_tr_xon.gif) no-repeat top right;}
.txtarea img.txt_corner {
	width:5px;
	height:5px;
	display:block;
}
.txtarea .br, .txtarea .br_xon {background:url(images/txtarea_br.gif) no-repeat top right;}
.txtarea .br_xon {background:url(images/txtarea_br_xon.gif) no-repeat top right;}
.txtarea .cntr {background:url(images/txtarea_cntr.gif) repeat-y right top;}
.txtarea .cntr_xon {background:url(images/txtarea_cntr_xon.gif) repeat-y right top;}
.txtarea .cntr_l, .txtarea .cntr_l_xon {
	width:5px;
	background:url(images/txtarea_l.gif) repeat-y left top;
	float:left;
}
.txtarea .cntr_l_xon {background:url(images/txtarea_l_xon.gif) repeat-y left top;}
.txtarea textarea {
	border:0;
	background:none;
	padding:0;
	margin:5px;
}

/*Selects*/
.selectArea {
	width:210px;
	height:21px;
	background:url(images/select_bg.gif) repeat-x left top;
}
.selectArea .left {
	width:8px;
	height:21px;
	float:left;
	background:url(images/select_left.gif) no-repeat left top;
}
.selectArea .right {
	width:21px;
	height:21px;
	float:right;
	background:url(images/select_right.gif) no-repeat left top;
}
.selectArea .right a {
	display:block;
	width:200px;
	height:21px;
	margin-left:-179px;
	position:absolute;
}
.selectArea .right i {display:none;}
.selectArea .center {
	width:160px;
	color:#FFF;
	padding-top:3px;
	overflow:hidden;
	white-space:nowrap;
}

/*Selects drop-down*/
.optionsDivInvisible, .optionsDivVisible {
	position:absolute;
	margin-top:-1px;
	margin-left:3px;
	width:172px;
	background:#6f7074;
	padding:2px;
	font-size:11px;
	z-index:20;
}
.optionsDivInvisible {display:none;}
.optionsDivVisible {display:block;}
.optionsDivVisible p {
	margin:0;
	padding:0;
}
.optionsDivVisible a {
	color:#F2F2F2;
	text-decoration:none;
	display:block;
	padding:1px 4px;
	border:1px solid #6f7074;
}
.optionsDivVisible a:hover {
	color:#FFF;
	background:#5F6062;
	border-color:#cfd0d6;
}

/*Button*/
.buttonSubmit, .buttonSubmitHovered {
	width:auto;
	height:26px;
	color:#FFF;
	font-weight:bold;
	padding:2px;
	background:url(images/button_bg.gif) repeat-x left top;
	cursor:pointer;
	border:none;
}
.buttonSubmitHovered {background-position:left bottom;}
.buttonImg {vertical-align:bottom;}



#nav li {
    margin: 0;
    padding: 0;
    display: inline;
}

#nav li a:link, #nav li a:visited {
    display: block;
    float: left;
    height: 32px;
    line-height: 32px;
    text-decoration: none;
    color: #FFF;
    text-align: center;
    background: url(nav.gif) repeat-x;
    padding: 0 13.5px;
}

#nav li a:hover, #nav li a:active {
    background: url(nav.gif) 0 -32px;
    padding: 0 13.5px;
}