/* ÿ caractere pour reconnaissance utf8 caractere pour reconnaissance utf8 */
html {
font-size : 100%;
margin: 0;
padding: 0;
height: 100%;
}

body {
margin: 0;
padding: 0;
height: 100%;
color : #ffffff;
font-size : 0.9em;
font-family : FreeSans, Arial, Helvetica, sans-serif;
font-weight : normal;
/*** Toutes les propriétés du background dans $bobyback ***/
background-image : url(wallpaper.jpg);
background-position : 0 0;
background-repeat: repeat;
background-attachment: fixed;
}

/** Liens en général ***/
a:link {
color : #000000;
background-color : inherit;
text-decoration : underline;
}

a:visited {
color : #C5B8A5;
background-color : inherit;
text-decoration : underline;
}

a:hover {
color : #000000;
background-color : #ffffff;
text-decoration : none;
}
/******/

img {
border : 0;
}

/*** Corps de page ***/
div#corps {
margin-top : 20px;
margin-left : 20px;
margin-bottom : 0;
margin-right : 0;
}
/******/

/***Logos W3C***/
div#valid {
position : relative;
top : 0;
text-align : center;
}
/******/

/***Menu de gauche***/
div#left {
position : absolute;
top : 30px;
left : 0;
height : 100%;
width : 10px;
}

div#menuleft {
margin-top : 5px;
float : left;
width : 160px;
height : 100%;
}

a.menu
{
display: block ;
margin-bottom : 2px;
margin-top : 2px;
margin-left : -4px;
margin-right : 0;
text-indent : 10px;
text-align : left;
font-size : 14px;
width: 160px;
line-height: 40px;
color : #ffffff;
text-decoration : underline;
background-position: top left;
background-image : url(fond1.png);
background-color : inherit;
}

a.menu:link
{
color : #ffffff;
text-decoration : underline;
background-position: top left;
background-image : url(fond1.png);
background-color : inherit;
}

a.menu:visited
{
color : #ffffff;
text-decoration : none;
background-position: top left;
background-image : url(fond1.png);
background-color : inherit;
}

a.menu:hover
{
color : #ffffff;
text-decoration : none;
background-position: center left;
background-image : url(fond1.png);
background-color : inherit;
}

div#bouton {
margin-left : 25px;
}
/******/

/***Menu haut de la page***/
div#cont
{
margin-top : -10px;
width : 150px;
font-size : 10px;
color : #ffffff;
}

a.menutop
{
float : left;
font-size : 14px;
line-height: 30px;
margin-top : -5px;
margin-left : 10px ;
color : #ffffff;
text-decoration : underline;
}

a.menutop:link
{
color : #ffffff;
text-decoration : underline;
}

a.menutop:visited
{
color : #ffffff;
text-decoration : none;
}

a.menutop:hover
{
color : #ffffff;
text-decoration : none;
background-color : #C5B8A5}

div#haut {
position : fixed;
top : 0;
left : 0;
width : 100%;
height : 30px;
color : #ffffff;
background-color : #4D4C47;
z-index : 1000;

}

div#menuht {
float : left;
margin-top : 5px;
margin-left : 20px;
margin-right : 20px;
height : 15px;
text-align : center;
font-size : 15px;
color : #ffffff;
}

/***Centre du menu haut***/
div#centre1 {
margin : 0 300px 0 400px;
padding : 5px;
text-align : center;
}
/******/

/***Menu pied de pages***/
div#bbas {
text-indent : 15px;
width : 300px;
text-align : center;
color : #ffffff;
margin : auto;
}

.txbpbas
{
display: block ;
float : left;
margin : 20px 5px 5px 5px;
text-indent : -4px;
text-align : center;
font-size : .9em;
width: 90px;
line-height: 30px;

font-style: italic;
text-decoration: underline;
color : #ffffff;
}

a.bpbas
{
display: block ;
float : left;
margin : 20px 5px 5px 5px;
text-indent : -4px;
text-align : center;
font-size : .9em;
width: 90px;
line-height: 30px;
color : #ffffff; 
background-position: top left;
background-color : inherit;
background-image : url(fondmtop.png);
}

a.bpbas:link
{
color : #ffffff; 
background-position: top left;
background-color : inherit;
background-image : url(fondmtop.png);
}

a.bpbas:visited
{
color : #ffffff;
text-decoration : none;
background-color : inherit;
}

a.bpbas:hover
{
color : #ffffff; 
background-position: center left;
background-color : inherit;
background-image : url(fondmtop.png);
}
/******/

/***Onglets de navigation (pages astuces...)***/

div.ongl {
text-align : center;
padding-left : 10px;
float : left;
font-size : 12px;
margin : auto;
}

div#centong {
margin : 0 180px 0 170px;
text-align : center;
background-image : url(fond-cad.png);
}

div.centr {
width : 100% ;
}

/*Onglet actif*/
p.onglet
{
display: block ;
float : left;
text-indent : 0;
text-align : center;
width: 90px;
line-height: 30px;
color : #ffffff;
background-position: top left;
margin-top : 0;
background-image : url(onglet-actif.png);
}

/* Onglets de liens */
a.onglet
{
display: block ;
float : left ;
text-indent : 0;
text-align : center;
width: 90px;
line-height: 30px;
color : #ffffff;
background-color : inherit;
background-position: top left;
background-image : url(onglet.png);
}

a.onglet:link
{
color : #ffffff;
text-decoration : underline;
background-position: top left;
background-image : url(onglet.png);
}


a.onglet:visited
{
color : #ffffff;
text-decoration : none;
background-position: top left;
background-image : url(onglet.png);
}

