/*----------------------------------------------------------------*/
/*                          GENERIQUE                             */
/*----------------------------------------------------------------*/
body {
    font-family         : Arial, Verdana, Helvetica, sans-serif;
	font-size           : 10px;
	color               : #000000;
	background-color    : #FFF;
	text-decoration     : none;
	margin              : 0px;
	padding             : 0px;
}

a, a:visited, a:link {
	color               : #3F3F3F;
	background-color    : inherit;
	text-decoration     : none;
}
a:hover, a:active {
	text-decoration     : underline;
}

p {
    font-family         : Verdana, Arial, Helvetica, sans-serif;
    font-size           : 10px;
    margin-top          : 5px;
    margin-bottom       : 5px;
}
                        
/*
h1 {
    font-family         : Arial, Verdana, Helvetica, sans-serif;
    font-size           : 14px;
    font-weight         : bold;
    color               : #CE000C;
	background-color    : inherit;
    margin-top          : 0px;
    margin-bottom       : 1px;
}
h2 {
    font-family         : Arial, Verdana, Helvetica, sans-serif;
    font-size           : 12px;
    font-weight         : bold;
    color               : #CE000C;
	background-color    : inherit;
    margin-top          : 0px;
    margin-bottom       : 1px;
}
h3 {
    font-family         : Arial, Verdana, Helvetica, sans-serif;
    font-size           : 11px;
    font-weight         : bold;
    color               : #000;
	background-color    : inherit;
    margin-top          : 0px;
    margin-bottom       : 0px;
}
*/
h1 {
    font-size           : 22px;
    width               : 450px;
    height              : 35px;
    margin-top          : 5px;
    margin-bottom       : 10px;
}
h2 {
    font-family         : Arial, Verdana, Helvetica, sans-serif;
    font-size           : 14px;
    font-weight         : bold;
    color               : #CE000C;
	background-color    : inherit;
    margin-top          : 0px;
    margin-bottom       : 1px;
}
h3 {
    font-family         : Arial, Verdana, Helvetica, sans-serif;
    font-size           : 12px;
    font-weight         : bold;
    color               : #CE000C;
	background-color    : inherit;
    margin-top          : 0px;
    margin-bottom       : 1px;
}
h4 {
    font-family         : Arial, Verdana, Helvetica, sans-serif;
    font-size           : 11px;
    font-weight         : bold;
    color               : #000;
	background-color    : inherit;
    margin-top          : 0px;
    margin-bottom       : 0px;
}
td {                    
    font-family         : Verdana, Arial, Helvetica, sans-serif;
    font-size           : 10px;
}                       
ul {
    margin              : 0px 0px 0px 0px;
    padding             : 0px;
    font-family         : Verdana, Arial, Helvetica, sans-serif;
    font-size           : 10px;
}
ol {
    font-family         : Verdana, Arial, Helvetica, sans-serif;
    margin              : 0px 0px 0px 7px;
    padding             : 0px;
}                       
li {
    margin              : 0px 0px 0px 16px;
    padding             : 0 0 0 6px;
    list-style-image    : url(images/puce-logo.gif);
    font-family         : Verdana, Arial, Helvetica, sans-serif;
    font-size           : 10px;
}
form {                  
    border              : 0px;
    margin              : 0px;
    padding             : 0px;
}                       
input {
    vertical-align      : middle;
}


/*----------------------------------------------------------------*/
/*                          SPECIFIQUE                            */
/*----------------------------------------------------------------*/
table.container {
    margin-top          : 5px;
    width               : 876px;
    color               : inherit;
}
div.contenu_page {
    margin-top          : 10px;
    margin-bottom       : 10px;
}
div.copyright {
	color               : #623017;
	background-color    : inherit;
    font-family         : Verdana, Arial, Helvetica, sans-serif;
	font-size           : 10px;
    padding             : 5px;
}
div.copyright a, div.copyright a:visited, div.copyright a:active, div.copyright a:hover, div.copyright a:link {
    color               : #000;
	text-decoration     : underline;
}
div.copyright img {
    vertical-align      : middle;
}

/* Menu */
div.menu {
    font-family         : Arial, Verdana, Helvetica, sans-serif;
    background-color    : #FFF;
    color               : inherit;
    height              : 56px;
    margin-top          : 3px;
}

