/** override bootstrap **/
.navbar-inverse {
	background-color: transparent;
	border: none;
	border-radius: 0px;
}

/** Fond de chargement **/
.ui-loader-background {
    width:100%;
    height:100%;
    top:0;
    margin: 0;
    background: rgba(0, 0, 0, 0.3);
    display:none;
    position: fixed;
    z-index:999999;
    color: #FFFFFF;
}

.ui-loading .ui-loader-background {
    display:block;
}

#page-authenticated {
	background: url("/reseau/javax.faces.resource/background-login.png.xhtml?ln=images") no-repeat center center fixed;
	background-size: cover !important;
}

#page-authenticated-adveneris {
	background: url("/reseau/javax.faces.resource/background-login-adveneris.png.xhtml?ln=images") no-repeat center center fixed;
	background-size: cover !important;
}

#zone-authenticated {
	background-color: #fff;
	width: 800px;
    height: 100px;
    margin-left: 25%;
    margin-top: 25%;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}

/** GLOBAL **/
body {
	text-align: center;
	margin: 0;
	font-size: 14px;
	font-weight: normal;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	color: #555555;
}

.font-light {
	font-weight: 300;
}

strong,b,.font-bold {
	font-weight: 600;
}

.font-red-title {
	color: #931e76;
	font-weight: 600;
}

.font-noir-title {
	color: #000000;
	font-weight: 600;
}

.font-pink {
	color: #c12894;
}

.font-subtitle {
	padding-top: 30px;
	color: #000000;
	font-size: 20px;
}

.main-container {
	text-align: left;
}

.align-center {
	text-align: center !important;
}

/** HEADER **/
#top_header_l1 {
	display: block;
	width: 100%;
	background-color: #ffffff;
	color: #000000;
}

.left_header_l1 {
	position: relative;
	font-size: 14px;
	text-align: left;
}

.left_header_l1 .title {
	color: #000000;
	font-size: 32px;
	padding-top: 13px;
	display: block;
}

.right_header_l1 {
	position: relative;
	font-size: 14px;
	text-align: left;
}

.header_points {
	margin-top: 25px;
	height: 42px;
	background-color: #d043a7;
	border-radius: 3px 3px 3px 3px;
	display: block;
	width: 155px;
	float: right;
	height: 42px;
}

.right_header_l1 .connexion {
	padding: 0px;
	line-height: 14px;
	text-decoration: underline;
}

.right_header_l1 .link_tick {
	display: block;
	float: right;
	background-color: #d851b0;
	height: 42px;
	width: 38px;
	border-radius: 0px 3px 3px 0px;
	background-image:
		url("/reseau/javax.faces.resource/tick-points.png.xhtml?ln=images");
	background-repeat: no-repeat;
	background-position: center;
}

.right_header_l1 .points_text {
	display: block;
	float: left;
	line-height: 42px;
	padding-left: 5px;
	font-size: 16px;
	color: #ffffff;
	text-transform: uppercase;
}

.right_header_l1 .connexion a {
	font-size: 14px;
	line-height: 14px;
	color: #000000;
}

.bjr_frame {
	color: #000000;
	font-size: 20px;
	padding-top: 21px;
	float: left;
	width: 250px;
}

.right_header_l1 a {
	font-size: 13px;
}

.right_header_l1 .title {
	font-size: 13px;
}

.subdate {
	color: #0080c0;
	display: block;
}

.subdate:first-letter {

text-transform: uppercase;
}

#top_header_l2 {
	display: block;
	width: 100%;
	background-color: #931e76;
	text-align: left;
	color: #ce56ac;
	line-height: 85px;
	color: #ce56ac;
}

#top_header_l2 .title {
	font-size: 20px;
	font-weight: 300;
}

#top_header_l2 .texte {
	font-size: 20px;
	color: white;
	font-weight: 600;
}

