/*------------  MENU A DROITE ----------------*/
.moduletable-geoloc {
    height : 252px;
	width  : 200px;
    background-image : url('../images/sol.png');
    background-repeat : no-repeat;
    margin-top: 38px;
}
.moduletable-geoloc tr{
    vertical-align: middle;
}
.moduletable-geoloc tr th{
    background-image : url('../images/sol_title.png');
    height : 38px;
    width : 193px;
    line-height: 30px;
}

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

.moduletable-formulaire{
	height: 257px;
	width: 200px;
	background-image: url('../images/acc.png');
    background-repeat: no-repeat;
}
.moduletable-formulaire th{
    background-image: url('../images/acc_title.png');
    height: 38px;
    width: 193px;
    line-height: 40px;
    color: #3A3A3A;
    text-transform: uppercase;
}
.moduletable-login{
    padding:0;
    font-family: Tahoma;
    font-size: 11px;
    text-align:center;
    /*width: 120px;*/
}
.moduletable-login form, .moduletable-login div, .moduletable-login td{
    /*text-align:center;*/
}
.moduletable-login input{
    font-family: Tahoma;
    font-size: 11px;
}

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

.moduletable-decouverte{
	height : 332px;
	width  : 200px;
	background-image : url('../images/dec.png');
}

.moduletable-decouverte tr th{
    height: 44px;
    background-image : url('../images/dec_title.png');
    background-repeat : no-repeat;
    background-position : left;
    line-height:40px;
    color: #3A3A3A;
    vertical-align: middle;
}
.moduletable-decouverte tr td{
    padding:0px 7px 0px 7px;
    vertical-align: top;
}

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

.contact{
    height : 50px;
	width  : 200px;
	background-image : url('../images/contact.png');
	background-repeat : no-repeat;
	background-position : left;
}
.contact td{
    text-align: right;
    vertical-align:middle;
    font-weight: bold;
    font-size: 13px;
    padding-bottom:2px;
}
.contact #img{
    text-align:left;
    vertical-align: top;
    width:50px;
}
.marge_blocs{
    height:10px;
    width:100%;
}
#langues .moduletable{
    margin:auto;
}
/* ----------------- FIN MENU A DROITE ----------------*/




/* ------------- ARCHITECTURE DU SITE ---------------*/
#titre, tr th{
    font-size:14px;
    font-weight:bold;
}
#titre, .moduletable-geoloc th{
    color:white;
}

/* Containers */
#page{
    margin:auto;
    width:800px;
    margin-left:-400px;
    left:50%;
    position:absolute;
    /*border:1px solid black;*/
}

.content{
    width:100%;
    background:url('../images/shadow_r.png') right repeat-y;
    border-left:1px solid #5489D5;/*#5F97EB;*/
}

#droit{
  width : 195px;
  vertical-align:top;
}
#gauche{
  width : 503px;
  vertical-align:top;
  padding-top:129px;
}
#bas{
    width:797px;
    background-color:white;
    height:69px;
}
#haut {
    width:797px;
    background: url( '../images/top_ban.png') top no-repeat;
    background-color:white;
}
.marge {
   width:30px;
}
.cadre_bas, .cadre_haut{
    height:10px;
    /*width:100%;*/
}
.empty{
    margin-left:10px;
    margin-right:10px;
    height:100%;
    background-color:white;
}
.chg, .chd, .cbd, .cbg{
    width:100%;
    height:10px;
    background-repeat:no-repeat;
}
.chg{
     background-image:url('../images/white_tl.png');
     background-position:left;
}
.chd{
    background-image:url('../images/white_tr.png');
    background-position:right;
}
.cbd{
    background-image:url('../images/white_br.png');
    background-position:right;
}
.cbg{
    background-image:url('../images/white_bl.png');
    background-position:left;
}
#footer_droite{
    /*border:1px solid black;*/
    float:right;
    height: 69px;
    width:215px;
    margin-right: 50px;
    background: url('../images/footer_logo.png') top no-repeat;

}
#footer_gauche{
   float:left;
   font-size : 10px;
   color:#5C5C5C;
   margin-left:37px;
   margin-top : 15px;
}
/* ------------------------- Styles par défaut ------------------------- */

