@font-face {font-family: 'FontAwesome'; src: url('../fonts/fontawesome-webfont.eot?v=4.4.0'); src: url('../fonts/fontawesome-webfont.eot #iefix&v=4.4.0') format('embedded-opentype'), url('../fonts/fontawesome webfont.woff2?v=4.4.0') format('woff2'), url('../fonts/fontawesome webfont.woff?v=4.4.0') format('woff'), url('../fonts/fontawesome webfont.ttf?v=4.4.0') format('truetype'), url('../fonts/fontawesome webfont.svg?v=4.4.0#fontawesomeregular') format('svg'); font-weight: normal; font-style: normal; text-rendering: optimizeLegibility;;}

body {
	behavior: url(csshover.htc);
	margin: 0;
	padding: 0;
	font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
	font-size: 12px;
/*	background: url(images/degrade2.png) #EEE top right no-repeat;*/
	text-align: center; 
	}

.radio_elt {
  background: url(images/fleche.gif) no-repeat 100% 50%;
}

@media (max-width: 1049px) {
    /* For mobile phones: */
    #logo_head, #barre-copy {
        display: none;
    }
    }

a img { border: 0; vertical-align: baseline; }

a {
    /*color: #1F497D;*/
    color: #0B5FA5;
}
a:hover {
    color: #129af0;
    text-decoration: none;
}

h1 { font-size: 1.6em; margin: .6em 0 .6em 0; }
h2 { font-size: 1.4em; margin: .4em 0 .4em 0; }
h3 { font-size: 1.2em; margin: .2em 0 .2em 0; }
h4 { font-size: 1em; margin: 0;  }
h5, .petit { font-size: .8em; margin: 0; }
h6 { font-size: .6em; margin: 0;}

input, textarea, select, option {font-size: 12px;  }
input, textarea, select{ 
    border:1px solid #d0d0d0; 
} 

#chargement { 
	text-align: center; 
	width: 15em; 
	height: 5em; 
	top: 50%; 
	left: 50%;  
	margin-top: -2.5em;
	margin-left: -7.5em; 
	border: 1px #666 dashed; 
	background: #CCC; 
	position: absolute; 
	color: #333;
	font-weight: bold;
}

#header {
	clear: both;
	margin: auto;
	height: 80px; 
	border-bottom: 1px #8A93A9 solid;
	text-align: left;
}
		
	#header .onglets {
	  display: block;
		float: left;
		height: 38px;
		line-height: 38px;
		margin: 42px 1px 1px 1px;
	}
	#header .onglets span {
	  height: 38px;
		float: left;
		display: block;
		width: 13px;
	}
	#header .onglets span.onglet_g { background: url(images/onglet/onglet_g.gif) no-repeat top right; width: 13px; }
	#header .onglets span.onglet_d { background: url(images/onglet/onglet_d.gif) no-repeat top left; width: 13px; }
	#header .onglets a {
	  height: 38px;
		text-decoration: none;
		font-size: 1.2em;
		outline: none;
		color: #23005B;
		float: left;
		display: block;
		width: 95px;
		text-align: center;
		background: url(images/onglet/onglet_m.gif) repeat-x top;
	}
	#header .onglets a:hover, #header .onglets a:focus {
	  height: 38px;
		background: url(images/onglet/onglet_m_hover.gif) repeat-x top;
	}

#barre {
/*	border-bottom: 1px #d9d9d9 solid;*/
    position: fixed;
    width: 100%;
	padding: 2px 5px 2px 5px;
	height: 50px;
	background: rgb(71,72,75);
	text-align: left;
	font-size:14px;
    font-weight: 100;
    color: white;
    z-index: 500;
    
}

#barre #logo_head{
	cursor:pointer;
	float:left;
}


	#barre span {
        display: inline-block;
        padding-left:6px;
        padding-top:11px;
        line-height: 22px; 
        font-size:15px; 
        font-weight:200;
        color:white;
}
	
	#barre #rech { margin-top:5px; float: right; height: 25px; padding-top: 1px; }

	#barre #rech input#search_q { width: 12em; height: 18px; margin: 0; padding: 0 0 0 3px; background: /*url(images/rechercher.jpg) right no-repeat*/ #FFF; }
	#barre #rech input.focus { color: #000; font-style: normal; }
/*	#barre #rech input.blur { color: #999; font-style: italic; }*/
	#barre #rech select { border: 1px #23005B solid; height: 18px;}
	
	#barre a { 
		display: none;
/*
		float: left;
        width: 13em;
		height: 25px;
		line-height: 25px;
        padding-left:6px; 
        padding-top:11px; 
		margin: 0;
		color: #000;
		text-decoration: none;
		outline: none;
		background: url(images/chemin/chemin_g.gif) no-repeat top left;
		padding-left: 8px;
*/
	}
	#barre a div.chemin_g { margin-top:3px; font-size:10pt; height: 25px; padding-right: 10px; background: url(images/chemin/chemin_d.gif) no-repeat top right;}
	#barre a div.chemin_d { font-size:10pt; height: 25px; /*background: url(images/chemin/chemin_m.gif) repeat-x top;*/ padding: 0 7px 0 6px;}
	
	#barre a:hover, #barre a:focus { font-size:10pt; cursor: hand; /*background: url(images/chemin/chemin_g_hover.gif) no-repeat top left;*/}
	#barre a:hover div.chemin_g, #barre a:focus div.chemin_g { font-size:10pt; height: 25px; background: url(images/chemin/chemin_d_hover.gif) no-repeat top right;}
	#barre a:hover div.chemin_d, #barre a:focus div.chemin_d { font-size:10pt; height: 25px; background: url(images/chemin/chemin_m_hover.gif) repeat-x top;}

	#colonne2 { background: #F4FFFF; float:right; width: 33.6em; border-left: 1px #8A93A9 solid; border-bottom: 1px #596584 solid; padding: 5px; text-align: left;}
	#colonne2 h1 { text-align:center;color:#235B00;font-size:10pt; }

	#colonne {
        background: rgb(71, 72, 75);
        font-weight:100;
        position: fixed;
        top: 50px;
        width: 181px; 
        left: 0; 
/*
        border-right: 1px solid #d9d9d9;
        border-bottom: 1px #d9d9d9 solid; 
*/
        padding-right: 5px;
        text-align: left; 
        z-index:1;
        color: white;
        bottom: 0;
/*        overflow-y: auto;*/
        
}

	#colonne a { text-decoration: none;}

	#colonne p { color: #235B00; font-weight: bold; padding-left: 18px; margin: 0; line-height: 20px; background: url(images/fleche2.gif) no-repeat left;  font-size:10.5pt;}
	#colonne ul { 
        margin: 0;
        padding: 0; 
        list-style: none;
}
	
	#colonne .user     { background: url(images/user_16.jpg) no-repeat left !important; }
	#colonne .ni     { background: url(images/annu16.png) no-repeat left !important; }
	#colonne .doss     { 
		font-weight:100;
        font-size: 13px;
        line-height: 28px;
        color: white;
}
	#colonne .doss:hover     { 
		font-weight:100;
        font-size: 13px;
        line-height: 28px;
}
#colonne .doss i{
    padding-left: 10px;
    width: 20px;
    padding-right: 20px;
}

	#colonne .fact     { background: url(images/langue16.png) no-repeat left !important; }
	#colonne .elt      { background: url(images/elements16.png) no-repeat left !important; }
	#colonne .req      { background: url(images/action16.png) no-repeat left !important; }
	#colonne .admin    { background: url(images/admin_16.jpg) no-repeat left !important; }
	#colonne .bdd      { background: url(images/bdd_16.jpg) no-repeat left !important; }
	#colonne .logiciel { background: url(images/logiciel_16.jpg) no-repeat left !important; }
	
	#colonne UL UL.niveau2 {
        padding-right: 0px; 
        display: none; 
        left: 150px; 
        padding-bottom: 2px;
        margin: 0px; 
        padding-top: 0px; 
/*        border: #b0b0b0 1px solid;*/
        border-radius: 4px;
        position: absolute;
        top: -1px;
        font-size: 13px;
        color: white;
        
        background: rgb(60,63,65);
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	}
	#colonne UL UL.niveau2elt {
        padding-right: 0px; 
        display: none; 
        padding-left: 0px; 
/*        left: 150px; */
        padding-bottom: 2px; 
        margin: 0px; 
        padding-top: 0px; 
/*        border: #b0b0b0 1px solid;*/
        border-radius: 2px;
        position: absolute;
/*        top: -70px;*/
        font-size: 13px;
        color: white;
        background: rgb(60,63,65);
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	}
	#colonne UL UL.niveau2eltbig {
        padding-right: 0px; 
        display: none; 
        padding-left: 0px; 
