@charset "utf-8";
/* CSS Document */

/*
bleu fonce 273340
 */

html, body
{
    font-family: "ITC Avant Garde Gothic", "Avant Garde", Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: normal;
    color: #000;
    margin: 0;
    padding: 0;
    border: 0;
    height: 100%;
    max-height: 100%;
	text-align:center;
	background-color:#fff;
	background-image:url(images/microsite/fond.jpg); background-position:center; background-attachment:fixed;
	
}
a { text-decoration: none; outline-style:none;} /* enleve le pointillé rouge dans firefox */
a:hover { text-decoration: underline;}

* {outline: none;}/*  Enlever le bug bleu de safari */

ul, li {margin:0;padding:0;list-style:none;} /* Reset les listes */
img { border: none; display: block;} /* Pour ne pas qu'il y aie un espace sous les images*/
h1, h2, h3
{
    font-size: 1em;
    margin: 0;}
h2{font-size:14px; color:#D77F38; margin-bottom:10px;}

/* Bon à savoir */
a.info:hover{z-index:25; background-color:#ff0}
a.info span{display: none}

/* pour centrer la div principale*/
#divcentrale {
	margin: 0 auto;
	margin-top:50px;
	/*overflow:hidden;*/
	width: 955px; height:701px; background-image:url(images/microsite/arriereplan.gif); background-position:top center; background-repeat:repeat-x;} /* largeur du contenu */
/* rollover */
.rollOver
{
    display: block;
    background-repeat: no-repeat;
    background-position: 0 0;
    float: left;
}
.rollOver:hover, .rollOverActive
{
    background-position: bottom right;
}
.rollOver span
{
    display: none;
}
.icone 
{
    width: 354px;
    height: 34px;
}


/* CLEAR FIX pour régler les problemes de float, mettre sur la div conteneur */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}


/* PLAN DU SITE */
#plandusite ul {}
#plandusite ul li {
	background-image: url(images/puces/4.gif); 
	background-position:top left; 
	background-repeat:no-repeat; 
	padding-left:20px;
	margin-top:10px;
	 }
	 
#plandusite ul ul li{ margin-top:5px; background-image: url(images/puces/4b.gif); }
#plandusite a { color:#333333; border-bottom:1px dotted #999999;}
#plandusite a:hover { border-bottom:none;}

#pagetemporaire {height:298px; width:293px; background-image:url(images/microsite/1,1.jpg); position:absolute; bottom:0px; left:0px;}
#microsite {height:298px; width:317px; background-image:url(images/microsite/2,1.jpg); position:absolute; bottom:0px; left:293px;}
#bulle1 {height:106px; width:131px; background-image:url(images/microsite/bulle1.gif); position:absolute; top:94px; right:161px;}
#bulle2 {height:98px; width:203px; background-image:url(images/microsite/bulle2.gif); position:absolute; top:114px; right:296px;text-indent:-9999px;}
#bulle3 {height:160px; width:297px; background-image:url(images/microsite/bulle3.gif); position:absolute; top:213px; right:288px;}
.fauxlien{ cursor:default;}
#nousjoindre{height:52px; width:190px; background-image:url(images/microsite/nousjoindre.jpg);position:absolute; top:41px; right:0px;}
.adresse{position:absolute; top:330px; left:-60px;}
.titremicrosite{background-image:url(images/microsite/titre_microsite.jpg); background-repeat:no-repeat; width:362px; height:37px; text-indent:-9999px;}
.titrepage_tempo{background-image:url(images/microsite/titre_page_tempo.jpg); background-repeat:no-repeat; width:362px; height:37px; text-indent:-9999px;}
.titrenousjoindre{background-image:url(images/microsite/titre_nousjoindre.jpg); background-repeat:no-repeat; width:362px; height:37px; text-indent:-9999px;}

.orangeb{font-weight:bold; color:#D77F38; }
#data ul li{background: url(images/microsite/17.gif) no-repeat 0 9px; padding-left:10px;}
    #avantages{width:200px; float:left;}
    #utilisation{width:190px; float:right; margin-right:20px; }
#enveloppe{background-image:url(images/microsite/enveloppe.png);width:253px; height:226px; position:absolute; top:280px; left:200px;}


/*  PORTFOLIO */
#onglet1 { background-image:url(images/microsite/pagetemporaire.gif); width:188px; height:61px;}
#onglet2 { background-image:url(images/microsite/microsite.gif); width:172px; height:61px;}
#retouraccueil {background-image:url(images/microsite/retour.gif); width:185px; height:151px; position:absolute; top:48px; left:500px;}

 .portfoliobests { width:200px; height:142px; float:left; border:3px solid #ddd; margin:10px 0 0 10px;} /*  .portfoliobests { width:250px; height:177px; float:left; border:3px solid #ddd; margin:10px 0 0 10px;}*/

 #bests div, #bests2 div {overflow:hidden;cursor:pointer; }
 #bests div p, #bests div a, #bests2 div p, #bests2 div a{ color:#fff;}
 #bests div p, #bests2 div p  { margin-top:20px;}
 
 .linkbests {display:none;}
 .imgtop {position:absolute; top:0px; left:0px; z-index:3; } /* mettre display:none; pour voir l'image du top quand on programme */
#img1 { background-image:url(images/microsite/portfolio/pompegarando.jpg); position:relative; }
#img2 { background-image:url(images/microsite/portfolio/tercerao.jpg); position:relative; }
#img3 { background-image:url(images/microsite/portfolio/olivierdelmondoo.jpg); position:relative; }
#img4 { background-image:url(images/microsite/portfolio/groupeplatineo.jpg); position:relative; }
#img5 { background-image:url(images/microsite/portfolio/logistiko.jpg); position:relative; }
#img6 { background-image:url(images/microsite/portfolio/signeeeleeo.jpg); position:relative; }
#img7 { background-image:url(images/microsite/portfolio/7.jpg); position:relative; }
#img8 { background-image:url(images/microsite/portfolio/8.jpg); position:relative; }
#img9 { background-image:url(images/microsite/portfolio/9.jpg); position:relative; }

#img21 { background-image:url(images/microsite/portfolio/cebrinixo.jpg); position:relative; }
/*#img22 { background-image:url(images/microsite/portfolio/warwickfesto.jpg); position:relative; }
#img23 { background-image:url(images/microsite/portfolio/gaetano.jpg); position:relative; }*/
#img24 { background-image:url(images/microsite/portfolio/signeeeleeo.jpg); position:relative; }
#img25 { background-image:url(images/microsite/portfolio/groupeplatineo.jpg); position:relative; }
#img26 { background-image:url(images/microsite/portfolio/pompegarando.jpg); position:relative; }
#img27 { background-image:url(images/microsite/portfolio/gaetano.jpg); position:relative; }
#img28 { background-image:url(images/microsite/portfolio/signeeeleeo.jpg); position:relative; }
#img29 { background-image:url(images/microsite/portfolio/pompegarando.jpg); position:relative; }
#img30 { background-image:url(images/microsite/portfolio/olivierdelmondoo.jpg); position:relative; }