/*
Theme Name : Aero 13
Description : Thème du site d'Aéro 13
Version : 1.0
Author : Fabien DUMAS
Website : http://neibaf63.fr

*/
/* RESET */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;outline:0;background:transparent;margin:0;padding:0;}


body {
    background: url(images/bg.jpg) repeat-x #d7e0ec;
    width: 957px;
    margin : 0 auto;
    font-family: Arial, Helvetica, sans-serif;
    /* font-size: 12px; */
    font-size: 14px;
    
}

h1 {
    
    text-transform: uppercase;
    color: #336666;
    font-weight: bold;
    /* font-size: 16px;*/
    font-size: 18px;
    font-family: 'Scada', sans-serif;
}

h2 {
    /*font-size: 15px;*/
    font-size: 17px;
    font-weight: bold;
    font-family: 'Scada', sans-serif;
    color: #5d707f;
    padding-bottom: 10px;
}

h4 {
    text-transform: uppercase;
   /* font-size: 13px;*/
    font-size: 15px;
    
}

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

/*****************
 **** HEADER *****
 ****************/

header {
    height: 246px;
    width: 100%;
    position: relative;
}

#banniere {
    height: 196px;
    background: url(images/banniere.jpg) no-repeat;
}


#banniere_en {
    height: 196px;
    background: url(images/banniere_en.jpg) no-repeat;
}

#flag {
    position: absolute;
    top: 0px;
    left: -45px;
    width: 45px;
    height: 34px;
    padding: 7px;
    background: url(images/fd_flag.png) no-repeat;
}

/*** MENU ***/

#menu {
    clear: both;
    background: url(images/fd_menu.jpg) repeat-x #fff;
    position: absolute;
    float: left;
    top:197px;
    left:0px;
    width:957px;
    height: 50px;
    display: block;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

#menu .menu_element {
}

#menu  ul {
    list-style: none;
}

#menu a {
    display: block;
}

#menu  ul li {
    float: left;
    height: 50px;
    margin-left: 5px;
    position: relative;
}


#menu  ul li a {
    font-family: 'Scada', sans-serif;
    float: left;
    padding: 12px 0px 8px 0px;
    padding-right: 12px;
    padding-left: 14px;
    height: 30px;
    font-size:17px;
    text-transform: uppercase;
    text-decoration: none;
    color: #fff;
}

/*** SOUS MENU ***/

#menu ul ul {
    display: none;
    position: absolute;
    top: 49px;
    left: -5px;
    float: left;
    z-index: 99999;
    }
    
#menu ul ul li {
    min-width: 180px;
    height: auto;
    }
    
#menu ul ul a {
    background: url(images/fd_menu.jpg) repeat-x;
    font-size:13px;
    line-height: 1.2em;
    padding: 10px;
    left: -22px;
    width: 230px;
    height: auto;
    text-align: left;
    }

#menu ul li:hover > ul {
	display: block;
    }
    
#menu ul li:hover > a {
    background: url(images/fd_menu_hover.jpg) repeat-x;
    color: #d5efff;
}




/************************
 **** CONTENT INDEX *****
 ***********************/

#content {
    background: #fff ;
    width: 957px;
    margin : 0 auto;
    min-height: 850px;
    position: relative;
}

#content #chemin {
    color: #999;
    padding: 10px 0px 0px 15px;
}

#content #chemin a{
    color: #999;
    text-decoration: none;
}

#content #chemin a:hover{
    color: #336699;
}


#content_page {
    background: #fff ;
    width: 957px;
    min-height: 650px;
    position: relative;
}


#bann_index {
    /*height: 335px;*/
    height: 210px;
    margin: 0 auto;
    padding: 10px 0px 0px 0px;
}

#bann_index_img{
    /* height: 284px; */
    height: 170px; 
    background: url(images/bann_index.jpg) no-repeat;
}


#bann_page {
    height: 335px;
    margin: 0 auto;
    padding: 10px 0px 0px 0px;
}

#bann_page_img{
    height: 284px;
}

#bann_page img{
    margin: 0 auto;
    padding: 0px;
    border: 0px;
}



#bann_text{
    text-transform: uppercase;
    color: #fff;
    background: #5d707f;
    height: 30px;
    padding: 10px 0px 0px 35px;
    font-size: 15px;
    font-family: 'Scada', sans-serif;
}

#ind_leftcol{
    position: absolute;
    top:220px;
    left: 0px;
    width: 322px;
    padding: 20px 0px 0px 35px;
}

#ind_leftcol img{
    margin: 10px 0px;
    border: solid;
    border-color:#c0c0c0;
    border-width: 1px;
}

#ind_rightcol {
    margin-left: 340px;
    padding: 30px 35px 0px 0px;
    text-align: justify;
}