a.onglet:hover
{
color : #ffffff;
text-decoration : none;
background-position: center left;
background-image : url(onglet.png);
}

/*contenu de l'onglet*/
div.comment {
text-align : center;
width : 100%;
color : #ffffff;
background-color : inherit;
}
/******/

/***Cadre de droite***/
div#colonne2 {
float : right;
position : absolute;
top : 0;
right : 2px;
margin : 70px 6px 0 0;
width : 165px;
}

/*Cadres d'informations*/
div.cadre {
width : 158px;
margin : 4px 4px 0 0;
padding : 5px;
text-align : center;
color : #000000;
background-image : url(fond-cad.png);
}
/******/

/*Cadres d'informations*/
div.cadrejs {
margin : 4px auto 0 auto;
padding : 5px;
text-align : center;
color : #000000;
}
/******/

/***Centre de la page***/
div#centre {
margin : 20px 195px 0 202px;
padding : 5px;
text-align : center;
background-image : url(fond-cad.png);
}
/******/

/***Mise en page des popup***/
div#pop {
font-size: 0.9em;
width : 98.5%;
height : 97.5%;
color : #000000;
border : 4px solid #ffffff;
background-image : url(wallpaper-pop.jpg);
}
/******/

/***Div texte alternatif villes***/
div#ejs_box2_box {
text-align : center;
margin : auto;
background-image : url(fond-cad.png);
color : #000000;
border-style : solid;
border-width : 1px;
border-color : #4D4C47;
width : 13em;
height : 2em;
padding:5px;
}
/******/

/***Tableaux***/
.t1 {
/***width : 100%;***/
margin-bottom : 10px;
text-align : center;
border-style : none;
border-color : #4D4C47;
border-width : 2px;
}

/*Cellules de titres*/
td.c4 {
width : 100%;
text-transform : uppercase;
text-decoration : underline;
line-height: 40px ;
padding-bottom : 6px;
text-align : center;
border-style : solid;
border-color : #4D4C47;
border-width : 1px;
color : #ffffff;
background-image : url(fond-cad.png);
}

/*Premiere colonne*/
td.c1 {
width : 40%;
padding-top : 4px;
padding-left : 2px;
padding-right : 2px;
padding-bottom : 8px;
text-indent : 8px;
text-align : center;
border-style : solid;
border-color : #4D4C47;
border-width : 1px;
}

/*Deuxieme colonne*/
td.c2 {
width : 20%;
padding : 0;
text-align : center;
border-style : solid;
border-color : #4D4C47;
border-width : 1px;
}

/*Troisieme colonne*/
td.c3 {
width : 35%;
padding : 0;
font-size : 0.8em;
text-align : center;
border-style : solid;
border-color : #4D4C47;
border-width : 1px;
}
/******/

/*Bannière d'informations*/
div.baninf {
margin: auto;
height: 6em;
width: 30em;
font-size : 1.2em;
font-weight : 900;
margin-top : -0.55em;
text-align : center;
background-image : url(fond-cad.png);
}

/***Informations cachees suivant le choix du style***/
.switch{
margin-top : 40px;
text-align : center;
font-size : 0.8em;
}
/******/

/***Separation des liens***/
p.seplien{
display: none;
}
/******/

/***Pour le texte avec infos bulles***/
span.def{
border-bottom: 1px dashed;
}
/******/

/***mise en valeur du texte***/
.valeur {
font-style: italic;
font-size : 0.8em;
text-decoration: underline;
}
/******/

/*** anulation float ***/
div.stopfloat {
clear: both;
}
/******/

ul  {
text-indent : 1em;
margin-left : 4em;
list-style-type : none;
text-align : left;
}

ul.astu {
text-indent : 1em;
list-style-position : inside;
margin-left : 0;
list-style-type : circle;
text-align : left;
}

li {
padding-bottom : 1.5em;
}

h1 {
text-transform : uppercase;
font-size : 1.5em;
text-align : center;
margin-bottom : 10px;
background-image : url(fond-cad.png);
}

.titre {
font-size : 1.3em;
text-decoration : underline;
text-align : center;
margin-bottom : 10px;
background-image : url(fond-cad.png);
}



.soustitre {
font-size : 1.2em;
font-weight : 900;
margin-top : -0.55em;
text-align : center;
background-image : url(fond-cad.png);
}

h2 {
font-size : 1.2em;
font-weight : 900;
text-align : center;
}

h3 {
text-align : center;
font-size : 1.1em;
}

h3.left {
text-align : left;
font-size : 1.1em;
}

h4 {
text-align : left;
font-size : 1.1em;
}

h6 {
text-align : center;
text-indent : -2em;
margin-bottom : 5px;
text-decoration : underline;
font-size : 1.3em;
}

p.centre {
text-align : center;
font-size : 1em;
}

p.left {
text-align : left;
text-indent : 1em;
margin-left : 2em;
font-size : 1em;
}

.petit {
text-align : center;
font-size : 0.65em;
}

.gros {
font-size : 1.2em;
}

sup {
font-size : 0.6em;
}

a.images
{
text-decoration : none;
background : none;
}

a.images:link
{
text-decoration : none;
background : none;
}

a.images:visited
{
text-decoration : none;
background : none;
font-style: italic;
}

a.images:hover
{
text-decoration : none;
background : none;
font-style : normal;
}

/* Bannières échange de liens */
.banpub
{
border : #4D4C47 solid 2px;
}

.formerr
{
margin : 20px 195px 0 202px;
padding : 5px;
text-align : center;
color : #ffffff; 
border : solid #4D4C47 1px; 
background-color : #4D4C47;
}

div.pub{
					filter:alpha(opacity=40); 
					-moz-opacity:0.4;
					opacity: 0.4;
					}