@import url(http://fonts.googleapis.com/css?family=Noto+Sans);
html {
    height: 100%;
    min-height: 100%;
}

body{
	font-family: 'Homenaje', sans-serif;
	font-size:15px;
	color:#000;
	margin:0px;
	padding:0px;  
	min-height: 100%;
	background:url('../../maj/phototheque/photos/charte/fond.png') #FFF center top  ;
	line-height:normal
}

a img {
border:0px;
}

#bouton18 {
    z-index: 2;
    top: 10px;
    right: 50px;
    position: absolute;
    width: 80px;
    height: 50px;
    background: #a9a9a9;
    font: bold 13px Arial;
    /* border-radius: 50%; */
    border: none;
    color: #fff;
    float: left;
    margin-left: 60px;
}


.centrer{
	position:relative;
	width:1000px;
	margin-left:auto;
	margin-right:auto;
}

.div_button{
	float:right;
}

.BTN_Catalogue{
	background-color: #A09FA3;
    border: 1px solid #A09FA3;
    color: #FFF;
    width: 100px;
    cursor: pointer;
	margin-right:3px;
	float: right;
}

.BTN_Catalogue:hover{
	background-color: #8DC836;
    border: 1px solid #8DC836;
    color: #FFF;
    width: 100px;
    cursor: pointer;
}

#logo{
	position:absolute;
	margin-left:60px;
	margin-top:10px;
}

#baseline
{
	position:absolute;
	right:0;
	color:#FFF;
	font-size:18px;
	padding:5px 10px 5px 10px;
	background:#91C74B;
	border-radius:0 0 10px 10px;
	-moz-box-shadow: 0px 0px 5px 0px #656565;
	-webkit-box-shadow: 0px 0px 5px 0px #656565;
	-o-box-shadow: 0px 0px 5px 0px #656565;
	box-shadow: 0px 0px 5px 0px #656565;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=NaN, Strength=5);
}

#bloc_titre_site{
	position:absolute;
	z-index:100;
	width:1000px;
	height:60px;
	line-height:50px;
	font-size:60px;
	background:#959799;
	color:#dadada;
	text-align:center;
	-ms-transform: rotate(-90deg); /* IE 9 */
    -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
    transform: rotate(-90deg);
	margin-top:460px;
	margin-left:-470px;
	border-radius:10px 0 0 10px;
}

#bulles{
	position:absolute;
	z-index:99;
	background:url('../../maj/phototheque/photos/charte/bulles.png')  no-repeat ;
	width:336px;
	height:621px;
	margin-top:450px;
	margin-left:-335px;
}


/*************************/

#global, #site {
    min-height: 100%;
    position: relative;
}

#global {
    padding-bottom: 187px;
}

/**** HEADER ****/

header{
	background:#FFF;
}

#zone_haut{
	height:220px;	
	background:url(../../maj/phototheque/photos/charte/fond_header.png) no-repeat right 30px ;
}


/**** CONTENU ****/
#zone_contenu_accueil {padding-top:30px;min-height:620px}
#contenu_accueil {padding-left:75px;}


#zone_contenu_gauche_site{
	height:640px;
	width:260px;
	float:left;
	background-color:#404041;
}





#zone_contenu_droite_site{
	width:725px;
	float:left;
	padding-top:15px;
	margin-left:15px;
}

.bloc_titre_page{
	float:right;	
}

.tableau_resultat_content{
	width:110%;
	height:530px;
	overflow: auto;	
}

#tableau_resultat_content1{
	width:100%;
	height:100px;
	overflow: auto;	
}

/**** FOOTER ****/
footer {
    bottom: 0;
    clear: both;
    position: absolute;
    width: 100%;
	height: 187px;
}

footer #zone_contenu_gauche_site{
	height: 187px;
    position: absolute;
	z-index:1;
	background : none;
}

footer .triangle {
    background: rgba(0, 0, 0, 0) url("../../maj/phototheque/photos/charte/fond_footer.png") no-repeat scroll center center;
    position: absolute;
    width: 1563px;
	height: 187px;
	margin-left:-370px;
}

/**** MENU ****/

#zone_menu {
	position:relative;
	z-index:1;
	background:#91C74B;
	-moz-box-shadow: 0px 0px 5px 0px #656565;
	-webkit-box-shadow: 0px 0px 5px 0px #656565;
	-o-box-shadow: 0px 0px 5px 0px #656565;
	box-shadow: 0px 0px 5px 0px #656565;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=NaN, Strength=5);
}

