body {background-color: #1178B0; font: 76% Arial, Verdana, Helvetica, sans-serif; padding:0; margin:0;}
a img{border:0;}
ul{margin:0 0 0 5px}


/* navigation invisible type aller au contenu */
#NavigationInterne {position:absolute;top:-777px;left:-777px;}

/* COLOR */
h1, h2, #menu_gauche h3, #menu_gauche a, #assistance strong, #offres_emploi strong{color:#299C29;}
h3, h4, h5, p {color:#000;}
#sidebar h2, #menu_gauche li.on, #footer, #footer a{color:#fff;}
.bleu{color:#1178B0; background-color:#D5E7EF;}
.vert{color:#299C29; background-color:#CEE8CE;}
#conteneur #contenu #sidebar #bulle2 .vert a{color:#299C29;}
#conteneur #contenu #sidebar #bulle2 .bleu a{color:#1178B0;}

/* SIZE */
h1{font-size:1.3em;}
#sidebar h2{font-size:0.9em;}
#sidebar h3{font-size:1em;}
#menu_top li{font:1em tahoma, sans-serif;}
h2, h3, h4, h5, p, li, #footer {font-size:0.9em;}

/* STYLE */
h2{background-color:#E6F3E6; padding-left:5px;}
#sidebar h2{background-color: #75BF75; font-weight:normal; padding:0 10px; margin:0 5px;}
#sidebar h3{margin:0 5px;}
#sidebar a{text-decoration:none; color:#f60;}
#sidebar p{padding: 0 5px 15px 5px;}

h3{padding:0 5px; margin:0;}
p{margin:0; padding:0 0 10px 0;}

#conteneur {background: url(../img/bg.gif) #fff repeat-x 0 0;}

/* ---- HEADER ---- */

#header{width:953px; background-color:#fff;}

/* class permettant le retour dans le flux sans ajout de markup a appliquer sur le conteneur de flottant */
#header:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
#header {display:inline-block;}
/* \*/ * html #header {height:1%;} #header {display:block;} /* */

#menu_top{float: right; margin:0; width: 840px; padding:10px 25px 15px 0; background: url(../img/bg_header.gif) top right no-repeat;}
#menu_top li{background: url(../img/bg_menu_top.gif) top center no-repeat; padding: 5px 15px 0 15px;list-style:none; display:block; float:right; margin: 0;}
#menu_top li a{color:#f60; text-decoration:none;}
#logo{position:absolute;top: 10px;left: 22px;}
#flash_home{margin-bottom:15px;}
.accroche{padding: 15px 13px 12px 22px;background-color:#fff;display:block;}


/* MENU DEROULANT */
#NavigationPrincipale {background: url(../img/bg_navigation.gif) no-repeat 3px 0; list-style:none; margin:35px 25px 0 0; padding:0 0 0 0; float:right; display:inline;}
html>body #NavigationPrincipale {background-position: 1px 0}
#NavigationPrincipale li {display:block; float:left;margin: 0 2px;}
#NavigationPrincipale li a strong {position: absolute; top:-777px; left: -777px;}
#NavigationPrincipale li a {display:block;}
#NavigationPrincipale ul {display:none; margin:0; padding:5px 0 10px 0; background: #1789BB url(../img/bg_ul_menu.gif) top left repeat-x ; position:absolute; list-style:none; width:160px;}
#NavigationPrincipale li:hover ul, #NavigationPrincipale li.over ul {display:block;}
#NavigationPrincipale ul li {float:none !important; margin:0 1px; padding:0;}
#NavigationPrincipale ul li a {color:#fff; text-decoration:none; display:block; padding:2px 0 2px 12px; margin:0; font-size: 11px; background: url(../img/puce_li_menu.gif) 5px 7px no-repeat; height:auto; width:146px;}
#NavigationPrincipale ul li a:hover {background-color: #05476A; text-decoration:none;}

#NavItem1 a {background:url(../img/menu_nous_connaitre.gif) transparent no-repeat 0 0; width:109px; height:32px}
#NavItem2 a {background:url(../img/menu_nos_prestataires.gif) transparent no-repeat 0 0; width:121px; height:32px}
#NavItem3 a {background:url(../img/menu_nos_offres.gif) transparent no-repeat 0 0; width:84px; height:32px}
#NavItem4 a {background:url(../img/menu_emploi.gif) transparent no-repeat 0 0; width:63px; height:32px}
#NavItem5 a {background:url(../img/menu_actualites.gif) transparent no-repeat 0 0; width:84px; height:32px}

/* ---- MAIN ---- */

#contenu:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
#contenu {display:inline-block;background:url(../img/bg_contenu.gif) no-repeat 0 100%;width: 953px; padding: 0 0 10px 0}
/* \*/ * html #contenu {height:1%;} #contenu {display:block;} /* */


#sidebar{float: left;width:257px;padding:0;}

#bulle1 {background:url(../img/bulle1_px.gif) #2d9e2e repeat-y 20px 0; padding: 0 0 0 20px; margin: 0 8px 0 0;}
#bulle1 dt {background:url(../img/bulle1_top.gif) no-repeat 0 0; padding:12px 0 0 0; text-align:left; margin:0 0 0 0px;}
#bulle1 dt strong {position: absolute; top: -777px; left: -777px;}
#bulle1 dd{background:url(../img/bulle1.gif) no-repeat 1px 100%; padding:0 8px 10px 23px; text-align:left; margin:0 0 0 -21px;height: 218px; min-height: 218px}
html>body #bulle1 dd {height: auto}
#bulle1 h2 a {color:#fff;}
.actus {color: #000 !important}

#bulle2{background:url(../img/bulle2_px.gif) #A1D4A0 repeat-y 100% 0; padding: 0 0 0 21px; margin: 0 8px 0 0;}
#bulle2 dt {background:url(../img/bulle2_top.gif) no-repeat 100% 0; padding:12px 0 0 0; text-align:left; margin:0 0 0 -21px;}
#bulle2 dt strong {position: absolute; top: -777px; left: -777px;}
#bulle2 dd{background:url(../img/bulle2.gif) no-repeat 100% 100%; padding:0 5px 15px 25px; text-align:left; margin:0 0 0 -22px;}

#offres_emploi, #assistance, #nos_offres, #societes_clientes {margin: 0; padding: 0}
#offres_emploi dd, #assistance dd, #nos_offres dd, #societes_clientes dd {margin: 0}
#offres_emploi dt strong, #assistance dt strong, #nos_offres dt strong, #societes_clientes dt strong {position: absolute; top: -777px; left: -777px;}

#main{margin:0;float: left;left:265px;width:696px;vertical-align:top;}

#societes_clientes{width:168px;background:url(../img/nos_societes_clientes.gif) top left no-repeat;padding: 24px 0 0 0;float:left;margin-right:10px;}
#societes_clientes p{padding: 5px 5px 0 15px;margin:0;}

.p_txt{background:#fff url(../img/puce_p_home.gif) top left no-repeat;}
.p_img{background-color:#fff;}
.p_img img{padding:0 5px 10px 0;} 

.left {float:left;margin-right:15px;}

#nos_offres{width:168px;background:url(../img/nos_offres.gif) top left no-repeat;padding: 24px 0 0 0;float:left;margin-right:15px;}
#nos_offres p{background:#fff url(../img/puce_p_home_2.gif) top left no-repeat;padding: 5px 5px 0 15px;margin:0;}
#nos_offres img{background-color:#fff;padding: 5px 29px;margin:0;display:block;}

#assistance{width:132px;background:url(../img/24_24.gif) top left no-repeat;padding: 35px 0 0 24px;float:left;margin:0 10px 0 0;}
#assistance p{background: #fff url(../img/bg_p_home_bulle.gif) top left repeat-y;padding: 0 3px 5px 13px;margin:0;}

#offres_emploi{width:131px;background: url(../img/offres-demploi.gif) top left no-repeat;padding: 35px 0 0 24px;float:left;margin:0 0 0 0;}
#offres_emploi p{background: #fff url(../img/bg_p_home_bulle.gif) top left repeat-y;padding: 0 5px 5px 15px;margin:0;}
#offres_emploi img{background: url(../img/bg_p_home_bulle.gif) top left repeat-y;padding: 5px 14px 5px 15px;margin:0;display:block;}

.a_trans1{display:block; width:168px; height:20px; position:absolute; margin-top:-25px;}
.a_trans2{display:block; width:150px; height:30px; position:absolute; margin:-30px 0 0 -20px;}

/* ---- FOOTER ---- */
#footer{background:url(../img/bg_footer_top.gif) #1178B0 repeat-x 0 0;padding:0 0 20px 0;clear:both;}

#footer ul{text-align: center;font: 1.1em tahoma, sans-serif;width: 953px;list-style: none;padding: 20px 0;margin: 0;background:url(../img/bg_footer.gif) transparent no-repeat 0 0;}

#footer ul li {padding: 0;margin: 0;display: inline;}

#footer a{text-decoration:none;}
#footer a:hover{text-decoration: underline;}