/* CSS Document */
/* Copyright 2007 Athena Energy */

/* Général */
html, body {
	height:100%;
	/* Couleur de la scrollbar pour ie */
	scrollbar-face-color:#3c94c1;
	scrollbar-shadow-color:#3c94c1;
	scrollbar-highlight-color:#3c94c1;
	scrollbar-3dlight-color:#3c94c1;
	scrollbar-darkshadow-color:#3c94c1;
	scrollbar-track-color:#ead98b;
	scrollbar-arrow-color:#ead98b;
}
body {
	margin:0;
	padding:0;
	font-size:1em;
	line-height:1em;
	font-family:'Trebuchet MS', 'Tahoma', 'Verdana';
	text-align:center;
	background-attachment:scroll;
	background-image:url(/image/athena-fond.jpg);
	background-repeat:repeat-x;
	background-color:#ead98b;
	background-position:top center;
}
a img {
	border:0;
}
a {
	text-decoration:underline;
	color:#3c94c1;
}
a:hover {
	color:#032f78;
}
h1 {
	font-size:1.2em;
	font-weight:normal;
	line-height:1.2em;
	font-style:normal;
	text-indent:0;
	padding:0;
	text-align:left;
	color:#032f78;
}
#conteneur h3 {
	font-size:1.1em;
	color:#005395;
	text-align:left;
}
hr {
	border:0;
	clear:both;
	width:100%;
	color:#001449;
	background-color:#001449;
	height:1px;
}
table {
	font-size:0.8em;
	line-height:1.4em;
	color:#155b9f;
}
acronym {
	cursor:pointer;
	border-bottom:1px dotted #155b9f;
}
/* Image de fond */
#gaz {
	position:absolute;
	display:block;
	top:0;
	left:0;
	width:764px;
	height:567px;
	background-attachment:scroll;
	background-image:url(/image/athena-gaz.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	z-index:0;
}
/* Blocks de disposition */
#conteneur {
	position:absolute;
	display:block;
	top:0;
	left:50%;
	width:760px;
	padding:0;
	margin:0 0 0 -380px;
	color:#000000;
	text-align:center;
	z-index:1;
}
#contenu {
	position:relative;
	display:block;
	height:auto;
	background-color:#fff;
	margin:0;
}
/* Menu rapide */
#rapide {
	position:relative;
	display:block;
	height:auto;
	width:740px;
	margin:0 auto;
	padding:10px 7px;
	color:#000000;
	font-size:0.7em;
	line-height:1.2em;
	text-align:right;
	background-color:#FFFFFF;
	z-index:2;
}
#rapide a {
	padding:0 3px;
}
#rapide a:link, #rapide a:active, #rapide a:visited {
	
	color:#000000;
	text-decoration:none;
}
#rapide a:hover {
	color:#000000;
	text-decoration:underline;
}
/* Image entête */
#logo {
	position:relative;
	display:block;
	width:740px;
	height:90px;
	margin:0 auto;
	text-align:left;
	font-size:1.4em;
	line-height:90px;
	text-indent:10px;
	padding:0;
	color:#FFFFFF;
	background-color:#001449;
}
/* Menu */
ul#menu {
	position:relative;
	display:block;
	width:740px;
	height:30px;
	top:0;
	right:0;
	margin:0 10px;
	padding:0;
	text-align:center;
	line-height:126px;
	color:#FFF;
	z-index:3;
}
ul#menu li {
	float:left;
	list-style:none;
}
li a .blanc {
	/* style alternatif ( background:transparent url("http://www.institutmatis.com/image/gris.png") repeat; ) */
    filter:alpha(opacity=100); /* Pour Internet Explorer */
    -moz-opacity:1; /* Pour Mozilla */
    -khtml-opacity:1; /* Pour Konqueror */
    opacity:1; /* Pour les standards CSS3 */
}
li:hover .blanc, li.sfhover .blanc  {
	/* style alternatif ( background:transparent url("http://www.institutmatis.com/image/gris.png") repeat; ) */
    filter:alpha(opacity=0); /* Pour Internet Explorer */
    -moz-opacity:0; /* Pour Mozilla */
    -khtml-opacity:0; /* Pour Konqueror */
    opacity:0; /* Pour les standards CSS3 */
}
ul#menu li a img {
	position:absolute;
	display:block;
	padding:0;
	margin:0;
	z-index:3;	
}
.menu01 {
	width:88px;
	height:30px;
	left:0px;
	top:0px;	
}
.menu01en {
	width:92px;
	height:30px;
	left:0px;
	top:0px;	
}
.menu02 {
	width:141px;
	height:30px;
	left:88px;
	top:0px;	
}
.menu02en {
	width:148px;
	height:30px;
	left:92px;
	top:0px;	
}
.menu03 {
	width:179px;
	height:30px;
	left:229px;
	top:0px;	
}
.menu03en {
	width:159px;
	height:30px;
	left:240px;
	top:0px;	
}
.menu04 {
	width:110px;
	height:30px;
	left:408px;
	top:0px;	
}
.menu04en {
	width:114px;
	height:30px;
	left:399px;
	top:0px;	
}
.menu05 {
	width:58px;
	height:30px;
	left:518px;
	top:0px;	
}
.menu05en {
	width:62px;
	height:30px;
	left:513px;
	top:0px;	
}
.menu06 {
	width:49px;
	height:30px;
	left:576px;
	top:0px;
}
.menu06en {
	width:61px;
	height:30px;
	left:575px;
	top:0px;
}
.menu07 {
	width:115px;
	height:30px;
	left:625px;
	top:0px;		
}
.menu07en {
	width:104px;
	height:30px;
	left:636px;
	top:0px;		
}
#menu li ul {
	display:none;
}
#menu li li {
	position:relative;
	display:block;
	width:15em;
	height:auto;
	margin:0;
	padding:0;
	border:0;
	font-size:0.7em;
	line-height:1.4em;
	text-decoration:none;
	background-color:#3c94c1;
}

