/* CSS Document */
body
{
background-image:url(../images/fleche.gif);
background-attachment: fixed;
background-position:bottom right;
background-repeat:no-repeat;
margin:0px;
height:100%;
}
html
{height:100%;}
a img
{border:none;}
#containerglobal {
     position:absolute;
     left: 50%; 
     top: 50%;
     width: 800px;
     height: 520px;
     margin-top: -270px; /* moitié de la hauteur */
     margin-left: -400px; /* moitié de la largeur */
     /*border: 1px solid #000;*/
	 /*background-color:#00FF66;*/
	 z-index:50;
     }
#header
{
position:absolute;
left:0px;
top:0px;
width:100%;
height:21px;
background-image:url(../images/fond_sup.gif);
background-attachment:fixed;
}
#footer
{
position:absolute;
bottom:-70px;/*toujours en bas*/
width:100%;
height:115px;
background-color:#ffB900;
z-index:0;
}
#tete
{
margin-bottom:10px;
width:790px;
height:78px;
background-image:url(../images/tete.gif);
background-repeat:no-repeat;
background-position:left;
}
.agence_de_comm
{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#ffffff;
font-size:12px;
position:relative;
top:35px;
left:170px;
width:200px;
text-align:right;
}
h1
{font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
color:#febd11;
font-weight:bold;
position:relative;
margin-top:20px;
left:10px;
}
.courant_liste
{font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:left;
font-size:10px;
color:#FFFFFF;
line-height:14px;
position:relative;
width:154px;
list-style-type:none;
left:16px;
text-indent:-8px;
}
#oranges ul
{margin:0px;
padding:0px;
list-style-position:outside;
}
.courant_bis
{
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:left;
font-size:10px;
color:#FFFFFF;
line-height:14px;
position:relative;
margin-top:5px;
left:10px;
width:160px;
}

em
{font-weight:bold;
font-variant:normal;
font-style:normal;}
.puces
{
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:right;
font-size:10px;
color:#666666;
line-height:16px;
position:relative;
margin-top:10px;
left:10px;
width:380px;
}
.puces_secondaire
{
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:right;
font-size:10px;
color:#666666;
line-height:16px;
position:relative;
margin-top:10px;
left:10px;
width:160px;
}
.webnativ
{
margin-top:0px;
position:absolute;
right:20px;
top:3px;
/*background-color:#365433;*/
height:15px;
width:100%;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:right;
font-size:10px;
}
.webnativ a
{
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:right;
font-size:12px;
color:#febd11;
}
.webnativ a:hover
{
font-weight:bold;
}
/*navigation*/
#navigation
{
position:relative;
right:0px;
z-index:11;
width:395px;
height:23px;
/*background-color:#FFFF00;*/
float:right;
margin-top:0px;}
.navprinc,.navprincp
{list-style-type:none;display:block;float:left;
width:78px; text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
margin-top:-2px;
}
.navprinc a
{
display:block;
width:77px;
height:20px;
text-decoration:none;
color:#FFFFFF;
}
.navprincp a
{
display:block;
width:100%;
height:20px;
text-decoration:none;
color:#FFFFFF;
}
.navprinc a:hover
{
color:#febd11;
font-size:12px;
}
.navprincp a:hover
{
color:#febd11;
font-size:11px;
}
.navprincp:hover .sousmenu
{
display:block;
}
.sousmenu
{
display:none;
width:152px;
position:relative;
left:-35px;
top:-1px;
z-index:12;}

.sousmenu li
{list-style-type:none;
border-top:#000000 solid 1px;
height:16px;
text-align:left;
text-indent:4px;
font-size:11px;
background-color:#333333;}
/*fin navigation*/
/*footer*/
#footer
{text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#333333;}
.ligne
{
display: inline;
height:22px;
padding:0px;
margin:0px;
}
.copyright
{
padding-top:6px;
padding-bottom:6px;
margin:0px;
}
.c
{text-decoration:blink;}
/*fin footer*/
/*info bulles*/
acronym, .help {
 border-bottom: 1px dotted #333;
 cursor: help;
 }
 #actualite
 {
 position:absolute;
 left:0px;
 top:21px;
 width:150px;
 height:33px;
 font-size:3px;
 color:#333333;
 background-image:url(../images/actu.gif)}
a.info {
display:block;
   width:150px;
   height:33px;
   position: relative;
   color: white;
   text-decoration: none;
}
a.info span {
   display: none;}
a.info:hover {
   background: none;
   z-index: 500;
   cursor: help;
}
a.info:hover span {
   display: inline;
   position: absolute;
   white-space: nowrap;
   width:400px;
   height:400px;
   top: 30px; /* on positionne notre infobulle */
   left: 20px;
   background-image:url(../images/image_actu.gif);
   background-repeat:no-repeat;
   border:none;
}
/*fin info bulles*/

/*conteneurs gauche et droit*/
#oranges
{background-color:#000000;
width:178px;
height:395px;
float:left;
/*background-image:url(../images/rose.jpg);*/
background-repeat:no-repeat;
border:solid 1px #000000;
z-index:30;
}

#menu
{
/*background-color:#333333;*/
position:relative;
z-index:2;
padding-top:15px;
clear:both;
width:800px;
height:30px;
background-image:url(../images/menu_portfolio.gif);
background-repeat:no-repeat;
background-position:top right;
}
/*conteneurs gauche et droit fin*/
.retour
{float:right;
position:relative;
width:120px;
height:30px;
bottom:-380px;
color:#FF9900;
font-family:Verdana, Arial, Helvetica, sans-serif;
/*background-color:#3333CC;*/
font-size:9px;
}
.retour a
{
color:#febd11;}