/** 
 * @auteur F.mitouard 
 * @url www.gyptis.fr
 * @email f.mitouard@gyptis.fr
 * Version FR 1.00 du 19-04-2007 
 
 
 suppression des marges inutiles initialisation des tous les naviguateurs 
 */ 

 * {
  padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
 font-family:  sans-serif;
 font-size: 12px;
 /*line-height: 150%*/
 }
 
 .h1{
 font-family: Tahoma,  Arial, Helvetica, sans-serif;
 font-size: 18px;
 color: #16066e; 
 font-weight: bold;
 }
 
  .h2{
 font-family: sans-serif;
 font-size: 16px;
 font-weight: bold;
 color: #16066e; 
 }
 
 .h3{
 font-family: Tahoma,  Arial, Helvetica, sans-serif;
 color: #16066e; 
 }
 
 .a{
text-decoration: none;
color: blue;
 }
 
li{
list-style	: none;
}

.li_square{
	list-style: square;
	margin-left: 13px;
}

body.body_styles { 
	background-color: #949494; 
}

/* ===================================================== 
 *  STYLES  HEADER
 * -----------------------------------------------------
 */
 
#header {
   width: 150px;
}

#header-middle {
    /* style de la cellule centrale du header */
    background:  url(../images/Header_en.png) left no-repeat; 
    /*width: 1675px;*/
}

#Marseille_Gyptis {
   /* Style du nom du site */
   background-color: #829ebc; 
   width: 150px;
   height: 150px;
   background:  url(../images/logo_mgi.png) left no-repeat;
   border-left: 1px solid #d9d9d9;
}

#informaticiens_logisticiens {
   /* Style du slogan du site */
   font-size: 1px;
   color: #FFFFFF;
   font-family: sans-serif;
   padding-top: 95px;
}



/* ===================================================== */
/*  STYLES  CORPS DU SITE       */
/* ----------------------------------------------------- */

.corp_site{
  width: 960px;
}

#column1 {
   /* Style de la colonne 1 du corps du site */ 
   background-color: #ffffff; 
   font-family: Verdana,  Arial, Helvetica, sans-serif;
   font-size: 1px;
   padding: 0px 0px 5px 0px;
   border-left: 1px solid #d9d9d9;
   width: 150px;
   vertical-align: top;
}

#image {
 /*background:  url(../images/col_gauche_d.png) left top no-repeat;*/
 padding: 0px 0px 0px 0px; 
 width: 500px;
 height: 74px;
}

#column2 {
   /* Style de la colonne 2 du corps du site */
   background-color: #ffffff; 
   font-family: Tahoma,  Arial, Helvetica, sans-serif;
   font-size: 12px;
   border-left: 0px solid #e1e1e1;
   border-right: 0px solid #e1e1e1;
   padding: 0px 5px 0px 5px;
	 margin:0px 0px 0px 0px;
   width: 502px;
   vertical-align: top;
}

#column3 {
   /* Style de la colonne 3 du corps du site */
   /*background:  url(../images/Col_droite.png) top right repeat-y ;*/
   background-color: #ffffff;
   font-size: 12px;
   padding: 0px 0px 0px 0px;
   border-left: 0px solid #B0C4DE;
   border-right: 0px solid #4694c5;
   width: 140px;
   vertical-align: top;
   
}


/* ===================================================== 
 *  STYLES  FOOTER
 * ----------------------------------------------------- */
 
#footer {
   background-color: #ffffff;
   font-size: 10px;
   font-family: Tahoma,  Arial, Helvetica, sans-serif;
   padding: 6px;
   border-left : 1px solid #d9d9d9;
   border-bottom : 1px solid #d9d9d9;
   text-align: center;
   vertical-align: middle;
   color: #38363f;
}

table.moduletable_MLegale {
margin: auto;
}

a.mainlevel_MLegale {
text-decoration: none;
color:#38363f;
}

table.moduletable_liensBottom{
width: 100%;
text-decoration: none;
text-align: center;

}

.moduletable_liensBottom td{
text-decoration: none;
text-align: center;
}

a.mainlevel_liensBottom{
text-decoration: none;
color: #38363f;
text-align: center;
}


#english{
height:17px;
font-family: Tahoma,  Arial, Helvetica, sans-serif;
font-size: 1px; 
font-weight: bold;
text-align: center;
color: #383a40;
}
/* ===================================================== 
 *  STYLES SPECIFIQUES AU TEMPLATE : FORMULAIRE DE RECHERCHE
 * ----------------------------------------------------- */
 
.search_rech {
  margin-left: 2px;
  padding: 0px 0px 0px 0px;
  width: 140px;
  height: 25px;
 }
 

