/*paramètres généraux*/
/*h*/
/*===================*/
*{
    font-family: 'Myriad Pro', 'Arial' ,'Impact', 'Georgia', "sans serif";
}

a{
    word-wrap: break-word
}

h1, h2, h3, h4, h5, h6 {
    margin-left: 2%;
}
 
body
{
background: url("../jpeg/logo_colexpert_skew.png");
margin: 0;
width:100%;
height:100%;
}

.page a{
    text-decoration: none;
    background-color: #ffffff;
    border-radius: 3px;
     padding: 3px 4px 3px 4px;
}
.page a:hover{
    text-decoration: none;
    background-color: #4D4D4D;
    color: #E1E1E1;
    border-radius: 3px;
    padding: 5px 6px 5px 6px;
}
#pagination ul li{
    display: inline;
}


/*header*/
/*======*/



/*logo*/
/*====*/

a img[alt="Colexpert logo"]
{
display: inline-block;
width: 43.5%;
max-width: 398px;
min-width: 250px;
margin-top: 3%;
margin-bottom:3%;
background-color: rgb(225, 225 ,225);
background-color: rgba(225, 225 ,225 ,0.8);
border-radius: 0px 12px 12px 0px;
padding: 6px 10px 7px 28px;
}

#register
{
float: right;
color: #F2851E;
text-decoration: none;
margin-top: 5.7%;
margin-bottom: 1%;
max-height: 25%;
max-width: 25%;
min-height: 40px;
min-width: 220px;
background-color: rgb(225, 225, 225);
background-color: rgba(225, 225, 225, 0.9);
border-radius: 12px 0px 0px 12px;
font-size:1em;
padding:10px 0px 5px 10px;
}

#register img
{
width: 17px;
height: 17px;
}

/*access private area*/
/*===================*/

.alert_error_menu, .alert_success_menu
{
    color: rgb(214,65,13);
    color: rgba(214,65,13,1);
    font-size: 0.8em;
    font-style: italic;
    line-height: 1em;
    margin-top: 5px;
    margin-bottom: 7px;
    margin-left: 20px;

}

#blocknp{
    float:left;
    display:none;
}
.fpass{
    font-size: 0.8em;
    text-decoration: none;
    color: #4D4D4D;
    float:right;
    margin-top: 2px;
    margin-right: 10px;
    margin-bottom: 5px;
}
.userfname
{
    color: #4D4D4D;
}
#admin 
{
    margin-left: 20px;   
}
#connect{
    margin-left: 20px;
    }
#connect > p{
     color: #4D4D4D;
     margin: 0;
}

#menu_logout, #menu_profil{
    color: #F2851E;
    text-decoration: none;
}
#menu_logout{
    margin-left: 5px;
}
#menu_profil{
    margin-right: 5px;
}

#register > a
{
color: #4D4D4D;
text-decoration:none;
}

#log
{
padding-left:20px;
display:block;
margin-top: 0px;

}

.logon
{
text-decoration: none;
color: #F2851E;
cursor: pointer;
margin-right: 7px;
}

.log
{
text-decoration: none;
color: #F2851E;
margin-left: 7px;
}

#ok
{
float:left;
margin-left: 75%;
margin-top: 0%;
}

#emailaddress, #pass
{
width: 40%;
min-width:80px;
margin-right:10px;
}


/* =============================================navigation menu=============================================*/
/*==========================================================================================================*/
@media  screen and (min-width: 899px) {

/*section*/
/*=======*/
section
{
display: inline-block;
background-color: rgb(225, 225, 225);
background-color: rgba(225, 225, 225, 0.8);
border-radius: 15px 15px 15px 15px;
margin: 1.5% 12.5% 1.5% 12.5%;
padding: 1% 5% 2% 5%;
width: 65%;
}

nav{
    display: inline-block;
    padding:0px;
    margin:0px;
    width: 100%;
    height:100%;
    background-color: rgb(225,225,225);
    background-color: rgba(225,225,225,0.5);
    height: 60px;
}
#menu {
    display: inline-block;
    list-style-type: none;
    padding: 0px;
    margin:0px 0px 0px 25px;
}
#menu >li span {
    display: block;
    height: 60px;
    transform:skewX(30deg);
    -ms-transform:skewX(30deg); /* IE 9 */
    -webkit-transform:skewX(30deg); /* Safari Opera Chrome */
    background-color: rgb(225,225,225);
    background-color: rgba(225,225,225,0.8);
}
#menu >li span:hover {
    background-color: #F2851E;
}
#menu >li span:hover > a{
    color: #E1E1E1;
}

