/* feuille de style contenu */

/* home présentation */

/* Blocs */
#contenu {
margin-top:20px;
margin-left:21px;
background-image:url(images/ocea/roue_fond.jpg);
width:915px;
height:572px;
background-repeat:no-repeat;
position:relative;
}


/* bloc1 */
#bloc1 {
background-image:url(images/ocea/fond-bloc-1.gif);
width:447px;
height:212px;;
float:left;
position:relative;
}

#photo_bloc_croisiere {
margin:15px 0px 0px 15px;
}

#bt_croisiere {
background-image:url(images/ocea/bt_croisiere.gif);
width:238px;
height:26px;
margin:22px 0px 0px 15px;
text-align:center;
line-height:26px;
font-weight:bold;
color:#626262;
font-size:11px;
}

#bloc1 p{
position:absolute;
top:115px;
left:20px;
width:270px;
color:#005596;
font-size:11px;
}

/* bloc2 */
#bloc2 {
background-image:url(images/ocea/fond-bloc-2.gif);
width:447px;
height:212px;
margin-left:18px;
float:left;
position:relative;
}

#photo_bloc_voyage {
margin:15px 0px 0px 200px;
position:absolute;
top:5px;
}

#bt_voyage {
background-image:url(images/ocea/bt_voyage.gif);
width:238px;
height:26px;
margin:22px 0px 0px 190px;
text-align:center;
line-height:26px;
font-weight:bold;
color:#626262;
font-size:11px;
}

#bloc2 p{
position:absolute;
top:120px;
left:195px;
width:235px;
color:#005596;
font-size:11px;
}

#bloc2 span{
color:#000099;
font-weight:bold;
display:block;
margin-left:30px;
padding-top:20px;
}

#bloc2  span img{
margin-left:10px;
}


/* bloc3 */
#bloc3 {
background-image:url(images/ocea/fond-bloc-3.gif);
width:447px;
height:212px;
margin-top:140px;
float:left;
position:relative;
}

#photo_bloc_3 {
margin:35px 0px 0px 25px;
}

#bloc3 p{
position:absolute;
top:100px;
left:260px;
width:180px;
color:#005596;
font-size:11px;
}

/* bloc4 */
#bloc4 {
background-image:url(images/ocea/fond-bloc-4.gif);
width:447px;
height:212px;
margin-left:18px;
margin-top:140px;
float:left;
position:relative;
}

#photo_bloc_4{
margin:35px 0px 0px 210px;
}

#bloc4 p{
position:absolute;
top:100px;
left:20px;
width:185px;
color:#005596;
font-size:11px;
}

/* bloc5 */
#bloc5 {
background-image:url(images/ocea/bloc5.gif);
width:444px;
height:178px;
margin-left:2px;
margin-top:10px;
float:left;
position:relative;
}

#photo_bloc_variety {
margin:15px 0px 0px 15px;
}

#bloc5 p{
position:absolute;
top:85px;
left:250px;
width:180px;
color:#005596;
font-size:11px;
}


/* bloc6 */
#bloc6 {
background-image:url(images/ocea/bloc6.gif);
width:444px;
height:178px;
margin-left:19px;
margin-top:10px;
float:left;
position:relative;
}

#photo_bloc_exclu {
margin:15px 0px 0px 208px;
}

#bloc6 p{
position:absolute;
top:50px;
left:20px;
width:170px;
color:#005596;
font-size:11px;
}

#bloc6 span {
position:absolute;
top:15px;
left:20px;
font-size:18px;
font-weight:bold;
color:#005596;
}

/* Moteur */
#moteur {
background-image:url(images/ocea/fond_moteur.gif);
width:342px;
height:342px;
background-repeat:no-repeat;
position:absolute;
top:103px;
left:285px;
}

#moteur p, #moteur_bis p {
position:absolute;
left:138px;
top:72px;
margin:0;
font-size:16px;
font-weight:bold;
color:#002a60;
}

#moteur .champs{
position:absolute;
top:105px;
left:25px;
}

#moteur span, #moteur_bis span  {
margin-left:2px
}

#moteur .rechercher{
margin:0px;
position:absolute;
top:175px;
left:125px;
width:42px;
height:42px; 
}

#moteur .nom_liste, #moteur_bis .nom_liste {
font-size:11px;
color:#494949;
}

#moteur select, #moteur_bis select {
height:20px;
width:165px;
margin-top:7px;
}

#moteur #depart, #moteur #date_depart, #moteur_bis #date_depart, #moteur_bis #depart {
margin-left:20px;
}

#moteur #destination, #moteur_bis #region, #moteur_bis #destination {
margin-left:40px;
}

#moteur #type {
margin-left:58px;
}

#moteur #budget, #moteur_bis #budget  {
margin-left:64px;
}


#moteur .date, #moteur_bis .date {
height:20px;
width:135px;
margin-top:7px;
margin-left:25px;
}

.calendar {
position:absolute;
top:10px;
left:-100px;
}

/* fin Moteur */

/* Newsletter */

#news {
background-image:url(images/ocea/fond-news2.gif);
width:244px;
height:127px;
background-repeat:no-repeat;
position:absolute;
top:218px;
left:618px;
}

#news p, #news_bis p{
font-size:14px;
font-weight:bold;
color:#a18c47;
margin-left:40px;
margin-top:10px;
}

#news span, #news_bis span{
display:block;
font-size:11px;
width:120px;
text-align:center;
margin-left:30px;
}

input#champ_news {
margin-left:40px;
width:100px;
}

