/* Initialisation des balises */
*{
	padding:0px;
	margin :0px;
}

p {
	padding:0px 0;
	margin:5px 0px;
}

fieldset{
	 padding: 10px 5px ;
	 margin : 10px auto ;
	 width:98%;
}

legend{
	color:#01265A;
	padding : 2px ;
	font-size : 13pt
}

label{
	/*clear : left ;
	float:left;*/
	width:190px;
	text-align:right;
	padding:5px 5px 0 0;
	display:inline-block;
	margin:5px 0px;
}


label+input,label+select{
	margin:5px 0px;
}

label+input[type='checkbox']{
	margin:10px 0px 5px;
}

	input+br,textarea+br,select+br{
		clear : both ;
	}

td img{
	padding:0;
	margin:0 ;
	display:block ;
}

html body,html{
/* 	font-family: verdana, arial, helvetica, sans-serif;
	line-height:150%;
    margin:auto auto;
	background : #fff ;
	font-size : 12px ; */
	background : transparent ;
	padding : 0px ;
}

input{
    border-left: #cccccc 1px solid;
    border-right: #cccccc 1px solid;
    border-top: #cccccc 1px solid;
    border-bottom: #cccccc 1px solid;
    font-family: verdana;
    font-size: 10pt;
	height:20px;
	margin:3px;
	padding : 1px 0px 0px 2px ;
}

textarea{
    border-left: #cccccc 1px solid;
    border-right: #cccccc 1px solid;
    border-top: #cccccc 1px solid;
    border-bottom: #cccccc 1px solid;
    font-family: verdana;
    font-size: 10pt;
	height:100px;
	margin:2px;
}

select{
    border-left: #cccccc 1px solid;
    border-right: #cccccc 1px solid;
    border-top: #cccccc 1px solid;
    border-bottom: #cccccc 1px solid;
    font-family: verdana;
    font-size: 10pt;
    padding:0px 0px 0 3px ;
	height:20px;
}
	select option{
		padding : 0px 5px 0 3px;
	}

input[disabled], textarea[disabled], option[disabled], optgroup[disabled], select[disabled] {
  color: #000 !important;
}
	
.div_radio{
	display : inline-block ;
	vertical-align : top ;
	padding-top : 5px ;
}	
	.div_radio label{
		width : auto;
		text-align : left ;
		margin-left : 5px ;
		position:relative;
		top: -5px ;
	}
	
a{
	color:#000 ;
    text-decoration: none ;
}

a:hover{
	background : #e5e5e5 ;
}

a img{
	border:0px solid #000 ;
}

li a {
	font-weight:normal !important ;
}

ul {
	margin-left : 15px ;
}

td, th{
	text-align:left ;
}

hr.clear{
	clear:both;
	border : 0px solid #000;
	text-decoration:none;
	background : transparent ;
}

table{
	border-collapse: collapse;
	border-spacing : 0px;

}

tr{
	page-break-inside:avoid;
}

/* Structure */

#banner,.BottomFontText,#leftbar,#footers,#rightbar,#headerSlide,#headerNav,#signatures,.socialshare,#cookie-banner,.bx-wrapper{
	display : none ;
}

#page,.page {
	display : block !important ;
	width : 100% !important ;
	height : auto !important ;
}

#container{
	clear : both ;
	width : 100% ;
	margin : auto ;
	border : 0px solid #000 ;
	border-collapse : 0px ;
}
	#container #contain{
		margin : auto ;
		width : 100% ;
		border : 0px solid #000 ;
	}


/* Contenu des pages */

.article, .lien, .galerie{
	text-align:justify;
	padding:0px ;
	margin: 0px;
	color: #333;
    font-family: verdana, sans-serif;
	clear:both;
	margin-bottom : 10px;
}
.article img{margin:10px;border: 1px solid black;}
.article a , #contain a{color:#333; font-weight:normal;text-decoration:underline;font-style:italic ;}

.article_droit img{float:right;}
.article_gauche img{float:left;}

.galerie {
	text-align:center ;
	margin : 0 auto ;
}

.BodyFontText {
    color: #333;
}

.BodyFontTextBlanc {
    color: #ffffff;
}

/* Titre */