/*        left: 150px; */
        padding-bottom: 2px; 
        margin: 0px; 
        padding-top: 0px; 
/*        border: #b0b0b0 1px solid;*/
        border-radius: 2px;
        position: absolute;
/*        top: -70px;*/
        font-size: 13px;
        color: white;
        background: rgb(60,63,65);
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	}
	#colonne UL UL.niveau2elt2 {
        columns: 2;
        -webkit-columns: 2;
        -moz-columns: 2;
        padding-right: 0px; 
        display: none; 
        padding-left: 0px; 
/*        left: 150px; */
        padding-bottom: 2px; 
        margin: 0px; 
        padding-top: 0px; 
/*        border: #b0b0b0 1px solid;*/
        border-radius: 2px;
        position: absolute;
/*        top: -70px;*/
        font-size: 13px;
        color: white;
        background: rgb(60,63,65);
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	}
	
	#colonne LI.doss {
		padding-right: 2px; 
        padding-left: 5px;
        padding-bottom: 2px;
        width: inherit; 
        padding-top: 2px;
        list-style-type: none;
        position: relative;
        font-weight: 100;
        -webkit-transform: translateZ(0);
	}
	#colonne LI LI {
		padding-right: 2px; 
        padding-left: 8px; 
        margin: 0px; 
        width: 220px;
        list-style-type: none; 
	}
	#colonne UL.niveau2elt2 LI {
		padding-right: 2px; 
        padding-left: 8px; 
        margin: 0px; 
        width: 150px;
        list-style-type: none; 
	}


	#colonne LI:hover, #colonne LI LI:hover {
        color: rgba(255,255,255,0.65);
        border-left: 3px solid rgb(208,52,62);
        -webkit-transition: all 200ms ease;
        -moz-transition: all 200ms ease;
        -o-transition: all 0.2s ease;
        -ms-transition: all 0.2s ease;
        transition: all 0.2s ease;

	}

	#colonne LI.sfhover {
		background-color: #F4FCCC;
	}
	#colonne LI A {
		text-decoration: none;
	}
    #colonne LI LI A {
        text-decoration: none;
		color: white;
        font-weight: 100;
        font-size: 12px;
        line-height: 20px;
	}
    #colonne LI LI A:hover{
        color: rgba(255,255,255,0.65);
    
    }
    #colonne LI.menu {
/*		color: rgba(0,0,0,.65);*/
        color: white;
        font-weight: 100;
        font-size: 12px;
        line-height: 14px;
	}


	#colonne LI:hover UL.niveau2, #colonne LI.hover UL.niveau2 {
		display: block;
        position: absolute;
        

	}
	#colonne LI.sfhover UL.niveau2 {
		display: block;

	}
	
	#colonne LI:hover UL.niveau2elt, #colonne LI.hover UL.niveau2elt {
		display: block;
        position: absolute;
        transform: translate(150px,-65%);

	}
	#colonne LI:hover UL.niveau2eltbig, #colonne LI.hover UL.niveau2eltbig {
		display: block;
        position: absolute;
        transform: translate(150px,-85%);

	}
	#colonne LI:hover UL.niveau2elt2, #colonne LI.hover UL.niveau2elt2 {
		display: block;
        position: absolute;
        transform: translate(150px,-50%);

	}
	#colonne LI.sfhover UL.niveau2elt {
		display: block;

	}
	#colonne LI.sfhover UL.niveau2eltbig {
		display: block;

	}
	
	
	#colonne_shop { background: #F4FFFF; float:left; width: 13.6em; left: 0; border-right: 1px #8A93A9 solid; border-bottom: 1px #596584 solid; padding: 5px; text-align: left;}
	#colonne_shop a { text-decoration: none; color: #000; font-size:10pt;}

	#colonne_shop p { color: #235B00; font-weight: bold; padding-left: 18px; margin: 0; line-height: 20px; background: url(images/fleche2.gif) no-repeat left;  font-size:10.5pt;}
	#colonne_shop ul { margin: 0 0 10px 0px; padding: 0; list-style: none; }
	
	#colonne_shop .user     { background: url(images/user_16.jpg) no-repeat left !important; }
	#colonne_shop .ni     { background: url(images/annu16.png) no-repeat left !important; }
	#colonne_shop .doss     { 
		background: url(images/dossiers16.png) no-repeat left !important;
		font-weight:bold; }
	#colonne_shop .fact     { background: url(images/langue16.png) no-repeat left !important; }
	#colonne_shop .elt      { background: url(images/elements16.png) no-repeat left !important; }
	#colonne_shop .req      { background: url(images/action16.png) no-repeat left !important; }
	#colonne_shop .admin    { background: url(images/admin_16.jpg) no-repeat left !important; }
	#colonne_shop .bdd      { background: url(images/bdd_16.jpg) no-repeat left !important; }
	#colonne_shop .logiciel { background: url(images/logiciel_16.jpg) no-repeat left !important; }
	
	#colonne_shop UL UL.niveau2 {
        padding-right: 0px; 
        display: none; 
        padding-left: 0px; 
        left: 150px; 
        padding-bottom: 2px; 
        margin: 0px;
        padding-top: 0px;
        position: absolute; 
        top: -1px;
        border: 1px solid #d9d9d9;
	}
	#colonne_shop UL UL.niveau2elt {
		border-right: #b0b0b0 1px solid; padding-right: 0px; border-top: #b0b0b0 1px solid; display: none; padding-left: 0px; left: 150px; padding-bottom: 2px; margin: 0px; border-left: #b0b0b0 1px solid; padding-top: 0px; border-bottom: #b0b0b0 1px solid; position: absolute; top: -70px;
	}
	#colonne_shop LI {
		padding-right: 2px; padding-left: 20px; padding-bottom: 2px; width: 140px; padding-top: 2px; list-style-type: none; position: relative; background-color: #F4FFFF
	}
	#colonne_shop LI LI {
		padding-right: 2px; 
        padding-left: 2px; 
        padding-bottom: 2px; 
        margin: 0px;
        width: 220px; padding-top: 2px; 
        list-style-type: none; 
        position: relative;
	}
	#colonne_shop ul.niveau1:hover, #colonne_shop ul.niveau1.hover {
		background-color:#BED3D6;
		font-weight: bold;
	}
	#colonne_shop LI.menu:hover, #colonne_shop LI.menu.hover {
		background-color: #F4FCCC;
		font-weight: bold;
	}
	#colonne_shop LI.sfhover {
		background-color: #F4FCCC;
	}
	#colonne_shop LI A {
		text-decoration: none;
		color: #487548;
	}
	#colonne_shop LI:hover UL.niveau2, #colonne_shop LI.hover UL.niveau2 {
		display: block;
		font-weight:normal;
	}
	#colonne_shop LI.sfhover UL.niveau2 {
		display: block;
		font-weight: normal;
	}
	
	#colonne_shop LI:hover UL.niveau2elt, #colonne_shop LI.hover UL.niveau2elt {
		display: block;
		font-weight: normal;
	}
	#colonne_shop LI.sfhover UL.niveau2elt {
		display: block;
		font-weight: normal;
	}
	
#page     { 
    padding-left: 16em;
    padding-top: 5px;
    padding-top: 50px;
}

#contenu  { 
    padding: 0;
    margin: 0;
    min-height: 450px;
    _height: 450px;
    text-align:left;
}


.sav-list{
	border: 1px #8A93A9 solid;
    border-radius: 5px;
	padding: 5px 5px 5px 5px;
}
.list-head{
	font-size: 12px !important;
	cursor: pointer;
}
.list-content{
	font-size: 12px !important;
	cursor: pointer;
}
.table-danger{
	background-color: lightcoral !important;
}
.table-secondary{
	background-color: lightgray !important;
}
.table-success{
	background-color:lightgreen !important;
}
.table-warning{
	background-color: peachpuff !important;
}
.w-100{
	width:100%;
}
.w-5{
	width:5%;
	float: left;
	text-align: left;
}
.w-10{
	width:10%;
	float: left;
	text-align: left;
}
.w-15{
	width: 15%;
}
.w-25{
	width:25%;
	float: left;
	text-align: left;
}
.w-35{
	width:35%;
	float: left;
	text-align: left;
}

#contenu2  { padding-left: 15px; margin: 0; min-height: 450px; _height: 450px; text-align:left;}

.titre {
	text-align: center;
	color: #8A93A9;
}

.etapes {
    text-align: center;
    list-style: none;
    margin: auto; 
	padding: 0;
    display: block;
	width:auto;
}
.etapes li {
	/* display: table-cell !important; /* Hack pour faire fonctionner sous Firefox */
	display: inline;    /* Hack pour faire fonctionner sous IE */
	vertical-align: top;
	text-align: center;
	padding: 50px 5px 5px 5px;
	width: 120px;
	font-weight: bold;
	color: #8A93A9;
}

