@charset "utf-8";

/* CSS Document */

body {
	/*background-color:#000000;*/
	background-image:url(../images/fonds/HP2_decli_grandfond_Mayamax.jpg);
	background-repeat:repeat-x;
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

/* Positionnement Logo */
#logo { height:112px; }

.logoImage {
	float:right;
	margin-top:15px;
	margin-right:48px;
}

img { border:0; }

a:hover, a:focus, a:active { outline-width:0 }

p {
	text-align:justify;
	margin-top:5px;
	margin-bottom:10px;
}

td {
	vertical-align:top;
	margin:0;
	padding:0;
}

.contenu_general_tab a, .contenu_general_tab a:active, .contenu_general_tab a:visited { color:#e86a07; }

/* TYPOS */
H1 {
	font-size:21px;
	color:#e86a07;
	margin-top:0px;
	margin-bottom:10px;
	margin-left:20px;
}

H2 {
	font-size:13px;
	font-weight:bold;
	color:#e86a07;
	margin-top:20px;
	margin-bottom:10px;
}

H3 {
	font-size:11px;
	font-weight:bold;
	font-style:italic;
	color:#e86a07;
	margin-bottom:5px;
	margin-top:20px;
}

H4 {
	font-size:11px;
	font-weight:bold;
	color:#000000;
	margin-bottom:5px;
	margin-top:20px;
}

li {
	list-style-type:square;
	margin-bottom:5px;
}

#langues {
	border-collapse:collapse;
	margin: 14px 0px 0px 33px;
}

.tdlangues { border:dotted 1px #494d4f; }

#contenu_produit_texte {
	/*padding:10px 35px 40px 35px;*/
	display:block;
	width:550px;
	padding:0;
	margin:10px 33px 40px 33px;
	color:#313d3e;
	font-size:11px;
}

#contenu {
	/*padding:10px 35px 40px 35px;*/
	display:block;
	width:550px;
	padding:0;
	margin:10px 0px 40px 33px;
	color:#313d3e;
	font-size:11px;
}

#message { background-color:#FFF; }

#message h2 { margin:5px 0 10px 0; }

#titre {
	display:block;
	width:550px;
	padding:0;
	margin:10px 33px 10px 33px;
}

/* Image de fond */
#fond {
	/*background-color:#ced2d3;*/
	background-repeat: no-repeat;
	width:1200px;
	top:-35px;
	position:absolute;
	background-image:url(../images/fonds/HP2_decli_grand_fond.jpg);
}

#layout { border-collapse:collapse; }


/* Dégradé de fond */
#content {
	background-repeat: no-repeat;
	width:892px;
	background-image:url(../images/fonds/HP2_decli_grandfond_zone_contenu.jpg);
	border-collapse:collapse;
	margin-bottom:40px;
	/*background-color:#d8dfe1;*/
}

#topMargin {
	display:block;
	width:10px;
	height:62px;
}

#leftMargin {
	display:block;
	width:178px;
	height:10px;
}

#leftMargin2 {
	display:block;
	width:30px;
	height:10px;
}

#rightMargin {
	display:block;
	width:130px;
	height:10px;
}

#rightMargin2 {
	display:block;
	width:30px;
	height:10px;
}

#makeid {
	margin-top:30px;
	margin-bottom:30px;
}

/* MENU ORANGE */
/* Positionne le menu, à mettre dans un tableau (2lignes d'une colone) */
.menu {
	background-repeat: no-repeat;
	padding:0px;
	margin:0px;
	width:200px;
	border-collapse:collapse;
}

/* Ajoute le fond orange, et fixe la taille, à mettre dans la colone de la 1ere ligne */
.menu_corps {
	background-repeat: no-repeat;
	background:url(../images/fonds/HP2_decli_rubriques_principalesV3fusionne_sansombreBas.png);
	padding:0px;
	padding-bottom:30px;
	margin:0px;
	width:200px;
}

/* Ajoute l'ombre sous le menu, à mettre dans une colone de la dernière ligne */
.menu_ombre {
	background:url(../images/fonds/HP2_decli_rubriques_principalesV3fusionne_ombreBas.png);
	padding:0px;
	margin:0px;
	width:200px;
	height:9px;
}

.menuTitre {
	cursor:pointer;
	display:block;
	width:120px;
	height:14px;
	margin:1px 0 1px 0;
	padding:0 0 0 13px;
	background-image:url(../images/fonds/HP2_menu_plus.png);
	background-repeat:no-repeat;
	z-index:100;
}