h1,h2,h3,h4,h5,h6,.BodyFontSubTitle, .BodyFontTitle {
	color : #000 ;
	margin : 0 ;
	padding:5px 0px ;
	font-weight:small;
}

#banner h1, #banner h2{
 text-align : center ;
}


h1 {
	font-size:1.25em;
}
h2, .BodyFontTitle {
	font-size:1.3em;
	padding-left:0px;
}
h3, .BodyFontSubTitle {
	font-size:1.15em;
	padding-left:10px;
}
h4 {
	font-size:1.10em;
	padding-left:25px;
}
h5 {
	font-size:1.05em;
	padding-left:30px;
}
h6 {
	font-size:1em;
	text-indent:35px;
}

.BodyFontTitle, .BodyFontSubTitle{
	font-weight:bold ;
}

/* Formulaire */

#champ{width:200px;}
#champnumerique{width:80px;}

.noinput {
    border-left: #ffffff 1px solid;
    border-right: #ffffff 1px solid;
    border-top: #ffffff 1px solid;
    border-bottom: #ffffff 1px solid;
}

.button {
    border: #333 1px outset;
	color: #333;
	font-weight : bold ;
	height:25px;
	background: #e5e5e5;
	cursor:pointer;
	padding : 1px 5px 2px 5px ;
}

	a.button:hover {
		text-decoration:none;
	}

.button:active {
    border: #333 1px inset;
	color : #f5f5f5 ;
	background: #a5a5a5;
}
/* LEFTBAR */

/* Boite */

.box {
	width:100%;
	background-color : #01265A ;
}

.BodyFontTextBox {
    color: #ffffff;
}

.box.box_top{
	height : 20px ;
}

.box.box_bottom{
	height : 20px ;
}


.box#navigation{
}

.box.nav_top{
	height : 20px ;
}

.box.nav_bottom{
	height : 20px ;
}

.box#navigation td{
padding : 0px ;
height : 20px !important ;
vertical-align : top ;
padding-top : 5px ;
}


/* Liens du menu */
.MenuHyperlink, .MenuHyperlinkSelected {
    color: #fff;
	font-weight: bold;
	padding-left : 20px ;
}

.MenuHyperlink:hover{
}

.MenuHyperlinkSelected{
    color: #fff;
	padding-left : 25px ;
	text-decoration : underline ;
}

/* END LEFTBAR*/

/* HEADLINES */

/*Example CSS for the two demo scrollers*/

#actualite{
width: 180px;
height: 190px;
border: 0px solid black;
background: transparent;
}

.someclass{ /*class to apply to your scroller(s) if desired*/
}

/* DIVERS */

.contour {
    border-left: #999999 1px solid;
    border-right: #999999 1px solid;
    border-top: #999999 1px solid;
	border-bottom: #999999 1px solid;
}

.contourDashed {
    border-left: #999999 1px dashed;
    border-right: #999999 1px dashed;
    border-top: #999999 1px dashed;
	border-bottom: #999999 1px dashed;
}

/* CSS Specific à l'extranet */

.error{
	color : #f00 ;
	font-weight : bold ;
	clear : both ;
	display : block ;
	width : 80% ;
	margin : 10px auto ;
	text-align : center ;
}

#deconnexion {
	float : right ;
	color : #f00 ;
}

ul#navigation{
	width : 100%;
	margin-left : 0px ;
}

ul#navigation li{
	list-style : none ;
	display : inline-block;
	background : #fff url(../images/onglet.png) repeat-x left top ;
}
	ul#navigation li a{
		list-style : none ;
		display : inline-block;
		padding : 6px 10px 2px ;
		height : 20px ;
		border : 1px #000 solid; 
		border-width : 1px 1px 0px 1px ;
		margin-bottom : -1px ;
	}

ul#navigation li ul#sous-menu{
	padding-left : 20px ;
	margin-left : 5px ;
}
.tab{
	border : 1px solid #000 ;
	width : 100% ;
	margin : auto ;
	border-collapse:collapse;
}

.tab th {
	border : 1px solid #000 ;
	background-color : #e5e5e5 ;
	color : #000 ;
	padding : 2px 3px ;
	text-align : center ;
}

.tab td{
	border : 1px solid #000 ;
	padding : 2px 3px ;
}

.tab tr:hover td{
	background-color : #f0f0f0 ;
}


