@charset "UTF-8";

* {
	margin: 0;
	padding: 0;
	border: 0;
}

.clear {
	clear: both;
	font-size: 0em;
}

body {
	text-align: center;
	width: 100%;
}

#page {
	text-align: left;
	width: 900px;
	margin: 0px auto 20px auto;
}

input, select, fieldset, textarea {
	border: 1px solid #666;
	padding: 2px;
}

fieldset {
	padding: 10px;
	margin-bottom: 20px;
}

legend {
	margin: 0 5px;
	padding: 0 5px;
}

textarea {
	margin: 10px 0;
}

/* -------------------------------------------------- */
/* -------------- Appel de conférence --------------- */
/* -------------------------------------------------- */
#annonceConference {
	height: 99px;
	width: 100px;
	position: absolute;
	z-index: 100;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
}

/* -------------------------------------------------- */
/* ------------------ Menu du haut ------------------ */
/* -------------------------------------------------- */

#menuHaut {
	float: right;
}

#menuHaut ul {
	margin: 0;
	background-image: none;
}

#menuHaut ul li {
	display: inline;
	float: left;
	list-style: none;
	width: 140px;
	height: 30px;
	padding: 0;
}

#menuHaut ul li a {
	display: block;
	text-align: center;
	text-decoration: none;
	font-size: 85%;
	color: #FFFFFF;
	padding-top: 3px;
	width: 140px;
	height: 30px;
}

#menuHaut ul li#siteTabGreen a {
	background: url(../images/siteTabGreen.jpg) no-repeat;
}

#menuHaut ul li#siteTabBlue a {
	background: url(../images/siteTabBlue.jpg) no-repeat;
}

#menuHaut ul li a:hover {
	color: #000000;
}

/* -------------------------------------------------- */
/* ------------------     Logo     ------------------ */
/* -------------------------------------------------- */

#logo {
	display: block;
	width: 100%;
	margin-bottom: 10px;
}

#logoTexte {
	float: left;
	width: 324;
	height: 78;
	vertical-align: bottom;
}

#logoTexte img {
	border: 0px;
}

#logoImage {
	float: right;
	width: 67;
	height: 88;
}

/* -------------------------------------------------- */
/* ----------------- Menu principal ----------------- */
/* -------------------------------------------------- */

body {
}

/**
* Affichage de l'image d'arrière plan et réglages générals de l'apparence de la barre
*/
div#menuPrincipal {
	width: 100%;
	float:left;
	height: 42px;
	background-image: url(../images/menuStrip.png);
	background-repeat: no-repeat;
}

/**
* Réglages du menu du premier niveau de menu.
* Attention, les réglages sont héritées dans le niveau inférieur. Ne pas oublier
* d'annuler le réglage si ce dernier ne doit pas être hérité.
*/
div#menuPrincipal ul {
	margin: 0 0 0 10px;
	padding: 10px 0;
}

/**
* Réglages des éléments du premier niveau de menu. 
* Attention, les réglages sont héritées dans le niveau inférieur. Ne pas oublier
* d'annuler le réglage si ce dernier ne doit pas être hérité.
*/
div#menuPrincipal li {
	position: relative;
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
/*	width: 135px; */
	background-image: url(../images/menuStripSeperator.png);
	background-repeat: no-repeat;
	background-position: right;
	line-height: 2em;
}

/**
* Réglages du comportement de tous les éléments qui seront survolés.
*/
div#menuPrincipal li:hover {
	background: #409C00;
}

/**
* Réglages des éléments Link du premier niveau de menu. 
* Attention, les réglages sont héritées dans le niveau inférieur. Ne pas oublier
* d'annuler le réglage si ce dernier ne doit pas être hérité.
*/
div#menuPrincipal li a {
	display: block;
/*	width: 135px; */
	padding: 0 15px;
	text-decoration: none;
	background-image: url(../images/menuStripSeperator.png);
	background-repeat: no-repeat;
	background-position: right;
	color: #FFF;
	font-size: 0.9em;
	font-weight: normal;
	text-align: center;
}

/**
* Menu de niveau 2
*/
div#menuPrincipal ul ul {
	margin: 0;
	position: absolute;
	width: 165px;
	display: none;
}

