/* GAO */
body {
	background-color: #6d8090;
	font-style: normal;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10pt;
}

.conteneur {
	position: relative;
	width: 1280px;
	margin: 0px auto auto;
}

.haut_de_page {
	position:relative;
	height:145px;
	width:1280px;
	/*background-color:black;*/
	background-color:#325776;
	color:white;
	font-family:Verdana, Geneva, sans-serif;
}

.haut_de_page #gao {
	position: absolute;
	top: -20px;
	left: 40px;
	color: white;
	font-size: 40pt;
	text-transform:uppercase;
}

.haut_de_page img {
	position: absolute;
	top: 30px;
	left: 1125px;
}

.haut_de_page #liens_haut {
	position: absolute;
	top: 40px;
	left:180px;
	width: 900px;
	color:white;
	font-size:9px;
	text-transform:uppercase;
	font-weight: bold;
}

.haut_de_page #menuDeroulant
{
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: 0;
	position: absolute;
	top: 10px;
	left: 0;
	color: white;
}

.haut_de_page #menuDeroulant li
{
	float: left;
	width: 120px;
	margin: 0;
	padding: 0px;
	border: 0;
}

.haut_de_page #menuDeroulant li a:link, #menuDeroulant li a:visited
{
	display: block;
	height: 1%;
	color: white;
	background-color:#325776;
	margin: 0;
	padding: 4px 4px;
	border-right: 0px none #fff;
	text-decoration: none;
}
.haut_de_page #menuDeroulant li a:hover {
/*	background-color: white;
	color: black;*/
	background-color: white;
	color: #325776;
}
.haut_de_page #menuDeroulant li a:active {
/*	background-color: black;
	color: white;*/
	background-color:#325776;
	color: white;
}

.haut_de_page #menuDeroulant .sousMenu1
{
	display: none;
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: 0;
}

.haut_de_page #menuDeroulant .sousMenu1 li
{
	float: none;
	margin: 0;
	padding: 0;
	border: 0;
	width: 140px;
}	

.haut_de_page #menuDeroulant .sousMenu1 li a:link,
.haut_de_page #menuDeroulant .sousMenu1 li a:visited
{
	display: block;
	/*background-color: black;*/
	background-color:#325776;
	color: white;
	margin: 0;
	border: 0;
	text-decoration: none;
}
.haut_de_page #menuDeroulant .sousMenu1 li a:hover
{
/*	background-color: white;
	color: black;*/
	background-color: white;
	color:#325776;
}

.haut_de_page #menuDeroulant .sousMenu1 li a:active
{
/*	background-color: black;
	color: white;*/
	background-color:#325776;
	color: white;
}

.haut_de_page #menuDeroulant li:hover > .sousMenu1 {
	display: block;
}

.haut_de_page #menuDeroulant span {
	background: black;
	padding: 4px 8px;
 	float: left;
	width: 100px;
	margin: 0;
	padding: 0;
	border: 0;
	border-right: 0px none #fff;
}

/* Les liens pour Visu */
.haut_de_page #lien_visu
{
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: 0;
	position: absolute;
	top: 10px;
	left: 0;
	color: white;
}

.haut_de_page #lien_visu li
{
	float: left;
	width:250px;
	margin: 0;
	padding: 0px;
	border: 0;
}

.haut_de_page #lien_visu li a:link, #lien_visu li a:visited
{
	display: block;
	height: 1%;
	color: white;
	background-color:#325776;
	margin: 0;
	padding: 4px 4px;
	border-right: 0px none #fff;
	text-decoration: none;
}
.haut_de_page #lien_visu li a:hover {
	background-color: white;
	color: #325776;
}
.haut_de_page #lien_visu .active {
	width:250px;
	display: block;
	height: 1%;
	background-color:white;
	color: #325776;
	margin: 0;
	padding: 4px 4px;
	border-right: 0px none #fff;
	text-decoration: none;
}


/* La partie de texte */
#texte {
	background-color:white;
	min-height:500px;
	color:black;
	padding:10px;
	margin-top:10px;	
}

#zone_bas {
	padding:10px;
	background-color:white;
	color:black;
	width: 1004px;
	font-size:9px;
	text-transform:uppercase;
	font-weight: bold;
}
#zone_bas a:link, #zone_bas a:visited {
	background-color:white;
	/*color:black;*/
	color:#325776;
}

#zone_bas a:hover {
	background-color:#325776;
	/*background-color:black;*/
	color:white;
}



#liseret_bas {
	background-color:#c0c0c0;
	height:10px;
}

