/* Mise en forme du body */

body { background-color:#323232; background-image:url(../images/bg.gif); background-position: top; background-repeat: repeat-x; margin: 0px 0px 0px 0px;}
/* ID(#) - Mise en forme de la page en DIV -  */

#header { margin-top: 22px; margin-left: auto; margin-right: auto; margin-bottom:0; height:170px; width: 845px; background-image:url(../images/headermodifie.jpg); padding: 0px 0px 0px 0px; margin-top: 22px;}

#headerkemmen { margin-top: 22px; margin-left: auto; margin-right: auto; margin-bottom:0; height:170px; width: 845px; background-image:url(../images/headerkemmen.jpg); padding: 0px 0px 0px 0px; margin-top: 22px;}
#conteneurTexteHeader {
	height: 120px;
	width: 325px;
	padding: 20px 20px 20px 40px;
}
#indexheader {
	margin-left: auto;
	margin-right: auto;
	margin-bottom:0;
	height:12px;
	width: 845px;
	background-image:url(../images/petitheader.jpg);
	padding: 0px 0px 0px 0px;
	margin-top: 100px;
	background-repeat: no-repeat;
}

#menu {
	margin-top:0;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:0;
	height: 50px;
	width: 630px;
	background-image:url(../images/bgMenuH.jpg);
	padding-left: 107px;
	padding-right: 108px;
	background-repeat: no-repeat;
}

#sheader { margin-top: 0px; margin-left: auto; margin-right: auto; margin-bottom:0; height: 27px; width: 845px; 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: 845px; background-image:url(../images/contenuBg.gif); background-repeat: repeat-y; padding: 0px 0px 0px 0px;}

#boiteMenuG{float: left; width: 159px; height: auto; margin-top: 0px 0px 0px 0px; padding-left: 25px;}
#boiteMenuG a:link {color: #ffffff; text-decoration: none;}
#boiteMenuG a:visited {color: #ffffff; text-decoration: none;}
#boiteMenuG a:hover {color: #ffffff; text-decoration: underline;}

#boiteTexteindex{float: left; width: 845px; height: auto; padding: 0px 0px 0px 0px;}

#boiteTexte{
	float: left;
	width: 625px;
	height: auto;
	padding: 0px 0px 0px 0px;
	margin-left: 110px;
	margin-right: 110px;
}

#boiteTextekemmen{float: left; width: 790px; height: auto; padding: 0px 0px 0px 0px; margin-left: 30px;  margin-right: 30px;}

#boitePaypal{float: left; width: 790px; height: auto; padding: 0px 0px 0px 0px; margin-left: 20px;  margin-right: 40px;}

#boitescroll {
height: 80px;
width: 780px;
overflow-x: hidden;
overflow-y: scroll;
overflow: auto;
}

#boitescrollbis {
height: 400px;
width: 450px;
overflow-x: hidden;
overflow-y: scroll;
overflow: auto;
}

#boiteMenuD{float: left; width: 159px; height: auto; margin: 0px 0px 0px 0px; padding-right: 25px;}
#boiteMenuD a:link {color: #ffffff; text-decoration: none;}
#boiteMenuD a:visited {color: #ffffff; text-decoration: none;}
#boiteMenuD a:hover {color: #ffffff; text-decoration: underline;}

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

.spacer {
  clear: both;
}

/* CLASS - Mise en forme des textes */

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