.r{
	text-align : right !important;
}
.c{
	text-align : center !important;
}
.l{
	text-align : left !important;
}
.inline{
	display:inline;
}
.inlineBlock{
	display:inline-block;
}
.marginAuto{
	margin : auto ;
}
.block{
	display : block; 
}
.w98pp{
	width : 98% ;
}

.admin{
	border-width:0px;
	width : 99%;
}

	table.admin,table.admin td, table.admin th{
		border : 1px solid #333;
		
	}
		table.admin th{
			background-color : #e0e0e0 ;
		}
		table.admin td, table.admin th{
			padding : 1px 1px 1px 3px;
		}
		table.admin{
			margin : 10px auto;
		}
		table.admin.sous_liste{
			margin : -1px;
			border-width : 0px ;
			width : 100%; 
		}
		.admin tr.tr_user td[colspan]{
			padding : 0px ;
		}

	.admin h3, .admin h4{
		padding:3px 0px;
	}

	.admin li{
		list-style : none ;
		padding:5px 5px 5px 0px ;
	}
.admin .panneaux table, .admin .panneaux table td{
  border-width : 0px !important;
  height : 25px ;
}

.admin .panneaux table{
  width : 100%;
}
.admin .panneaux table a{
  color : #333;
}

.admin .panneaux table td{
  width : 30px;
  text-align : center;
  vertical-align : middle ;
}

.admin .panneaux table td.td_label {
  width : auto ;
  text-align : left ;
}
.admin .panneaux table td.td_label form{
  padding : 0px ;
  margin : 0px ;
}

.admin .panneaux table td[colspan]{
  width : auto;
  text-align : left ;
}

.admin .ss_ele{
   width : 90%;
   margin-left:3%;
   margin-bottom : 20px ;
}
.admin .ss_ele td{
   width : auto;
}

.admin span{
	cursor:default;
}

.button.add:hover,.button.del:hover,.button.list:hover,.button.mod:hover,.button.dadd:hover,.button.ddel:hover,.button.dlist:hover,.button.dmod:hover,.button.valid:hover,.button.dvalid:hover{
	background-position : left top ;
}
.button.add,.button.dadd,.button.del,.button.ddel,.button.mod,.button.dmod,.button.list,.button.dlist,.button.valid,.button.dvalid{
	background-position : left bottom ;
	height:23px;
	width:24px;
	margin: 0px auto;
	padding:0;
	background-color:transparent;
	border-width : 0px ;
	background-repeat : no-repeat ;
}
a.button{
	display:block;
}
a.button.inline,input[type='submit'].button.inline{
	display : inline-block;
	width : auto ;
	padding : 2px 0 2px 24px ;
	font-size : 12px; 
	height : 19px ;
}
input[type='submit'].button.inline{
	height : 23px ;
}
a.button.inline:hover span{
	text-decoration : underline ;
}
.button.add{
	background-image : url(../images/add.png) ;
}
.button.dadd{
	background-image : url(../images/dadd.png) ;
}
.button.del{
	background-image : url(../images/del.png) ;
}
.button.ddel{
	background-image : url(../images/ddel.png) ;
}
.button.list{
	background-image : url(../images/list.png) ;
}
.button.dlist{
	background-image : url(../images/dlist.png) ;
}
.button.mod{
	background-image : url(../images/mod.png) ;
}
.button.dmod{
	background-image : url(../images/dmod.png) ;
}
.button.valid{
	background-image : url(../images/valid.png) ;
}
.button.dvalid{
	background-image : url(../images/dvalid.png) ;
}


.admin .panneaux table.tabDetail,table.tabDetail{
	margin-top : 15px;
	border-collapse : collapse ;
}
.admin .panneaux  .ss_ele .ss_ele2 table.tabDetail{
	width:98% ;
}
.admin .panneaux table.tabDetail th,.admin .panneaux table.tabDetail td,table.tabDetail th,table.tabDetail td{
	border : 1px solid #333 !important;
	text-align:center ;
	background-color : #e5e5e5 ;
}
.admin .panneaux table.tabDetail td,table.tabDetail td{
	border-top-width : 0px !important;
	background-color : #fff ;
}
.admin .panneaux table.tabDetail th+th,table.tabDetail th+th,.admin .panneaux table.tabDetail td+td,table.tabDetail td+td{
	border-left : 0px solid #333 !important;
}

