/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|                              FEUILLE DE STYLE                             |
|---------------------------------------------------------------------------|
|                                                                           |
|                                                                           |
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|                                          Benjamin COIFFARD - janvier 2008 |
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/


/* Paragraphes */
#principal p {
	float: left;
	display: inline;
	margin-top: 20px;
	width: 290px;
}
#principal img {
	float: left;
	width: 250px;
}
#principal .large {
	width: 540px;
}
#principal h3 {
	float: left;
	margin-top: 20px;
	width: 540px;
	background-color: #C5F3CB;
	font-weight: normal;
}
#principal hr {
	float: left;
	width: 540px;
}

#principal form {
	float: left;
	margin-top: 20px;
	width: 540px;
}
#principal label {
	float: left;
	margin-top: 10px;
	width: 200px;
	height: 20px;
	line-height: 20px;
	text-align: right;
	color: #999999;
	font-style: italic;
	font-size: 0.9em;
}
#principal input {
	float: left;
	display: inline;
	margin-top: 10px;
	margin-left: 20px;
	width: 250px;
	height: 20px;
	border: 1px #060 solid;
	color: #090;
}
#principal textarea {
	float: left;
	display: inline;
	margin-top: 10px;
	margin-left: 20px;
	width: 250px;
	color: #090;
	border: 1px #006600 solid;
}
#principal input#envoyer {
	width: 90px;
	height: 20px;
	margin-left: 225px;
	background: url(../image/bouton/envoyer.gif) no-repeat 0 0;
	border: none;
}
#principal h4 {
	float: left;
	width: 540px;
	text-align: center;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 10px;
	border: 1px #c30 solid;
	color: #c30;
}
#principal img.imgErreur {
	float: left;
	display: inline;
	margin-top: 5px;
	margin-bottom: 0px;
	margin-left: 8px;
	margin-right: 0px;
	width: 16px;
	height: 16px;
	border: none;
}
#principal input.inErreur {
	border: 1px solid #990000;
	color: #ffffff;
	background-color: #FF0000;
}
#principal textarea.inErreur {
	border: 1px solid #990000;
	color: #ffffff;
	background-color: #FF0000;
}
#principal p span.gauche {
	float: left;
	display: inline;
	margin-top: 10px;
	width: 100px;
	text-align: right;
	color: #666666;
	font-style: italic;
}
#principal p span.droite {
	float: left;
	display: inline;
	margin-top: 10px;
	margin-left: 10px;
	width: 175px;
}
#principal span {
	font-size: 0.9em;
}
#principal span.demande {
	float: left;
	display: inline;
	margin-left: 10px;
	margin-top: 20px;
	width: 270px;
	color: #990000;
	border: #990000 1px dashed;
	font-weight: bold;
	text-align: center;
}
#principal span.demande2 {
	float: left;
	display: inline;
	margin-left: 10px;
	margin-top: 20px;
	width: 270px;
	color: #369;
	border: #369 1px dashed;
	font-weight: bold;
	text-align: center;
}
#principal a.diaporama {
	float: left;
	margin-top: 20px;
	margin-bottom: 20px;
	display: block;
	width: 540px;
	text-align: center;
}
#principal .diapoInfo {
	float: left;
	margin-bottom: 20px;
	width: 540px;
	font-size: 0.8em;
	color: #333333;
	text-align: center;
	font-style: italic;
}
#principal .diapoInfo strong{
	color: #006600;
}

#principal .liste {
	float: left;
	display: inline;
	width: 250px;
	margin-top: 10px;
	margin-right: 8px;
	margin-left: 8px;
	font-size: 0.9em;
}
#principal .liste span{
	float: left;
	margin-bottom: 5px;
	width: 250px;
	text-align: center;
	font-weight: bold;
}
#principal .liste span#nePas{
	margin-top: 5px;
	font-weight: normal;
	font-style: italic;
}
#principal #listeG {
	color: #003300;
	border: 1px #030 solid;
	background-color: #cfc;
}
#principal #listeD {
	color: #900;
	border: 1px #900 solid;
	background-color: #fcf;
}
#principal ul {
	float: left;
	margin-left: 30px;
	display: inline;
	width: 215px;
}
#principal li {
	float: left;
	width: 215px;
	list-style: square;
}

a#tractA4cl {
	position: relative;
	float: left;
	display: block;
	width: 80px;
	height: 18px;
	background: url(../image/grenier/tractA4cl.gif) no-repeat 0 0;
}
a#tractA4cl:hover {
	background: url(../image/grenier/tractA4cl.gif) no-repeat 0 -18px;
}
a#tractA5cl {
	position: relative;
	float: left;
	margin-left: 3px;
	display: block;
	width: 80px;
	height: 18px;
	background: url(../image/grenier/tractA5cl.gif) no-repeat 0 0;
}
a#tractA5cl:hover {
	background: url(../image/grenier/tractA5cl.gif) no-repeat 0 -18px;
}
a#tractA4nb {
	position: relative;
	float: left;
	display: block;
	width: 80px;
	height: 18px;
	background: url(../image/grenier/tractA4nb.gif) no-repeat 0 0;
}
a#tractA4nb:hover {
	background: url(../image/grenier/tractA4nb.gif) no-repeat 0 -18px;
}
a#tractA5nb {
	position: relative;
	float: left;
	margin-left: 3px;
	display: block;
	width: 80px;
	height: 18px;
	background: url(../image/grenier/tractA5nb.gif) no-repeat 0 0;
}
a#tractA5nb:hover {
	background: url(../image/grenier/tractA5nb.gif) no-repeat 0 -18px;
}