/* Import de la CSS d'initialisation
----------------------------------------------------------*/

@import url(structure.css);

/* Construction (Montage)
----------------------------------------------------------*/

body { color:#ffffff; font-family: Verdana, "Trebuchet MS", helvetica, "Bitstream Vera Sans", sans-serif; font-size:11px; }

h1 { color:#ffffff; font-size: 11px; line-height: 1.6em; font-weight:bold; }

h2 { color:#ffffff; font-size: 1.3em; }

h3 { color:#ffffff; font-size: 1.17em; }

h4 { color:#ffffff; font-size: 1em; }

h5 { color:#ffffff; font-size: 0.83em; }

h6 { color:#ffffff; font-size: 0.67em; }

p { color:#ffffff; font-size: 1em; }

ul, ol { color:#ffffff; font-size: 1em;list-style-type:square; }

li { color:#ffffff; font-size: 1em; list-style-position: outside;
	margin-left: 50px;list-style-type:none; min-height:20px; vertical-align:middle;}
#contenu li { color:#ffffff; font-size: 1em; list-style-position: outside;
	margin-left: 50px;list-style-type:none;}
a { color:#ffffff; text-decoration:underline; }

a:hover { text-decoration:none; } /* si changement de couleur au survol */

a:visited { } /* si changement de couleur après le clic */

textarea { border-width:thin; padding:3px; color:#ffffff; }

em { font-style: italic; }

strong { font-weight: bold; }

/* Éléments Particuliers
----------------------------------------------------------*/

/* Placement d'images */
.imgLeft { float:left; padding-right:2em; }

.imgRight { float:right; padding-left:2em; }

/* Des classes d'alignement d'objets */
.aligntop { vertical-align:top; }

.alignbottom { vertical-align:bottom; }

.aligncenter {
	margin-left:auto;
	margin-right:auto;
	text-align: center;
}

/* Des classes d'alignement du texte */
.left { text-align: left; }

.right { text-align: right; }

.center { text-align: center; }

.justify { text-align: justify; }

/* Des classes de formatage du texte en ligne */
.bold, .gras { font-weight: bold; }

.italic, .italique { font-style: italic; }

.strike, .barre { text-decoration: line-through; }

/* Des classes flotante */
.floatleft { float: left; }

.floatright { float: right; }

/* Les "nettoyeurs" */
.clearb { clear: both; }

.clearer { clear: both; /*width: 0; height: 0; line-height: 0;*/ }

/* Formulaire de contact */
#frmEnvoi { width:470px; }

#frmEnvoi input, textarea { border-width:thin; }

#frmEnvoi .field { text-align:right; margin-top:10px; }

.son {
	height: 24px;
	width: 24px;
	margin: 0 auto;
}.flash {
	height:480px;
	width:550px;
	margin:0 auto;
}

.flash2 {
	height:292px;
	width:190px;
	margin:0 auto;
}
.flash3 {
	height:510px;
	width:500px;
	margin:0 auto;
}
.flash4 {
	height:405px;
	width:500px;
	margin:0 auto;
}
.flash5 {
	height:350px;
	width:500px;
	margin:0 auto;
}
.flash6 {
	height:400px;
	width:500px;
	margin:0 auto;
}
.diapogche {
	margin-top:70px;
	text-align:center;
}

.li1 {
	list-style-position: outside;
	margin-left: 50px;
	list-style-image: url(../images/puce1.gif);

}
.li2 {
	list-style-position: outside;
	margin-left: 50px;
	list-style-image: url(../images/puce2.gif);
	vertical-align: sub;
}
.li3 {
	list-style-position: outside;
	margin-left: 50px;
	list-style-image: url(../images/puce3.gif);
	vertical-align: sub;
}
.li4 {
	list-style-position: outside;
	margin-left: 50px;
	list-style-image: url(../images/puce4.gif);
	vertical-align: sub;
}
.li5 {
	list-style-position: outside;
	margin-left: 50px;
	list-style-image: url(../images/puce5.gif);
	vertical-align: sub;
}
.li6 {
	list-style-position: outside;
	margin-left: 50px;
	list-style-image: url(../images/puce6.gif);
	vertical-align: sub;
}
.span {
		font-style: italic;
padding-left:50px;
}

.logopart {
	height: 594px;
	width: 510px;
	margin: 0 auto;
	background: #fff;
}