/** MENU **/
#menu {
	font-size: 16px;
	background: rgb(255, 255, 255); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%,
		rgba(241, 241, 241, 1) 99%, rgba(217, 217, 217, 1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,
		255, 255, 1)), color-stop(99%, rgba(241, 241, 241, 1)),
		color-stop(100%, rgba(217, 217, 217, 1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%,
		rgba(241, 241, 241, 1) 99%, rgba(217, 217, 217, 1) 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%,
		rgba(241, 241, 241, 1) 99%, rgba(217, 217, 217, 1) 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%,
		rgba(241, 241, 241, 1) 99%, rgba(217, 217, 217, 1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%,
		rgba(241, 241, 241, 1) 99%, rgba(217, 217, 217, 1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(               startColorstr='#ffffff',
		endColorstr='#d9d9d9', GradientType=0); /* IE6-9 */
	display: block;
}

.menu_navigation {
	height: 70px;
	display: block;
	width: 100%;
}

#menu ul {
	float: left;
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#menu ul li {
	float: left;
	width: 228px;
	height: 70px;
	border-right: 1px solid #d9d9d9;
	background-position: center 20px;
	padding-top: 25px;
}

#menu ul li.active {
	float: left;
	width: 228px;
	height: 70px;
	border-right: 1px solid #d9d9d9;
	background-color: white;
	background-position: center 20px;
	padding-top: 25px;
}

#menu ul li:first {
	border-left: 1px solid #d9d9d9;
}

#menu ul a {
	color: #555555 !important;
	float: left;
}

#menu ul li:hover {
	float: left;
	width: 228px;
	height: 70px;
	border-right: 1px solid #d9d9d9;
	background-color: white;
	background-position: center 20px;
	padding-top: 25px;
}

#menu .menu_tabl {
	background-image:
		url("/reseau/javax.faces.resource/tableau-de-bord.png.xhtml?ln=images");
	background-repeat: no-repeat;
}

#menu .menu_trav {
	background-image:
		url("/reseau/javax.faces.resource/mes-travaux.png.xhtml?ln=images");
	background-repeat: no-repeat;
}

#menu .menu_parr {
	background-image:
		url("/reseau/javax.faces.resource/je-parraine.png.xhtml?ln=images");
	background-repeat: no-repeat;
}

#menu .menu_bout {
	background-image:
		url("/reseau/javax.faces.resource/la-boutique.png.xhtml?ln=images");
	background-repeat: no-repeat;
}

#menu .menu_para {
	background-image:
		url("/reseau/javax.faces.resource/parametres.png.xhtml?ln=images");
	background-repeat: no-repeat;
}

.link_facture {
	background-image: url("/reseau/javax.faces.resource/eye-icon.png.xhtml?ln=images");
background-repeat: no-repeat;
background-position: 3px;
width: 100%;
padding-left: 32px;
}

/** TABLEAU BORD **/
.intro_tb {
	padding: 18px 26px 18px 26px;
	margin-top: 28px;
	background-color: #f3f3f3;
	border-color: 1px solid #d9d9d9;
	text-align: left;
	background-color: #f3f3f3;
}

.table_center {
	margin-top: 30px;
	width: 100%;
	display: table-cell;
	vertical-align: top;
}

.table_global {
	margin-top: 46px;
}