#menu li ul a {
	position:relative;
	display:block;
	width:15em;
	height:auto;
	margin:0;
	padding:4px 0;
	line-height:1.4em;
	text-decoration:none;
	color:#FFFFFF;
}
#menu li ul a:hover {
	width:15em;
	height:auto;
	margin:0;
	padding:4px 0;
	line-height:1.4em;
	color:#FFFFFF;
}
#menu li:hover ul, #menu li li:hover ul, #menu li li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul, #menu li li li.sfhover ul {
	position:absolute;
	display:block;
	top:30px;
	width:10em;
	height:auto;
	margin:0;
	padding:0;
	text-align:left;
	text-indent:10px;
	background-color:#3c94c1;		
}
#menu ul li:hover, #menu ul li.sfhover {
	color:#FFFFFF;
	background-color:#51b4e6;
}
#menu ul li a span {
	padding:0 0 0 20px;
}
/* Page */
#page {
	position:relative;
	display:block;
	width:740px;
	height:auto;
	margin:10px auto 0 auto;
}
/* Gauche */
#gauche {
	position:relative;
	display:block;
	float:left;
	width:152px;
	height:100%;
	margin:0;
}
#gauche ul {
	position:relative;
	display:block;
	width:152px;
	margin:0 0 20px 0;
	padding:0;
	text-indent:0;
	text-align:left;
	font-size:0.7em;
	list-style:none;
	color:#032d78;
}
#gauche ul li {
	position:relative;
	display:block;
	width:152px;
	padding:0;
	margin:0;
	text-indent:0;
	list-style:none;
	border-top:1px solid #d6d6d6;
	border-bottom:1px solid #d6d6d6;
	
}
#gauche ul li a {
	position:relative;
	display:block;
	width:142px;
	margin:2px 0;
	padding:3px 0 3px 10px;
	text-indent:0;
	text-decoration:none;
	color:#032d78;
	background-attachment:scroll;
	background-image:url(/image/carreaux.gif);
	background-repeat:repeat-y;
	background-position:center left;
	background-color:#FFFFFF;
}
#gauche ul li a:hover {
	color:#FFFFFF;
	background-color:#3c94c1;
}
#gauche img {
	position:relative;
	display:block;
	width:152px;
	height:68px;
	margin:0 0 40px 0;
}
#gauche #prog-alliance-gauche img {
	height:88px;
	margin:0 0 20px 0;
}
#gauche-alliance {
	margin:0 0 10px 0;
}
#gauche-alliance form#acces-membres {
	font-size:0.7em;
	background-color:#ead98b;
	text-align:left;
	margin:0;
}
#gauche-alliance form#acces-membres h3 {
	font-size:1em;
	padding:6px 10px;
	margin:0 0 5px 0;
	font-weight:normal;
	color:#fff;
	background-color:#005395;
}
#gauche-alliance form#acces-membres p {
	font-size:1em;
	padding:2px 10px;
	margin:0;
	font-weight:normal;
	text-align:left;
}
#gauche-alliance form#acces-membres input.champ {
	border:0px solid #fff;
	padding:2px 4px;
	max-width:132px;
	color:#003c6c;
}
#gauche-alliance form#acces-membres input.case {
	border:0px solid #fff;
	padding:0px;
	margin:0px;
	color:#003c6c;
}
#gauche-alliance form#acces-membres input.bouton {
	width:130px;
	font-size:1em;
	border:0px solid #fff;
	padding:6px 10px;
	margin:0 10px;
	color:#fff;
	background-color:#005395;
}
#gauche-alliance form#acces-membres input:hover.bouton {
	background-color:#003c6c;
}
#gauche-alliance form#acces-membres .retour {
	height:10px;
}
#gauche-alliance #ajout-texte p {
	font-size:0.7em;
	padding:5px 0px;
	margin:0;
	font-weight:normal;
	text-align:left;
}
#gauche-alliance #ajout-texte h4 {
	font-size:0.7em;
	padding:0;
	margin:0;
	font-weight:normal;
	text-align:center;
	color:#fff;
}
#gauche-alliance #ajout-texte h4 a {
	display:block;
	color:#fff;
	padding:5px 0px;
	text-decoration:none;
	background-color:#005395;
	border-bottom:3px solid #ead98b;
}
#gauche-alliance #ajout-texte h4 a:hover {
	background-color:#003c6c;
}
/* Droite */
#droite {
	position:relative;
	display:block;
	float:right;
	width:577px;
	height:auto;
	margin:0;
	padding:0;
}
/* Chemin de liens */
#chemin, #chemin2 {
	clear:both;
	width:577px;
	height:auto;
	margin:0;
	padding:0;
	line-height:0.9em;
	text-align:left;
	font-size:0.7em;
	color:#978d5e;
}
#chemin {
	position:relative;
	display:block;
	background-color:#ead98b;
}
#chemin2 {
	border-top:7px solid #d5dc91;
	padding-top:7px;
}
#chemin2 a {
	color:#1aa4d4;
	text-decoration:none;
}
#chemin2 a:hover {
	color:#005395;
	text-decoration:underline;
}
#chemin #chemin-haut {
	position:relative;
	display:block;
	width:577px;
	height:13px;
	background-attachment:scroll;
	background-image:url(/image/chemin-haut.gif);
	background-repeat:no-repeat;
	background-position:top center;
}
#chemin #chemin-milieu {
	text-align:left;
	padding:0 10px 10px 10px;
	background-attachment:scroll;
	background-image:url(/image/chemin-bas.gif);
	background-repeat:no-repeat;
	background-position:bottom center;
}
/*#chemin #chemin-bas {
	position:relative;
	display:block;
	width:577px;
}*/
#chemin a {
	color:#978d5e;
	text-decoration:none;
}
#chemin a:hover {
	text-decoration:underline;
}
/* Élément de page */
#page h1 {
	padding:0 10px 10px 10px;
	margin:15px 0 0 0;
}
#page h1 img {
	margin:0 0 0 -10px;
}

