body{
    margin:0;
    padding:0;
    background-color: #7A8893;  
}
#conteneur{margin-top:20px;
            width:643px;
            height:100%;
            /*background-image:url(../img/fond_blanc.gif);
            background-repeat:no-repeat;  */
            margin-left:auto;
            margin-right:auto;          
    }
/***************************ENTETE ************************************************/
#entete {   width: 643px;
            height: 122px; /*105px;124px;*/
            margin-left: auto;
            margin-right: auto;             
            text-align:center;
            background-image:url(../img/fon_tete.gif);
            background-repeat:no-repeat;
            /*background-color:#FFFFCC;*/
    }
#tete { width:45%; /*309px;*/
        height:100%; /*103px;   */
        float: left;        margin-bottom:0px;  padding:0;
    }
#tete a link, a visited{text-decoration:none;}
    
#tete h1{font-family:arial ,verdana; 
        font-weight:bold;
        font-size:9px;
        color:#122860; /*bleu logo*/
        margin:-1px 0px 0 23px;     
        padding-bottom:0px;     
        }
#tete a{text-decoration:none;}      
#logofd{
        margin:4px 0 0 25px;
        
        
}       


#tete img{margin-top:10px; margin-left:19px; border:0;}
/*******************************MENU************************************************/
#menu {
       top:0;
       left:0;
        position:relative;
        margin-top:35px;   /*34*/
        padding:0px;
        width:55%; /*331px; */
        height:70px; /*100%;*/
         float:left;
        z-index:10;

        /*background-color:red;*/
        }   
#menuflash{margin-top:5px;z-index:10;}




#menu img {border:0; margin:0; padding:0;}
#menu ul{ margin:54px 0 0px 10px; padding:0 0 0px 0; }
#menu li{list-style: none; display:inline; }
#menu a{   }
#mensup{}
#mensup li{width:69px;}

a.btsoci{   background-image:url(../img/ptonglet01.gif);
            font-family:Arial, Helvetica, sans-serif;
            font-size:5px;
            color:#17b4ff;
            text-decoration:none;
            background-repeat:no-repeat;
            margin:0;
            padding:23px 68px 0 0;
        }
a.btsociactif{  background-image:url(../img/gdonglet01.gif);
            font-family:Arial, Helvetica, sans-serif;
            font-size:5px;
            color:#17b4ff;
            text-decoration:none;
            background-repeat:no-repeat;
            margin:0;
            padding:40px 68px 0 0;
        }
a.btsoci:hover{     
    background-image:url(../img/gdonglet01.gif);
    background-repeat:no-repeat;
    margin-top:0px;
    padding-bottom:0px;  
    padding-top:40px;
    text-decoration: none ; 
    }   
    
    
a.btmetier{ background-image:url(../img/ptonglet02.gif);
            font-family:Arial, Helvetica, sans-serif;
            font-size:5px;
            color:#2d94e9;
            text-decoration:none;
            background-repeat:no-repeat;
            margin: 0; 
            padding:23px 68px 0 0;
        }
a.btmetieractif{background-image:url(../img/gdonglet02.gif);
                font-family:Arial, Helvetica, sans-serif;
                font-size:5px;
                color:#2d94e9;
                text-decoration:none;
                background-repeat:no-repeat;
                margin: 0; 
                padding:40px 68px 0 0;
}   
a.btmetier:hover{   
    background-image:url(../img/gdonglet02.gif);
    background-repeat:no-repeat;
    margin-top:0px;
    padding-bottom:0px;  
    padding-top:40px;
    text-decoration: none ; 
    }   
    
        
        
a.btclients{background-image:url(../img/ptonglet03b.gif);
            font-family:Arial, Helvetica, sans-serif;
            font-size:5px;
            color:#2d52e9;
            text-decoration:none;
            background-repeat:no-repeat;
            margin: 0; 
            padding:23px 68px 0 0;
        }
a.btclientsactif{background-image:url(../img/gdonglet03b.gif);
            font-family:Arial, Helvetica, sans-serif;
            font-size:5px;
            color:#2d52e9;
            text-decoration:none;
            background-repeat:no-repeat;
            margin: 0; 
            padding:40px 68px 0 0;
        }
