@font-face{
	font-family: "SansationRegular";
	src : url('/common/font/sansation_regular.ttf');
}

@font-face{
	font-family: "SansationLight";
	src : url('/common/font/sansation_light.ttf');
}

@font-face{
	font-family: "SansationBold";
	src : url('/common/font/sansation_bold.ttf');
}

.footer_ext {
    margin-top:15px;
    background-position: center top;
    background-repeat: repeat-x;
    color: #B5B5B7;
    height: 0px;
    position: relative;
    width: 100%;
}

.footer_content_ext {
    margin: auto;
    position: relative;
    width: 980px;
}
.footer_content_ext .contact {
    background-image: url("/common/images/logo_ipset_white_version.png");
    background-position: right top;
    background-repeat: no-repeat;
    color: white;
    height: 58px;
    margin-right: 0;
    padding-right: 230px;
    padding-top: 12px;
    position: absolute;
    right: 10px;
    text-align: right;
    top: 20px;
    width: 300px;
}
.block_user .info{
	text-align:center;
	font-weight:bold;
	margin-top:10px;
	height:50px;
}
.block_user .info .disconnect{
	margin-top:5px;
	text-align:center;
}
.block_user .info .info_user{

	font-weight:bold;
}


.tab_panier {
	overflow:auto;
	height:200px;
	width:100%;
}
/*#################################################
################LYTEBOX VALIDATION PANIER###############
##################################################*/

.lytebox_panier .grande #lytebox_container #lytebox_body {
   height: 410px;
}

.lytebox_validation_message  .grande #lytebox_container #lytebox_body {
	height: 310px;
}

.lytebox_validation_message .title,
.lytebox_panier .title{
	font-family: 'SansationBold',Verdana,sans-serif;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 20px;
    margin-top: 10px;
    text-align: center;
	    color: #C32429;
}

.lytebox_validation_message #lytebox_container,
.lytebox_panier .grande #lytebox_container{
	height: 450px;
    margin-left: -370px;
    margin-top: -208px;
    width: 730px;
}


/*.lytebox_panier .block_info_user */
.lytebox_validation_message fieldset,
.lytebox_panier fieldset{
	padding:10px;
	border:1px solid #C32429;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background-color:#D2D2D2;
	margin-bottom:10px;
	margin-top:5px;
}
.lytebox_validation_message  .bt a,
.lytebox_panier .bt a{
	border-style: solid ;
	border-width: 1px;
	float:right;
	color:white;
	text-decoration:none;
	width: 163px;
	display:block;
	padding-top:5px;
	padding-bottom:5px;
	text-align:center;
	background-color: #C32429;
	margin-left:5px;
	margin-right:5px;
}
.lytebox_validation_message .bt a:hover,
.lytebox_panier .bt a:hover{
	border: 1px solid #C32429;
	color: #C32429;
	background-color: white;
}


}
.info_block {

}
.panier_block {
	height: 230px;

}
.lytebox_validation_message   legend,
.lytebox_panier  legend{
	margin-left:25px;
	padding-left:10px;
	padding-right:10px;
	padding-top: 5px;
	color: #C32429;
	font-weight:bold;
	background-color:#D2D2D2;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.lytebox_validation_message  .block_info_user .champ_info,
.lytebox_panier .block_info_user .champ_info{
	width:325px;
	float:left;
	margin-bottom:10px;
}
.lytebox_validation_message  .block_info_user .champ_info .label,
.lytebox_panier .block_info_user .champ_info .label{
	width:70px;
	float:left;
	text-align:left;
	font-weight:bold;
}
.lytebox_validation_message  .block_info_user .champ_info .champ,
.lytebox_panier .block_info_user .champ_info .champ{
	width: 250px;
	float:left;
	text-align:left;
}
.lytebox_validation_message  .panier_block td,
.lytebox_panier .panier_block td{
	width:172px;


}
.lytebox_validation_message .panier_block .spec,
.lytebox_panier .panier_block .spec{
	width:100px;
	padding-right:72px;
	padding-top: 10px;

}


.lytebox_validation_message .info_item{
	margin-bottom:15px;
}
.lytebox_validation_message .info_item .info_title{
width:140px;
float:left;
text-align:left;
font-weight:bold;
}

.lytebox_validation_message .info_item .info_valeur{
width:365px;
float:left;
text-align:left;
margin-bottom: 15px;
}

.lytebox_validation_message .bt {
    margin-left: 0!important;
    margin-top: 20px;
}
/*#################################################
################LYTEBOX VALIDATION PANIER###############
##################################################*/
/* SPINNER JS */

.input_spinner {
	width:20px ;
	height:24px;
	float:right;
	margin-bottom:0;
	text-align:right;
	padding-right:5px;
}

.spinner{
    list-style: none;
    line-height: 0;
	float:right;
}

.spinner input{
	font-size: .65em;
    /*  border-width: .5px;*/
    height: 12px;
    width: 2em;
}

/* SPINNER JS */
.space {
	margin-bottom:15px;
}
.decale{
	margin-left:15px;
}
.gras{
	font-weight:bold;
}

.fiche_produit{
	width:600px;
	margin:auto;
	background-color:#E1E3E2;
	margin-top:15px;
	margin-bottom:15px;
	border: 1px solid black;
	padding:10px;
	-webkit-border-top-right-radius: 15px;
	-moz-border-radius-topright: 15px;
	border-top-right-radius: 15px;
}

.fiche_produit .gauche{
	width:150px;
	float:left;
}

.fiche_produit .droite{
	width:450px;
	float:left;
}

.fiche_produit .droite .nom{
	width:350px;
	float:left;
	font-family: 'SansationBold',Verdana,sans-serif;
    font-weight: bold;
	font-size:16px;
	margin-bottom:10px;

}

.fiche_produit .droite .ref{
	width:100px;
	float:left;
	text-align:right;
}

.fiche_produit .droite .description{
	margin-bottom:10px;
}

.fiche_produit .droite .form{
	margin-top:25px;
}

.link a{
	border-style: solid ;
	border-width: 1px;
	margin-left:15px;
	padding-top:4px;
	padding-bottom:4px;
	color:white;
	text-decoration:none;
	width: 120px;
	display:block;

	text-align:center;
}
.link a:hover{
	border: 1px solid #C32429;
	color: #C32429;
	background-color: white;
}


.fiche_produit .droite .form .label{
	float:left;
	width:245px;
	text-align:right;
	padding-top: 5px;
}
.fiche_produit .droite .form .input{
	float:left;
	width:55px;
	text-align:right;
}
.fiche_produit .droite .form .link{
	float:left;
	width:150px;
	text-align:right;
}

/* Page de log*/
.log_page #conteneur {
	position:relative;
	width:718px;
	margin:0 auto;
	text-align:left;
	padding:10px;
    border: 1px solid #E0E1E2;

}

