body {
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:12px;
   background-color:black;
}

div, p, h1, h2, h3, li, ul, #top-panel, #sub-panel 
{ 
   margin:0;
   padding:0;
}

a {
   text-decoration:none;
   outline:none;
   color:white;
}

img { 
   border:none;
   margin:0;
}

li {
   list-style:none; } 

td {
   margin:0;
}

#ulutp
{
	margin-left:15px;
}

#site {
   margin:auto;
   width:1024px;
}

#header {
   height:84px;
}

#menuFlash {
   margin-left:80px;
}

#titre {
   position:absolute;
   margin-left:235px;
   margin-top:10px;
}

#animation {
   position:absolute;
   margin-left:170px;
   margin-top:14px;
}

/* DEBUT MENU */

#menu {
   width:1000px;
   position:absolute;
   margin-top:30px;
   z-index:500;
}

.menu {
   margin:0;
   padding:0;
   width:765px;
}

.menu ul {
   position:absolute;
   display:block;
   /*margin:0;*/
    padding:0;
}

.menu li ul {
   visibility:hidden;
}

.menu li li ul {
   position:absolute;
}

.menu li {
   list-style:none;
   height:auto;
   display:inline;
   display:block;
   float:none;
   float:left;
   margin:0;
   margin-left:7px;
   padding:0;
}

.menu li li {
   display:block;
   float:none;
   margin-top:-25px;
}

/* correct a little IE bug */
* html .menu li li {
   display:inline;
}

.menu a {
   text-align:center;
   color:#000;
   display:block;
   text-decoration:none;
   padding:2px 0;
   margin:1px;
}

#logo-adgency {
   margin-top:-10px;
   margin-right:5px;
}

#home {
   border-left:solid 3px white;
   margin-left:7px;
   margin-bottom:10px;
}

/* FIN MENU */


#clearDiv {
   clear:both;
   padding-bottom:30px;
}

/* DEBUT CONTENU ACCUEIL */

#conteneur {
   margin:auto;
   width:900px;
   height:100%;
   clear:both;
}

#signature, #experts {
   float:left;
   margin-top:70px;
   margin-left:95px;
}

#signature {
   margin-top:110px;
}

#experts {
   margin:0;
   margin-top:60px;
   margin-left:52px;
   z-index:10;
}

#news {
   clear:both;
   position:relative;
   margin:auto;
   top:40px;
   padding-top:50px;
   padding-left:10px;
   width:705px;
   height:260px;
   background:url(../images/fondNews.jpg);
   background-repeat:no-repeat;
}

#news p {
   margin-top:14px;
}

.titreNews {
   font-size:14px;
   color:#000;
   font-weight:bold;
}

.titreNews span {
   font-size:12px;
   color:#000;
   font-weight:normal;
}

/* FIN CONTENU ACCUEIL */

/* DEBUT CONTENU PHILO */

#anim-philo {
   width:800px;
   margin:auto;
}

/* FIN CONTENU PHILO */

/* DEBUT CONTENU METIERS */

#anim-metiers {
   width:900px;
   margin:auto;
   margin-top:60px;
}

/* FIN CONTENU METIERS */

/* DEBUT CONTENU SAVOIR-FAIRE */

#anim-savoir {
   width:800px;
   margin:auto;
   margin-top:50px;
}

/* FIN CONTENU SAVOIR-FAIRE */


/* DEBUT CONTENU CLIENT */

#clients {
   margin-top:60px;
   width:860px;
   margin-left:auto;
   margin-right:auto;
}

#clients h3 {
   font-size:12px;
}

#clients ul {
   margin-top:5px;
}

#clients li {
   list-style-image:url(../images/fleche-puce.png);
   list-style-position:inside;
}

#clients a {
   color:black;
}

#clients li a:hover {
	text-decoration:underline;

}

#clic-clients {
   margin:auto;
   width:507px;
   margin-bottom:20px;
}

#secteurs-1, #secteurs-2, #secteurs-3, #secteurs-4 {
   float:left;
}

.secteurs1, .secteurs2, .secteurs3, .secteurs4, .secteurs5, .secteurs6, .secteurs7, .secteurs8, .secteurs9, .secteurs10, .secteurs11, .secteurs12, .secteurs13 {
   margin-left:10px;
   margin-bottom:10px;
   padding:10px;
   width:180px;
}

.secteurs1 {
   background:url(../images/gif-secteur1.gif);
}

.secteurs2 {
   background:url(../images/gif-secteur2.gif);
}

.secteurs3 {
   background:url(../images/gif-secteur3.gif);
}

.secteurs4 {
   background:url(../images/gif-secteur4.gif);
}

.secteurs5 {
   background:url(../images/gif-secteur5.gif);
}

.secteurs6 {
   background:url(../images/gif-secteur6.gif);
}

.secteurs7 {
   background:url(../images/gif-secteur7.gif);
}

.secteurs8 {
   background:url(../images/gif-secteur8.gif);
}

.secteurs9 {
   background:url(../images/gif-secteur9.gif);
}

.secteurs10 {
   background:url(../images/gif-secteur10.gif);
}

.secteurs11 {
   background:url(../images/gif-secteur11.gif);
}

