@charset "utf-8";
/* CSS Document */

body { width:926px; text-align:center; margin:0 auto 0 auto; padding:0; font-family:Arial, Helvetica, sans-serif; line-height:17px;position:relative;top:0; background-image:url(../img/fond.jpg); background-repeat:no-repeat; background-position:center top; }
html { padding:0; margin:0; font-size:12px; color:#4c4942; }
div.contenu { text-align:left; }

img{ border:none; }
img.logo { margin:4px 0 0 14px; display:block;  }
img.tagline { margin:0 30px; display:block; }
img.role { padding:0 0 17px 14px;  }
img.logos { padding:10px 11px; }

div.menu { width:566px; margin-left:360px; margin-top:-80px; height:96px; }
div.menu ul { padding:27px 0 0 0; margin:0;}
div.menu li { margin-right:20px;  float:left; display:inline;      }
div.menu li a {	width:97px; height:26px; text-decoration: none;text-align:center; display:block; }
div.menu li a em{ visibility: hidden; }
div.menu li a#id { background-image:url(../img/bandeaux/identite_off.gif); background-repeat:no-repeat; }
div.menu li a#id_on { background-image:url(../img/bandeaux/identite_on.gif); background-repeat:no-repeat; }
div.menu li a#id:hover { background-image:url(../img/bandeaux/identite_on.gif); background-repeat:no-repeat; }
div.menu li a#prestations { background-image:url(../img/bandeaux/prestations_off.gif); background-repeat:no-repeat; }
div.menu li a#prestations:hover { background-image:url(../img/bandeaux/prestations_on.gif); background-repeat:no-repeat; }
div.menu li a#prestations_on { background-image:url(../img/bandeaux/prestations_on.gif); background-repeat:no-repeat; }
div.menu li a#clients { background-image:url(../img/bandeaux/clients_off.gif); background-repeat:no-repeat; }
div.menu li a#clients:hover { background-image:url(../img/bandeaux/clients_on.gif); background-repeat:no-repeat; }
div.menu li a#clients_on { background-image:url(../img/bandeaux/clients_on.gif); background-repeat:no-repeat; }
div.menu li a#partenaires { background-image:url(../img/bandeaux/partenaires_off.gif); background-repeat:no-repeat; }
div.menu li a#partenaires:hover { background-image:url(../img/bandeaux/partenaires_on.gif); background-repeat:no-repeat; }
div.menu li a#partenaires_on { background-image:url(../img/bandeaux/partenaires_on.gif); background-repeat:no-repeat; }
div.menu li a#contact { background-image:url(../img/bandeaux/contact_off.gif); background-repeat:no-repeat; }
div.menu li a#contact:hover { background-image:url(../img/bandeaux/contact_on.gif); background-repeat:no-repeat; }
div.menu li a#contact_on { background-image:url(../img/bandeaux/contact_on.gif); background-repeat:no-repeat; }

div.texte { padding:25px 10px 0 10px; }

div.si { background-image:url(../img/si.jpg); background-repeat:no-repeat; width:38px; height:32px; float:left;}
p.si { margin-top:18px; }

/*Accueil*/
div.texte div.home { width:315px; float:left; }
div.texte div.puce { width:270px;padding-left:60px; float:left;  }
ul.pucejaune { width:270px; list-style-type:none; padding:0; margin:0;  }
ul.pucejaune li { background-image:url(../img/puce_jaune.gif); background-repeat:no-repeat; background-position:top left; padding-left:14px; padding-bottom:6px; }

/*Identité*/
div.texte div.id1 { width:355px; float:left; }
div.texte div.id2 { width:205px; float:left;padding-left:60px; }

/*Prestations*/
div.texte div.puces { width:280px; padding-left:60px; float:left;  }
ul.pucegrise { list-style-type:none; padding:0; margin:0;  }
ul.pucegrise li { background-image:url(../img/puce_grise.gif); background-repeat:no-repeat; background-position:top left; padding-left:14px; padding-bottom:6px; }
.marron { color:#806241;}

/*Partenaires*/
dl.partenaires { margin:4px 0 0 0; padding:0;}
dl.partenaires dt { background-image:url(../img/puce_bleue.gif); background-repeat:no-repeat; background-position:top left; padding-left:14px; color:#7f8695;float:left; padding-right:4px; }
dl.partenaires dd { margin:0 0 8px 14px; }
dl.partenaires a {color:#7f8695; display:block; text-decoration:none;}
dl.partenaires a:hover {color:#7f8695; display:block; text-decoration:underline}

/*Partenaires*/
dl.clients { margin:0; padding:0 0 2px 0;}
dl.clients dt { background-image:url(../img/puce_marron.gif); background-repeat:no-repeat; background-position:top left; padding-left:14px; color:#806241; padding-right:4px; }
dl.clients dd { margin:0 0 30px 14px; }
dl.clients a {color:#806241; display:block; text-decoration:none;}
dl.clients a:hover {color:#806241; display:block; text-decoration:underline}
dl.clients img { float:right; position:relative; top:8px; }
ul.clients { list-style-type:none; margin:0; text-align:left; padding:10px; }
ul.clients li { display:inline; }

/*Contact*/
div.contact { background-image:url(../img/fond_contact.jpg); background-repeat:no-repeat; width:868px; height:250px; margin:30px auto; padding:30px 0 0 30px; }
div.contact p { padding-bottom:10px; }
div.contact a { color:#806241; text-decoration:none; }
div.contact a:hover { color:#806241; text-decoration:underline; }

div.pave { width:227px; float:right; display:inline; }
div.pave div.top { background-image:url(../img/pave_top.gif); background-repeat:no-repeat; height:17px; }
div.pave div.mid  { border-right:3px solid #E8E8E8; border-left:3px solid #E8E8E8; text-align:center; }
div.pave p { text-align:left; padding:0 10px; }
div.pave div.bot { background-image:url(../img/pave_bot.gif); background-repeat:no-repeat; height:17px; }

div.clear { clear:both; height:1px; font-size:1px; line-height:0; }
div.footer1 { background-color:#806241; color:#FFFFFF; font-size:10px; line-height:14px; height:15px; text-align:center; margin:25px 0 0 0; }
div.footer1 span.si { color:#c38022; font-weight:bold; font-size:11px; }
div.footer2 { background-color:#4c4942; color:#FFFFFF; font-size:10px; line-height:14px; height:15px; text-align:center; }
div.footer2 ul { list-style-type:none; padding:0; margin:0 0 0 240px; }
div.footer2 ul li { float:left; padding-left:12px; }
div.footer2 a { color:#FFFFFF; text-decoration:none; }
div.footer2 a:hover { color:#FFFFFF; text-decoration:underline }