.etapes2 {
    text-align: center;
    list-style: none;
    margin: 0; 
	padding: 0;
    display: inline;
}
.etapes2 li {
	/* display: table-cell !important; /* Hack pour faire fonctionner sous Firefox */
	display: inline;    /* Hack pour faire fonctionner sous IE */
	vertical-align: top;
	text-align: center;
	padding-left:5px;
	padding-top:10px;
	margin: 0;
	width: 120px;
	font-weight: bold;
	color: black;
}
.etapes a {color: #8A93A9; text-decoration: none;}
  .etapes a:hover {color: #8A93A9; text-decoration: underline;}
  .etapes a:active {color: #8A93A9; text-decoration: none;}
  .etapes a:focus {color: #8A93A9; text-decoration: none;}
	 
	/*.etapes .etape1 { background: url(images/etapes/1.gif) no-repeat top; cursor: pointer;}
	.etapes .etape1_bis { color: #BAC3D9; background: url(images/etapes/1_bis.gif) no-repeat top; cursor: pointer;}
	.etapes .etape2 { background: url(images/etapes/2.gif) no-repeat top; cursor: pointer;}
	.etapes .etape2_bis { color: #BAC3D9; background: url(images/etapes/2_bis.gif) no-repeat top; cursor: pointer;}
	.etapes .etape3 { background: url(images/etapes/3.gif) no-repeat top; cursor: pointer;}
	.etapes .etape3_bis { color: #BAC3D9; background: url(images/etapes/3_bis.gif) no-repeat top; cursor: pointer;}
	.etapes .etape4 { background: url(images/etapes/4.gif) no-repeat top; cursor: pointer;}
	.etapes .etape4_bis { color: #BAC4D9; background: url(images/etapes/4_bis.gif) no-repeat top; cursor: pointer;}
	.etapes .etape5 { background: url(images/etapes/5.gif) no-repeat top; cursor: pointer;}
	.etapes .etape5_bis { color: #BAC5D9; background: url(images/etapes/5_bis.gif) no-repeat top; cursor: pointer;}
	.etapes .etape6 { background: url(images/etapes/6.gif) no-repeat top; cursor: pointer;}
	.etapes .etape6_bis { color: #BAC6D9; background: url(images/etapes/6_bis.gif) no-repeat top; cursor: pointer;}*/

.obligatoire {
	text-decoration: underline; 
}

.description403 {
	text-align: right;
    line-height: 35px;
    margin-bottom: 0px;
    padding-right: 5px;
}

.bg-sign {
  background-color: #eee;
}

.form-signin {
  max-width: 330px;
  padding: 15px;
  margin: 0 auto;
}
.form-signin .form-signin-heading,
.form-signin .checkbox {
  margin-bottom: 10px;
}

.form-signin .form-control {
  position: relative;
  box-sizing: border-box;
  height: auto;
  padding: 10px;
  font-size: 16px;
}
.form-signin .form-control:focus {
  z-index: 2;
}
.form-signin input[type="text"] {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.form-signin input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
}


form { margin: 0; padding: 0; }
p.submit { text-align: right; padding: .5em .5em 0 .5em !important; margin: 5px 0 5px 0 !important; background: url(images/degrade.jpg) #F4FFFF bottom repeat-x; }
	
/*.carteVisite {
	width: 20em;
	background: url(images/degrade.jpg) #F4FFFF top repeat-x;
	margin: .5em .5em 1em .5em;
	padding: 2px 4px 2px 4px;
	border: 1px #8A93A9 solid;
	color: #4800B0;
	height: 9.5em;
	float: left;
	text-align: left;
}
	.carteVisite .carteVisiteTitre { padding-bottom: .5em; }
	.carteVisite .carteVisiteEmail { padding-top: .5em; color: #666; font-style: italic; text-align: right; }
	.carteVisite .carteVisiteBtn { padding-top: 1em; text-align: right; }
	.carteVisite p { margin: 0; }

.carteVisitePro {
	width: 20em;
	background: url(images/degrade.jpg) #F4FFFF top repeat-x;
	margin: .5em .5em 1em .5em;
	padding: 2px 4px 2px 4px;
	border: 1px #8A93A9 solid;
	color: #4800B0;
	height: 14.5em;
	float: left;
	text-align: left;
}
	.carteVisitePro .carteVisiteTitre { padding-bottom: .5em; }
	.carteVisitePro .carteVisiteEmail { padding-top: .5em; color: #666; font-style: italic; text-align: right; }
	.carteVisitePro .carteVisiteBtn { padding-top: 1em; text-align: right; }
	.carteVisitePro p { margin: 0; }*/
	
div#formulaire {
	padding: 0;
	/*background: #F4FFFF;*/
	border: 1px #8A93A9 solid;
    border-radius: 5px;
	color: #000;
	text-align: left;
	margin:auto;
    margin-bottom: 10px;
    margin-top: 10px;
	padding:10px;
	width:950px;
}
div#formulaire form { margin: auto; padding: 0; width:auto;}
div#formulaire fieldset { border: 0; margin: 0; padding: 2px 4px 10px 4px; }
div#formulaire h2 { width:900px;font-size: 1.2em; font-weight: bold; margin: auto; padding: 0 0 1em 0; }
div#formulaire p { width:100%;text-indent: 1.5em; margin: 0; padding: .1em 0 .1em 0; }
div#formulaire label.nostyle { float: none; width: auto; }

div#shop {
	padding: 0;
	background: #F4FFFF;
	border: 1px #8A93A9 solid;
	color: #000;
	text-align: left;
	margin:auto;
	padding:10px;
	width:60%;
	float:left; 
}
div#shop form { margin: auto; padding: 0; width:auto;}
div#shop fieldset { border: 0; margin: 0; padding: 2px 4px 10px 4px; background: url(images/degrade.jpg) #F4FFFF top repeat-x; }
div#shop h2 { width:900px;font-size: 1.2em; font-weight: bold; margin: auto; padding: 0 0 1em 0; }
div#shop p { width:100%;text-indent: 1.5em; margin: 0; padding: .1em 0 .1em 0; }
div#shop label.nostyle { float: none; width: auto; }
	
div#garage {
	padding: 0;
	background: #F4FFFF;
	border: 1px #8A93A9 solid;
	color: #000;
	text-align: left;
	margin:auto;
	padding:10px;
	width:500px;
}
	div#garage form { margin: auto; padding: 0; width:auto;}
	div#garage fieldset { border: 0; margin: 0; padding: 2px 4px 10px 4px; background: url(images/degrade.jpg) #F4FFFF top repeat-x; }
	div#garage h2 { width:900px;font-size: 1.2em; font-weight: bold; margin: auto; padding: 0 0 1em 0; }
	div#garage p { width:100%;text-indent: 1.5em; margin: 0; padding: .1em 0 .1em 0; }
	div#garage label.nostyle { float: none; width: auto; }

div#livok {
	padding: 0;
	background: #F4FFFF;
	border: 1px #8A93A9 solid;
	color: #4800B0;
	text-align: left;
	margin:auto;
	padding:10px;
	width:95%;
	height:1120px;
}
	div#livok form { margin: auto; padding: 0; width:auto;}
	div#livok fieldset { border: 0; margin: 0; padding: 2px 4px 10px 4px; background: url(images/degrade.jpg) #F4FFFF top repeat-x; }
	div#livok h2 { width:900px;font-size: 1.2em; font-weight: bold; margin: auto; padding: 0 0 1em 0; }
	div#livok p { width:100%;text-indent: 1.5em; margin: 0; padding: .1em 0 .1em 0; }
	div#livok label.nostyle { float: none; width: auto; }
	
div#formulaire2 {
	padding: 0;
	background: #F4FFFF;
	border: 1px #8A93A9 solid;
	color: #000;
	text-align: left;
	margin:auto;
	padding:10px;
	width:1050px;
}
	div#formulaire2 form { margin: auto; padding: 0; width:auto;}
	div#formulaire2 fieldset { border: 0; margin: 0; padding: 2px 4px 10px 4px; background: url(images/degrade.jpg) #F4FFFF top repeat-x; }
	div#formulaire2 h2 { width:900px;font-size: 1.2em; font-weight: bold; margin: auto; padding: 0 0 1em 0; }
	div#formulaire2 p { width:100%;text-indent: 1.5em; margin: 0; padding: .1em 0 .1em 0; }
	div#formulaire2 label.nostyle { float: none; width: auto; }
	