.admin .panneaux table.coordonnees td,table.coordonnees td{
	width:auto;
	text-align:left;
	vertical-align:top;	
}

.admin .panneaux table td table.action tr td,table td table.action tr td{
	border-width:0px !important;
}
.admin .panneaux table td table.action,table td table.action{
	margin:auto;
}

.tabDetail tr:hover td{
	background-color : #f0f0f0 ;
}

.w100p{
	width:100%;
}

.critere_nd{
	display:none;
}
/* CSS Spécial Vue */
.col_strict_view{ /* Détermine les colonnes VISIBLES/MASQUABLES selon les vues */
	display:none; /* Par défaut, on affiche pas => C'est le JS qui le permettra si souhaité */
}

#add_product{
	display : none ;
}

.smaller{
	font-size : 10px ;
}
.smaller2{
	font-size : 10px ;
}
/* overProduct */
#overProduct{
	width : 400px;
	max-width:700px;
	overflow : none ;
	height : auto;
	max-height : 300px ;
	position : fixed;
	border : 1px solid #333 ;
	background : #f5f5f5 ;
	top : 25%;
	left : 30% ;
	display:none;
}
	#overProduct #OPHead{
		background-color:#01265A ;
		height : 25px;
	}
	#overProduct #OPTitle{
		color:#fff;
		font-size : 12pt ;
		padding : 1px 3px;
		width : 80% ;
		float : left ;
	}
	#overProduct #OPClose{
		font-size : 12pt ;
		padding : 1px 3px;
		width : 15% ;
		float : right ;
		text-align:right;
	}
	#overProduct #OPContent{
		clear : both ;
		font-size : 10pt ;
		padding : 3px;
	}
	
	/* CMDEV */
	
	table#cmdev{border : 1px #e5e5e5 solid;padding:3px; border-collapse : collapse ;}
	/*table#cmdev td{vertical-align : top ;}*/
	
		table#cmdev input[type='text']{
			border : 0px !important;
			border-bottom : 1px solid #000 !important;
			font-weight : bold ;
		}
		table#cmdev table{
			border-collapse : collapse;
			margin : auto ;
		}
		table#cmdev .colonnePrix input{
			text-align : right ;
		}
		table#cmdev .colonnePrix{
			width : 14%;
			border-left : 1px solid #000 ;
			text-align : right ;
		}
		table.signature{
			width : 100% ;
		}
		table.signature td{
			width : 25% ;
			padding-left : 3px ;
		}
		td.bordright {
			border-right : 1px #000 solid ;
		}
		tr.bordtop td, td.bordtop {
			border-top : 1px #000 solid ;
		}
			tr.bordtop td.cadre,tr.bordtop td.colonne{
				border-top-width : 0px !important;
			}
		tr td.cadre{
			border : 1px solid #000;
		}
		tr td.cadre+td.cadre{
			border : 1px solid #000;
			border-left-width : 0px;
		}
		tr td.colonne{
			border-left : 1px solid #000;
			border-right : 1px solid #000;
		}
		tr td.colonne+td.colonne{
			border-left-width : 0px;
		}
		tr td.cadre:last,td.colonne:last{
			border-right-width : 0px;
		}
		td.vtop{
			vertical-align:top;
		}
		.c{
			text-align : center;
		}
		#cmdev textarea {
			font-size : 0.9em ;
			height : 100% ;
			border-width :0px ;
			background-color : #f5f5f5 ;
		}
		
		.inputOther{
			display:none;
		}

		/* Intégration Spé */
		
		/* Généralités */
		
		.floatLeft{
			width : 45% ;
			float : left ;
		}
		.floatRight{
			width : 45% ;
			float : right ;
		}
		
		.clear{
			visibility : hidden ;
			clear : both ;
		}
		.clearLeft{
			visibility : hidden ;
			clear : left ;
		}
		.clearRight{
			visibility : hidden ;
			clear : right ;
		}
		
		
		/* Intégration */
		#fiche_id_situation .floatRight label{
			text-align : left ;
		}
		input[type="text"], select{
			width : 210px ;
		}
		.form_action{
			clear : both ;
			width : 100% ;
			text-align : right ;
		}
		
		#fiche{
		}
		
		.onglet{
			white-space: nowrap ;
		}
		.onglet.actif{
			font-weight : bold ;
		}
		.little_modif{
			display : inline-block ;
			float : right ;
		}
		.checkboxList label{
			width : 45% ;
			text-align : left ;
		}
		.checkboxList input[type='checkbox']{
			height : auto ;
			margin : 0 3px ;
		}
		.checkboxList .sousCheckBox{
			margin-left : 10% ;
		}
		fieldset p{
			margin : 5px 0 ;
		}
		input.labelAuto + label{
			width : auto ;
		}
		