#gg{
     width:60px;
    height:60px;
    background-color:red;
    background:url('../images/terre_loupe.png') top no-repeat;

}
/* Styles généraux */

body {
    font-family: Tahoma;
    font-size :11px;
    background-color:white;
} 

td {} /* style par défaut des colonnes des tables du templates  */
tr {} /* style par défaut entre les balises body, contrôle les éléments comme le fond, etc. */
p {
    margin:5px 0;
} /* style par défaut des paragraphes */
/* style par défaut des lignes horizontales du template */
hr {
    width:100%;
    margin:auto;
    border:dashed 1px #acacac;
    /*border-spacing:10px;*/
}
hr.separator {}
div {} /* format par défaut des balises "div" du template */
pre {} /* style des zones de textes préformatés  (utilisé par la zone de debogage) */


/* Paramétres par défaut des niveaux de titre */

h1 {} /* style de titre de niveau 1 */
h2 {} /* style de titre de niveau 2 */
h3 {} /* style de titre de niveau 3, est utilisé pour l'affichage des titre de module que le paramètre du module est à -2 ou -3 (cf. plus bas) */
h4 {} /* style de titre de niveau 4 */
h5 {} /* style de titre de niveau 5 */
h6 {} /* style de titre de niveau 6 */

/* Paramétres par défaut des liens */

a:link {
color:#0B65E0;
text-decoration:none;
}  

/* style des liens visités */   
a:visited {
color:#0B65E0;
text-decoration:none;
}
 
/* style des liens survolés */ 
a:hover {
color:#0B65E0;
}    

/* Paramétres par défaut des listes à puce */

ul {} /* style de tous les élements de liste ul */
li {} /* style de tous les élements de liste li */


/* ------------------------- Paramètres des formulaires ------------------------- */

.form {} /* permet de définir les marges (marging et padding) des formulaire pour une meilleur accessibilité (seulement pour Joomla!) */
.button  {
    font-family: Tahoma;
    font-size: 11px;
} /* apparence des boutons */
.inputbox {
    margin:2px;
    font-family: Tahoma;
    font-size: 11px;
} /* apparence des formulaire de saisie, par ex. le module de connexion */
.search {} /* apparence des <div> qui contiennent les éléments de recherche : inputbox, bouton de recherche...*/


/* ------------------------- Paramètres de navigation / des menus ------------------------- */

/* Style des menus */

a.mainlevel{ /* style des liens de menu de premier ordre */

}
a.mainlevel:link {} /* style des liens de menu de premier ordre */
a.mainlevel:visited {} /* style des liens de menu de premier ordre visités */
a.mainlevel:hover {} /* style des liens de menu de premier ordre survolé par la souris */

#active_menu {} /* style des liens de menu de premier ordre actif */

a.sublevel{} /* style des liens de menu de second ordre */
a.sublevel:link {}
a.sublevel:visited {}
a.sublevel:hover {}

/* Style du menu horizontal */
/* Style dans le <td id="topmenu"> */
#topmenu {
	color: #FFFFFF;                         /* Couleur du text :: on peut ajuster la position verticale*/
	vertical-align: middle;
	text-align: center;
}
/* Confuguration de l'affichage de la liste */
ul#mainlevel-nav {
	font-weight: bold;
	list-style: none;
	padding: 0px;
	margin: 0px;
}

/* Configuration de l'affichage de chaque cellule element des listes */
ul#mainlevel-nav li {
	line-height: 28px;
	white-space: nowrap;
	float: left;
	width: auto;
}
/* Configuration de l'affichage des liens en temps normal */
ul#mainlevel-nav li a {
	background: transparent;
	text-decoration:none;
    color:black;
	padding-left: 16px;
	padding-right: 15px;
	display: block;
}

/* Configuration de l'affichage des liens lors du passage de la souris */
ul#mainlevel-nav li a:hover {
	color: white;
    text-decoration : none;
}

