/* CSS Document */
/***** CTMV BETA 3 1024 ********/

html, body {
margin:0;
padding:0;
height:100%
}

body {
background-color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

h1, h2, h3 {
font-family:Arial, Helvetica, sans-serif;
}

h1 {
font-size:18px;
color:#C3EB7C;
font-weight:bold;
margin:0;
padding:0;
}

a {
color:#FFFFFF;
font-size:12px;
}

a:ive {
color:#CCCCCC;
}

a:hover {
color:#A1DBEA;
}

a img {
border:0;
}

/************ CONTENEUR GENERAL ********************/

#page_accueil, #pages {
width:1004px;
height:635px;
background-image:url(Images/fondmer1024.jpg);
background-repeat:repeat;
position:relative;
margin-left:auto;
margin-right:auto;
}

#pages.carnet {
background-image:url(Images/fondmer1024_sanslogo.jpg);
background-repeat:repeat;
}

/*********************** LOGO ********************/

#lien_logo {
width:290px;
height:160px;
position:absolute;
top:50px;
left:50px;
}

#lien_logo_a {
cursor:pointer;
}

#logo {
position:absolute;
top:1px;
left:10px;
}

/***************** BARRE NAVIGATION **************/

ul#barre_navig {
	color:#A1DBEA;
	font-size:12px;
	font-weight:bold;
	list-style-type:none;
	position:absolute;
	left:387px;
	top:15px;
	margin:0;
	padding:0;
	width:585px;
	text-align:left;
}

ul#barre_navig li {
display:inline;
margin:0;
padding:0;
text-align:center;
}

ul#barre_navig li:hover {
color:white;
cursor:pointer;
}

ul#barre_navig li.lien {
height:13px;
width:auto;
border-right:2px solid #A1DBEA;
padding:0 7px 0 0px;
margin:0 0 0 7px;
}

ul#barre_navig li.lien_der {
height:13px;
width:auto;
padding:0px;
margin-left:7px;
}

ul#barre_navig a {
text-decoration:none;
color:#A1DBEA;
}

ul#barre_navig a:hover {
color:#FFFFFF;
}

ul#barre_navig li span#lien_actif {
color:#FFFFFF;
}

/* LISTE */

#lien1, #lien2, #lien3, #lien4, #lien5, #lien6, #lien7 {
	position:absolute;
	visibility: visible;
	width:auto;
}

ul#barre_navig li.lien#lien1 {
left:0;
margin-left:0;
}

#lien2 {
left:55px;
}

#lien3 {
left:120px;
}

#lien4 {
left:291px;
}

#lien5 {
left:356px;
}

#lien6 {
left:468px;
}

#lien7 {
left:528px;
}

#ssmenu2 {
width:75px;
position:absolute;
left:442px;
top:23px;
margin:0;
padding:0;
text-align:left;
list-style-type:none;
visibility: hidden;
}

#ssmenu2 ul {
margin:0;
padding:0;
list-style-type:none;
font-size:12px;
font-weight:bold;
}

#ssmenu2 ul li {
height:19px;
border:1px solid white;
margin:0;
margin-top:-2px;
padding:0;
padding-top:4px;
padding-left:8px;
}

#ssmenu2 ul li#cache {
height:10px;
border:0;
background:none;
}

#ssmenu2 ul li#lien_if_ssmenu {
color:white;
}

#ssmenu2 ul li a {
text-decoration:none;
color:#A1DBEA;
}

#ssmenu2 ul li a:hover {
color:white;
}

/************ CONTENU ACCUEIL **************/

#accueil {
	position:absolute;
	top:253px;
	left:195px;
	margin-bottom:20px;
	visibility: visible;
}

#VOEUX {
position:absolute;
top:524px;
left:195px;

}
#texte_accueil {
	position:absolute;
	top:430px;
	left:180px;
	width:620px;
	text-align:right;
	display:none;
	visibility: visible;
}