a.btclients:hover{  
    background-image:url(../img/gdonglet03b.gif);
    background-repeat:no-repeat;
    margin-top:0px;
    padding-bottom:0px;  
    padding-top:40px;
    text-decoration: none ; 
    }       
        
        
        
        
a.btcontact{    background-image:url(../img/ptonglet04b.gif);
                font-family:Arial, Helvetica, sans-serif;
                font-size:5px;
                color:#1b32ec; 
                text-decoration:none;
                background-repeat:no-repeat;
                margin: 0; 
                padding:23px 68px 0 0;
        }
a.btcontactactif{   background-image:url(../img/gdonglet04b.gif);
                font-family:Arial, Helvetica, sans-serif;
                font-size:5px;
                color:#1b32ec; 
                text-decoration:none;
                background-repeat:no-repeat;
                margin: 0; 
                padding:40px 68px 0 0;
                
        }
a.btcontact:hover{  
    background-image:url(../img/gdonglet04b.gif);
    background-repeat:no-repeat;
    margin-top:0px;
    padding-bottom:0px;  
    padding-top:40px;
    text-decoration: none ; 
    }       
        
/*#menu img{margin-top:75px; border: 0;/*;hoy*/ 
/*#menu ul {
    list-style: none;
    padding-top: 0px;
    text-align: right;
}*/
/*#menu ul, {display: inline ; border: 0 ;  margin-bottom: 0px ;margin-top:0px; }*/

/*#mensup :hover{ 
     background-image:url(../img/gdonglet01.gif);
     background-repeat:no-repeat;
     padding-bottom:30px;
     margin-top:0px;
     padding-top:31px;
    /*text-decoration: none ;*/
    /*background-color:red;
    }   */
    
/*#mensup li,a{background-image:url(../img/onglet01.gif);
background-repeat:no-repeat;    }
#mensup li{ width:30px;}*/


/*****************************************CORPS (block1 - block2)****************************************/
.textgros{
            color:#122860; /*color:#2D94E9 E97B2D*/
            font-weight:bold;
            font-size:11px;
            }
            
            
#corps{ width: 643px;
        float:left;
        height:auto;  /*375*/
        margin-left:auto;
        margin-right:auto;
        background-image:url(../img/fond_corps.gif);
        background-repeat:repeat-y;

        /*background-color:#FF9900; */
}

#block1{ width:50%; /*321px;*/       
         height:100%; /*;100% */
         float:left;
        /*background-color:blue;     */
         }


#texto { margin-top:0px;
        width:295px;
        float:left;     
        font-family: arial, verdana, sans-serif; 
        font-size:10px;
        line-height:15px;
        text-align:justify;
        padding-left:15px;

}
#texto p{margin-bottom:0px;margin-top:6px; padding-bottom:0px;padding-right:20px;}
#texto font { text-align:justify;margin-top:12px;font-weight:bold;font-size:12px;font-family: arial, verdana, sans-serif;line-height:10px; color:#E97B2D; }

#paragraf{ height:100%;/*88px;*/ margin-top:0px; background-image:url(../img/bandeau-vert.gif);  background-position:center; }


h3.tex {color:#122860; margin: 0 0 0 11px; padding-top:5px; font-size:11px;font-family: arial, verdana, sans-serif; }

ul.tex {  margin:2px 10px 6px 15px; 
          padding:2px 0 0 10px; 
          font-size:10px; 
          font-family: arial;
          list-style-image:url(../img/puce-bleu01.gif);}
li.tex {  margin-bottom:5px; margin-right:3px; text-align:justify;}

img.tex { float:left; margin-left:0px; margin-top:6px; padding-left:11px; }
h3.tex2 {color:#122860; margin: 0 0 0px 11px; padding-top:10px; padding-bottom:0px; font-size:11px;font-family: arial, verdana, sans-serif; }


h2.pouce{margin:0; padding:0;}

#texto h2{margin-top:12px; margin-bottom:12px;
font-size:12px;font-family: arial, verdana, sans-serif; 
line-height:0em; color:#122860; }

#texto h3{margin-top:13px; margin-bottom:12px;
font-size:11px;font-family: arial, verdana, sans-serif; 
line-height:0em; color:#122860; }


#block2{ width:310px;/*321px;*/
        height:100%;
        /*background-color:red;*/
        float:left;
         
        }
        
#block2 img{display:block;
         margin-left:auto;
         margin-right:auto;
         margin-top:15px;
         margin-bottom:0px;
         padding:0px; } 

