/************************************
Feuille css du site
Création : SARL IP&Moteur
Date création : 25/10/2006
************************************/

body{
font-family: helvetica, sans-serif;
background-color: #FFFFFF;
font-size: 1em;
}

#conteneur{
margin: 0 auto;
width: 950px;
height: 600px;
border: solid 1px #000000;
}

#flash{
width: 950px;
height:600px;
margin: 0;
position: absolute;
}

/*#defilant{
display:none;
position: relative;
margin-top: 4px;
border: solid 1px #000;
margin-left: 3px;
width: 936px;
height: 13px;
padding-bottom: 2px;
padding-left: 3px;
padding-right: 3px;
font-size: 0.7em;
background-color: #FFFFFF;
}*/

#contenu{
position: relative;
left: 480px;
width: 445px;
margin: 0; margin-top: 30px;
height: 560px;
padding-left: 10px;
padding-right: 15px;
padding-top: 10px;
text-align: justify;
font-size: 0.75em; line-height: 1.4em;
overflow: auto;
}

a.contenu{
text-decoration: none;
color: #348BB6;
}

a.contenu:hover{
text-decoration: overline underline;
color: #99bdcf;
}

h1{
color: #1B3D4F;
font-weight: bold;
font-size: 1.3em;
border-bottom : dashed 1px #1B3D4F;
font-variant: small-caps;
text-align: right;
}

h2{
color: #B23F3F;
font-weight: bold;
font-size: 1.2em;
font-variant: small-caps;
line-height: 20px;
}

h3{
color: #B23F3F;
font-weight: bold;
font-size: 1.2em;
font-variant: small-caps; 
}

h4{
color: #B23F3F;
font-weight: bold;
font-size: 1em;
}

li{
list-style-image: url(images/fleche.gif);
vertical-align: text-top;
margin-bottom: 5px;
}

.petit{
font-size: 0.8em;
color: #348BB6;
}

.petit a{
text-decoration: none;
color: #348BB6;
}
.petit a:hover{
text-decoration: overline underline;
color: #99bdcf;
}

#copy{
font-size: 0.8em;
font-style: italic;
}

/*********************************************
		Infobulles
*********************************************/
a.info {
position: relative;
text-decoration: none;
color: black;
border-bottom: 1px gray dotted;
}

a.info:hover{
background: none;
}

a.info span{
display: none
}

a.info:hover span{ 
display: block;
position: absolute;
top: 2em;
background-color: #CCCCCC;
margin-left: 0.2em;
margin-top: 0.8em;
text-align: justify;
color: #000;
padding: 5px;
width: 200px;
font-size: 0.7em;
z-index:1;
}

#ip{
position : relative;
margin: 0 auto;
width: 950px;
padding: 0;
text-align: center;
}

#ip a{
font-size: 0.7em;
text-decoration: none;
color: #348BB6;
}

#ip a:hover{
text-decoration: overline underline;
}
/*pour key*/
.menu{
color:#000;
font-size:10px;
}

#key_liens{
margin: auto;
width: 950px;
}
#infoplus{
color:#8C8C8C;
font-size:10px;
text-align:justify;
border:1px solid #8C8C8C;
padding:8px;
}
#infoplus a{
color:#8C8C8C;

}
#infospluslink{
color:#8C8C8C;
font-size:12px;
}