/**************************************************************************************************
*
*                                      CSS GENERAL
*
/*************************************************************************************************/
body
{
   font-family: Arial, sans-serif;
   font-size: 80%;
   /*color:#000000;*/
   background-image: url(../is_images/fond.png);
}

p,h1,h2,h3,h4,h5,h6,h7,h8,img,div
{
   position: relative;
}

*
{
   border:0px;
   border-style:none;
}

.fondrouge
{
   background-color:#0239B6;
}

.fondpage
{
   background-color:#FFFFFF
}

h3
{
   font-size: 1.2em;
   margin: 10px 10px 5px 5px;
   text-align: left;
   border-bottom:1px dotted #818181;
   color: #0239B6;
   letter-spacing: 2px;
}

h4
{
   font-size: 1.2em;
   margin: 10px 10px 5px 5px;
   text-align: left;
   border-bottom:1px dotted #818181;
   color: #A7AAAD;
   letter-spacing: 2px;
}

h5
{
   font-size: 1.1em;
   margin: 10px 10px 5px 15px;
   text-align: left;
   color: #A7AAAD;
   letter-spacing: 2px;
}

h5 a
{
   text-decoration: none;
   text-align: left;
   color: #A7AAAD;
   letter-spacing: 2px;
}

ul
{
   text-align: left;
   list-style-image: url("../is_images/li.gif");    
   
}

li
{
   padding-bottom: 5px;
   text-align: left;
   font-weight: 500;
   word-spacing: 2px;
}

div.box
{
   background-color: #FFFFFF;
   border-width: 1px;
   border-style: dotted;
   margin-top: 20px;
   text-align: left;
}

div.box_img
{
   background-color: #FFFFFF;
   border-width: 1px;
   border-style: dotted;
   margin-top: 20px;
   text-align: left;
   height: 210px;
}

p
{
   padding: 5px 10px 5px 10px;
}

.img_right
{
   float: right;
   padding-right: 10px;
   padding-left: 10px;
   padding-top: 10px;
}

.titre_annonce
{
   text-align: left;
   font-family:Arial, sans-serif;
   font-weight:bold;
   font-size:15px;
   color:#0239B6;
   text-decoration:none;   
}

#page
{
   text-align: left;
   padding-top: 20px;
}

/**************************************************************************************************
*
*                                      CSS HAUT DE PAGE
*
/*************************************************************************************************/
#haut_page
{
   width:100%;
   height:56px;
   background-image:url(../is_images/haut-page-remplissage.png);
   background-repeat:repeat-x;
   text-align:right;
}

/**************************************************************************************************
*
*                                     CSS BAS DE PAGE
*
/*************************************************************************************************/

#bas_page
{
   clear: both;
   margin: 0px;
   padding: 0px;
}

#bas_page img
{
   margin-top: 20px;
   height: 22px;
   background-image: url(../is_images/bas-page.png);
   background-repeat: repeat-x;
}

/**************************************************************************************************
*
*                                     CSS CENTRE PAGE
*
/*************************************************************************************************/
#centre
{
}

#titre_page
{
   text-align:center;   
   margin-left:175px;
}

#titre_page h1
{
   padding : 0px 10px 20px 10px ;
   margin : 0px ;
   font-size:1.4em;
   font-weight:bold;
   text-align:center;   
   letter-spacing: 3px;
}
/*
#contenu_page
{
   position:relative;
   top:20px;

   margin-left:155px;
   text-align:center;
}

#contenu_page span
{
   font-size:1.4em;
   font-weight:bold;
   text-align:center;
}
*/

/**************************************************************************************************
*
*                                         CSS MENU
*
/*************************************************************************************************/
#menu_page
{
   float: left;
   width: 170px;   
}


.menu
{
   border: 1px;
   border-style: solid;
   border-color: #0239B6;
   width: 160px;
   background-color: #FFFFFF;
   margin-bottom: 10px;
}

#menu_page img
{
   border:0px;
   margin-left: 38px;
   margin-top: 52px;
   margin-bottom: 10px;
   text-align: center;
}

#menu_page h2
{
   padding: 0px;
   margin:0px;
   background-color:#0239B6;
   font-family: Arial, sans-serif;
   font-weight:bold;
   color:#FFFFFF;
   font-size:1em;
   text-decoration:none;
   text-align:center;
   vertical-align:middle;
   height:20px; 
   width:160px;
}

#menu_page ul
{
}

#menu_page li a
{
   font-family: Arial, sans-serif;
   font-weight: bold;
   color: #000000;
   font-size: 1em;
   text-decoration: none;
}

#menu_page li a:hover
{
   text-decoration: underline;
}


/**************************************************************************************************
*
*                                   CSS PAGE ACCUEIL
*
/*************************************************************************************************/

.box_Accueil
{
   background-color: #FFFFFF;
   border-width: 1px;
   border-style: dotted;
   margin-top: 20px;
   text-align: left;
}

.box_img_Accueil
{
   background-color: #FFFFFF;
   border-width: 1px;
   border-style: dotted;
   margin-top: 20px;
   text-align: left;
   height: 210px;
}

.img_right_Accueil
{
   float : right ;
   padding-right: 10px;
   padding-left: 10px;
   padding-top: 10px;
}