img.image-gauche{}

/**********************************  LA SOCIETE  ***********************************/       
#texto-soci{width:520px; 
            margin-top:0px;  
            padding-top:20px; 
            margin-left:auto;               
            margin-right:auto;/*background-color:#00FF00; */ 
            }
                      
#texto-soci p { margin-top:0px; 
                margin-bottom:15px;                 
                margin-right:14px;
                text-align:justify;             
                font-family: arial, verdana, sans-serif; 
                font-size:11px; 
                }

#texto-soci h1{margin-top:15px;font-size:12px;font-family: arial, verdana, sans-serif; 
 color:#122860;
}
#texto-soci h2{margin: 0 0px 7px 0; font-size:12px;font-family: arial, verdana, sans-serif; 
 color:#122860; 
}
#texto-soci h3{margin: 0 0px 7px 0; font-size:11px;font-family: arial, verdana, sans-serif; 
 color:#122860; 
}

#imag-societe{margin-left:129px;
            margin-top:30px;}
            
#imag-societe img{ margin:0; padding:0;}


/****************PARA BRISE*******************************/
#chiffre-parab{background-image:url(../img/bandeau-vert2.gif); margin:0;padding:0 0 2px 0;
background-repeat:no-repeat;
 }


/********************BOITE A LETTRES***************************/

ul.boite{margin:6px 0 4px 13px; 
        padding:0;
        font-size:11px;
        font-weight:bold;
        list-style-image:url(../img/puce-bleu.gif);     
        }
        
li.boite{color:#122860; padding:0px; margin:0px;}
p.boite{margin-left:13px; margin-bottom:0px; padding:0px;}

/*.moyens{ width:300px;margin-left:0px;  }
ul.moyens{margin-left:0px; padding:0px;list-style-image:url(../img/logo.gif);}
img.moyens {margin-left:0px;}
li.moyens{margin-left:10px;}*/

/**************************Methodologie*******************/
ul.metod{margin:6px 0 0 16px; 
        padding:0 0 0 0;
        list-style-image:url(../img/puce-bleu.gif);
        }
li.metod{margin-top:2px;}

/***************************MOYENS******************/
ul.metod2{margin:15px 0 0 16px; 
        padding:0 0 0 0;
        list-style-image:url(../img/puce-bleu.gif);
        }
li.metod2{margin:0px 0 10px 0; padding:0; }


/**********************************  NOS ATOUS  ************************************/
#texto-atous { margin-top:0px;
        width:295px;
        float:left;     
        font-family: arial, verdana, sans-serif; 
        font-size:10px;
        line-height:12px;
        text-align:justify;
        margin-right:0px;
        padding-left:0px;
        padding-right:0px;      
}
#texto-atous p{ margin:0  15px 5px 0;}

#texto-atous h2{margin-top:20px; margin-bottom:12px;
font-size:12px;font-family: arial, verdana, sans-serif; 
line-height:0em; color:#122860; }

/*p.atous{margin-left:13px; padding-top:6px;}*/


img.atous2{float:left; margin:30px 0 0 40px ;}

ul.atous{margin:15px 15px 0 16px; 
        padding:0 0 0 0;
        list-style-image:url(../img/puce-bleu.gif);
        }
li.atous{margin:0px 0 10px 0; padding:0;}

/************************************sous menu***************************************/
#soumenu{   width:186px;
            padding:0;
            margin-top:15px;
            margin-left:60px;                   
            font-family: arial; /* "Trebuchet MS",Arial,sans-serif*/    
            margin-bottom:12px; 
}

#soumenu ul{margin:0; padding:0;}
#soumenu li{margin:0; padding:0;}
.inactif a, 
.inactif a:link,
.inactif a:active {
    text-decoration: none;
    color: #2D94E9;  /*couleur celeste */
    font-weight:bold;
    display: block;
    width: 100%;
}
.inactif a:hover{
    color: #CBDB2A; /*couleur vert*/
    background-image:url(../img/barre_sousmenu01.gif);
    background-repeat:no-repeat;
}