#menu {
	padding-left:60px;
}


#menu ul {
	margin:0px;
	padding:0px;
}
	
	#menu li {
	float:left; /*pour IE*/
	padding-left:0px;
	padding-right:0px;
	position:relative;
	list-style:none;
	line-height:60px;
	}
	
	#menu li:hover {
	float:left; /*pour IE*/
	padding-left:0px;
	padding-right:0px;
	position:relative;
	list-style:none;
	}

	#menu a {
		font-family: 'Homenaje', sans-serif;
		display:block;
		padding-left:13px;
		padding-right:13px;
		/*border-right:1px solid #FFF; */
		font-size:20px;
		text-transform:uppercase;
		text-decoration:none;
		/* background-color:#8DC836; */
	}

	
	a.menu {
		color:#404041;
	}
	
	a.menu:hover,
	a.menu_actif,
	a.menu_actif:hover
	{
		color:#FFF;
		text-decoration:none;
	}
	
	.border_menu {
		border-right:1px solid #818285;
		height:30px;
		margin-top:15px;
	}


/**** MENU GAUCHE ****/

ul.menu_gauche {
	margin:0px;
	padding:0px;
}

li.menu_gauche {
	margin:0px;
	padding:0px;
	list-style-type:none;
	margin-bottom:8px;
}
			
#menu_gauche a{
	font-family: 'Homenaje', sans-serif;
	min-height:20px;
	padding:5px 15px 5px 75px;
	display:block;
	font-size:22px;
}
		
.img_menu_gauche_h{
	height:13px;
	width:200px;
	background-image:url(../../maj/phototheque/photos/charte/img_menu_h_g.jpg);
	background-repeat:no-repeat;
}

.img_menu_gauche_b{
	border-top:1px solid #FFF;
	height:13px;
	width:200px;
	background-image:url(../../maj/phototheque/photos/charte/img_menu_b_g.jpg);
	background-repeat:no-repeat;
}		
		
		a.menu_gauche{
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#FFF;
		text-decoration:none;
		}
		
		a.menu_gauche:hover{
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#FFF;
		text-decoration:none;
		background-color:#8DC836;
		}
		
		a.menu_gauche_actif:hover{
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#FFF;
		text-decoration:none;
		background-color:#8DC836;
		
		/*
		background-image:url("../../maj/phototheque/photos/charte/bg_menu_on.jpg");
		background-repeat:repeat-x;*/
		}
		
		a.menu_gauche_actif{
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#FFF;
		text-decoration:none;
		background-color:#8DC836;
		/*
		background-image:url("../../maj/phototheque/photos/charte/bg_menu_on.jpg");
		background-repeat:repeat-x;*/
		}

/**** PAGE ACCUEIL ****/
.bloc_identification{
	margin-left:60px;
	line-height:normal;
}

.bloc_identification td{
	padding:5px;
}

.bloc_identification .titre_identification{
	font-size:25px;
}

.bloc_identification input[type=text],
.bloc_identification input[type=password]{
	height:25px;
	border:1px solid #959799;
	box-sizing:content-box!important;
	font-size:15px;
	font-family: 'Homenaje', sans-serif;
}



.bloc_inscription{
	position:absolute;
	margin-top:-30px;
	right:0px;
	background:#404041;
	border-radius:10px;
	text-align:center;
	padding:15px;
	-moz-box-shadow: 0px 0px 5px 0px #656565;
	-webkit-box-shadow: 0px 0px 5px 0px #656565;
	-o-box-shadow: 0px 0px 5px 0px #656565;
	box-shadow: 0px 0px 5px 0px #656565;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=NaN, Strength=5);
}

.bloc_inscription .titre_inscription{
	font-size:25px;
	color:#FFF;
	text-transform:uppercase;
}

.bloc_inscription input{
	float:none
}

.deux_col{
	width : 130px;
	margin-right : 20px;
}

.champ_option{
		text-align:center;
}

#table_version{
	margin-top : 20px;
	border-collapse: collapse;
	width: 100%;
}

#table_contrat{
	margin-top : 20px;
	border-collapse: collapse;
	width: 100%;
}

