/* Mise en forme du body */

body { background-color:#e1e1e1; margin: 0px 0px 0px 0px;}

/*Validation formulaire*/
.panel {
	clear: both;
	display: none;
	border: 3px solid #CCC;
	padding: 1em;
}
.panel.active-tab-body {
	display: block;
}
#tabs {
	list-style: none;
}

#tabs li {
	float: left;
}

#tabs a {
	float: left;
	padding: 5px 8px;
	margin-left: 6px;
	background-color: #F2F2F2;
	text-decoration: none;
	color: #999999;
}

#tabs a.active-tab {
	background-color: #CCC;
	border-top: 3px solid #999;
	padding-top: 3px;
	color: #000;
}
input.disabled {
	border: 1px solid #F2F2F2;
	background-color: #F2F2F2;
}

input.required, textarea.required {
	border: 1px solid #00A8E6;
}
input.validation-failed, textarea.validation-failed {
	border: 1px solid #FF3300;
	color : #FF3300;
}
input.validation-passed, textarea.validation-passed {
	border: 1px solid #00CC00;
	color : #000;
}

.validation-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #FF3300;
	color : #FFF;
	font-weight: bold;
}

.custom-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #C8AA00;
	color : #FFF;
	font-weight: bold;
}

fieldset {
	padding: 1em;
	margin-bottom: 0.5em;
}

label {
	font-weight: bold;
}
.form-row {
	clear: both;
	padding: 0.5em;
}

.field-label {

}

.field-widget {

}
/*Fin validation formulaire*/

h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#556074;
	font-weight:bold;
	margin: 0px;
	padding: 15px;
}

h2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#556074;
	font-weight:bold;
	margin: 0px;
	padding: 15px;
}

.prix {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:24px;
	color:#FF0000;
	font-weight:bold;
	margin: 0px;
	padding: 15px;
}

.lienBann {
	text-align:right;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#FF0000;
	font-weight:bold;
	margin: 0px;
	padding: 15px;
}

.logos {
	text-align:justify;
	margin-bottom:5px;
}

/*Formulaire de contact.html*/

.titreform {
	color:#556074;
	font-size:12px;
	margin-bottom:-0.5em;
	margin-left:2em;
	background:#E1E1E1;
	border:2px outset #000000;
}

fieldset {
	border:none;
	margin-bottom:1em;
	padding-top:1.5em;
}

#coordonnees input {
	margin-left:9em;
	line-height:1.4em;
	margin-bottom:.2em;
}

#coordonnees label {
  position:relative;
  padding-top:.2em;
  left:20px;
}

/* ID(#) - Mise en forme de la page en DIV -  */

#menu { margin-top:22px; margin-left:auto; margin-right:auto; margin-bottom:0; height: 57px; width: 887px; background-image:url(../images/bgMenuH.jpg); padding: 0px 0px 0px 0px;}

#header { background-image:url(../images/bann.gif); margin-top: 0px; margin-left: auto; margin-right: auto; margin-bottom:0; height:160px; width: 887px; padding: 0px 0px 0px 0px;}


#sheader { margin-top: 0px; margin-left: auto; margin-right: auto; margin-bottom:0; height: 47px; width: 887px; background-image:url(../images/sheader.gif); padding: 0px 0px 0px 0px;}

#contenuBg {margin-top:0; margin-left:auto; margin-right:auto; margin-bottom:0; height:auto; width: 887px; background-image:url(../images/contenuBg.gif); background-repeat: repeat-y; padding: 0px 0px 0px 0px;}

#boiteMenuG{float: left; width: 194px; height: auto; margin: 38px 0px 0px 0px; padding-left: 21px;}
#boiteMenuG a:link {color: #0070af; text-decoration: none;}
#boiteMenuG a:visited {color: #0070af; text-decoration: none;}
#boiteMenuG a:hover {color: #000; text-decoration: none;}

#boiteTexte{
	float: left;
	width: 444px;
	height: auto;
	padding: 0px 0px 0px 0px;
	margin: 22px 20px 0px 20px;
	text-align:justify;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: 556074;
}

