/* ==== GENERAL ==== */

html {
	height: 100%;
}

body {
	width: 1000px;
	margin: auto;
	padding: 0;
        font-family: Arial, Helvetica, Sans Serif;
        font-size: 12px;
	color: #21252C;
}

a {
	color: #ccc;
        text-decoration: underline;
}
a:hover {
	color: #000;
        text-decoration: none;
}


#global {
	width: 940px;
	/*background-image: url(../images/bgLSI.jpg);*/
	background-color:#e4d7bc;
	background-repeat: no-repeat;
	margin: auto;
	float: left;
}


/* ==== Menu haut ==== */

#lsimenu {
       float: right;
       width: 465px;
}

/* ==== BANNIERE ==== */

#logo {
	float: left;
/*	background-image: url(../images/top2.gif); */
	background-repeat: no-repeat;
        background-position: bottom;
        background-color: transparent;
	height: 163px;
	width: 940px;
        padding-top: 5px;
}

/* ==== CORPS ==== */

#corps {
	width: 940px;
	background-repeat: repeat-y;
}

/* ==== Elements DE LA PAGE ==== */

#flash_info {
        margin-top: 18px;
        padding: 2px;
	background-image: url(../images/bg.png);
	background-repeat: repeat;
        border-top: 1px solid #ccc;
        border-right: 3px solid #ccc;
        border-bottom: 3px solid #808080;
        border-left: 1px solid #ccc;
}

/* ==== PIED DE PAGE ==== */
		
#barre_bas {
	background-image: url(../images/bg-foot.jpg);
	background-repeat: repeat;
	width: 940px;
	margin: auto;
	text-align: left;
        padding: 10px 0 10px 0;
}

#mentions {
	width: 940px;
        height: 10px;
	margin: auto;
	text-align: center;
        color: #808080;
        padding: 15px 0 15px 0;
        background-color: #fff;
}

#mentions a {
	color: #808080;
        text-decoration: underline;
}
#mentions a:hover {
	color: #EADB0F;
        text-decoration: none;
}

#legals {
	width: 940px;
        height: 10px;
	margin: auto;
	text-align: center;
        color: #808080;
        background-color: #fff;
}

#legals a {
	color: #808080;
        text-decoration: underline;
}
#legals a:hover {
	color: #EADB0F;
        text-decoration: none;
}

/* ==== DIVERS ==== */

.vide {
	clear: both;
}

/* ==== MENUS ==== */

a.mainlevel {
	display: block;
        margin-left:19px;
        margin-top:3px;
        width:130px;
        height:15px;
        text-align: center ;
        text-decoration: none ;
        padding: 4px 0 ;
        background-color: #F2C13E;
        font-size: 12px;
}

a.mainlevel:link, a.mainlevel:visited {
	/*width: 100%*/
	color: #808080; /*Black;*/
	display: block;
        margin-left:19px;
        margin-top:3px;
        width:130px;
        height:15px;
        text-align: center ;
        text-decoration: none ;
        padding: 4px 0 ;
	text-decoration: none;
}

a.mainlevel:hover {
	color: #000000;
        background-color: #FAE397;
	display: block;
        margin-left:19px;
        margin-top:3px;
        width:130px;
        height:15px;
        text-align: center ;
        text-decoration: none ;
        padding: 4px 0 ;
}

/* apparence general des modules */
table.moduletable {
	width:100%;
	text-align: center;
	color: black;
	margin: 0px;
} 

/* apparence du titre des modules */
table.moduletable th {
	width: 100%;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	font-variant: small-caps;
	color: Black;
	background-image: url(../images/nav_bar.png);
        background-color: #FFF;
	height: 30px;
}

/* apparence du contenu des modules */
	table.moduletable td {
	
}

/* apparence des listes des modules */
table.moduletable ul {
	
}

/* ==== BORDURE ==== */


#bord_gauche {
	background-image: url(../images/bord_gauche.png);
	background-repeat: no-repeat;
	width: 30px;
	height: 600px;
	float: left;
}

#bord_droit {
	background-image: url(../images/bord_droit.png);
	background-repeat: no-repeat;
	width: 30px;
	height: 600px;
	float: right;
}

/* ==== MENU GAUCHE ==== */

#colonne1 {
	/*float: left; */
	vertical-align: top;
        padding-top: 15px;
	width: 190px;
	height: auto;
	text-align: center;
}

/* ==== CONTENUS ==== */

#colonne2 {
	/* float: left; */
	vertical-align: top;
	width: auto;
	height: auto;
	padding: 25px 30px 10px 5px;
         margin-right: 19px;
	/*min-width: 478px;
	max-width: 578px;*/
}
	
#colonne2 a {
	color: #c64934;
}

/* ==== COLONNE DROITE ==== */

#colonne3 {
	vertical-align: top;
	width: 120px;
	height: auto;
}

#colonne3 a {
        padding: 0;
        margin: 0 0 5px 0;
        background: transparent; 
	vertical-align: top;
        color: #df635a;
}

#colonne3 a:hover {
        padding: 0;
        margin: 0 0 5px 0;
        background: transparent; 
	vertical-align: top;
	color: #df635a;
        text-decoration: underline;
}


/* ==== TITRES ==== */

h1 {
       font-size: 3em;
       color: #333;
       text-align: center;
}

h2 {
       font-size: 2em;
       color: #df635a;
}

h3 {
       font-size: 1em;
       color: #808080;
       text-align: center;
}

h4 {
       font-size: 1.6em;
       color: #df635a;
}

h5 {
       font-size: 1.4em;
       color: #000;
       text-align: center;
}

h6 {
       font-size: 1.2em;
       color: #ccc;
}

/* ==== CONTENUS LIENS ==== */

.contentheading {
       font-size: 2em;
       color: #df635a;
       text-align: left;
}

/* ==== CONTENUS LIENS ==== */

.componentheading {
       font-size: 2em;
       color: #df635a;
       text-align: left;
       padding: 0 0 10px 0;
}
.contentpane {
       margin: 0px 0 0 0;
}
.contentdescription {
       font-style: italic;
       text-align: left;
}

/* ==== CONTENUS BLOG ==== */

.blog {
       width: 100%;
}

/* ------------------------- 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 {
width: 100%;
} /* dıfini la largeur les fenıtres de saisie (formulaire) */
.tabheading {}
.pagetext {
font-size: 0.5em;
} /* apparence du contenu des fenıtres de saisie du contenu */
 
.message { }                /* style du message envoyı par l'ıditeur en frontend suite ı une action de l'utilisteur, par exemple "Publication sauvegardıe avec succıs" */

/* ==== INDEX MOSPAGEBREAK ==== */
.contenttoc {
margin-left: 80px;
background: #ccc;
padding: 5px;
}

.button {
	background-image: url(../images/fleche.jpg);
	width: 21px;
}