#page_leftcol{
    position: absolute;
    top:0px;
    left: 0px;
    width: 287px;
    margin: 20px 0px 0px 0px;
    padding: 0px 0px 0px 35px;
    color: #999;
}


#page_leftcol img{
    margin: 20px 0px;
    display: block;
    border: solid;
    border-color:#c0c0c0;
    border-width: 1px;
}

#important{
    color:#990000;
}

#titlelist_moyenprod{
    text-decoration: underline;
}

#list_moyenprod a{
    text-decoration: none;
    color: #000;
}

#list_moyenprod a:hover{
    text-decoration: underline;
    color: #336666;
}

#list_moyenprod{
    margin-left: 20px;
}

#page_bann_leftcol{
    position: absolute;
    top:355px;
    left: 0px;
    width: 287px;
    margin: 20px 0px 0px 0px;
    padding: 0px 0px 0px 35px;
    color: #999;
}

#page_bann_leftcol img{
    margin: 10px 0px;
    display: block;
    border: solid;
    border-color:#c0c0c0;
    border-width: 1px;
}

#content_page #chemin {
    color: #999;
    padding: 10px 0px 10px 15px;
}

#content_page #chemin a{
    color: #999;
    text-decoration: none;
}

#content_page #chemin a:hover{
    color: #336699;
}

#page_rightcol {
    margin-left: 340px;
    padding: 10px 35px 0px 0px;
    text-align: justify;
}


#page_rightcol img{
    margin: 10px;
}


#page_full {
    margin: 20px;
    margin-bottom: 0px;
    padding: 5px 35px 0px 0px;
    text-align: justify;
}

.clear {
    clear: both;
}

#bloc_content {
    width: 565px;
}

#bloc_content_title {
    width: 565px;
    height: 27px;
    margin: 20px 0px 0px 0px;
    border-bottom: solid;
    border-color:#c0c0c0;
    border-width: 1px;
}

#bloc_content_title h2 {
    text-transform: uppercase;
    color: #e76618;
    /*font-weight: bold;*/
    font-size: 16px;
    padding: 6px 0px 10px 15px;
}

/*
#bloc_content_title {
    width: 565px;
    height: 22px;
    background: url(images/fd_titre.jpg) no-repeat;
    margin: 20px 0px 0px 0px;
    padding: 6px 0px 0px 25px;
}

#bloc_content_title h2 {
    text-transform: uppercase;
    color: #e76618;
    font-weight: bold;
    font-size: 14px;
} */

#bloc_content_activite{
    min-height: 230px;
    width: 565px;
}

#bloc_content_activite li a{
    width: 127px;
    height: 200px;
    display: block;
}

#bt_activite_01{
    width: 127px;
    height: 200px;
    margin: 10px 0px 0px 4px;
    border: solid;
    border-width: 1px;
    display: inline-block;
    border-color: #c6c6c6;
    text-decoration: none;
}

#bt_activite_01 a{
    background: url(images/index_chaudronnerieOFF.jpg) no-repeat;
}

#bt_activite_01 a:hover{
    background: url(images/index_chaudronnerieON.jpg) no-repeat;
}

#bt_activite_02{
    width: 127px;
    height: 200px;
    display: inline-block;
    margin: 10px 0px 0px 10px;
    border: solid;
    border-width: 1px;
    border-color: #c6c6c6;
    text-decoration: none;
}

#bt_activite_02 a{
    background: url(images/index_usinageOFF.jpg) no-repeat;
}

#bt_activite_02 a:hover{
    background: url(images/index_usinageON.jpg) no-repeat;
}

#bt_activite_03{
    width: 127px;
    height: 200px;
    display: inline-block;
    margin: 10px 0px 0px 10px;
    border: solid;
    border-width: 1px;
    border-color: #c6c6c6;
    text-decoration: none;
}

#bt_activite_03 a{
    background: url(images/index_reparationOFF.jpg) no-repeat;
}

#bt_activite_03 a:hover{
    background: url(images/index_reparationON.jpg) no-repeat;
}

#bt_activite_04{
    width: 127px;
    height: 200px;
    display: inline-block;
    margin: 10px 0px 0px 10px;
    border: solid;
    border-width: 1px;
    border-color: #c6c6c6;
    text-decoration: none;
}

#bt_activite_04 a{
    background: url(images/index_assistanceOFF.jpg) no-repeat;
}

#bt_activite_04 a:hover{
    background: url(images/index_assistanceON.jpg) no-repeat;
}


#bt_activite_01_en{
    width: 127px;
    height: 200px;
    margin: 10px 0px 0px 4px;
    border: solid;
    border-width: 1px;
    display: inline-block;
    border-color: #c6c6c6;
    text-decoration: none;
}