/* planete */

#planete {
	position:absolute;
	left:820px;
	top:80px;
	visibility: visible;
}

#titre_planete {
	position:absolute;
	left:520px;
	top:120px;
	text-align:right;
	font-size:20px;
	visibility: visible;
}

/* drapeaux */

#drapeaux {
width:50px;
text-align:center;
position:absolute;
top:18px;
left:300px;
}

#drapeaux img {
border:1px solid white;
margin-bottom:5px;
}

#drapeaux a:hover img {
border:1px solid #090D55;
}

/*lien vinexpo */

#lien_vinexpo {
font-family::Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
padding:0;
}

/* partenariats */

#partenaires_accueil {
	width:150px;
	position:absolute;
	left:10px;
	top:236px;
	font-size:11px;
	color:white;
	height: 380px;
}
#distributeurs {
	width:439px;
	position:absolute;
	left:273px;
	top:568px;
	font-size:11px;
	color:white;
	height: 56px;
	}
#actualites {
width:155px;
position:absolute;
left:843px;
top:253px;
font-size:11px;
color:white;
}

#actualites h2 {
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
width:100%;
border-bottom:1px solid #A1DBEA;
font-variant:small-caps;
color:#A1DBEA;
padding:2px;
padding-left:5px;
padding-right:0;
margin:0;
}

#partenaires_accueil h2 {
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
width:100%;
border-bottom:1px solid #A1DBEA;
font-variant:small-caps;
color:#A1DBEA;
padding:2px;
padding-left:5px;
padding-right:0;
margin:0;
}

#partenaires_accueil div.partenaire {
margin:0;
margin-bottom:30px;
padding:0;
}

#partenaires_accueil div.partenaire p {
padding:0;
padding-top:6px;
margin:0;
}

#meteo {
position:absolute;
top:483px;
left:887px;
}

/*********** CONTENU PAGES ***************/

/* texte */

#fond_texte {
width:640px;
height:290px;
position:absolute;
top:253px;
left:195px;
background-image:url(Images/petit_fond_mer3.jpg);
background-repeat:no-repeat;
z-index:auto;
}

#fond_texte p {
	width:570px;
	margin:0;
	margin-left:auto;
	margin-right:auto;
	font-size:12px;
	text-align:justify;
	color:#FFFFFF;
	padding:0;
	padding-top:15px;
	z-index: 5;
}

#fond_texte p.Tcentrer {
text-align:center;
}

#fond_texte p.paddingT25 {
padding-top:25px;
}

#fond_texte p.paddingT40 {
padding-top:40px;
}

#fond_texte p.paddingT50 {
padding-top:50px;
}

#fond_texte p.paddingT60 {
padding-top:60px;
}

#fond_texte p.paddingT80 {
padding-top:80px;
}

/* suite */

#fond_texte p#suite {
text-align:right;
margin-top:7px;
}

#fond_texte p#suite.Page_ethique2 {
margin-top:-15px;
}

#suite a {
text-decoration:none;
font-weight:bold;
color:white;
}

#suite a:hover {
text-decoration:underline;
}

/* titre vert */

h1#titre_vert {
width:640px;
text-align:center;
font-size:16px;
color:#C3EB7C;
font-weight:bold;
font-variant:small-caps;
margin:0;
padding:0;
padding-top:20px;
}

h1#titre_vert.activite1 {
position:absolute;
top:0px;
}

/* la plančte */

#planete_page {
position:absolute;
left:100px;
top:500px;
z-index:3;
}

#titre_planete.page {
left:253px;
top:570px;
text-align:left;
font-size:20px;
}

/* les listes */

.stop_smallcaps {
font-variant:normal;
}

#fond_texte ul {
width:570px;
margin:0;
margin-left:auto;
margin-right:auto;
font-size:12px;
text-align:justify;
color:#FFFFFF;
padding:0;
list-style-type:circle;
padding-left:20px;
padding-top:10px;
}