div.menu ul {
    padding             : 0;
    margin              : 0;
}

div.menu ul li {
    display             : inline;
    list-style          : none;
    padding             : 0;
    margin              : 0; 
}

div.menu a, div.menu a:visited, div.menu a:link {
    font-family         : Arial, Verdana, Helvetica, sans-serif;
    display             : block;
    float               : left;
    text-align          : center;
    width               : 103px;
	font-size           : 12px;
	font-weight         : bold;
	color               : #7D7D7D;
	background-color    : inherit;
	text-decoration     : none;
	background-color    : #FFF;
	height              : 42px;
	padding-right       : 10px;
	padding-left        : 10px;
	padding-top         : 12px;
	margin-top          : 14px;
	border              : 1px solid #D2D2D2;
}
div.menu a:active, div.menu a:hover,
div.menu a.on, div.menu a.on:visited, div.menu a.on:link, div.menu a.on:active, div.menu a.on:hover {
    font-family         : Arial, Verdana, Helvetica, sans-serif;
    display             : block;
    float               : left;
    text-align          : center;
	font-size           : 12px;
	font-weight         : bold;
	color               : #FFF;
	background-color    : inherit;
	text-decoration     : none;
	background-color    : #808080;
	height              : 56px;
	padding-top         : 12px;
	padding-right       : 10px;
	padding-left        : 10px;
	margin-top          : 0;
	border              : 1px solid #D2D2D2;
}

/* Sous Menu */
table.sousmenu {
    border-right        : 1px solid #ccc;
    border-left         : 1px solid #ccc;
    border-bottom       : 1px solid #ccc;
    margin              : 22px 0 0 0;
}

/* ---------------------------------------*/
/* ------------>>> TETIERE <<<------------*/
/* ---------------------------------------*/

.tetiere {
    width               : 876px;
    height              : 80px;
    clear               : left;   
}

.tetiere .langues {
    font-size           : 11px;
    width               : 130px;
    margin-top          : 25px;
}

.tetiere .langues a:link, .tetiere .langues a:visited, .tetiere .langues a:active {
    color               : #000;
    text-decoration     : none;
}

.tetiere .langues a:hover {
    text-decoration     : underline;
}

.tetiere .menuhaut {
    font-size           : 11px;
    width               : 465px;
    margin-top          : 25px;
    margin-bottom       : 17px;
}

.tetiere .menuhaut a:link, .tetiere .menuhaut a:visited, .tetiere .menuhaut a:active {
    color               : #000;
    text-decoration     : underline;
}

.tetiere .menuhaut a:hover {
    color               : #F00;
    text-decoration     : underline;
}

.phraseclef {
    font-size           : 18px;
    font-style          : italic;
    color               : #808080;
}

/* ---------------------------------------*/
/* ------------->>> TITRE <<<-------------*/
/* ---------------------------------------*/

.titre_page {
    font-size           : 28px;
    width               : 450px;
    height              : 35px;
    margin-top          : 5px;
    margin-bottom       : 10px;
}

/* --------------------------------------------------*/
/* ------------->>> SOLUTIONS METIER <<<-------------*/
/* --------------------------------------------------*/

.solutionsmetier {
    width               : 249px;
    float               : left;
    margin-right        : 1px;
    margin-top          : 14px;
}

.solutionsmetier .traitrouge {
    height              : 8px;
    background-color    : #CE000C;
    margin-bottom       : 1px;
}

.solutionsmetier .traitgris {
    height              : 8px;
    background-color    : #999;
    margin-bottom       : 1px;
}

.solutionsmetier .titre {
    font-family         : arial, verdana, Helvetica, sans-serif;
	font-size           : 12px;
	font-weight         : bold;
    text-transform      : uppercase;
    text-align          : center;
    color               : #FFF;
    background-color    : #CCC;
    margin-bottom       : 1px;
}

.solutionsmetier ul {
    margin              : 0;
    padding             : 0;
}

.solutionsmetier li {
    list-style-image    : none;
    list-style-type     : none;
    margin              : 4px;
    padding             : 0;
}