table.moduletable_rech th{
   color: #003d81;
   font-size: 10px;
   font-family: sans-serif;
} 
 
table.moduletable_rech td{
  font-size: 8px;
}  
 
.button_rech {
margin-left: 3px;
   font-size: 8px;
   text-align: center;
   width: 22px;
   height: 20px;
   
 }
.inputbox_rech {
    font-size: 10px;
    border: 1px solid #fbad09;
    height: 16px;
    width: 100px;
    margin-bottom: 1px;
 } 
 
 .inputbox_rech2 {
    font-size: 10px;
    border: 1px solid #fbad09;
    height: 16px;
    width: 180px;
    margin-bottom: 1px;
 } 
 

/* ===================================================== 
 *  STYLES SPECIFIQUES A LA POSITION DU CHAMP DE RECHERCHE
 * ----------------------------------------------------- */
 
#search {
   font-family: Tahoma,  Arial, Helvetica, sans-serif;
   padding: 0px 0px 0px 0px;
}


.titre {
   font-family: Tahoma,  Arial, Helvetica, sans-serif;
   font-size: 14px;
}

/* ===================================================== 
 *  STYLES SPECIFIQUES A LA POSITION DES BANNIERES
 * ----------------------------------------------------- */

table.moduletable_Ban {
margin-top : 10px;
margin-left : 5px;

}

table.moduletable_Ban td {
float: left;
}



 /* ===================================================== 
 *  STYLES SPECIFIQUES AU TEMPLATE : FORMULAIRE DE RECHERCHE GOOGLE
 * ----------------------------------------------------- */
 
table.google {
  margin-top: 10px;
  margin-left: 5px;
  border: 0px solid #B0C4DE;
  background: url(../images/Fond_Google.png)  top left no-repeat;
  width: 125px;
  height: 50px;
} 

.inputbox_google {
    font-size: 10px;
    border: 1px solid #fbad09;
    height: 15px;
    width: 80px;
 } 

.button_google{
    font-size: 10px;
   text-align: center;
   width: 27px;
   height: 19px;
 } 

/* ===================================================== 
 *  STYLES SPECIFIQUES AU TABLEAU DE LOGIN
 * ----------------------------------------------------- */ 
 
 
table.moduletablelogin {
 font-family: Tahoma, Geneva, Arial, Helvetica;
 padding: 0px 0px 0px 0px;
 margin: 0px 0px 0px 7px;
 text-align: center;
 background: url(../images/Fond_login.png)  top left no-repeat;
 width : 125px !important;
 width: 125px;
 height: 15px;
 height: 130px;
 font-size: 10px;
 color: #fbad09;
 font-weight: bold;
}


#mod_login_username_txt{
   color: #fbad09;
   font-size: 10px;
   font-family: sans-serif;
   font-weight: bold;
   margin: 0px 0px 0px 10px;
}

#mod_login_password_txt{
   color: #fbad09;
   font-size: 10px;
   font-family: sans-serif;
   font-weight: bold;
   margin: 0px 0px 0px 10px;  
}

#mod_login_username{
margin: 0px 0px 0px 10px;  
}

#mod_login_password{
margin: 0px 0px 0px 10px;  
}

#mod_login_remember{
   color: #fbad09;
   font-size: 10px;
   font-family: sans-serif;
   font-weight: bold;
}

.button_login{
  font-size: 10px;
  text-align: center;
  font-family: sans-serif;
  font-weight: bold;
  width: 22px;
  height: 20px;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 10px;
 } 

.button_logout{
  font-size: 10px;
  text-align: center;
  font-family: sans-serif;
  font-weight: bold;
  width: 84px;
  height: 20px;
  padding: 0px 0px 0px 0px;
  margin: 5px 0px 0px 10px;
 } 

/* ===================================================== 
 *  STYLES SPECIFIQUES AUX MAIN MENUS 
 * ----------------------------------------------------- */
 


table.moduletable_Menu{
padding-top: 0px;
border : 0px solid #B0C4DE;
background-color: #FFFFFF;
width : 140px !important;
width : 150px;
}




/*ce style correspond aux liens du menu principal*/
a.mainlevel:link, a.mainlevel:visited {
display: block;
background:  url(../images/menu_b.png) no-repeat;
background-color: #FFFFFF;
border-top: 0px solid #B0C4DE;
border-left: 0px solid #B0C4DE;
border-right: 0px solid #B0C4DE;
font-family: Tahoma,  Arial, Helvetica, sans-serif;
font-size: 13px; 
font-weight: bold;
text-align: center;
padding-top: 5px;
padding-left: 15px;
color: #383a40;
text-decoration: none;
/* hack pour interpretation ie et firefox de la largeur des cellules */
width : 135px !important;
width : 150px;
height: 30px;
} 

