/*******************************

	TEMPLATE CSS COMMUN

*******************************/









/*****************************

      BALISES COMMUNNES

******************************/

html,

body{

	\height:100%;



}

body {

	font-family: "Trebuchet MS";

	font-size: 12px;

	line-height:1.2em;

	margin: 0;

	padding: 0;

	background-color:#FEFFF8;

}

a{

	color:#0000FF;

	text-decoration:underline;

}

a:hover{

	text-decoration:none;

	color: #0000FF;

}

img {

	border:0px;

}



/* UNIFORMISATION DES MARGES ET PADDING des != NAVIGATEUR */

div,p,form,h1,h2,h3,h4,h5,h6,ul,blockquote,img {

	margin: 0;

	padding:0;

}

ul,blockquote{

	margin-left:15px;
	line-height:1.0em;

}

div,p,h1,h2,h3,h4,h5,h6,font{

	line-height:1.2em;

}



.left-cleaner,

.right-cleaner,

.cleaner{

	clear:both;

	font-size:1px;

	height:0px;

	line-height:0px;

	margin:0;

	padding:0;

	/*overflow:hidden;*/

}

.left-cleaner{clear:left;}

.right-cleaner{clear:right;}



/*****************************************************/

/* CLEANER AVEC BORD */

.left-cleaner-bord,

.right-cleaner-bord,

.cleaner-bord{

	clear:both;

	font-size:1px;

	height:1px;

	line-height:1px;

	margin:0;

	padding:0;

	background-image: url(../img/commun/encadre_top_down.gif);

	background-repeat: no-repeat;

	/*overflow:hidden;*/

}

.left-cleaner-bord{clear:left;}

.right-cleaner-bord{clear:right;}



/* CLEANER AVEC BORD GAUCHE */

.left-cleaner-bord-gauche,

.right-cleaner-bord-gauche,

.cleaner-bord-gauche{

	clear:both;

	font-size:1px;

	height:1px;

	line-height:1px;

	margin:0;

	padding:0;

	background-image: url(../img/commun/encadre_top_down_gauche.gif);

	background-repeat: no-repeat;

	/*overflow:hidden;*/

}

.left-cleaner-bord-gauche{clear:left;}

.right-cleaner-bord-gauche{clear:right;}

/*****************************************************/



.div-detection-flash{

	margin:0px;

	font-weight:normal;

	text-align:center;

	width:auto;

	border:1px solid #C6C5C0;

	padding:25px;

}

/* POSITIONNEMENT DU CONTENAIRE  */

#contenaire{

	position: absolute;

	left: 50%;

	z-index: 50;

	border-top:0px;

	padding:0px 0px 0px 0px;

	background-image: url(../img/commun/bg_carte_hp.jpg);

	top: 3px;

	margin-left: -400px;

	width:800px;

}



/****************************************************/

/* VISUEL PAGE INDEX*/

#page-index #visuel{

	line-height:160px;

	height: 160px;

	background-image: url(../img/commun/logo_tethys_hp.jpg);

	background-repeat: no-repeat;

	float: left;

	width: 410px;

	margin-left: 16px !important;

	margin-left: 8px;

}

/******************************************************/

/* MENU NAVIGATION EXTERIEURE PAGE INDEX*/

#page-index #menu-ext{

	float: left;

	font-size: 12px;

	padding-top: 45px;

	padding-left: 230px;

}

#page-index #menu-ext ul{

}

#page-index #menu-ext li{

	list-style-type: none;

	line-height: 18px;

}

#page-index #menu-ext li img{

	margin-right: 7px;

}

#page-index #menu-ext li a{

	color: #000000;

	text-decoration: none;

}

#page-index #menu-ext li a:hover{

	color: #666666;

}

/******************************************************/

/* POSITIONNEMENT DU CONTENU DE LA PAGE  */





#contenu-page{
	position: absolute;
	left: 50%;
	z-index: 101;
	top: 214px;
	border-top:0px;
	padding:0px 0px 0px 0px;
	background-color: #FFFFFF;


}



#contenu-page{

	margin-left: -384px;

	width:800px;

	voice-family:"\"}\"";

	voice-family:inherit;

	margin-left: -384px;

	width:768px;

}



html>body  #contenu-page{

	margin-left: -384px;

	width:768px;

}

/* POSITIONNEMENT DU CONTENU DE LA PAGE POUR LE PLAN SITE ET CONTACT */





#contenu-page-psc{

	position: absolute;

	left: 50%;

	z-index: 101;

	top: 200px;

	border-top:0px;

	padding:0px 0px 0px 0px;

	background-color: #FFFFFF;

}



#contenu-page-psc{

	margin-left: -384px;

	width:800px;

	voice-family:"\"}\"";

	voice-family:inherit;

	margin-left: -384px;

	width:768px;

}



html>body  #contenu-page-psc{

	margin-left: -384px;

	width:768px;

}

/*** CONTENUE DU TITRE DES 3 RUBS ****/

