body {
	font: 12px Arial, Georgia, Tahoma, sans-serif;
	color: #000;
	background: #DEDEDC url(../images/body_back.jpg) 0 0 repeat-x;
	margin:0;
	padding:0;
}
h1 {
	color:#666;
	font-size:16px;
	text-transform:uppercase;
	margin:0;
	padding:0 0 15px 17px;
	background:url(../images/h1puce.gif) 0 0 no-repeat;
	position:relative; /* le "position:relative" est nécessaire sinon IE n'affiche pas l'image h1puce.gif */
}
p {
	margin:0 0 10px;
}

a:focus { outline:0; } 

img {
	border:none
}

.clearall, .annonce_options {clear:both;}

#header {
	height:128px;
}
.floatleft, .headerbloc1, .headerbloc2, .annonce_img {
	float: left;
}

.noticeAccueil { width:400px; height:258px; padding:10px; margin-left:10px; background:url(../images/fondNoticeAccueil.png) 0 0 no-repeat
}

.noticeAccueil h3 {
	color: #015CA3; font-size:14px;
	font-weight:700; margin-top:0
}
.noticeAccueil ul {
	color: #000; list-style:square; padding-left:15px
}

.annonce_full {
	background: #fff url(../images/annonce-full-bg.jpg) bottom repeat-x;
	border:1px solid #DEDEDC;
	padding:2px 2px 0;
	margin:0 0 6px 0
}

.annonce_full table {
	background-color: #eee;
}
.annonce_full caption {
	background-color: #ddd;
	color: #700;
	font-weight:700
}

.annonce_full table input, .annonce_full table textarea {
	background-color: #fff; font-size:11px; margin-bottom:4px; color:#00C
}

.annonce_img {
	margin-right:10px;
	text-align:center;
}
.annonce_img p {
	margin:1px;
}
.annonce_img p a {
	color:#999;
	text-decoration:none;
	background:url(../images/loupe.gif) 0 0 no-repeat;
	padding-left:23px
}
.titre {
	margin-bottom:6px;
	background: #F00;
	font-weight:700;
	color:#FFF;
	padding-left:8px
}
.annonce_contact {
	margin-top:10px
}

.annonce_options { text-align:right; margin:0 -2px 0 0; padding:0; }

.annonce_options p {float:left; margin-left:170px; }

.annonce_options a, .page_links a { color:#F00;}

.page_links { color:#444;}

.page_links, .page_links a { font-weight:bold;}
.page_links a { margin:0 5px;}

.headerbloc2 { margin:8px 8px 0 }

.headerbloc3 {
	float: right;
	height: 110px;
	width: 160px;
	background: #eee;
	border:1px solid #999;
	padding:4px 0 0 10px;
	margin: 8px 0 0
}
.headerbloc3 p {
	padding:0;
	margin:4px 0
}
.headerbloc3 a {
	font-size:11px;
	background: transparent url(../images/mini_bullet2.png) 0 0px no-repeat;
	padding-left: 11px;
	color:#c00
}
.headerbloc3 ul {
	list-style-type:none;
}
#conteneur {
	position:relative;
	width:816px;
	min-height:605px;
	background-color:#fff;
	margin:12px auto 0 auto;
	padding:0 8px 8px;
	border:1px solid #999;
	border-bottom:none!important
}

.breadcrumb { margin-bottom:10px
}
.breadcrumb a { color:#F00; font-variant:small-caps;
}

#centre {
	margin-left:170px;
	margin-right:135px;
	padding:0 10px;
	font-size:11px
}
#centre p {
	text-align:justify;
}
#gauche {
	position:absolute;
	left:8px;
	width: 165px;
}
#droite {
	position:absolute;
	right:8px;
	width:130px;
}
#footer {
	clear: both;
	width:832px;
	height:50px;
	background: url(../images/footer.gif) top left repeat;
	margin: 0 auto 12px auto;
	padding:12px 0 0;
	border:1px solid #999;
	border-top:none!important;
	color: #fff;
	text-align:center;
}
#footer .copyright {
	clear: both;
	background-color:#015CA3;
	width:150px;
	padding:3px 0;
	margin:4px auto 0
}
#footer .footerMenu {
	height: 20px;
	width: 100%;
	background: #fff;
}
#footer a {
	color:#f00;
	margin:0 5px;
	font-weight:700
}
.remarque {
	color:#777;
	margin-bottom:8px
}
.red {
	color: #F00
}
.boldred {
	color:#F00;
	font-weight:700
}
.boldblue {
	color: #00C;
	font-weight:700; text-decoration:underline
}
.headerbloc3 input {
	width:120px;
}
input.submitBt {
	margin:5px 0 0;
	border:1px solid #999;
	width: 24px!important;
	height: 19px;
	background:#015CA3;
	color:#FFF;
	font-weight:bold
}
input.submitBt:hover {
	background:#f00;
}
/* input par défaut pour tous les formulaires : */
input {
	height:13px;
	font-size:10px
}
/************ Formulaires *************/