#table_option{
	margin-top : 20px;
	border-collapse: collapse;
	width: 100%;
}

#table_contrat th,#table_contrat td{
	border-bottom: 1px solid #ddd;
	height: 30px;
	border-top: 1px solid #ddd;
	text-align:center;
}

#table_option th,#table_option td{
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd;
	height: 30px;
	text-align:center;
}

#table_version th,#table_version td{
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd;
	height: 30px;
	text-align:center;
}

#table_version tr:hover {
	background-color: #f5f5f5;
}

#table_option tr:hover {
	background-color: #f5f5f5;
}

#table_contrat tr:hover {
	background-color: #f5f5f5;
}


#tabs-1  #raison,#tabs-1 #siret,#tabs-1 #cp,#tabs-1 #ville, #tabs-1 #client_bloque {
	width : 130px;
	margin-right : 20px;
}

#tabs-7 .titre_produit {
	width : 100%;
	text-align: center;
	font-size: 20px;
	margin-top: 10px;
}
#myTableClient{
	display : none;
}

#myTableSociete{
	display : none;
}

#accueil_gauche{
	float:left;
	width:610px;	
}

#accueil_gauche > .bloc_1{
	border-radius:10px;
	background:#91C74B;
	float:left;
	width:297px;
	margin-right:15px;
}
#accueil_gauche > .bloc_2{
	top: 50px
	position: inherit;
	border-radius:10px;
	background:#404041;
	float:left;
	width:298px;
	margin-bottom:15px;
	color:#FFF;
}
#accueil_gauche > .bloc_3{
	border-radius:10px;
	background:#404041;
	float:left;
	width:298px;
	color:#FFF;
}

#accueil_droite{
	float:left;
	width:300px;	
	margin-left:15px;
}
/**** BOUTIQUE ****/

table.panier {
    background-color: #fff;
	width:100%;
}
table.panier thead tr th {
    background-color: #b2b2b4;
    color: #fff;
    font-size: 15px;
    font-weight: normal;
}
table.panier tbody tr {
    background-color: #ebecee;
}
table.panier tbody tr.stock {
    background-color: #d8d8d8;
}
table.panier tbody td {
    border-bottom: 1px solid #fff;
}
table.panier tfoot td {
    background-color: #d8d8d8;
    border-bottom: 1px solid #fff;
    font-weight: bold;
}
table.panier img {
    cursor: pointer;
}
.qte {
    margin: 0;
    text-align: center;
    width: 25px;
}

.bouton_pm {
    margin-left: 2px;
    vertical-align: middle;
}


.paiement_facture input{
	float:none
}

.paiement_facture input[type=text]{
	border:1px solid #959799;
	height:23px;
	width:200px;
}

.paiement_facture .montant{
	width:50px!important;
	text-align:right;
}

/**** FORMULAIRE ****/
.bloc_recherche_libre{
	float:right;
}
.bloc_recherche_libre input[type=text], .bloc_recherche_libre select{
	border:1px solid #959799;
	height:23px;
}

.boutton {
	background-color:#959799;
	color:#FFFFFF;
	font-size:16px;
	cursor:pointer;
	border-radius:5px;
	border:hidden;
	padding:5px 8px 5px 8px;
	transition: all 0.3s ease-in 0s;
	float:left;
	margin-right:5px;
	font-family: 'Homenaje', sans-serif;
	line-height:normal
}
.boutton:hover {
	background-color:#91C74B;
}

.boutton_new {
	background-color:#91C74B;
	color:#FFFFFF;
	font-size:16px;
	cursor:pointer;
	border-radius:5px;
	border:hidden;
	padding:5px 8px 5px 8px;
	transition: all 0.3s ease-in 0s;
	float:right;
	font-family: 'Homenaje', sans-serif;
	line-height:normal
}
.boutton_new:hover {
	background-color:#378037;
}

.boutton_recherche {
	background:url(../../maj/phototheque/photos/pictos/fleche_gauche.png) no-repeat center center #91C74B;
	color:#FFFFFF;
	font-size:16px;
	cursor:pointer;
	border:hidden;
	width:25px;
	height:25px;
    float: right;
    margin-left: 5px;
}



.input {
width:150px;
font-size:12px;
border:1px solid #A09FA3;
}

.input2 {
width:150px;
font-size:12px;
border:1px solid #C42A3B;
}

