/* CSS RESET */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}
body {line-height: 1;}ol, ul {list-style: none;}blockquote, q {quotes: none;}blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}:focus {outline: 0}ins {text-decoration: none;}del {text-decoration: line-through;}table {border-collapse: collapse;border-spacing: 0;}

/* Eléments HTML en général
-------------------------------------------------------- */

html, body {
	font-family:Verdana, Geneva, sans-serif;
	font-size:0.8em;
	text-align: center;
	background:url(images/bg_top.png) top repeat-x;
	color:#102942;
	height:100%;
}

#wrapper {height: 100%;}


body > #wrapper {height: auto; min-height: 100%;}

#wrapper {
	height:100%;
	width:100%;
	overflow: visible;
	position: relative;
	padding: 0;
	min-height: 100%;
	text-align: left;
}
#subwrapper {
	overflow: hidden;
	position: relative;
	padding: 0;
	width: 944px;
	margin: 0 auto 0 auto;
	background-color: #FFFFFF;
	padding-bottom:45px;
}
#contenu {
	position:relative;
	margin-bottom:12px;
}
a {
	color:#717061;
}
a:hover {
	color:#c9c9c5;
}

#chemin {
	font-size:10px;	
	text-align:right;
	margin-top:6px;
	height:12px;
}
#chemin a {
	color:#91908a;
	text-decoration:none;
}
#chemin a:hover {
	color:#c9c9c5
}
#chemin a.orange:hover {
	color:#f6b247;
}
#chemin a.violet:hover {
	color:#db78f6;
	font-weight:bold;
}
#chemin a.bleu:hover {
	color:#9ec0cc;
	font-weight:bold;
}
.effetPage {
	background:url(images/bg_bottom.jpg) bottom right no-repeat;
}

p.noresult {
	color:#717061;
	font-size:11px;
	margin:30px 0;
	text-align:center;
	width:670px;
}

/*===================================
			  PAGE ACCUEIL
  ===================================*/
.accueil {
	height:380px;
	margin-top:10px;
}
.rubrique {
	margin-right:4px;
	width:232px;
	height:380px;
	float:left;
}
.rubrique a, img {
	padding:0;margin:0;
}
.sousAccueil {
	height:130px;
	margin:10px 0;
}
.moduleAccueil {
	height:156px;
	margin-bottom:10px;
	float:left;
}
.engagements { margin-left:5px;width:518px;} 
.contact { padding-left:35px;width:377px; }
.engagements ul {
	padding: 2px 0 0 180px;
}
.engagements ul li {
	list-style:url(images/puce_beige.png) outside;
	margin:6px;
}
.contact p {
	margin:6px 0 16px;
	padding-left:145px;
	width:190px;
}
.contact a {
	color:#94938c;
	margin:5px 0 0;
	font-size:12px;
	text-decoration:none;
	display:block;
}
.contact a:hover {
	color:#c9c9c5;
}
.contact .contactBoutons {
	margin-left:140px;	
}
img.mod { float:left;width:140px; }
/*===================================
			  RUBRIQUE
  ===================================*/