/* Style des barres de navigation */

.pagenavbar {} /* style de la barre de navigation de pied de page ("<< Début < Précédent Suivant > fin >>") quand celle-ci n'apparaît pas comme hyperlien (quand il y a seulement quelques articles).*/
.pagenavbar:link {} /* style de la barre de navigation de pied de page ("<< Début < Précédent Suivant > fin >>") quand celle-ci devient des hyperliens */
.pagenavbar:visited {}

.pagenav {} /* paramètre des liens de la barre de navigation "<< Début < Précédent 1 2 3 Suivant > fin >>" */
a.pagenav:visited {}
a.pagenav:hover {}

/* Style des autres liens */

a.readon:link {} /* style du lien 'en savoir plus..." ou "lire la suite..." affiché pour des articles longs */
a.readon:hover {}
a.readon:visited {}

.back_button {} /* style pour le bouton "retour" */
.pagenav_prev {} /* style pour le bouton "précédent" */
.pagenav_next {} /* style pour le bouton "suivant" */

.latestnews ul {} /* style pour la liste "dernières news" - par défaut, les "dernières news" sont dans le module user1 */
.latestnews li {}

.mostread ul{} /* style pour la liste "plus populaires" - par défaut, les "plus populaires" sont dans le module user1 */
.mostread li{}


/* ------------------------- Paramètres des pages de contenu ------------------------- */

a.category:link {}
a.category:hover {}
a.category:visited {}

.blog{width:100%} /* apparence de la table entourant le contenu central sur le front page */
.blogsection {} /* paramètres de liens d'une page de type blog * */
.blog_more {} /* style du texte "Plus..." d'une page de type blog * */
a.blogsection:link {} /* paramètre le format du lien */
a.blogsection:visited {}
a.blogsection:hover {}

.article_seperator { }      /* style pour l'écartement vertical entre les articles d'une page de type blog */

.componentheading {} /* style du composant utilisé pour affiché le contenu en cours */
 /* style du titre du contenu, de l'article... en cours */

/* apparence de la table qui contient les éléments non-liés à   un article (composant, liste de catégories, formulaire de contect, etc).*/
.contentpane {
} 

/* apparence de la table qui contient le texte de l'article en cours */
#mainbody .contentpaneopen{
    width:100%;
padding-left: 5px;
}
#mainbody .contentpaneopen td{

} 

.contentheading {
    height : 35px;
    color: #1471f2;
    font-size : 20px;
    padding-left : 40px;
    background-image : url('../images/picto/bulle.png');
    background-position:left;
    background-repeat:no-repeat;
}

/* style des tables du formulaire de contact */
.formcontact{
    /*margin-left:45px;*/
}
/* style du formulaire de contact */
.contact_email{
    margin-left:43px;
}
/* style des calques contenant la google map */
#googleMap{
    position:absolute;
    margin-top:37px;
    right:265px;
    font-size:11px;
    font-weight:normal;
    text-align:right;
    color:black;
}

.moduletable-google{
    border:1px solid black;
    margin-bottom: 3px;
}

.contentpagetitle {} /* style du titre du contenu, de l'article, etc. affiché */

.buttonheading {} /* position des boutons : "pdf", "imprimer", "envoyer à un ami" */

a.contentpagetitle:hover {} /* Titre des articles quand ils fonctionnent comme lien */
a.contentpagetitle:link {}
a.contentpagetitle:visited {}

.contentdescription {} /* style de la "description" des sections, catégories (news/liens web/dernières news...) */
table.contenttoc {} /* style de la table des matières pour des contenus ou articles à pages multiples */
table.contenttoc th {} /* style du titre de la table des matières */
table.contenttoc td {} /* style du contenu de la table des matières */
table.contenttoc td.toclink {} /* style du des liens dans la table des matières */
a.toclink:link {}
a.toclink:visited {}
a.toclink:hover {}


/* ------------------------- Paramètres sections Joomla! ------------------------- */

.sectiontableheader {} /* apparence des titres des tables */
.sectiontableentry1 {} /* apparence des lignes impaires des tables */
.sectiontableentry2 {} /* apparence des lignes paires des tables */
.sectiontablefooter {} /* apparence du pied de table */