.solutionsmetier .contenu {
    font-family         : arial, verdana, Helvetica, sans-serif;
    width               : 247px;
    border              : 1px solid #CCC;
}

/* ----------------------------------------*/
/* ------------->>> encart <<<-------------*/
/* ----------------------------------------*/

.encart {
    padding-top         : 14px;
}

.encart .traitrouge {
    margin-right        : 1px;
    width               : 249px;
    float               : left;
    height              : 8px;
    background-color    : #CE000C;
    margin-bottom       : 2px;
}

.encart .traitgris {
    width               : 250px;
    float               : left;
    height              : 8px;
    background-color    : #999;
    margin-bottom       : 2px;
}

.encart .contenu {
    clear               : left;
    padding             : 10px;
    border              : 1px solid #CCC;
}

/* --------------------------*/
/* ---->>> LE MOT <<<--------*/
/* --------------------------*/

.lemot {
     padding-top        : 14px;
     clear              : left;
     padding-bottom     : 14px;
}

.lemot .photo {
     border              : 1px solid #D6D6D6;
     float               : left;
     margin-left         : 2px;
}

.lemot .contenu {
    width               : 324px;
    border              : 1px solid #D6D6D6;
    float               : left;
    padding             : 5px 10px;
}

/* ------------------------------*/
/* ---->>> COLONNE DROITE <<<----*/
/* ------------------------------*/

.colonnedroite {
    padding-left        : 10px;
}

.colonnedroite .listeliens {
    float               : right;
    /*width               : 236px;*/
    padding             : 10px;
    border              : 1px solid #D6D6D6;
    /*margin-top          : 30px;
    margin-bottom       : 30px;*/
}

.colonnedroite .actualites {
    border              : 1px solid #D6D6D6;
    padding             : 5px;
    /*margin-bottom       : 30px;*/
}

.colonnedroite .gdtitre {
    font-size           : 14px;
    margin-left         : 10px;
    color               : #999;
    font-weight         : bold;
    margin-top          : 12px;
}

.colonnedroite .actualite .titre {
    font-size           : 12px;
    margin-top          : 10px;
    color               : #CC0000;
}

.colonnedroite .actualite .description {
    padding-right       : 5px;
}

.colonnedroite .fdgris {
    background-color    : #EEE;
    margin-top          : 5px;
}

.colonnedroite .fdblanc {
    border              : 1px solid #D6D6D6;
}

.colonnedroite .minibanniere {
    /*margin-top          : 20px;*/
    clear               : both;
    text-align          : right;
}

.colonnedroite .minibanniere img {
    border              : 1px solid #D6D6D6;
}

/* --------------------------*/
/* ---->>> ACTUALITES <<<----*/
/* --------------------------*/

.actualite img {
    margin-right        : 10px;
}

/* -------------------------------------*/
/* ---->>> LA BARRE D'OUTILS <<<--------*/
/* -------------------------------------*/

.barredoutils {
    margin-top          : 5px;
    margin-left         : 126px;
    text-align          : right;
    width               : 300px;
}

.barredoutils img {
    margin-right        : 12px;
}

.barredoutils .recherche {
    padding-top         : 14px;
    background-repeat   : no-repeat;
}    

.barredoutils .recherche .lancerrecherche {
    margin-left         : 4px;
}

.barredoutils .recherche .champrecherche {
    font-family         : arial, verdana, Helvetica, sans-serif;
    font-size           : 11px;
    border              : 1px solid #CCCCCC;
    width               : 97px;
    
}

/* ---------------------------------------*/
/* ---------->>> POUR LE DEBUG <<<--------*/
/* ---------------------------------------*/

/*div { border: 1px solid #f00 !important; }
table { border: 1px solid #0f0 !important; }
table td { border: 1px solid #ff0 !important; }*/

/* ---------------------------------------*/
/* ---------->>> BIEN UTILE <<<-----------*/
/* ---------------------------------------*/

    .floatLeft   { float      : left;   }
    .floatRight  { float      : right;  }
    .clearLeft   { clear      : left;   }
    .clearRight  { clear      : right;  }
    .alignLeft   { text-align : left;   }
    .alignCenter { text-align : center; }
    .alignRight  { text-align : right;  }
    a:focus      { outline    : none;   }
    .noborder    { border     : 0;      }