#bt_activite_01_en a{
    background: url(images/index_chaudronnerieOFF_en.jpg) no-repeat;
}

#bt_activite_01_en a:hover{
    background: url(images/index_chaudronnerieON_en.jpg) no-repeat;
}

#bt_activite_02_en{
    width: 127px;
    height: 200px;
    display: inline-block;
    margin: 10px 0px 0px 10px;
    border: solid;
    border-width: 1px;
    border-color: #c6c6c6;
    text-decoration: none;
}

#bt_activite_02_en a{
    background: url(images/index_usinageOFF_en.jpg) no-repeat;
}

#bt_activite_02_en a:hover{
    background: url(images/index_usinageON_en.jpg) no-repeat;
}

#bt_activite_03_en{
    width: 127px;
    height: 200px;
    display: inline-block;
    margin: 10px 0px 0px 10px;
    border: solid;
    border-width: 1px;
    border-color: #c6c6c6;
    text-decoration: none;
}

#bt_activite_03_en a{
    background: url(images/index_reparationOFF_en.jpg) no-repeat;
}

#bt_activite_03_en a:hover{
    background: url(images/index_reparationON_en.jpg) no-repeat;
}

#bt_activite_04_en{
    width: 127px;
    height: 200px;
    display: inline-block;
    margin: 10px 0px 0px 10px;
    border: solid;
    border-width: 1px;
    border-color: #c6c6c6;
    text-decoration: none;
}

#bt_activite_04_en a{
    background: url(images/index_assistanceOFF_en.jpg) no-repeat;
}

#bt_activite_04_en a:hover{
    background: url(images/index_assistanceON_en.jpg) no-repeat;
}


#liste_pages li{
    height: 25px;
    margin-left: 30px;
    list-style: none;
    vertical-align: middle;
    
}

#liste_pages a{
    text-decoration: none;
    text-transform: uppercase;
    color: #5d707f;
    font: 16px;
    margin: 0px 0px 10px 5px;
}


#liste_pages a:hover{
    color: #e76618;
}

#list_direction a{
    text-decoration: none;
    color: #5d707f;
}

#list_direction a:hover{
    color: #e76618;
}

#gallerie a img{
    
    border: solid;
    border-width: 1px;
    border-color: #c6c6c6;
    width: 165px;
}

#gallerie a:hover img{
    
    border: solid;
    border-width: 1px;
    border-color: #e76618;
    width: 165px;
}

/**** ACTU ****/

#bloc_content_actu {
    width: 563px;
    border: solid;
    border-color: #d5d5d5;
    border-width: 1px;
    border-top-width: 0px;
    margin: 0px;
    min-height: 230px;
    background: #f2f5f9;
    list-style: none;
    font-size: 12px;
}

#actu_preview {
    padding: 10px ;
    border-bottom-style: dotted;
    border-bottom-width: 1px;
    border-bottom-color: #d5d5d5;
}

#actu_preview #preview_info {
    text-align: right;
    padding: 0px 0px 0px 0px;
}

#actu_preview #title_preview {
    float: left;
    font-weight: bold;
}

#actu_preview em {
    font-size: 11px;
}

#actu_preview time {
    color: #999;
    font-style: italic;
    text-transform: capitalize;
}


#actu_preview a{
    color: #5f5f5f;
    text-decoration: none;
}

#actu_preview a:hover{
    color: #0033ff;
    text-decoration: none;
}


/**** JOB ****/

#bloc_content_job {
    width: 563px;
    margin: 0px;
    min-height: 250px;
    list-style: none;
}

#job_description #date_enligne {
    font-style: italic;
    color: #999;
}

#job_description  {
   min-height: 400px;
}

#job_description h5 {
    font-weight: bold;
    color: #003663;
    font-size: 13px;
}

#job_description p {
    width :555px;
    text-align: justify;
    margin: 10px 0px 20px 0px;
}

#job_description a {
    text-decoration: none;
    color: #633c00;
}


#job_description a:hover {
    text-decoration: none;
    color: #d87f00;
}

#detailjob {
    list-style: none;
    display: block;
    width: 100%;
    min-height: 120px;
}

#detailjob li {
    display: list-item;
}

#labeljob {
    display: inline-block;
    text-align: right;
    width: 40%;
    padding: 10px 5px 0px 0px;
    font-style: italic;
    font-weight: bold;
}

#labeljob span{
    display: inline;
}

#valuejob {
    display: inline;
    text-align: left;
    width: 60%;
    padding: 10px 0px 0px 5px;
}




/**** CLIENTS ****/

#bloc_content_client {
    width: 900px;
    margin: 0px;
    min-height: 250px;
    list-style: none;
}