#contenu-titre{

	position: absolute;

	left: 50%;

	z-index: 101;

	top: 172px;

	border-top:0px;

	padding:0px 0px 0px 0px;

}



#contenu-titre{

	margin-left: -384px;

	width:800px;

	voice-family:"\"}\"";

	voice-family:inherit;

	margin-left: -384px;

	width:768px;

}



html>body  #contenu-titre{

	margin-left: -384px;

	width:768px;

}

/*******************************************************/

/* POSITIONNEMENT DE L'ENTETE DE LA PAGE  */

#entete{

	background-color:#FEFFF8;

	position: absolute;

	left: 50%;

	z-index: 100;

	padding:0px 0px 0px 0px;

	border-bottom:0px;

}

#entete{

	margin-left: -384px;

	width:768px;

	voice-family:"\"}\"";

	voice-family:inherit;	

	margin-left: -384px;

	width:768px;

}

html>body #entete{

	margin-left: -384px;

	width:768px;		

}

/*******************************************************/

/* MENU LANGUE */

#langue{

	font-size: 10px;

	color:#FFFFFF;

	text-align: right;

	line-height: 18px;

	height: 18px;

	margin-left: 16px;

	margin-right: 16px;

	background-image: url(../img/commun/bg_menu_langue.jpg);

	padding-right: 76px;

	margin-top: 2px;

	margin-bottom: 1px;

}

#langue a{

	color:#FFFFFF;

	text-decoration: none;

}

#langue a:hover{

	color:#000000;

	text-decoration: none;

}

/*******************************************************/

/* MENU GENERAL */
/*
#page-index #menu-gen{
	line-height: 155px;
	height: 155px;
	margin-left: 16px;
	margin-right: 16px;
	width: 768px;
	background-repeat: no-repeat;
	background-position: top right;
	background-color: #1F4AAF;
	background-image: url(../img/commun/bg_mer_mediterranee_2.jpg);
}*/
#page-index #menu-gen{
	line-height: 186px;
	height: 186px;
	margin-left: 16px;
	margin-right: 16px;
	width: 768px;
	background-repeat: no-repeat;
	background-position: top right;
	background-color: #1F4AAF;
	background-image: url(../img/commun/bg_mer_mediterranee_new.jpg);
}


#page-index #menu-gen a{

	color:#000000;

	text-decoration: none;

}

#page-index #menu-gen a:hover{

	color:#847672;

	text-decoration: none;

}

/*******************************************************/

/* MENU DU HAUT */

#menu-haut{

	font-size: 10px;

	color:#000000;

	line-height: 22px;

	height: 22px;

	margin-left: 16px;

	margin-right: 16px;

	text-align: right;

}

#menu-haut a{

	color:#000000;

	text-decoration: none;

}

#menu-haut a:hover{

	color:#847672;

	text-decoration: none;

}

/*******************************************************/

/* MENU TETHYS */

#page-index #menu-tethys{
	padding-left: 40px;
	list-style-type: none;
	margin-left: 0px;
	float: left;
	background-repeat: no-repeat;
	background-position: top right;
	height: 155px;
	width:150px;

}

/*#page-index #menu-tethys{
	width: 190px;
	voice-family:"\"}\"";
	voice-family:inherit;
	width: 145px;
}

html>body#page-index #menu-tethys{
	width: 145px;

}*/

#page-index #menu-tethys ul{
	margin: 0px;
	padding-left: 0px;
	padding-top: 25px;
}
#page-index #menu-tethys li{
	list-style-type: none;
	text-indent: -25px;
}
#page-index #menu-tethys li.retait-menu-tethys{
	list-style-type: none;
	padding-top: 5px;
}
#page-index #menu-tethys li a.retrait-menu{
	font-weight: normal;
	font-size: 11px;
	text-decoration: none;
	color: #FFFFFF;
	padding-left: 15px;
}
#page-index #menu-tethys li a:hover.retrait-menu {
	font-weight: normal;
	text-decoration: none;
	color: #ABCFFF;
}
#page-index #menu-tethys li a{
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
}
#page-index #menu-tethys li a:hover{
	color: #ABCFFF;
}
#page-index #menu-tethys .retrait{
	padding-left: 48px;
	width: 224px;
	border-top: 0px solid white;
	padding-bottom: 9px;
	padding-top: 0px;
}
#page-index #menu-tethys .retrait a{
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
}

#page-index #menu-tethys .retrait a:hover{
	color: #ABCFFF;
}

/*******************************************************/

/* OMBRE MENU */

#page-index #ombre-menu{

	float: left;

	width: 8px;

	height: 155px;

	background-image: url(../img/commun/ombre_index.png);

	background-position:top left;

	background-repeat:repeat-y;

}

/*******************************************************/

/* MENU ACTION PARTAGE */