#menu > li{
    display: inline-block;
    vertical-align: top;
    width: 120px;
    margin-right: 20px;
}
#menu > li > span a{
    display: block;
    text-align: center;
    line-height: 60px;
    text-decoration: none;
    transform:skewX(-30deg);
    -ms-transform:skewX(-30deg); /* IE 9 */
    -webkit-transform:skewX(-30deg); /* Safari Opera Chrome */
    color: #4D4D4D;
}
#menu ul li {
    margin:0 0 0px 0;
    padding: 3px;
    text-decoration: none;
}
#menu ul li a{
    margin: 0px;
    padding: 0px;
    text-decoration: none;
}

#menu ul{
    list-style-type: none;
    padding: 0px;
    margin: 0px 0px 0px 25px;
}

#menu li:hover .sub_menu_about li, #menu li:hover .sub_menu_news li, #menu li:hover .sub_menu_plac li, #menu li:hover .sub_menu_train li, #menu li:hover .sub_menu_inspec li {
display: block;
}
.sub_menu_about li, .sub_menu_news li, .sub_menu_plac li, .sub_menu_train li, .sub_menu_inspec li {
display: none;  
}
.d{ 
    transform:skewX(-30deg);
    -ms-transform:skewX(-30deg); /* IE 9 */
    -webkit-transform:skewX(-30deg); /* Safari Opera Chrome */
     background-color: rgb(225,225,225);
    background-color: rgba(225,225,225,0.8);
}
.dg{
    display: block;
    transform:skewX(30deg);
    -ms-transform:skewX(30deg); /* IE 9 */
    -webkit-transform:skewX(30deg); /* Safari Opera Chrome */ 
}
.g{
    transform:skewX(30deg);
    -ms-transform:skewX(30deg); /* IE 9 */
    -webkit-transform:skewX(30deg); /* Safari Opera Chrome */
     background-color: rgb(225,225,225);
    background-color: rgba(225,225,225,0.8);
}
.gd{
    display: block;
    transform:skewX(-30deg);
    -ms-transform:skewX(-30deg); /* IE 9 */
    -webkit-transform:skewX(-30deg); /* Safari Opera Chrome */
}
/*===============================*/
/*==============Generals============*/
/*===============================*/
ul#menu > li:hover > span
{
background-color: #F2851E;
}
ul#menu > li:hover > span a
{
color: #E1E1E1;
}

.sub_menu_about li a, .sub_menu_news li a, .sub_menu_plac li a,.sub_menu_train li a, .sub_menu_inspec li a{
color: #4D4D4D;
text-align: center;
} 
.sub_menu_about li:hover, .sub_menu_news li:hover, .sub_menu_plac li:hover, .sub_menu_train li:hover, .sub_menu_inspec li:hover  {
background-color: #F2851E;
}
.sub_menu_about li:hover a, .sub_menu_news li:hover a,.sub_menu_plac li:hover a,.sub_menu_train li:hover a,.sub_menu_inspec li:hover a{
color: #E1E1E1;
}
/*===============================*/
/*==============news============*/
/*===============================*/
.sub_menu_about{
width: 120px;
}
.sub_menu_news{
width: 140px;
}
.sub_menu_plac{
width: 220px;
}
.sub_menu_train{
width: 240px;
}
.sub_menu_inspec{
width: 150px;
}
/*footer*/
/*======*/

footer
{
height: 25.2%;
background-color: rgb(225, 225, 225);
background-color: rgba(225, 225, 225, 0.8);
border-radius: 12px 12px 0px 0px;
margin-left: 5%;
margin-right: 5%;
padding: 5px 20px 5px 20px;
}

#plan_site{
    display: inline-block;
    width: 65%;
    margin-right: 0;
}

#about, #placement, #training, #inspection, #contact_footer
{
    display: inline-block;
    vertical-align: top;
}

footer h4
{
font-size:1.3em;
}
#about ul, #placement ul, #training ul, #inspection ul
{
    display: inline-block;
    vertical-align: top;
    margin-top: 0;
    min-width: 130px;
    list-style-image: none;
    padding-top: 5px;
    padding-left: 0px;
    padding-right: 10px;
    list-style-type:none;
}

#about li, #placement li, #training li, #inspection li
{
    height: 11px;
    margin-top:3px;
}

#about h4, #placement h4, #training h4, #inspection h4, #contact_footer h4
{
    height: 15px;
    margin-top: 0px;
    margin-bottom: 0px;
}

#about a, #placement a, #training a, #inspection a, #contact_footer a
{
    text-decoration: none;
    color:#4D4D4D;
    font-size:0.7em;
}


#legacy
{
max-width: 100%;
min-width: 50%;
display: block;
vertical-align: bottom;
margin-left: 38%;
margin-right: 38%;

}

#legacy a
{
    color: #4D4D4D;
    font-size: 0.6em;
    text-align: center;    
}

#ext_link{
    display: inline-block;
    width: 15%;
    float: right;
}