/* permet de conditionner l'apparence du lien en fonction de son attribut title */
a.mainlevel[title="Infos Abonnés"] {
display: block;
background:  url(../images/menu_Log.png) no-repeat;
color: #21396b;
}

/* Action specifique au passage de la sourie sur le menu principal */
a.mainlevel:hover {
  background-color: #FFFFFF;
	text-decoration: none;
	color: #365c9a;
}

/*ce style correspond aux liens des sous menu */ 
a.sublevel{
display: block;
border-top: 0px solid #B0C4DE;
border-left: 0px solid #B0C4DE;
border-right: 0px solid #B0C4DE;
background: url(../images/SousM.png)  no-repeat;
background-color: #FFFFFF;
font-family: Tahoma,  Arial, Helvetica, sans-serif;
font-size: 12px;
text-align: left;
padding-top: 4px;
padding-left: 20px; 
color: #05080f;
text-decoration: none;
/* hack pour interpretation ie et firefox de la largeur des cellules */
min-height: 20px;
width : 130px !important;
width : 150px;
height: 20px;
}

/* ===================================================== 
 *  STYLES SPECIFIQUES AU MENUS MARE NOSTRUM
 * ----------------------------------------------------- */

table.moduletable_MN td{
padding-top: 7px;
padding-left: 3px;
}

a.mainlevel_MN:link, a.mainlevel_MN:visited  {
display: block;
text-align: center;
font-size: 0px;
color: #d9d9d9;
background: url(../images/Ban_MareNostrum_2.png)  top  no-repeat;
width : 135px !important;
width : 150px;
height: 35px;
margin-top: 10px;
}


/* ===================================================== 
 *  STYLES SPECIFIQUES AU MENUS INSCRIPTION
 * ----------------------------------------------------- */

table.moduletable_APMRS td{
padding-top: 7px;
padding-left: 3px;
}

a.mainlevel_APMRS:link, a.mainlevel_APMRS:visited  {
display: block;
text-align: center;
font-size: 0px;
color: #d9d9d9;
background: url(../images/Ban_abonne_MRS_d.png)  top  no-repeat;
width : 126px !important;
width : 126px;
height: 45px;
}


/* ===================================================== 
 *  STYLES SPECIFIQUES AU MENUS LANGUE
 * ----------------------------------------------------- */

table.moduletable_eng {
padding-left: 8px;
}

a.mainlevel_eng:link, a.mainlevel_eng:visited  {
/*border: 1px solid black;*/
display: block;
text-align: left;
font-size: 10px;
color: #0d447f;
background: url(../images/AFrench.gif)  top right no-repeat;
width : 100px !important;
width : 100px;
height: 15px;
padding-top: 0px;
}

/* ===================================================== 
 *  STYLES SPECIFIQUES AU MENUS UMF
 * ----------------------------------------------------- */

table.moduletable_UMF td{
padding-top: 7px;
padding-left: 3px;
}

a.mainlevel_UMF:link, a.mainlevel_UMF:visited  {
display: block;
text-align: center;
color: #d9d9d9;
font-size: 0px;
background: url(../images/Ban_UMF.png)  top left no-repeat;
width : 126px !important;
width : 126px;
height: 45px;
padding-top: 3px;
}


/* ===================================================== 
 *  STYLES SPECIFIQUES AU MENUS PRODOUANE
 * ----------------------------------------------------- */

table.moduletable_ProDouane{
border : 0px solid black;
margin-left: 2px;
margin-top: 10px;
background: url(../images/BanProdouane.png)  top no-repeat;
height: 160px;
}

.moduletable_ProDouane th{
color: #21396b;
padding-top: 22px;
font-size: 0px;
}


a.mainlevel_ProDouane:link, a.mainlevel_ProDouane:visited  {
margin-left: 6px;
display: block;
text-decoration: none;
color: #ffffff;
font-size: 9px;
width : 125px !important;
width : 125px;
height: 15px;

}


/* ===================================================== 
 *  STYLES SPECIFIQUES AU MENUS MARITIME
 * ----------------------------------------------------- */

table.moduletable_maritime{
height: 30px;
margin-top: 10px;
margin-left: 5px;
background: url(../images/Menu_Maritime_C.png)  top left no-repeat;
}

/*.moduletable_maritime th{ 
color: #f7bf62;
padding-top: 20px;
font-size: 0px;
}*/