.img_left_Accueil
{
   padding-right: 10px;
   padding-left: 10px;
   padding-top: 10px;
}

#IdpositionAccueil
{
   background-color: #FFFFFF;
   border-width: 1px;
   border-style: dotted;
   margin-top: 20px;
   padding-left: 40px;   
   padding-right: 40px;   
   text-align: left;
   height: 210px;
   left: 0px;
   text-align : left ;
}

#IdpositionAccueil a
{
   text-decoration : none ;
}      

#IdImgMGris
{
   position: relative;
   left: 0px;
}

#IdBesoins
{
   position: relative;
   left: 0px;
   height : 150px;
   width : 400px;
}

#IdEngagement
{
   float: right;
   left: 500px;
   height : 150px;
   width : 200px;
  
}

#IdCompetences
{
   position: relative;
   left: 0px;
   height : 150px;
   width : 400px;
}

#IdGaranties
{
   float: right;   
   left: 500px;
   height : 150px;
   width : 200px;
}

#IdProduits
{
   position: relative;
   left: 0px;
   height : 150px;
   width : 400px;
}

/**************************************************************************************************
*
*                                   CSS PAGE ENGAGEMENTS
*
/*************************************************************************************************/

div.box
{
   background-color: #FFFFFF;
   border-width: 1px;
   border-style: dotted;
   margin-top: 20px;
}

/**************************************************************************************************
*
*                                   CSS PAGE GARANTIE
*
/*************************************************************************************************/
.clients
{
   text-align: center;
}

/**************************************************************************************************
*
*                                    CSS RECRUTEMENT
*
/*************************************************************************************************/
#recrutement
{
   margin-top:0px;
   text-align:left;
}

#recrutement a
{
   font-family:Arial, sans-serif;
   font-weight:bold;
   font-size:1em;
   color:#0239B6;
   text-decoration:none;   
}

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

#recrutement h2
{
   font-size:1.1em;
}

.annonce
{
   background-color:#FFFFFF;
   padding:5px;
   margin:10px;
   margin-top:0px;
   border:1px;
   border-style:dashed;
}

.annonce h1
{
   text-align:left;
}

.annonce a
{
   font-size:1em;   
   padding:5px;
   font-weight:bold;
}

.entete
{
   height:3em;
}

.entete span.ref
{
   margin-left:49%;
   float:right;
   text-align:right;
   font-weight:bold;  
}


.entete h2
{
   font-size:1em;
   float:left;
   text-align:left;
}

.contenu
{
   height:0px;
   clear:both;
}

/**************************************************************************************************
*
*                                     CSS PRESENTATION
*
/*************************************************************************************************/


/**************************************************************************************************
*
*                           CSS LISTE PRODUIT (PAGE PRODUIT.PHP)
*
/*************************************************************************************************/

#produits
{
}

#liste_produits
{
   position: relative;
   top: 15px;
}

#liste_produits table
{
   width:99%;
}

#liste_produits th
{
   padding-top:5px;
   padding-bottom:5px;
   color:#FFFFFF;
   background-color:#0239B6;
}

#liste_produits td
{
   padding:5px;
}

#liste_produits img
{
   border:0px;
}

#liste_produits a
{
   font-family:Arial, sans-serif;
   font-weight:bold;
   color:#000000;
   font-size:.9em;
   text-decoration:none;   
}

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

#filtre
{
   width:97%;
   height:130px;
   padding:5px;
   padding-top:0px;
   border:1px;
   border-style:dashed;
   text-align:left;
}

#filtre h2
{
   font-size:1.25em;
   font-weight:bold;
   color:#0239B6;
}

.select_gauche
{
   text-align: left;
   font-weight:bold;
   width:25%;
   float:left;
   margin-left: 10px;
}

.select_droite
{
   text-align: right;
   font-weight:bold;
   margin-right: 10px;
   width:30%;
   float:right;
}

.resume
{
   text-align:left;
}

.tbl-produit-ligne1
{
   background-color:#eFeFeF;
}

.tbl-produit-ligne2
{
   background-color:#e0e0e0;
}


/**************************************************************************************************
*
*                                   CSS PAGE PRODUIT DET
*
/*************************************************************************************************/

#produit_det
{
   margin-top: 18px;
   background-color: #FFFFFF;
   border-width: 1px;
   border-style: dotted;
   text-align: left;
}
#produit_det p, #produit_det dl, #produit_det img
{
   padding : 10px;       
}

.entete_desc img
{
   float: right;   
} 

.caract li
{
   display:inline;
   list-style-type: none;
   padding:5px;
}


/**************************************************************************************************
*
*                                   CSS PAGE CONTACT
*
/*************************************************************************************************/
dl.contact
{
   padding: 0px 10px 10px 10px;
}

dl.contact dt
{
   padding: 10px 0px 5px 0px;
   font-weight: bold;
   letter-spacing: 1px;
}

dl.contact dd
{
   padding-top: 5px;
   word-spacing: 1px;
}

dl.contact a
{
   color: black;
   text-decoration: none;
}

dl.contact a:hover
{
   text-decoration: underline;
}

hr
{
   visibility: hidden;
   clear:both;
}