#client {
    display: inline-block;
    min-width:130px;
    margin: 0px 0px 25px 0px;
    text-align: center;
    padding: 10px;
}


#client a{
    text-transform: uppercase;
    text-decoration: none;
    color: #5f5f5f;
}

#client a:hover{
    text-decoration: none;
    color: #0033ff;
}

#client img{
    margin: 0px 0px 10px 0px;
}




/**** CERTIF ****/

#tab_certif {
    width: 570px;
    border: solid;
    border-color: #9b9b9b;
    border-width: 2px;
    padding: 0px;
}

#tab_certif thead{
    background-color: #5d686d;
    font-size: 13px;
    font-family: 'Scada', sans-serif;
    color: #fff;
}

#tab_col_orga {
    width: 120px;
}

#tab_col_ref {
    width: 320px;
}

#tab_col_file {
    width: 130px;
}

#tab_certif thead th{
    min-height: 80px;
    padding: 10px;
    text-transform: uppercase;
}

#tab_certif tr{
    vertical-align: middle;
    height: 50px;
}

#tab_certif_row2 {
    background-color: #e6eaeb;
    
}

#tab_certif td{
    padding: 10px;

}


/*****************
 **** FOOTER *****
 *****************/

footer {
    position: relative;
    width: 957px;
    height: 196px;
    margin: 0 auto;
    color: #fff;
    font-size: 13px;
    /*font-size: 12px;*/
}

footer a{
    color: #fff;
}

footer a:hover{
    color: #343f48;
}

#footer_wave {
    position: relative;
    background: url(images/footer_wave.jpg) no-repeat;
    height: 44px;
}

#footer_adressbloc {
    position: relative;
    background: #5d707f;
    height: 127px;
}

#footer_adressblocleft {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 660px;
    display: block;
    float: left;
    padding: 0px 0px 0px 35px;
}

#footer_adressblocleft h3 {
    font-size: 20px;
    color: #bac6cd;
    font-weight: bold;
}

#footer_adressblocright {
    width: 297px;
    position: absolute;
    top: 0px;
    left: 625px;
    float: left;
    display: block;
    text-align: right;
    padding: 20px 35px 0px 0px;
}


#footer_copyrightbloc {
    position: relative;
    background: #343f48;
    height: 40px;
}

#footer_copyrightbloc a:hover{
    color: #5d707f;
}

#footer_copyrightblocleft {
    position: absolute;
    float: left;
    top: 0px;
    left: 0px;
    width: 660px;
    display: block;
    padding: 12px 0px 0px 35px;
}

#footer_copyrightblocright {
    width: 297px;
    position: absolute;
    top: 0px;
    left: 625px;
    float: left;
    display: block;
    text-align: right;
    padding: 12px 35px 0px 0px;
}





/*****************
 ***** ADMIN *****
 *****************/

#form_auth{
    width: 300px;
    border: solid;
    border-color: #d5d5d5;
    border-width: 1px;
    min-height: 70px;
    padding: 20px;
}


#form_auth span{
    width: 130px;
    display: inline-block;
}

#form_ajout{
    width: 510px;
    border: solid;
    border-color: #d5d5d5;
    border-width: 1px;
    min-height: 70px;
    padding: 20px;
}


#form_ajout h2{
    width: 50px;
    display: inline-block;
}

#form_ajout input {
    font-style: italic;
}


#titreajoutactu{
    width: 200px;
    display: inline-block;
}

#submit {
    text-align: center;
}

#liste_actu_admin {
    width: 550px;
    border: solid;
    border-color: #d5d5d5;
    border-width: 1px;
    min-height: 70px;
    padding: 0px 0px 0px 0px;
    list-style: none;
    position: relative;
    font-size: 12px;
}

#liste_actu_admin li {
    border-bottom: dotted;
    border-color: #d5d5d5;
    border-bottom-width: 1px;
}

#content_actu_admin {
    display: inline-block;
    width:360px;
}

#modiflink {
    width: 190px;
    display: inline-block;
    
}

#liste_actu_admin a {
    display: inline-block;
    padding:15px 20px 0px 20px;
    text-decoration: none;
    color: #000;
}

#liste_actu_admin a:hover {
    color:#ca0000;
}

#liste_actu_admin li:hover > #content_actu_admin {
    background: #e1e3e7;
}

#liste_actu_admin time {
    color: #999;
    font-style: italic;
}

#liste_actu_admin span {
    color: #330000;
    font-weight: bold;
}

#valid {
    color: #999;
    font-style: italic;
}

#valid_error {
    color: #ff0000;
    font-style: italic;
}

#note {
    color:#999;
    font-style: italic;
    font-size: 11px;
}