*{
margin:0;
padding:0;
border:0;
}

html,body{
height:100%;
font-family:Arial, Helvetica, sans-serif;
font-size:76%;
}

/*	pour fluidifier le rendu sur opéra
	(et un peu sur IE...) */
a{
cursor:pointer;
color:#656;
font-weight:bold;
text-decoration:none;
}

a:hover{
color:#010;
text-decoration:none;
}

#d_global{
position:relative;
margin:0 10px;
min-height:100%;
font-size:1.2em;
}
body.garde{
font-size:.9em;
}

#d_contenu{
font-size:.9em;
}

#ie_warning{
font-size:1.2em;
display:none !important;
display:block;
margin:7px;
font-style:italic;
}

#d-up a{
float:right;
width:100px;
height:60px;
background:url("../im_global/pistolet01.jpg") right top no-repeat;
}

#d-up a:hover{
background:url("../im_global/pistolet02.jpg") right top no-repeat;
}

h1{
float:left;
margin-top:10px;
font-size:1.6em;
}

#d_message{
clear:both;
}

#d_contenu{
clear:both;
position:relative;
padding-bottom:40px;
text-align:center;
}

/*
transferer ce qui suit dans un fichier séparé ?
(ça concerne uniquement la page d'accueil)
*/
#d-horizon{
color: black;
text-align: center;
position: absolute;
top: 50%;
left: 0px;
width: 100%;
height:1px;
overflow: visible;
visibility: visible;
display: block;
/*border:1px solid lime;*/
}

#d-global-garde{
text-align:center;
width:90%;
overflow:visible;
height:auto;
margin-left:-50%;
position:absolute;
top:-100px !important;
left:50%;
}

#d-contenu-garde{
position:relative;
/*border:1px solid black;*/
}

ul{
list-style-type:none;
display:block;
position:absolute;
}

.text-out{
display:block;
text-indent:-9000px;
margin:0;
padding:0;
border:0;
outline:none;
}

/* il n'y a peut-être plus de <p> en text-out.. */
.text-out a{
text-decoration:none;
padding:0;
margin:0;
border:0;
outline:none;
background:url("../im_global/transp.gif") center no-repeat;
}

#a-garde-mec{
display:block;
position:relative;
z-index:2;
/*overflow:auto;*/
margin:auto;
width:120px;
height:200px;
background:url("../im_global/mec-bonne-taille.jpg") center no-repeat;
/*border:1px solid red;*/
}

#a-garde-mec:hover, #a-garde-mec.sfhover{
background-image:url("../im_global/mec-couleurs.jpg");
}
ul{
}

li{position:absolute;
left:0;} /* pour cet abruti d'IE  */

#a-garde-mec a{
display:none;
}

#a-garde-mec:hover a , #a-garde-mec.sfhover a{
position:absolute;
display:block;
}

#a-garde-mec a span,#a-garde-mec:hover a span,#a-garde-mec.sfhover a span{
display:none;
}


#a-garde-mec:hover a:hover span,  #a-garde-mec.sfhover a:hover span{
display:block;
}

#a-bras-rouge{
position:absolute;
top:50px;
left:25px !important;
/*left:-35px;*/
width:20px;
height:55px;
}

#s-bras-rouge-distant{
position:absolute;
top:50px;
left:-300px !important;
width:150px;
height:150px;
background:url("../im_global/accueil-cow.jpg") center no-repeat;
}

#a-bras-bleu{
position:absolute;
top:47px;
left:81px !important;
width:20px;
height:52px;
}

#s-bras-bleu-distant{
position:absolute;
top:45px;
left:200px;
width:150px;
height:150px;
background:url("../im_global/accueil-explo.jpg") center bottom no-repeat;
}

#a-jambe-rose{
position:absolute;
top:127px;
left:33px;
width:27px;
height:52px;
/*border:1px solid green;*/
}

#s-jambe-rose-distant{
position:absolute;
top:85px;
left:-110px;
width:150px;
height:100px;
background:url("../im_global/accueil-troubles.jpg") center bottom no-repeat;
/*border:1px solid green;*/
}

#a-jambe-verte{
position:absolute;
top:129px;
left:65px;
width:27px;
height:53px;
/*border:1px solid green;*/
}

#s-jambe-verte-distant{
position:absolute;
top:55px;
left:115px;
width:150px;
height:100px;
background:url("../im_global/accueil-musique.jpg") center bottom no-repeat;
/*border:1px solid green;*/
}

#a-slip{
position:absolute;
top:104px;
left:45px;
width:45px;
height:25px;
/*border:1px solid green;*/
}

#s-slip-distant{
position:absolute;
top:-105px;
left:175px;
width:150px;
height:100px;
background:url("../im_global/accueil-pays.jpg") center bottom no-repeat;
/*border:1px solid green;*/
}

#a-feuille{
position:absolute;
top:59px;
left:50px;
width:25px;
height:31px;
/*border:1px solid green;*/
}

#s-feuille-distant{
position:absolute;
top:5px;
left:105px;
width:150px;
height:100px;
background:url("../im_global/accueil-pensee.jpg") center bottom no-repeat;
/*border:1px solid green;*/
}

#a-tete{
position:absolute;
top:19px;
left:35px;
width:29px;
height:31px;
/*border:1px solid green;*/
}

#s-tete-distant{
position:absolute;
top:-115px;
left:-165px;
width:150px;
height:100px;
background:url("../im_global/accueil-tete.jpg") center bottom no-repeat;
/*border:1px solid green;*/
}

