/* Bordures -------------------------------------------------------------------------------*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead { border: 0;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, table, tr, td, th { outline: 0;}
table {border-collapse: collapse; border-spacing: 0; border-spacing: 0;}
table, tr, td, th {border: 1px solid #000;}
ol, ul, li {list-style: disc;}
blockquote:before, blockquote:after, q:before, q:after{content: ''; content: none;}
blockquote, q { quotes: none;}
.sansbordure { border: 0;}


/* Structure ---------------------------------------------------------------------------*/

#conteneur { width: 990px;}
.page { width: 990px;}
#bordure_haut_milieu, #bordure_bas_milieu, #corps_de_page, #contenu { width: 970px;}
#bordure_haut_droite, #bordure_bas_droite, #bordure_droite, #bordure_haut_gauche, #bordure_bas_gauche, #bordure_gauche { width: 10px;}
#bordure_haut, #bordure_haut td table tr { height: 40px;}
#bordure_bas { height: 10px;}
#menu { height: 31px;}
.rubrique_compte { height: 38px;}

/* Alignements -------------------------------------------------------------------------*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{ margin: 0; padding: 0;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, table, tr, td, th { vertical-align: baseline;}
body, div, p, a, span { text-align: left;}
tr, td, th {text-align: center; vertical-align: middle;}
caption {text-align: left;}
p { margin: 10px 0;}
ul { padding-left: 40px;}
/* to preserve line-height appearance */
sup {vertical-align: text-top;}
sub {vertical-align: text-bottom;}

#conteneur { margin: 10px auto; text-align: center;}
#bordure_haut td { text-align: left;}
#bordure_haut td table tr td { padding: 0 10px; text-align: left;}
#bordure_bas_milieu { padding: 15px 5px 5px 5px;}
#contenu_page { margin: 30px 0; clear: both;}
#menu { margin-bottom: 30px;}

.hg {text-align: left; vertical-align: top;}

h1 { text-align: center; margin-bottom: 30px;}

#creercompte { text-align: center;}

div.erreurcreationcompte { padding-bottom: 20px;}

#tablevermifug { margin: 40px auto;}
	#tablevermifug tr td { padding: 10px;}
#tableage { margin: 40px auto;}
	#tableage tr td { padding: 10px;}
#tablecndangereux { margin: 40px auto;}
	#tablecndangereux tr td { padding: 10px;}
#tablevente { margin: 40px auto 0 auto;}
	#tablevente tr td { padding: 10px;}
#tablenoms { margin: 40px auto;}
	#tablenoms .tablenoms_1 { padding: 20px;}
	#tablenoms .tablenoms_2 { padding: 20px;}
	#tablenoms .tablenoms_3 { padding: 20px; text-align: left; vertical-align: top;}
	#tablenoms .tablenoms_4 { padding: 20px; text-align: left; vertical-align: top;}

.art { margin-top: 20px;}

.video{ margin: 5px;}

#photo_vers{ float: right; margin: 20px 0 20px 20px;}

#page_veto td, #page_veto th{ padding: 10px;}

.rubrique_compte { padding: 10px;}


/* Couleurs -----------------------------------------------------------------------------*/