.div_large{
	width : 100%;
	height : 40px;
}

.sms_message{
	width:100%;
	height: 70px;
}

.sms_numeros{
	width:100%;
	height: 15px;
}

form {
display:inline;
}

div.input_text {
float:left;
padding-bottom:10px;
clear:both;
}

div.input_text label {
display:block;
float:left;
cursor:pointer;
color:#000; 
 text-align:right

}


div.input_text input {
float:left;
margin-left:10px;
}


div.input_text textarea {
width:300px;
height:150px;
float:left;
border:1px solid #CCC;
}

.input_button {
background-color:#8DC836;
border:1px solid #8DC836;
color:#FFF;
width:100px;
}

.btn_suivant{
background-color:#A09FA3;
border:1px solid #A09FA3;
color:#FFF;
width:100px;
cursor:pointer;
}

.btn_suivant:hover{
background-color:#8DC836;
border:1px solid #8DC836;
color:#FFF;
width:100px;
cursor:pointer;
}

.btn_suivant#demande_export{
	width:150px;
}

#mes_infos td, #mes_infos th {
    display: table-cell;
    vertical-align: top;
}

#contenu_sms{
	height: 100px;
	resize:none;
	width:436px;
}

/**********************************/
.cmxform label {
	display: inline-block;
	font-weight:bold;


	}

.cmxform {
	width:100%;
	color: #000;
	}
	


.cmxform ul{
	padding:0px;
	margin:0px;
}
	

	
.cmxform ul li {
	list-style:none;
	height:auto;
	border-bottom: 1px solid #A09FA3;
	padding:5px;
	}
	
.cmxform ul li.null {
	padding:2px;

	background-color:#FFF;
	border-bottom: 3px solid #A09FA3;
	height:5px;
margin-top:10px;
	margin-bottom:10px;

}

.cmxform  input[type="text"], input[type="password"] {
	border:1px solid #999;

}
.cmxform textarea {
	border:1px solid #999;

}
.cmxform select {
	border:1px solid #999;

}
	
.cmxform ul li.sstitre {
	font-weight:bold;
	font-size:12px;
	}		
	
		



/***********************************/

#titre_page{
	font-family: 'Homenaje', sans-serif;
	font-size:16px;
	color: #333;
	font-weight:bold;
}

#recherche{
	/*border:1px solid #A09FA3;
	width:300px;
	*/
}

.suggestionsBox {
	overflow:auto;
	position:absolute;
	min-width: 250px;
	background-color: #E1E1E1;
	color: #000;
	margin-left:200px;
	margin-top:20px;
}

 .suggestionList li {
	font-family: 'Homenaje', sans-serif;
	list-style:none;
	padding: 2px;
	margin:0px;
	cursor: pointer;
	height:20px;
}

 .suggestionList li:hover {
	font-family: 'Homenaje', sans-serif;
	margin:0px;
	background-color: #c4c4c4;
	list-style:none;
	cursor:pointer;
}


.suggestionsBox_orga {
	overflow:auto;
	position:absolute;
	min-width: 250px;
	background-color: #E1E1E1;
	color: #000;
	margin-left:10px;
	margin-top:0px;
}

 .suggestionList_orga li {
	font-family: 'Homenaje', sans-serif;
	list-style:none;
	padding: 2px;
	margin:0px;
	cursor: pointer;
	height:20px;
}

 .suggestionList_orga li:hover {
	font-family: 'Homenaje', sans-serif;
	margin:0px;
	background-color: #c4c4c4;
	list-style:none;
	cursor:pointer;
}

/* ALPHA */

	#alpha {}

	.pagination {
		cursor:pointer;
		line-height:25px;
		width:25px;
		float:left;
		text-align:center;
		display:block;
		font-family: 'Homenaje', sans-serif;
		font-size:15px;
		color:#FFFFFF;
		text-decoration:none;
		background-color:#A09FA3;
		border-left:1px solid #FFFFFF;
		border-bottom:1px solid #FFFFFF;
	}
	
	.pagination:hover,
	.pagination_actif {
		cursor:pointer;
		line-height:25px;
		width:25px;
		float:left;
		text-align:center;
		display:block;
		font-family: 'Homenaje', sans-serif;
		font-size:15px;
		color:#FFFFFF;
		text-decoration:none;
		background-color:#8DC836;
		border-left:1px solid #FFFFFF;
		border-bottom:1px solid #FFFFFF;
	}

	#alpha div:last-child {
		padding-left:5px;
		padding-right:5px;
	}