a.mainlevel_maritime:link, a.mainlevel_maritime:visited  {
display: block;
text-align: center;
font-family:  sans-serif;
font-weight: bold;
text-decoration: none;
color: #4f4c4c;
font-size: 12px;
width : 125px !important;
width : 125px;
height: 17px;
}



/* ===================================================== 
 *  STYLES SPECIFIQUES AU MENUS LIENS UTILES
 * ----------------------------------------------------- */

table.moduletable_liensUtil{
height: 90px;
margin-top: 10px;
margin-left: 5px;
background: url(../images/Menu_Utiles.png)  top left no-repeat;


}

.moduletable_liensUtil th{ 
color: #FFFFFF;
padding-top:30px;
font-size: 0px;
}

a.mainlevel_liensUtil:link, a.mainlevel_liensUtil:visited  {
display: block;
text-align: center;
font-family:  sans-serif;
font-weight: bold;
text-decoration: none;
color: #0d447f;
font-size: 11px;
width : 125px !important;
width : 125px;
height: 34px;
}

/* ===================================================== 
 *  STYLES SPECIFIQUES AU BANNIERES
 * ----------------------------------------------------- */
 
table.moduletable_Ban td{
padding: 0px 0px 0px 0px;
}

/* ===================================================== 
 *  STYLES SPECIFIQUES AU MENUS TOOLBOX
 * ----------------------------------------------------- */

table.moduletable_Toolbox{
margin-left: 5px;
margin-top: 10px;
margin-bottom: 10px;
background: url(../images/BanToolbox.png)  top no-repeat;
height: 110px;
}

.moduletable_Toolbox th{
padding-top: 3px;
color: #4f4c4c;
font-size: 16px;
}

a.mainlevel_Toolbox:link, a.mainlevel_Toolbox:visited  {
padding-left: 0px;
display: block;
text-align: center;
text-decoration: none;
color: #003d81;
font-size: 9px;
width : 125px !important;
width : 125px;
height: 15px;

}


/* ===================================================== 
 *  STYLES SPECIFIQUES AU PRESENTATION BLOG (TABLEAU FONCTION)
 * ----------------------------------------------------- */


div.componentheadingsous_M {
font-size: 18px;
padding: 5px 0px 10px 0px;
text-align: center;
color: #16066e;
}

span.article_seperator  {
display: block; /*hack IE */
font-size: 0px; /*Séparateur d'article réduit au max pour le tableau des fonctionnalité firefox*/
width: 1px; /*hack IE */
}

table.blogsous_M {
width: 100%; 
background: url(../images/Fond1.png)  no-repeat;
height: 260px;
}

table.blogsous_M td{
color: #16066e;
}


table.contentpaneopensous_M {
width: 100%; 
text-align: center;

}


a.contentpagetitlesous_M {
font-size: 12px;
color: #16066e;
text-decoration: none;
}

/* ===================================================== 
 *  STYLES SPECIFIQUES AU PRESENTATION BLOG (echange données)
 * ----------------------------------------------------- */

table.contentpaneopen_echanges{
width: 100%; 
text-align: left;
}


a.readon_echanges{
font-size: 10px;
color: #16066e;
text-decoration: none;
}

/* ===================================================== 
 *  STYLES SPECIFIQUES AU PRESENTATION BLOG (communauté / partenaires)
 * ----------------------------------------------------- */


table.contentpaneopen_communaute{
width: 100%; 
text-align: left;
}



/* ===================================================== 
 *  STYLES SPECIFIQUES AUX ARTICLES ACCUEIL des principales entrée menu
 * ----------------------------------------------------- */

table.blog {
background: url(../images/FondAcceuil1.png)  no-repeat;

}

table.contentpaneopen_whoIs {
background: url(../images/FondAcceuil1.png)  no-repeat;

}

table.contentpaneopen_PresentationAP{
background: url(../images/FondAcceuil1.png)  no-repeat;

}

div.plan du site{
background: url(../images/FondAcceuil1.png)  no-repeat;

}

/* ===================================================== 
 *  STYLES SPECIFIQUES AUX ARTICLES AP+ 
 * ----------------------------------------------------- */


table.contentpaneopen_AP {
background: url(../images/FondAcceuil1.png)  no-repeat;
width: 100%;
padding: 0px;
margin: 0px; 
}



table.contentpaneopen a {
font-family: Tahoma,  Arial, Helvetica, sans-serif;
font-size: 12px;
}/*ce style correspond au liens tableau de news*/

/* ===================================================== 
 *  STYLES SPECIFIQUES A LA PAGE DES CONTACT
 * ----------------------------------------------------- */


