/* Koxin-L, par Rodolphe Deschamps, http://www.koxin-l.fr */

/* Compatible IE5+/Win, Mozilla */

/* Couleurs
Texte : Noir -> #000000
Lien : Orange -> #F67140
Lien survolé : Bleu -> #06B7F4
Lien visité : Rouge foncé -> #A24E2E
Lien visité survolé : Orange -> #F67140
Lien actif : Noir -> #000000
Annuaire : Vert -> #1AD014
Blog : Bleu -> #06B7F4
Conception : Mauve -> #DA5DDF
Référencement : Rouge -> #FF3200
Etudes de cas : Orange -> #FF8B00
Forum : Jaune -> #F4C906
*/

body
{
background: #ffffff url(./img/fond-1.jpg) top left no-repeat;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #000000;
font-size: 0.71em;
line-height: 1.6em;
padding: 0;
margin: 0
}

/* Mise en page */

div#conteneur
{
float: left;
width: 770px;
text-align: right
}

div#haut
{

background: url(./img/titre-1.jpg) top left no-repeat;
margin-left: 330px;
padding-top: 90px;
width: 441px;
height: 84px
}

    #menu-annuaire
   {
    width: 69px;
    height: 69px;
    margin: -69px 0 10px 372px;
    background: url('./img/bouton-annuaire.jpg') top left no-repeat
    }

        #menu-annuaire a:link, #menu-annuaire a:visited, #menu-annuaire a:visited:hover, #menu-annuaire a:hover, #menu-annuaire a:active
        {
        display: block;
        width: 69px;
        height: 69px;
        text-decoration: none
        }
 
    #menu-blog
    {
    width: 69px;
    height: 69px;
    margin: -69px 0 10px 372px;
    background: url('./img/bouton-blog.jpg') top left no-repeat
    }
    
        #menu-blog a:link, #menu-blog a:visited, #menu-blog a:visited:hover, #menu-blog a:hover, #menu-blog a:active
        {
        display: block;
        width: 69px;
        height: 69px;
        text-decoration: none
        }
    
    #menu-conception
    {
    width: 69px;
    height: 69px;
    margin: -69px 0 10px 372px;
    background: url('./img/bouton-conception.jpg') top left no-repeat
    }
    
        #menu-conception a:link, #menu-conception a:visited, #menu-conception a:visited:hover, #menu-conception a:hover, #menu-conception a:active
        {
        display: block;
        width: 69px;
        height: 69px;
        text-decoration: none
        }
    
    #menu-diffusion
    {
    width: 69px;
    height: 69px;
    margin: -69px 0 10px 372px;
    background: url('./img/bouton-diffusion.jpg') top left no-repeat
    }
    
        #menu-diffusion a:link, #menu-diffusion a:visited, #menu-diffusion a:visited:hover, #menu-diffusion a:hover, #menu-diffusion a:active
        {
        display: block;
        width: 69px;
        height: 69px;
        text-decoration: none
        }
    
    #menu-etudes
    {
    width: 69px;
    height: 69px;
    margin: -69px 0 10px 372px;
    background: url('./img/bouton-etudes-de-cas.jpg') top left no-repeat
    }
    
        #menu-etudes a:link, #menu-etudes a:visited, #menu-etudes a:visited:hover, #menu-etudes a:hover, #menu-etudes a:active
        {
        display: block;
        width: 69px;
        height: 69px;
        text-decoration: none
        }
    
    #menu-forum
    {
    width: 69px;
    height: 69px;
    margin: -69px 0 10px 372px;
    background: url('./img/bouton-forum.jpg') top left no-repeat
    }
    
        #menu-forum a:link, #menu-forum a:visited, #menu-forum a:visited:hover, #menu-forum a:hover, #menu-forum a:active
        {
        display: block;
        width: 69px;
        height: 69px;
        text-decoration: none
        }

    .menu
    {
    position: relative;
    z-index: -100;
    font-size: 0.71em
    }
    
div.paragraphe
{
text-align: justify;
height: 62px;
width: 350px;
margin: 0 89px 0 0;
-moz-border-radius: 10px;
padding: 5px 5px 0 5px;
border: 1px solid #C6F2FF
}

div#centre
{
float: left;
text-align: justify;
padding: 0 10px 0 10px;
margin-top: -89px !important;
margin-top: -468px;
width: 300px
}

div.signature
{
text-align: right;
}

p:first-letter
{
margin: 0 0 0 30px
}

h1
{
text-decoration: underline;
font-weight: normal;
font-size: 1.8em;
margin: 10px 0 20px 0;
padding: 5px 0 8px 30px;
background: url('./img/puce-h1.gif') top left no-repeat;
background-position: 0% 50%
}

p
{
margin-bottom: 10px;
padding: 0;
text-align: justify
}

.paragraphe p:first-letter
{
margin: 0 !important;
padding: 0;
}

.paragraphe p
{
margin: 0;
padding: 0;
text-align: justify
}

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

a:visited
{
color:#A24E2E;
text-decoration: none
}

a:visited:hover
{
color: #F67140;
text-decoration: none
}

a:hover
{
color: #06B7F4;
text-decoration: none
}

a:active
{
color: #000000;
text-decoration: none
}

abbr, acronym, dfn
{
cursor: help;
text-decoration: none;
border-bottom: 1px dotted #000000
}

abbr:hover, acronym:hover, dfn:hover
{
cursor: help;
color: #06B7F4;
text-decoration: none;
border-bottom: 1px dotted #06B7F4
}