#a-voiture{
	position:absolute;
	z-index:1;
	top:40%;
	right:10%;
	width:247px;
	height:156px;
}

#a-voiture:hover{
	background:url("../im_global/caisse.jpg") center no-repeat;
}

#a-bonnefrites{
	position:absolute;
	z-index:1;
	top:30%;
	left:10%;
	width:118px;
	height:128px;
	background-image:url("../im_global/vers_bonnefrites.jpg");
	background-position : top left;
}

#a-bonnefrites:hover{
	background-position : 0 128px;
}

#a-pluie{
	position:absolute;
	bottom:70%;
	left:40%;
	width:98px;
	height:139px;
}

#a-pluie:hover{
	background:url("../im_global/nuage.jpg") center no-repeat;
}

#a-liens{
	position:absolute;
	bottom:70%;
	right:70%;
	width:134px;
	height:99px;
}

#a-liens:hover{
	background:url("../im_global/pistole-acc.jpg") center no-repeat;
}

#footer{
position:absolute;
bottom:0;
}

#footer img{
border:1px solid #ddd;
}


/*ça ça concerne les galeries...*/

#d_galerie{
width:100%;
overflow:visible;
text-align:center;
/*border:1px solid green;*/
}
#d_galerie div{
width:auto;
margin-left:auto;
margin-right:auto;
/*border:1px solid green;*/
}

#d_galerie a{
/*border:1px solid green;*/
}

#d_galerie img{
margin:10px;
}

/* pour la navigation dans les galeries */

.browse_a{
outline:0;
padding-left:15px;
background:url('../im_global/icones/plus.jpg') left center no-repeat;
}

.browse_dir{
display:none;
margin-left:15px;
padding-left:3px;
margin-bottom:10px;
}

.browse_content{
margin:0;padding:0;
display:block;
height:16px;
vertical-align:middle;
padding-left:33px;
background:url('../im_global/icones/image.jpg') 3px 0px no-repeat;
}

.browse_content_last{
margin:0;padding:0;
display:block;
height:16px;
vertical-align:middle;
padding-left:33px;
background:url('../im_global/icones/image_last.jpg') 3px 0px no-repeat;
}

.d_br_dir{
height:20px;
vertical-align:bottom;
}

.d_br_dir span{
padding-left:20px;
background:url('../im_global/icones/dossier.jpg') left center no-repeat;
}

/* IMAGE.PHP */

.im_nav{
position: relative;
width:180px;
margin:auto;
padding-top:11px;
}

.im_nav br{
clear:both;
}

span#count{
display:block;
position:relative;
float:left;
top:0px;

margin-left:20px;
margin-top:20px;

z-index:0;
color:#999;

}

.im_nav a{
display:block;
width:50px;
height:50px;
text-indent:-9000px;
outline:0;
/*z-index:10;*/
}

a.a_avant{
float:left;
background:url("../im_global/tache-red.jpg") center no-repeat;
}
a.a_apres{
float:right;
background:url("../im_global/tache-blue.jpg") center no-repeat;
}

#d-autres{
font-size:1.5em;
/*line-height:4em;*/
color:#333;
}

#d-autres img{
vertical-align:-2em;
}

#d-autres img.t-b{
vertical-align:text-bottom;
}

#d-autres img.middle{
vertical-align:middle;
}

#d-autres img.up{
margin-top:-6em;
}

#d-autres div.right{
overflow:auto;
padding:15px 0 0 0;
text-align:right;
line-height:normal;
width:741px;
margin:auto;
margin-top:5px;
}

#d-autres div.right img{
clear:both;
float:right;
}

#d-autres div.lh4{
padding-top:3em;
}

#d-autres div.lh4 img{
display:block;
margin-top:-3em;
margin-left:0.5em
}

#d-autres div.left{
overflow:auto;
text-align:left;
line-height:normal;
width:741px;
margin:auto;
margin-top:-4em;
}

#d-autres div.left img{
vertical-align:text-bottom;
margin:0 0.5em;
}

#d-bonjour{
position:relative;
font-size:1.3em;
color:#333;
text-align:left;
width:641px;
margin:auto;
padding-top:20px;
}

#d-bonjour p{
position:absolute;
bottom:0;
left:4%;
line-height:1.5em;
}

#d-bonjour img{
margin-bottom:50px;
}

#d-liens ul{
display:block;
width:60%;
margin:auto;
padding-top:4em;
list-style-type:none;
text-align:right;
font-size:1.7em;
line-height:1.5em;
}


#a-im-text{
display:block;
font-weight:normal;
text-align:justify;
font-size:1.5em;
color:#222;
border:1px solid #eee;
padding:7px;
}

/*------------- pour le login corner ------------------*/
#d-login, #a-login{
display:block;
position: absolute;
top:0;
right:0;
font-size:1.2em;
}

#a-login{
width:50px;
height:50px;
}

#d-login{
padding:14px;
z-index:300;
width:20em;
float:right;
margin-right:100px;
background:#fff;
}

#d-login-extra{
background:#fff;
border:none;
}

#d-login-extra.full{
background:#fff;
padding:15px;
border:1px solid #999;
}

input{
border:1px solid #444;
padding:1px;
margin:0 0 7px 0;
width:100% !important;
width:auto; /* pour cette grosse merde d'IE  */
}

textarea{
border:1px solid #777;
padding:7px;
width:100%;
font-size:1.5em;
font-weight:normal;
font-family:Arial, Helvetica, sans-serif;
}

.al-left{
text-align:left;
}

.al-right{
text-align:right;
}

.error{
color:#aa1111;
}

#d-liens li{
position:relative;
}