/*****************
Global
******************/
body {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:0.8em;margin:0;padding:0;background:url(img/ressource_bg_trame.jpg) left 13px repeat-y;background-color:#f97e04;}
/*****************
Conteneurs
******************/
#conteneur {background:url(img/reference-bg.jpg) left top no-repeat;background-attachment:fixed;position:absolute;left:0px;top:0px;width:817px;min-height:874px;}
#contenu {margin:0 0 0 140px;top:0px;width:477px;height:100%;}
#contenu .divgauche, #contenu .divdroit{width:477px;height:100px;}
#pied {
text-align:right;
margin:0 200px 0 0;
}
#pied img{
border:0;
margin: 0 0 -2px 0
}

/*****************
REFERENCE triple
******************/
#logo{background:url(img/references_logo.png) 30px 1px no-repeat;position:absolute;left:110px;top:0px;width:140px;height:100px;/*border:1px solid;*/}
#logo a{display:block;width:150px;height:100px;}
#tete h1{text-transform: uppercase;font-size:49px;font-weight:bold;position: absolute;top: -13px;left: 264px;color:#a8a8a8;}
* html #tete h1{top: 20px;left: 264px;}*+html #tete h1{top: 20px;left: 264px;}

#tete h1 span{text-transform: uppercase;position: absolute;font-size:49px;top: -2px;left: 5px;color: #ededed;}
#tete h1 span.blanc{text-transform: uppercase;font-size:49px;font-weight:bold;position: absolute;top: -1px;left: 2px;color:#fff;}
#tete h2{text-transform: uppercase;margin:70px 0 0 0;font-size: 20px;color: #f97e04;font-weight: bold;text-align:right;}
#contenu .divdroit img{margin:0 0 0 25px;padding:0;float:right;}
#contenu .divdroit p.droit, #contenu .divdroit h2{display:block;width:348px;margin: 0 0 5px 0;}
#contenu .divgauche img{float:left;}
#contenu .divgauche p.gauche, #contenu .divgauche h2{margin: 0 0 5px 25px;display:block;width:348px;float:left;}
/***en savoir + & xxxxxx.com***/
#contenu .divgauche a.droit {float:right;}
#contenu .divgauche a.gauche {float:left;display:block;}
#contenu .divdroit a.droit {float:right;}
#contenu .divdroit a.gauche {float:left;}

/*****************
Génériques
******************/
#contenu img {cursor: pointer;margin-bottom:15px;}
#contenu img.mini {cursor: pointer;margin-bottom:15px;}
#contenu img.mini-inact {height:93px;width:104px;}
#contenu hr {visibility:hidden;clear:both;margin:15px 0 15px 0;}*+html #contenu hr {visibility:hidden;clear:both;margin:5px 0 5px 0;}* html #contenu hr {visibility:hidden;clear:both;margin:5px 0 5px 0;}
#contenu .divgauche h2, #contenu .divdroit h2{font-size: 20px;font-weight: normal;color:#666;}
#contenu .divgauche p, #contenu .divdroit p, span.erreur{text-align:justify;margin:5px 0 5px 0;font-size: 10px;font-weight: bold;color:#999;}
#contenu .divgauche a, #contenu .divdroit a, #conteneur #pied a{font-size: 10px;font-weight: bold;color:#f97e04;text-decoration:none;cursor:pointer;}
#contenu .divgauche a:hover, #contenu .divdroit a:hover{text-decoration:underline;}
span.erreur a{color:#f97e04;}
span.erreur a:hover{text-decoration:none;}
/********************
popup
********************/
.popup {position:absolute;left:110px;/*top:150px;*/z-index:200;
background:url(img/reference_popup.png) left top no-repeat;
width:543px;height:324px;padding:0;}

.popup h4{text-align:center;margin:3px 0 0 0;font-size:10px;color:#999;font-weight:bold;}
.popup h4 span{color:#f97e04;}

.popup img{margin:10px 10px 0 9px;float:left;border:0px;}
.popup p.date{margin:10px 10px 0 0;color:#f97e04;}
.popup p{margin:0 10px 10px 0;color:#999999;}
.popup p span.date, .popup a{text-decoration:none;color:#f97e04;}
.popup p a.lien_gauche{float:left;}
.popup p a.lien_droit {float:right;}
.popup p a.lien_droit, .popup p a.lien_gauche{color:#548cd4;font-weight:bold;}
.popup blockquote{margin:-5px 0 10px 2px;width:300px;border:1px dashed #7f7f7f;padding:5px;height:60px;overflow:auto;}
.popup blockquote p{margin:0 0 0 0;font-size:10px;color:#548cd4;font-style:italic;}
.popup blockquote p span.signature{text-align:right;display:block;}
.popup p.commentaire{font-weight:bold;margin-top:15px;}
.popup div.fermeture {position:absolute;left:450px;top:3px;}
.popup div.fermeture a{font-weight:bold; color:#ccc;cursor:pointer;}
.popup div.fermeture a:hover{text-decoration:none;color:#999;}

/********************
popup-demo
********************/
.popup-demo {position:absolute;left:140px;z-index:200;}

.popup-demo div.fermeture a{
text-indent:3px;
font-size:10px;
display:block;
width:60px;
height:12px;
font-weight: bold;
cursor: pointer;
color:#ccc;
text-decoration: none;
background-color:#999999;
}
.popup-demo div.fermeture a:hover{
color:#888;
text-decoration: none;
background-color:#000;
}
/*****************
Génériques
******************/
.popup{text-align:justify;font-size:10px;}
.popup a:hover{text-decoration:underline;}
/*****************
PIED de page
******************/
#piedpage {
margin-top:10px;
margin-left:140px;
	/*border:1px solid;*/
}
#piedpage .signature{
/*background-color:#333;*/
border-top:1px solid #999;
font-size:9px;
color:#999;
display:block;
width:467px;
padding:5px;
}
#piedpage .signature a:hover{
text-decoration:none;
color:#999999;
}
#piedpage .signature a{
text-decoration:underline;
color:#999999;
font-weight:bold;
}