/* Typo titre */
.menu_titres {
	margin-left:17px;
	margin-top:21px;
	font-weight: bold;
	color:#FFFFFF;
	font-size:12px;
	font-style:normal;
}

.menu_titre_closed {
	background-image:url(../images/fonds/HP2_menu_plus.png);
	background-repeat:no-repeat;
}

.menu_titre_open {
	background-image:url(../images/fonds/HP2_menu_moins.png);
	background-repeat:no-repeat;
}

/*
.menu_titres_over
{
	background:url(../images/fonds/HP2_menu_rayures_over.png);
}*/



/* Typo sous-titre */
.menu_soustitres {
	display:none;
	font-weight:normal;
	color:#FFFFFF;
	font-size:11px;
	font-style:normal;
	width:100%;
}

.soustitre {
	display:block;
	height:14px;
	width:155px;
}

.soustitre a {
	display:block;
	margin:1px 0 1px 0;
	padding:0 0 0 13px;
	width:142px;
	text-decoration:none;
	color:#FFFFFF;
}

.soustitre a:hover {
	background-image:url(../images/fonds/fleche.gif);
	background-repeat:no-repeat;
}

.sousSection {
	display:block;
	margin:1px 0 1px 0;
	padding:0 0 0 10px;
	width:142px;
	text-decoration:none;
	/*color:#d7dfe1;*/
	color:#f4bd4b;
	font-style:italic;
	font-weight:bold;
}

/* Pointillés oranges de séparation des titres */
.menu_separateur {
	margin-top:5px;
	margin-bottom:10px;
	height:1px;
	width:155px;
	background:url(../images/fonds/HP2_decli_pointilles_menu2.gif);
	background-repeat:repeat-x;
	display:block;
}

/* Fin du menu orange */


/* ONGLETS HORIZONTAUX */
/* Positionne un tableau contenant les onglets, au dessus du contenu blanc */
#onglets_barre {
	height:23px;
	margin:0 2px 0 18px;
	border-collapse:collapse;
}

.onglet {
	width:94px;
	height:23px;
	margin:0;
	padding:0;
	font-size:11px;
}

/* Image d'onglet, en surbrillance */
.onglet_over {
	background:url(../images/fonds/onglet_hover.gif);
	background-repeat:no-repeat;
	display:block;
	width:94px;
	height:19px;
	margin:0 3px 0 0;
	padding:4px 0 0 0;
	color:#ff6600;
	text-align:center;
}

/* Image d'onglet, en arplan */
.onglet_out {
	background:url(../images/fonds/onglet_out.gif);
	background-repeat:no-repeat;
	display:block;
	width:94px;
	height:19px;
	cursor:pointer;
	margin:0 3px 0 0;
	padding:4px 0 0 0;
	text-align:center;
}

/* Typos des onglets */
.onglets_titres_over {
	color:#ff6600;
	font-size:12px;
}

.onglets_titres_out {
	color:#2e3636;
	font-size:12px;
	cursor:pointer;
}

/* Fin des ONGLETS */

/* Zone contenu blanche page d'accueil */
/* Place la zone, à mettre dans le tableau */
.contenu_accueil_tab { border-collapse:collapse; }

/* Insère l'image et les marges internes, a mettre dans la colone de la 1ere ligne */
.contenu_accueil_texte {
	background-repeat: no-repeat;
	background:url(../images/fonds/HP_2_accueil_contenu_sans_ombre.png);
	width:511px;
	padding:20px 30px 20px 50px;
	border-collapse:collapse;
	color:#313d3e;
	font-size:11px;
}

/*  Ajoute l'ombre, à mettre dans la colone de la dernière ligne */
.contenu_accueil_ombre {
	background:url(../images/fonds/HP_2_accueil_contenu_ombre.png);
	padding:0px;
	margin:0px;
	width:591px;
	height:30px;
	background-repeat:no-repeat;
}

/* Fin zone contenu blanche page d'accueil */

/* Cotenu Accueil Flash */
#contenu_flash {
	width:585px;
	height:237px;
	margin-bottom:18px;
}

/* Zone contenu blanche pages classiques*/
/* Place la zone, à mettre dans le tableau */
.contenu_general_tab { border-collapse:collapse; }

.visuelProduit {
	width:600px;
	height:300px;
	margin:0px 5px 0px 7px;
}