.rubriquePage {
	padding:20px 8px;
	width:923px;
}
.colGauche {
	width:239px;
	float:left;
}
.illusRubrique {
	height:375px;
	margin-bottom:12px;
}
.illusRubContact {
	height:325px;
}
.rubContact {
	height:130px;
	margin-bottom:12px;
	width:240px;
}
.rubContact p {
	margin:8px 0 10px 95px;
	width:130px;
}
.rubContact a {
	color:#94938c;
	margin:3px 6px 0 78px;
	font-size:11px;
	text-decoration:none;
	display:block;
}
.rubContact a:hover {
	color:#c9c9c5;
}
img.rubTel {
	position:absolute;
	left:85px;
}
.rubEngagements {
	margin-bottom:12px;
	height:140px;
	width:240px;
}
.rubEngagements ul {
	padding:3px 6px 0 100px;
}
.rubEngagements ul li {
	list-style:url(images/puce_beige.png) outside;
	margin:6px;
}
.rubEngagements a {
	color:#3390ae;
}
.rubEngagements a:hover {
	color:#7bb7cb;	
}
.savoirPlus {
	float:left;
	padding:8px 10px 0 78px;
	text-align:right;
	width:120px;
}
.savoirPlus a {
	display:block;
	text-decoration:none;
	float:left;
	width:90px;
}
.savoirPlus img {
	float:left;	
}
.colDroite {
	width:680px;
	float:left;
	clear:right;
}
.triProduits {
	height:180px;
	background:url(images/fondtriproduits.jpg) bottom repeat-x;
	margin-bottom:10px;
}
.triProduits img.fleche {
	margin:5px;
	float:left;
}
.triProduits h4 {
	height:40px;
	margin:9px 0 0 35px;
	color:#717061;
}
.triSousRub {
	float:left;
	width:95px;
	height:80px;
	margin-left:30px;
	color:#717061;
	font-size:11px;
}
.listeProduits {
	width:690px;
	margin-bottom:10px;
	padding-bottom:30px;
}
.notreSociete {
	margin-bottom:30px;
	overflow:auto;
	padding-bottom:10px;
	width:690px;
}
.descriptionRubrique {
	border-bottom:2px solid #E8E7D3;
	padding-bottom:2px;
	width:680px;
}
.descriptionRubriqueTxt {
	background-color:#F5F4EB;
	color:#717061;
	font-size:11px;
	padding:10px 15px;
}
.descriptionRubriqueTxt p {
	margin:8px 0;
}
.titreSousRub {
	border-bottom:2px solid #e8e7d3;
	width:680px;
	height:34px;
}
.titreSousRubTxt {
	height:30px;
	padding-bottom:2px;
	background-color:#f5f4eb;
}
.titreSousRubTxt img {
	margin:5px;
	float:left;
}
.titreSousRubTxt h2 {
	color:#717061;
	float:left;
	font-size:15px;
	padding:7px 0 0 5px;
	width:390px;
	height:20px;
}
.pagination {
	color:#717061;
	float:left;
	margin-top:10px;
	text-align:right;
	width:250px;
	height:20px;
}
.pagination a {
	color:#717061;
	text-decoration:none;
}
.pagination a:hover {
	color:#c0bfb2;
}
.pagination .pageCourante {
	text-decoration:none;
	font-weight:bold;
}
.basdePage {
	width:660px;
}
.ligne {
	width:680px;
	height:142px;
	border-bottom:2px solid #e8e7d3;
	margin-top:15px;
}
.elemProduit {
	color:#717061;
	background:url(images/bg_dot.png) right repeat-y;
	height:141px;
	width:145px;
	float:left;
	margin-left:10px;
	width:157px;
}
.imgProduit {
	height:95px;
	text-align:center;
}
.detailsProduit {
	background-color:#F5F4EB;
	height:39px;
	padding:3px 5px 3px 5px;
	width:140px;
}
.detailsProduit a {
	color:#717061;
	text-decoration:none;
}
.detailsProduit a:hover {
	color:#cccbbd;
	text-decoration:underline;
}
img.rubMod { float:left;width:91px;}
.documentsProduit a {
	font-size:11px;
	margin-left:30px;
}
/*===================================
			 PAGE PRODUIT
  ===================================*/
.zoomProduit {
	height:250px;
	width:340px;
	float:left;
	margin-top:15px;
	position:relative;
	text-align:center;
}
.cadreImg {
	height:235px;
	width:340px;
	border:1px solid #dad9d4;
}
.zoomBouton {
	position:absolute;
	right:0;
}
.descProduit {
	background:url(images/fonddescproduits.jpg) top left no-repeat;
	height:250px;
	width:342px;
	float:left;
	margin:15px 0 0;
}
.descProduit h2 {
	font-size:20px;
	font-weight:normal;
	margin:32px 0 0 22px;
}
.descProduit h3 {
	color:#717061;
	margin:6px 0 20px 22px;
}
.descProduit p {
	margin:0 0 10px 22px;
	width:280px;	
	color:#717061;
}
.descProduit ul {
	color:#717061;
	padding-left:37px;
}
.descProduit ul li {
	list-style:disc;
	margin:4px 0;
}
.titreSousRubTxt h3 {
	color:#717061;
	font-weight:normal;
	padding:10px 5px;
}
.leProduit {
	color:#f18228;
}

.retourRubrique {
	position:absolute;
	right:102px;
	top:55px;
}
.retourRubrique a {
	color:#717061;
	text-decoration:none;
	float:left;
}
.retourRubrique a:hover {
	color:#c0bfb2;
}
a.retourLabel {
	margin:5px 0 0 6px;
}
.retourImg {
	position:absolute;
	top:0;
}
.bleu {
	color:#116685;
}
.violet {
	color:#7D069E;
}
.orange {
	color:#f18228;
}