#tabs{
	border:0px;
}

.ui-tabs .ui-tabs-panel{padding:0!important}
	
.ui-tabs .ui-tabs-nav 				{ background-color:#FFF; border-bottom:1px solid #959799 }
.ui-tabs .ui-tabs-nav li 			{ position: relative; float: left; background:#A09FA3; border-right:1px solid #959799;border-top:1px solid #959799  }
.ui-tabs .ui-tabs-nav li a 			{ padding: 5px 10px!important; color: #FFF;font-size:18px;letter-spacing:1px;font-weight:normal}
.ui-tabs .ui-tabs-nav li.ui-state-hover a 	{ color: #FFF;font-size:18px;letter-spacing:1px;font-weight:normal;background-color:#8DC836;}

.ui-tabs .ui-tabs-nav  li.ui-tabs-active 				{  background-color:#8DC836; color:#FFF; border-right:1px solid #959799 }
.ui-tabs .ui-tabs-nav  li.ui-tabs-active a 				{  background-color:#8DC836; color:#FFF; border-right:1px solid #959799 }




/* PAGE ACCUEIL */

#bloc_acccueil_gauche{
	width:300px;
	float:left;
	background-color:#FFF
}

#bloc_acccueil_droite{
	margin-left:20px;
		width:590px;
	float:left;
		background-color:#FFF
}


/* PAGE TXT */
#bloc_txt{
	width:100%;
	float:left;
	background-color:#FFF;
}

#bloc_txt_menu{
	width:680px;
	float:left;
	background-color:#FFF;
	margin-left:20px;
}


.lien_messagerie{
	color:#F00;
	text-decoration:none;
}
.lien_messagerie:hover{
	color:#F00;
	text-decoration:underline;
}

.lien_messagerie_actif {
	color:#000;
	text-decoration:none;
}

.stat{
	font-size : 18px;
	font-weight :bold;
}

.check_mark{
	margin-top : 20px;
}

.label_mark{
  display: block;
  position: relative;
  margin: 20px;
  padding: 15px 30px 15px 62px;
  border: 3px solid #fff;
  border-radius: 100px;
  color: #fff;
  background-color: #6a8494;
  box-shadow: 0 0 20px rgba(0, 0, 0, .2);
  white-space: nowrap;
  cursor: pointer;
  user-select: none;
  transition: background-color .2s, box-shadow .2s;
}

.label_mark::before{
  content: '';
  display: block;
  position: absolute;
  top: 10px;
  bottom: 10px;
  left: 10px;
  width: 20px;
  border: 3px solid #fff;
  border-radius: 100px;
  transition: background-color .2s;
}

.label_mark:first-of-type {
  transform: translateX(-40px);
}

.label_mark:last-of-type {
  transform: translateX(40px);
}

.label_mark:hover, .check_mark:focus + .label_mark {
  box-shadow: 0 0 20px rgba(0, 0, 0, .6);
}

.check_mark:checked + .label_mark {
	background-color: #ab576c;
	margin-left: -35px;
	margin-right: 100px;
	padding-left: 60px;
	padding-right: 30px;
	padding-bottom: 10px;
	padding-top: 10px;
}

.check_mark:not(:checked )+ .label_mark {
	background-color: #ab576c;
	margin-left : -35px;
	margin-right: 100px;
	padding-left: 60px;
	padding-right: 30px;
	padding-bottom: 10px;
	padding-top: 10px;
}

.check_mark:checked + .label_mark::before {
     background-color: #ab576c;
}

.check_mark:not(:checked )+ .label_mark::before {
	 background-color: #fff;

}

.check_mark{
	display:none;
	margin:0px;
	padding:0px;
	width:0px;
}

#titre_stat{
	font-size : 20px;
	font-weight :bold;
	text-align : center;
	width : 100%;
}



/*************************/
#textarea_parler{
	border: 1px solid #999;
	width:700px;
	padding:20px;
	height:200px;	
}

#textarea_parler:hover{
	border: 1px solid #000;	
}

#anim{
	width:892px;
	height:240px;
}
#anim img{
	width:892px;
	height:240px;
}

#cadre_c {
min-height:300px;
}