#blog{
    display: block;
    margin-top: 20px;
    margin-bottom: 10px;
    height:40px;
    width: 140px;
    float:right;
    color: #4D4D4D;
}
#blog .blog{
    margin-bottom: 27px;
    margin-left: 10px;
    display: inline-block;
    vertical-align: middle;
    text-decoration: underline ;
}
#blogimg{
    width:40px;
    height:40px;
}
#paypal_logo_footer{
    display: inline-block;
    width: 80px;
    float: right;
    margin-right: 40px;

}}
/*==============================================================================================================*/
/*==========================================TRAINING MAX 917PX ================================================*/
/*==============================================================================================================*/
@media  screen and (min-width: 1225px) {

#bannertraining{
margin-top: 10px;
width: 100%;
border:5px solid white;
border-radius: 6px;
}

.module
{
display:inline-block;
padding: 0px;
width: 350px;
height: 100%;
margin-right: 3%;
margin-left: 3%;
margin-bottom: 10px;
font-size: 0.8em;
vertical-align: top;
}
#priceco{
    margin-top: 35px;
    display: inline-block;
} 
.tlewp{margin: 0px; padding:0px;}


#paypal{
    margin-top: 30px;
    margin-right: 10px;
    display: inline-block;
    float: right;
}

}
/*==============================================================================================================*/
/*≈≈≈≈≈≈≈≈≈≈≈≈≈≈≈≈≈≈≈≈≈≈≈≈≈≈≈≈≈≈≈≈≈≈≈≈≈≈≈≈≈≈≈≈NAV REPONSIVE DESIGN≈≈≈≈≈≈≈≈≈≈≈≈≈≈≈≈≈≈≈≈≈≈≈≈≈≈≈≈≈≈≈≈≈≈≈≈≈≈≈≈≈≈≈≈≈©©*/
/*==============================================================================================================*/

@media  screen and (max-width:898px) {

nav{
display: inline-block;
padding:0px;
margin:0px;
width: 100%;
height:100%;
font-family: "Myriad Pro";
background-color: rgba(225,225,225,0.5);
background-color: rgb(225,225,225);
}

ul.sub_menu_about, ul.sub_menu_news, ul.sub_menu_inspec, ul.sub_menu_train, ul.sub_menu_plac
{
list-style-type:none;
margin:0px;
padding:0px;
}

#menu{
text-align: center;
width:100%;
padding: 0;
margin: 0;
}
ul#menu > li{
cursor: pointer;
list-style-type: none;
}

ul#menu > li span a{
font-size: 1.3em;
line-height:40px;
display: block;
height:40px;
font-weight: normal;
color:#4D4D4D;
background-color: rgb(220,220,220);
background-color: rgba(220,220,220,0.8);
text-decoration:none;

}
ul.sub_menu_about, ul.sub_menu_news, ul.sub_menu_inspec, ul.sub_menu_train, ul.sub_menu_plac{
    display: none;
    width: 100%;
    margin: 0px 0px 0px 0px; 
    background-color: rgba(240,240,240,0.8);
    background-color: rgb(240,240,240);
    border-radius: 0px 0px 10px 10px; 
}
.g, .d{
    padding-top: 2px; 
    padding-bottom: 2px;
}

ul.sub_menu_about li:first-of-type , ul.sub_menu_news li:first-of-type, ul.sub_menu_plac li:first-of-type, ul.sub_menu_train li:first-of-type, ul.sub_menu_inspec li:first-of-type{
    border-top: 1px solid grey;
    }

ul.sub_menu_about >li a, ul.sub_menu_news >li a, ul.sub_menu_inspec >li a, ul.sub_menu_train >li a, ul.sub_menu_plac >li a
{
line-height:20px;
height:20px;
color:#4D4D4D;
text-decoration:none;
}
ul#menu li:hover span a{
    background-color: #4D4D4D;
    color:#E1E1E1;
}
ul.sub_menu_about >li a:hover, ul.sub_menu_news >li a:hover, ul.sub_menu_plac >li a:hover, ul.sub_menu_train >li a:hover, ul.sub_menu_inspec >li a:hover{
  color: #7C7C7C;
  }

  /*footer*/
/*======*/

footer
{
height: 25.2%;
background-color: rgb(225, 225, 225);
background-color: rgba(225, 225, 225, 0.8);
border-radius: 12px 12px 0px 0px;
margin-left: 5%;
margin-right: 5%;
padding: 5px 20px 5px 20px;
}

#plan_site{
    display: inline-block;
}

#about, #placement, #training, #inspection, #contact_footer
{
    display: inline-block;
    vertical-align: top; 
    width: 100%;
}

