body {
background:url(../gfx/fonds/volcans.jpg) repeat-x center 66px;
}
html {
background:#F4F9EA url(../gfx/fonds/back.gif) repeat-x;
}
#logo_tetiere {
background:url(../gfx/fonds/logo.png) no-repeat;
height:97px;
width:92px;
padding:1px 0 0 6px;
position:absolute;
top:11px;
}
#main {
margin:0 auto;
position:relative;
top:0;
width:910px;
}

#header {
position:relative;
}

.accueil {
background:url(../gfx/fonds/fille.jpg) no-repeat 347px top;
height:239px;
}

#crous {
position:absolute;
left:114px;
top:23px;
}
#gauche {
float:left;
left:1px;
position:relative;
margin:2px 0 0 0;
top:-65px;
width: 248px;
}
#menu_t {
background: url(../gfx/fonds/menu_back.png) no-repeat;
padding:7px 7px 0 11px;
width:228px;
}
#menu_m {
background:url(../gfx/fonds/menu_m.gif) no-repeat 3px 156px;
}
#menu_b {
background:url(../gfx/fonds/menu_b.jpg) no-repeat;
/*border-right:1px solid #CCD185;*/
height:142px;
position:relative;
}
#menu {position:relative;
margin:0; padding:0;}
#menu_t ul {
background:url(../gfx/fonds/menu.jpg) repeat-y;
padding:10px 0;
width:227px;
}
#menu_t ul li a {
background:url(../gfx/deco/lignes/pointilles_blancs.gif) repeat-x left bottom;
color:#573B17;
display:block;
font-weight:bold;
margin-left:12px;
padding:0 0 2px 2px;
text-decoration:none;
text-transform:uppercase;
width:190px;
}
#menu_t ul li a:hover, #menu_t ul li a.active, #menu_t ul li a#menu_G_actif {
background:url(../gfx/fonds/menu_a.gif) repeat-x left bottom;
color:#F5F9ED;
}
#menu_t ul li {
background:url(../gfx/deco/puces/fleche_blanche.gif) no-repeat 0 4px;
margin:0 0 10px 10px;
}


#menu_t ul.sousmenu  {
margin:0;
padding:0;
background:none;}

#menu_t ul.sousmenu li  {
margin:0;
display:none;
background:none;
padding:0;
}

ul#sousmenu, ul#sousmenu1 {
margin:0;
padding:0;
background:none;}
ul#sousmenu li, ul#sousmenu1 li {
margin:0;
display:none;
background:none;
padding:0;
}
ul#ssmenu li {
margin:0;
background:none;
padding:0;
}
ul#ssmenu {display:block;
visibility:visible;
margin:0;
padding:0;
background:none;}

#menu_t ul li ul li a {
background:url(../gfx/deco/puces/sousmenu.gif) no-repeat 0 5px;
color:#572A05;
font-size:10px;
text-transform:none;
padding:1px 0 1px 8px;
font-weight:normal;
width:185px;
}
#menu_t ul li ul li a.active, #menu_t ul li ul li a#ssmenu_G_actif {font-weight:bold;}
#menu_t ul li ul li a:hover, ul#ssmenu li a.active {background:url(../gfx/deco/puces/sousmenu.gif) no-repeat 0 5px;
font-weight:bold;color:#572A05;}
#menu_t ul li ul  {width:202px;}

#espace_perso {
background:url(../gfx/fonds/espace_perso.jpg) no-repeat;
height:131px;
padding:21px 0 0 30px;
position:absolute;
right:0;
top:17px;
width:137px;
}
#espace_perso h3 {
margin-left:15px;
}
#espace_perso #login_espace,#espace_perso #pwd_espace {
background:url(../gfx/fonds/input_espace.gif) no-repeat;
border:none;
color:#767213;
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
height:12px;
margin-bottom:4px;
padding:1px 4px;
width:103px;
}
#espace_perso .submit {
border:none;
}
#espace_perso .submit:hover {
background-position:left bottom;
cursor:pointer;
}
#espace_perso a {
color:#575204;
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
position:relative;
top:-6px;
}
#espace_perso a:hover {
color:#868006;
}
#espace_perso a#inscrivez {
display:block;
margin-top:5px;
}
#espace_perso a#inscrivez:hover {
background-position:left bottom;
}
#content {
position:relative;
float:right;
width:661px;
margin:-31px 0 0 0;
}
#content  a {text-decoration:none;color:#2084BF; }
#content  a.underline {text-decoration:underline; }
#content  a:hover {color:#767A7D; text-decoration:underline;}