.cadreProdAss {
	margin-top:2px;
	border-top:2px solid #e6e4d6;	
}
.prodAssocies {
	width:638px;
	height:24px;
	float:left;
}
.prodAss_slideGauche, .prodAss_slideDroit {
	width:22px;	
	float:left;
	margin-top:111px;
} 
.decorsAssocies {
	margin-left:20px;
}
.decorsAssocies img {
	border:1px solid #dad9d4;
}
p.decors {
	margin:20px 0 6px 20px;
	font-weight:bold;
}
/*===================================
			    SOCIETE
  ===================================*/
.societePage {
	height:550px;
	padding:20px 8px;
	width:923px;
}
.societe {
	float:left;
	width:630px;
}
.societe p.titre {
	font-size:11px;
	color:#3390ae;
	margin-top:23px;
}
.societe p {
	color:#77736d;
	margin:12px;
}
.titresSociete {
	height:150px;
	width:467px;
	float:left;
}
.colonne {
	float:left;
	margin:20px 0 0 37px;
	width:280px;
}
.colonne p.titreCol {
	color:#3390AE;
	font-size:14px;
	font-weight:bold;
	margin:30px 0 15px;
}
.colonne p {
	color:#102942;
	font-size:11px;
	margin-bottom:10px;
}
.colonne ul {
	margin:10px 0;
	padding:0 30px;
}
.colonne ul li {
	list-style:disc;
	font-size:11px;
}

/*===================================
			    CONTACT
  ===================================*/
.contactPage {
	height:510px;
	padding:20px 8px;
	width:923px;
}
.contactFormulaire {
	display:block;
	height:500px;
	width:632px;
	background:url(images/fondcontact.jpg) top left no-repeat;
	float:left;
	margin-left:40px;
}
.contactFond {
	height:500px;
	width:632px;
}
.txtContact {
	padding:0;	
}
.txtContact p {
	margin:6px 0;
}
.formContact {
	margin:15px 0 0 30px;
}
.formContact input {
	border:1px solid #BFBFBA;
	color:#3E566C;
	font-size:10px;
	height:13px;
	margin-top:6px;
	width:140px;
}
.formContact textarea {
	border:1px solid #bfbfba;
	font-size:10px;
	color:#3e566c;
	font-family:Verdana, Geneva, sans-serif;
	width:475px;
	height:60px;
	margin-top:6px;
}
td.titreduChamp {
	color:#3E566C;
	font-size:11px;
	height:17px;
	text-align:left;
	vertical-align:middle;
}
.formContact input.objet {
	width:475px;
}
.asterisque {
	color:#3390ae;
}
p.adresse { color:#77736d; }
.fatbleu {
	font-weight:bold;
	color:#3f8ca5;
}
input.valider {
	border:none;
	height:21px;
	width:79px;
	margin-right:60px;
}

.engagementsContact {
	display:block;
	height:200px;
	width:290px;
	background:url(images/fondengagements.jpg) top left no-repeat;
	float:left;
}
.engagementsFond {
	height:200px;
	width:299px;
}
.engagementsFond ul {
	padding:40px 10px 0 140px;	
}
.engagementsFond ul li {
	list-style:url(images/puce_beige.png) outside;
	margin:6px;
}
/*===================================
		 VAISSELLE HOTELIERE
  ===================================*/
.imagePillivuyt {
	display:block;
	width:740px;
	margin-bottom:10px;
	float:left;
}
.imagePillivuytFond {
	width:739px;
		padding-bottom:15px;

}
.descPillivuyt {
	display:block;
	height:200px;
	width:180px;
	float:left;
}
.descPillivuytFond {
	height:200px;
	width:179px;
}
.descPillivuyt p {
	margin-top:10px;
	padding:5px 10px 2px 10px;
}
.videoFlash {
	text-align:center;
}
.videoFlash p {
	margin:20px;
}
/*===================================
			     FOOTER
  ===================================*/
#footer {
	border-top:6px solid #bab9ad;
	padding-top:3px;
	width:100%;
	color:#ffffff;
	height:45px;
	position: relative;
	margin-top:-54px;
	clear:both;
}
#footer ul {
	background-color:#3e566c;
	height:33px;
	padding:6px;
	text-align:center;
}
#footer ul li {
	list-style:none;
	display:inline;
}
#footer a {
	color:#ffffff;
	padding:1px 0;
	text-decoration:none;
}
#footer a:hover {
	color:#ededed;
	border-bottom:1px dotted #ffffff;
}

/* CLEAR FIX*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
* html .clearfix { height: 1%;}
.clearfix {display: block;}