/**
* Eléments de liste du menu de niveau 2
*/
div#menuPrincipal ul ul li {
	background-image: none;
	width: 165px;
}

/**
* Eléments Link du menu de niveau 2
*/
div#menuPrincipal ul ul li a {
	background-image: none;
	text-align: left;
	padding: 0 0 0 5px;	
	width: 165px;
}

/**
* Eléments de liste survolés du menu de niveau 2
*/
div#menuPrincipal ul li:hover ul {
	display: block;
	background-color: #266E00;
}

/* -------------------------------------------------- */
/* -----------------      Corps     ----------------- */
/* -------------------------------------------------- */

#texteContainer {
	background: url(../images/pageRepeat.png) repeat-y;
	float: left;
	width: 900px;
}

#texte {
	background: url(../images/pageTop.png) no-repeat;
	min-height: 200px;
	padding: 0px 20px;
}

#colonneGauche {
	float: left;
	width: 190px;
	background: url(../images/seperator.png) no-repeat right top;
	min-height: 200px;
	padding: 20px 10px 0px 0px;
}

#colonneDroite {
	float: right;
	width: 190px;
	background: url(../images/seperator.png) no-repeat left top;
	min-height: 200px;
	padding: 20px 0px 0px 10px;
}

/**
* Selon si les colonnes droite et/ou gauche sont affichées, on détermine une classe permettant de contrôler
* l'affichage de la zone principale dédiée à l'affichage du contenu. Le choix de la classe est déterminée par
* le fichier index.php
*/

/**
* Corps sans aucune colonne affichée
*/
#corps {
	margin: 0px 00px 0px 0px;
	padding: 20px 10px 0px 10px;
	min-height: 200px;
}

/**
* Corps avec les colonnes gauche et droite affichées
*/
#corpsColGaucheEtDroite {
	margin: 0px 210px;
	padding: 20px 0px 0px 0px;
	min-height: 200px;
}

/**
* Corps avec colonne gauche affichée
*/
#corpsColGauche {
	margin: 0px 0px 0px 210px;
	padding: 20px 0px 0px 0px;
	min-height: 200px;
}

/**
* Corps avec colonne droite affichée
*/
#corpsColDroite {
	margin: 0px 210px 0px 0px;
	padding: 20px 0px 0px 0px;
	min-height: 200px;
}

#texteContainerFin {
	background: url(../images/blockEnd.png) no-repeat;
	height: 35px;
}

/* -------------------------------------------------- */
/* -----------------      Bloc      ----------------- */
/* -------------------------------------------------- */

div.blocEnveloppe {
	background: url(../images/blockRepeat.png) repeat-y;
}

div.blocContenu {
	background: url(../images/blockTop.png) no-repeat;
	padding: 20px 20px 10px 20px;
}

div.blocInterieur {
	width: 100%;
	padding: 0;
}

div.blocEnveloppeFin {
	background: url(../images/blockEnd.png) no-repeat;
	height: 35px;
}

/* -------------------------------------------------- */
/* -----------------  Liens utiles  ----------------- */
/* -------------------------------------------------- */

div#menuLiensUtiles h3 {
	text-align: left;
	font-weight: bold;
	color:#2C8200;
	margin-top: 20px;
	margin-bottom: 10px;
	font-size: 0.9em;
	margin: 0px;	
}

ul#menu_liensUtiles {
	background-color: none;
	margin: 0;
	padding: 0;
	border: 0;
}

ul#menu_liensUtiles li {
	list-style: none;
	display: inline;
	background-color: none;
	margin: 0;
	padding: 0;
	border: 0;
}

ul#menu_liensUtiles li a {
	text-decoration: none;
	font-weight: bold;
	color: #666;
	font-size: 0.9em;
	margin: 0 20px 0 0;
}

ul#menu_liensUtiles li a:hover {
	color: #000000;
}


/* -------------------------------------------------- */
/* -----------------  Pied de page  ----------------- */
/* -------------------------------------------------- */

#piedPageContainer {
	margin: 0;
	padding: 0;
	border: 0;
	margin-bottom: -15px;
	position: relative;
}

