/*##################################################################################################
----------------------------------------------------------------------------------------------------
------------------------------------  copyright L2CM 1999-2020 -------------------------------------
----------------------------------------------------------------------------------------------------
##################################################################################################*/



/*################################################################################################*/
/*-------------------------->  Styles defini par defaut  pour le site <---------------------------*/
/*################################################################################################*/

body
{
margin:0px 0;
padding: 0;
font: 1em sans-serif,Verdana;
color: #000;
z-index:0;
}


/*################################################################################################*/
/*--------------------------------------->     header      <--------------------------------------*/
/*################################################################################################*/

header {
display: none;
}

span#header_print {
display: none;
}

#slogan {
display: none;
}


/*################################################################################################*/
/*------------------------------------->         Nav           <----------------------------------*/
/*################################################################################################*/


nav {
display: none;
}

/*################################################################################################*/
/*--------------------------------->          Article            <--------------------------------*/
/*################################################################################################*/


article {
position : relative;
font-size: 1em ;
text-align: justify ;
text-decoration: none;
color: #FFF ;
z-index:30;
}


/*################################################################################################*/
/*----------------------------------->         widget           <---------------------------------*/
/*################################################################################################*/





/*################################################################################################*/
/*------------------------------------>         Page            <---------------------------------*/
/*################################################################################################*/


#page {
position : relative;
width: 600px;
min-height:496px;
text-align:justify;
color: #000;
font: 0.9em 'Lucida Grande', sans-serif,Verdana;
line-height: 1.3em;
}

#page h1 {
color: #333;
font-size: 1.8em ;
margin-bottom: 0px;

}

#page h2 {
color: #369;
height:40px;
margin-left: 0px ;
padding-bottom: 0px;
margin-top:0px;
margin-bottom:10px;
padding-top:20px;
font-size: 1.6em ;
}

#page h3 {
color: #333;
font-size: 1.2em ;

margin-bottom: 3px;

}

#page img {
margin: 10px;
}

#page a {
text-decoration: none;
color: #369 ;
}

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


#page pre {
background: #CCC ;
border: 1px solid #333 ;
padding: 5px 0 0 5px ;
font-size: 1.2em ;
color: #000 ;
overflow:auto;
max-height: 400px;
}

pre#pre_alert {
background: #FF3333 ;
border: 1px solid #333 ;
padding: 5px;
font-size: 1.2em ;
color: #FFF;
overflow:auto;
}


div#cadreblanc {
background: #FFF ;
border: 1px solid #333 ;
padding: 5px;
}

/*################################################################################################*/
/*--------------------------------->          Form            <-----------------------------------*/
/*################################################################################################*/

div#page input, div#page select, div#page textarea {
position : relative;
padding: 2px ;
color: #333;
border : 1px;
border-color: #999;
border-style: solid;
outline:1pt;
font-style: normal;
line-height: normal;
text-decoration: none;
font: 1em 'Lucida Grande', sans-serif,Verdana;
}

input#button {
border-color: #999;
background-color: #FFF;
padding: 0px ;
margin-top: 10px ;
}

input#button:hover {
color: #FFF;
border-color: #FFF;
background-color: #69C;
}

/*-------------------------------->           formtag            <--------------------------------*/

div#formtag{
line-height: 30px;
}

div#formtag input, div#formtag select {
position : absolute;
float : left;
left : 110px;
}

/*--------------------------------->           logged            <--------------------------------*/

div#logged {line-height: 30px;}


div#logged input, div#logged select {
position : absolute;
float : left;
left : 170px;
}

/*################################################################################################*/
/*--------------------------------->          Special            <--------------------------------*/
/*################################################################################################*/

#bg-random {
right:50px;
position: absolute;
float: right;
}

#interswitch a {
text-decoration: none;
color: #FFF ;
}

#interswitch a:hover {
color: #FFA500 ;
}

/*################################################################################################*/
/*------------------------------------>        Footer         <-----------------------------------*/
/*################################################################################################*/


footer {
padding-top:3px;
position:relative;
top: 200px;
width: 100%;
text-align:center;
background-color:#FFF;
border-top: 1px solid #CCC;
color:#CCC;
height: 18px;
z-index: 30;
font-size: 0.7em ;
}

span#mention a {
color: #000 ;
text-decoration: none;
}

span#mention a:hover {
color: #F42 ;
}

span#mention_print {

display: none;

}