table.contentpaneopen_contact {
background: url(../images/FondAcceuil1.png)  no-repeat;
width: 100%;
padding: 0px;
margin: 0px; 
}

/* ===================================================== 
 *  STYLES SPECIFIQUES AUX ARTICLES MARE NOSTRUM
 * ----------------------------------------------------- */

 table.contentpaneopen_MareNostrum span{
  font-size: 13px;
 }
table.contentpaneopen_MareNostrum p{
 font-size: 13px;
 }

 table.contentpaneopen_MareNostrum a{
 font-size: 13px;
 color: #002869;
 text-decoration: none;
 }

 div.Form_mareNostrum h1{
 font-family: Tahoma,  Arial, Helvetica, sans-serif;
 color: #002869;
 font-size: 15px;
 }

 div.textMail{
 font-family: Tahoma,  Arial, Helvetica, sans-serif;
 font-size: x-small;
 }
 

/* ===================================================== 
 *  STYLES SPECIFIQUES A L4ARTICLE INSCRIPTION AP+
 * ----------------------------------------------------- */


table.contentpaneopen{
width: 100%;
padding: 0px;
margin: 0px; 
}

/* ===================================================== 
 *  STYLES SPECIFIQUES  A LA SECTION DE TELECHARGEMENT
 * ----------------------------------------------------- */
#dm_title{
font-family: Tahoma,  Arial, Helvetica, sans-serif;
text-decoration: none;
font-size: 12px;
color: #16066e;
}

#dm_cats{
font-family: Tahoma,  Arial, Helvetica, sans-serif;
font-size: 12px;
color: #16066e;
}



 a.dm_name{
text-decoration: none;
color: #16066e;
}
 
 /* ===================================================== 
 *  STYLES SPECIFIQUES A L ARTICLE DES LIENS EXTERNES
 * ----------------------------------------------------- */
.contentpaneopen_communaute a{
font-size: 12px;
text-decoration: none;
font-weight: none;
color: #fbad09;
border= none;
}
 
.contentpaneopen_communaute img{
border= none;
}

.contentpaneopen_communaute table {
border-collapse   : collapse;
font-size: 12px;
color: #16066e;
}

.contentpaneopen_communaute tr{
padding : 5px;
border-collapse   : collapse;
border-top: 1px solid #e1e1e1;
}


 /* ===================================================== 
 *  STYLES SPECIFIQUES A L ARTICLE CONVERTISSEUR
 * ----------------------------------------------------- */

.convert {
position: center;
/*background: url(../images/FondAcceuil1.png)  no-repeat;*/
background-color: #c9c6c6;
font-size: 12px;
color: #16066e;
}

.convert tr {
align: center;
}

/* ===================================================== 
 *  STYLES SPECIFIQUES AU LIENS DE NAVIGATION DANS LES PAGES
 * ----------------------------------------------------- */
 
a.pagenav{
font-size: 16px;
text-decoration: none;
font-weight: bold;
color: #fbad09;
}

span.pagenav{
font-size: 16px;
text-decoration: none;
font-weight: bold;
color: #fbad09;
}

th.pagenav_next a{
text-decoration: none;
color: #16066e;
}

th.pagenav_prev a{
text-decoration: none;
color: #16066e;
}

.back_button a{
font-size: 12px;
text-decoration: none;
font-weight: bold;
color: #fbad09;
}

a.readon {
font-size: 16px;
text-decoration: none;
font-weight: bold;
color: #fbad09;
}


/* ===================================================== 
 *  STYLES SPECIFIQUES AU PLAN DU SITE
 * ----------------------------------------------------- */


.sitemap a{
  font-family: Tahoma,  Arial, Helvetica, sans-serif;
  color: #16066e; 
  text-decoration: none;
  font-size: 12px;
}

a.amap{
	text-decoration: none;
	color: #16066E;
}

a.amap:hover{
	text-decoration: none;
	color: #FBAD09;
}

.treetitle {
	background-color: #16066E;	
	color: #FBAD09;

}

/** 
 * Format des modules Mambo 
 * ----------------------------- 
 * Ces styles configurent l'affichage des modules, 
 * ceci concerne principalement l'affichage des table 
 */ 

table.moduletable {
border-collapse   : collapse;
padding: 0px;
margin: 0px;
font-size: 10px;
border: 0px;
}
 /* Le style des tables module */ 

table.moduletable th {
padding: 0px;
margin: 0px;
border: 0px;
} /* configure le style de l'entete des modules et leurs titres */ 
table.moduletable td {
padding: 0px;
margin: 0px;
border: 0px;
} /* Permet de formater les cellules de la table module */