.log_page .block_login{
	border: 1px solid #E0E1E2;
	width:718px;
	background-color: white;
	margin-top:15px;
}



.log_page .form_log{
	width:400px;
	margin:auto;
	background-image: url("/common/images/stripe.png");
    border: 1px solid #E0E1E2;

	margin-top:15px;
	padding:10px;
}

.log_page .mdp_forget{
	width:400px;
	margin:auto;
	text-align:right;
	margin-bottom:15px;
}

.mdp_forget a{
	font-size:10px;
	text-decoration:none;
}

.mdp_forget a:hover{
	text-decoration:underline;
}

.log_page .champ{
	margin-top:10px;
}
.log_page .label{
	float:left;
	width:150px;
	text-align:right;
	padding-right:50px;
}
.log_page .input{
	float:left;
	width:200px;
}
.log_page .input input{
	border: 1px solid #E0E1E2;
    color: black;
    height: 18px;
    padding-left: 10px;
    padding-right: 10px;
}

.bt {
	margin-top:20px;
	margin-left:200px;
}

.bt a{
	border-style: solid ;
	border-width: 1px;

	color:white;
	text-decoration:none;
	width: 163px;
	display:block;
	padding-top:3px;
	padding-bottom:3px;
	text-align:center;
}

.bt a:hover{
	border: 1px solid #ddd;
	color: #ff0a0a;
	background-color: white;
}

.titre {
	margin-top:10px;
	margin-bottom:20px;
	text-align:center;
	font-family: 'SansationBold',Verdana,sans-serif;
    font-weight: bold;
	font-size:18px;


}

.attention {
	font-weight:bold;
	color:red;
}

.log_page .contour{
	width:718px;
	border: 1px solid #E0E1E2;
}

.bt_supp {
	height:16px;
	background-image: url("/common/images/extranet/del.png");
    background-position: center top;
    background-repeat: no-repeat;
}
.log_page .entete{
	float:left;
	width:718px;
	height:150px;
    border: 1px solid #E0E1E2;
	background-color: white;
	background-image: url("/common/images/extranet/logo2017.jpg");
    background-position: center top;
    background-repeat: no-repeat;
}


/* Page de log*/

* {
	margin: 0;
	padding: 0;
}

html {
	height:100%;
}

body {
	background-color: #FDFDFD;
    background-position: center top;
    background-repeat: no-repeat;
    color: #3D3C3F;
    font-family: Verdana;
    font-size: 12px;
}

a {
	color:#006699;
}

p {
	margin-bottom:10px;
}

.clear {
	clear:both;
	float:none;
}

ul {
	margin-bottom:10px;
}


#conteneur {
	position:relative;
	width:980px;
	margin:0 auto;
	text-align:left;
	padding:10px;
    border: 1px solid #E0E1E2;

}

.entete {

}

.entete .gauche {
	float:left;
	width:718px;
	margin-right:10px;
	height:150px;
    border: 1px solid #E0E1E2;
	background-color: white;
	background-image: url("/common/images/extranet/logo2017.jpg");
    background-position: center top;
    background-repeat: no-repeat;
}

