::-moz-selection { color: white; background: ; }
::selection { color: white; background: ;}
/****** RESET *******/
*{text-rendering:optimizeLegibility;-webkit-font-smoothing: antialiased;font-smoothing: antialiased;}
html, body, div, span, object, h1, h2, h3, h4, h5, p, a, img, ul, li{border:0 none;list-style:none outside none;margin:0;padding:0;}



/****** FONTS *******/
@font-face {
font-family: 'montserratbold';
src: url('../fonts/montserrat-bold-webfont.eot');
src: url('../fonts/montserrat-bold-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/montserrat-bold-webfont.woff') format('woff'),
url('../fonts/montserrat-bold-webfont.ttf') format('truetype'),
url('../fonts/montserrat-bold-webfont.svg#montserratbold') format('svg');
font-weight: normal;
font-style: normal;

}

@font-face {
font-family: 'montserratregular';
src: url('../fonts/montserrat-regular-webfont.eot');
src: url('../fonts/montserrat-regular-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/montserrat-regular-webfont.woff') format('woff'),
url('../fonts/montserrat-regular-webfont.ttf') format('truetype'),
url('../fonts/montserrat-regular-webfont.svg#montserratregular') format('svg');
font-weight: normal;
font-style: normal;

}

@font-face {
font-family: 'altagnapictosregular';
src: url('../fonts/altagnapictos-webfont.eot');
src: url('../fonts/altagnapictos-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/altagnapictos-webfont.woff') format('woff'),
url('../fonts/altagnapictos-webfont.ttf') format('truetype'),
url('../fonts/altagnapictos-webfont.svg#altagnapictosregular') format('svg');
font-weight: normal;
font-style: normal;

}





/******* GENERAL *******/
.left{
float : left;
}

.right{
float : right;
}

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

.picto{
font-family : altagnapictosregular;
}

.picto.picto-edit:hover{
color:#6ede00 !important;
}

.picto.picto-delete:hover{
color:#ff4141 !important;
}

.picto.picto-qualification:hover{
color:  !important;
}

.upper{
text-transform: uppercase;
}

.hide{
display : none;
}

.text-center{
text-align : center;
}

.v-middle{
vertical-align : middle;
}

/******* TITRES *******/
h1{
color : ;
font-size : 30px;
min-height : 38px;
margin-top : 20px;
font-weight: normal;
}

/****** MESSAGES TOP *******/
.alert-top{
color: white;
font-size: 12px;
font-family: montserratregular;
font-weight: normal;
padding: 8px;
margin-top: 4px;
line-height: 18px;
}

.alert-top .picto {
font-size: 21px;
margin-right: 4px;
}

.alert-top.success{
background-color: #98d585;
color: white;
}

.alert-top.alert{
background-color: #f62a2a;
color: white;
text-align : left;
width : auto;
}

.alert-top.warning{
background-color: #ff9b30;
color: white;
}

.alert-top.warning a{
color : white;
}

.alert-top.default{
background-color: #e1dfdf;
color: white;
color : black;
}

/******* FORMS ELEMENTS *******/
input, textarea{
font-family : montserratregular;
font-size : 12px;
padding : 2px;
}



input[type=text], input[type=password]{
width : 304px;
margin : 0 auto;
padding-top : 1px;
border : 1px solid #c8c8c8;
padding : 5px;
display : block;
height : 18px;
border-radius: 2px;

/**shadopw inbox**/
-moz-box-shadow: inset 2px 2px 6px 0px #dadada;
-webkit-box-shadow: inset 2px 2px 6px 0px #dadada;
-o-box-shadow: inset 2px 2px 6px 0px #dadada;
box-shadow: inset 2px 2px 6px 0px #dadada;
/*filter:progid:DXImageTransform.Microsoft.Shadow(color=#9b9b9b, Direction=135, Strength=15);*/
}

input.small{
width : 75px;
}

input.medium{
width : 185px;
}


input.large{
width : 550px;
}


textarea{
width : 304px;
margin : 0 auto;
padding-top : 1px;
border : 1px solid #c8c8c8;
padding : 5px;
display : block;
height : 29px;
border-radius: 2px;

/**shadopw inbox**/
-moz-box-shadow: inset 2px 2px 6px 0px #dadada;
-webkit-box-shadow: inset 2px 2px 6px 0px #dadada;
-o-box-shadow: inset 2px 2px 6px 0px #dadada;
box-shadow: inset 2px 2px 6px 0px #dadada;
/*filter:progid:DXImageTransform.Microsoft.Shadow(color=#9b9b9b, Direction=135, Strength=15);*/
}

.button-upload{
background-color : none;
background : url('../images/upload-button.png');
width : 202px;
height : 33px;
border : none;
cursor : pointer;
}