#fond_texte ul li {
padding:4px;
}

/*page label */

#planete_label {
position:absolute;
top:400px;
left:230px;
z-index:3;
}

p#label {
width:430px;
margin-left:175px;
margin-right:0;
}
/**page producteur**/
#producteur {
background-image:url(Images/fondmer1024.gif);
}
<style type="text/css">
#photo_goelette1 {
margin-top:-180px;
margin-right:-40px;
}
#page_accueil, #pages {
width:1024px;
}
#pages.W1004 {
width:1004px;
}
#ssmenu2 ul li {
margin-top:-1px;
}
.marge_moins40 {
margin-left:-425px;
margin-top:50px;
}
.Style4 {	color: #FFFFFF;
	font-size: 12px;
}
#producteurslanguedoc {	position:absolute;
	width:747px;
	height:112px;
	z-index:1;
	left: 38px;
	top: -14px;
}
#Layer3 {position:absolute;
	width:200px;
	height:259px;
	z-index:2;
	top: 134px;
	left: 140px;
}
#Layer4 {position:absolute;
	width:200px;
	height:115px;
	z-index:1;
	left: 203px;
	top: -1px;
}
#Layer5 {position:absolute;
	width:244px;
	height:261px;
	z-index:3;
	left: 546px;
	top: 133px;
}
#Layer2 {
	position:absolute;
	width:141px;
	height:115px;
	z-index:1;
	left: 734px;
	top: -16px;
}
#Layer6 {
	position:absolute;
	width:161px;
	height:115px;
	z-index:1;
	left: -47px;
	top: 168px;
}
.Style5 {
	font-size: 14px;
	font-weight: bold;
	color: #A1BDEA;
}
.Style6 {
font-size:11pxx;
color: #ffffff;
}
/* page presse */

#contactRP {
position:absolute;
left:434px;
top:75px;
width:220px;
text-align:right;
}

#contactRP p {
width:220px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFFFFF;
margin:0;
margin-top:15px;
padding:0;
}

#contactRP ul {
width:220px;
margin:0;
font-size:11px;
text-align:right;
color:#FFFFFF;
padding:0;
list-style-type:none;
}

#contactRP ul li {
padding:0;
}

#fond_texte div.colonne1 {
	position:absolute;
	left:24px;
	width:250px;
	top: 0px;
}

#fond_texte div.colonne1 p {
width:250px;
}

#fond_texte div.colonne2 {
	position:absolute;
	left:332px;
	width:250px;
	top: 0px;
}

#fond_texte div.colonne2 p {
width:250px;
}

#fond_texte div.colonne1 ul, #fond_texte div.colonne2 ul {
width:250px;
margin:0;
font-size:12px;
text-align:justify;
color:#FFFFFF;
padding:0;
list-style-type:none;
padding-left:20px;
padding-top:4px;
}

#fond_texte div.colonne1 ul {
width:250px;
}

#fond_texte div.colonne1 ul li p, #fond_texte div.colonne2 ul li p {
padding:0;
padding-bottom:5px;
}

#fond_texte ul li {
padding:4px;
}

/* page contact */

#fond_texte.centrer p {
text-align:center;
font-size:13px;
}

/*************** PAGE CARNET DE BORD ***********/

#fond_texte.carnet {
background-image:none;
position:relative;
height:375px;
width:850px;
left:70px;
}

#fond_texte h1#titre_page_navire {
float:right;
margin-right:135px;
text-align:right;
font-variant:small-caps;
padding-top:0px;
color:white;
font-size:18px;
}

#fond_texte p#texte_navires {
	width:434px;
	margin:0;
	padding:0;
	position:absolute;
	top:61px;
	left:416px;
	height: 279px;
	z-index: 2;
}

p#soustitre_goelette1 {
position:absolute;
left:672px;
top:230px;
font-style:italic;
font-size:11px;
color:white;
margin:0;
padding:0;
}

