/* CSS Document */
body {
behavior: url(csshover.htc);
margin: 0;
padding: 0;
font-family:Bitstream Vera Sans,Verdana, "Arial", Helvetica, sans-serif;
font-size:13px;
text-align: center; /* pour corriger le bug de centrage IE */  
background-image:url(../images/fond.gif);
}

#conteneur { /*le conteneur global du site, qui sera centré */
position: relative;
width: 1024px;
margin-left: auto;
margin-right: auto;
background-position:50% 0%;
text-align: left; /* on rétablit l'alignement normal du texte */
margin-top:0.5em;
}

#header {
position:relative;
}
.logoinnovation {
float:left;
margin-left:1.5em;
}

.texteinnovation {
position:relative;
width:15em;
left:1.5em;
top:1em;
right:1em;
}
.finalisation {
position:absolute;
color:yellow;
font-size:17px;
text-decoration:underline;
left:1em;
}

.logoaertecnica {
position:absolute;
right:1em;
top:-2em;
z-index:100;
}

.arretenveloppe {
clear:both;
}

div#menu {
position:relative;
top:3em;
left:1em;
font-size:13px;
}

/* fond blanc pour le menu */ 
div#menu a {color:white;}
div#menu ul {padding: 0;; width: 130px; border-bottom:1px solid #03618C; margin:0px;}

/* fond different au survol de la souris pour les sous menu et les "basiques"*/ 
div#menu li:hover {background:#03618C;}
div#menu li.sousmenu:hover {background:#03618C;}

/* Rajout d'une petite fleche pour les sous menu */ 
div#menu li.sousmenu {background: url(fleche.gif) 95% 50% no-repeat;}

div#menu ul li {position:relative; list-style: none; border-bottom:1px solid #03618C;}
div#menu ul ul {position: absolute; top: -1px; left: 180px; display:none}

/* on rajoute une bordure a gauche et des padding, on doit donc réajuster la taille 100-(8 de bordure + 8 de padding) =84 */ 
div#menu li a {text-decoration:none; padding: 4px 0 4px 8px; display:block; border-left: 8px solid #C3E0F0; width:170px}
div#menu ul.niveau1 li.sousmenu:hover ul.niveau2, 
div#menu ul.niveau2 li.sousmenu:hover ul.niveau3 {display:block;}

/* la bordure de chaque hauteur a une couleure de survol*/ 
div#menu li a:hover {border-left-color:#03618C;text-decoration:underline;}
div#menu ul ul li a:hover {border-left-color:#03618C;}
div#menu ul ul ul li a:hover {border-left-color:#03618C;text-decoration:underline;}



#menugauche a {
display:block;
color:white;
text-decoration:none;
}

#menugauche a:hover{
color:white;
text-decoration:underline;
}

#presentation {
float:right;
margin-top:0.5em;
border-bottom:3px solid white;
}




#contenupageaspiwall {
position:relative;
width:34.5em;
border-left:2px solid white;
border-bottom:2px solid white;
left:22em;
top:0.8em;
background-color:#064A70;
padding:0.5em 0.5em 0.5em 0.5em;
text-align:justify;
}

#aspiwallouvert img{
position:absolute;
top:25.5em;
right:3em;
border:5px solid white;
}

#contenupageaspiwall ul {
list-style-image:url(../images/puce1.gif);
list-style-position:outside;
color:#C3E0F0;
font-size:13px;
line-height:1.5em;
}

#contenupageaspiwall h3{
color:#C3E0F0;
font-size:14px;
text-decoration:underline;
}

#contenupageaspiwall h4{
color:white;
font-size:14px;
text-decoration:underline;
}


#contenupageaspiwall p{
color:#C3E0F0;
font-size:13px;
}

#contenupageaspiwall a{
color:#C3E0F0;
text-decoration:underline;
}
#contenupageaspiwall a img{
border:0;
}



#menutitre {
position:relative;
width:35.5em;
height:2em;
left:22em;
background-color:#D7E1E8;
padding:0.1em 0.1em 0.1em 0.1em;
top:0.4em;
}

#menutitre h1{
margin-top:1em;
color:#02273A;
font-size:12px;
}

#menusoustitre {
position:relative;
width:35.5em;
height:1.5em;
left:22em;
top:0.7em;
background-color:#03618C;
padding:0.1em 0.1em 0.1em 0.1em;
}

#menusoustitre h2{
margin-top:0.7em;
color:white;
font-size:12px;
}

#formulaires {
position:relative;
width:35em;
text-align:left;
color:white;
font-size:12px;
text-align:left;
}
#formulaires h3{
color:#D7E1E8;
font-size:12px;
}

#formulaires p{
text-align:right;
}



.OPTION {background-color:#D7E1E8;text-align:left;border:1px solid white;}
.TEXTAREA {background-color:#D7E1E8;border:1px solid white; }
.BUTTON {font-family: 'arial', helvetica, sans-serif ; border-width: 1pt ;border-color:#035682; font-size:13px;background-color:transparent;margin-right:4em;color:white;}
.BUTTON2 {font-family: 'arial', helvetica, sans-serif ; border-width: 1pt ;border-color:#035682;color:white; font-size:13px;background-color:transparent;margin-right:5em;}

.input {
height:11px;
border:1px solid #D7E1E8;
background-color:#D7E1E8;
margin-top:2px;
}



#formulaireaide {
color:#D7E1E8;
font-size:12px;
}

#formulaireaide h3{
color:#D7E1E8;
font-size:12px;
}


#aspiwall img{
position:absolute;
top:19em;
z-index:100;
left:2em;
border:5px solid #D7E1E8;
}

#aideconception {
position:relative;
background-color:blue;
background-image:url(../images/fondmodule.gif);
width:10em;
height:4em;
top:30em;
left:3em;
border:3px dashed #D7E1E8;
padding: 0.1em 0.1em 0.1em 0.1em;
text-align:center;
font-size:12px;
}
#aideconception a{
position:relative;
color:white;
top:1em;
left:0.2em;
font-weight:bold;
text-decoration:none;
}
#aideconception a:hover{
text-decoration:underline;
}

#piedpage {
position:relative;
width:1024px;
height:2.5em;
margin-top:2.5em;
background-color:#012639;
color:white;
font-size:13px;
text-align:left;
}

#piedpage span{
color:white;
font-size:11px;
margin-left:1em;
}


#piedpage a{
color:white;
font-size:11px;
margin-left:2em;
}

#developpe {
position:relative;
text-align:right;
color:white;
}
#developpe a{
color:white;
font-size:10px;
}

a.infofaq {
position:relative; 
color:#D7E1E8;
font-size:10px;	
}


a.infofaq span {
display:none;
z-index:110;
}

a.infofaq:hover{
background:none; 
z-index:120;
}

a.infofaq:hover span {
display:block; 
 position:absolute;
 z-index:100;
font-size:11px;
    top:25px; left:0px; width:400px;
    border:1px solid #D7E1E8;
    background-color:#066D9C;
    padding:10px;
text-decoration:none;
}

#textefctaspiwall {
position:relative;
width:14.2em;
height:125px;
bottom:6em;
left:19.8em;
background-color:#E7F0F4;
border:1px solid #5794B3;
overflow:auto;
}

#textefctaspiwall p{
color:#045782;
font-weight:bold;
text-align:left;
font-size:11px;
}


.tifcttexte {
font-size:11px;
background-color:#045782;
text-align:left;
text-color:white;
font-weight:bold;
color:white;
}

.positionmain {
position:absolute;
top:4em;
left:27.4em;
border:1px solid #5794B3;
width:7em;
height:7em;
}