footer h4
{
font-size:1.3em;
}
#about ul, #placement ul, #training ul, #inspection ul
{
    margin-top: 0;
    padding-top: 5px;
    padding-left: 0px;
    list-style-type:none; 
}

#about li, #placement li, #training li, #inspection li
{
    height: 11px;
    margin-top:3px;
    text-align: center;
}

#about h4, #placement h4, #training h4, #inspection h4, #contact_footer h4
{
    height: 15px;
    margin-top: 0px;
    margin-bottom: 0px;
    text-align: center;
}

#about a, #placement a, #training a, #inspection a, #contact_footer a
{
    text-decoration: none;
    color:#4D4D4D;
    font-size:0.7em;
}


#ext_link{
    display: inline-block;
    width: 100%;
    text-align: center;

}
#blog{
    display: inline-block;
    margin-top: 20px;
    margin-bottom: 20px;
    height:40px;
    float:none;
    width: 140px;
    color: #4D4D4D;
}
#blog .blog{
    margin-bottom: 27px;
    margin-left: 10px;
    display: inline-block;
    vertical-align: middle;
    text-decoration: underline ;
}
#blogimg{
    width:40px;
    height:40px;
}


#paypal_logo_footer{
    display: inline-block;
    width: 80px;
    float: none;

}
#legacy
{
display: inline-block;
width: 100%;
text-align: center;

}

#legacy a
{
    color: #4D4D4D;
    text-decoration: none;
    font-size: 0.6em;
    text-align: center;    

}

/*section*/
/*=======*/
section
{
display: inline-block;
background-color: rgb(225, 225, 225);
background-color: rgba(225, 225, 225, 0.8);
border-radius: 15px 15px 15px 15px;
padding: 1% 5% 2% 5%;
margin: 1.5% 2% 4% 2%;
max-width: 100%;
}}

/*==============================================================================================================*/
/*==========================================TRAINING MAX 917PX ================================================*/
/*==============================================================================================================*/


@media  screen and (max-width:1224px) {

#bannertraining{
    margin-top: 10px;
width: 95%;
border:5px solid white;
border-radius: 6px;
}
.module
{
    padding: 5px;
    font-size: 0.8em;
    margin-bottom: 0px;
}
#priceco{
    margin-bottom: 30px;
    margin-top: 15px;
    display: inline-block;
} 
.tlewp{margin: 0px; padding:0px;}

#paypal{
    margin-bottom: 30px;
     margin-top: 10px;
     margin-right: 10px;
    display: inline-block;
    float: right;
}

}
/*==============================================================================================================*/
/*==============================================================================================================*/
/*==============================================================================================================*/

/*section*/
/*=======*/

section h1
{
color: #EC5A24;
font-size: 1.6em;
text-align: left;
line-height: 1.1em;
text-transform:uppercase;
font-weight:bold;
margin-top: 4%;
margin-bottom: 30px;
}
section h2
{
color: #333333;
font-size: 1.5em;
text-align: left;
line-height: 1em;
font-weight:bold;
text-transform:capitalize;
}
section h3
{

font-size: 1.2em;
font-weight:bold;
margin-bottom: 10px;
text-transform:capitalize;
}

section h5
{
font-size:1.1em;
margin-bottom: 5px;
}
section li
{
line-height: 1.2em;
padding-bottom: 7px;
}


section  a 
{
color: #4D4D4D;
font-weight:bold;
}
section p
{
display: inline-block;
color: #4D4D4D;
font-size: 1em;
line-height: 1.5em;
text-align: justify;
margin-bottom: 10px;
margin-top: 10px;
}
section img
{
display:inline;
width:80px;
height: 80%;
margin-bottom: 0px;
}

.img
{
display:inline;
float:right;
width:80px;
height: 80px;
margin-bottom: 0px;
}

#highrisklicences{
    width: 100%;
}
#contructionmodule{
    width: 100%;
}

h5{font-weight: bold;}
.tlewp{font-weight: bold;}

#pline{
    margin-left: 80px;
}
#dline{
    margin-left: 80px;
}

#pline a {
    text-align: center;
    display: inline-block;
    width: 100px;
    margin-right:80px;

 }
#dline a{
     text-align: center;
    display: inline-block;
    width: 100px;
    margin-top: 15px;
    margin-right:80px;
    
 }


/*section riggers doggers*/
/*=======================*/

#dgrgd h5, #dgrg1 h5, #dgrg2 h5, #dgrg3 h5
{
text-transform: uppercase;
font-size:1.2em;
}

#dgrg
{
display:table;
min-height:40px;
width: 100%;
border-bottom:1px solid #4D4D4D;
margin-bottom: 2%;
}
#dgrgbis
{
display:table;
min-height:40px;
width: 100%;
margin-bottom: 2%;
border-bottom:1px solid #4D4D4D;
padding:0px;
margin:0px;
}

