body, a, input {
	font-family: Arial;
	font-size: 12px;
	color: #333;
}
input {
	color: #000;
}

body {
	background-color: #FFF;
}

img {
	border: none;
}

#titre-aivia{
	text-align: center;
	width: 100%
}

img.aivia {
	width: 307px;
	height: 96px;
}

img.pyrescom {
	float: left;
}

.spacer{
	clear: both;
}

h1.bordereau {
	top: 5px;
	color: #333;
	display: inline;
	font-size: 14px;
	vertical-align: bottom;
}

h2 {
	color: #dd3038;
	text-align: center;
	margin: 5px 127px 5px 5px;
}

#entete {
	width: 740px;
	margin: 0 auto;
	height: 20px;
	color: #000;
}

#chemin {
	width: 500px;
	float: left;
	text-align: left;
}

#aivianet {
	width: 200px;
	text-align: right;
	float: right;
}

a.normal {
	color: #333;
	font-weight: bold;
}

a.normal:hover {
	color: #666;
}

a.contact {
	padding-left: 8px;
	list-style-type: none;
	background: url('images/puce.gif') no-repeat;
	background-position: 0 4px;
	font-weight: bold;
}

a.contact:hover {
	color: #666;
}

a.menu {
	font-weight: bold;
	color: #333;
}
a.menu:hover{
	color: #666;
}
/** Cadre **/
#cadre {
	margin: 0 auto;
	width: 806px;
}

#haut {
	width: 806px;
	height: 35px;
	background: url('./images/haut.gif') no-repeat;
	text-align: center;
	padding-top: 10px;
}

#centre {
	width: 806px;
}

.g, .d {
	width: 15px;
	height: 100%;
	background-repeat: repeat-x;
}

.g {
	float: left;
	background: url('images/gauche.gif') repeat-y;
}
.d {
	float: left;
	background: url('images/droite.gif') repeat-y;
}

#bas {
	width: 806px;
	background: url('images/bas.gif') no-repeat;
	height: 4px;
	font-size: 1px;
}
#spacer {
	width: 806px;
}
#spacer-gauche, #spacer-droite, #spacer-centre  {
	float: left;
	height: 15px;
}
#spacer-centre {
	width: 800px;
	background: #bfbfbf;
}
#spacer-gauche, #spacer-droite {
	width: 3px;
}

#spacer-gauche {	
	background: url('images/spacer-gauche.gif') repeat-y;
}
#spacer-droite {
	background: url('images/spacer-droite.gif') repeat-y;
}

/* Haut du pied de page */
#pied-haut {
	width: 806px;
	font-size: 1px;
}
#pied-haut-centre, #pied-haut-gauche,#pied-haut-droite {
	float: left;
	height: 4px;
}
#pied-haut-centre {
	width: 768px;
	background: url('images/pied-haut.gif') repeat-x;
}
#pied-haut-gauche, #pied-haut-droite {
	width: 19px;
}
#pied-haut-gauche {	
	background: url('images/pied-haut-gauche.gif') no-repeat;
}
#pied-haut-droite {
	background: url('images/pied-haut-droite.gif') no-repeat;
}

/* Milieu du pied de page */
#pied-milieu-centre, #pied-milieu-gauche,#pied-milieu-droite {
	float: left;
	height: 36px;
}
#pied-milieu-centre {
	width: 774px;
	background: #bfbfbf;
}
#pied-milieu-gauche, #pied-milieu-droite {
	width: 16px;
}
#pied-milieu-gauche {	
	background: url('images/pied-milieu-gauche.gif') repeat-y;
}
#pied-milieu-droite {
	background: url('images/pied-milieu-droite.gif') repeat-y;
}

/* Bas du pied de page */
#pied-bas-centre, #pied-bas-gauche,#pied-bas-droite {
	float: left;
	height: 23px;
}
#pied-bas-centre {
	width: 770px;
	background: url('images/pied-bas.gif') repeat-x;
}
#pied-bas-gauche, #pied-bas-droite {
	width: 18px;
}
#pied-bas-gauche {	
	background: url('images/pied-bas-gauche.gif') no-repeat;
}
#pied-bas-droite {
	background: url('images/pied-bas-droite.gif') no-repeat;
}


/** Contenu **/
.contenu{
	width: 760px;
	float: left;
	height: 100%;
	padding: 0 8px 0 8px;
	background-color: #bfbfbf;
}
.center {
	text-align: center;
}
ul.caracs{
	color: #333;
	float: left;
	display: inline;
	margin: 0;
	padding: 0;
	list-style-position:outside;
	width: 400px;
	font-weight: bold;
}
ul.caracs li {
	padding-left: 8px;
	list-style-type: none;
	background: url('images/puce.gif') no-repeat;
	background-position: 0 4px;
}

ul.plaquettes{
	margin-top: 40px;
	color: #333;
	list-style-position:outside;
	width: 400px;
	font-weight: bold;
}
ul.plaquettes li {
	padding-left: 10px;
	list-style-type: none;
	background: url('images/puce.gif') no-repeat;
	background-position: 0 3px;
	margin-top: 5px;
}

.texte{
	font-weight: bold;
}

.souslogo{
	margin-top: 90px;
}

/** Photo **/
.droite {
	float: right;
}
#cadre-photo{
	text-align: center;
	width: 262px;
}

#comment {
	width: 250px;
	border: 1px solid #888;
	text-align: center;
	padding: 5px;
}

#contact {
	width: 430px;
	float: left;
	margin-top: 20px;
}

#adresse {
	width: 430px;
	float: left;
	margin: 30px 0 0 0;
}

/** Pied **/
.copy{
	text-align: center;
	font-size: 10px;
	width: 300px;
	margin: 8px auto;
}

#langues {
	float: right;
	margin-top: 3px;
	margin-right: 30px;
}


/** Contact **/
#formulaire {
	width: 500px;
	text-align :center;
}
.obligatoire {
	font-style: italic;
}
.champ {
	width: 500px;
	padding: 2px;
	text-align: left;
}
.label {
	width: 200px;
	text-align: right;
	float: left;
	margin-top: 2px;
}
.input {
	text-align: left;
	margin-left: 15px;
	border: 1px solid #666;
}
input.btn  {
	font-weight: bold;
	padding: 2px 7px 2px 7px;
	border: 1px solid #444;
}
input.btn:hover{
	border: 1px solid #009dff;
}
#erreur{
	font-weight: bold;
}
.erreur {
	color: #EE0000;
}