div#formulaireshop {
	padding: 0;
	background: #F4FFFF;
	border: 1px #8A93A9 solid;
	color: #4800B0;
	text-align: left;
	margin:auto;
	padding:10px;
	width:80%;
}
	div#formulaireshop form { margin: auto; padding: 0; width:auto;}
	div#formulaireshop fieldset { border: 0; margin: 0; padding: 2px 4px 10px 4px; background: url(images/degrade.jpg) #F4FFFF top repeat-x; }
	div#formulaireshop h2 { width:900px;font-size: 1.2em; font-weight: bold; margin: auto; padding: 0 0 1em 0; }
	div#formulaireshop p { width:100%;text-indent: 1.5em; margin: 0; padding: .1em 0 .1em 0; }
	div#formulaireshop label.nostyle { float: none; width: auto; }

div#formulaire3 {
	background: #F4FFFF;
	border: 1px #8A93A9 solid;
	color: #000;
	text-align: left;
	margin:auto;
	padding-left:0px;
	width:680px;
}
div#formulaire3 h1 { text-align:center; }

div#formulaire4 {
	background: #F4FFFF;
	border: 1px #8A93A9 solid;
	color: #000;
	text-align: left;
	margin:auto;
	padding-left:0px;
	width:1250px;
}
div#formulaire4 h1 { text-align:center; }

div#formulaire5 {
	background: #DDD;
	border: 1px #8A93A9 solid;
	color: #000;
	text-align: left;
	margin:auto;
	padding-left:0px;
	width:770px;
}
div#formulaire5 h1 { text-align:center; }
	
	input[type=button],input[type=submit],button { 
        color: #fff;
        cursor: pointer;
        background-color: #868e96;
        border-color: #868e96;
        display: inline-block;
        font-weight: 400;
        text-align: center;
        vertical-align: middle;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        border: 1px solid transparent;
        border-radius: .25rem;
        transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
	}

	input[type=button]:hover,input[type=submit]:hover,button:hover,input[type=button].boutonSelect{ 
        color: #fff;
        background-color: #727b84;
        border-color: #6c757d;
	}
	
	label,input[type=radio],input[type=checkbox]{
		cursor : pointer;
		border:1px solid none;
	}
	
	
	input[type=text]{
		size:15;
		padding-left:0;
		margin-left:0;
	}
	
	textarea{
		font-size:12px;
		
	}
	
	a.lienBouton { 
		margin:auto; 
		background: -moz-linear-gradient(top,white,silver); 
		background: -o-linear-gradient(top,white,silver); 
		background: -webkit-linear-gradient(top,white,silver); 
		-moz-border-radius:4px;
		-o-border-radius:4px;
		-wekbit-border-radius:4px;
		padding:2px;
		border:1px solid gray;
		text-decoration:none;
		display:block;
	}

	a.lienBouton:hover { 
		margin:auto; 
		background: -moz-linear-gradient(top,white,aqua); 
		background: -o-linear-gradient(top,white,aqua); 
		background: -webkit-linear-gradient(top,white,aqua); 
		border:1px solid black;
	}
	
	-moze-border-radius:5px
div#tab_suivi {
	padding: 0;
	background: #F4FFFF;
	border: 1px #8A93A9 solid;
	color: #000;
	text-align: left;
	margin:auto;
	padding:10px;
	width:1165px;
}

div#tab_mem {
	padding: 0;
	background: #F4FFFF;
	border: 1px #8A93A9 solid;
	color: #000;
	text-align: left;
	margin:auto;
	padding:10px;
	width:980px;
}

h3.formulaire {
	font-variant: small-caps;
    color: #8A93A9;
	margin: auto;
	padding: 0;
	width: 33.3em;
	text-align: right;
}