#glossaire, p, h2, #orientation, #droite ul {
	font-size:0.8em;
	font-weight:normal;
	line-height:1.4em;
	font-style:normal;
	text-indent:0;
	padding:0;
	margin:0;
	text-align:justify;
	color:#155b9f;
}
p, #droite ul {
	padding:0 10px;
	margin:20px 0;
}
#droite ul.liste {
	padding:0;
	margin:5px 10px 5px 25px;
}
#droite #encart ul {
	font-size:0.9em;
	color:#fff;
}
/*p img {
	float:right;
	border:1px solid #001449;
	margin:5px 0 10px 10px;
}*/
h2 {
	display:block;
	clear:both;
	height:auto;
	padding:0 10px;
	margin:10px 0 10px 0;
	font-size:0.9em;
}
#droite h2 ul {
	font-size:0.9em;
	margin:0 10px;
}
#glossaire {
	display:block;
	clear:both;
	height:auto;
	padding:0 10px;
	margin:10px 0 10px 0;
	font-size:0.9em;
}
#txt3 {
	display:block;
	height:auto;
	width:246px;
	padding:0 20px;
	margin:0;
}
.trait {
	border-left:1px solid #eee;
}
#txt3 hr {
	border:0;
	clear:both;
	width:100%;
	color:#ddd;
	background-color:#ddd;
	height:1px;
}
#txt4 {
	display:block;
	clear:both;
	height:auto;
	padding:0 10px;
	margin:0 0 10px 0;
}
#txt4 p img {
	float:left;
	border:1px solid #001449;
	margin:5px 10px 10px 0;
}
.sstitre {
	font-weight:bold;
	font-size:1.2em;
	color:#032f78;
}
.retour-ligne, .retour {
	clear:both;
}
/* Choix de l'alignement */
.g {
	float:left;
}
.d {
	float:right;
}
/* Classes pour les encarts */
#encart, #encart2, #encart3 {
	text-align:left;
	display:block;
	clear:both;
	height:auto;
	font-size:0.9em;
}
#encart {
	padding:15px 20px;
}
#encart2 {
	padding:15px 20px;
	margin-top:0;
	margin-bottom:5px;
}
#encart3 {
	padding:15px 20px;
	margin-top:0;
	margin-bottom:5px;
	font-size:0.9em;
	line-height:1.3em;
}
#encart a, #encart3 a   {
	color:#c7e3f1;
}
#encart a:hover, #encart3 a:hover {
	color:#fff;
}
.mg {
	margin-right:15px;
}
.md {
	margin-left:15px;
}
.larg1 {
	width:180px;
}
.larg2 {
	width:220px;
}
.larg3 {
	width:250px;
}
.larg4 {
	width:210px;
}
.larg5 {
	width:160px;
}
.larg6 {
	width:280px;
}
.demi {
	width:263px;
}
.blanc {
	color:#fff;
}
.blanc h2, .blanc p {
	color:#fff;
}
.cyan {
	color:#3c94c1;
}
.fdcyan {
	background-color:#3c94c1;
}
.bleu {
	color:#032f78;
}
.fdbleu {
	background-color:#032f78;
}
.sable {
	color:#ead98b;
}
.bleusombre {
	color:#003c6c;
}
big {
	font-size:1.6em;	
}
.fdsable {
	background-color:#ead98b;
}
.maj {
	text-transform:uppercase;	
}
/* Liste numérique */
ol {
	margin:0;
	padding:0;
	text-align:left;
}
ol li {
	margin:0 0 0 20px;
	padding:0;
}
/* Liste sans retrait */
.retrait {
	margin:0;
	padding:0;
	text-indent:0;
}
.retrait li {
	margin:0 0 0 15px;
}
/* Page glossaire */
#glossaire a {
	font-size:0.8em;
	padding:2px 6px;
	margin:0 4px 0 0;
	color:#978d5e;
	text-transform:uppercase;
	text-decoration:none;
	background-color:#ead98b;
}
#glossaire a:hover {
	color:#fff;
	background-color:#3c94c1;
}
.lettrine {
	display:block;
	width:1.4em;
	line-height:1.4em;
	font-size:1.6em;
	padding:0;
	margin:30px 10px 0 0;
	color:#978d5e;
	text-align:center;
	text-decoration:none;
	background-color:#ead98b;
}
.lettrine:hover {
	color:#978d5e;
}