ul { padding:0; margin:auto; margin: 0px 0px 0px 0px;}
ul li { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #333333; display:inline; list-style-type: none; }

/* Titre */

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

/* Autre textes */

.texte {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #556074;
	font-weight: normal;
}
.textePetit {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #6f6f6f;}
.bouton {background-image:url(../images/bouton.gif); background-repeat:no-repeat; height:19px; width: 129px; margin: 0px 0px 10px 0px; color: #fff; font-size: 10px; padding-left: 30px; padding-top: 5px; font-weight: bold;}
.elementMenu {background-color: #000; background: url(../images/bgMenuG.gif) no-repeat; height: 20px; width: 129px; margin: 0px 0px 0px 0px; padding-top:4px; padding-left: 30px; padding-bottom: 0px;}
.texteHeader {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: italic;
	font-weight: bold;
	line-height: 140%;
	word-spacing: normal;
	color: #FFFFCC;
	text-align: right;
}

/* Liens par défault */

a:link {color: #2e82e0; text-decoration: underline;}
a:visited {color: #2e82e0; text-decoration: underline;}
a:hover {
	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: 11px; font-weight: bold; color: #fff; text-decoration: none;}
.menu a:visited {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #fff; text-decoration: none;}
.menu a:hover {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #76c3ff; text-decoration: none;}
.menu{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #76c3ff; text-decoration: none; text-align:center;}

.menuPadding {padding-top: 15px; 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;}

.champ_obligatoire {
	color: #990000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-variant: small-caps;
	font-weight: bold;
}

.lien_cogites {
	color: #006633;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
}
.lien_cogites a:link {color: #006633;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px; text-decoration:underline;
}
.lien_cogites a:hover {color: #990033;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px; texte-decoration:underline;
}

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

.rubriqueD a:link { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;  color: #5e7a1c; text-decoration: none; font-weight: bold;}
.rubriqueD a:visited {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;  color: #5e7a1c; text-decoration: none; font-weight: bold;}
.rubriqueD a:hover {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #383c47; text-decoration: none; font-weight: bold;}
.rubriqueD{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #383c47; text-decoration: none; text-align:left; font-weight: bold;}

/* rollover */

#image_cond
{
	float:left;
	width: 160px;
	height: 71px;
	background: url(../images/roll/condition_blanc.gif);
	margin-left:25px;
	margin-right: 15px;
    background-repeat: no-repeat;
		margin-bottom: 15px;
}
#image_cond:hover
{
	float:left;
	width: 160px;
	height: 71px;
	background: url(../images/roll/condition_bleu.gif);
	margin-right: 15px;
	background-repeat: no-repeat;
	margin-bottom: 15px;
	margin-left: 25px;
}

#image_tarif
{
	float:left;
	width: 160px;
	height: 71px;
	background: url(../images/roll/tarif_blanc.gif);
	margin-right: 15px;
	background-repeat: no-repeat;
	margin-left: 25px;
		margin-bottom: 15px;
}
#image_tarif:hover
{
	float:left;
	width: 160px;
	height: 71px;
	background: url(../images/roll/tarif_bleu.gif);
	margin-right: 15px;
	margin-left: 25px;
	background-repeat: no-repeat;
	margin-bottom: 15px;
}

#image_resa_web
{
float:left;
width: 150px;
height: 71px;
background: url(../images/roll/en-ligne_blanc.gif);
margin-right: 5px;
background-repeat: no-repeat;
	margin-bottom: 15px;
}
#image_resa_web:hover
{
	float:left;
	width: 150px;
	height: 71px;
	background: url(../images/roll/en-ligne_bleu.gif);
	margin-right: 5px;
	background-repeat: no-repeat;
	margin-bottom: 15px;
}

#image_resa_classik
{
float:left;
width: 160px;
height: 71px;
background: url(../images/roll/resa_papier_blanc.gif);
margin-left: 25px;
margin-right: 15px;
background-repeat: no-repeat;
	margin-bottom: 15px;
}
#image_resa_classik:hover
{
	float:left;
	width: 160px;
	height: 71px;
	background: url(../images/roll/resa_papier_bleu.gif);
	margin-left: 25px;
	margin-right: 15px;
	background-repeat: no-repeat;
	margin-bottom: 15px;
}


/* A appliquer a form */

.formulaire {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #4e4e4e; border: 0px; background-color: #fff; margin: 0px 0px 0px 0px; padding-top: 15px; padding-left:10px;}
.boiteFormulaire {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #dddddd; border: 1px solid #929292; background-color: #474747; padding-top:1px; padding-bottom:1px; padding-left: 5px; font-weight:normal;}
.formMenu {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#dddddd; font-weight:normal; margin: 0px 0px 0px 0px}
#contenuBg #boiteTexteindex h3 strong {
	font-family: Verdana, Geneva, sans-serif;
}
#contenuBg #boiteTexteindex h3 strong {
	font-family: Arial, Helvetica, sans-serif;
}
#contenuBg #boiteTexteindex h3 strong {
	color: #F00;
	font-family: Arial, Helvetica, sans-serif;
}
#contenuBg #boiteTexteindex h3 strong {
	color: #990000;
}
#contenuBg #boiteTexteindex h3 strong {
	font-size: 12px;
}
#contenuBg #boiteTexteindex h3 strong {
	font-size: 24px;
}
#contenuBg #boiteTexteindex h3 strong {
	font-size: 18px;
}
#contenuBg #boiteTexteindex h3 strong {
	font-size: 16px;
}
#contenuBg #boiteTexte p b {
	text-align: left;
}