tr.agelimite td{
	color : #f00 !important ;
}		
tr.cloture1 td{
	background-color : #e5e5e5 !important ;
}

.adminCSS a#admin, .accueilCSS a#accueil, .docCSS a#doc{
	font-weight : bold !important;
	margin-bottom : 0 ;
}
.cliquezIci{
	font-weight : bold ;
	color : #f00 ;
}

.decrochage_Non{
	text-align : center ;
}
.decrochage_Important{
	text-align : center ;
	text-transform : uppercase ;
	font-weight : bold ;
	text-decoration : underline ;
	color : #f00 ;
}
.decrochage_Modéré{
	text-align : center ;
	text-decoration : underline ;
	color : #FA7E0A ;
}
.decrochage_Faible{
	text-align : center ;
	color : #1F880E ;
}
#tabnonsuivi{
	page-break-after:always ;
}
html body #site .noprint,.noprint{
	display : none !important;
}
#container{
	background-color:#fff;
	-moz-border-radius: 0px;
	-webkit-border-radius:  0px;
	border-radius:  0px;
	-moz-box-shadow: 0 0 0px transparent;
	-webkit-box-shadow:0 0 0px transparent;
	box-shadow: 0 0 0px transparent;
	border:0px solid #ddd;
	padding : 0 ;
	margin : 0 ;
}
	.nomargin #container,.nomargin #tableau_detail{
		margin : 0 auto ;
	}
#tableau_detail{
	width : 99% ;
	margin : 1cm auto ;
}
	#tableau_detail th{
		background-color : #e5e5e5 !important;
		background : #e5e5e5 !important;
	}
	#tableau_detail *{
		font-family :'Verdanna',sans-serif !important;
	}
	
#client{
	padding : 0.25cm ;
	height : 3cm ;
}
#entete_doc{
	padding : 0.25cm ;
}

html body #site .print_only, .print_only{
	display:inherit;
}

/* IMPRESSION DANS LA GESTION */
.WorkPrintOnly > *{
	display : none ;
}
	.WorkPrintOnly > #overDiv_Work{
		display : block ;
		width : auto ;
		margin : 0 ;
		padding : 0 ;
		position : relative ;
		left : auto ;
		top : auto  ;
		border-width : 0 ;
		background : transparent ;
		box-shadow : 0 0 0 transparent ;
	}
	
/* IMPRESSION D'UN CVO */	
html body #site #product {
	width : auto ;
	max-width : 100% ;
	border-width : 0px ;
}
html body #site #product #visuconteneur{
	width : auto ;
	max-height : 50% ;
	border-width : 0px ;
}
html body #site #product #visuconteneur .pictures{
	width : 70% ;
	float : left ;
	padding : 0 ;
	margin : 0 ;
}
html body #site #product #visuconteneur #picture{
	width : 68% ;
	padding : 0 1% ;
	float : left ;
}
html body #site #product #visuconteneur #pictures{
	width : 28% ;
	padding : 1% 1% ;
	float : left ;
}
html body #site #product #visuconteneur .details{
	width : 30% ;
	float : left ;
	padding : 0 ;
	margin : 0 ;
}

html body #site #product .pictures #pictures a  {
	padding : 0 ;
	margin : 0 ;
}
html body #site #product .pictures #pictures img {
  margin: 1% 1%;
  max-width: 48%;
  height : auto ;
  max-height : inherit ;
}

html body #site #product .pictures li,html body #site #product .pictures ul{
	display : inline-block ;
	list-style : none ;
	padding : 0 ;
	margin : 0 ;
	width : auto ;
}