div.encaiss {
	margin: auto;
	padding: 0;
	width: 750px;
	background: #F4FFFF;
	border: 1px #8A93A9 solid;
	color: #000;
	text-align: left;
}
	div.encaiss form { margin: 0; padding: 0; }
	div.encaiss fieldset { border: 0; margin: 0; padding: 2px 4px 10px 4px; background: url(images/degrade.jpg) #F4FFFF top repeat-x; }
	div.encaiss h2 { font-size: 1.2em; font-weight: bold; margin: 0; padding: 0 0 1em 0; }
	div.encaiss p { text-indent: 1.5em; margin: 0; padding: .1em 0 .1em 0; }
	div.encaiss label { float: left; width: 20em; }
	div.encaiss label.nostyle { float: none; width: auto; }

h3.encaiss {
	font-variant: small-caps;
    color: #8A93A9;
	margin: auto;
	padding: 0;
	width: 33.3em;
	text-align: right;
}

.liensInitialesPro, .liensInitialesPart, .liensInitialesAdmin, .liensInitialesAff, .liensInitialesDevis{
	border: 1px #8A93A9 solid;
    border-radius: 5px;
/*	background: url(images/degrade.jpg) #F4FFFF top repeat-x;*/
	clear: both;
	padding: 5px 5px 5px 5px;
	margin: 0 5px 0 0;
	font-weight: bold;
}
	.liensInitialesPro .exa, .liensInitialesPart .exa, .liensInitialesAdmin .exa { color: #000; padding:5px 5px 5px 5px; }
	.liensInitialesPro a, .liensInitialesPart a, .liensInitialesAdmin a { color: #8A93A9; padding:5px 5px 5px 5px; text-decoration: none; }
	.liensInitialesPro a:hover, .liensInitialesPart a:hover, .liensInitialesAdmin a:hover { color: #000; padding:5px 5px 5px 5px; text-decoration: none; }
	
	.liensInitialesAff .exa, .liensInitialesDevis .exa, { color: #000;}
	.liensInitialesAff a, .liensInitialesDevis a { color: #036; text-decoration: none; }
	.liensInitialesAff a:hover, .liensInitialesDevis a:hover { color: #129af0; text-decoration: none; }
	
  	
/* Vivreco v1 */
table.tableauCart {border-collapse:collapse;border:1px solid gray;padding:0;margin:0 auto 10px auto; width:95%; }
table.tableauCart td {padding:0; color: black; font-weight:none;padding-left:2px;height:30px;}
table.tableauCart tr{ display:block;}
table.tableauCart tr td:first-child{padding-left:5px;}
table.tableauCart tr:nth-child(odd){ background:#D4D4D4;}
table.tableauCart label{ width:auto;min-width:150px;display:inline;}

table.tableauCartTot {border-collapse:collapse;border:1px solid gray;padding:0;margin:0 auto 10px auto;font-family: Verdana, Arial; font-size: 1em; width:95%; }
table.tableauCartTot td {padding:0; color: black; font-weight:none;padding-left:2px;height:30px;text-align:right;}
table.tableauCartTot tr{ display:block;}
table.tableauCartTot tr td:first-child{ padding-left:5px;text-align:left;}
table.tableauCartTot tr:nth-child(odd){ background:#D4D4D4;}
table.tableauCartTot label{ width:auto;min-width:150px;display:inline;}

table.tableauFormulaireCartShop {border-collapse:collapse;border:1px solid gray;padding:0;margin:0 auto 10px auto;font-family: Verdana, Arial; font-size: 1em; width: auto;text-align:left;width:95%; }
table.tableauFormulaireCartShop td {padding:0; color: black; font-weight:none;padding-left:2px;}
table.tableauFormulaireCartShop tr{ background:white;}
table.tableauFormulaireCartShop tr td:first-child{color: #4800B0; font-weight:bold;padding-left:2px;}
table.tableauFormulaireCartShop tr:nth-child(odd){ background:#D4D4D4;}
table.tableauFormulaireCartShop label{}
table.tableauFormulaireCartShop td{height:30px;}

table.tableauFormulaireShop {border-collapse:collapse;border:1px solid gray;padding:0;margin:0 auto 10px auto;font-family: Verdana, Arial; font-size: 1em; width: auto;text-align:left;width:95%; }
table.tableauFormulaireShop td {padding:0; color: black; font-weight:none;width:auto;min-width:50px;padding-left:2px;}
table.tableauFormulaireShop tr{ display:block;background:white;}
table.tableauFormulaireShop tr td:first-child{width:230px; color: #4800B0; font-weight:bold;padding-left:2px;}
table.tableauFormulaireShop tr:nth-child(odd){ background:#D4D4D4;}
table.tableauFormulaireShop label{ width:auto;min-width:150px;display:inline;}
table.tableauFormulaireShop td{height:30px;}

table.tableauFormulaireShopPiece {border-collapse:collapse;border:1px solid gray;padding:0;margin:0 auto 10px auto;font-family: Verdana, Arial; font-size: 1em; width: auto;text-align:left;width:95%; }
table.tableauFormulaireShopPiece td {padding:0; color: black; font-weight:none;width:auto;min-width:50px;padding-left:2px;padding-right:15px;}
table.tableauFormulaireShopPiece tr{ display:block;background:white;}
table.tableauFormulaireShopPiece tr td:first-child{color: #4800B0; font-weight:bold;padding-left:2px;padding-right:15px;}
table.tableauFormulaireShopPiece tr:nth-child(odd){ background:#D4D4D4;}
table.tableauFormulaireShopPiece label{ width:auto;min-width:150px;display:inline;}
table.tableauFormulaireShopPiece td{height:30px;}

table.tableauFormulaireTache {border-collapse:collapse;border:1px solid gray;padding:0;margin:0 auto 10px auto;font-family: Verdana, Arial; font-size: 1em; width: auto;text-align:left;width:95%; }
table.tableauFormulaireTache td {padding:0; color: black; font-weight:none;width:auto;min-width:50px;padding-left:2px;}
table.tableauFormulaireTache tr{ display:block;background:white;}
table.tableauFormulaireTache tr td:first-child{width:120px; color: #000; font-weight:bold;padding-left:2px;}
table.tableauFormulaireTache tr:nth-child(odd){ background:#D4D4D4;}
table.tableauFormulaireTache label{ width:auto;min-width:150px;display:inline;}
table.tableauFormulaireTache td{height:30px;}

table.tableauFormulaire {border:1px solid gray;padding:0;margin:0 auto 10px auto;font-family: Verdana, Arial; font-size: 1em; width: auto;text-align:left;width:95%; }
table.tableauFormulaire td {padding:0; color: black; font-weight:none;width:auto;min-width:50px;padding-left:2px;}
table.tableauFormulaire tr{ display:block;}
table.tableauFormulaire tr td:first-child{width:230px; color: #000; font-weight:bold;padding-left:2px;}
table.tableauFormulaire tr:nth-child(odd){ background:#D4D4D4;border-top:2px solid white;border-bottom:2px solid white;}
table.tableauFormulaire label{ width:auto;min-width:150px;display:inline;}
table.tableauFormulaire td{height:30px;}

table.tableauFormulaireRelance {border:1px solid gray;padding:0;margin:0 auto 10px auto;font-family: Verdana, Arial; font-size: 1em; width: auto;text-align:left;width:95%; }
table.tableauFormulaireRelance td {padding:0; color: black; font-weight:none;width:auto;min-width:50px;padding-left:2px;}
table.tableauFormulaireRelance tr{ display:block;}
table.tableauFormulaireRelance tr td:first-child{color: #000; font-weight:bold;padding-left:2px;}
table.tableauFormulaireRelance tr:nth-child(odd){ background:#D4D4D4;border-top:2px solid white;border-bottom:2px solid white;}
table.tableauFormulaireRelance label{ width:auto;min-width:150px;display:inline;}
table.tableauFormulaireRelance td{height:30px;}

table.tableauElemForage {border:1px solid gray;padding:0;margin:0 auto 10px auto;font-family: Verdana, Arial; font-size: 1em; width: auto;text-align:left;width:95%;}
table.tableauElemForage td {padding:0; color: black; font-weight:none;width:auto;min-width:50px;padding-left:2px;}
table.tableauElemForage tr:nth-child(odd){ background:#D4D4D4;border-top:2px solid white;border-bottom:2px solid white;}
table.tableauElemForage label{ width:auto;min-width:150px;display:inline;}
table.tableauElemForage td{height:30px;}

table.tableauElemPAC {border:1px solid gray;padding:0;margin:0 auto 10px auto;font-family: Verdana, Arial; font-size: 1em; width: auto;text-align:left;width:95%; }
table.tableauElemPAC td {padding:0; color: black; font-weight:none;width:auto;min-width:50px;padding-left:2px;}
table.tableauElemPAC tr{ display:block;}
/*table.tableauElemPAC tr td:first-child{width:230px; color: #000; font-weight:bold;padding-left:2px;}*/
table.tableauElemPAC tr:nth-child(odd){ background:#D4D4D4;border-bottom:2px solid white;}
table.tableauElemPAC label{ width:auto;min-width:150px;display:inline;}
table.tableauElemPAC td{height:30px;}

table.tableauFormulaireSwap {border:1px solid gray;padding:0;margin:0 auto 10px auto;font-family: Verdana, Arial; font-size: 1em; width: auto;text-align:left;width:95%; }
table.tableauFormulaireSwap td {padding:0; color: black; font-weight:none;width:auto;min-width:50px;padding-left:2px;}
table.tableauFormulaireSwap tr{ display:block;}
table.tableauFormulaireSwap tr td:first-child{color: #000; font-weight:bold;padding-left:2px;}
table.tableauFormulaireSwap tr:nth-child(odd){ background:#D4D4D4;border-top:2px solid white;border-bottom:2px solid white;}
table.tableauFormulaireSwap label{ width:auto;min-width:150px;display:inline;}
table.tableauFormulaireSwap td{height:30px;}

table.tableauPlanning {border:1px solid gray;padding:0;margin:0 auto 10px auto;font-family: Verdana, Arial; font-size: 1em; width: auto;text-align:left;width:95%; }
table.tableauPlanning td {padding:0; color: black; font-weight:none;width:46px;padding-left:2px;}
table.tableauPlanning tr{ display:block;}
table.tableauPlanning tr td:first-child{color: #000; font-weight:bold;padding-left:2px;}
table.tableauPlanning tr:nth-child(odd){ background:#D4D4D4;border-top:2px solid white;border-bottom:2px solid white;}
table.tableauPlanning label{ width:auto;min-width:150px;display:inline;}
table.tableauPlanning td{height:30px;}

table.tableauPlanningG {border:1px solid gray;padding:0;margin:0;font-family: Verdana, Arial; font-size: 1em; text-align:left;width:450px; }
table.tableauPlanningG td {padding:0; color: black; font-weight:none;}
/*table.tableauPlanning2 tr td:first-child{color: #000; font-weight:bold;padding-left:2px;}
table.tableauPlanningG tr:nth-child(odd){ background:#D4D4D4;}*/
table.tableauPlanningG label{ width:auto;min-width:150px;display:inline;}
table.tableauPlanningG td{height:30px;}

table.tableauPlanning2 {border:1px solid gray;padding:0;margin:0;font-family: Verdana, Arial; font-size: 1em; text-align:left; width:100%; }
table.tableauPlanning2 td {padding:0; color: black; font-weight:none;}
/*table.tableauPlanning2 tr td:first-child{color: #000; font-weight:bold;padding-left:2px;}
table.tableauPlanning2 tr:nth-child(odd){ background:#D4D4D4;}*/
table.tableauPlanning2 label{ width:auto;min-width:150px;display:inline;}
/*table.tableauPlanning2 td{height:30px;}*/

table.tableauLivOK {border:1px solid gray;padding:0;margin:0;font-family: Verdana, Arial; font-size: 1em; text-align:left; width:100%; }
table.tableauLivOK td {padding:0; color: black; font-weight:none;}
table.tableauLivOK label{ width:auto;min-width:150px;display:inline;}
table.tableauLivOK tr:nth-child(odd){ background:#D4D4D4;}
table.tableauLivOK td{height:30px;}
th.rotate {
  /* Something you can count on */
  height: 140px;
  white-space: nowrap;
}

th.rotate > div {
  transform: 
    /* Magic Numbers */
    translate(25px, 51px)
    /* 45 is really 360 - 45 */
    rotate(315deg);
  width: 30px;
}
th.rotate > div > span {
  border-bottom: 1px solid #ccc;
  padding: 5px 10px;
}

table.tableauPlanning3 {border:1px solid gray;padding:0;margin:0;font-family: Verdana, Arial; font-size: 1em; text-align:left;width:100%; }
table.tableauPlanning3 td {padding:0; color: black; font-weight:none;}
/*table.tableauPlanning2 tr td:first-child{color: #4800B0; font-weight:bold;padding-left:2px;}
table.tableauPlanning2 tr:nth-child(odd){ background:#D4D4D4;}*/
table.tableauPlanning3 label{ width:auto;min-width:150px;display:inline;}
table.tableauPlanning3 td{height:30px;}

table.tableauPlanning4 {border:1px solid gray;padding:0;margin:0;font-family: Verdana, Arial; font-size: 1em; text-align:left;width:25%; }
table.tableauPlanning4 td {padding:0; color: black; font-weight:none;}
/*table.tableauPlanning2 tr td:first-child{color: #4800B0; font-weight:bold;padding-left:2px;}
table.tableauPlanning2 tr:nth-child(odd){ background:#D4D4D4;}*/
table.tableauPlanning4 label{ width:auto;min-width:150px;display:inline;}
table.tableauPlanning4 td{height:30px;}

table.tableauFormulaire2 {border:1px solid gray;padding:0;margin:0 auto 10px auto;font-family: Verdana, Arial; font-size: 1em; width: auto;text-align:left;width:95%;border-collapse:collapse;}
table.tableauFormulaire2 td {padding:0; color: black; font-weight:none;width:auto;min-width:50px;padding-left:2px;}
/*table.tableauFormulaire2 tr{ display:block;}*/
table.tableauFormulaire2 tr td:first-child{width:230px; color: #000; font-weight:bold;padding-left:2px;}
table.tableauFormulaire2 tr:nth-child(odd){ background:#D4D4D4;border-top:2px solid white;border-bottom:2px solid white;}
table.tableauFormulaire2 label{ width:auto;min-width:150px;display:inline;}
table.tableauFormulaire2 td{height:30px;}

table.tableauFormulaire3 {border:1px solid gray;padding:0;margin:0 auto 10px auto;font-family: Verdana, Arial; font-size: 1em; width: auto;text-align:left;width:95%;border-collapse:collapse;}
table.tableauFormulaire3 td {padding:0; color: black; font-weight:none;width:auto;min-width:50px;padding-left:2px;}
/*table.tableauFormulaire2 tr{ display:block;}
table.tableauFormulaire3 tr td:first-child{width:230px; color: #4800B0; font-weight:bold;padding-left:2px;}*/
table.tableauFormulaire3 tr:nth-child(odd){ background:#D4D4D4;border-top:2px solid white;border-bottom:2px solid white;}
table.tableauFormulaire3 label{ width:auto;min-width:150px;display:inline;}
table.tableauFormulaire3 td{height:30px;}

table.tableauFormulaireSAV {border:1px solid gray;padding:0;margin:0 auto 10px auto;font-family: Verdana, Arial; font-size: 1em; width: auto;text-align:left;width:95%;border-collapse:collapse;}
table.tableauFormulaireSAV td {padding:0; color: black; font-weight:none;width:auto;min-width:50px;padding-left:2px;}
/*table.tableauFormulaire2 tr{ display:block;}*/
table.tableauFormulaireSAV tr td:first-child{color: #000; font-weight:bold;padding-left:2px;}
table.tableauFormulaireSAV tr:nth-child(odd){ background:#D4D4D4;border-top:2px solid white;border-bottom:2px solid white;}
table.tableauFormulaireSAV label{ width:auto;min-width:150px;display:inline;}
table.tableauFormulaireSAV td{height:30px;}

table.tableauFormulaireFacture {border:1px solid red;padding:0;margin:0 auto 10px auto;font-family: Verdana, Arial; font-size: 1em; width: auto;text-align:left;width:95%; }
table.tableauFormulaireFacture td {padding:0; color: black; font-weight:none;width:auto;min-width:50px;padding-left:2px;}
table.tableauFormulaireFacture tr{ display:block;}
table.tableauFormulaireFacture tr td:first-child{width:230px; color: #000; font-weight:bold;padding-left:2px;}
table.tableauFormulaireFacture tr:nth-child(odd){ background:#D4D4D4;border-top:2px solid white;border-bottom:2px solid white;}
table.tableauFormulaireFacture label{ width:auto;min-width:150px;display:inline;}
table.tableauFormulaireFacture td{height:30px;}

table.tableauRegul {border:1px solid gray;padding:0;margin:0 auto 10px auto;font-family: Verdana, Arial; font-size: 1em; width: auto;text-align:left;width:95%;}
table.tableauRegul td {padding:0; color: black; font-weight:none;width:auto;min-width:50px;padding-left:2px;}
table.tableauRegul tr{ display:block;}
table.tableauRegul tr td:first-child{width:260px; color: #000; font-weight:bold;padding-left:2px;}
table.tableauRegul tr:nth-child(odd){ background:#D4D4D4;border-top:2px solid white;border-bottom:2px solid white;}
table.tableauRegul label{ width:auto;min-width:150px;display:inline;}
table.tableauRegul td{height:30px;}

table.tableauSAV {border:1px solid gray;padding:0;margin:0 auto 10px auto;font-family: Verdana, Arial; font-size: 1em; width: auto;text-align:center;width:70%;}
table.tableauSAV td {padding:0; color: black; font-weight:none;width:auto;min-width:50px;padding-left:2px;}
/*table.tableauSAV tr{ display:block;}*/
/*table.tableauSAV tr td:first-child{width:230px; color: #4800B0; font-weight:bold;padding-left:2px;}*/
table.tableauSAV tr:nth-child(odd){ background:#D4D4D4;border-top:2px solid white;border-bottom:2px solid white;}
table.tableauSAV label{ width:auto;min-width:150px;display:inline;}
table.tableauSAV td{height:30px;}

table.tableauSAVfiche {padding:0;margin:0;font-family: Verdana, Arial; font-size: 1em;text-align:left; width: auto;width:70%;}
table.tableauSAVfiche td {padding:0; color: black; font-weight:none;width:auto;width:100px;padding-left:2px;}
/*table.tableauSAV tr{ display:block;}*/
table.tableauSAVfiche tr td:first-child{ color: black; font-weight:bold;padding-left:2px;}
table.tableauSAVfiche tr:nth-child(odd){ background:#D4D4D4;border-top:2px solid white;border-bottom:2px solid white;}
table.tableauSAVfiche label{ width:auto;min-width:150px;display:inline;}
table.tableauSAVfiche td{height:30px;}

/* TABLEAU ISOLATION */
table.tableauIsolation {border:1px solid gray;padding:0;margin:0 auto 10px auto;font-family: Verdana, Arial; font-size: 1em; width: auto;text-align:left;width:95%; }
table.tableauIsolation td {padding:0; color: black; font-weight:none;font-size:12px;width:auto;min-width:50px;padding-left:2px;}
table.tableauIsolation tr{ display:block;}
table.tableauIsolation tr td:first-child{width:230px; color: #000; font-weight:bold;padding-left:2px;}
table.tableauIsolation tr:nth-child(odd){ background:#D4D4D4;border-top:2px solid white;border-bottom:2px solid white;}
table.tableauIsolation label{ width:auto;min-width:150px;display:inline;}
table.tableauIsolation td{height:30px;}

/* tab mem */

table.tab_mem {border:1px solid gray;padding:0;margin:0 auto 10px auto;font-family: Verdana, Arial; font-size: 1em;text-align:left;width:870px; border-collapse:collapse;}
table.tab_mem th {padding:2px;font-size:12px;}
table.tab_mem td {padding:2px; color: black; font-weight:none;font-size:10px;}
table.tab_mem tr td:first-child{ color: #000; font-weight:bold;font-size:12px;width:180px;}
table.tab_mem tr:nth-child(odd){ background:#D4D4D4;border-top:2px solid white;border-bottom:2px solid white;}
table.tab_mem tr:hover{ background:grey;}
table.tab_mem tr.stats th{ font-size:11px;}
table.tab_mem td{height:30px;}

/* tab suivi */

table.tab_suivi {border:1px solid gray;padding:0;margin:0 auto 10px auto;font-family: Verdana, Arial; font-size: 1em; width: auto;text-align:left;width:1165px;}
table.tab_suivi th {padding:2px;font-size:12px;}
table.tab_suivi td {padding:2px; color: black; font-weight:none;font-size:10px;}
table.tab_suivi tr td:first-child{ color: #000; font-weight:bold;font-size:12px;width:180px;}
table.tab_suivi tr:nth-child(odd){ background:#D4D4D4;border-top:2px solid white;border-bottom:2px solid white;}
table.tab_suivi tr:hover{ background:grey;}
table.tab_suivi tr.stats th{ font-size:11px;}
table.tab_suivi td{height:30px;}


/* liste_encaissement*/

table.liste_encaissement {border:1px solid gray;padding:0;margin:0 auto 10px auto;font-family: Verdana, Arial; font-size: 1em; width: auto;text-align:left;width:95%;border-collapse:collapse;}
table.liste_encaissement th {padding:2px;font-size:12px;}
table.liste_encaissement td {padding:2px; color: black; font-weight:none;font-size:10px;}
table.liste_encaissement tr td:first-child{ color: #000; font-weight:bold;font-size:12px;width:180px;}
table.liste_encaissement tr:nth-child(odd){ background:#D4D4D4;border-top:2px solid white;border-bottom:2px solid white;}
table.liste_encaissement tr.stats th{ font-size:11px;}
table.liste_encaissement td{height:30px;}

/* tableau Avancement */

table.tableauAvancement {border:1px solid gray;padding:0;margin:0 auto 10px auto;font-family: Verdana, Arial; font-size: 1em; width: auto;text-align:left;width:900px}
table.tableauAvancement th {padding:2px;font-size:12px;}
table.tableauAvancement td {padding:2px; color: black; font-weight:none;font-size:10px;}
table.tableauAvancement tr#titre td:first-child{ color: #000; font-weight:bold;font-size:12px;width:180px;}
table.tableauAvancement tr{ background:#D4D4D4;border-top:2px solid white;border-bottom:2px solid white;}
table.tableauAvancement tr.lignesEnsemble{ background:white;}
table.tableauAvancement tr.stats th{ font-size:11px;}
table.tableauAvancement td{height:30px;}

/* tableau avec en tete */
table.tableauEntete {border:1px solid gray;padding:0;margin:0 auto 10px auto;font-family: Verdana, Arial; font-size: 1em; width: auto;text-align:left;width:95%;}
table.tableauEntete th{background-color:silver;color: #000;}
table.tableauEntete th {padding-left:10px;font-size:12px;text-align:left;}
table.tableauEntete td {color: black; font-weight:none;font-size:10px;width:auto;padding-left:0px;}
table.tableauEntete tr td:first-child{ color: #000; font-weight:bold;font-size:12px;width:180px; padding:0;}
table.tableauEntete tr{ background:#D4D4D4;border-top:2px solid white;border-bottom:2px solid white;}
table.tableauEntete tr.lignesEnsemble{ background:white;}
table.tableauEntete tr.stats th{ font-size:11px;}
table.tableauEntete tr:nth-child(odd){ background:white;border-top:2px solid white;border-bottom:2px solid white;}
table.tableauEntete label{ min-width:150px;display:inline;}
table.tableauEntete tr:hover{ background:silver;}
table.tableauEntete td{height:30px;}

/* tableau avec en tete */
table.tableauEnteteNouvProd {border:1px solid gray;padding:0;margin:0 auto 10px auto;font-family: Verdana, Arial; font-size: 1em; width: auto;text-align:left;width:95%;}
table.tableauEnteteNouvProd th{background-color:silver;color: #000;}
table.tableauEnteteNouvProd th {padding-left:10px;font-size:12px;text-align:left;}
table.tableauEnteteNouvProd td {color: black; font-weight:none;font-size:10px;width:auto;padding-left:0px;}
table.tableauEnteteNouvProd tr{ background:#D4D4D4;border-top:2px solid white;border-bottom:2px solid white;}
table.tableauEnteteNouvProd tr.lignesEnsemble{ background:white;}
table.tableauEnteteNouvProd tr.stats th{ font-size:11px;}
table.tableauEnteteNouvProd tr:nth-child(odd){ background:white;border-top:2px solid white;border-bottom:2px solid white;}
table.tableauEnteteNouvProd label{ min-width:150px;display:inline;}
table.tableauEnteteNouvProd tr:hover{ background:silver;}
table.tableauEnteteNouvProd td{height:30px;}

table.tableauEnteteEncaiss {border:1px solid gray;padding:0;margin:0 auto 10px auto;font-family: Verdana, Arial; font-size: 1em; width: auto;text-align:left;width:95%;}
table.tableauEnteteEncaiss th{background-color:silver;color: #000;}
table.tableauEnteteEncaiss th {padding-left:10px;font-size:12px;text-align:left;}
table.tableauEnteteEncaiss td {color: black; font-weight:none;font-size:10px;width:auto;min-width:70px;padding-left:0px;}
table.tableauEnteteEncaiss tr td:first-child{ color: #000; font-weight:bold;font-size:12px; padding:0;}
table.tableauEnteteEncaiss tr{ background:#D4D4D4;border-top:2px solid white;border-bottom:2px solid white;}
table.tableauEnteteEncaiss tr.lignesEnsemble{ background:white;}
table.tableauEnteteEncaiss tr.stats th{ font-size:11px;}
table.tableauEnteteEncaiss tr:nth-child(odd){ background:white;border-top:2px solid white;border-bottom:2px solid white;}
table.tableauEnteteEncaiss label{ min-width:150px;display:inline;}
table.tableauEnteteEncaiss tr:hover{ background:silver;}
table.tableauEnteteEncaiss td{height:30px;}

@media print{
	table.tableauEntete {border:1px solid gray;padding:0;margin:0 auto 10px auto;font-family: Verdana, Arial; font-size: 1em; width: auto;text-align:left;width:95%;}
	table.tableauEntete th{background-color:silver;color: #000;}
	table.tableauEntete th {padding-left:10px;font-size:11px;text-align:left;}
	table.tableauEntete td {color: black; font-weight:none;font-size:9px;width:auto;min-width:70px;padding-left:0px;}
	table.tableauEntete tr td:first-child{ color: #000; font-weight:bold;font-size:11px;width:180px; padding:0;}
	table.tableauEntete tr{ background:#D4D4D4;border-top:2px solid white;border-bottom:2px solid white;}
	table.tableauEntete tr.lignesEnsemble{ background:white;}
	table.tableauEntete tr.stats th{ font-size:10px;}
	table.tableauEntete tr:nth-child(odd){ background:white;border-top:2px solid white;border-bottom:2px solid white;}
	table.tableauEntete label{ min-width:150px;display:inline;}
	table.tableauEntete tr:hover{ background:silver;}
	table.tableauEntete td{height:15px;}
	
	table.tableauFormulaire {border:1px solid gray;padding:0;margin:0 auto 10px auto;font-family: Verdana, Arial; font-size: 10px; width: auto;text-align:left;width:95%; }
	table.tableauFormulaire td {padding:0; color: black; font-weight:none;width:auto;min-width:50px;padding-left:2px;}
	table.tableauFormulaire tr{ display:block;}
	table.tableauFormulaire tr td:first-child{width:230px; color: #000; font-weight:bold;padding-left:2px;}
	table.tableauFormulaire tr:nth-child(odd){ background:#D4D4D4;border-top:2px solid white;border-bottom:2px solid white;}
	table.tableauFormulaire label{ width:auto;min-width:150px;display:inline;}
	table.tableauFormulaire td{height:15px;}

}

table.tableauEntete2 {border:1px solid gray;padding:0;margin:0 auto 10px auto;font-family: Verdana, Arial; font-size: 1em; width: auto;text-align:left;width:95%;}
table.tableauEntete2 th{background-color:silver;color: #000;}
table.tableauEntete2 th {padding-left:10px;font-size:12px;text-align:left;}
table.tableauEntete2 td {color: black; font-weight:none;font-size:10px;width:auto;min-width:70px;padding-left:0px;}
table.tableauEntete2 tr td:first-child{ color: #000; font-weight:bold;font-size:12px; padding:0;}
table.tableauEntete2 tr{ background:#D4D4D4;border-top:2px solid white;border-bottom:2px solid white;}
table.tableauEntete2 tr.lignesEnsemble{ background:white;}
table.tableauEntete2 tr.stats th{ font-size:11px;}
table.tableauEntete2 tr:nth-child(odd){ background:white;border-top:2px solid white;border-bottom:2px solid white;}
table.tableauEntete2 label{ min-width:150px;display:inline;}
table.tableauEntete2 tr:hover{ background:silver;}
table.tableauEntete2 td{height:30px;}

table.tableauEntete3 {border:1px solid gray;padding:0;margin:0 auto 10px auto;font-family: Verdana, Arial; font-size: 1em; width: auto;text-align:left;width:95%;}
table.tableauEntete3 th{background-color:silver;color: #000;}
table.tableauEntete3 th {padding-left:10px;font-size:12px;text-align:left;}
table.tableauEntete3 td {color: black; font-weight:none;font-size:10px;width:auto;padding-left:0px;}
table.tableauEntete3 tr td:first-child{ color: #000; font-weight:bold;font-size:12px;padding:0;}
table.tableauEntete3 tr{ background:#D4D4D4;border-top:2px solid white;border-bottom:2px solid white;}
table.tableauEntete3 tr.lignesEnsemble{ background:white;}
table.tableauEntete3 tr.stats th{ font-size:11px;}
table.tableauEntete3 tr:nth-child(odd){ background:white;border-top:2px solid white;border-bottom:2px solid white;}
table.tableauEntete3 label{ min-width:150px;display:inline;}
table.tableauEntete3 tr:hover{ background:silver;}
table.tableauEntete3 td{height:30px;}

/* tableau avec encaissement */

table.tableauEncaiss {border:1px solid gray;padding:0;margin:0 auto 10px auto;font-family: Verdana, Arial; font-size: 1em; width: auto;text-align:left;width:90%}
table.tableauEncaiss th{background-color:silver;color: #000;}
table.tableauEncaiss th {padding:2px;font-size:12px;text-align:center;}
table.tableauEncaiss td {padding:2px; color: black; font-weight:none;font-size:12px;}
table.tableauEncaiss tr#titre td:first-child{ color: #000; font-weight:bold;font-size:12px;width:180px;}
table.tableauEncaiss tr{ border-top:2px solid white;border-bottom:2px solid white;}
table.tableauEncaiss tr.lignesEnsemble{ background:white;}
table.tableauEncaiss tr.stats th{ font-size:11px;}
table.tableauEncaiss tr:nth-child(odd){ background:#D4D4D4;border-top:2px solid white;border-bottom:2px solid white;}
table.tableauEncaiss tr:hover{ background:silver;}
table.tableauEncaiss td{height:30px;}



table.affPro { border: 1px #CCC solid; font-family: Verdana, Arial; font-size: 1em; width: 52em; margin-bottom: 1em; text-align:left;}
table.affPro td { padding: .1em .2em .1em .2em; color: blue;}

label.date2{
	color: #000; font-weight:bold;font-size:12px;
}

.faible { color: #3366FF; }
.moyen { color: darkorange; }
.fort { color: red; }

p.erreur { color: red; text-align: center; }
p.succes { color: green; text-align: center; }

/* css client_construct.php */

/*label#construction_ventilation{
	display:inline;
}
/*p.erreur img,
p.succes img { vertical-align: text-bottom; }

div.formulaire { background: transparent; margin: 0; padding: 0; }
div.formulaire label { text-align: right; float: left; width: 15em; padding-right: 1em; }
div.formulaire p { width: 30em; text-align: left; margin: .4em; }
div.formulaire input,
div.formulaire textarea { width: 13em; }
div.formulaire input.bouton { width: auto !important; }*/
/* Vivreco v1 */

.action {
	clear: both;
	margin: .5em;
	margin-left: 2em;
	text-align: left;
}

.exemple {
	font-style: italic;
	text-decoration: none !important;
}

ul.listePro, ul.listePart, ul.listeAdmin, ul.listeContact, ul.listeDevis, ul.listeElt {
	text-align: left;
	list-style: none;
	margin: .5em .5em .5em 2em;
	padding: 0;
	display: block;
}
.listePro li, .listePart li, .listeAdmin li, .listeContact li, .listeDevis li , .listeElt li{ margin: 0; padding: 0; line-height: 1.5em; display: inline; font-size:13px;}
.listeElt li{ margin-left: 6em; line-height: 1.5em; display: block; border-bottom: 1px #DDD solid;}
.listePro li a, .listePart li a, .listeAdmin li a, .listeContact li a, .listeDevis li a { text-decoration: none; color: #666; display: block; outline: none; border-bottom: 1px #DDD solid; }
.listeElt li a { text-decoration: none; color: #666; display: inline; outline: none; }
.listePro li a:hover, .listePart li a:hover, .listeAdmin li a:hover, .listeContact li a:hover, .listeDevis li a:hover, .listeElt li a:hover { text-decoration: none; color: #000; }
.listePro li a .ville, .listePart li a .ville, .listeDevis li a .date { float: right; font-style: italic; }
.listePro li a.selected, .listePart li a.selected, .listeAdmin li a.selected, .listeContact li a.selected, .listeDevis li a.selected, .listeElt li a.selected { color: red; font-size:12pt;}

ul.listeAv {
	text-align: left;
	list-style: none;
	margin: .5em .5em .5em 2em;
	padding: 0;
	display: block;
}
.listeAv li{ margin: 0; padding: 0; line-height: 1.5em; display: inline; font-size:13px;}
.listeAv li a { text-decoration: none; color: #666; display: block; outline: none; }
.listeAv li a:hover { text-decoration: none; color: #000; }
.listeAv li a.selected { color: red; font-size:12pt;}

.listeElt td { border-bottom: 1px #CCC solid; }
.listeElt th { text-align:center;}
.listeElt table { margin-left: 6em; }

#proviewer, #partviewer, #adminviewer, #contactviewer, #rel1viewer,#rel2viewer,#rel3viewer,#devisviewer, .infoContact, .cadreClient, .cadreClientLarge {
	width: 53em;
	margin: .5em .5em 1em .5em;
	padding: 2px 4px 2px 4px;
	border: 1px #8A93A9 solid;
    border-radius: 5px;
	color: black;
	min-height: 9.5em; /* Firefox */
	_height: 9.5em; /* IE */
	float: right;
	text-align: left;
}
#eltviewer {
	width: 55em;
	margin: .5em .5em 1em .5em;
	padding: 2px 4px 2px 4px;
	border: 1px #8A93A9 solid;
	color: black;
	min-height: 9.5em; /* Firefox */
	_height: 9.5em; /* IE */
	float: right;
	text-align: left;
}

#avancviewer{
	width: 50em;
	background: url(images/degrade.jpg) #F4FFFF top repeat-x;
	margin: .5em .5em 1em .5em;
	padding: 2px 4px 2px 4px;
	border: 1px #8A93A9 solid;
	color: black;
	min-height: 9.5em; /* Firefox */
	_height: 9.5em; /* IE */
	float: right;
	text-align: left;

}

.cadreClientLarge { width: 50em !important; float: none !important; margin: auto; }
.cadreClient { float: none !important; margin: auto; }
.infoContact { min-height: 1em; _height: 1em; }
	#proviewer .titre,
	#partviewer .titre,
	#adminviewer .titre,
	#contactviewer .titre,
	#rel1viewer .titre,
	#rel2viewer .titre,
	#rel3viewer .titre,
	#devisviewer .titre,
	#eltviewer .titre,
	#avancviewer .titre,
	.infoContact .titre,
	.cadreClient .titre,
	.cadreClientLarge .titre { font-weight: bold; font-family: Arial; color:#000; text-align: left; font-size:12pt;}
	#proviewer .pos,
	#partviewer .pos,
	#adminviewer .pos,
	#contactviewer .pos,
	#rel1viewer .pos,
	#rel2viewer .pos,
	#rel3viewer .pos,
	#devisviewer .pos,
	#eltviewer .pos,
	#avancviewer .pos,
	.infoContact .pos,
	.cadreClient .pos,
	.cadreClientLarge .pos { font-weight: bold; font-family: Arial; color: red; text-align: left; font-size:12pt;}
	#proviewer .email,
  #partviewer .email,
	#adminviewer .email,
	#contactviewer .email,
	#rel1viewer .email,
	#rel2viewer .email,
	#rel3viewer .email,
	#devisviewer .email,
	#eltviewer .email,
	.infoContact .email,
	.cadreClient .email,
	.cadreClientLarge .email { padding-top: .5em; color: #666; font-style: italic; text-align: right;}
	.email a { color:#666; text-decoration: none;}
	#proviewer .btn,
	#partviewer .btn,
	#adminviewer .btn,
	#rel1viewer .btn,
	#rel2viewer .btn,
	#rel3viewer .btn,
	#contactviewer .btn,
	#devisviewer .btn,
	#avancviewer .btn,
	#eltviewer .btn { padding-top: 1em; text-align: right; }
	#proviewer .note,
	#adminviewer .note { padding-top: 1em; font-style: italic; }
	#proviewer p,
	#partviewer p,
	#adminviewer p,
	#rel1viewer .p,
	#rel2viewer .p,
	#rel3viewer .p,
	#contactviewer p,
	#devisviewer p,
	#eltviewer p,
	#avancviewer p,
	.infoContact p,
	.cadreClient p,
	.cadreClientLarge p { margin: 0; font-size:12px; font-family: Verdana;}
	#contactviewer .liens,
	#devisviewer .liens,
	#rel1viewer .liens,
	#rel2viewer .liens,
	#rel3viewer .liens,
	#eltviewer .liens,
	.infoContact .liens,
	.cadreClient .liens,
	#avancviewer .liens,
	.cadreClientLarge .liens { border-top: 1px #036 solid; margin-top: 5px; padding-top: 5px; }
	#contactviewer .liens ul,
	#devisviewer .liens ul,
	#rel1viewer .liens ul,
	#rel2viewer .liens ul,
	#rel3viewer .liens ul,
	#eltviewer .liens ul,
	#avancviewer .liens ul,
	.infoContact .liens ul,
	.cadreClient .liens ul,
	.cadreClientLarge .liens ul { margin-top: .5em; margin-bottom: .8em; list-style:none;}

#footer {
	margin-top: 1.5em;
	margin-bottom: 1em;
	clear: both;
	text-align: center;
	color: #666;
	line-height: 1.7em;
}
#footer a { color: #666; text-decoration: underline; }
#footer a:hover { color: #235B00; text-decoration: none; }




#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; z-index:1; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../../lightbox2.04/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../../lightbox2.04/images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }



@keyframes blink {
    from { opacity: 1.0; }
    50% { opacity: 0.0; }
    to { opacity: 1.0; }
}
 
@-webkit-keyframes blink {
    from { opacity: 1.0; }
    50% { opacity: 0.0; }
    to { opacity: 1.0; }
}
 
.blink {
    animation:blink 1000ms infinite;
    -webkit-animation:blink 1000ms infinite;
}
#barre input {
    line-height: 22px;
    border-radius: 25px;
    text-align: center;
}

#barre form {
    height: 30px;
}


.description403 i {
    font-size: 20px;
}

.sign-in {
    padding-top: 15%;
}