.button-css {
-moz-box-shadow:inset 0px 2px 2px 0px #ffffff;
-webkit-box-shadow:inset 0px 2px 2px 0px #ffffff;
box-shadow:inset 0px 2px 2px 0px #ffffff;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.35, #90d5e0), color-stop(0.75, #61beca) );
background:-moz-linear-gradient( center top, #90d5e0 35%, #61beca 75% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#90d5e0', endColorstr='#61beca');
background-color:#90d5e0;
-webkit-border-top-left-radius:0px;
-moz-border-radius-topleft:0px;
border-top-left-radius:0px;
-webkit-border-top-right-radius:0px;
-moz-border-radius-topright:0px;
border-top-right-radius:0px;
-webkit-border-bottom-right-radius:0px;
-moz-border-radius-bottomright:0px;
border-bottom-right-radius:0px;
-webkit-border-bottom-left-radius:0px;
-moz-border-radius-bottomleft:0px;
border-bottom-left-radius:0px;
border:1px solid #afdde3;
display:inline-block;
color:#ffffff;
font-family:arial;
font-size:15px;
font-weight:bold;
font-style:normal;
height:28px;
cursor : pointer;
padding : 0 10px;
text-decoration:none;
text-align:center;
}
.button-css:hover {
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.35, #61beca), color-stop(0.75, #90d5e0) );
background:-moz-linear-gradient( center top, #61beca 5%, #90d5e0 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#61beca', endColorstr='#90d5e0');
background-color:#61beca;
}.button-css:active {
position:relative;
top:1px;
}




.button {
background-color : ;
-webkit-border-top-left-radius:2px;
-moz-border-radius-topleft:2px;
border-top-left-radius:2px;
-webkit-border-top-right-radius:2px;
-moz-border-radius-topright:2px;
border-top-right-radius:2px;
-webkit-border-bottom-right-radius:2px;
-moz-border-radius-bottomright:2px;
border-bottom-right-radius:2px;
-webkit-border-bottom-left-radius:2px;
-moz-border-radius-bottomleft:2px;
border-bottom-left-radius:2px;
border : 1px solid ;
display:inline-block;
color:#ffffff;
font-family : montserratregular;
font-size:15px;
font-style:normal;
height:28px;
cursor : pointer;
padding : 0 10px;
text-decoration:none;
text-align:center;
outline: none;
}

.buttonGris {
background-color : ;
-webkit-border-top-left-radius:2px;
-moz-border-radius-topleft:2px;
border-top-left-radius:2px;
-webkit-border-top-right-radius:2px;
-moz-border-radius-topright:2px;
border-top-right-radius:2px;
-webkit-border-bottom-right-radius:2px;
-moz-border-radius-bottomright:2px;
border-bottom-right-radius:2px;
-webkit-border-bottom-left-radius:2px;
-moz-border-radius-bottomleft:2px;
border-bottom-left-radius:2px;
border : 1px solid #99b7bf;
display:inline-block;
color:#ffffff;
font-family : montserratregular;
font-size:15px;
font-style:normal;
height:28px;
cursor : not-allowed;
padding : 0 10px;
text-decoration:none;
text-align:center;
outline: none;
}

.button a{
color:white;
text-decoration: none;
}


.button-alert{
background : url('../images/background-select-alert.png') center repeat-x;
-webkit-border-top-left-radius:2px;
-moz-border-radius-topleft:2px;
border-top-left-radius:2px;
-webkit-border-top-right-radius:2px;
-moz-border-radius-topright:2px;
border-top-right-radius:2px;
-webkit-border-bottom-right-radius:2px;
-moz-border-radius-bottomright:2px;
border-bottom-right-radius:2px;
-webkit-border-bottom-left-radius:2px;
-moz-border-radius-bottomleft:2px;
border-bottom-left-radius:2px;
border : 1px solid #db4b36;
display:inline-block;
color:#ffffff;
font-family : montserratregular;
font-size:15px;
font-style:normal;
height:28px;
cursor : pointer;
padding : 0 10px;
text-decoration:none;
text-align:center;
outline: none;
}


div.button, div.buttonGris{
height : 26px;
border-radius : 2px;
line-height : 26px;
outline: none;
}


span.button, span.buttonGris{
height : 26px;
border-radius : 2px;
line-height : 26px;
outline: none;
margin-top : 0;
}

.button:hover, .button.active {
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.35, ), color-stop(0.90, ) );
background:-moz-linear-gradient( center top,  5%, #90d5e0 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='', endColorstr='#90d5e0');
background-color:;
}

.buttonGris:hover, .buttonGris.active {
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.35, #808080), color-stop(0.75, #c6cdcf) );
background:-moz-linear-gradient( center top, #808080 5%, #c6cdcf 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#808080', endColorstr='#c6cdcf');
background-color:#808080;
}

.button:active, .buttonGris:active {
position:relative;
top:1px;
}

select.select-blue{
background: transparent;
width : 196px;
margin-left : 4px;
line-height: 1;
font-family : montserratbold;
color : white;
border : none;
outline: none;
cursor: pointer;
}



.style-box-select{
width : 180px;
overflow: hidden;
background-image: url('../images/arrow-select.png');
background-repeat : no-repeat;
background-position : right;
line-height : 30px;
cursor: pointer;
}

.help-inline{
color : #ff4425;
font-family : montserratregular;
font-size : 10px;
padding-left : 5px;
}

.action-input-wrapper{
text-align :right;
}

.select-wrapper{
/*float : left;*/
}

.select-wrapper select{
padding-top : 1px;
border : 1px solid #c8c8c8;
padding : 5px;
height : 28px;
border-radius: 2px;
background-color : white;
background : ;
color : white;
margin-left : 0px;
font-family : montserratregular;

/**shadopw inbox**/
/*-moz-box-shadow: inset 2px 2px 6px 0px #dadada;
-webkit-box-shadow: inset 2px 2px 6px 0px #dadada;
-o-box-shadow: inset 2px 2px 6px 0px #dadada;
box-shadow: inset 2px 2px 6px 0px #dadada;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#9b9b9b, Direction=135, Strength=15);*/
}

.select-wrapper .jour{
width : 70px;
}

.select-wrapper .mois{
width : 70px;
}

.select-wrapper .annee{
width : 80px;
}

.small-select-wrapper select{

width: 39px;
text-align: center;
margin: 0 auto;
padding: 0px;
display: block;
height: 15px;
border-radius: 2px;
font-size: 10px;
background-color: #fafafa;
-moz-box-shadow: inset 0px 0px 0px 0px #dadada;
-webkit-box-shadow: inset 0px 0px 0px 0px #dadada;
-o-box-shadow: inset 0px 0px 0px 0px #dadada;
box-shadow: inset 0px 0px 0px 0px #dadada;
float : left;

/**shadopw inbox**/
/*-moz-box-shadow: inset 2px 2px 6px 0px #dadada;
-webkit-box-shadow: inset 2px 2px 6px 0px #dadada;
-o-box-shadow: inset 2px 2px 6px 0px #dadada;
box-shadow: inset 2px 2px 6px 0px #dadada;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#9b9b9b, Direction=135, Strength=15);*/
}

.select-wrapper .jour{
width : 70px;
}

.select-wrapper .mois{
width : 70px;
}

.select-wrapper .annee{
width : 80px;
}



.select-multi{
width : 304px !important;
padding : 5px;
font-size : 10pt;
/**shadopw inbox**/
-moz-box-shadow: inset 2px 2px 6px 0px #dadada;
-webkit-box-shadow: inset 2px 2px 6px 0px #dadada;
-o-box-shadow: inset 2px 2px 6px 0px #dadada;
box-shadow: inset 2px 2px 6px 0px #dadada;
font-weight : normal !important;
font-family : montserratregular;
}

.select-multi-liste{

width : 316px;
}

.select-multi-liste .affiche-selection-btn{
float : right;
font-size : 24px;
color :#c5c5c5;
text-shadow: 0px 1px 1px white;
cursor : pointer;
}

.select-multi-liste .affichage-wrapper{
clear : both;
border : 1px solid #c5c5c5;
border-radius : 2px;
padding : 6px;
margin-bottom : 3px;
background-color : white;
line-height : 20px;
font-family : montserratregular;
box-shadow: 0px 1px 1px white;
}

.select-multi-liste .selection-wrapper{
display : none;

}

.select-assoc-liste{
width : 368px;
}

.select-multi-caption{
line-height : 1;
font-size : 8pt;
font-style:italic;
font-family : montserratregular;
padding-left : 6px;
}

.multi-liste{
font-family : montserratregular;
width : 314px;
float : left;
}

input.disabled{
background-color : #f0f0f0;
color : #828282;
}

/******* STYLE DOWNLOAD ********/
.download-wrapper{
width : 350px;
float : left;
}

.download-wrapper div{
line-height : 1.5;
}


.download-wrapper .btn-upload input.upload {
position: absolute;
top: 0;
right: 0;
margin: 0;
padding: 0;
font-size: 20px;
cursor: pointer;
opacity: 0;
filter: alpha(opacity=0);
}

.download-wrapper .fichier-nom {
vertical-align: middle;
margin-left: 6px;
float: left;
height: 30px;
line-height: 30px;
color: #cccccc;
font-size: 10px;
}

.download-wrapper .action{
clear : both;
}

.download-wrapper .action .delete {
cursor: pointer;
font-size : 9pt;
clear : both;
color : red;
}

.download-wrapper .action .delete:hover {
text-decoration : underline;
}

.download-wrapper .action .delete:hover .picto{
text-decoration : none;
}

.download-wrapper .picto.supprimer {
color: #fb4040;
font-size: 16px;
vertical-align : middle;
}

.download-wrapper .warning{
font-size : 10pt;
clear : both;
}

.download-wrapper .error{
font-size : 8pt;
clear : both;
}

.download-wrapper .download-display{
font-size : 10pt;
color : black;
}

.download-wrapper .download-display{
line-height : 1;
}

/******* GRID TABLE SYSTEM *******/
.gridTable{}

.gridTable .span1{ width : 10%; }
.gridTable .span2{ width : 20%; }
.gridTable .span3{ width : 30%; }
.gridTable .span4{ width : 40%; }
.gridTable .span5{ width : 50%; }
.gridTable .span6{ width : 60%; }
.gridTable .span7{ width : 70%; }
.gridTable .span8{ width : 80%; }
.gridTable .span9{ width : 90%; }
.gridTable .span10{ width : 100%; }

.gridTable .span21{ width : 5%; }
.gridTable .span22{ width : 10%; }
.gridTable .span23{ width : 15%; }
.gridTable .span24{ width : 20%; }
.gridTable .span25{ width : 25%; }
.gridTable .span26{ width : 30%; }
.gridTable .span27{ width : 35%; }
.gridTable .span28{ width : 40%; }
.gridTable .span29{ width : 45%; }
.gridTable .span210{ width : 50%; }
.gridTable .span211{ width : 55%; }
.gridTable .span212{ width : 60%; }
.gridTable .span213{ width : 65%; }
.gridTable .span214{ width : 70%; }
.gridTable .span215{ width : 75%; }
.gridTable .span216{ width : 80%; }
.gridTable .span217{ width : 85%; }
.gridTable .span218{ width : 90%; }
.gridTable .span219{ width : 95%; }
.gridTable .span220{ width : 100%; }


.gridTable .table-content:hover{background-color: white;}
.gridTable .table-sub-content{background-color: #DBDBDB;}
.gridTable .table-sub-content h1{text-align: center}

.gridTable .text{ text-align : left; }
.gridTable .number{ text-align : right; }
.gridTable .item{ text-align : center; }

/******* FLASH *******/
.alert{
width : 100%;
color : white;
text-align : center;
}

.alert-success{
background-color : #98d585;
padding : 20px 0px;
}

.alert-error{
background-color : #ff4343;
padding : 20px 0px;
}

.alert .picto{
font-size : 25pt;
margin-right : 6px;
vertical-align : middle;
}

.alert-warning{
background-color : #ff9b30;
padding : 20px 0px;
}

.success{
color : #6ede00;
}

.warning{
color : #ff9500;
}

.orange_warning{
color : #ff9500 !important;
}

.default{
color : #e1dfdf;
}

.error{
color : #ff4141;
}

.success-span{
background-color : #98d585;
color : white;
padding : 4px;
border-radius : 2px;
line-height: 24px;
}

.error-span{
background-color : #ff4141;
color : white;
padding : 4px;
border-radius : 2px;
line-height: 24px;
}

.warning-span{
background-color : #ff9500;
color : white;
padding : 4px;
border-radius : 2px;
line-height: 24px;
}

.default-span{
background-color : #e1dfdf;
color : white;
padding : 4px;
border-radius : 2px;
line-height: 24px;
}

/******* GRADIENTS *******/
.gradient-light-blue {
/* Anciens navigateurs */
background:  url("gradient-bg.png") repeat-x center;
-o-background-size: 100% 100%;
-moz-background-size: 100% 100%;
-webkit-background-size: 100% 100%;
background-size: 100% 100%;
/* Navigateurs récents */
background: -webkit-gradient(
linear,
left top, left bottom,
from(#90d6e0),
to(;)
);
background: -webkit-linear-gradient(
top,
#90d6e0,
);
background: -moz-linear-gradient(
top,
#90d6e0,
);
background: -o-linear-gradient(
top,
#90d6e0,
);
background: linear-gradient(
top,
#90d6e0,
);
}

/******* LAYOUT *******/
body{
margin-top : 0px;
background-color : #f0f0f0;
font-family : montserratregular;

}

html, body{
position: relative;
/*height : 100%;*/
}

.page-wrapper{
min-height : 100%;
position : relative;

}

.ariane{
font-size : 15px;
font-family : montserratbold;
}

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

.ariane .actif,
.ariane a:hover{
color : ;
}

.ariane .next{
color : ;
font-family : altagnapictosregular;
}

.ariane > * {
margin-right : 8px;
}

/******* FOOTER ********/
.footer-wrapper{
width : 100%;
position: absolute;
bottom: 0;
}

.footer{
background-color : #231f20;
height : 130px;
width : 1024px;
margin : 0 auto;
}


/******* HEADER *******/
.header{
width : 1024px;
height : 238px;
margin : 0 auto;
}

.header-top{
height : 38px;
border-bottom : 1px solid white;
background-color : #231f20;
color : white;
line-height : 38px;
font-size : 13px;
font-family : montserratbold;
}

.header-top .disconnect{
height : 38px;
width : 38px;
background-color : ;
}

.header-top .on{
color : white;
font-size : 25px;
text-align : center;
}

.header-top span{
padding-left : 8px;
}

.header-top .search{
height : 38px;
}

.header-top .search .left.admin{
height : 38px;
width : 60px;
position : relative;
background-color : ;
}


.header-top .search .left.admin .button-menu-admin{
text-align : center;
display : block;
font-family : montserratbold;
font-size : 12px;
text-transform : uppercase;
color : white;
text-decoration: none;

}

.header-top .search-icon{
margin-top : 5px;
margin-right : 6px;
}

.header-top .search-input{
margin-top : 7px;
margin-right : 10px;
height : 23px;
width : 204px;
font-size : 11px;
padding : 0 3px;
border-radius: 0px;
}

.header-top .icon-mail{
vertical-align : middle;
}

.header-content{
height : 105px;
background-color : #231f20;
position: relative;
}

.header-content .sous-menu{
position: absolute;
top:105px;
right: 250px;
background-color: #000;
display: none;
width: 202px;
z-index: 200;
}
a.linkto{
text-decoration:underline!important;
color:#05255c!important;
}

.header-content .sous-menu:hover{
display:block;
}
.header-content .sous-menu li{
border-bottom: 1px solid #fff;
padding:6px;
font-size : 10pt;
}
.header-content .sous-menu li a{color:#fff;font-family:"montserratregular" ;text-decoration: none;}
.header-content .sous-menu li:hover{
background-color: ;
}

.sous-menu.gestionSimulateur{
right:50px;
}

.header-content .menu-wrapper{
margin-top : 0px;
}
.header-content .menu{
float: left;
margin-top : 0px;
}

.header-content .menu .interdiction{
cursor : not-allowed;
}


.header-content .menu li{
float : left;
font-family : montserratbold;
font-size : 12px;
text-transform : uppercase;
color : white;
height : 105px;
}

.header-content .menu li.active{
background-color : ;
}

.header-content .menu li.active+li div{
border : none;
}

.header-content .menu li.active+li{
border-left : 2px solid ;
}

.header-content .menu li a{
color : white;
text-decoration : none;
height : 105px;
display : block;
float : left;
}

.header-content .menu li:hover{
background-color : ;
}

.header-content .menu li:hover+li div{
border : none;
}

.header-content .menu li:hover+li{
border-left : 2px solid ;
}

.header-content .menu li div{
padding : 0px 28px;
height : 27px;
margin-top : 78px;
border-left : 2px solid ;
vertical-align : top;
}

.header-content .menu li:first-child div{
border : none;
}

.header-bottom{
background-color : ;
height : 94px;
padding-top : 1px;

}

.header-bottom .menu-icon-wide{
margin-left : 20px;
margin-top : 20px;
font-size : 50px;
color : #000000;
}

.header-bottom span{
line-height : 94px;
padding-left : 14px;
font-size : 30px;
color : white;
text-shadow: 1px 1px 1px #2d7e8a;
}


/**** PAGINATION ****/
div.pagination{padding: 20px 0;}
div.pagination ul{text-align: center;}
div.pagination ul li{display: inline-block; }
div.pagination ul li a{display: inline-block; font-size: 12px;color:black;text-decoration: none}
div.pagination ul li.active a,
div.pagination ul li a:hover{color: ;}


/**** MENU ADMIN ****/
.menu-admin{
background-color : #231f20;
position : absolute;
top : 40px;
right : 0px;
z-index : 999;
display : none;
color : white;
-moz-box-shadow: 1px 1px 2px 0px #9b9b9b;
-webkit-box-shadow: 1px 1px 2px 0px #9b9b9b;
-o-box-shadow: 1px 1px 2px 0px #9b9b9b;
box-shadow: 1px 1px 2px 0px #9b9b9b;
filter: progid:DXImageTransform.Microsoft.Shadow(color=#9b9b9b, Direction=134, Strength=2);

}
.menu-admin .interdiction{
cursor : not-allowed;
}

.menu-admin h3{
color : white;
font-weight : normal;
padding : 6px;
}

.menu-admin li{
line-height : 2.50;
border-top :1px solid #909090;
padding : 6px;
cursor : pointer;
}

.menu-admin li:hover{
background-color : ;
}

.menu-admin li:hover a{
color : white;
}

.menu-admin li a{
line-height : 1.25;
display : inline-block;
vertical-align : middle;
text-decoration : none;
color : white;
width : 100%;
display : block;
padding : 6px;
font-family : montserratregular;
}


/******** POPUPS ********/
.popup-ajout{
background: white;
text-align: left;
max-width: 450px;
margin: 40px auto;
position: relative;
text-align : center;

}
.popup-ajout .popup-title{
position: relative;
text-align: left;
background-color: ;
color: white;
font-size: 20px;
padding: 0 15px;
margin-bottom: 10px;
}

.popup-ajout .popup-title img.logo-altagna{
position: absolute;
top: -8px;
right: 20px;
}

.popup-ajout .popup-footer {
background-color: #a9abab;
text-align: right;
margin-top: 20px;
}
.popup-ajout .popup-footer input{margin: 0}
.popup-ajout p{
padding : 6px;
}

.popup-ajout .error{
font-size : 12px;
color : red;
}


/******* CONTENT *******/
.content{
width : 1024px;
margin : 0 auto;
font-family : montserratregular;
padding-bottom : 130px;
}


/******* PARTIAL *******/

.checkbox-assoc-liste{
width : 304px;
float : right;
text-align : left;
}


.checkbox-assoc-liste div{
font-size : 10pt;

}

.checkbox-assoc-liste div input{

vertical-align : middle;
margin-right : 6px;
margin-left : 32px;
}




/******* COLONNE GAUCHE *******/
.partial-colonne-gauche{
width : 200px;

}

.partial-colonne-gauche IMG{
width : 200px;
}


.partial-colonne-gauche .pilote-item h1{
color: ;
font-size: 22px;
min-height: 38px;
font-weight: normal;
margin-bottom : 8px;
margin-top : 0px;
}

.partial-colonne-gauche .pilote-item .content{
width : 184px;
background-color : white;
padding : 8px 8px;
}


.partial-colonne-gauche .pilote-item .content li{
color : black;
font-family : montserratbold;
font-size : 13px;
background-color : white;
}

.partial-colonne-gauche .pilote-item .content li .label{
color : ;
}

.partial-colonne-gauche .pilote-item .picto-wrapper{
width : 46px;
margin-top : -84px;
margin-right : -4px;
}

.partial-colonne-gauche .pilote-item .picto-wrapper .picto{
text-align: center;
font-size: 20px;
text-decoration: none;
color: #cfcfcf;
}


.partial-colonne-gauche .pilote-item .picto-wrapper .picto a{
text-decoration : none;
}

.partial-colonne-gauche .pilote-item .picto-wrapper li{
padding : 7px;
}

.partial-colonne-gauche .pilote-item .picto-wrapper .picto .trash{

background : url('../images/sprite.png');

}

.partial-colonne-gauche .pilote-item .picto-wrapper .picto .pen{
width : 18px;
height : 24px;
background : url('../images/sprite.png');
background-position : -23px 0px;
margin : 0 auto;
}


.key{
color : black;
}

.partial-colonne-gauche .categorie-wrapper li{
background-color : #000000;
height : 72px;
border-top : 1px solid #909090;
border-right : 1px solid #7f9092;
color : #a9a9a9;
vertical-align : middle;
text-transform: uppercase;
font-size : 13px;
padding-left : 15px;
padding-top : 0px;
cursor : pointer;
font-family : montserratregular;
line-height : 72px;
}

.partial-colonne-gauche .categorie-wrapper li a{
color : inherit;
width : 184px;
height : 100%;
display : block;
}


.partial-colonne-gauche .categorie-wrapper li .arrow-wrapper{
background-color: #485a5c;
vertical-align:middle;
display:inline-block;
line-height:1.2;
width : 17px;
height : 72px;
float : right;
}

.partial-colonne-gauche .categorie-wrapper li .arrow-wrapper span{
margin-top : 30px;
display : block;
margin-left : 4px;
}

.partial-colonne-gauche .categorie-wrapper li .text-wrapper{
vertical-align:middle;
display:inline-block;
line-height:1.2;
width : 149px;
}

.partial-colonne-gauche .categorie-wrapper li.actif,
.partial-colonne-gauche .categorie-wrapper li:hover{
background-color : ;
border-top : 1px solid #c8e8ed;
border-right : 1px solid ;
color : black;
}

.partial-colonne-gauche .categorie-wrapper li.actif .arrow-wrapper,
.partial-colonne-gauche .categorie-wrapper li:hover .arrow-wrapper{
width : 17px;
height : 72px;
background-color: ;
float : right;
}



.partial-colonne-gauche .alert-wrapper{
margin-top : 37px;
}


.partial-colonne-gauche .alert-wrapper li{
background-color : #485a5c;
height : 56px;
border-top : 1px solid #adb4b5;
border-right : 1px solid #adb4b5;
color : #ffffff;
font-size : 11px;
padding : 0 10px;
cursor : pointer;
font-family : montserratregular;
line-height : 56px;
}

.partial-colonne-gauche .alert-wrapper li a{
color : inherit;
}

.partial-colonne-gauche .alert-wrapper li.top{
height : 32px;
line-height : 32px;
color : #a9a9a9;
}

.partial-colonne-gauche .alert-wrapper li .text-wrapper{
display : inline-block;
line-height : 1.2;
vertical-align : middle;
}

.partial-colonne-gauche .alert-wrapper li .text-wrapper div{
margin-left : 4px;
float : left;
width : 154px;
}

.partial-colonne-gauche .alert-wrapper li .text-wrapper .picto{
font-size : 21px;
}

.partial-colonne-gauche .alert-wrapper li .text-wrapper .picto.yellow{
color : #ffa800;
}

.partial-colonne-gauche .alert-wrapper li .text-wrapper .picto.red{
color : #ff4141;
}

/****** TABLEAU *******/
.table-content table{
background-color : #f0f0f0;
margin-top : 10px;
border-spacing : 0;
border-collapse: collapse;
width : 100%;


}

.table-content .table-top{
background-color : black;
color : white;
font-size : 18px;
height : 21px;
line-height : 21px;
font-family : montserratregular;
font-weight : normal;
}

.table-content .table-top td{
padding : 8px;
font-weight : normal;
}


.table-content .table-head{
background-color : ;
color : white;
font-size : 13px;
height : 21px;
line-height : 21px;
font-family : montserratregular;
}



.table-content th{
text-align : left;
font-weight : normal;
padding : 2px 9px;
height : 34px;
}

.table-content th.text-center{
text-align : center;
}

.table-content td{
text-align : left;
font-weight : normal;
padding : 10px 9px;
font-size : 12px;
border-bottom : 1px solid #c5c5c5;
}

.table-content .action{
text-align : center;
width : 75px;
}

.table-content td.text-center{
text-align : center;
}

.v-top{
vertical-align : top;
}

.v-middle{
vertical-align : middle;
}



/******* ADMIN ********/
/*** mise en forme admin edit ***/
.admin-edit{
font-size : 13px;
}

.admin-edit .form-line{
width : 488px;
margin : 76px auto;
}


.admin-edit .form-line.double{
width : 100%;
margin : 35px auto;

}

.admin-edit .header-formulaire-section{
background-color:;
color: #fff;
height: 37px;
line-height: 37px;
padding-left: 20px;
}

.admin-edit .form-line.double .col-left{
float : left;
width : 47%;
}

.admin-edit .form-line.double .col-right{
float : right;
width : 47%;
}

.admin-edit .form-line.double .control-group{
margin : 6px 20px;
display : block;
}

.admin-edit .form-line.double .control-group input[type=text], input[type=password]{
width : 270px;
}

.admin-edit .form-line.double .control-group textarea{
width : 270px;
}

.admin-edit .form-line.double .control-group textarea.small{
height : 29px;
}

.admin-edit .form-line.double .control-group textarea.medium{
height : 50px;max-width: 270px;
}

.admin-edit .form-line.double .control-group textarea.large{
height : 50px;
width : 790px;
max-width: 790px;

}

.admin-edit .form-line .left{
width : 488px;
}

.admin-edit .form-line .right{
width : 450px;
padding-left : 38px;
}

.admin-edit .form-line label{
font-size : 13px;
}

.admin-edit .form-line .control-group{
margin : 6px 0;
float : left;
line-height : 30px;
}

.admin-edit .form-line .controls{
float : left;
}

.admin-edit .form-line .control-label{
float : left;
width : 136px;
margin-right : 3px;
}

.admin-edit .form-line-separator{
height : 1px;
width : 100%;
border-bottom : 1px solid #c5c5c5;
padding-top : 1px;
clear : both;

}

.admin-edit .button-submit-wrapper{

margin : 20px 0;
text-align : right;

}

fieldset
{
background-color:;
max-width:300px;
padding:16px;
margin : auto;
text-align : center;


}
.modules
{
text-align : center;
color: white;
margin-bottom:0px;
margin-left:16px;

}




.admin-edit .button-submit-wrapper .wrapper{
width : 242px;

}

.admin-edit .button-submit-wrapper a{

}


.admin-edit .wrapper-tableau-modele-intitule{
width : 400px;

}

.admin-edit .errorLine{
color : red;
font-size : 11px;

}

.admin-edit td{
width : 22.5%;
}

.admin-edit td.action{
width : 10%;
}


.admin-edit th{
width : 22.5%;
}

.admin-edit th.action{
width : 10%;
}

.admin-edit .table-content th{
text-align : middle;
}

.admin-edit .table-content .formation-titre{
padding : 12px 9px;
background-color : #dddddd;
}

.admin-edit .error-tl_duree_validite{
max-width : 200px;
margin : 0 auto;
}

.admin-edit .wrapper-tableau-modele-duree-validite{
width : 284px;
}

.admin-edit .wrapper-tableau-T1 textarea{
width : 100%;
}

.admin-edit .wrapper-tableau-T2 textarea{
width : 100%;
}

.admin-edit .wrapper-tableau-T2 .wrapper-tableau-modele-intitule{
width : 600px;

}


.admin-edit .picto{
font-size : 20px;
padding : 0px 4px;
}

.admin-edit a{
text-decoration : none;
}



.admin-edit .picto.green{

color: #6ede00;
}

.admin-edit .picto.red{

color : #ff4141;
}

.admin-edit .ajouter_ligne-wrapper{
text-align : center;
padding-top : 8px;

}

.admin-edit .ajouter_ligne{
line-height : 16px;
color : #231f20;
}

.admin-edit .ajouter_ligne span{
vertical-align : middle;
}

.admin-edit .picto{
font-size : 20px;
padding : 0px 4px;
}

.admin-edit a{
text-decoration : none;
}

.admin-edit .picto.green{

color: #6ede00;
}

.admin-edit .picto.red{

color : #ff4141;
}


.admin-edit .table-bottom{
background-color: #485a5c;
height: 58px;
line-height: 58px;
padding: 0 8px;
font-size: 13px;
color: white;
line-height: 58px;
}

.admin-edit .table-bottom .item-wrapper{
margin-left: 12px;
}

.admin-edit .table-bottom a{
color : white;
}

.admin-edit .table-bottom .item-wrapper .picto{
margin-right: 4px;
font-size: 20px;
vertical-align: -3px;
color: ;
}


.admin-edit input.formation-ligne-titre{
float : left;
width : 100%;
}


/*** mise en forme admin index ***/
.admin-index{

}

.admin-index.table-content .impression-wrapper{
float: left;
margin-right: 8px;
line-height: 28px;
margin-bottom : 4px;
}

.admin-index.table-content .impression-wrapper .picto{
margin-right: 4px;
color: ;
vertical-align: -2px;
}

.admin-index.table-content .impression-wrapper a{
text-decoration: none;
color: black;
font-size: 13px;
}

.admin-index .btn-ajouter{

}

.admin-index .titre-index{
padding : 30px 10px 10px 0px;
line-height : 40px;
}

.admin-index .titre-index h1{
margin : 0;
}

.admin-index .picto{
font-size : 20px;
padding : 0px 4px;
}

.admin-index a{
text-decoration : none;
}

.admin-index .picto.green{

color: #6ede00;
}

.admin-index .picto.red{

color : #ff4141;

}

.admin-index .visualiser{
width: 27px;
height: 16px;
background: url('../images/document-edit-icone.png') top no-repeat;
cursor: pointer;
vertical-align: middle;
margin-top: 4px;
display : inline-block;
margin : 0 auto;
}

.admin-index .picto-delete{
vertical-align: -18%;
padding-left: 3px;
font-size: 24px;
color : #e72727;
}

/** CARTOUCHE **/
.admin-index .cartouche-wrapper{
text-align : center;
margin-top : 6px;
padding-top : 4px;
}

.admin-index .cartouche-wrapper table{
width : 100%;
margin :6 auto;

}

.admin-index .cartouche-wrapper table td{
text-align : left;

font-size : 13px;
height : 30px;
border : none;
padding : 5px;
}


.admin-index .cartouche-wrapper table input{
margin : 0;
}

/** CARTOUCHE LIGHT **/
.table-light-cartouche{
border-spacing : 0;
border-collapse: collapse;
width : 100%;
margin-top : 4px;
}
.table-light-cartouche .table-top{
background-color: black;
color: white;
font-size: 18px;
height: 21px;
line-height: 21px;
font-family: montserratregular;
font-weight: normal;
}

.table-light-cartouche .table-top td{
padding : 8px;
}

.table-light-cartouche td{
text-align: left;
font-weight: normal;
padding: 10px 9px;
border-bottom: 1px solid #c5c5c5;
font-size: 12px;
}


/** PIED LIGHT **/
.table-light-pied{
border-spacing : 0;
border-collapse: collapse;
width : 100%;
margin-top : 4px;
}
.table-light-pied .table-top{
background-color: black;
color: white;
font-size: 18px;
height: 21px;
line-height: 21px;
font-family: montserratregular;
font-weight: normal;
}

.table-light-pied .table-top td{
padding : 8px;
}

.table-light-pied td{
text-align: left;
font-weight: normal;
padding: 10px 9px;
border-bottom: 1px solid #c5c5c5;
font-size: 12px;
}

/** PIED **/
.admin-index .pied-wrapper table textarea{
margin : 0;
}

.admin-index .pied-wrapper{


margin-top : 6px;
padding-top : 4px;
}

.admin-index .pied-wrapper h2{
text-align : center;
margin-top : 25px;
margin-bottom : 25px;
}

.admin-index .pied-wrapper h3{
padding : 15px;
}


.admin-index .pied-wrapper select.time{
width : 65px;
float : left;
}

.admin-index .pied-wrapper table{
width : 100%;
margin :8px auto;

}

.admin-index .pied-wrapper table td{
text-align : left;
font-size : 13px;
height : 30px;
vertical-align : top;
}


.admin-index .pied-wrapper table input{
margin : 0;
}

.documentation{
padding:20px;
background-color: #f0f0f0;
border-left:1px solid white;
border-right:1px solid white;
margin-top:6px;
}

/* Dropdown control */
.selectBox-dropdown {
min-width: 35px;
position: relative;
border: solid 1px ;
line-height: 23px;
height : 26px;
text-decoration: none;
text-align: left;
color: white;
outline: none;
vertical-align: middle;
cursor:default;
/*background: #F2F2F2;
background: -moz-linear-gradient(top, #F8F8F8 1%, #E1E1E1 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #F8F8F8), color-stop(100%, #E1E1E1));
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F8F8F8', endColorstr='#E1E1E1', GradientType=0);*/

background : ;

-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .75);
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .75);
box-shadow: 0 1px 0 rgba(255, 255, 255, .75);

-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;

display: inline-block;
font-size : 12px;
}





.selectBox-dropdown:not(.selectBox-disabled,):hover {
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.35, ), color-stop(0.75, #90d5e0) );
background:-moz-linear-gradient( center top, #61beca 5%, #90d5e0 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='', endColorstr='#90d5e0');
background-color:;
cursor:pointer;

}

.selectBox-dropdown:focus,
.selectBox-dropdown:focus .selectBox-arrow {
border-color: ;
}

.selectBox-dropdown.selectBox-menuShowing-bottom {
-moz-border-radius-bottomleft: 0;
-moz-border-radius-bottomright: 0;
-webkit-border-bottom-left-radius: 0;
-webkit-border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}

.selectBox-dropdown.selectBox-menuShowing-top {
-moz-border-radius-topleft: 0;
-moz-border-radius-topright: 0;
-webkit-border-top-left-radius: 0;
-webkit-border-top-right-radius: 0;
border-top-left-radius: 0;
border-top-right-radius: 0;
}

.selectBox-dropdown .selectBox-label {
padding: 2px 8px;
display: inline-block;
white-space: nowrap;
overflow: hidden;
}

.selectBox-dropdown .selectBox-arrow {
position: absolute;
top: 0;
right: 0;
width: 23px;
height: 100%;
background: url('../images/arrow-icon.png') 50% center no-repeat;
border-left: solid 1px ;
}

/* Dropdown menu */
.selectBox-dropdown-menu {
position: absolute;
z-index: 99999;
max-height: 200px;
min-height: 1em;
border: solid 1px #7ec7d2; /* should be the same border width as .selectBox-dropdown */
background: #FFF;
-moz-box-shadow: 0 2px 6px rgba(0, 0, 0, .2);
-webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, .2);
box-shadow: 0 2px 6px rgba(0, 0, 0, .2);
overflow: auto;
-webkit-overflow-scrolling: touch;
font-size : 12px;
}

/* Inline control */
.selectBox-inline {
min-width: 150px;
outline: none;
border: solid 1px #7ec7d2;
background: #FFF;
display: inline-block;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
overflow: auto;
}

.selectBox-inline:focus {

}

/* Options */
.selectBox-options,
.selectBox-options LI,
.selectBox-options LI A {
list-style: none;
display: block;
cursor: default;
padding: 2;
margin: 0;
}

.selectBox-options.selectBox-options-top{
border-bottom:none;
margin-top:1px;
-moz-border-radius-topleft: 2px;
-moz-border-radius-topright: 2px;
-webkit-border-top-left-radius: 2px;
-webkit-border-top-right-radius: 2px;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
}
.selectBox-options.selectBox-options-bottom{
border-top:none;
-moz-border-radius-bottomleft: 2px;
-moz-border-radius-bottomright: 2px;
-webkit-border-bottom-left-radius: 2px;
-webkit-border-bottom-right-radius: 2px;
border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px;
}

.selectBox-options LI A {
line-height: 1.5;
padding: 0 .5em;
white-space: nowrap;
overflow: hidden;
background: 6px center no-repeat;
}

.selectBox-options LI.selectBox-hover A {
background-color: #EEE;
}

.selectBox-options LI.selectBox-disabled A {
color: #888;
background-color: transparent;
}

.selectBox-options LI.selectBox-selected A {
background-color: #A9A9A9;
}

.selectBox-options .selectBox-optgroup {
color: #666;
background: #EEE;
font-weight: bold;
line-height: 1.5;
padding: 0 .3em;
white-space: nowrap;
}

/* Disabled state */
.selectBox.selectBox-disabled {
color: #f4f4f4 !important;
}

.selectBox.selectBox-disabled.select-white {
color: #6c6c6c !important;
}

.selectBox-dropdown.selectBox-disabled .selectBox-arrow {
opacity: .5;
filter: alpha(opacity=50);
border-color: #7ec7d2;
}

.selectBox-inline.selectBox-disabled {
color: #dbedf0 !important;
}

.selectBox-inline.selectBox-disabled .selectBox-options A {
background-color: transparent !important;
}


.selectBox-dropdown.select-white {
background: white;
color : black;
box-shadow: 0px 0px 0px rgba(255, 255, 255, .75);
/**shadopw inbox**/
-moz-box-shadow: inset 2px 2px 6px 0px #dadada;
-webkit-box-shadow: inset 2px 2px 6px 0px #dadada;
-o-box-shadow: inset 2px 2px 6px 0px #dadada;
box-shadow: inset 2px 2px 6px 0px #dadada;
/*filter:progid:DXImageTransform.Microsoft.Shadow(color=#9b9b9b, Direction=135, Strength=15);*/
}

.selectBox-dropdown.select-white:not(.selectBox-disabled,):hover {
background: white;
cursor:pointer;

}


/** Select titre **/
.selectBox-dropdown.select-titre {
background: transparent;
color : black;
box-shadow: 0px 0px 0px rgba(255, 255, 255, .75);
/**shadopw inbox**/
-moz-box-shadow: inset 0px 0px 0px 0px #dadada;
-webkit-box-shadow: inset 0px 0px 0px 0px #dadada;
-o-box-shadow: inset 0px 0px 0px 0px #dadada;
box-shadow: inset 0px 0px 0px 0px #dadada;
/*filter:progid:DXImageTransform.Microsoft.Shadow(color=#9b9b9b, Direction=135, Strength=15);*/

border : none;
height: 45px;
line-height: 45px;
color: ;
font-size: 30px;
float: left;
width: 270px !important;
}
.selectBox-dropdown.select-titre .selectBox-arrow{
border : none;
}

.test{
margin-left : 80px;

}


/*****************
*** ERREUR 404 **
******************/
#e404 {
width : 325px ;
margin: 200px auto;
color :#424242;

}
#e404 img{
margin-left: 105px;
margin-bottom : 30px;
}
#e404 h1{
font-size:45px ;
text-align: center;
font-family: "montserratbold";
}
#e404 p{
text-align: center;
font-size: 19px;
font-family: "montserratregular";
}
#e404 p a {
text-align: center;
font-size: 12px;
font-family: "montserratregular";
}

#select-pilote-visas .control-group .controls .select2-wrapper a{
width:160px!important;
}

#select-pilote-visas .control-group .controls .select2-wrapper a selectBox-label{
width:160px!important;
}

.btn-elect-pil{
float:right;
width:460px;
}

.btn-elect-pil div label{
float:left;
margin-right:10px;
margin-top:6px;
}

#val-entrees{
width:80px;
float:left;
margin-right:10px;
}

#btn-entrees{
height:30px;
width:30px;
float:left;
margin-right:50px;
}

#label-entrees{
color:white;
float:left;
margin-right:10px;
margin-top:6px;
}

#formulaire_audit.process #documents-bords{
margin:0 auto;
}

#formulaire_audit.process #documents-bords.headproc{
width:100%;
}