/**************************************************************************
Société : Audivox Edition
Auteur : Olivier
site : Demission.net
**************************************************************************/
body {font-family:Arial; color:#fff; font-size:12px; background:url(../../images/bg-body.gif) repeat-x;text-align:justify;}
.myhr {clear:both; height:0; overflow:hidden; visibility:hidden; }

a { color:#FFFFFF; }

h1 { font-size:15px; border-bottom:1px dotted  #fff; padding-bottom:5px; font-weight:blod; width:480px; margin-bottom:8px; position:absolute; left:15px; top:80px; z-index:1; text-align:left;}
h2 { font-size:15px; border-bottom:1px dotted  #fff; padding-bottom:5px; font-weight:blod; width:390px; margin-bottom:8px}
h3 { font-size:12px; color:#fff; border-bottom:1px dotted  #fff; padding:6px 0 4px 0; margin:0px 8px 0 8px; }
.last { margin-bottom:8px; border-bottom:none}
/****************************** structure *************************************/
#global { margin:20px auto; width:959px; background:#fff}
#header { cursor: pointer; position:relative; background:url(../../images/header.jpg) no-repeat; width:959px; height:167px;}
#wrapper { float:left; background: url(../../images/bg-wrapper.gif) repeat-y; width:959px}
.bg-content-gauche { float:left; background:url(../../images/bg-content.gif) repeat-x #b8b2b6; margin:0 10px 0 8px; width:940px; }
.bg-content-gauche h1 { padding-left:10px; }
#gauche { float:left; width:450px; padding:0px 10px 0 10px; margin-top:40px;}
#content { float:left; width:470px; margin-top:-35px; /* position:absolute; z-index:998; top:0px; left:500px; */}
#arianne {
	color: #8d8d8d;
	font-size: 11px;
	margin: 5px 0 0 5px;
}
#arianne a {
	text-decoration: none;
	color: #bfce01
}
#arianne a:hover {
	text-decoration: none;
	color: #ffffff;
}

/****************************** perso *************************************/
#perso { position:absolute; top:44px; right:16px; z-index:999}

/****************************** menu *************************************/
#menu { z-index:1; position:relative; float:left; background:#fff; width:700px; height:55px; padding:0 0 0 8px; font-size:13px; font-weight:bold; text-align:center}
#menu span { color:#fff; text-decoration:none;}
#menu span.body { padding-top:8px; height:42px}
#menu ul { float:left;}
#menu li  { float:left; list-style:none; padding-right:5px}

.btn1 span.body { float:left; background:url(../../images/btn-menu/btn1-body.gif)  repeat-x; width:140px; height:50px; border:none;  display:block; padding-top:}
.btn1 span.gauche { float:left; background: url(../../images/btn-menu/btn1-gauche.gif) no-repeat; width:6px; height:50px}
.btn1 span.droite { float:left; background:url(../../images/btn-menu/btn1-droite.gif) no-repeat; width:6px; height:50px}
#menu  a:hover { color: #CCC}

.btn2 span.body { float:left; background:url(../../images/btn-menu/btn2-body.gif)  repeat-x; width:140px; height:50px; border:none; display:block;}
.btn2 span.gauche { float:left; background: url(../../images/btn-menu/btn2-gauche.gif) no-repeat; width:5px; height:50px}
.btn2 span.droite { float:left; background:url(../../images/btn-menu/btn2-droite.gif) no-repeat; width:6px; height:50px}


.btn3 span.body  { float:left; background:url(../../images/btn-menu/btn3-body.gif)  repeat-x; width:140px; height:50px; border:none; display:block;}
.btn3 span.gauche { float:left; background: url(../../images/btn-menu/btn3-gauche.gif) no-repeat; width:6px; height:50px}
.btn3 span.droite { float:left; background:url(../../images/btn-menu/btn3-droite.gif) no-repeat; width:6px; height:50px}


.btn4 span.body  { float:left; background:url(../../images/btn-menu/btn4-body.gif)  repeat-x; width:140px; height:50px; border:none; display:block;}
.btn4 span.gauche { float:left; background: url(../../images/btn-menu/btn4-gauche.gif) no-repeat; width:6px; height:50px}
.btn4 span.droite { float:left; background:url(../../images/btn-menu/btn4-droite.gif) no-repeat; width:6px; height:50px}


.btn5 span.body  { float:left; background:url(../../images/btn-menu/btn5-body.gif)  repeat-x; width:140px; height:50px; border:none; display:block;}
.btn5 span.gauche { float:left; background: url(../../images/btn-menu/btn5-gauche.gif) no-repeat; width:6px; height:50px}
.btn5 span.droite { float:left; background:url(../../images/btn-menu/btn5-droite.gif) no-repeat; width:6px; height:50px}

span.body { cursor: pointer; }
span.gauche { cursor: pointer; }
span.droite { cursor: pointer; }

/****************************** content *************************************/
.feuille { margin-top:20px}
.feuille-top { background:url(../../images/feuille-top.jpg) no-repeat; width:389px; height:76px; margin:0px auto}
.feuille-body { background:url(../../images/bg-feuille.gif) repeat-x #b1a9ae; width:389px; height:280px; margin:auto; text-align:center; font-size:13px; color:#4a4a4a}
.questions { padding-top:10px; width:370px; margin:auto}
.btn-minitel { width:363px; height:73px; margin:5px auto;}
.btn-minitel-gauche { z-index:1; cursor: pointer; cursor: pointer; position:relative; float:left; background:url(../../images/btn-minitel-gauche.png) no-repeat; width:8px; height:73px;}
.btn-minitel-body { font-size:15px; cursor: pointer; float:left;  position:relative; background:url(../../images/btn-body-minitel.png) repeat-x; width:340px; height:50px; padding-top:23px}
.btn-minitel-body   { color:#fff; font-weight: bold; text-decoration:none}
.btn-minitel-body:hover { text-decoration:none}
.btn-minitel-droite { cursor: pointer; position:relative; float:left; background:url(../../images/btn-minitel-droite.png) no-repeat; width:14px; height:73px}

.cliquez-ici { position:absolute; background:url(../../images/cliquez.png) no-repeat; width:65px; height:32px; top:47px;left:-52px; z-index:999}
.tarifs { position:absolute; background:url(../../images/tarifs.png) no-repeat; width:120px; height:32px; top:49px; left:2px; z-index:999}

.contenu-texte { width:380px}

.nos-dossiers { width:350px; margin:15px 0 15px 0}
.contenu-dossiers { background:url(../../images/bg-dossiers.gif); width:350px;}
.btn-dossiers { background:url(../../images/nos-dossiers.gif) no-repeat; width:139px; height:27px}


/****************************** footer *************************************/
#footer { clear:both; background:url(../../images/footer.gif) no-repeat ; width:960px; height:21px; color:#999; font-size:10px;}
#footer  a { color: #999;}
#footer  a:hover { text-decoration:none; color:#CCC}

.liens { float:right; margin:3px 7px 0 0 }



/********************************* minitel ************************************/
.h1 {
	color:#40303B;
	font-size:16px;
	font-weight:bold;
}

#aide_min, #aide_min_syn {
	display:none;
	
	width:900px;
	margin:auto;
	padding:10px;
	text-align:center;

}

#aide_online {
	display:none;
	
	width:890px;
	margin:auto;
	padding:0px;
	text-align:center;
 margin-top:40px;
}

#aide_min h2, #aide_min_syn h2, #aide_online h2 {
	border-bottom:none;
}

#aide_min h1, #aide_min_syn h1, #aide_online h1 {
	margin:auto;
	margin-bottom:5px;
}

.tarifs {
	cursor: pointer;
}

.clear {
    font-size:10px;
	color:#838282;
    clear: both;
    margin:2px auto;
    width:945px
}
.clear a { color:#7a7a7a;
           text-decoration:none
}
.clear a:hover { 
	text-decoration:none;
    color:#bfce01
}

#error_404 {
	margin:10px;
	margin-top:50px;
}