/* Carte routière */
#carte {
	width:556px;
	height:360px;
	margin:10px 0;
	font-size:0.9em;
	line-height:1.2em;
	border:0;
}
#adresse {
	width:320px;
	height:60px;
}
#adresse img {
	float:left;
	padding:0 6px 0 0;
	border:0;
}
#itineraire {
	position:relative;
	margin:-110px 0 45px 0;
	left:350px;
	z-index:777;
}
#itineraire input {
	position:relative;
	top:-14px;
	left:-175px;
	border:1px solid #fff;
	font-size:0.9em;
	color:#032f78;
	background-color:#ead98b;
	z-index:10;
}
#code1 {
	width:60px;
	padding:1px 1px 1px 3px;
}
#ok {
	padding:0;
	margin:0 0 0 -2px;
	width:22px;
}
/* Portraits dans page contact*/
.portrait {
	float:right;
	border:1px solid #001449;
	margin:5px 0 10px 10px;
}
/* Affichage d'une infobulle (popup) */
a.info {
	display:block;
	position:relative;
	float:right;
	width:200px;
	margin:0 0 0 10px;
	padding:0;
	text-decoration:none;
	border:1px solid #3c94c1;
}
a.info img {
}
a.info span {
	display:block;
	width:200px;
	line-height:2em;
	text-align:center;
	font-size:0.9em;
	color:#3c94c1;
	border:0;
	background-color:#fff;
	border-top:1px solid #3c94c1;
}
a.info:hover span {
	color:#fff;
	background-color:#3c94c1;
}
/* Informations sur une image */
.infos {
	float:right;
	width:200px;
}
.infos em {
	clear:both;
	display:block;
	font-size:0.85em;
	line-height:1.2em;
	color:#555;
	font-style:normal;
	margin:0 5px;
	padding:5px 0 0 0;
}