#content p{
color:#767A7D;
margin:4px 0 10px 0px;
}

#content_m {
background:url(../gfx/fonds/content_m.png) repeat-y;
padding:4px 15px 10px 18px;
width:622px;
min-height: 600px;
color:#767a7d;
/*border: #999999 solid 1px;*/
}

#content_m h3 {
margin:0 0 10px 4px;
}
#content_m h3  {
color:#51626F;
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
font-weight:normal;
text-transform:uppercase;
}

#content_b {
background:url(../gfx/fonds/content_b.png) no-repeat left bottom;
height:117px;
}
#implantations {
background:url(../gfx/fonds/implantations.jpg) no-repeat;
height:129px;
margin-left:5px;
padding:21px 0 0 6px;
position:relative;
width:227px;
}
#implantations p {
background:url(../gfx/deco/puces/fleche_grise.gif) no-repeat 0 4px;
color:#51626F;
font-size:10px;
margin:10px 0 0 8px;
text-indent:12px;
width:100px;
}
#implantations h3 {
position:relative;
z-index:2;
}
#carte {
background:url(../gfx/fonds/carte.gif) no-repeat;
height:130px;
width:122px;
position:absolute;
right:7px;
top:12px;
z-index:1;
}
#carte li {margin: 0; padding: 0; list-style: none; display: block; position: absolute;}
#carte a {display: block;}

#carte1 {left: 25px; top: 25px; width: 45px; height: 17px;}
#carte2 {left: 55px; top: 5px; width: 45px; height: 19px;}
#carte3 {left: 74px; top: 30px; width: 40px; height: 17px;}
#carte4 {left: 71px; top: 48px; width: 40px; height: 19px;}
#carte5 {left: 5px; top: 58px; width: 60px; height: 25px;}
#carte6 {left: 65px; top: 68px; width: 50px; height: 20px;}
#carte7 {left: 10px; top: 98px; width: 45px; height: 17px;}
#carte8 {left: 73px; top:98px; width: 45px; height: 26px;}
#carte1 a {height: 17px;}
#carte2 a {height: 19px;}
#carte3 a {height: 17px;}
#carte4 a {height: 19px;}
#carte5 a {height: 25px;}
#carte6 a {height: 20px;}
#carte7 a {height: 17px;}
#carte8 a {height: 26px;}

#carte1 a:hover {background: url(../gfx/fonds/carte.gif) -25px -155px no-repeat;}
#carte2 a:hover {background: url(../gfx/fonds/carte.gif) -55px -135px no-repeat;}
#carte3 a:hover {background: url(../gfx/fonds/carte.gif) -74px -160px no-repeat;}
#carte4 a:hover {background: url(../gfx/fonds/carte.gif) -71px -178px no-repeat;}
#carte5 a:hover {background: url(../gfx/fonds/carte.gif) -5px -188px no-repeat;}
#carte6 a:hover {background: url(../gfx/fonds/carte.gif) -65px -198px no-repeat;}
#carte7 a:hover {background: url(../gfx/fonds/carte.gif) -10px -228px no-repeat;}
#carte8 a:hover {background: url(../gfx/fonds/carte.gif) -73px -228px no-repeat;}

#newsletter {
background:url(../gfx/fonds/newsletter.png) no-repeat;
height:88px;
margin:4px 0 0 1px;
padding:12px 4px 0 18px;
width:223px;
}
#newsletter p {
color:#51626F;
font-size:10px;
}
#newsletter {
background:url(../gfx/fonds/newsletter.png) no-repeat;
height:88px;
margin:4px 0 0 1px;
padding:12px 4px 0 18px;
width:223px;
}
#newsletter input#email_newsletter {
background:url(../gfx/fonds/input.gif) no-repeat;
border:none;
color:#51626F;
float:left;
font-size:10px;
height:13px;
margin:5px 10px 0 0;
padding:0 2px 0 2px;
width:141px;
}
#newsletter .submit {
border:none;
float:left;
margin:4px 0 0;
}
#newsletter .submit:hover,#rechercher .submit:hover {
background-position:left bottom;
cursor:pointer;
}
#rechercher {
background:url(../gfx/fonds/content_top.png) no-repeat;
height:23px;
padding:8px 0 0 365px;
width:296px;
position:relative;
}
#rechercher label span {
display:none;
}
#rechercher label {
display:block;
float:left;
margin-top:4px;
}
#rechercher input {
background:url(../gfx/fonds/input_recherche.gif) no-repeat;
border:none;
color:#fff;
height:12px;
float:left;
font-size:10px;
margin:1px 6px 0 11px;
padding:1px 3px;
width:140px;
}
#rechercher input.submit {
margin:0;
}
#rechercher div {
position:absolute;
width:48px;
height:32px;
left:17px;
top:0;
}