.table_header {
	line-height: 84px;
	padding-left: 19px;
	border: 1px solid #d9d9d9;
	background: rgb(255, 255, 255);
	/* Old browsers */
	background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%,
		rgba(244, 244, 244, 1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,
		255, 255, 1)), color-stop(100%, rgba(244, 244, 244, 1)));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%,
		rgba(244, 244, 244, 1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%,
		rgba(244, 244, 244, 1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%,
		rgba(244, 244, 244, 1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%,
		rgba(244, 244, 244, 1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(             startColorstr='#ffffff',
		endColorstr='#f4f4f4', GradientType=0);
}

.table_title {
	font-size: 32px;
}

.table_note {
	margin-top: 11px;
	margin-right: 8px;
	height: 63px;
	border-radius: 3px;
	background-color: #9aabc3;
	width: 265px;
	float: right;
	display: block;
	height: 63px;
}

.table_note_left {
	width: 168px;
	height: 63px;
	float: left;
	line-height: 16px;
	color: #ffffff;
	font-size: 16px;
	padding-left: 26px;
	padding-top: 16px;
}

.table_note_right {
	width: 97px;
	height: 63px;
	background-color: #869bb7;
	float: left;
	line-height: 63px;
	font-size: 32px;
	font-weight: 600;
	color: #ffffff;
	text-align: center;
	border-radius: 0px 3px 3px 0px;
}

.table_content {
	clear: both;
}

.table_content_header {
	background: rgb(217, 217, 217); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(217, 217, 217, 1) 0%,
		rgba(217, 217, 217, 1) 4%, rgba(255, 255, 255, 1) 7%,
		rgba(233, 233, 233, 1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(217,
		217, 217, 1)), color-stop(4%, rgba(217, 217, 217, 1)),
		color-stop(7%, rgba(255, 255, 255, 1)),
		color-stop(100%, rgba(233, 233, 233, 1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(217, 217, 217, 1) 0%,
		rgba(217, 217, 217, 1) 4%, rgba(255, 255, 255, 1) 7%,
		rgba(233, 233, 233, 1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(217, 217, 217, 1) 0%,
		rgba(217, 217, 217, 1) 4%, rgba(255, 255, 255, 1) 7%,
		rgba(233, 233, 233, 1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(217, 217, 217, 1) 0%,
		rgba(217, 217, 217, 1) 4%, rgba(255, 255, 255, 1) 7%,
		rgba(233, 233, 233, 1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(217, 217, 217, 1) 0%,
		rgba(217, 217, 217, 1) 4%, rgba(255, 255, 255, 1) 7%,
		rgba(233, 233, 233, 1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(            startColorstr='#d9d9d9',
		endColorstr='#e9e9e9', GradientType=0); /* IE6-9 */
	line-height: 46px;
}

.order-table {
	border-collapse: collapse;
	width: 100%;
}

.order-table-header {
	background: rgb(255, 255, 255); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%,
		rgba(233, 233, 233, 1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,
		255, 255, 1)), color-stop(100%, rgba(233, 233, 233, 1)));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%,
		rgba(233, 233, 233, 1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%,
		rgba(233, 233, 233, 1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%,
		rgba(233, 233, 233, 1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%,
		rgba(233, 233, 233, 1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(          startColorstr='#ffffff',
		endColorstr='#e9e9e9', GradientType=0); /* IE6-9 */
	padding: 18px 8px 18px 8px;
}

.order-table-even-row {
	border-bottom: 1px solid #e5e5e5;
}

.order-table-header {
	border-right: 1px solid #e5e5e5;
}

.order-table-header:first-child {
	border-left: 1px solid #e5e5e5;
}

.order-table-even-row td,.order-table-odd-row td,.empty_cell {
	font-size: 14px;
	padding: 18px 8px 18px 8px;
	border-bottom: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;
}

.order-table-even-row td:first-child,.order-table-odd-row td:first-child,.empty_cell {
	border-left: 1px solid #e5e5e5;
}

.order-table-even-row td:last-child,.order-table-odd-row td:last-child {
	padding: 0px;
}

.order-table-odd-row {
	border-bottom: 1px solid #e5e5e5;
	background: rgb(217, 217, 217); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(217, 217, 217, 1) 0%,
		rgba(255, 255, 255, 1) 2%, rgba(248, 248, 248, 1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(217,
		217, 217, 1)), color-stop(0%, rgba(255, 255, 255, 1)),
		color-stop(100%, rgba(248, 248, 248, 1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(217, 217, 217, 1) 0%,
		rgba(255, 255, 255, 1) 0%, rgba(248, 248, 248, 1) 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(217, 217, 217, 1) 0%,
		rgba(255, 255, 255, 1) 0%, rgba(248, 248, 248, 1) 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(217, 217, 217, 1) 0%,
		rgba(255, 255, 255, 1) 0%, rgba(248, 248, 248, 1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(217, 217, 217, 1) 0%,
		rgba(255, 255, 255, 1) 0%, rgba(248, 248, 248, 1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(           startColorstr='#d9d9d9',
		endColorstr='#f8f8f8', GradientType=0); /* IE6-9 */
}

.information_footer_table {
	margin-top: 12px;
	font-size: 13px;
	color: #a1a1a1;
}

.cartes {
	width: 100%;
}

.no-padding {
	padding: 0px;
}

.carte_cell {
	vertical-align: top;
	display: inline-block;
	text-align: center;
	border-right: 1px solid #d3d3d3;
	width: 100%;
	height: 300px;
	border-top: 1px solid #d3d3d3;
	border-bottom: 1px solid #d3d3d3;
	background: rgb(212, 212, 212);
	/* Old browsers */
	background: -moz-linear-gradient(top, rgba(212, 212, 212, 1) 0%,
		rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 47%,
		rgba(249, 249, 249, 1) 73%, rgba(242, 242, 242, 1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(212,
		212, 212, 1)), color-stop(0%, rgba(255, 255, 255, 1)),
		color-stop(47%, rgba(255, 255, 255, 1)),
		color-stop(73%, rgba(249, 249, 249, 1)),
		color-stop(100%, rgba(242, 242, 242, 1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(212, 212, 212, 1) 0%,
		rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 47%,
		rgba(249, 249, 249, 1) 73%, rgba(242, 242, 242, 1) 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(212, 212, 212, 1) 0%,
		rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 47%,
		rgba(249, 249, 249, 1) 73%, rgba(242, 242, 242, 1) 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(212, 212, 212, 1) 0%,
		rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 47%,
		rgba(249, 249, 249, 1) 73%, rgba(242, 242, 242, 1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(212, 212, 212, 1) 0%,
		rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 47%,
		rgba(249, 249, 249, 1) 73%, rgba(242, 242, 242, 1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(       startColorstr='#d4d4d4',
		endColorstr='#f2f2f2', GradientType=0);
	
	border-top: 1px solid #d3d3d3; /* IE6-9 */
}

.carte_cell:first-child {
	border-left: 1px solid #d3d3d3;
}

.carte_cell_selected {
	background: #fff;
}

.carte_cell img {
	margin-top: 25px;
	margin-bottom: 25px;
}

.carte_cell .title {
	display: block;
	color: #555555;
	font-size: 24px;
}

.carte_cell .detail {
	display: block;
	color: #555555;
	font-size: 13px;
	margin: 20px 70px 20px 70px;
}

.carte_cell .thick-selected {
	position: relative;
	margin-top: -10px;
}
/** TRAVAUX **/
.documents {
	font-size: 18px;
	color: #2c2c2c;
	padding-left: 24px;
	background-color: #f2f2f2;
	border: 1px solid #d6d6d6;
	dispaly: block;
	    padding-bottom: 20px;
}

.documents .document_header {
	height: 73px;
	line-height: 73px;
	dispaly: block;
	font-size: 18px;
}

.documents .document_content {
	padding: 35px 80px 30px 80px;
	display: block;
}

.document_unit {
	height: 80px;
	width: 180px;
	display: block;
	float:left;
	font-size: 13px;
}

.document_unit:first-child {
	margin-left:0px;
}

.document_unit .document_icon {
	height: 80px;
	width: 60px;
	display: block;
	float:left;
	
}

.document_unit .document_text {
	height: 60px;
	width: 100px;
	display: block;
	float:right;
	padding:10px;
}

.pink-button {
	border: 0px;
	font-size: 13px;
	color: #ffffff;
	font-weight: 600;
	background-color: #c12894;
	text-transform: uppercase;
	padding: 10px;
	border-radius: 3px;
	margin-right: 10px;
	font-size: 13px;
}

.pink-button:hover {
	cursor: pointer;
	border: 0px;
	font-size: 13px;
	color: #ffffff;
	font-weight: 600;
	background-color: #8A286D;
	text-transform: uppercase;
	padding: 10px;
	border-radius: 3px;
	margin-right: 10px;
	font-size: 13px;
	border: 0px;
}

.blue-button {
	border: 0px;
	font-size: 13px;
	color: #ffffff;
	font-weight: 600;
	background-color: #0080ff;
	text-transform: uppercase;
	padding: 10px;
	border-radius: 3px;
	margin-right: 10px;
	font-size: 13px;
}

.blue-button:hover {
	cursor: pointer;
	border: 0px;
	font-size: 13px;
	color: #ffffff;
	font-weight: 600;
	background-color: #0080ff;
	text-transform: uppercase;
	padding: 10px;
	border-radius: 3px;
	margin-right: 10px;
	border: 0px;
}

.white-button {
	border: 0px;
	font-size: 13px;
	color: #000000;
	font-weight: 600;
	background-color: #ffffff;
	text-transform: uppercase;
	padding: 10px;
	border-radius: 3px;
	margin-right: 10px;
	font-size: 13px;
}

.big-blue-button {
	border: 0px;
	font-size: 13px;
	color: #ffffff;
	font-weight: 600;
	padding: 10px;
	border-radius: 3px;
	margin-right: 10px;
	font-size: 13px;
	width:100%;
	height:100%;
	padding:30px;
	background-color: #0080ff;
}

.big-blue-button:hover {
	border: 0px;
	font-size: 13px;
	color: #ffffff;
	font-weight: 600;
	padding: 10px;
	border-radius: 3px;
	margin-right: 10px;
	font-size: 13px;
	width:100%;
	height:100%;
	padding:30px;
	background-color: #0000a0;
}

.bloc-gray-gradient {
    background: rgb(255,255,255);
    background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(226,226,226,1) 100%);
}

span#signatureElectroniqueBoutons {
    position: fixed;
    bottom: 1%;
    right: 20%;
    z-index: 100;
    width: 60%;
}

.devis-annuler-button{
	width: 50%;
	line-height:80px;
	margin:0px;
	background-color: #ffffff;
	color: #000000;
	border: 0px;
    font-size: 20px;
}

.devis-valider-button{
	width: 50%;
    line-height: 80px;
    margin: 0px;
    background-color: #00B143;
    color: #ffffff;
    border: 0px;
    font-size: 20px;
}

.annuler-button {
	font-size: 13px;
	color: #000000;
	font-weight: 600;
	text-transform: uppercase;
	padding: 9px;
	border-radius: 3px;
	background: rgb(212, 212, 212); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(212, 212, 212, 1) 0%,
		rgba(251, 251, 251, 1) 0%, rgba(235, 235, 235, 1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(212,
		212, 212, 1)), color-stop(0%, rgba(251, 251, 251, 1)),
		color-stop(100%, rgba(235, 235, 235, 1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(212, 212, 212, 1) 0%,
		rgba(251, 251, 251, 1) 0%, rgba(235, 235, 235, 1) 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(212, 212, 212, 1) 0%,
		rgba(251, 251, 251, 1) 0%, rgba(235, 235, 235, 1) 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(212, 212, 212, 1) 0%,
		rgba(251, 251, 251, 1) 0%, rgba(235, 235, 235, 1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(212, 212, 212, 1) 0%,
		rgba(251, 251, 251, 1) 0%, rgba(235, 235, 235, 1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(       startColorstr='#d4d4d4',
		endColorstr='#ebebeb', GradientType=0); /* IE6-9 */
	border: 1px solid #bfbfbf;
}

.annuler-button:hover {
	font-size: 13px;
	color: #930c0c;
	font-weight: 600;
	text-transform: uppercase;
	padding: 9px;
	border-radius: 3px;
	background: #fff;
	cursor: pointer;
	border: 1px solid #bfbfbf;
}

.icon-title {
	font-size: 28px;
	color: #2c2c2c;
	font-weight: 300;
	line-height: 46px;
	margin-bottom: 27px;
}

.icon-title img {
	vertical-align: middle;
	margin-right: 14px;
}

.noteTextArea {
	width: 100%;
	border: 1px solid #d6d6d6;
	border-radius: 3px;
	margin-bottom: 17px;
	resize: none;
	height: 230px;
	color: #757575;
	font-size: 16px;
	font-family: 'Open Sans';
	padding: 15px;
}

.horizontal-sep {
	border-bottom: 1px solid #e5e5e5;
	margin-top: 15px;
}

.intro-formulaire-avis {
	padding: 19px;
	background: rgb(212, 212, 212); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(212, 212, 212, 1) 0%,
		rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(212,
		212, 212, 1)), color-stop(0%, rgba(255, 255, 255, 1)),
		color-stop(100%, rgba(246, 246, 246, 1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(212, 212, 212, 1) 0%,
		rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(212, 212, 212, 1) 0%,
		rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(212, 212, 212, 1) 0%,
		rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(212, 212, 212, 1) 0%,
		rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(      startColorstr='#d4d4d4',
		endColorstr='#f6f6f6', GradientType=0); /* IE6-9 */
}

.note-intro {
	display: inline-block;
	width: 15%;
	text-align: center;
	padding: 2px;
}

.formulaire-avis {
	border-left: 1px solid #d6d6d6;
	border-right: 1px solid #d6d6d6;
	border-bottom: 1px solid #d6d6d6;
	padding-bottom: 20px;
}

.intro-formulaire-avis {
	border-left: 1px solid #d6d6d6;
	border-right: 1px solid #d6d6d6;
}

.formulaire-avis table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0px;
}

.formulaire-avis th,.formulaire-avis td {
	text-align: center;
	padding: 13px;
	color: #555555;
	font-weight: normal;
}

.formulaire-avis td:first-child {
	text-align: left;
}

.formulaire-avis tr:nth-child(even) {
	
}

.formulaire-avis tbody tr:nth-child(odd) {
	background: rgb(217, 217, 217); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(217, 217, 217, 1) 0%,
		rgba(255, 255, 255, 1) 2%, rgba(248, 248, 248, 1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(217,
		217, 217, 1)), color-stop(2%, rgba(255, 255, 255, 1)),
		color-stop(100%, rgba(248, 248, 248, 1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(217, 217, 217, 1) 0%,
		rgba(255, 255, 255, 1) 2%, rgba(248, 248, 248, 1) 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(217, 217, 217, 1) 0%,
		rgba(255, 255, 255, 1) 2%, rgba(248, 248, 248, 1) 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(217, 217, 217, 1) 0%,
		rgba(255, 255, 255, 1) 2%, rgba(248, 248, 248, 1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(217, 217, 217, 1) 0%,
		rgba(255, 255, 255, 1) 2%, rgba(248, 248, 248, 1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(           startColorstr='#d9d9d9',
		endColorstr='#f8f8f8', GradientType=0); /* IE6-9 */
}

.formulaire-avis thead tr:first-child {
	background: #f7f7f7;
}

.fin-formulaire .labelform {
	padding-top: 40px;
	display: block;
	padding: 23px 13px 13px 13px;
}

.fin-formulaire input[type=text],.fin-formulaire input[type=radio] {
	padding: 6px;
	margin-left: 13px;
	border: 1px solid #d6d6d6;
	border-radius: 3px;
	color: #757575;
}

.inputNote {
	width: 30px;
	vertical-align: middle;
}

.button-container {
	text-align: right;
	width: 100%;
	display: block;
	padding-top: 10px;
}

.fin-formulaire textarea {
	width: 100%;
	resize: none;
	height: 100px;
	border: 1px solid #d6d6d6;
	border-radius: 3px;
	color: #757575;
}

.fin-formulaire {
	width: 100%;
	vertical-align: top;
	padding: 15px 0px 15px 0px;
	color: #555555;
	border-bottom: 1px solid #d6d6d6;
	background: rgb(212, 212, 212);
	/* Old browsers */
	background: -moz-linear-gradient(top, rgba(212, 212, 212, 1) 0%,
		rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(212,
		212, 212, 1)), color-stop(0%, rgba(255, 255, 255, 1)),
		color-stop(100%, rgba(246, 246, 246, 1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(212, 212, 212, 1) 0%,
		rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(212, 212, 212, 1) 0%,
		rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(212, 212, 212, 1) 0%,
		rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(212, 212, 212, 1) 0%,
		rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(      startColorstr='#d4d4d4',
		endColorstr='#f6f6f6', GradientType=0);
}

.input_note {
	width: 50px;
}

.fin-formulaire .col-left {
	display: inline-block;
	width: 49%;
	vertical-align: top;
}

.fin-formulaire .col-right {
	display: inline-block;
	width: 49%;
	vertical-align: top;
}

/** PARRAINAGE **/
.form-parrainage {
	background-color: #f2f2f2;
	border: 1px solid #d6d6d6;
	border-radius: 3px;
	padding: 20px;
	vertical-align: top;
}

.form-parrainage input,.form-parrainage select {
	line-height: 40px;
	height: 40px;
	border: 1px solid #d6d6d6;
	border-radius: 3px;
	color: #757575;
	margin-top: 7px;
	padding-left: 16px;
}

.form-parrainage input[type=text],.form-parrainage select {
	width: 95%;
}

.col-3 {
	width: 33%;
	display: inline-block;
}

.form-parrainage-b {
	vertical-align: top;
}

.form-parrainage-b .font-bold {
	padding-top: 30px;
	vertical-align: top;
	display: block;
}

.form-parrainage-b input,.form-parrainage-b select {
	line-height: 40px;
	height: 40px;
	border: 1px solid #d6d6d6;
	border-radius: 3px;
	color: #757575;
	padding-left: 16px;
}

.form-parrainage-b input[type=text],.form-parrainage-b select {
	width: 93%;
}

.col-3 {
	width: 33%;
	display: inline-block;
}

.col-2 {
	width: 49%;
	display: inline-block;
}
/** BOUTIQUE **/
.points-cadeaux {
	width: 100%;
	border: 1px solid #d6d6d6;
}

.points-cadeaux .titre {
	height: 90px;
	padding-left: 38px;
	font-size: 28px;
	color: #2c2c2c;
	font-weight: 300;
	line-height: 88px;
	border-bottom: 1px solid #d6d6d6;
	position:relative;
}

.points-cadeaux .titre .ribbon {
	background-image: url("/reseau/javax.faces.resource/boutique-ribbon.png.xhtml?ln=images");
background-repeat: no-repeat;
display: block;
height: 236px;
width: 327px;
position: absolute;
top: -66px;
right: -37px;
margin-left: 30px;
}

.points-cadeaux .content {
	background: #f2f2f2;
	padding: 36px;
	font-size: 18px;
	color: #2c2c2c;
}

.info-commande {
	font-size: 14px;
	color: #535353;
	display: block;
	padding-top: 60px;
	padding-bottom: 22px;
}

.display_points_cde {
	display: block;
	width: 315px;
	height: 62px;
	border-radius: 3px;
	border: 1px solid #d8d8d8;
	float: right;
	background-color: #ffffff;
}

.display_points_cde .dpc_text {
	display: block;
	height: 55px;
	line-height: 20px;
	float: left;
	width: 190px;
	padding-left: 10px;
	font-size: 16px;
	color: #c12894;
	padding-top: 10px;
}

.display_points_cde .dpc_points {
	display: block;
	width: 117px;
	height: 60px;
	border-radius: 0px 3px 3px 0px;
	background-color: #931e76;
	color: #ffffff;
	float: right;
	line-height: 62px;
	font-size: 32px;
	font-weight: 600;
	text-align: center;
}

.dpc_text_parr {
	color: #4b4a4b;
}

.label-info-liv {
	font-size: 13px;
	color: #c12894;
}

.info-livraison {
	font-size: 20px;
	color: #4b4a4b;
}

.info-footer {
	font-size: 14px;
	color: #a0a0a0;
	margin-top: 18px;
}

.cgv {
	font-size:16px;
	color:#757575;
	vertical-align:middle;
	
}

/** PARAMETERS **/
.param_label
{
	color:#000000;
	font-size:13px;
	font-weight: 600;
}

.ui-dialog-loading {
	width: auto !important;
	height: auto !important;
	left: 832.5px !important;
	top: 300px !important;
	z-index: 1002 !important;
	position: fixed !important;
}

.titre_signature
{
	text-align:center;
	font-size: 28px;
}

.ax-dialog-overlay {
	position: absolute;
	left: 0px;
	top: 0px;
	width:100%;
	height:100%;
	text-align:center;
	z-index: 1000;
	background-color: #fff;
	-moz-opacity:0.5;
	-khtml-opacity:0.5;
	-ms-filter:"alpha(opacity=50)";
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
	filter:alpha(opacity=50);
	opacity:0.5;
}

.ax-dialog {
	/* Largeur de la bo�te de dialogue : libre */
	width:1110px;
	/* Hauteur de la bo�te de dialogue : libre */
	position: absolute;
	border:1px solid #e5e3e4;
	top:0px;
	left:0px;
	background-color: #fff;
	z-index: 99999;
	overflow-y: scroll;
}

.ax-dialog-password {
	/* Largeur de la bo�te de dialogue : libre */
	width:600px;
	/* Hauteur de la bo�te de dialogue : libre */
	height:240px;
	position: fixed;
	border:1px solid #e5e3e4;
	top:0px;
	left:0px;
	background-color: #fff;
	z-index: 1001;

}

.ui-dialog .ui-dialog-titlebar{
	background: #fff;
	border-bottom: none !important;
}

.ax-dialog-signature {
	/* Largeur de la bo�te de dialogue : libre */
	width:600px;
	/* Hauteur de la bo�te de dialogue : libre */
	height:280px;
	position: fixed;
	border:1px solid #e5e3e4;
	top:0px;
	left:0px;
	background-color: #fff;
	z-index: 1001;

}

.ax-dialog-close {

}

.ax-dialog-content {
	text-align: justify;
}

.stop-scrolling {
  height: 100%;
  overflow: hidden;
}

.message_label{
	list-style:none;
}

input[type=text], input[type=radio] {
	padding: 6px;
	margin-left: 13px;
	border: 1px solid #d6d6d6;
	border-radius: 3px;
	color: #757575;
}

/** FOOTER **/
.error_message
{
color:red;
text-align:center;
list-style:none;
}


/** ---CGV--- */
  .cgv_style
  {	
  	text-align:left;
  	max-width:900px;
  	max-height:500px;
  	overflow-y:scroll;
  	margin:auto;
  }
  
  .cgv_style .override, .cgv_style h3, .cgv_style h4
  {
  	color:#f74998;
  }
.cgv_style h2
  {
border-bottom: 1px solid #555555;
  	border-top: 1px solid #555555;
}
  .cgv_style h2 span
  {
    display:block;
  	color:#555555;
  	font-size:40px;
  	font-family:Tahoma;
  	text-align:center;
  }
  
  .cgv_style h2 span+span
  {
  	
  	color:#f74998;
  	padding-bottom:10px;
  }
  
  .dialogerror
  {
  	position:fixed;
  	top:200px;
  	display:block;
  	background:#fff;
  	width:400px;
  	margin:auto;
  	padding:40px;
  	border:1px solid lightgrey;
  	left:50%;
  	margin-left:-200px;
  	z-index:9999;
  }
  
  .dialogerrorbutton
  {
  	background-color:#931e76;
  	color:#fff;
  	padding:4px 10px 4px 10px;
  	text-align:center;
  	margin:auto;
  	margin-top:30px;
  	cursor:pointer;
  }
  .dialogerrorbutton>a
  {

  	color:#fff;
  	text-decoration:none;
  }
  
/* PAGINATOR */
p.paginator{
	text-align: center;
}
p.paginator input{
	width: 25px;
	background-color: #869bb7;	
	border-width: 1px;
}
p.paginator input.current{
	background-color: rgba(244, 244, 244, 1);	
}
p.paginator input.first, p.paginator input.previous, p.paginator input.next, p.paginator input.last,
p.ajax-paginator input.first, p.ajax-paginator input.previous, p.ajax-paginator input.next, p.ajax-paginator input.last{
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
p.paginator input.first, p.ajax-paginator input.first {
	background-image: url('../resources/images/first.png');
}
p.paginator input.previous, p.ajax-paginator input.previous {
	background-image: url('../resources/images/previous.png');
}
p.paginator input.next, p.ajax-paginator input.next {
	background-image: url('../resources/images/next.png');
}
p.paginator input.last, p.ajax-paginator input.last {
	background-image: url('../resources/images/last.png');
}
p.paginator input.next, p.ajax-paginator input.next,
p.paginator input.last, p.ajax-paginator input.last{
	float: right;
}
p.paginator input.previous, p.ajax-paginator input.previous,
p.paginator input.first, p.ajax-paginator input.first{
	float: left;
}

/** Version tablette **/ 
@media (min-width: 501px) and (max-width: 1100px) {
	.not-visible-tablet {
		display: none;
	}
}

/** Version mobile **/
@media(max-width: 500px) {
	#menu ul a {
		width:100%;
	}
	
	#menu ul li {
		width:100%;
	}
	
	#menu ul li.active {
		width:100%;
	}
	
	#menu ul li:hover {
		width:100%;
	}
	
	.not-visible-tablet {
		display: none;
	}
	
	.not-visible-mobile {
		display: none;
	}
}