*{margin:0; padding:0;}
body {background:#333; text-align:center;}

#conteneur {margin: 15px auto; text-align:left;width:980px;position:relative;}

p,.p {font-family: Arial, Verdana, sans-serif; font-size:8pt; color:#333;}
p span{color:#709f35;}
p span.bold{color:#709f35; font-weight:bold;}
p a{text-decoration:underline;color:#709f35;}
p a:hover{text-decoration:none;}
a img {border:none;}

.block {display:block;}
.clear {clear:both;}
/************************************ ENTETE ***********************************************/
#entete {background:url(images/fonds/entete.gif) no-repeat; height:140px; width:980px;}
#entete img#logo {float:left; width:490px; height:51px; margin: 35px 0 18px 80px;}
#entete p#langues {float:right; width:200px; margin: 35px 80px 18px 0;font-weight:bold; color:#fff; font-size:9px; text-align:right;}
#entete p#langues a img{border:none;}
#entete ul#menu {margin: 0 55px; list-style-type:none;clear:both;}
#entete ul#menu li{text-transform:lowercase;float:left;display:inline;}
#entete ul#menu li a{font: bold 12px Arial; color:#fff;float:left;display:inline;padding:0 10px;border-right:1px solid #fff;text-decoration:none;}
#entete ul#menu li a:hover{text-decoration:underline;}
#entete ul#menu li a:first-letter{text-transform:uppercase;}
#entete ul#menu li:first-letter{text-transform:uppercase;}
#entete ul#menu li a#active{text-decoration:underline;}
#entete ul#menu li a#borderno{border:none;}

/********************************************************************************************/
/************************************ ACCUEIL ***********************************************/
/********************************************************************************************/
#contain {width:978px; border-left: 1px solid #fff;border-right: 1px solid #fff;position:relative; z-index:3;margin-bottom:0;}
#contain h1 {font: bold 11pt Arial; text-transform:uppercase;color:#fff;}
/* ACTU */
#actu {width:930px; height:210px; margin:0 24px; background: #fff url(images/fonds/contenu.gif) bottom left no-repeat;}
#actu div#photo_actu {float:right; margin: 20px 20px 20px 0;}
#actu img#photo_actu {float:right; width:590px; height:170px; margin: 20px 20px 20px 0;}
#actu #news {display:inline;float:left; width:260px; margin: 10px 20px 10px 30px;}
#actu #news h1{color:#709f35; margin-bottom:5px;}
#actu #news p{font-size:8pt; color:#333;margin-bottom:8px;}
#actu #news p#date{width: 60px;font-size:8pt; color:#fff;background:#709f35; padding: 2px; text-align:center;}
#actu #news p span img{float:right; margin-left:20px;}
#actu #news p img{float:right; margin-left:20px;}


/************** GAUCHE ****************/
#accueil-gh {display:inline;width:280px; padding:25px 0 0 45px !important; padding:17px 0 0 45px; float:left;}

/* WINE TOURS */
#winetours {width:280px; margin-bottom: 30px;}
#winetours h1 img {float:right; margin: -12px 0 0 5px !important; margin: 0 0 0 5px;}
#winetours img {margin:0 10px 5px 4px; }
#winetours img#der {margin: 0 0 5px 0; }
#winetours p {clear:both;margin-bottom:8px;text-align:justify;color:#fff;}
#winetours p span {text-decoration:underline}

/* TOURS ET FORMULES TOURISMES */
#tourisme_ind {width:280px;}
#tourisme_ind h1 {margin-bottom: 8px;}
#tourisme_ind img {margin:0 10px 5px 4px; }
#tourisme_ind img#der {margin: 0 0 5px 0; }
#tourisme_ind p {clear:both;text-align:justify;color:#fff;margin-bottom:8px;}


/************** DROIT ****************/
#accueil-drt {width:578px; margin:22px 0 0 20px; float:left; display:inline;}

/* BIENVENUE */
#bienvenue {width:578px; height:148px; padding:15px 0 10px 10px; background: url(images/fonds/bienvenue.gif) no-repeat;margin-bottom:10!important;margin-bottom:15px;}
#bienvenue h1 {padding-top:5px;}
#bienvenue h1 img {float:left; margin: 0 30px 0 40px; width:101px;}
#bienvenue p {margin:3px 30px 0 0;color:#fff;}

#cadre-devisECO {display:inline; width:239px; float:left;padding-right:20px; margin-right:20px; border-right: 1px solid #797979;}
/* DEVIS */
#devis_ind {width:239px; height:151px; background: url(images/Accueil/fond-devis.gif) no-repeat;}
#devis_ind img {margin: 10px 0 0 10px;width:111px;float:left;display:inline;}
#devis_ind p#clic {margin: 0 5px 0 0; text-align:right; line-height:0.7em;color:#fff;}
#devis_ind p {color:#fff;padding-top:40px; text-align:right; float:left;display:inline; width:105px;}
#devis_ind p span{text-decoration:underline;color:white;}
/* ECO */
#eco {width:198px!important; height:100px!important; width:238px; height:120px; padding:20px 20px 0; background: url(images/Accueil/fond-environ.gif) no-repeat; margin:0 0 20px 0;}
#eco h1 {color:#709f35; text-transform:none; font-size:10pt}
#eco h1 img {float:right; margin: 1px 0 0 5px;}
#eco p img {margin: 1px 0 0 20px;}
#eco p {margin: 0 0 0 0;color:#fff;text-align:justify;}

/*width:240px !important; width: 262px; margin:11px 22px 0 20px; padding:0 22px 0 0;*/

/* AFFAIRES */
#affaires_ind{width:290px; margin:11px 0 15px 0; padding:0 0 15px 0; float:left;border-bottom: 1px solid #797979;}
#affaires_ind p img{float:right; margin: 0 0 0 7px;}
#affaires_ind p {text-align:left;margin-top:8px;color:#fff;}

/* VOITURES */
#voitures_ind{width:290px; margin:0; float:left;}
#voitures_ind img{float:right; margin: 0 0 0 15px;}
#voitures_ind h1 {margin-bottom:5px;}

/************************************ PAGES CONTENUS ***********************************************/
#contenu_ext {width:930px; margin:0 24px; background: #fff url(images/fonds/contenu.gif) bottom left no-repeat;}

/* TITRE ET MENU */
#navigation {display:inline; float:left; margin:0 50px; width:210px;}
#navigation h2{margin-bottom:30px;}
#navigation ul#navcontainer{list-style-type:none; background:url(images/border/pointV.gif) repeat-y top right;margin:0 0 30px 0; padding:0;}
#navigation ul#navcontainer li {margin: 0;padding: 0px; width:190px;}
#navigation ul#navcontainer li.espace{margin: 0 0 8px 0;}
#navigation ul#navcontainer li a{display: block;width: 180px;padding: 2px 0 0 20px; font:normal 8pt Arial; height:18px; text-transform:uppercase;}
#navigation ul#navcontainer li a:link, #navigation ul#navcontainer li a:visited
{color: #fff;text-decoration: none;background: url(images/menuV/menu.gif) no-repeat left top;}
#navigation ul#navcontainer li a:hover{color: #fff;background-image:url(images/menuV/menu-over.gif);}

#navigation ul#navcontainer ul#navlist {margin: 5px 0 10px 0;padding: 0px;list-style-type: none;font-family: Arial, Helvetica, sans-serif;width: 100%;}
#navigation ul#navcontainer ul#navlist li.space{margin:0 !important; margin: 2px 0 0 0;}
#navigation ul#navcontainer ul#navlist li a{display: block;padding: 2px 0 0 20px;width: 160px; font-size: 8pt;text-transform:none;}
#navigation ul#navcontainer ul#navlist li a:link, #navigation ul#navcontainer ul#navlist li a:visited
{color: #fff;text-decoration: none;background: url(images/menuV/ssmenu.gif) no-repeat left top;}
#navigation ul#navcontainer ul#navlist li a:hover
{background: url(images/menuV/ssmenu-over.gif) no-repeat 0 0;}
/*
#navigation ul#navcontainer ul#navlist li a:first-letter{text-transform:capitalize;}
*/
#navigation ul#navcontainer ul.subnavlist {margin: 2px 0 10px 0;padding: 0px;list-style-type: none;font-family: Arial, Helvetica, sans-serif;width: 100%;}
#navigation ul#navcontainer ul.subnavlist p{font:bold 8pt Arial;margin: 0 0 2px 15px;padding:0; color:#333; cursor:pointer;}
#navigation ul#navcontainer ul.subnavlist li {margin: 0;padding:0;}
#navigation ul#navcontainer ul.subnavlist li a{margin:0; padding:0;display: block; margin-left: 8px;padding-left:10px;font:bold 7pt Arial;text-transform:none;}
#navigation ul#navcontainer ul.subnavlist li a:link, #navigation ul#navcontainer ul.subnavlist li a:visited
{color: #999;text-decoration: none; background: url(images/boutons/selections.gif) no-repeat 0 3px;}
#navigation ul#navcontainer ul.subnavlist li a:hover
{background: url(images/boutons/ss_selection.gif) no-repeat 0 3px;}
/*
#navigation ul#navcontainer ul.subnavlist li a:first-letter{text-transform:capitalize;}
*/
/* selected states */

#navigation ul#navcontainer li a#current
{color: #fff;background-image:url(images/menuV/menu-over.gif);}
#navigation ul#navcontainer ul#navlist li a#subcurrent
{color: #fff;text-decoration: none;background: url(images/menuV/ssmenu-over.gif) no-repeat left top;}
#navigation ul#navcontainer ul.subnavlist li a#active
{color: #709f35; background: url(images/boutons/ss_selection.gif) no-repeat 0 3px;}


#contenu {
	display:inline;
	float:left;
	width:570px;
	margin:0 50px 30px 0;
	background: #fff url(images/fonds/arabesque.gif) top right no-repeat;
	position:relative;
	overflow:hidden;
}
/************************************************ CONTENU VOITURES *******************************************/
#voitures {width:386px; float:left; display:inline;}
#voitures h3{text-align:right;margin: 0 0 30px 0;height:119px;}
#voitures img#zoom {margin-bottom:10px;}
#voitures img.min {margin:0 10px 10px 0;cursor:pointer;}
#details {float:right; margin:132px 0 0 50px;width:134px; display:inline; height:308px;position:relative;}
#details p {text-align:right;margin-bottom:12px;}
#details p img{margin:2px 0 0 2px;}
#details h4 {padding:0;margin:0; position:absolute; bottom: 0; right:0; }
#paragraphe {clear:both; margin-bottom:5px;}
#paragraphe p {text-align:justify; border-bottom: 2px solid #333; border-top: 2px solid #333; padding: 10px 0;}

/************************************************ CONTENU LIEUX DE VISITES *******************************************/
#lieux {width:570px; float:left; display:inline;}
#lieux h3{text-align:right;margin:0 180px 30px 0;}
#lieux #visites {width:570px; height:259px;}
#lieux #visites img#zoom {margin-bottom:5px; display:inline;}
#lieux #visites #min {margin:0 0 0 25px; float:left; width:64px;}
#lieux #visites #min img {cursor:pointer;margin:0 0 10px 0;}
#lieux #visites #tit {margin:0 0 0 20px; width:70px; float:left;}
#lieux #visites #tit img{float:right;}
#lieux h4 {clear:both;padding:0;margin:0; text-align:right; margin-bottom:5px; }
#lieux p {text-align:justify; border-bottom: 2px solid #333; border-top: 2px solid #333; padding: 10px 0; margin-bottom:10px;}

/************************************************ CONTENU SERVICES *******************************************/
#services {width:570px; float:left; display:inline;}
#services img{text-align:right;margin:0;}
#services h4 {padding:0;margin:15px 0 2px 0; text-align:right;}
#services #texte {border-bottom: 2px solid #333; border-top: 2px solid #333;padding: 25px 0 17px 0; margin-bottom:5px;}
#services #texte p {clear:both; text-align:justify; margin-bottom:8px;}
#services #texte p img {float:left; width:64px; margin-right:10px;margin-bottom:10px !important; margin-bottom:0; padding-top:2px;}

/************************************************ CONTENU FORMULES LISTES *******************************************/
#formules {width:600px; float:left; display:inline; margin:0 20px 30px 0; background: #fff url(images/fonds/arabesque.gif) top right no-repeat; position:relative;}
#formules #titre{margin:0 30px 30px 0; height:119px;}
#formules #titre h3{text-align:right;margin: 0 300px 0 0; }
#formules .listes {width:270px;margin: 0 30px 30px 0;float:left; display:inline;padding:0}
#formules .listes p#banniere img{margin:0;width:270px;}
#formules .listes .texte h1 {color:#709f35; text-transform:none; padding: 3px 0 0 7px; margin:0;}
#formules .listes .texte {border:1px solid #333;  border-top:none;margin:0; padding:0;}
#formules .listes .texte p {margin: 0 7px 10px 7px; text-align:justify;}
#formules .listes .texte p#bold{font-weight:bold;}
#formules .listes .texte p img {float:right; margin: 0 0 5px 10px;}
#formules .listes #lien{float:right; width:80px; background:#709f35; color:#fff; border:1px solid #333; border-top:none; /*position:absolute; bottom:-15px !important; bottom:-16px; right:0;*/}
#formules .listes #lien p {text-align:center; color:#fff;margin-right:2px;}
#formules .listes #lien p a{color:#fff;text-decoration:none;}
#formules .listes #lien p a:hover{text-decoration:underline;}

#infos{clear:both;display:inline;font-style:italic;}
#infos p{font-style:italic;}

#tours {width:570px; float:left; display:inline;}

#tours #cadre {width:270px;float:left;display:inline; margin:111px 0 0 25px;}
#tours #cadre h4 {padding:0;margin:0 0 8px 0; text-align:right;}
#tours #cadre p img {padding:0;margin:0;}

#tours #cadre #cadre-txt {border:1px solid #333; border-top:none;background:white;padding-top:15px;}
#tours #cadre #cadre-txt p#titre {padding:0;margin:0 8px 10px 8px;text-decoration:underline; font-weight:bold; color:#709f35; font-style:italic;}
#tours #cadre #cadre-txt p#titre img{float:right; margin: 0 0 10px 10px;}
#tours #cadre #cadre-txt p.heure{clear:both;width:50px;margin:0 5px 15px 8px; float:left; display:inline;border-right:1px solid #333; text-align:right;padding-right:2px;}
#tours #cadre #cadre-txt p.prog{width:195px; float:left; display:inline; margin:0 5px 15px 0;text-align:left;}
#tours #cadre #cadre-txt p.prog  img{width:70px; margin:0 8px 0 0;float:right;display:inline;}
#tours #cadre #cadre-txt p {padding:0;margin: 0 8px 10px 8px; text-align:justify;}

#tours #gauche {width:275px;float:left;display:inline; margin:0; padding-bottom:10px;}

#tours p#retour{background:url(images/border/points.gif) bottom left repeat-x; padding-bottom:3px;margin-bottom:10px;}

#tours p#retour a img{float:left; margin:3px 5px 0 0;}
#tours p#retour a, #tours p#precedent a, #tours p#suivant  a{color:#333; text-decoration:none;}
#tours p#retour a:hover, #tours p#precedent a:hover, #tours p#suivant  a:hover{color:#709f35;}

#tours #lien-list {clear:both;margin-bottom:10px;}
#tours #lien-list p#precedent {float:left; width:270px;background:url(images/border/points.gif) top left repeat-x; padding-top:5px;}
#tours #lien-list p#suivant{float:right; text-align:right; width:270px;background:url(images/fonds/points.gif) top left repeat-x; padding-top:5px;}
#tours #gauche h3{text-align:right; margin: 0 0 30px 0;height:119px;}
#tours #gauche h3#formule{text-align:right; margin: 0 0 15px 0;}
#tours #gauche p img {padding:0;margin:0 0 0 0;}
#tours #gauche #gauche-txt {width:270px; border-top:1px solid #333;  border-bottom:1px solid #333; padding: 10px 0;margin-bottom:10px;}
#tours #gauche #gauche-txt p{margin-bottom:15px;text-align: justify;}
#tours #gauche #gauche-txt img.foto{margin-right:0px;}
#tours #gauche #gauche-txt img.photos{margin-right:10px;}

/* bouton */
#bouton {margin:0;}
#bouton p a{background: url(images/menuV/menu.gif) 0 0 no-repeat; width: 90px !important; width: 115px; height: 18px; border:none;color:#fff; padding:1px 0 0 25px; text-decoration:none; text-transform:lowercase;}
#bouton p a:hover{background: url(images/menuV/menu-over.gif) 0 0 no-repeat; }
#bouton p a:first-letter{text-transform:capitalize;}
#bouton p a#droit{float:right;}
#bouton p a#droitBIS{float:right;width: 115px !important; width:140px;}
#bouton p a#gauche{float:left;}
#bouton p a#centre{float:left;margin-left:70px;}


/************************************ QUI SOMMES NOUS / REFERENCES / CDV / MENTIONS LEGALES / PARTENAIRES ***********************************************/
#visuels {display:inline; float:left; margin:0 50px; width:259px;}
#visuels img#foto{margin-top:88px;}
#visuels img#logoGR{margin:10px 0 50px 0;}

#content {display:inline; float:right; margin-right:50px;padding-bottom:70px;background: #fff url(images/fonds/arabesque.gif) top right no-repeat; width:521px;}
#content p.ref {margin-top:5px;color:#333;}
#content p.ref a{color:#333; text-decoration:none;}
#content p.ref span.fleche_ref{color:#333; padding:2px 5px;border:1px solid white;}
#content p.ref span.fleche_ref.current{border:1px solid black;}

#content h3#bis{text-align:right; margin:45px 80px 30px 0;}
#content #titre{height:135px;position:relative;}
#content #titre h3{position:absolute; top:15%; right: 80px;}
#content #titre p {position:absolute; bottom:5px; left: 0px;color:#333; text-decoration:none;}
#content #titre p a{color:#333; text-decoration:none;}

#content #borderTXT {margin:0 0 10px 0; padding-top: 15px; border-top: 2px solid #333; border-bottom: 2px solid #333;}
#content #borderTXT p{margin-bottom:15px; text-align:justify;}
#content #borderTXT .references {margin:0; padding:0;}
#content #borderTXT .references img{border:1px solid black; margin: 0 10px 6px 0;width:70px; height:70px;}
#content #borderTXT h5{font: bold 10pt Arial;text-align:justify;}

#content #borderTXT .column {width:248px;background:url(images/border/pointV.gif) repeat-y left top;float:left; display:inline;padding-left:10px;}
#content #borderTXT .column2 {width:173px;float:left; display:inline;}
#content #borderTXT .column p.title, #content #borderTXT .column2 p.title{font-weight:bold; text-decoration:underline; margin:0 0 5px 0; }
#content #borderTXT .column p, #content #borderTXT .column2 p{margin:5px 0 10px 0; color:#555555}
#content #borderTXT .column p a, #content #borderTXT .column2 p a{color:#333333;text-decoration:none; }
#content #borderTXT .column p a:hover, #content #borderTXT .column2 p a:hover{color:#709F35;text-decoration:underline; }

/************************************ RECRUTEMENTS / CONTACTS ***********************************************/
#content #infos {float:left; display:inline;width:194px; margin-right:45px; }
#content #infos h5{text-align:center; border-bottom: 1px solid #333; padding-bottom: 5px;}
#content #infos p#lien{text-align:center;margin: 5px 0 10px 0;}
#content #infos p#lien a{text-align:center;margin: 5px; text-decoration:none;}
#content #infos p{text-align:justify;margin-bottom: 15px;}
#content #infos p.center{text-align:center;}
#content #infos p.center img{margin:3px 0}
#content #infos form {width:100px;}
#content #infos form input#champ {margin-bottom:5px;}
#content #infos p#ico {text-align:center;}

#content #formulaire{float:left; width:275px;}
#content #formulaire.devis form{float:left; width:100%;}
#content #formulaire .row {clear: both; padding-top: 2px !important; padding:0;}
#content #formulaire .row label {float: left; width: 110px;text-align: left; font:normal 8pt Arial; color:#333;}
#content #formulaire.devis form .row label {float: left; width: 250px;text-align: left; font:normal 8pt Arial; color:#333;}
#content #formulaire .row span.champs {float: right; text-align: left;}
#content #formulaire .row span.champs input{border: 2px solid #999; width: 160px;}
#content #formulaire #envoi,#content #formulaire form .fleches {clear: both; padding-top:5px;}
#content #formulaire #envoi span.bt,#content #formulaire form .envoi span.bt{float:left; margin-left:10px}
#content #formulaire .row span.champs textarea{border: 2px solid #999; width: 160px;}
#content #formulaire h5{font: bold 9pt Arial;text-align:justify; margin-bottom:5px;margin-top:10px;}
#content #formulaire h4{font: bold 10pt Arial;text-align:justify; margin-bottom:5px;}
#content #formulaire hr{margin:5px;}
/************************************ PIEDPAGE ***********************************************/
#piedpage {margin:0 40px 0 40px; height:96px;position:relative; z-index:4;}
#piedpage .nouv {display:inline;float:left; width:280px; margin: 10px 0 10px 10px; padding-right:10px;border-right: 1px solid #797979;}
#piedpage .nouv p{font-size:8pt; color:#fff;margin-bottom:8px;}
#piedpage .nouv p img{float:right;margin: 0;}

#piedpage #dev{float:right;display:inline; width:270px; margin: 10px 0 0 10px; padding-right:10px;}
#piedpage #dev h1 {font: bold 11pt Arial; text-transform:uppercase;color:#709f35;}
#piedpage #dev p{font-size:8pt; color:#fff;margin-bottom:8px;}
#piedpage #dev h1 img{float:right;margin:0;}

#bas_ind {clear:both;background:url(images/fonds/piedpage.gif) no-repeat; height:77px; width:980px;/*position:absolute; bottom:-76px !important; bottom:-80px ;left:0; z-index:0*/}
#bas_ind ul li{text-transform:lowercase;}
#bas_ind ul li a:first-letter{text-transform:capitalize;}
#bas_ind ul li:first-letter{text-transform:capitalize;}
#bas_ind ul#menuD {margin: 60px 55px 0 0; list-style-type:none;float:right;}
#bas_ind ul#menuD li{float:left; color:#333; font: normal 8pt Arial;}
#bas_ind ul#menuD li a{ font: normal 8pt Arial; color:#333;border-right:2px solid white;border-left:5px solid white;text-decoration:none; }
#bas_ind ul#menuD li a:hover{text-decoration:underline;}
#bas_ind ul#menuD li a#active{text-decoration:underline;}
#bas_ind ul#menuG {margin: 60px 0 0 45px; list-style-type:none;float:left;display:inline;}
#bas_ind ul#menuG li{float:left;display:inline; margin:0; padding:0; color:#333; font: normal 8pt Arial;}
#bas_ind ul#menuG li a{ font: normal 8pt Arial; color:#333;text-decoration:none; padding:0 5px 0 0;}
#bas_ind ul#menuG li a:hover{text-decoration:underline;}
#bas_ind ul#menuG li a#active{text-decoration:underline;}
#bas_ind p {
	clear:both;
	color:#FFFFFF;
	margin:0 0 10px 0;
	padding:10px 0 0;
	text-align:center;
}