li.inactif{list-style: none;}
a.inactif   { }  /*antes .inactif li a { display: block ;} */
.inactif   a{                       /*antes .inactif   a{*/
    /*line-height: 1.7em ;*/
    /*line-height:19px; */
    height:20px;
    font-weight: bold;
    font-size: 11px;    
    background-image:url(../img/barre_sousmenu02.gif);
    background-repeat:no-repeat;    
} 
.inactif a{padding-left:25px;}
.inactif li a:hover{    
    color: #CBDB2A;
} 

a.actif { color: #CBDB2A; /*couleur vert*/
        background-image:url(../img/barre_sousmenu01.gif);
        background-repeat:no-repeat;        
}




/**********************************NOS CLIENTS****** ******************************/
#clients {  margin-top:0px;
            width:288px;
            float:left;     
            font-family: arial, verdana, sans-serif; 
            font-size:10px;
            line-height:12px;
            text-align:justify;
            padding-left:15px;
            padding-right:5px;      
            /*background-color:#000000;*/}
        
#clients ul{list-style-image:url(../img/puce-bleu.gif); padding:0px; margin:0px;}
#clients li{margin-left:15px; margin-bottom:6px; padding:0;}
#clients a, a:link, a visited {text-decoration:none; color:#000000;}

#clients h2{margin-top:14px; margin-bottom:7px;
            font-size:11px;font-family: arial, verdana, sans-serif; 
            color:#122860; }
            
#clients h3{margin-top:0px; margin-bottom:7px;
            font-size:11px;font-family: arial, verdana, sans-serif; 
             color:#122860; }
            
#clients p{margin:0 0 12px 0;}

#logos-gauche{ margin:0 0 0 13px; padding-top:35px;
            width:145px;
            float:left;         
            }
#logos-gauche img{margin-bottom:3px;
                padding:0;}     
                    
#logos-droit{ margin: 0px 0 0 0; padding-top:35px;              
                }

            
#exem-oper {margin-top:0px; 
            padding:0;
            /*width:150px; */
            float:left; 
            }       
p.exem-oper {font-family:arial;font-size:11px; margin:10px 0 0 15px; padding:0; }   
    
#menu-client{float:left; width:120px;}              

#menu-client ul{ width:121px; margin:10px 0 0 14px; padding:0px;   }    

li.exem-oper{list-style:none;
             /*width:120px;*/
             /*height:30px;*/
             font-family:arial; font-size:11px;
             padding-top:2px;
             margin:0px;
             background-image:url(../img/barre_ex01.gif);background-repeat:no-repeat;
             
             height:20px;
             }

a.exem-oper {padding-left:24px;
             padding-bottom:0px;    
             padding-top:2px;   
             background-image:url(../img/barre_ex01.gif);background-repeat:no-repeat;                    
            }
            
.exem-oper a,   
.exem-oper a:link,
exem-oper a:visited,
.entrer a:active {  text-decoration: none;
                    color: #2D94E9;  /*couleur celeste */
                    font-weight:bold;   
                    }
                    
.exem-oper a:hover{color: #CBDB2A;
                   background-image:url(../img/barre_ex02.gif);
                   background-repeat:no-repeat;             
                   }        


a.activo { padding-left:24px;
           padding-bottom:0px;  
           padding-top:2px;         
           color: #CBDB2A; /*couleur vert*/
           background-image:url(../img/barre_ex02.gif);
           background-repeat:no-repeat;     
            }
            
            
/***********NOS CLIENTS (EXEMPLE 1)*****************/
#ex-img{margin:37px 0 0 0px; 
            padding:0 0 0 8px;}
#ex-img img{display:inline;
                margin:0 ;
                padding:0;}



/**********************************CONTACT*****************************************/
/************formulaire*********************/
#formul{margin-left:20px; margin-top:18px;}
#formul p{ color:#122860; font-size:11px;
            font-family:Arial, Helvetica, sans-serif; }
            
#formu p{margin:0 0 10px 0 ;}