#footer {
background:url(../gfx/fonds/footer.jpg) repeat-x 227px top;
clear:both;
height:75px;
padding-top:7px;
position:relative;
}
#footer ul {
background:url(../gfx/deco/lignes/footer.gif) no-repeat;
height:50px;
margin:0 auto;
width:910px;
}

#footer li a {
display:block;
float:left;
height:10px;
}
	  
#footer li a {
color:#9B9581;
display:block;
font-size:8px;
font-weight:bold;
text-decoration:none;
text-transform:uppercase;
}

#footer li a:hover {
color:#667176;
background-position:left bottom;
text-decoration:underline;
}

#footer a#menu_B_actif {
color:#667176;
}

#footer li {
background:url(../gfx/deco/lignes/footer.gif) no-repeat right top;
display:block;
float:left;
padding:2px 14px;
}

#content_m p.intro {
background:#A8B0B7;
color:#fff;
display:inline;
float:none;
font-size:12px;
font-weight:bold;
margin-left:4px;
padding:0 3px;
}


#seloger {margin:5px 0;}
#seloger select {background:#DBDBDB url(../gfx/deco/lignes/champ.gif) no-repeat;
border:1px solid #CCC;
margin:2px 0 8px 26px;
}
.champ {background:#DBDBDB url(../gfx/deco/lignes/champ.gif) no-repeat;
border:1px solid #CCC;
margin:2px 0;
}

label {
	background:#fff url(../gfx/deco/puces/fleche.gif) no-repeat;
	padding:4px 0 2px 25px;
	display:block;
}
label strong {
	background:#A8B0B7;
	color:#fff;
	font-size:12px;
	font-weight:bold;
	padding:0 4px;
}

label.right {
	background:none;
	padding: 2px 4px 2px 0;
	width:150px;
	text-align:right;
	float:left;
	margin:0 0 0 10px;
}

#content label b {color:#4D4E53;}
img.float_l {
float:left;
margin:4px 10px 0px 0;
}
img.float_r {
float:right;
margin:4px 6px 0 10px;
}


.suite {
display:block;
float:left;
margin:5px 0 0 0;
}

.suite:hover {
background-position:left bottom;
}


.checkbox {margin:2px 0;}
.center {text-align:center; font-size:10px;}
.center strong {text-transform:uppercase;}

.block {
float:left;
margin:10px 0;
width:300px;
padding:0 10px 0 0;
}

.block1 {
float:left;
margin: 0 0 0 28px ;
width:120px;
padding:5px 0;
}
.block2 {
float:left;
margin: 0 0 0 5px;
width:140px;
padding:5px 0;
}
.block3 {
float:left;
margin: 0 0 0 5px;
width:402px;
padding:5px 0;
}
.block_menu {
float:left;
margin: 0 0 0 3px;
padding:5px 0;
width:207px;
}
#content .block p {margin:8px 0 10px 4px;}


/* Styles JC */

.savoir_plus {
display:block;
float:left;
margin:5px 0 0 0;
}

.savoir_plus:hover {
background-position:left bottom;
}

.savoir_plus {
background:url(../gfx/deco/boutons/en_savoir_plus.gif) no-repeat;
height:14px;
width:95px;
}

.block_pleine_largeur {
float:left;
margin:10px 0;
width:610px;
padding:0 10px 0 0;
}


#content_m a img.vign_l, {
	float: left;
}
#content_m a img.vign_r, {
	float: right;
}
#content_m a img.bloc, {
	float: left;
	display: block;
}
#content_m a img.vign_l, #content_m a img.vign_r, #content_m a img.vign_bloc {
	padding: 0px;
	margin: 5px;
/*	border:red solid 1px;*/
}