#dgrgd, #dgrg1, #dgrg2, #dgrg3
{
display: none;
margin: 0;
background-color: rgb(240,240,240);
background-color: rgba(240,240,240,0.8);
border-radius: 12px;
}


.flebas
{
margin-left:48%;
margin-right:48%;
margin-bottom: 2%;
margin-top:5px;
width: 33px;
}


#contenttriand, #contenttrian, #contenttrian1, #contenttrian2
{
display:block;
margin:2%;
padding:2%;
text-align:center;
}

/*register*/
/*========*/

.hidden
{
display:none;
}
.shown
{
display:block;
}







/*contact localisation sur google map*/
/*===================================*/

#map_google
{
    margin-left:0.75%;
    z-index:10

}
#googleMap{
    margin-top: 20px;
    margin-bottom:-10px;
    min-width: 100%;
    height:300px;
}


#contact
{
    display:inline-block;
    max-width: 45%;
    margin-left:3%;
    padding:0;
    margin-right:0;
}

.alert_error, .alert_success
{
    display: inline-block;
    color: rgb(214,65,13);
    color: rgba(214,65,13,1);
    font-size: 1.2em;
    font-style: italic;
    line-height: 1.2em;
    margin-left:2%;

}

.error 
{
    color: rgb(214,65,13);
    color: rgba(214,65,13,1);
    font-size: 0.8em;
    font-style: italic;
    line-height: 0.9em;
    padding:0;
    margin:0;
    display:inline;

}

.cont{
    padding:0;
    margin-bottom: 0;
    display: inline-block;
}

#contact, p
{
    margin-top:0.5%; 
    margin-bottom:0.5%;
}

small a
{
 text-decoration: none;   
 font-size: 1.2em;
 font-weight: normal;
}

 small
 {  float:right;
    display: block;
    margin: 10px 3% 0 0 ;
    padding: 7px;
    border-radius: 5px 5px 0 0;
    background-color: rgb(255, 255, 255);
    background-color:rgba(255, 255, 255, 0.6)
}


aside{
    background-color: rgb(255, 255, 255);
    background-color: rgba(255, 255, 255, 0.6);
    padding:3px ;
    border-radius:10px;
    display:inline-block;
    float:right;
    max-width: 380px;
    min-width: 150px;
    margin-left: 2%;
    margin-right:1%;

    }
aside p{
   margin-left: 10px;
   margin-bottom: 4px;
   text-align: left;
}

aside h3
{
    margin-bottom: 3px;
}

.send
{
    margin-left: 250px;
}

/*≈≈≈≈©©©◊◊◊ß~~~~~~~pADMIN≈≈≈≈≈©©*/
/*===================================*/



.adminrig, .admindog, .adminscaf, .admincrane, .adminspace, .adminewp, .adminfork, .adminheights, .admincard
{
    width:30px;
    height: 30px;
    float: left;
    margin-top: 5px;
    margin-right: 5px;
}


.titleadmin
{   font-weight: bold;
    
    list-style: none;
    padding-bottom: 5px;
    padding-top: 5px;
    text-indent: 20px;
    width:200px;
    margin-bottom: 5px;
    border-radius: 7px;
   background-color: rgb(255, 255, 255);
    background-color: rgba(255, 255, 255, 0.6);
}
#count_admin
{
    max-width: 100%;
    border-bottom: 1px solid grey;
}


#adrig, #addog, #adscaf, #adcrane, #adspace, #adewp, #adfork, #adheights, #adcard
{
    min-width: 160px;
    max-width: 200px;
    min-height: 50px;
    display: inline-block;
    list-style: none;  
    margin-bottom: 5px;
    margin-left: 5px;
    border-radius: 7px;
    background-color: rgb(255, 255, 255);
    background-color: rgba(255, 255, 255, 0.6);
                    

}

h4
{
    margin-top: 10px;
    margin-left: 10px;
    font-size: 0.9em;
}

.count
{
    float:right;
    margin-right: 7px;
}

ul.new

{
    margin-left: 30px;
    min-width: 220px;
    min-height: 50px;
    display: inline-block;
    list-style: none;  
    margin-bottom: 5px;
    border-radius: 7px;
    background-color: rgb(255, 255, 255);
    background-color: rgba(255, 255, 255, 0.6);
}
ul.new  li
{
    margin-left: -35px;
    list-style: none;


/*≈≈≈≈©SELECTION DES JOBS≈≈≈≈≈©©*/
/*===================================*/
}
#checkjob{ 
    width: 100%;
    height: 100%;
    display: inline-block;

}
#checkjob li{ 
    list-style: none;
    margin-right: 10px;
    float: left;
    width: 21%;
    min-width: 207px;
    display: inline-block;
}