.entete .droite {
	float:left;
	width:248px;
	height:150px;
	background-color: white;
    border: 1px solid #E0E1E2;
}



.onglets .gauche{
	float:left;
	padding-left: 10px;
	margin-top:25px;
}

.onglets .droit{
	padding-right: 20px;
	margin-top:20px;
	width:500px;
	float:right;
}
.onglets .droit .onglet a{
	text-decoration:none;
	font-family: 'SansationBold',Verdana,sans-serif;
    font-weight: normal;
	font-size:20px;
	color:white;
}
.onglets .droit .onglet.actif a{
	color:black;
}

.onglets .droit .onglet{
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topright: 10px;
	border-top-right-radius: 10px;
	width:120px;
	float: right;
	padding:5px;
	background-color:#D2D2D2;
	text-align:center;
	margin-left:2px;
	border: 1px solid #E0E1E2;
	position:relative;



}

.onglets .droit .onglet.actif{
	background-color:white;
	z-index:1;
	border-bottom:1px solid white;

}


.menu .titre_menu{
	margin-top:10px;
	margin-bottom:20px;
	text-align:center;
	font-family: 'SansationBold',Verdana,sans-serif;
    font-weight: bold;
	font-size:18px;


}
.texte{padding:15px;}
.menu ul{
  list-style-type: none;
  padding: 0;
  margin: 10px;
}


.picto_home {
	height:20px;
	background-image: url("/common/images/extranet/home.png");
    background-position: left top;
    background-repeat: no-repeat;
	padding-top:3px;
	text-indent:25px;
}
.menu li{
	background-image: url("/common/images/grey_arrow.png");
    background-repeat: no-repeat;
	padding-left:15px;
	margin-bottom:10px;
	margin-left:5px;
	background-position: left 5px;
}

.menu a{
	text-decoration:none;
	font-family: 'SansationBold',Verdana,sans-serif;
    font-weight: normal;
	font-size:16px;
	color:#616161;
}

.menu  a.act{
	text-decoration:none;
	font-family: 'SansationBold',Verdana,sans-serif;
    font-weight: normal;
	font-size:16px;
	color:black;
	font-weight:bold;
}
.pannel_index{
	/*border: 1px solid #E0E1E2;*/
	margin-top: 55px;
/*	background-color: white;*/
	position:relative;
	/*top:-1px;*/
}

.pannel{
	border: 1px solid #E0E1E2;

	background-color: white;
	position:relative;
	top:-1px;
}
.pannel .menu{
	width:208px;
	height:100%;

	float:left;
	border-right:1px solid #E0E1E2;

}
.pannel .contenu{
	width:768px;

	float:left;
}

.block_user {

}

/* Block panier*/
.block_user .panier{
	margin-top:15px;
	border-top:1px solid #E0E1E2;
	padding-top:10px;
	padding-left:10px;

}

.block_user .panier legend{
	padding-left:6px;
	padding-right:6px;
	font-weight:bold;
}


.block_user .panier .info_panier{
	text-align:center;

}
.block_user .panier .bt_panier a{
	border-color: #f00;
	background-color: #f00;
	border-style: solid ;
	border-width: 1px;
	margin-top:20px;
	padding-top:2px;
	padding-left:5px;
	padding-bottom:2px;
	color:white;
	font-size:10px;
	text-decoration:none;
	width: 80px;
	display:block;
	text-align:center;
	float:right;
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-topleft: 10px;
	border-top-left-radius: 10px;
}

.block_user .panier .bt_panier a:hover{
	border-color: #f00;
	background-color: white;
	color:#f00;
}

.centre {
	text-align:center;
}
.marge_bas {
	margin-bottom:8px;
}

.item_facture{
	margin-top:5px;
	margin-bottom:5px;
}

.item_facture .info{
	padding-top:4px;
	float:left;
	width:250px;
	padding-left:100px;
}
.item_facture .bt_download{
	float:left;
	width:250px;
	padding-left:100px;
}
.item_facture .bt_download a{
	height:20px;
	background-image: url("/common/images/extranet/download.png");
    background-position: left top;
    background-repeat: no-repeat;
	padding-top:3px;
	text-indent:25px;
}

.grilletarifaire table{
	border:2px solid black;
	margin-bottom:20px;
	width:768px;
	text-align:center;
	font-weight:bold;
	border-collapse:collapse;

}
.souligne {
	text-decoration:underline;
}
.grilletarifaire table td{
	border-left:2px solid black;
	border-right:2px solid black;
	width:192px;
}
.grilletarifaire td{
	padding-top:4px;
	padding-bottom:4px;
}

.grilletarifaire td.bg_gris{
	border-bottom:2px solid black;
}
.left_padding{
	padding-top:15px;
	padding-bottom:15px;
	padding-left:200px;
}

.item_spec a#single_image{
	text-align:center;
	margin-top:40px;
	color: #C32429;
	font-size:15px;
}