/* Modèle v1.22 08/08/2008 */


/********** A GARDER EN L'ÉTAT ************/
*{margin:0; padding:0;}
li{margin-left: 25px;}
a img{border:0}
html {font-size: 100%;}
.clear{clear:both;}

/*********** A PERSONNALISER **************/
html {overflow: scroll;}
body{background-color:#fff; font: normal 12px Tahoma; color: #626262;}
table{font-size: 11px;}
a {color:#0E0E7B; font-weight:normal; text-decoration:undeline;}
a:hover {text-decoration:none}

h1 {font: normal 18px Tahoma; color: #2f3a5a; text-transform: none; margin-bottom:0px;}
h2 {font: bold 12px Tahoma; color: #fc8200; margin-bottom:10px;}
h3 {font: bold 12px Tahoma; color: #2f3a5a; text-transform: uppercase; margin-bottom:5px;}
p { padding:0px; margin-bottom:10px;text-align:justify;}

.color {color:#fc8200;}
.bouton, .row input.bouton, .row_bt input.bouton{background-color:transparent; color:#838eae; 
  font:bold 11px Tahoma; line-height:21px; border-width:0; display:block; width:160px; height:21px; 
  text-align:center; background-image: url(images/fond/bouton.gif); cursor:pointer;}
.hr{font-size:1px; height:20px; border-bottom:2px solid #d6d7d1; margin:0 0 20px;}
.asterisque{font: italic 10px Tahoma;}

/* Colonne de gauche */
#contenu_gauche{float:left; overflow:hidden; width:216px;}


  
/**************************************************************************************************/
/********************************************* CONTENEUR *****************************************/
/**************************************************************************************************/
#conteneur{width: 936px;margin:0 auto; }
#contenu {width:896px; margin:0 auto; position:relative;}

#entete {height:255px;margin-bottom:10px; position:relative;}

/**************************************************************************************************/
/********************************************* ENTETE *********************************************/
/**************************************************************************************************/
#entete ul#menuhaut {width: 936px; height:10px;  overflow:hidden; background:#6699CC;list-style-type:none; float:right; display:inline;}
#entete ul#menuhaut li {font: normal 10px Tahoma; line-height:10px; color:#fff; margin:0px; padding:0px;float:right; display:inline; }
#entete ul#menuhaut li a{font: normal 10px Tahoma; line-height:10px; color:#fff; text-transform:uppercase; padding:0 7px;text-decoration:none; }

#entete #head {position:absolute; top:0; left:19px; width:216px; height:244px; background:url(images/fond/menu.gif) no-repeat;}
#entete #head #logo{margin:25px 0 0 20px;}
#entete #head ul#menu {list-style-type:none;width:151px; height:144px;margin:24px 0 0 36px;}
#entete #head ul#menu li{margin:0; padding:0;}
#entete #head ul#menu li a {text-decoration:none; font-weight:normal; display: block ;width:151px; line-height:24px;}
#entete #head ul#menu li a#accueil { background:url(images/menu/accueil.gif) no-repeat;}
#entete #head ul#menu li a#accueil:hover, #entete #head ul#menu li a#act-accueil{background:url(images/menu/accueil-over.gif) no-repeat;}
#entete #head ul#menu li a#presentation {background:url(images/menu/presentation.gif) no-repeat;}
#entete #head ul#menu li a#presentation:hover, #entete #head ul#menu li a#act-presentation{background:url(images/menu/presentation-over.gif) no-repeat;}
#entete #head ul#menu li a#services {background:url(images/menu/services.gif) no-repeat;}
#entete #head ul#menu li a#services:hover, #entete #head ul#menu li a#act-services{background:url(images/menu/services-over.gif) no-repeat;}
#entete #head ul#menu li a#offres {background:url(images/menu/offres.gif) no-repeat;}
#entete #head ul#menu li a#offres:hover, #entete #head ul#menu li a#act-offres{background:url(images/menu/offres-over.gif) no-repeat;}
#entete #head ul#menu li a#carrieres {background:url(images/menu/carrieres.gif) no-repeat;}
#entete #head ul#menu li a#carrieres:hover, #entete #head ul#menu li a#act-carrieres{background:url(images/menu/carrieres-over.gif) no-repeat;}
#entete #head ul#menu li a#contact {background:url(images/menu/contact.gif) no-repeat;}
#entete #head ul#menu li a#contact:hover, #entete #head ul#menu li a#act-contact{background:url(images/menu/contact-over.gif) no-repeat;}

#entete #slogan {border-left:2px solid #e1811a;margin:24px 0 0 235px; float:left; display:inline;}
#entete #recherche {width:230px; height: 47px; padding-top:20px; float:right; display:inline;}
#entete #espace_entete {width:230px; height: 47px; padding-top:20px; float:right; display:inline;}
#entete #bandeau {width:936px; height: 178px; float:left; display:inline;}

/**************************************************************************************************/
/********************************************* IFRAME *********************************************/
/**************************************************************************************************/
#body_iframe{width:618px; overflow-x:hidden;}
#contenu_iframe{ width:618px; overflow-x:hidden;}

/**************************************************************************************************/
/********************************************* POPUP *********************************************/
/**************************************************************************************************/
#body_popup{}
#entete_popup{width:760px; margin:5px auto 15px; padding-bottom:5px; border-bottom:2px solid #e1811a;}
#contenu_popup{ width:760px; overflow:hidden; margin:0 auto;}

/**************************************************************************************************/
/**********************************************COLONNE GAUCHE **********************************/
/**************************************************************************************************/
#contenu #columnG {width:216px; float:left;}
#contenu #columnG p{color:#fff;}
#contenu #columnG a.lien{display:block; font-weight:normal;  color:#fff; text-transform:uppercase; text-align:right}
#contenu #columnG a.lien img{margin-left:1px;}
#contenu #columnG #infogerance{width:164px; height:100px; padding:17px 26px 0 26px; background:url(images/fond/infogerance.jpg) no-repeat; margin-bottom:10px;}
#contenu #columnG #infogerance h2{color: #626262; padding-bottom: 55px; margin-bottom: 5px; }
#contenu #columnG #infogerance p{color: #626262;}
#contenu #columnG #infogerance a.lien{color: #FFFFFF;}
#contenu #columnG #partenaires{width:164px; height:106px; padding:17px 26px 0 26px; background:url(images/fond/partenaires.jpg) no-repeat; margin-bottom:7px;}
#contenu #columnG #partenaires h2{color: #626262; padding-bottom: 10px; margin-bottom: 5px;}
#contenu #columnG #espace_client{width:164px; height:106px; padding:17px 26px 0 26px; background:url(images/fond/espace_client.jpg) no-repeat; margin-bottom:10px;}
#contenu #columnG #espace_client h2{color: #626262; padding-bottom: 3px; margin-bottom: 5px; }
#contenu #columnG #espace_client p{color: #626262;}
#contenu #columnG #espace_client a.lien{color: #626262;}
#contenu #columnG #support{width:164px; height:117px; padding:17px 26px 0 26px; background:url(images/fond/support.jpg) no-repeat;}
#contenu #columnG #support h2{color: #fff;  padding-bottom: 3px; margin-bottom: 5px;}
#contenu #columnG #contact{width:164px; height:117px; padding:17px 26px 0 26px; background:url(images/fond/contact.jpg) no-repeat;}
#contenu #columnG #contact p{color: #626262;}

/**************************************************************************************************/
/********************************************* ACCUEIL *********************************************/
/**************************************************************************************************/

#contenu #accroche {float:right; width:657px; height:240px; padding:3px; margin-bottom:10px;}
#contenu .liste {float:right; display:inline; width:191px; height:200px; padding: 8px 11px 11px 11px;}
#contenu .listmarge {margin:0 12px 0 0; font: normal 11px Tahoma;}
#contenu .liste h3{margin-bottom:0}
#contenu .liste h2{border: 1px solid #f5f5f5;text-align:center;border-right-color:#ddd;border-bottom-color:#ddd; background:#D2E0E6; color:#528CE0;}
#contenu .liste p{text-align:justify;margin-left:2px;margin-right:2px}
#contenu #texte {float:right; width:896px;}
#contenu #texte2 {float:right; width:680px;}
#contenu #texte3 {float:right; width:196px;}

/* Formulaires */
input, select, textarea{border:1px solid #7b7b7b; font: normal 11px Tahoma; color: #626262;}
input[type="checkbox"], input[type="radio"]{border-width: 0;}
input{margin-bottom:0px !important; margin-bottom:-2px !important!; margin-bottom:-2px;}


/**************************************************************************************************/
/********************************************* SLIDER *********************************************/
/**************************************************************************************************/

#slider {position: absolute;width: 665px;height: 245px;overflow: hidden;background: #000;border: 2px solid #000;}
#slider .slide {position: absolute;height: 280px;width: 402px;background: #fff;overflow: hidden;border-left: #000 solid 1px;cursor: default;}
#slider .title   {color: #F80;font-weight: bold;font-size: 1.2em;margin-right: 0.5em;text-decoration: none;}
#slider .backgroundText {position: absolute;width: 100%;height: 100%;top: 100%;background: #000;filter: alpha(opacity=80);opacity: 0.4;}
#slider .text {position: absolute;top: 1%;top: 100%;color: #fff;font-family: verdana, arial, Helvetica, sans-serif;font-size: 0.9em;text-align: justify;width: 380px;left: 10px;}
#slider .diapo {position: absolute;filter: alpha(opacity=100);opacity: 1;visibility: hidden;}



/**************************************************************************************************/
/********************************************* TABLEAU *********************************************/
/**************************************************************************************************/

table {padding: 0; margin: 0; border-collapse: collapse; color: #333; background: #F3F5F7;}
table a {color: #3A4856; text-decoration: none; border-bottom: 1px solid #C6C8CB;} 
table thead th {padding: 2px 10px; color: #000; text-align: center; font-weight: normal;border-bottom: 1px solid #ffffff;}
table tbody, table thead {border-left: 1px solid #EAECEE; border-right: 1px solid #EAECEE;}
table tbody {border-bottom: 1px solid #EAECEE;}
table tbody td, table tbody th {padding: 10px; text-align: center;border-bottom: 1px solid #ffffff;}
table tbody tr {background: #EAECEE;}
table tbody tr.odd {background: #F0F2F4;}


/**************************************************************************************************/
/********************************************* PIEDPAGE *******************************************/
/**************************************************************************************************/
#piedpage {clear:both; width:878px; margin-top:30px; padding:3px 10px; border-top:8px solid #6699CC;}
#piedpage ul#menubas {width:878px; list-style-type:none;float:left; display:inline;}
#piedpage ul#menubas li {margin:0px; padding:0px;float:left; display:inline; }
#piedpage ul#menubas li a{font: normal 12px Tahoma; color:#626262; border-right: 0px solid #626262; padding:0 7px;text-decoration:none; }
#piedpage ul#menubas li a:hover, #piedpage ul#menubas li a#active{text-decoration:underline; }




/**************************************************************************************************/
/********************************************* BLOCKMENU GAUCHE *******************************************/
/**************************************************************************************************/

#blueblock{
width: 180px;
padding: 0 0 0 0;
margin-bottom: 1em;
font-family: 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
font-size: 90%;
background-color: #0E0E7B;
color: #ffffff;

}

#blueblock a{
background-color: #0E0E7B;
color: #ffffff;
text-decoration: none;
}

* html #blueblock{ /*IE 6 only */
w\idth: 147px; /*Box model bug: 180px minus all left and right paddings for #blueblock */
}

#blueblock ul{
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#blueblock li {
border-bottom: 1px solid #90bade;
margin: 0;
}

#blueblock li a{
display: block;
padding: 5px 5px 5px 8px;
background-color: #D2E0E6;
color: #0E0E7B;
text-decoration: none;
width: 100%;
}

html>body #blueblock li a{ /*Non IE6 width*/
width: auto;
}

#blueblock li a:hover{
background-color: #F3F5F7;
color: #0E0E7B;
}

#blueblock div.menutitle {
display: block;
color: white;
text-decoration: none;
padding-left: 10px;
background-color: #0E0E7B;
font: bold 90% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
}


/**************************************************************************************************/
/********************************************* TAGCLOUD *******************************************/
/**************************************************************************************************/

#pg1 {text-decoration:none;font-size:10px;color:#666666;font-family:Arial, Helvetica, sans-serif;}
#tagcloud {background-color: #F4F4F4;width: 865px;border: 1px solid #BFBFBF;padding: 5px;text-align: justify;margin-top: 10px;margin-right: 0px;margin-bottom: 0px;margin-left: 0px;font-family: Arial, Helvetica, sans-serif;line-height: 15px;}
#tagcloud a {text-decoration:none;}
#tagcloud a:hover {text-decoration:underline}
#pg1-1 {font-size: 14px;color:#070089;}
#pg1-2 {font-size: 12px;color:#070089;font-weight: bold;}
#pg1-3 {font-size: 11px;color:#626262;}
.sign, .sign a{font-size: 9px;color: #BFBFBF;text-decoration:none;font-family:Arial, Helvetica, sans-serif;}
-->



/**************************************************************************************************/
/********************************************* en savoir plus *******************************************/
/**************************************************************************************************/
#ensavoirplus {background-color: #F4F4F4;width: 680px;border: 1px solid #BFBFBF;padding: 5px;text-align: justify;margin-top: 10px;margin-right: 0px;margin-bottom: 0px;margin-left: 0px;font-family: Arial, Helvetica, sans-serif;line-height: 15px;}