/* Insère l'image et les marges internes, a mettre dans la colone de la 1ere ligne */
.contenu_produit_fond {
	background-repeat: no-repeat;
	background:url(../images/fonds/HP2_decli_surfond_contenu_sansombre.png);
	width:567px;
	padding-top:0px;
	margin:0;
	border-collapse:collapse;
	color:#313d3e;
	font-size:11px;
}

/*  Ajoute l'ombre, à mettre dans la colone de la dernière ligne */
.contenu_general_ombre {
	background:url(../images/fonds/HP2_decli_surfond_contenu_ombre.png);
	padding:0px;
	margin:0px;
	width:617px;
	height:30px;
	background-repeat:no-repeat;
}

/* Fin zone contenu blanche pages classiques */




/* FIN TYPOS */

/* Propriété du tableau des langues */
.tab_langues {
	position:absolute;
	top:14px;
	left:33px;
	border-collapse:collapse;
	border:none;
	text-align:center;
	vertical-align:middle;
	height:19px;
	cursor:pointer;
	text-decoration:none;
}

/* Containte sur les liens des langues, non visités */
.tab_langues a {
	text-decoration:none;
	font-size:10px;
	color:#717e81;
}

/* Containte sur les liens des langues, visités */
.tab_langues a:visited {
	text-decoration:none;
	font-size:10px;
	color:#717e81;
}

/*fond de la cellule droite du tableau des langues */
.tab_langues_gauche {
	background-image:url(../images/fonds/HP2_langues_fondgauche.png);
	padding-left:5px;
	padding-right:5px;
	margin:0px;
}

/*Barre de pointillé verticaux entre les deux cellules du tableau des langues */
.tab_langues_sep {
	background-repeat:no-repeat;
	margin:0px;
	background-image:url(../images/fonds/HP2_langues_separateur.png);
}

/*fond de la cellule droite du tableau des langues */
.tab_langues_droit {
	background-image:url(../images/fonds/HP2_langues_fonddroit.png);
	padding-left:5px;
	padding-right:5px;
	margin:0px;
}

.texteCentre {
	text-align:center;
	font-size:13px;
	margin-top:20px;
	margin-bottom:20px;
}

.listeLogos {
	display:block;
	vertical-align:middle;
	height:37px;
	margin:10px 0 10px 0;
	text-align:center;
}

.eLogo { margin:0 5px 0 5px; }

.center {
	display:block;
	text-align:center;
}

#onglet_1_texte, #onglet_2_texte, #onglet_3_texte, #onglet_4_texte, #onglet_5_texte { display:none; }

#photos a img { margin:7px 3px 7px 3px; }

.pdf, #onglet_3_texte a {
	display:list-item;
	list-style-image:url(../images/fonds/pdf.gif);
	margin-left:20px;
}

/* FORMULAIRE DE CONTACT */

#contact_form {
	margin:0 auto;
	padding:10px 0;
}

.formlabel {
	width: 120px;
}

label.requirederror{ 
	clear:both;
	font-weight:normal;
	color:#c5070e;
	text-align:left;
	width:300px; 
	padding-left:126px;
}
#contact_form p {
	margin:.8em;
	padding:.1em;
	line-height:140%;
	text-align:left;
	clear:both;
}

form fieldset {
	width:430px;
	/*border-style:groove;*/
	border:0;
	margin:0;
	padding:0;
}

label {
	float: left;
	width: 95px;
	text-align: right;
	margin: 0;
	padding: 0 .5em 0 0;
	font-weight:bold;
	line-height:140%;
}

label.error {
	clear:both;
	font-weight:normal;
	color:#c5070e;
	text-align:left;
	width:140px;
	padding-left:126px;
}

input.text-input {
	width:200px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#555555;
}

input.button { margin-left:126px; }

textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#555555;
}

.text-area {
	width:300px;
	height:150px;
}

.center { margin:0 auto 0 auto; }

.tableLabel {
	text-align:right;
	font-weight:bold;
	padding:3px 10px 3px 10px;
	border:solid 1px #e0e0e0;
	vertical-align:top;
}

.centerCell {
	text-align:center;
	padding:3px 10px 3px 10px;
	vertical-align:top;
	border:solid 1px #e0e0e0;
}

.tbladapter { width:100%; }

.imgadapter {
	width:120px;
	padding-top:10px;
	padding-right:10px;
	vertical-align:top;
}

.textadapter {
	padding-right:15px;
	vertical-align:top;
}