/* ------------------------- Paramètres des modules Joomla! (par défaut) ------------------------- */
/* apparence général des modules */
table.moduletable {} 
table.moduletable th {background-color : red;} /* apparence du titre des modules */
table.moduletable td {} /* apparence du contenu des modules */
table.moduletable ul {} /* apparence deslistes des modules */

/* NB : selon le paramètre x d'affichage du module mosLoadModules ( 'position', x ), le titre du module est paramétré par : */

moduletable h3 {background-color : pink; width:100%;} /* apparence du titre d'un module publié avec -2 */
dev.module div div div table {background-color:fuchsia;}
div.module div div div h3 {background-color : cyan;} /* apparence du titre d'un module publié avec -3 */

/* ------------------------- Paramètres particuliers ------------------------- */

/* images insérées via le bot  */

.mosimage {} /* style de l'image : bordure, marges... */
.mosimage_caption {} /* style de la légende de l'image */

/* Dates, auteurs, évaluation, etc. */

.createdate {} /* style de l'intitulé "créé le" si affiché */
.modifydate {} /* style de l'intitulé "modifié le" si affiché */
.content_rating {} /* style des résultats des votes pour un article si affiché */
.small {} /* style employé pour la liste de liens en bas lors de l'affichage sous forme de blog */
.smalldark {} /* style uniquement employé (à ma connaissance) pour les intitulés "nombre de votes", "premier vote", "dernier vote" lors de l'affichage des résultats d'un sondage */

/* composant sondage */

.poll {} /* apparence du texte du module de sondage */
.pollstableborder {} /* apparence des bordure du sondage affiché */

/* composant liens web */


a.weblinks:link {} /* apparence des liens */
a.weblinks:visited {}
a.weblinks:hover {}

/* composant fils d'actualité */

.newsfeedheading {} /* style du titre desfils d'actualité */
.newsfeeddate {} /* style de la date des fils d'actualité */
.fase4rdf {} /* style des liens des fils d'actualité */
a.fase4rdf:link {}
a.fase4rdf:visited {}
a.fase4rdf:hover {}

/* composant recherche */

table.searchintro {} /* Paramètre du texte affiché  de la boîte affichant "Rechercher les mots-clés ... x résultat(s) trouvé(s) au total. Rechercher ... avec Google" apparaissant après avoir fait une recherche */

/*  paramètres de la table contact  */

table.contact {}
table.contact td.icons {}
table.contact td.details {}

/*  paramètres du pathway (quand affiché)  */
.pathway {
    padding-bottom:1px;
    padding-left:1px;
}
a.pathway,
a.pathway:visited {
    color: #1470ed;
}
a.pathway:hover {
    text-decoration:none;
}

/* titre du site (quand affiché)  */
.site_name {}

/* config du module login joomla */
#mod_login_username{} /* apparence du champ de text du module de connexion */
#mod_login_password{} /* apparence du champ password du module de connexion */
#mod_login_remember{} /* apparence de la case à cocher du module de connexion */



/* ------------------------- Paramètres l'interface d'administration Joomla! en frontend ------------------------- */
/* les CSS suivant permettent de définir l'interface d'administration en frontend (lorsqu'un utilisateur est connecté) */

.ontab {} /* apparence des onglets actifs dans l'éditeur d'article en "frontend" */
.offtab {} /* apparence des onglets inactifs dans l'éditeur d'article en "frontend" */
.tabpadding {} /* défini la largeur les fenêtres de saisie (formulaire) */
.tabheading {}
.pagetext {} /* apparence du contenu des fenêtres de saisie du contenu */

.message {
    margin:5px 15px 15px 15px;
    padding:10px 10px 10px 40px;
    /*border:2px solid red;*/
    font-size:13px;
    font-weight: bold;
    text-align: center;
    color:green;
}                /* style du message envoyé par l'éditeur en frontend suite à une action de l'utilisteur, par exemple "Publication sauvegardée avec succés" */