/* Deux colonnes - Page Partenaires */
.demi2 {
	width:280px;
}


/* Affichage d'un popup dans la même page */
#pop {
	display:none;
	position:absolute; 
	top:0; 
	left:0;
	width:100%;
	background-color:#022a72; 
	filter: alpha(opacity=80); 
	-moz-opacity: 0.8; 
	-khtml-opacity: 0.8; 
	opacity: 0.8;
	z-index:9997;
}
#lienpopimg {
	display:none;
	position:absolute; 
	text-decoration:none; 
	z-index:9998;
}
#popimg {
	border:4px solid #e7f3fa;
}
a#lienpopimg span {
	display: none;
}
a#lienpopimg:hover span {
	position: absolute;
	display:block;
	width:300px;
	top:0;
	left:0;
	font-size:0.8em;
	font-weight:bold;
	color:#000;
	padding:5px;
	border: 2px solid #e7f3fa;
    filter: alpha(opacity=70); /* Pour Internet Explorer */
    -moz-opacity: 0.7; /* Pour Mozilla */
    -khtml-opacity: 0.7; /* Pour Konqueror */
    opacity: 0.7; /* Pour les standards CSS3 */	
	background-color:#fff;
	z-index:9999;
}

/* Foire aux questions */
#droite #faq {
	margin:0;
	padding:0;
	font-size:1em;
	list-style-type:none;
}
#droite #faq li {
	display:block;
	margin:5px 0;
	padding:5px 0;
	font-size:1em;
	border:1px dotted #ddd;
	background-color:#fcfcfc;
	cursor:pointer;
}
#droite #faq li:hover, #droite #faq li.sfhover {
	border:1px dotted #999;
	background-color:#e7f3fa;
}
#droite #faq li h2 {
	margin:0;
	font-weight:bold;
}
/*#droite #faq li p, #droite #faq li ol, #droite #faq li ul {
	display:none;
}
#droite #faq li:hover p, #droite #faq li:hover ol, #droite #faq li:hover ul, #droite #faq li.sfhover p, #droite #faq li.sfhover ol, #droite #faq li.sfhover ul {
	display:block;
}*/
#droite #faq li ol {
	margin:10px 0 0 10px;
	padding:0;
	font-size:0.8em;
	line-height:1.4em;
}
#droite #faq li ol li {
	margin:0 0 0 20px;
	padding:0;
	border:0;
	background:none;
}
#droite #faq li ol li:hover, #droite #faq li ul li:hover, #droite #faq li ol li.sfhover, #droite #faq li ul li.sfhover {
	border:0;
}
#droite #faq li ul li {
	background:none;
	border:0;
}