#checkjob form{
    min-height: 100px;    
}
#checkjob input{
    float : left;
}
#select li{
    list-style: none;
    margin-right: 10px;
    float: left;
    width: 21%;
    min-width: 145px;
    display: inline-block;
}
#whitecard, #ewp, #forklift, #confinedspaces, #workingatheights, #dogging {
min-width: 100%;
}
#whitecard li, #ewp li, #forklift li, #confinedspaces li, #workingatheights li, #dogging li {
    list-style: none;
    display: inline-block;
}
#whitecard li h5, #ewp li h5, #forklift li h5, #confinedspaces li h5, #workingatheights li h5, #dogging li h5{
    list-style: none;
    display: inline-block;
    min-width: 370px;
    margin-top: 5px;
    margin-bottom: 5px;
}
#whitecard ul, #ewp ul, #forklift ul, #confinedspaces ul, #workingatheights ul, #dogging ul{
    list-style: none;
    display: inline-block;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: -20px
}
#whitecard ul li, #ewp ul li, #forklift ul li, #confinedspaces ul li, #workingatheights ul li, #dogging ul li{
    list-style: none;
    display: inline-block;
}


#rigging, #scaffolding {
    display: inline-block;
    margin: 0;
    padding: 0;
}
#rigging li, #scaffolding li{
   list-style: none;
}

#craneoperator ul{
    list-style: none;
}
#craneoperator ul > li{
    margin-left: -40px;
}
#crlicence li{
    width: 220px;
    display: inline-block;
    margin-right: 120px;

}
#crlicence input{
    float:right;

}
/*≈≈≈≈©LAST PROFIL≈≈≈≈≈©©*/
/*===================================*/

#newblock
{
    width: 100%;
    height: 100%;
    display: block;
    float: left;
    border-top :1px solid grey;

}
/*≈≈≈≈PROFIL Customer≈≈≈≈≈©©*/
/*===================================*/

#megalicence
{
    padding:10px;
    margin-top: 10px;
    margin-bottom:10px;
    border-radius: 20px;
    background-color: rgb(240, 240, 250);
    background-color: rgba(240, 240, 250, 0.4); 
} 


 #megadetails{
    padding:10px;
    margin-top: 10px;
    margin-bottom:10px;
    border-radius: 20px;
    background-color: rgb(240, 240, 250);
    background-color: rgba(240, 240, 250, 0.4); 
} 

#megavail{
  
    border-radius: 10px;
    padding: 5px;
    display: inline;
    float: right;
    list-style: none;
    margin-top: -50px;
}
#green
{
    padding: 7px;
    width: 75px; 
    border-radius: 12px;
    background-color: rgb(130, 244, 146);
    background-color: rgba(130, 244, 146, 0.9);

}
#red
{   padding: 7px;
    width:95px; 
    border-radius: 12px;
    background-color: rgb(242, 126, 81);
    background-color: rgba(242, 126, 81, 0.9);
}
.peace{
    padding: 7px;
    border-radius: 12px;
     background-color: rgb(240, 240, 250);
    background-color: rgba(240, 240, 250, 0.9); 
}

#megayn{
    padding: 5px;
    border-radius: 10px;
    margin-left: -35px;  
}
#megaewp, #megafork, #megaheights, #megacard, #megaspace, #megadog{
    display: inline-block;
    min-width: 220px;
    margin-bottom: 5px;
    margin-right: 5px;
    background-color: rgb(240, 240, 250);
    background-color: rgba(240, 240, 250, 0.8);
    border-radius: 10px;
    padding: 5px;
}
#megayn h5, #craneoperator h5, #scaffolding h5, #dogging h5 , #rigging h5, #dogging1, #rigging1, #scaf1, #crano{
    margin-top: 10px;
    margin-bottom: 10px;
    }

 #megascaf, #megarig{
    background-color: rgb(252, 155, 63);
    background-color: rgba(252, 155, 63, 0.5);
    border-radius: 10px;
    width: 45%;
    min-width: 220px;
    margin: 5px;
    padding: 10px;
}
#megarig, #megascaf{
    display: inline-block;
    }
#megacrane{
    background-color: rgb(252, 155, 63);
    background-color: rgba(252, 155, 63, 0.5);
    border-radius: 10px;
    margin: 5px;
    padding-top:20px;
    padding-bottom: 30px;
    padding-right: 15px; 
}

input[name="update_dogging"], input[name="update_rigging"], input[name="update_scaf"], input[name="update_crane"],input[name="update_fork"], input[name="update_ewp"], input[name="update_space"], input[name="update_height"], input[name="update_white"]{
    float: right;
}
input[name="submit_dogging"], input[name="submit_rigging"], input[name="submit_scaf"], input[name="submit_crane"],input[name="submit_fork"], input[name="submit_ewp"], input[name="submit_space"], input[name="submit_height"], input[name="submit_white"]{
    float: right;
}
input[name="back_dogging"], input[name="back_rigging"], input[name="back_scaf"], input[name="back_crane"],input[name="back_fork1"], input[name="back_ewp1"], input[name="back_space"], input[name="back_height"], input[name="back_white1"]{
    float: right;
}