#nom{margin-left:93px;} 
#prenom{margin-left:78px;}
#fonction{margin-left:73px;}
#soci{margin-left:78px; }
#courriel{margin-left:86px;  }
#tel{margin-left:76px;  }       
    
#coordonnes{margin-left:39px; margin-top:0px; }         
#coordonnes h2{color:#122860; /*bleu logo*/
                font-family:Arial, Helvetica, sans-serif;
                font-size:11px;  
                margin:15px 0 5px 22px;
                
                }
                
                            
#coordonnes p{color:#7D8286;
              font-family:Arial, Helvetica, sans-serif;
              font-size:11px; margin:13px 0  0 21px; 
            }
#coordonnes img{margin:0px; float:left;}    


p.tex-contact   {width:295px;
                 font-size:10px; 
                 font-family:arial;                  
                 text-align:justify;
                 margin-top:15px;
                 
                 }
/***************************RECRUTEMENT********************************************/
#offre1 { margin-top:20px;
        width:290px;
        float:left;     
        font-family: arial, verdana, sans-serif; 
        font-size:10px;
        line-height:12px;
        text-align:justify;
        padding-left:15px;
        padding-right:5px;
        /*background-color:#2d52e9;*/
}

#offre1 ul{list-style-image:url(../img/puce-bleu.gif); padding:0px; margin:0px;}
#offre1 li{margin-left:15px; margin-bottom:8px;}

#offre1 h2{margin-top:12px; margin-bottom:13px;
font-size:12px;font-family: arial, verdana, sans-serif; 
line-height:0em; color:#122860; }
#offre1 a{color:#122860;}

#offre2 { margin-top:20px; 
        width:280px;
        float:left;     
        font-family: arial, verdana, sans-serif; 
        font-size:10px;
        line-height:12px;
        text-align:justify;
        padding-left:5px;
        padding-right:5px;
        /*background-color:#FFFF00;*/
}

#offre2 ul{list-style-image:url(../img/puce-bleu.gif); padding:0px; margin:0px;}
#offre2 li{margin-left:15px; margin-bottom:8px;}
#offre2 h2{margin-top:12px; margin-bottom:13px;
font-size:12px;font-family: arial, verdana, sans-serif; 
line-height:0em; color:#122860; }
#offre2 a{color:#122860;}





/***********************************PIE********************************************/


#foot {
    background-color:orange;
    width: 637px;
    height: 50px;
    margin-left:auto;
    margin-right:auto;
}

/*********************************PIED******************************************/
#pied{  width:637px; 
        height:46px;
        padding:0;
        background-image:url(../img/fond_pied.gif);
        background-repeat:no-repeat;    
        /*background-color:#00FF00;*/
        font-family:Arial, Helvetica, sans-serif;
        font-size:9px;
        color:#FFFFFF;
        float:left;
        }
        
#menu-pied{
            margin:0px;
            width:400;
            line-height:15px;
            height:20px;
              padding:20px 0 0 0px;

              }

 /*
            #menu-pied p{margin:0; padding:0;}
#menu-pied ul{  margin:0 0 0 100px ;
                padding-right:20px;
                }
#menu-pied  li{
                list-style:none;}
*/

#menu-pied a,
#menu-pied a:link,
#menu-pied a:visited,
#menu-pied a:active{text-decoration:none;
            color:#FFFFFF;}
#menu-pied a:hover{
            color:#122860;}

#pied img{  float:right;
            border:0;
            margin-top:18px;
            margin-right:15px;
            padding:0px;
}


#credits{
float:left;
padding-left:0px;
margin-top:24px;

}



.titre{
color:#E97B2D;
font-family:Arial;
font-size:34;
font-weight:bold;
}

.titre2{
color:#CBDB2A;
font-family:Arial;
font-size:13px;
text-transform:capitalize;
font-weight:bold;
}

.text{
color:#FFFFFF;
font-family: arial, verdana, sans-serif;
font-size:12px;
font-weight:bold;
}

.text_black{
color:#000000;
font-family: arial, verdana, sans-serif;
font-size:12px;
font-weight:regular;
}

.text_bleu{
color:#122860;
font-family: arial, verdana, sans-serif;
font-size:12px;
font-weight:bold;
}