.stop_float {
clear:both;
}

#bloc_images {
	position:absolute;
	width:100%;
	background-image:url(Images/fondmer1024_sanslogo.jpg);
	background-repeat:repeat;
	z-index:1;
	text-align:center;
	top: 563px;
	height: 1446px;
}

#bloc_images p {
position:absolute;
font-size:12px;
color:#FFFFFF;
margin:0;
padding:0;
}

.marge_moins40 {
margin-left:-30px;
margin-top:50px;
}

.margeg_30 {
margin-left:30px;
}

.margeh_20 {
margin-top:20px;
}

.haut2page {
width:100%;
text-align:right;
color:#A1DBEA;
font-size:11px;
margin-top:20px;
}

.haut2page a {
padding:0 25px 0 0;
color:#A1DBEA;
}

.haut2page a:hover {
color:white;
}

/**************** PHOTOS ****************/

#photo_activite1 {
position:absolute;
left:670px;
top:56px;
}

#photo_activite2 {
position:absolute;
left:640px;
top:56px;
}

#photo_goelette2 {
float:left;
margin-top:8px;
}

#photo_rendu {
width:400px;
position:
}

/************** BAS2PAGE ****************/

#bas2page {
margin:0;
padding:0;
position:relative;
margin-top:-25px;
width:100%;
text-align:center;
font-size:10px;
color:#A1DBEA;
}

#bas2page.page {
text-align:right;
margin-top:-15px;
}

#bas2page p a {
color:#A1DBEA;
}

#bas2page.page p {
margin:0;
padding:0;
margin-right:15px;
}

#bas2page p a:hover {
color:white;
}

/******************************** FORMULAIRE CONTACT ****************************/

#fond_texte.contact {
background-image:url(Images/petit_fond_mer3_r1_c1.jpg);
background-repeat:no-repeat;
width:392px;
height:223px;
left:30px;
top:270px;
}

#fond_texte.contact p {
width:350px;
text-align:center;
}

/****************************** POP UP *****************************************/

#sudexport {
width:552px;
text-align:center;
margin-top:8px;
}

#sudexport p {
font-size:12px;
text-align:justify;
margin:0;
margin-left:25px;
margin-right:25px;
font-family:Verdana, Arial, Helvetica, sans-serif;
padding:0;
padding-top:18px;
}

#sudexport p#sansmargeH {
padding-top:8px;
}

#sudexport p em {
font-size:10px;
color:#999999;
}

#sudexport p#leschamps {
margin-bottom:15px;
}

#sudexport p a {
color:#000000;
text-decoration:underline;
}

#sudexport p a:hover {
color:#a60000;
text-decoration:underline;
}

#sudexport h2 {
font-size:14px;
text-align:left;
margin:0;
margin-left:25px;
margin-top:20px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
color:#A60000;
text-decoration:underline;
}

#sudexport img.floatg {
float:left;
margin-right:15px;
margin-bottom:0px;
}

#sudexport img.floatd {
float:right;
}

.stop_floatG {
clear:left;
}

#sudexport form p {
padding-top:5px;
}

form {
width:550px;
}

label { 
display:inline;
float:left;
width:110px;
margin:0;
margin-right:10px;
text-align:right;
}

p.avertissement {
color:#a60000;
font-weight:bold;
padding:0;
margin:0;
padding-bottom:10px;
}

p#bouton_envoyer {
width:60%;
margin:15px auto 15px auto;
text-align:center;
}

form#bouton_fermer {
margin-top:20px;
padding-bottom:20px;
}

form#bouton_fermer.model3D {
text-align:center;
}


#bouteille {
margin-left:-120px;
margin-top:35px;
}

#photo_belempopup {
margin-top:20px;
margin-right:15px;
}
#VUES {
height:6400px;
width:710px;
background-color:#FFFFFF;
margin-left:2px;
margin-top:2px;
margin-bottom:2px;
margin-right:2px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#000033;
}