#boiteMenuD{
	float: left;
	width: 140px;
	height: auto;
	margin: 38px 0px 0px 0px;
	padding-right: 26px;
	text-align: justify;
}
#boiteMenuD a:link {color: #0070af; text-decoration: none;}
#boiteMenuD a:visited {color: #0070af; text-decoration: none;}
#boiteMenuD a:hover {color: #000; text-decoration: none;}

#footer {
	height: 58px;
	width: 887px;
	background-image:url(../images/footer.gif);
	background-repeat: no-repeat;
	text-align:center;
	background-color: #fff;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

.spacer {
  clear: both;
}

.galerie {margin: 0px 0px 0px 0px; background-color: #e2ddcd; width: 63px; height: 63px;}


/* CLASS - Mise en forme des textes */

p {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #556074;}


/* Titre */

.titre {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #2e82e0; font-weight: bold;}

/* Autre textes */

.texte {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #556074;}
.textePetit {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #fff; margin: 0px 0px 0px 0px;}
.elementMenu {background-color: #fff; background: url(../images/bgMenuG.gif) no-repeat; height: 20px; width: 162px; margin: 0px 0px 0px 0px; padding-top:4px; padding-left: 32px; padding-bottom: 0px;}

/* Liens par défault */

a:link {color: #1e98dd; text-decoration: underline;}
a:visited {color: #1e98dd; text-decoration: underline;}
a:hover {color: #000; text-decoration: none;}

/* Liens pour MENU DES ONGLETS - Doir être appliqué sur la cellule <td> ou tableau est non sur le texte*/

.menu a:link { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #1e98dd; text-decoration: none;}
.menu a:visited {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #1e98dd; text-decoration: none;}
.menu a:hover {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #000; text-decoration: none;}
.menu{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: 556074;
	text-decoration: none;
	text-align:center;
}

.menuPadding {padding-top: 23px; margin: 0px 0px 0px 0px; vertical-align:top;}
.menuSeparateur {padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; background: url(../images/separateurH.gif) no-repeat; width: 2px;}

/* Liens pour le menu vertical RUBRIQUE - Doir être appliqué sur la cellule <td> ou tableau ou DIV est non sur le texte*/


.rubriqueDTitre {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight:bold; color: #0070af; border-bottom:#dcdcdc solid 1px;}
.elementMenuRubriqueD { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; background-color: #fff; background: url(../images/bgMenuG.gif) no-repeat; height: 20px; width: 115px; margin: 0px 0px 0px 0px; padding-top:4px; padding-left: 25px; padding-bottom: 0px;}

/* A appliquer a form */

.champTexte { background-color:#E1E1E1; border:1px solid navy;}
.formulaire {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #626262; border: 0px; margin: 0px 0px 0px 0px; padding-left:17px;}
.boiteFormulaire {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #626262; border: 1px solid #e2e3e4; background-color: #fff; padding-top:1px; padding-bottom:1px; padding-left: 5px; font-weight:normal;}
.formMenu {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#626262; font-weight:normal; margin: 0px 0px 0px 0px}
#contenuBg #boiteTexte .Style40 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: justify;
}

/* Mes styles */

.bleugras {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #4261ad; font-weight: bold;}
.grisgras {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #556074; font-weight: bold;}
.formrapide {text-align:justify; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #556074;}
.formrapidegras {
	text-align:justify;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #556074;
	font-weight: bold;
	width: 200px;
	margin-top: 10px;
	border-top-width: medium;
	border-bottom-width: medium;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #ccd1d7;
	border-bottom-color: #ccd1d7;
}
.entete {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-align: left;
	color: #ffffff;
	background-image: url(../images/bann.gif);
	height: 160px;
	width: 887px;
}

/* Page kit div */
.photogauche {
	align: left;
	height: 83px;
	width: 220px;
	padding: 0px;
	margin: 0px;
	left: 0px;
	top: 0px;
}
.description {
	float: left;
	align: right;
	height: 83px;
	width: 180px;
	padding: 0px;
	top: 0px;
	right: 0px;
	margin: 0px;
}

.contenuTexte{
	text-align:justify;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #556074;
}