/* Bas de page */
#bas {
	clear:both;
	padding:10px 0 0 0;
	margin:0 0 0 10px;
}
#bas p {
	position:relative;
	display:block;
	width:567px;
	height:52px;
	font-size:0.7em;
	line-height:1.4em;
	color:#c3ba92;
	text-align:left;
	padding:0;
	margin:0;
}
#bas p span {
	position:relative;
	display:block;
	float:left;
	width:510px;
}
#bas p span a {
	position:relative;
	display:block;
	float:right;
	width:47px;
	height:17px;
}
#bas img {
	float:none;
	border:0;
	margin:0;
}
/* Pied de page */
#pied {
	position:relative;
	display:block;
	width:740px;
	height:auto;
	padding:0 10px 10px 10px;
	margin:0;
	background-color:#fff;
}
#pied-haut {
	position:relative;
	display:block;
	width:740px;
	height:13px;
	background-attachment:scroll;
	background-image:url(/image/pied-haut.gif);
	background-repeat:no-repeat;
	background-position:top center;
	background-color:#ead98b;
	margin:0;
	padding:0;
}
#pied-milieu {
	display:block;
	height:auto;
	text-align:left;
	background-color:#ead98b;
}
#pied-milieu p {
	position:relative;
	display:block;
	float:right;
	width:540px;
	font-size:0.7em;
	line-height:1.2em;
	color:#bfb68b;
	text-align:center;
	margin:0;
	padding:0 10px;
	background-color:#ead98b;
}
#activis {
	position:relative;
	display:block;
	float:left;
	padding:0 30px;
	background-color:#ead98b;
}
#pied-milieu a {
	color:#1068b4;
	text-decoration:none;
}
#pied-milieu a:hover {
	text-decoration:underline;
}
#pied-bas {
	position:relative;
	display:block;
	width:740px;
	height:13px;
	background-attachment:scroll;
	background-image:url(/image/pied-bas.gif);
	background-repeat:no-repeat;
	background-position:bottom center;
	background-color:#ead98b;
}
/* Dernière ligne */
#droits {
	position:relative;
	display:block;
	width:740px;
	height:3em;
	font-size:0.7em;
	line-height:1.2em;
	text-align:center;
	color:#FFFFFF;
	margin:10px 0 0 0;
}
#droits a {
	color:#FFFFFF;
	text-decoration:none;
}
#droits a:hover {
	color:#1068b4;
}