/*≈≈≈≈©PROFIL DETAIL ADMIN≈≈≈≈≈©©*/
/*===================================*/

#profildetail, #profildetail ul li{
    list-style: none;

}
#profil {
    list-style: none;
    max-width: 90%;
    min-width: 22%;
    margin-bottom: 2%;
    padding: 5px;
    margin-right:4%;
    margin-left:4%;
    display: block;
    border-radius: 7px;
    background-color: rgb(255, 255, 255);
    background-color: rgba(255, 255, 255, 0.8);  
}
ul#gende{
   padding-top: 5px;
    list-style: none;
    display: block;
    margin-top: 5px;
    margin-bottom: 0px;
    margin-left: 1%;
    margin-right: 1%;
    border-radius: 7px;
    background-color: rgb(220, 220, 220);
    background-color: rgba(220, 220, 220, 0.9);     
}

ul#rigde, ul#ynde, ul#cranede{
    padding-top: 5px;
    list-style: none;
    display: inline-block;
    margin-top: 5px;
    margin-bottom: 0px;
    margin-left: 5px;
    margin-right: 0px;
    border-radius: 7px;
    background-color: rgb(220, 220, 220);
    background-color: rgba(220, 220, 220, 0.9);     
}
#profil > ul > li{ 
    margin-bottom: 0px;
    list-style: none;

}
#profil ul ul{

    display: inline-block;
    list-style: none;
    border-radius: 7px;
    margin-left: 5px;
    margin-top: 1px;
    text-align: left;    
}
#profil ul ul li{
    margin-left: -45px; 
    margin-right: 10px;  
}

.title_job{
    margin-left: -20px;
}
#rigde, #cranede, #ynde{
    vertical-align: top;
}

#square > li{
    list-style: none;
    
}
#rigde ul {
    margin-right: 20px; 
    max-width: 200px;
    min-width: 130px;
}
#square{
display: inline-block;
vertical-align: top;
}




/*≈≈≈≈©ADMIN DETAIL≈≈≈≈≈©©*/
/*===================================*/

#print_button{
    width: 25px;
    height: 25px;
    float: right;
    margin-top:-40px;
    margin-right: 20px;
    
}
#print_button2{
    width: 25px;
    height: 25px;
    float: right;
    margin-top:10px;
    margin-right: 20px;
}
#numero{
    visibility: hidden;
    display: none;
}
#logocolexpert{
    width:50%;
}
@media print {
    header, #tdet, #log, #connect, #register ,nav ,footer, h1, img, #print_button2 {
        display: none;
    }
    #logocolexpert{
        margin-left: -80px;
    }
    #numero{
        visibility: visible;
        display: block;
    }
    #profil {
        visibility: visible;
        width: 100%;
        margin-top: 0px;

    }
    header > a > img {
      visibility: visible;
      display: block;
        width: 100%;  
    }
}
/*===================================*/
/*≈≈≈≈xxx  admin article xxx≈≈≈≈≈©©*/
/*===================================*/


/*≈≈≈≈xxx  add an Article  xxx≈≈≈≈≈©©*/
/*===================================*/

#show_article{
    border-collapse: collapse;
    list-style:none;
    padding: 0px;
    text-align: center;
     
}
#title{
   height: 40px; 
   border-bottom: 1px solid #939393;
}
#content_part{
    height: 50px;   
}
#content_part:hover{
    background-color: rgba(147, 147, 147, 0.6); 
}
tr:first-child, td:first-child { border-top-left-radius: 10px; }
tr:first-child, td:last-child { border-top-right-radius: 10px; }
tr:last-child, td:first-child { border-bottom-left-radius: 10px; }
tr:last-child, td:last-child { border-bottom-right-radius: 10px; }

.nbr_class{
    width: 40px;
}
.title_class{
    width: 200px;
}
.content_class{
    width: 390px;
}
.date_class{
    width: 90px;
}
.action_class{
    width: 80px;
}
.action_class img{
    width: 20px;
    height:20px;
}
.date_article_show{
    float:right;
    font-weight: bold;
}