/*#page-index #menu-action-part{
	float: left;
	width: 200px;
}
#page-index #menu-action-part p{
	border-top: solid #4271DD 1px;
	margin-right: 5px;
}
#page-index #menu-action-part ul{
	margin: 0px;
	padding-left: 10px;
	padding-top: 15px;
	padding-bottom: 22px;
}

#page-index #menu-action-part ul.menu-partage{
	margin: 0px;
	padding-left: 10px;
	padding-top: 12px;
}

#page-index #menu-action-part li{
	list-style-type: none;
}
#page-index #menu-action-part li.retait-menu-tethys{
	list-style-type: none;
	padding-top: 10px;
}
#page-index #menu-action-part li a.retrait-menu{
	font-weight: normal;
	font-size: 12px;
	text-decoration: none;
	color: #FFFFFF;
	padding-left: 15px;
}
#page-index #menu-action-part li a:hover.retrait-menu{
	font-weight: normal;
	text-decoration: none;
	color: #ABCFFF;
}
#page-index #menu-action-part li a{
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
}
#page-index #menu-action-part li a:hover{
	color: #ABCFFF;
}*/

#page-index #menu-action-part{
	float: left;
	width: 290px;
	padding: 15px 0 0 20px;
}
#page-index #menu-action-part p{
	border-top: solid #4271DD 1px;
	margin-right: 5px;
}
#page-index #menu-action-part ul.menu-principale{
	margin: 0px;
	padding:10px 0 0 15px;
}
#page-index #menu-action-part ul.menu-principale li{
	list-style-type:disc;
	color: #FFF;
	padding-bottom:10px;
	font-size:13px;
}
#page-index #menu-action-part ul.menu-principale li a{
	text-decoration:none;
	color: #FFF;
	font-weight:bold;
}
#page-index #menu-action-part ul.menu-principale li a:hover{
	color: #ABCFFF;
}
#page-index #menu-action-part ul.menu-partage{
	margin: 0px;
	padding:5px 0 0 15px;
}
#page-index #menu-action-part ul.menu-partage li{
	list-style-type:disc;
	color: #FFF;
}
#page-index #menu-action-part ul.retrait-menu-tethys{
	padding: 3px 0 0 10px;
	margin:0;
	font-size: 11px;
	color: #FFFFFF;
}
#page-index #menu-action-part ul.retrait-menu-tethys li{
	list-style-type:none;
	padding: 0px;
	margin:0;
	line-height:14px;
}
#page-index #menu-action-part ul.retrait-menu-tethys li a{
	font-weight: normal;
	font-size: 11px;
	text-decoration: none;
	color: #FFFFFF;
	padding-left: 5px;
	
}
#page-index #menu-action-part ul.retrait-menu-tethys li a:hover{
	font-weight: normal;
	text-decoration: none;
	color: #ABCFFF;
}
#page-index #menu-tethys .retrait{
	padding-left: 48px;
	width: 224px;
	border-top: 0px solid white;
	padding-bottom: 9px;
	padding-top: 0px;
}
#page-index #menu-tethys .retrait a{
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
}
#page-index #menu-tethys .retrait a:hover{
	color: #ABCFFF;
}
/*******************************************************/

/* CONTENU GAUCHE (COLONNE 1 ET COLONNE 2) */

#page-index #contenu-gauche{

	border: solid #919494 1px;

	margin-left: 16px;

	margin-right: 16px;

	margin-top: 3px;

	height: 206px;

	line-height: 206px;

}



/*******************************************************/

/* ACCROCHE */

#page-index #accroche{

	height: 40px;

	line-height: 40px;

	padding-left: 40px;

	padding-top: 155px;

}

#page-rub-ext #accroche{

    background-color:#FEFFF8;

	height: 40px;

	line-height: 40px;

	padding-left: 10px;

	padding-top: 5px;

}

#page-index #accroche p,

#page-rub-ext #accroche p{

	font-size: 14px;

}

#page-index #accroche span,

#page-rub-ext #accroche span{

	color: #7F7F7F;

}

/*******************************************************/

/* MENU DU BAS */

#menu-bas{

	line-height: 20px;

	text-align: center;

	height: 20px;

	color: #FFFFFF;

	background-color: #ACA68A;

	padding-bottom: 5px;

	padding-top: 5px;

}

#menu-bas a{

	font-size: 10px;

	color:#FFFFFF;

	text-decoration: none;

}

#menu-bas a:hover{

	color:#000000;

	text-decoration: none;

}



/*******************************************************/

/* COPYRIGHT */

#page-index #copyright{

	height: 22px;

	line-height: 22px;

	text-align: center;

}

#page-rub-ext #copyright{

    background-color:#FEFFF8;

	height: 22px;

	line-height: 22px;

	text-align: right;

}

#page-index #copyright,

#page-rub-ext #copyright,

#page-index #copyright a,

#page-rub-ext #copyright a{

	font-size: 10px;

	color:#847672;

}

#page-index #copyright a:hover,

#page-rub-ext #copyright a:hover{

	color:black;

}

.tableau-100pc{

	width:488px;

}



/* zone-etron (en général toujours vide) */

#zone-ektron{





}