input#bt_ok{
position:absolute;
top:35px;
left:161px;
}

/* fin Newsletter */

/* fin home présentation */

/* home croisière et voyage */
#contenu_croisieres {
margin-top:20px;
margin-left:21px;
background-image:url(images/ocea/roue_fond_croisiere.jpg);
width:915px;
height:814px;
background-repeat:no-repeat;
position:relative
}


#fond_voyages {
background-image:url(images/ocea/roue_fond_voyage.jpg);
width:915px;
height:814px;
background-repeat:no-repeat;
}

#contenu_voyages {
margin-top:20px;
margin-left:21px;
width:915px;
height:814px;
position:relative
}

#bloc1_bis {
background-image:url(images/ocea/bloc1_bis.gif);
background-repeat:no-repeat;
width:447px;
height:314px;
float:left;
position:relative;
}

#bloc2_bis {
background-image:url(images/ocea/bloc2_bis.gif);
background-repeat:no-repeat;
width:447px;
height:314px;
margin-left:18px;
float:left;
position:relative;
}

#moteur_bis {
background-image:url(images/ocea/fond_moteur.gif);
width:342px;
height:342px;
background-repeat:no-repeat;
position:absolute;
top:238px;
left:285px;
}

#moteur_bis .champs {
position:absolute;
top:105px;
left:25px;
}

#moteur_bis .rechercher{
margin:0px;
position:absolute;
top:175px;
left:125px;
width:42px;
height:42px; 
}

#news_bis {
background-image:url(images/ocea/fond-news2.gif);
width:220px;
height:172px;
background-repeat:no-repeat;
position:absolute;
top:350px;
left:623px;
}

#bloc3_bis {
background-image:url(images/ocea/bloc3_bis.gif);
background-repeat:no-repeat;
width:447px;
height:342px;
margin-top:190px;
float:left;
position:relative;
}

#bloc4_bis {
background-image:url(images/ocea/bloc4_bis.gif);
background-repeat:no-repeat;
width:447px;
height:342px;
margin-left:18px;
margin-top:190px;
float:left;
position:relative;
}

 /*bt croisières */
#bt_croisiere_1, #bt_croisiere_2, #bt_croisiere_3, #bt_croisiere_4 {
background-image:url(images/ocea/bt_croisiere.gif);
width:238px;
height:26px;
text-align:center;
line-height:26px;
font-weight:bold;
color:#626262;
font-size:12px;
}

#bt_croisiere_1 {
position:absolute;
top:270px;
left:15px;
}

#bt_croisiere_2 {
position:absolute;
top:270px;
left:190px;
}

#bt_croisiere_3 {
position:absolute;
top:22px;
left:15px;
}

#bt_croisiere_4 {
position:absolute;
top:22px;
left:190px;
}

 /*bt voyages */
#bt_voyage_1, #bt_voyage_2, #bt_voyage_3, #bt_voyage_4 {
background-image:url(images/ocea/bt_voyage.gif);
width:238px;
height:26px;
text-align:center;
line-height:26px;
font-weight:bold;
color:#626262;
font-size:12px;
}

#bt_voyage_1 {
position:absolute;
top:270px;
left:15px;
}

#bt_voyage_2 {
position:absolute;
top:270px;
left:190px;
}

#bt_voyage_3 {
position:absolute;
top:22px;
left:15px;
}

#bt_voyage_4 {
position:absolute;
top:22px;
left:190px;
}


.vide {
height:72px;}

/*offres spe */
.offre {
float:left;
width:430px;
}

.photo_offre {
margin:15px 0px 0px 15px;
float:left;
width:148px;
height:100px;
}

.texte_offre {
float:left;
margin:15px 0px 0px 15px;
position:relative;
width:250px;
}

.texte_offre .destination {
color:#ffc600;
font-size:14px;
font-weight:bold;
width:250px;
height:20px;
overflow:hidden;
display:block;
}

.texte_offre .destination_bis {
color:#52b249;
font-size:14px;
font-weight:bold;
width:250px;
height:20px;
overflow:hidden;
display:block;
}

.texte_offre .descriptif {
position:absolute;
top:20px;
width:250px;
height:45px;
overflow:hidden;
display:block;
}

.texte_offre .prix {
color:#ffc600;
font-size:17px;
font-weight:bold;
position:absolute;
top:75px;
width:250px;
}

.texte_offre .prix_bis {
color:#52b249;
font-size:17px;
font-weight:bold;
position:absolute;
top:75px;
width:250px;
}

.texte_offre .prix span, .texte_offre .prix_bis span {
font-size:10px;
}

.promo_texte{
color:#a18c47;
margin-top:115px;
margin-left:45px;
}

/*lien pour promotions supplémentaires */
a.lien_plus_1, a:visited.lien_plus_1, a:active.lien_plus_1{
margin-left:15px;
margin-top:10px;
float:left;
color:#626262;
}

a.lien_plus_2, a:visited.lien_plus_2, a:active.lien_plus_2{
margin-left:175px;
margin-top:10px;
float:left;
color:#626262;
}

a.lien_plus_3, a:visited.lien_plus_3, a:active.lien_plus_3{
margin-left:15px;
margin-top:-245px;
float:left;
color:#626262;
}

a.lien_plus_4, a:visited.lien_plus_4, a:active.lien_plus_4{
margin-left:175px;
margin-top:-245px;
float:left;
color:#626262;
}

a:hover.lien_plus_1, a:hover.lien_plus_2, a:hover.lien_plus_3, a:hover.lien_plus_4{
color:#a18c47;
}