/*≈≈≈≈xxx  add an Article  xxx≈≈≈≈≈©©*/
/*===================================*/
#submit_article, #save_article, #preview_article{
    margin-right: 10px;
    width: 70px;
    font-size: 1em;
    line-height: 1.6em;
    color:white;
    border: none;
    border-radius: 4px;
}
#button_article, #preview_article{
float: right;
}
#counter_saved{
    float:right;
    margin-top: -55px;
}
#submit_article{
 background-color:#F2851E; 
}
#save_article{
 background-color:#EC5A24; 
}
#preview_article{
 background-color:#999999; 
}
#submit_article:hover{
 background-color: #FCA259;
}
#save_article:hover{
 background-color:#FC683A; 
}
#preview_article:hover{
 background-color:#AFAFAF; 
}

#list_article{
    padding: 0px;
}
#list_article li{
    margin-bottom: 0px;
}
#add_article_title{
 width:50%;   
}
#add_article_title{
min-width: 200px;
height:30px;
font-size:1em;
border:none;
border-radius:4px;}

#add_article_content{
width:85%;
height:300px;
}
#prev_article{
  width: 16px;
    height: 16px;
    border: none;
    background: url("../jpeg/icon/preview.png") no-repeat;  
}
#edit_article{
  width: 16px;
    height: 16px;
    border: none;
    background: url("../jpeg/icon/file_edit.png") no-repeat;
    cursor: url(../jpeg/icon/file_edit32x32.png),auto;  
}

#delete_article{
    width: 16px;
    height: 16px;
    border: none;
    background: url("../jpeg/icon/Delete_Icon.png") no-repeat;
}

/*≈≈≈≈NAV REPONSIVE DESIGN≈≈≈≈≈©©*/
/*===================================*/

/*≈≈≈≈    DASHBOARD PAGE      ≈≈≈≈≈©©*/
/*===================================*/

#imgap, #imgaa, #imgja{
    display: block;
    height: 84px;
    width: 84px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 10px;
    border-radius: 10px;
}
#imgap{
background-color: #F7931E;
}
#imgap:hover{
background-color: #FBB03B;
} 
#imgaa{
background-color: #999999;
} 
#imgaa:hover{
background-color: #B3B3B3;
} 
#imgja{
background-color: #0071BC;
}
#imgja:hover{
background-color: #29ABE2;
}

#dashboard{
    list-style: none;
    margin-right: auto;
    margin-left: auto;
}
#dashboard li{
    display: inline-block;
    width: 33%;
    min-width: 200px;
}
#dashboard li h5{
    margin: 0;
    padding: 0;
    text-align: center;
}


/*===================================*/
/*===================================*/
/*===================================*/

.logonet{
    width: 35px;
    height: 35px;
    float:left;
    margin-top: 25px;
    margin-right: 10px;
}

#inf_gen  {
    display: block;
    margin-left:-50px;
}
#inf_gen ul {
    list-style: none;
}
#inf_gen ul li {
    display: inline-block;
}
#inf_gen ul ul li {
    margin-left:-50px;
 
}
#drivelicence {
    margin-top: 10px;
    height: 80px;
    margin-left: -40px;
}

#drivelicence li{
    min-width: 236px;
    display: inline-block;
    margin-right: 30px;
    float:left;
}
#drivelicence li input{
    display: inline;
    float: right;
}

/* ============ */
/* Perso cursor */
/* ============ */
a.info {
   position: relative;
   color: black;
   text-decoration: none;
   cursor: help;
}
a.info span {
   display: none; /* On masque l'infobulle. */
}
a.info:hover {
   background: none; /* Correction d'un bug d'Internet Explorer. */
   z-index: 500; /* On définit une valeur pour l'ordre d'affichage. */
    /* On change le curseur par défaut par un curseur d'aide. */
}
a.info:hover span {
   display: inline; /* On affiche l'infobulle. */
   position: absolute;

   white-space: nowrap; /* On change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non désiré. */

   top: 10px; /* On positionne notre infobulle. */
   left: 10px;

   background: white;

   color: grey;
   padding: 3px;

   border: 1px solid orange;
   border-left: 4px solid orange;
}
/* ================ */
/* Job announcement */
/* ================ */
#announce{
   padding: 1% 2% 2% 2%;
    margin: 1% 1% 1% 1%;
    width: 93%;
}
#a_job{
    list-style: none;
    padding: 0;
}
#a_title{
 width:50%;   
}
#a_job li{
    margin-top: 10px;
}
#a_job li label{
    display: inline-block;
  width: 140px;  
}

#a_job input{
min-width: 200px;
height:30px;
font-size:1em;
border:none;
border-radius:4px;}

#submit_announce, #save_announce{
    margin-right: 10px;
    width: 70px;
    font-size: 1em;
    line-height: 1.6em;
    color:white;
    border: none;
    border-radius: 4px;
}

#submit_announce{
 background-color:#F2851E; 
}
#save_announce{
 background-color:#EC5A24; 
}

#submit_announce:hover{
 background-color: #FCA259;
}
#save_announce:hover{
 background-color:#FC683A; 
}