.secteurs12 {
   background:url(../images/gif-secteur12.gif);
}

.secteurs13 {
   background:url(../images/gif-secteur13.gif);
}

#btn-clients {
   margin:auto;
   width:318px;
   margin-bottom:15px;
  
}

#description-client {
   margin:auto;
   padding:20px;
   width:350px;
   background:#FFFFFF;
}
#titre-client{
	font-size:16px;
}

#anims{
	margin:auto;
	margin-top:60px;
	width:800px;
}

/* FIN CONTENU CLIENT */

/* DEBUT CONTENU CONTACT */

#contact {
   margin:auto;
   margin-top:80px;
   width:800px;
}

#formulaire {
   width:300px;
   line-height:25px;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-weight:bold;
   font-size:10px;
   color:white;
   margin-left:80px;
}

#coordonnees {
   width:300px;
   color:white;
   font-size:13px;
   margin-left:100px;
   margin-top:3px;
}

#formulaire, #coordonnees {
   float:left;
   min-height:400px;
}

#adresse {
   color:black;
   margin-top:10px;
   padding:5px;
   background-color:white;
}

#img-plan {
   clear:both;
   width:600px;
   margin:auto;
}

#img-plan a {
   color:white;
   text-align:left;
}

#message {
   margin:0;
   margin-left:80px;
   color:white;
   font-size:12px;
   text-align:justify;
}

#formulaire textarea {
   height:120px;
}

.box {
   margin:0;
   padding:0;
   height:20px;
   border:solid #666666 1px;
   margin-bottom:2px;
   width:300px;
}

input {
   margin:0;
}

#btnEnvoi {
   margin-top:10px;
}

.error {
/*position:absolute;
   width:220px;
   color:#fff;
   font-weight:bold;
   left:90px;
   top:380px;*/
}

#obligatoire {
   font-size:10px;
   text-transform:uppercase;
   color:white;
}

#coordonnees h1 {
   font-size:14px;
   text-decoration:underline;
   color:white;
   background:black;
   font-weight:normal;
}

/* FIN CONTENU CONTACT */

/* DEBUT CONTENU RECRUTEMENT */

#recrutement {
   margin-top:80px;
}

#menuOffres {
   width:200px;
   color:#000;
   font-weight:bold;
}

#menuOffres li {
   margin-left:20px;
   list-style-image:url(../images/fleche-puce.png);
   background-color:white;
   padding:5px;
}

.offre {
   margin-bottom:10px;
}

#recrute, #menuOffres {
   float:left;
}

#menuOffres a {
   font-size:11px;
   color:#000;
}

#menuOffres a:hover {
   text-decoration:underline;
}

#recrute {
   margin-left:50px;
   background-repeat:no-repeat;
   width:550px;
   color:white;
}

#texteRecrute p {
   font-size:11px;
   margin-bottom:15px;
   line-height:15px;
}

#texteRecruteAccueil li {
   list-style:none;
   line-height:20px;
   margin-left:-30px;
   margin-bottom:20px;
}

.titreOffre {
   text-align:center;
   width:550px;
}

.titreOffre h2 {
   font-size:18px;
   color:#fff;
   font-weight:normal;
   margin-bottom:15px;
}

#adresseOffre {
   text-align:center;
   color:#000;
   margin:auto;
   margin-top:25px;
   width:370px;
   padding:8px;
   font-weight:bold;
   background-color:#fff;
}

#lienOffre {
   text-align:center;
}

#lienOffre a {
   text-align:center;
   color:#fff;
   font-style:italic;
}

#lienOffre a:hover {
   color:#fff;
   font-style:italic;
}

#adresseOffre a {
   color:#000;
   font-style:italic;
}

#adresseOffre a:hover {
   color:#000;
   font-style:italic;
}

#cliqueOffre {
   font-size:44px;
   font-weight:bold;
   line-height:60px;
   padding-left:20px;
   padding-right:50px;
   text-align:center;
   text-transform:uppercase;
   margin-top:130px;
   color:#00A9E4;
}

#texteRecrute h3 {
   text-align:left;
   font-size:13px;
   margin:0;
   margin-bottom:10px;
   padding:2px;
   background-color:#fff;
   color:#000;
}

/* FIN CONTENU RECRUTEMENT */

/* DEBUT CONTENU MENTIONS*/

#mentions {
   width:600px;
   margin:auto;
   margin-top:80px;
   margin-bottom:30px;
}

#mentions p {
   font-family:Verdana, Arial, Helvetica, sans-serif;
   text-align:justify;
   color:#fff;
   font-size:11px;
   margin-bottom:10px;
}

#mentions h3, h1 {
   text-align:left;
   font-size:13px;
   margin:0;
   margin-bottom:10px;
   padding:2px;
   background-color:#fff;
   color:#000;
}

#titreMentions {
   margin:0;
   text-align:center;
   margin-bottom:20px;
}

#mentions a {
   color:#fff;
}

/* DEBUT CONTENU MENTIONS*/


/* DEBUT FOOTER */

#footer {
   color:white;
   font-size:10px;
   width:900px;
   margin:auto;
   margin-top:10px;
   text-align:center;
}
/* FIN FOOTER */