/*********************************************************************/
/* Feuille de style principale pour etudes.koxin-l.fr valide css 2.0 */ 
/*********************************************************************/

body
{
background: #ffffff url(http://etudes.koxin-l.fr/img/bg.jpg) top left no-repeat;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #2B528F;
font-size: 0.71em;
line-height: 1.6em;
margin: 0;
padding: 0
}

/* Mise en page */

div#conteneur
{
position: absolute;
width: 995px
}

div#haut
{
background: #ffffff url(http://etudes.koxin-l.fr/img/haut.jpg) top left no-repeat;
text-align: right;
font-size: 0.9em;
line-height: 1.2em;
height: 182px;
padding-right: 10px
}

    div#menu-haut
    {
    float: right;
    width: 449px;
    height: 69px;
    margin: 5px -5px 0 0 !important;
    margin: 5px 0px 0 0
    }
    
    *+html div#menu-haut /*Hack IE7 */
    {
    margin: 5px 0px 0 0
    }

        #menu-annuaire
        {
        float: left;
        width: 69px;
        height: 69px;
        padding: 0;
        margin-left: 5px;
        background: url('http://etudes.koxin-l.fr/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
        {
        float: left;
        width: 69px;
        height: 69px;
        padding: 0;
        margin-left: 5px;
        background: url('http://etudes.koxin-l.fr/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
        {
        float: left;
        width: 69px;
        height: 69px;
        padding: 0;
        margin-left: 5px;
        background: url('http://etudes.koxin-l.fr/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
        {
        float: left;
        width: 69px;
        height: 69px;
        padding: 0;
        margin-left: 5px;
        background: url('http://etudes.koxin-l.fr/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
        {
        float: left;
        width: 69px;
        height: 69px;
        padding: 0;
        margin-left: 5px;
        background: url('http://etudes.koxin-l.fr/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
        {
        float: left;
        width: 69px;
        height: 69px;
        padding: 0;
        margin-left: 5px;
        background: url('http://etudes.koxin-l.fr/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-haut
        {
        position: relative;
        z-index: -100;
        font-size: 0.71em
        }

div#centre
{
Z-index: 20;
font-size: 1.1em;
margin: 10px 275px 0 10px;
padding: 20px;
background: url('http://etudes.koxin-l.fr/img/fond-centre-haut.png') top left no-repeat
}

* html div#centre /*Hack IE6 */
{
background: url('') top left no-repeat
}

div#gauche
{
position: absolute;
margin-top: -40px;
left: 0;
width: 0px
}

div#droite
{
position: absolute;
margin-top: -30px;
right: 0;
width: 260px
}

div#bas
{
height: 30px;
font-size: 0.8em;
text-align: center;
color: #2B528F;
clear: both
}

* html div#bas /*Hack IE6 */
{
/*margin-top: 80px*/
}

*+html div#bas /*Hack IE7 */
{
/*margin-top: 80px*/
}

div#google-search
{
position: absolute;
right: 0;
margin: 80px 10px 0 0
}

* html div#google-search /*Hack IE6 */
{
margin: 90px 10px 0 0
}

div.cadre-menu-droit
{
color: #2B528F;
margin: -15px 10px 0 0;
padding: 15px 15px 0 15px;
border: 0
}

* html div.cadre-menu-droit /*Hack IE6 */
{
margin: 0 -5px 0 0;
padding: 0
}

div.cadre-menu-gauche1
{
height: 240px;
color: #2B528F;
font-size: 0.9em;
line-height: 1.4em;
margin-left: 5px;
padding: 15px 0 0 0;
border: 0;
background: url('http://etudes.koxin-l.fr/img/fond-menu-gauche-haut1.png') top left no-repeat
}

* html div.cadre-menu-gauche1 /*Hack IE6 */
{
background: url('http://etudes.koxin-l.fr/img/fond-menu-gauche-haut1.png') top left no-repeat
}

div.cadre-menu-gauche
{
height: 200px;
color: #2B528F;
font-size: 0.9em;
line-height: 1.4em;
margin-left: 5px;
padding: 15px 0 0 0;
border: 0;
background: url('http://etudes.koxin-l.fr/img/fond-menu-gauche-haut.png') top left no-repeat
}

* html div.cadre-menu-gauche /*Hack IE6 */
{
background: url('http://etudes.koxin-l.fr/img/fond-menu-gauche-haut.png') top left no-repeat
}

div.cadre-menu-gauche-google
{
height: 200px;
line-height: 1.4em;
margin-left: 5px;
padding: 15px 0 0 5px;
background: url('http://etudes.koxin-l.fr/img/fond-menu-gauche-haut.png') top left no-repeat
}

.date
{
font-size: 0.8em;
color: #73A0E6;
margin-top: -5px;
text-align: right
}

.date2
{
margin: -20px 0 0 0;
font-size: 0.8em;
color: #73A0E6;
text-align: right
}

.auteur
{
text-align: right;
font-weight: bold
}

div.interligne
{
z-index: 5;
width: 300px;
height: 250px;
margin: -80px 0 -110px -20px;
background: url('http://etudes.koxin-l.fr/img/fond-centre-interligne.png') top left no-repeat
}

* html div.interligne /*Hack IE6 */
{
background: url('') top left no-repeat
}

div.interligne-fin
{
z-index: 5;
width: 300px;
height: 110px;
margin: -90px 0 0 -20px;
background: url('http://etudes.koxin-l.fr/img/fond-centre-interligne-fin.png') top left no-repeat
}

* html div.interligne-fin /*Hack IE6 */
{
width: 1px;
height: 30px;
margin: 0 0 0 0;
background: url('') top left no-repeat
}

.com
{
font-size: 0.80em;
font-weight: normal;
margin: 2px 0 10px 0;
padding: 5px 5px 5px 5px;
border-top: 1px solid #FFCCA1;
border-left: 1px solid #FFCCA1;
border-right: 1px solid #FFB575;
border-bottom: 1px solid #FFB575;
-moz-border-radius: 10px;
background: #FFF4E1
}

/* Mise en forme des textes */

kbd
{
font-size: 1.5em;
padding: 2px 2px 2px 2px;
background-color: #E8F2F8;
font-weight: bold
}

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

h2
{
font-weight: normal;
font-size: 1.5em;
margin: 10px 0 10px 8px;
padding-left: 19px;
background: url('http://etudes.koxin-l.fr/img/puce-h2.gif') top left no-repeat;
background-position: 0% 65%
}

h3
{
font-weight: normal;
font-size: 1.3em;
font-weight: bold;
margin: 10px 0 10px 18px;
padding-left: 17px;
background: url('http://etudes.koxin-l.fr/img/puce-h3.gif') top left no-repeat;
background-position: 0% 55%
}

h4
{
font-weight: normal;
font-size: 1em;
font-weight: bold;
margin: 0 0 10px 28px;
padding-left: 16px;
background: url('http://etudes.koxin-l.fr/img/puce-h4.gif') top left no-repeat;
background-position: 0% 60%
}

div.titre-menu-droit
{
width: 250px;
height: 22px;
margin: 10px 0 -5px -15px;
padding-top: 2px;
font-weight: bold;
color: #FFFFFF;
text-align: center;
text-decoration: none;
background: #ffffff url('http://etudes.koxin-l.fr/img/titre-droite.jpg') top left no-repeat;
}


* html div.titre-menu-droit /*Hack IE6 */
{
margin: 10px 0 -12px 0
}

*+html div.titre-menu-droit /*Hack IE7 */
{
margin: 10px 0 -12px 0
}

div.titre-menu-gauche
{
margin: 0 0 -5px 0;
font-weight: bold;
color: #5373A6;
text-align: center;
text-decoration: underline
}

* html div.titre-menu-gauche /*Hack IE6 */
{
margin: 0 12px 0 0
}

*+html div.titre-menu-gauche /*Hack IE7 */
{
margin: 0 0 0 0
}

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

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

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

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

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

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

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

.c
{
text-align: center
}

.gras
{
font-weight: bold
}

.s
{
text-decoration: underline
}

.i
{
font-style: italic
}

.rectif
{
text-decoration: overline
}

.notes
{
font-size: 0.9em;
color: #73A0E6;
font-style: italic
}

.alerte
{
color: #ff0000
}

.text075
{
font-size: 0.75em;
}

/* Listes */

ul.list-menu-droit
{
list-style-type: none;
margin-left: 5px;
padding: 0
}

* html ul.list-menu-droit /*Hack IE6 */
{
margin-left: 15px
}

ul.list-menu-gauche
{
list-style-type: none;
margin-left: 15px;
padding: 0
}

li.list-menu-droit, li.list-menu-gauche
{
padding-left: 16px;
background: url('http://www.koxin-l.fr/img/mini-puce-bleue.gif') top left no-repeat;
background-position: 0% 50%
}

/* Images */

.lien-img
{
border: 0
}

.logo
{
z-index: 5;
float: left;
width: 100px;
height: 100px;
margin: 0 10px 3px 0;
padding: 3px 0 0 3px
}

/* Formulaire */

.contact1
{
margin: 0px 0px 0px 10px;
width: 400px;
text-align: left;
line-height: 200%
}

.contact2-1champ
{
margin: -23px 0px 0px 80px;
text-align: left
}

.contact2-3champs
{
margin: -70px 0px 0px 80px;
text-align: left
}

fieldset
{
margin-bottom: 10px;
border: 1px solid #FFC1B3
}

legend
{
color: #ff0000
}

.google-search fieldset
{
border: 0;
margin: 0;
padding: 0
}

.form-com
{
margin-left: 5px
}

.but
{
border: 1px dotted #F08C36;
background-color: #FFEAC6;
padding: 5px;
}

pre
{
font-size: 1.2em;
padding: 5px 10px 5px 10px;
margin: 5px 20px 5px 20px;
border-left: 3px solid #F08C36;
border-right: 1px dotted #F08C36;
border-top: 1px dotted #F08C36;
border-bottom: 1px dotted #F08C36;
background-color: #FFEAC6;
}

.rappel
{
font-style: italic;
color: #898989;
font-size: 0.9em;
}

.maj
{
border: 1px dotted #F08C36;
background-color: #FFEAC6;
padding: 5px;
}

.asuivre
{
text-align: center;
font-size: 1.2em;
color: #FF0000;
padding: 10px;
margin: 20px 0;
border: 1px dotted #FF0000;
background-color: #FED4D4;
}

.lienright
{
font-size: 0.8em;
text-align: right;
}

.gestion-contenu
{
text-align: right;
font-size: 0.8em;
margin: 2px 0 2px 0
}

.iconographie
{
border: 0;
margin: 0 0 0 5px
}