#pied_de_page {
	min-height: 15px;
}

#pied_de_page a {
	position:relative;
	top:10px;
	left:945px;
	padding-bottom:10px;
	/*color:black;*/
	color:#325776;
	text-decoration:none;
	font-size:12px;
	font-family:Verdana, Geneva, sans-serif;
	text-transform:uppercase;
	font-weight: bold;
}

#pied_de_page a:hover {
	background-color:#325776;
	/*background-color:black;*/
	color:#6d8090;
}


#texte h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-style: normal;
	text-decoration: underline;
	padding-left: 20px;
}

#texte h2 {
	font-family: "Arial Unicode MS", Arial;
	font-size: 14pt;
	font-style: normal;
	text-align: center;
}

#texte h3 {
	font-family: "Arial Unicode MS", Arial;
	font-size: 12pt;
	font-style: normal;
	padding-left: 20px;
}

#texte p {
	padding-left: 20px;
}

.Champs {
	margin-bottom: 10px;
	margin-top: 10px;
	clear: both;/* Permet d'annuler les problèmes d'affichage des zone avec float */
}

label {
	display: block;
	width: 250px;
	float: left;
	padding-left: 20px;
}


.inputtxt {
	width: 500px;
	border-color: #4c4c4c;
	border-right-width: thin;
	border-style: solid;
	border-width: thin thin thin thin;
	color: Black;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.inputtxt:focus {
	background-color: silver;
	color: Black;
	font-size: 12px;
}

.AffichageBouton {
	margin-bottom: 10px;
	margin-top: 10px;
	clear: both;/* Permet d'annuler les problèmes d'affichage des zone avec float */
	text-align: center;
}


.date {
	width: 100px;
	border-color: #4c4c4c;
	border-right-width: thin;
	border-style: solid;
	border-width: thin thin thin thin;
	color: Black;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.date:focus {
	background-color: silver;
	color: Black;
	font-size: 12px;
}

.colonne1 {
	width: 100px;
	border-color: #4c4c4c;
	border-right-width: thin;
	border-style: solid;
	border-width: thin thin thin thin;
	color: Black;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
}

.colonne1:focus {
	background-color: silver;
	color: Black;
	font-size: 12px;
}
.colonne2 {
	width: 200px;
	border-color: #4c4c4c;
	border-right-width: thin;
	border-style: solid;
	border-width: thin thin thin thin;
	color: Black;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.colonne1:focus {
	background-color: silver;
	color: Black;
	font-size: 12px;
}

.colonne3 {
	width: 200px;
	border-color: #4c4c4c;
	border-right-width: thin;
	border-style: solid;
	border-width: thin thin thin thin;
	color: Black;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.colonne3:focus {
	background-color: silver;
	color: Black;
	font-size: 12px;
}

.textarea {
	width: 500px;
	height: 250px;
	padding: 10px;
	border-color: #4c4c4c;
	border-right-width: thin;
	border-style: solid;
	border-width: thin thin thin thin;
	color: Black;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.textarea:focus {
	background-color: silver;
	color: Black;
	font-size: 12px;
}

.Contact {
	width: 480px;
	height: 250px;
	padding: 10px;
	border-color: #4c4c4c;
	border-right-width: thin;
	border-style: solid;
	border-width: thin thin thin thin;
	color: Black;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.Contact:focus {
	background-color: silver;
	color: Black;
	font-size: 12px;
}
.inputtxt2lignes {
	width: 480px;
	height: 30px;
	padding: 10px;
	border-color: #4c4c4c;
	border-right-width: thin;
	border-style: solid;
	border-width: thin thin thin thin;
	color: Black;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.inputtxt2lignes:focus {
	background-color: silver;
	color: Black;
	font-size: 12px;
}

.inputtxt4lignes {
	width: 480px;
	height: 80px;
	padding: 10px;
	border-color: #4c4c4c;
	border-right-width: thin;
	border-style: solid;
	border-width: thin thin thin thin;
	color: Black;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.inputtxt4lignes:focus {
	background-color: silver;
	color: Black;
	font-size: 12px;
}

/* Bouton Submit */
.bouton_submit {
	padding-left: 20px;
	padding-right: 20px;
	height: 28px;
	border:none;
	background-image: url(../images/Bouton_Out.png);
	background-repeat: repeat-x;
	text-align:center;
	color: black;
}

.bouton_submit:hover {
	background-image: url(../images/Bouton_Over.png);
	background-repeat: repeat-x;
}

.bouton_submit:active {
	background-image: url(../images/Bouton_In.png);
	background-repeat: repeat-x;
}

/* Bouton recherche */
.bouton_recherche {
	padding-left: 20px;
	padding-right: 20px;
	height: 28px;
	border:none;
	width: 160px;
	background-image: url(../images/Bouton_Out.png);
	background-repeat: repeat-x;
	text-align:center;
	color: black;
}

.bouton_recherche:hover {
	background-image: url(../images/Bouton_Over.png);
	background-repeat: repeat-x;
}

.bouton_recherche:active {
	background-image: url(../images/Bouton_In.png);
	background-repeat: repeat-x;
}

/* Bouton Select */
.bouton_select {
	padding-left: 1px;
	padding-right: 1px;
	height: 28px;
	border:none;
	background-image: url(../images/Bouton_Out.png);
	background-repeat: repeat-x;
	color: black;
}

.bouton_select:hover {
	background-image: url(../images/Bouton_Over.png);
	background-repeat: repeat-x;
}

.bouton_select:active {
	background-image: url(../images/Bouton_In.png);
	background-repeat: repeat-x;
}

.inputtable {
	width: 100px;
	border-color: #4c4c4c;
	border-right-width: thin;
	border-style: solid;
	border-width: thin thin thin thin;
	color: Black;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
}

.rouge {
	font-family: "Arial Rounded MT Bold", Arial;
	font-size: larger;
	color: Red;
}

.pourpre {
	font-family: "Arial Rounded MT Bold", Arial;
	font-size: larger;
	color: #636;
}

.blanc {
	color:#000000;
	background-color:#FFFFFF;
	padding-left:2px;
	padding-right:2px;
}

.couleur_projet {
	color: #633;
	font-size: larger;
	line-height: 20px;
}

.couleur_lot {
	color: #f1087e;
	font-size: larger;
	line-height: 20px;
}

.couleur_niveau {
	color: #36F;
	font-size: larger;
	line-height: 20px;
}

.couleur_zone {
	color: #339;
	font-size: larger;
	line-height: 20px;
}

.couleur_zone1 {
	color: #339;
	/*font-size: smaller;*/
	line-height: 20px;
}
.couleur_appareil {
	color: #60F;
	font-size: larger;
	line-height: 20px;
}


table {
	text-align:center;
	empty-cells: show;
	font-size: 10px;
}

td {
	padding-left: 5px;
	padding-right: 5px;
}


table a:link, table a:visited {
	color: blue;
	background-color:white;
	text-decoration:underline;
	font-size: larger;
}
table a:hover {
	color: #009;
	background-color:white;
	text-decoration:underline;
	font-size: larger;
}


table.lot {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align:left;
}

table.centrer {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align:center;
}
/* pour l'adresse */

adresse {
	display: block;
	width: 200px;
	float: left;
	padding-left: 20px;
	text-align:right;
	padding-right: 10px;
}
.adressechampcourtgauche {
	width: 160px;
	border-color: #4c4c4c;
	border-right-width: thin;
	border-style: solid;
	border-width: thin thin thin thin;
	color: Black;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.adressechampcourtgauche:focus {
	background-color: silver;
	color: Black;
	font-size: 12px;
}

adresse1 {
	position:absolute;
	left:410px;
	width: 170px;
	float: left;
	padding-left: 20px;
	text-align:right;
}
.adressechampcourtdroit {
	position:absolute;
	left:610px;
	width: 160px;
	border-color: #4c4c4c;
	border-right-width: thin;
	border-style: solid;
	border-width: thin thin thin thin;
	color: Black;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.adressechampcourtdroit:focus {
	background-color: silver;
	color: Black;
	font-size: 12px;
}

.adressechamplong {
	width: 520px;
	border-color: #4c4c4c;
	border-right-width: thin;
	border-style: solid;
	border-width: thin thin thin thin;
	color: Black;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.adressechamplong:focus {
	background-color: silver;
	color: Black;
	font-size: 12px;
}

.adressechampcourt {
	width: 160px;
	border-color: #4c4c4c;
	border-right-width: thin;
	border-style: solid;
	border-width: thin thin thin thin;
	color: Black;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.adressechampcourt:focus {
	background-color: silver;
	color: Black;
	font-size: 12px;
}

.adressechamplong5lignes {
	width: 510px;
	height: 75px;
	padding: 5px;
	border-color: #4c4c4c;
	border-right-width: thin;
	border-style: solid;
	border-width: thin thin thin thin;
	color: Black;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.adressechamplong5lignes:focus {
	background-color: silver;
	color: Black;
	font-size: 12px;
}

.adressechamplong10lignes {
	width: 510px;
	height: 150px;
	padding: 5px;
	border-color: #4c4c4c;
	border-right-width: thin;
	border-style: solid;
	border-width: thin thin thin thin;
	color: Black;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.adressechamplong10lignes:focus {
	background-color: silver;
	color: Black;
	font-size: 12px;
}

/* Liste fournisseur */

.table_fournisseur {
	text-align:left;
	font-size:14px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

/* Liste appareil */
.table_appareil {
	text-align:left;
	font-size: 12px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

/* Table d'affichage pour les appareilsProjet */
table.tableAppareilsProjet {
	font-family:arial;
	width:100%;
	background-color: #CDCDCD;
	font-size: 8pt;
	text-align:left;
	empty-cells: hide;
}

table.tableAppareilsProjet tbody td {
	color: #000;
	padding: 5px;
	background-color: #CCC;
	vertical-align: top;
}

table.tableAppareilsProjet thead {
	color: #000;
	padding: 5px;
	background-color: #CCC;
	vertical-align: top;
	text-align:center;
}
.TableAppareilProjet1ereCol {
	width: 170px;
}
.TableAppareilProjet2ereCol {
	width: 450px;
}
.TableAppareilProjet3ereCol {
	width: 150px;
}
.TableAppareilProjet4ereCol {
	width: 60px;
}

.TableAppareilProjetDescriptionDetaillee {
	min-height:200px;
}

.SaisieAppareilProjetCourte {
	width:55px;
	border-color: #999;
	border-style: solid;
	border-width: thin thin thin thin;
	color: Black;
	font-size: 10px;
}

.SaisieAppareilProjetCourte:focus {
	background-color: #CFF;
	color: Black;
	font-size: 10px;
}

.SaisieAppareilProjetMoyenne {
	width:100px;
	border-color: #999;
	border-style: solid;
	border-width: thin thin thin thin;
	color: Black;
	font-size: 10px;
}

.SaisieAppareilProjetMoyenne:focus {
	background-color: #CFF;
	color: Black;
	font-size: 10px;
}

.AppProjetTextAreaPetite {
	width:440px;
	height: 30px;
	padding:3px;
	border-color: #999;
	border-style: solid;
	border-width: thin thin thin thin;
	color: Black;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.AppProjetTextAreaPetite:focus {
	background-color: #CFF;
	color: Black;
	font-size: 10px;
}


.AppProjetTextAreaGrande {
	width: 760px;
	height: 150px;
	padding: 10px;
	border-color: #999;
	border-style: solid;
	border-width: thin thin thin thin;
	color: Black;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.AppProjetTextAreaGrande:focus {
	background-color: #CFF;
	color: Black;
	font-size: 10px;
}

.AppProjetSelectOption {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

labelAppProjet1 {
	display: block;
	width: 110px;
	float: left;
}

labelAppProjet2 {
	display: block;
	width: 60px;
	float: left;
}

labelAppProjet3 {
	display: block;
	width: 140px;
	float: left;
}
/* Table pour le jquery */
table {
	font-family:arial;
	background-color: #CDCDCD;
	margin:10px 0pt 15px;
	font-size: 8pt;
	width: 100%;
	text-align:center;
	empty-cells: show;
}
table thead tr th, table tfoot tr th {
	background-color: #e6EEEE;
	border: 1px solid #FFF;
	font-size: 8pt;
	padding: 4px;
}
table thead tr .header {
	background-image:url(../images/small_asc_desc.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table tbody td {
	color: #3D3D3D;
	padding: 4px;
	background-color: #FFF;
	vertical-align: top;
}
table tbody tr.odd td {
	background-color:#F0F0F6;
}
table.tablesorter thead tr .headerSortUp
table.tablesorter1 thead tr .headerSortUp {
	background-image: url(../images/small_asc.gif);
	background-repeat:no-repeat;
}
table.tablesorter thead tr .headerSortDown
table.tablesorter1 thead tr .headerSortDown {
	background-image: url(../images/small_desc.gif);
	background-repeat:no-repeat;
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp
table.tablesorter1 thead tr .headerSortDown, table.tablesorter1 thead tr .headerSortUp {
	background-color: #6d8090;
}

/* Pour les recherches */

fieldset {
	background-color:#325776;
	background-image:url(../images/fieldset.png);
	background-repeat:repeat-y;
	color:#06d0fb;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
}


fieldset a:link, fieldset a:visited {
	color:white;
	padding-left:4px;
	padding-right:4px;
	text-decoration: none;
}

fieldset a:hover {
	background-color:white;
	padding-left:4px;
	padding-right:4px;
	color:#325776;
	text-decoration: none;
}


labelRecherche {
	display: block;
	width: 180px;
	float: left;
	padding-right: 10px;
	text-align:right;
}

.TabRecherche {
	width: 300px;
	border-color: #4c4c4c;
	border-right-width: thin;
	border-style: solid;
	border-width: thin thin thin thin;
	color: Black;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

/* pour afficher 2 colonnes */
div.col0, div.col1 {
    float: left;
	width:50%;
	font-size: 10px;
}

labelPour2col {
	display: block;
	width: 100px;
	float: left;
	padding-left: 20px;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden;
    font-size: 0;
    line-height: 0;
    width: 0;
}


/* Caracteristiques des tableaux accessoires et appareils */
.inputtxt_tab {
	width: 300px;
	border-color: #4c4c4c;
	border-right-width: thin;
	border-style: solid;
	border-width: thin thin thin thin;
	color: Black;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.inputtxt_tab:focus {
	background-color: silver;
	color: Black;
	font-size: 12px;
}

.input_1ligne {
	width: 100%;
	border-color: #4c4c4c;
	border-right-width: thin;
	border-style: solid;
	border-width: thin thin thin thin;
	color: Black;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.input_1ligne:focus {
	background-color: silver;
	color: Black;
	font-size: 12px;
}


.textarea_tab {
	width: 95%;;
	height: 200px;
	padding: 10px;
	border-color: #4c4c4c;
	border-right-width: thin;
	border-style: solid;
	border-width: thin thin thin thin;
	color: Black;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.textarea_tab:focus {
	background-color: silver;
	color: Black;
	font-size: 12px;
}

.textarea_5lignes {
	width: 95%;;
	height: 100px;
	padding: 10px;
	border-color: #4c4c4c;
	border-right-width: thin;
	border-style: solid;
	border-width: thin thin thin thin;
	color: Black;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.textarea_5lignes:focus {
	background-color: silver;
	color: Black;
	font-size: 12px;
}

.textarea_5lignes_100Pourcent {
	width: 97%;;
	height: 100px;
	padding: 10px;
	border-color: #4c4c4c;
	border-right-width: thin;
	border-style: solid;
	border-width: thin thin thin thin;
	color: Black;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.textarea_5lignes_100Pourcent:focus {
	background-color: silver;
	color: Black;
	font-size: 12px;
}

.input_small {
	width: 80px;
	border-color: #4c4c4c;
	border-right-width: thin;
	border-style: solid;
	border-width: thin thin thin thin;
	color: Black;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.input_small:focus {
	background-color: silver;
	color: Black;
	font-size: 12px;
}

.input_100Pourcent {
	width: 100%;
	border-color: #4c4c4c;
	border-right-width: thin;
	border-style: solid;
	border-width: thin thin thin thin;
	color: Black;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.input_100Pourcent:focus {
	background-color: silver;
	color: Black;
	font-size: 12px;
}

.bouton_table {
	color:white;
	width:32px;
	height:21px;
	text-align:center;
	font-size:12px;
	color:black;
	border:none;
	padding-bottom:5px;
	padding-left:10px;
	padding-right:10px;
	text-decoration: none;
	text-transform: capitalize;
	background-image: url(../images/bouton_table_out.png);
	background-repeat:no-repeat;
}

.bouton_table:active {
	color:white;
	width:32px;
	height:21px;
	text-align:center;
	font-size:12px;
	color:black;
	text-decoration: none;
	text-transform: capitalize;
	background-image: url(../images/bouton_table_in.png);
	background-repeat:no-repeat;
}

.bouton_table:hover {
	color:white;
	width:32px;
	height:21px;
	text-align:center;
	font-size:12px;
	color:black;
	text-decoration: none;
	text-transform: capitalize;
	background-image: url(../images/bouton_table_over.png);
	background-repeat:no-repeat;
}

labelS a:link, labelS a:visited {
	color:white;
	width:33px;
	height:22px;
	text-align:center;
	font-size:12px;
	color:black;
	border:none;
	padding-bottom:5px;
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	text-decoration: none;
	text-transform: capitalize;
	background-image: url(../images/bouton_table_out.png);
	background-repeat:no-repeat;
}

labelS a:hover {
	color:white;
	width:32px;
	height:22px;
	text-align:center;
	font-size:12px;
	color:black;
	text-decoration: none;
	text-transform: capitalize;
	background-image: url(../images/bouton_table_over.png);
	background-repeat:no-repeat;
}
.none {display: none}
.inline {display: inline}
.CBlanc {color: #FFFFFF!important;}
.pointer{cursor:pointer}

.nounderline {text-decoration: none!important;}

.lienIE {
	color: blue;
	text-decoration: underline;
	font-size: larger;
}

/*******MARGIN***********/
.bottom10{margin-bottom:10px}
.bottom20{margin-bottom:20px}
.bottom30{margin-bottom:30px}
.bottom40{margin-bottom:40px}
.bottom50{margin-bottom:50px}
.bottom90{margin-bottom:90px;}
.top5{margin-top:5px;}
.top10{margin-top:10px;}
.top15{margin-top:15px;}
.top20{margin-top:20px;}
.top25{margin-top:25px;}
.top30{margin-top:30px;}
.top35{margin-top:35px;}
.top40{margin-top:40px;}
.top50{margin-top:50px;}
.top60{margin-top:60px;}
.top80{margin-top:80px;}
.top90{margin-top:90px;}
.top100{margin-top:100px;}
.left5{margin-left:5px;}
.left10{margin-left:10px;}
.left15{margin-left:15px;}
.left20{margin-left:20px;}
.left30{margin-left:30px;}
.left40{margin-left:40px;}
.left50{margin-left:50px;}
.left60{margin-left:60px;}
.left80{margin-left:80px;}
.left100{margin-left:100px;}
.left2P{margin-left:2%;}
.l0P{left:0%;}
.l20P{left:20%;}
.l25P{left:25%;}
.l50P{left:50%;}
.l75P{left:75%;}

.auto{margin:0 auto}
.autolr{margin-left:auto;margin-right:auto}
.padB10{padding-bottom:10px}
.padT10{padding-top:10px}
.pad5{padding:5px}
.pad10{padding:10px}
.pad20{padding:20px}
.pad50{padding:5px 0}
.pad100{padding:10px 0}
.pad200{padding:20px 0}
.pad010{padding:0 10px}
.pad020{padding:0 20px}
.pad030{padding:0 30px}
.pad520{padding:5px 20px !important}
.padLR50{padding-left:50px !important;padding-right:50px !important}
.padLR100{padding-left:100px !important;padding-right:100px !important}
.pad1020{padding:10px 20px !important}
.pad5{padding:5px;}
.pad2P{padding:2%;}
.padL2P{padding-left:2%;}
.padL5P{padding-left:5%;}
.padL5 {padding-left: 5px;}
.padL10 {padding-left: 10px;}
.padL20 {padding-left: 20px;}
.padL30 {padding-left: 30px;}
.padL100 {padding-left: 100px;}
.padR5 {padding-right: 5px;}
.padR10 {padding-right: 10px;}
.padR20 {padding-right: 20px;}
.right5{margin-right:5px;}
.right10{margin-right:10px;}
.right15{margin-right:15px;}
.right20{margin-right:20px;}
.padR5P{margin-right:5%;}

/*******POPUP***********/
.popup,.pop{margin:0 auto;width:100%}
#popupContact{background:#222;bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:1;opacity:0.7}
#popupContenu{background:#fff;box-shadow:0 3px 10px 0 #222;display:none;padding:10px;position:fixed;z-index:2;border:5px solid #eee}
.croix {background: #325776 url("../images/croix.png") no-repeat scroll center center;border-radius: 20px;cursor: pointer;height: 10px;padding: 8px;right: -20px;top: -20px;transition: all 0.4s ease 0s;width: 10px;z-index: 992;}
.croix:hover {background-color: blue;}

/*******POSITION***********/
.z2{z-index: 2}
.z10{z-index: 10}
.left{float:left}
.right{float:right}
.spacer{clear:both}
.center{text-align:center}
.absolute{position:absolute}
.relative{position:relative}
.fixed{position:fixed}
.hidden{overflow:hidden}
.block{display:block}
.inblock{display:inline-block}
.table{display:table}
.cell{display:table-cell;vertical-align:middle}
.none{display:none}
a{cursor:pointer;color:inherit;text-decoration:none;}
a:hover{color:#8A191F; text-decoration: underline; -webkit-transition: 0.3s ease 0s; -moz-transition: 0.3s ease 0s; -o-transition: 0.3s ease 0s; -ms-transition: 0.3s ease 0s; transition: 0.3s ease 0s;}

/*******APPARENCE***********/
.ombre{box-shadow:0 3px 3px rgba(0, 0, 0, 0.2)}

/*******WIDTH***********/
.w20{width:20px}
.w25{width:25px}
.w30{width:30px}
.w35{width:35px}
.w40{width:40px}
.w50{width:50px}
.w50P{width:50%}
.w55{width:55px}
.w60{width:60px}
.w60P{width:60%}
.w70{width:70px}
.w70P{width:70%}
.w80{width:80px}
.w90{width:90px}
.w100{width:100px}
.w110{width:110px}
.w120{width:120px}
.w140{width:140px}
.w150{width:150px}
.w170{width:170px}
.w180{width:180px}
.w200{width:200px}
.w220{width:220px}
.w240{width:240px}
.w250{width:250px}
.w260{width:260px}
.w270{width:270px}
.w280{width:280px}
.w300{width:300px}
.w320{width:320px}
.w350{width:350px}
.w400{width:400px}
.w420{width:420px}
.w440{width:440px}
.w500{width:500px}
.w550{width:550px}
.w560{width:560px}
.w580{width:580px}
.w600{width:600px}
.w1000{width:1000px}
.w0{width: 0;overflow: hidden}
.maxw600{max-width:600px}
.maxw800{max-width:800px}
.maxw800 a {color:#006ead;}
.maxw800 a:hover {color:#006ead; text-decoration:underline}
.maxw1200{max-width:1200px}
.w18P{width:18%}
.w20P{width:20%}
.w25P{width:25%}
.w30P{width:30%}
.w32P{width:32%}
.w35P{width:35%}
.w40P{width:40%}
.w45P{width:45%}
.w48P{width:48%}
.w60P{width:60%}
.w70P{width:70%}
.w80P{width:80%}
.w100P{width:100%}
.w26P{width:26%}
.h25{height:25px}
.h30{height:30px}
.h40{height:40px}
.h50{height:50px}
.h60{height:60px}
.h90{height:90px}
.h100{height:100px}
.h120{height:120px}
.h200{height:200px}
.h220{height:220px}
.h400{height:400px}
.maxh300{max-height:300px}


/*******BORDER***********/
.br{border-right:1px solid #ccc;margin-right:-1px}
.bl{border-left:1px solid #ccc;margin-left:-1px}
.bl2{border-left:2px solid #ccc;margin-left:-2px}
.bt{border-top:1px solid #ccc;margin-top:-1px}
.bb{border-bottom:1px solid #ccc;margin-bottom:-1px}
.bAll{border:1px solid #ccc;margin-top: -1px}
.bn{border:none}

/*******BACKGROUND***********/
.fg{background-color:#eee}
.fgc{background-color:#f2f2f2}
.fn{background-color:#5D6066}
.fb{background-color:#fff}
.fbleu{background-color:#006EAD}
.fbleuCiel{background-color: #77B5FE;}
.fbleuGris{background-color: #e6EEEE;}
.fProjets {
    background: #00e9ff;
    background: -moz-linear-gradient(top, #00e9ff 0%, #069daa 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00e9ff), color-stop(100%,#069daa));
    background: -webkit-linear-gradient(top,  #00e9ff 0%,#069daa 100%);
    background: -o-linear-gradient(top,  #00e9ff 0%,#069daa 100%);
    background: -ms-linear-gradient(top,  #00e9ff 0%,#069daa 100%);
    background: linear-gradient(to bottom, #00e9ff 0%,#069daa 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00e9ff', endColorstr='#069daa',GradientType=0 );
    border: 1px solid #1d6511;
}
.fLot {
    background: #f1087e;
    background: -moz-linear-gradient(top, #f1087e 0%, #891145 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1087e), color-stop(100%,#891145));
    background: -webkit-linear-gradient(top,  #f1087e 0%,#891145 100%);
    background: -o-linear-gradient(top,  #f1087e 0%,#891145 100%);
    background: -ms-linear-gradient(top,  #f1087e 0%,#891145 100%);
    background: linear-gradient(to bottom, #f1087e 0%,#891145 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1087e', endColorstr='#891145',GradientType=0 );
    border: 1px solid #1d6511;
}
.fNiveau{
    background-color: #3366ff;
    background: -moz-linear-gradient(top, #3366ff 0%, #2146b7 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3366ff), color-stop(100%,#2146b7));
    background: -webkit-linear-gradient(top,  #3366ff 0%,#2146b7 100%);
    background: -o-linear-gradient(top,  #3366ff 0%,#2146b7 100%);
    background: -ms-linear-gradient(top,  #3366ff 0%,#2146b7 100%);
    background: linear-gradient(to bottom, #3366ff 0%,#2146b7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3366ff', endColorstr='#2146b7',GradientType=0 );
    border: 1px solid #1d6511;
}
.fZone{
    background-color: #3838af;
    background: -moz-linear-gradient(top, #3838af 0%, #080877 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3838af), color-stop(100%,#080877));
    background: -webkit-linear-gradient(top,  #3838af 0%,#080877 100%);
    background: -o-linear-gradient(top,  #3838af 0%,#080877 100%);
    background: -ms-linear-gradient(top,  #3838af 0%,#080877 100%);
    background: linear-gradient(to bottom, #3838af 0%,#080877 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3838af', endColorstr='#080877',GradientType=0 );
    border: 1px solid #1d6511;
}
.fAppareil{
    background-color: #8d21a5;
    background: -moz-linear-gradient(top, #8d21a5 0%, #4b1059 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8d21a5), color-stop(100%,#4b1059));
    background: -webkit-linear-gradient(top,  #8d21a5 0%,#4b1059 100%);
    background: -o-linear-gradient(top,  #8d21a5 0%,#4b1059 100%);
    background: -ms-linear-gradient(top,  #8d21a5 0%,#4b1059 100%);
    background: linear-gradient(to bottom, #8d21a5 0%,#4b1059 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8d21a5', endColorstr='#4b1059',GradientType=0 );
    border: 1px solid #1d6511;
}
.fAccessoire{
    background-color: #5ac60d;
    background: -moz-linear-gradient(top, #41890b 0%, #36780c 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5ac60d), color-stop(100%,#36780c));
    background: -webkit-linear-gradient(top,  #5ac60d 0%,#36780c 100%);
    background: -o-linear-gradient(top,  #5ac60d 0%,#36780c 100%);
    background: -ms-linear-gradient(top,  #5ac60d 0%,#36780c 100%);
    background: linear-gradient(to bottom, #5ac60d 0%,#36780c 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5ac60d', endColorstr='#36780c',GradientType=0 );
    border: 1px solid #1d6511;
}



.ligneTab:nth-child(even) {
	background-color: #fff;
}
.ligneTab:nth-child(odd) {
	background-color: #f2f2f2;
}

.bleu{color: #325776;}
.bleuElectrique{color: #0000ff!important;}
.bleuCiel{color: #06d0fb;}
.attention{color: #E20F18;}
.fondJaune{background-color:#F09441}
.fondOrange{background-color:#EB740E}
.fondVert{background-color:#98682A}
.fondRougeFonce{background-color:#8A191F}
.fondRouge{background-color:#E20F18}
/*******FONTS***********/
.font10{font-size:10px;}
.font11{font-size:11px;}
.font12{font-size:12px;}
.font14{font-size:14px;}
.font16{font-size:16px;}
.font18{font-size:18px;}
.font20{font-size:20px;}
.font24{font-size:24px;}
.font25{font-size:25px;}
.font26{font-size:26px;}
.font28{font-size:28px;}
.font30{font-size:30px;}
.font35{font-size:35px;}
.font40{font-size:40px;}
.font50{font-size:50px;}
.font80{font-size:80px;}
.font300{font-weight:300;}
.font400{font-weight:400;}
.font600{font-weight:600;}
.font700{font-weight:700;}
.font800{font-weight:800;}
.font120{font-size:120px;}
.bold{font-weight: bold}
.upper{text-transform:uppercase;}
.capital{text-transform:capitalize;}
.lower{text-transform:lowercase;}
.pointer{cursor:pointer}
.italic{font-style:italic}
.barre{text-decoration:line-through}
.underline{text-decoration:underline}
.nounder{text-decoration:none}
.justify{text-align:justify}
.txtRight{text-align:right}
.txtLeft{text-align:left}
.etc{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.letter3{letter-spacing: 3px}
.letter5{letter-spacing: 5px}
.letter10{letter-spacing: 10px}
.txtombre{text-shadow: 0 2px 2px #000000}
.majuscule{text-transform: uppercase}

/* input modifiable */
.editDonnee {
	border: none!important;
	background-color: transparent!important;
	resize: none!important;
	font-family: 'Open Sans',Helvetica,sans-serif!important;
	font-size: 14px!important;
	color: #5D6066!important;
	font-weight: 400!important;
	line-height: 1.2!important;
}

.paddingCorners {padding: .5em .5em .5em .7em;}
.radiusCorners {border-radius: 5px;}