html{color: #000;}
body { background: #BBF url(../images/fond-body.gif) repeat-x;}
a:link, a:visited, a:active { color: #00F;}
a:hover { color: #44F;}
/*because legend doesn't inherit in IE */
legend{ color: #000;}

#conteneur { background: #FFF url(../images/bordure_gauche.gif) repeat-y; color: #000;}
#bordure_haut { background: url(../images/bordure_haut.gif) repeat-x;}

h1 { color: #00C;}

.titre1 { background-color: #88F;}

.surligne { background-color: #FF0;}

.titre_site { color: #00C;}

.avertissement { color: #F44;}

.erreurcreationcompte { color: #F44;}

.entete { background-color: #CCC;}

#tablevermifug { background-color: #FFF;}
#tableage { background-color: #FFF;}
#tablecndangereux { background-color: #FFF;}
#tablevente { background-color: #FFF;}
#tablenoms { background-color: #FFF;}
.rubrique_compte { background: url(../images/rubrique_compte.png) no-repeat;}

/* Polices -------------------------------------------------------------------------------*/

body{ line-height: 1.2;}
th { text-decoration: underline; font-weight: bold;}
address,caption,cite,code,dfn,th,var{ font-style: normal; font-weight: normal;}
strong { font-weight: bold; text-decoration: none; font-style: normal;}
em { font-weight: normal; text-decoration: none; font-style: italic;}
h2, h3, h4, h5, h6{ font-size: 12px; font-weight: normal;}
abbr, acronym{ font-variant: normal;}
a:link, a:visited, a:active{ text-decoration: underline;}
a:hover{ text-decoration: none;}
/* to preserve selector appearance */
input, textarea, select{ font-family: inherit; font-size: inherit; font-weight: inherit;}
del{ text-decoration: line-through;}
ins{ text-decoration: none;}
html, body { font-size: 12px;}
div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, table, tr, td, th { font-size: inherit;}

#conteneur { font-size: 12px; font-family: Verdana, Arial, sans-serif; font-style: normal; text-decoration: none; font-weight: normal;}
#bordure_haut { font-size: 11px;}

.sg { text-decoration: underline; font-weight: bold;}

h1 { font-size: 20px; text-decoration: underline; font-weight: bold;}

.titre1, .titre1 a { font-size: 20px;}

.titre_site { font-size: 18px; font-family: "Trebuchet MS", Verdana, Arial, sans-serif; font-style: normal; text-decoration: none; font-weight: bold;}

#creercompte { font-size: 24px;}

.avertissement { font-size: 20px;}

.art { text-decoration: underline;}


/* Post-it ------------------------------------------------------------------------------*/

td.postit{ background: transparent url(../images/postit.png) no-repeat; width: 459px; height: 427px; text-align: left; vertical-align: top; border: 0;}
	td.postit table{ border: 0;}
		td.postit table tr{ border: 0;}
		td.postit table tr.pi_haut{ height: 85px;}
		td.postit table tr.pi_bas{ height: 68px;}
		td.postit table tr td.pi_gauche{ width: 68px;}
		td.postit table tr td.pi_droite{ width: 65px;}
			td.postit table tr td{ border: 0;}
			td.postit table tr th{ border: 0;}


/* Articles -----------------------------------------------------------------------------*/

tr.articles_haut{ border: 0; height: 58px;}
	tr.articles_haut td{ border: 0; background: #FFF url(../images/articles_haut.jpg);}
tr.articles{ border: 0;}
	tr.articles td{ border: 0; width: 970px; background: #FFF url(../images/articles.jpg); padding: 0 80px;}
	tr.articles td p{ text-align: justify;}
tr.articles_bas{ border: 0; height: 58px;}
	tr.articles_bas td{ border: 0; background: #FFF url(../images/articles_bas.jpg);}


/* Photos annonces ---------------------------------------------------------------------*/

.photo {
	margin: 5px;
	/* Code standard */ 
	max-width: 320px; max-height: 320px; 
	/* Code spécial IE */ 
	_width: expression((this.offsetWidth>=this.offsetHeight) ? Math.min(parseInt(this.offsetWidth), 320 ) : true); 
	_height: expression((this.offsetHeight>this.offsetWidth) ? Math.min(parseInt(this.offsetHeight), 320 ) : true);
	}

.photo_mini {
	margin: 5px;
	/* Code standard */ 
	max-width: 160px; max-height: 160px; 
	/* Code spécial IE */ 
	_width: expression((this.offsetWidth>=this.offsetHeight) ? Math.min(parseInt(this.offsetWidth), 160 ) : true); 
	_height: expression((this.offsetHeight>this.offsetWidth) ? Math.min(parseInt(this.offsetHeight), 160 ) : true);
	}


/* Menu --------------------------------------------------------------------------------*/

#nav, #nav ul {padding:0; margin:0 auto; list-style:none; background:#fff;}
#nav {position:relative; z-index:50;}
#nav ul {display:none;}

#nav li {float: left; position:relative; list-style:none;}
#nav li a {text-decoration:none; font-size:11px; white-space:nowrap}
#nav li b {display:block; padding:0 20px 0 10px; cursor:pointer; height:32px; line-height:32px; float:left; background:url(../images/list-back.gif) center top; font-weight:normal; color:#000;}
#nav li.first b {padding-left:30px; background-position:left top;}
#nav li.last b {padding-right:30px; background-position:right top;}
#nav li a b.clicked {color:#fff;}

#nav li ul {position:absolute; left:0; top:35px; height:auto; float:left; background:#f8f8f8; padding:2px; border:1px solid #aaa;}

#nav li ul li {float:none;}
#nav li ul li a {display:block; height:20px; line-height:20px; padding:0 5px; color:#000; font-size:10px}
#nav li ul li a:hover {background:#aaa; color:#fff;}

/* Menu 1 --------------------------------------------------------------------------------*/

#nav1, #nav1 ul {padding:0; margin:0 auto; list-style:none; background:#fff;}
#nav1 {position:relative; z-index:50;}
#nav1 ul {display:none;}

#nav1 li {float: left; position:relative; list-style:none;}
#nav1 li a {text-decoration:none; font-size:11px; white-space:nowrap}
#nav1 li b {display:block; padding:0 15px 0 15px; cursor:pointer; height:32px; line-height:32px; float:left; background:url(../images/list-back.gif) center top; font-weight:normal; color:#000;}
#nav1 li b:hover, #nav1 li.actif b {background-position:center bottom;}
#nav1 li.first b {padding-left:20px; background-position:left top;}
#nav1 li.first b:hover, #nav1 li.firstactif b {padding-left:20px; background-position:left bottom;}
#nav1 li.last b {padding-right:20px; background-position:right top;}
#nav1 li.last b:hover, #nav1 li.lastactif b {padding-right:20px; background-position:right bottom;}


/* Titre des sites de vétos --------------------------------------------------------------------------------*/

.titre_veto1 {text-align: center; margin: 20px auto; color: #00C; font-size: 20px; font-weight: bold;}




/* Overlay */
#confirmModalOverlay {background-color:#eee; cursor:wait;}

/* Container */
#confirmModalContainer {height:140px; width:420px; font-family:'Trebuchet MS', Verdana, Arial; font-size:16px; text-align:left; background:#fff; border:2px solid #336699;}
#confirmModalContainer .header {height:30px; width:100%; background:url(../images/header.gif) repeat-x; color:#fff; font-size:1.1em; font-weight:bold; line-height:30px;}
#confirmModalContainer .header span {padding-left:8px;}
#confirmModalContainer .message {color:#333; text-align:center; margin:0; padding:12px 4px; font-size:1em;}
#confirmModalContainer .buttons {width:160px; float:right; padding:10px 8px 0;} 
#confirmModalContainer .buttons div {float:right; margin-left:8px; width:70px; height:26px; color:#666; font-weight:bold; text-align:center; background:url(../images/button.gif) repeat-x; border:1px solid #bbb; cursor:pointer;} 
#confirmModalContainer a.modalCloseX,
#confirmModalContainer a.modalCloseX:link,
#confirmModalContainer a.modalCloseX:active,
#confirmModalContainer a.modalCloseX:visited {text-decoration:none; font-weight:bold; font-size:1.1em; position:absolute; top:-1px; left:400px; color:#ddd;}
#confirmModalContainer a.modalCloseX:hover {color:#9bb3b3;}