/*.mainform {
	background:#efefef url(../images/mainform-bg.gif) 30% repeat-x;
	border:1px dotted #999;
	padding:5px;
	margin-top:7px
}*/

.loginform p { font-size:11px
}

.mainform p {
	width: 324px;
	clear: left;
	margin: 0;
	padding: 5px 0 8px 135px;
}
.mainform label {
	float: left;
	text-align:right;
	color:#444;
	margin-left: -135px;
	width: 130px; /* largeur des labels. Doit être inférieure à celle de la col (155px) pour laisser une marge à droite */
}
.mainform input {
	color:#c00;
	border: 1px solid #bbb;
	background:#eee; font-size:11px
}
.mainform textarea {
	width: 250px;
	height: 100px;
	border: 1px solid #bbb;
	background:#eee; font-size:11px
}

.mainform select {
	background: #fff;
	border: 1px solid #bbb;
	font-size:11px
}

input.submitMain {
	float:left;
	border:none;
	width:78px;
	height:16px;
	background:url(../images/submit.png) no-repeat;
	text-align:center;
	text-decoration:none;
	padding-bottom:1px;
	color:#595959;
	margin-right:15px
}
input.submitMain:hover {
	background:url(../images/submit-hover.png) no-repeat;
}
/*.threepxfix n'est utile qu'à IE (versions antérieures à IE6). Indentation de 3 px pour les contenus multi-line.
Ne semble servir que sur les input type="checkbox".
Voir: http://www.positioniseverything.net/explorer/threepxtest.html
*/
* html .threepxfix {
	margin-left: 3px;
}
.simpleform p {
	width: 324px;
	clear: left;
	margin: 0;
	padding: 0 0 8px 85px;
}
.simpleform label {
	float: left;
	color:#015ca3;
	font-weight:bold;
	margin-left: -85px;
	width: 80px; /* largeur des labels. Doit être inférieure à celle de la col (155px) pour laisser une marge à droite */
}
/* fin des formulaires */


.centerBoxTop {
	background: url(../images/boxtop.gif) repeat-x 100%;
	height:20px;
	border-left: 1px solid #FFF;
	border-right: 1px solid #FFF;
	border-bottom: 1px solid #DEDEDC;
	border-top: 1px solid #FFF;
}
.centerBoxBottom {
	background: url(../images/boxbottom.gif) repeat-x;
	clear: both;
	height:30px;
	border-left:1px solid #FFF;
	border-right:1px solid #FFF;
	border-bottom:1px solid #FFF;
	padding-left:25px
}
.centerBoxTop h3 {
	margin:3px 0 0 5px;
	color: #595959;
	font-size:11px;
}
.boutongris, .centerBoxBottom p {
	float:right;
	padding-right:6px;
	padding-top:7px;
	color:#666
}
.centerBoxBottom p a {
	color:#f00
}
.boutongris a {
	float:left;
	background:url(../images/boutongris-g.gif) no-repeat 0 -18px;
	margin-left:2px;
	padding:0 0 0 8px;
	text-decoration:none;
	color:#595959;
}
.boutongris a span {
	float:left;
	display:block;
	background:url(../images/boutongris-d.gif) no-repeat 100% -18px;
	padding:1px 14px 3px 10px;
	white-space:nowrap;
}
/* le Backslash commenté est un hack pour cacher la propriété ci-dessous à IE5-Mac \*/
.boutongris a span {
	float:none;
}
/* fin du hack pour IE5-Mac */
.boutongris a:hover span {
	color:#595959;
	text-decoration:none;
	background-position:100% 0;
}
.boutongris a:hover {
	background-position:0 0;
}
.CenterBox {
	border: 1px solid #ccc;
	width:488px;
	margin-bottom:12px
}
.CenterBoxThin {
	border: 1px solid #fff;
	background:#FFF url(../images/boxthin.gif) repeat-x top
}
.CenterBox p {
	margin:3px 5px 0 ;
}
.CenterBox form {
	margin:6px 0 0 4px;
}
input.paypal1 {
	width: 102px!important;
	height: 24px;
}
input.paypal2 {
	width: 130px!important;
	height: 24px;
}
input.paypal3 {
	width: 155px!important;
	height: 38px;
}