#piedPage p {
	margin: 20px 0 0 0;
	padding: 0;
	font-size: 0.9em;
	color: #666;
}

#piedPage a {
	margin: 0;
	text-decoration: none;
	font-weight: bold;
	color: #666;
}

#piedPage a:hover {
	color: #000000;
}


/* -------------------------------------------------- */
/* -----------------  Menu BOUTIQUE  ---------------- */
/* -------------------------------------------------- */

/** 
* Certains réglagles de certaines classes ont été effectués dans les fichiers CSS
* du composant VirtueMart lui-même.
* /components/com_virtuemart/<nom du thème>/theme.css
*/

/**
* Menu de gauche listant les catégories
*/
.moduletable_boutique a {
	padding: 5px 0 5px 0;
}

.moduletable_boutique table td {
	padding: 5px 0 5px 0;
}

.moduletable_boutique td.vmCartModule {
	border:1px solid #000;
	background-color:#BDF9A1;
	padding-left: 5px;
	padding-right: 5px;
	font-weight:bold;
}

/**
* La classe vmVoirPanier est une classe que j'ai ajouté au fichier
* /modules/com_virtuemart/mod_virtuemart.php, ligne 338.
* Elle permet de distinguer le lien indiquant "Voir le panier" des autres liens.
*/
.moduletable_boutique .vmVoirPanier {
	background: url(../images/caddy.gif) no-repeat;
	background-position: left;
	padding-left: 25px;
}

.moduletable_boutique td#vmVoirPanierTd {
	height: 50px;
}

/**
* La classe vmVoirPanier est une classe que j'ai ajouté au fichier
* /components/com_virtuemart/themes/vm_green/templates/basket/basket_b2c.html.php, ligne 20.
* Elle permet de distinguer le lien indiquant "Voir le panier" des autres liens.
*/
table#vmContenuPanier .inputbox {
	text-align: right;
}

div#vmMainPage {
	width: 99%;
}

/**
* La classe vmVoirPanier est une classe que j'ai ajouté au fichier
* \components\com_virtuemart\themes\vm_green\templates\browse\includes\browse_pagenav.tpl.php et
* \components\com_virtuemart\themes\vm_green\templates\browse\includes\browse_orderbyform.tpl.php
* Elle permet de distinguer la zone de pagination.
*/
.vmPagination {
	text-align: center;
	font-size: 0.9em;
	color: #666;
}

.vmPagination a {
	color: #7F0000;
}

.vmPagination select {
	font-size: 0.9em;
}

/**
* Pop-up confirmant l'ajout de l'article dans le panier
* Une partie des classes utilisée sont déclarés dans le fichier /components/com_virtuemart/<nom du thème>/theme.css
*/
h3.cbHeader {
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 12pt;
}

/**
* Code du pop-up généré par le Javascript
*
<div class="cbContainer" style="margin: -75px -200px; position: absolute; top: 355.5px; left: 50%; height: 150px; width: 400px; visibility: hidden; opacity: 0;">
  <div class="cbBox" style="overflow: auto; width: 400px; background-color: rgb(255, 255, 255); visibility: visible; height: 150px; opacity: 1;">
    <div class="cbCloseButton"/>
    <h3 class="cbHeader">Notification</h3>
      <div class="cbContent">
        <div id="successIndicator" style="display: none;">Success</div>
        <div id="vmLogResult">
          <div>
            <div class="shop_info"> <b>Info</b> : La quantite a été mise à jour. <br/>
            </div>
            </div>
        </div>
      </div>
    <div class="cbButtons" style="background-color: rgb(255, 255, 255);">
      <input class="button cbButton" type="button" value="Continuer"/>
      <input class="button cbButton" type="button" value="Votre panier"/>
    </div>
  </div>
</div>
*/

/* -------------------------------------------------- */
/* ----------------- Trouver un cours --------------- */
/* -------------------------------------------------- */

.trouverCoursListeCours td,
.trouverCoursListeCours th {
	padding: 5px;
}

.trouverCoursListeCours th {
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
}

/* -------------------------------------------------- */
/* ----------------- Classes Joomla ----------------- */
/* -------------------------------------------------- */
.contentpaneopen {
	width: 98%;
}