* { margin: 0; padding: 0; }
a img { border: none; }

.clear { clear: both; }

.NoMargeBottom { margin-bottom: 0px; }

.NoPadding { padding: 0 !important; }

.left { float: left; }

.right { float: right; }

body { background: #FFF; font-family: sans-serif; font-size: 0.75em;}

#headerTop { background:#5c5c5c; width: 100%; height: 35px; }
#mainContent { width: 985px; margin: 0 auto; }
#header { height: 80px; width: 100%; }
#header .logoSFR {float: left;}
#header .logoEvelop { float: left; }

#headerTop { background:#5c5c5c; width: 100%; height: 35px; }
#MainheaderTop { width: 985px; margin: 0 auto; color: #b6b6b6; padding-top: 10px; }
#MainheaderTop a { color: #FFF; font-weight: bold; text-decoration: none; }
#MainheaderTop a:hover { text-decoration: underline; }


/*----------------------------------
------------ NAVIGATION ----------*/

#navigation { position:relative; z-index:2; clear:both; }

#navigation div.FiveItems ul li {
    width: 20%;
}

#navigation div.SixItems ul li {
    width: 16.6%;
}

#navigation div.SevenItems ul li {
    width: 14.25%;
}

#navigation .content { position:relative; }

#navigation .content:before, #navigation .content:after {
 content:"";
 position:absolute;
 z-index:-2
}
#navigation .content:before {
 border-radius:100px 100px 100px 100px / 10px 10px 10px 10px;
 -webkit-box-shadow:0 0 10px rgba(0,0,0,0.5);
 -moz-box-shadow:0 0 10px rgba(0,0,0,0.5);
 -o-box-shadow:0 0 10px rgba(0,0,0,0.5);
 box-shadow:0 0 10px rgba(0,0,0,0.5);
 bottom:2px;
 left:20px;
 right:20px;
 top:50%;
}
#navigation ul {
 margin:0;
 padding:0;
 overflow:hidden;
}
#navigation ul li {
 float:left;
 list-style-type:none;
 list-style-position:inside;
 width:25%;
}
#navigation ul li a {
 display:block;
 border-bottom:4px solid #b6b6b6;
 font-family: Arial;
 font-weight:900;
 text-decoration:none;
 text-align:center;
 background:#f3f3f3;
 position:relative;
 font-size:12px;
 text-transform:uppercase;
 color:#4c4c4c;
 cursor:pointer;
}

#navigation ul li a.disable{
 color:#ddd;
}
#navigation ul li.current a, #navigation ul li.active a {
 background:#7AB61E;
 border-bottom-color:#314A0B;
 color:#fff;
}
#navigation ul li:first-child a:after, #navigation ul li.last a:after {
 content:"";
 display:block;
 position:absolute;
 bottom:-4px;
 width:0;
 height:0;
 border-width:2px 3px;
 border-style:solid;
 border-color:transparent transparent #fff;
}
#navigation ul li:first-child a:after {
 border-left-color:#fff;
 left:0;
}
#navigation ul li.last a:after {
 border-right-color:#fff;
 right:0;
}
#navigation.opened ul li:first-child a:after, #navigation.opened ul li.last a:after {
 border-bottom-color:#e5e5e5;
}
#navigation.opened ul li:first-child a:after {
 border-left-color:#e5e5e5;
}
#navigation.opened ul li.last a:after {
 border-right-color:#e5e5e5;
}
#navigation ul li a>span {
 height:44px;
 display:block;
 border-left:1px solid #d7d7d7;
}
#navigation ul li:first-child a>span {
 border-left:none;
}
#navigation ul li a>span>span {
 vertical-align:middle;
}

#navigation ul li a>span>span:after, #navigation ul li a>span>span .after {
 content:"";
 width:0;
 height:100%;
 display:inline-block;
 vertical-align:middle;
}


#slide { width:100%; margin: 7px 0 0 0; position:relative;height:260px;}
#slide #slide-image {position:absolute;z-index:1;}
#slide #slide-cadre {width:605px;height:130px;background-color:#7ab61e;z-index:2;position:absolute;opacity:0.8;}
#slide #slide-line1 {color:White;z-index:3;position:absolute;font-size:60px;font-weight:bolder;left:20px;}
#slide #slide-line2 {color:White;z-index:3;position:absolute;font-size:30px;left:20px;top:85px;}
#slide #slide-line3 {color:White;z-index:3;position:absolute;font-size:45px;left:20px;top:115px;}
#slide #slide-border {width:568px;height:2px;background-color:White;z-index:3;position:absolute;top:80px;left:20px;}

/*HOME*/


#FirstHome {margin: 0 10px 0 0; }
#SecondHome {margin: 0 10px 0 0; }
#ThirdHome {padding: 0 0 0 15px; }

#contentHome h1 {
	font-size: 17px;
	font-family: Arial;
	font-weight:300;
	color: #000;
	margin: 20px 10px 10px 10px;
  }

#contentHome h1 span.Coul { color: #7AB61E; }

#contentHome hr { height: 3px; border: none; background-color: #7AB61E;  }

#FirstHome ul { display: block; margin: 0; padding:0; }

#FirstHome ul li { display: block; margin: 0; padding:10px 0 0 82px; height: 59px; font-family: Arial; font-weight:300; }

#FirstHome ul li.Item01 { background-image: url('images/picto_home_grey.png'); background-position: 0px 0px; background-repeat: no-repeat; }

#FirstHome ul li.Item02 { background-image: url('images/picto_home_grey.png'); background-position: 0px -69px; background-repeat: no-repeat; }

#FirstHome ul li.Item03 { background-image: url('images/picto_home_grey.png'); background-position: 0px -138px; background-repeat: no-repeat; }

#FirstHome ul li.Item04 { background-image: url('images/picto_home_grey.png'); background-position: 0px -207px; background-repeat: no-repeat; }

#FirstHome ul li.Item05 { background-image: url('images/picto_home_grey.png'); background-position: 0px -276px; background-repeat: no-repeat; }

#FirstHome ul li.Item06 { background-image: url('images/picto_home_grey.png'); background-position: 0px -336px; background-repeat: no-repeat; }

#FirstHome ul li span { font-size: 15px; color: #7AB61E; font-weight: normal; }

#newProduct
{
    background-color: #7ab61e;
    color: White;
    font-size: 15px;
    text-align: center;
    height: 50px;
    width: 100%;
    padding-top: 10px;
    z-index:1050;
}
#newProduct a
{
    color: White;
}
#newProduct div
{
    display:inline-table;
}
#newProduct img
{
    margin-left: 50px;
    position:absolute;
    top:40px;
    
}
/*#newProductCross
{
    cursor: pointer;
    fill: var(--newtab-icon-primary-color);
    inset-inline-end: 15px;
    padding: 25px;
    position: fixed;
    top: 15px;
    z-index: 1000;

    background-position: center center;
    -moz-context-properties: fill;
    display: inline-block;
    fill: var(--newtab-icon-primary-color);
    height: 50px;
    vertical-align: middle;
    width: 50px;
}*/

#rgpd
{
    background-color: #7ab61e;
    color: White;
    font-size: 15px;
    text-align: center;
    height: 50px;
    width: 100%;
    padding-top: 10px; 
    position:fixed;
    bottom:0;
    right:0;
    z-index:1050;
}
#rgpd a
{
    color: White;
    margin-left:50px;
}
#rgpd div
{
    display:inline-table;
}



/*-------------------------------------
---- CONNEXION ESPACE CLIENT HOME ----*/

.blockFormEspaceClient h2 {
 color:#006a4d;
 font-weight:bold;
 font-size:22px
}
a.linkFirmSolutions {
 width:100%;
 height:100%;
 position:relative;
 float:left;
 border-left:1px dotted #e5e5e5;
 text-align:center;
 text-decoration:none;
 padding-top:25px;
 border-bottom:10px solid transparent
}
a.linkFirmSolutions:hover {
 background:url(images/ic-solutions-firms-hover.png) no-repeat center bottom;
 border-bottom:10px solid #7AB61E
}
a.linkFirmSolutions img.icFirmSolutions {
 position:relative
}
a.linkFirmSolutions span.titleFirmSolutions {
 position:relative;
 font-family: Arial;
 font-weight:normal;
 font-size:16px;
 color:#000;
 display:block;
 padding:15px 0 0 0;
 text-transform:uppercase
}
a.linkFirmSolutions span.textFirmSolutions {
 position:relative;
 font-family:Arial;
 font-size:12px;
 color:#878787;
 padding:15px 30px 40px 30px;
 display:block
}
.blockFormEspaceClient {
 background:#e5e5e5;
 border-top: 3px solid #7ab61e;
 border-bottom: 4px solid #7ab61e;
 padding:14px 10px 15px 14px;
 font-size:12px
}
.blockbodyHeader .blockFormEspaceClient {
 height:263px;
 margin:0
}
.blockFormEspaceClient h2 {
 margin:0;
 color:#7AB61E;
 text-transform:uppercase;
 font-size:14px
}
.blockFormEspaceClient .photo {
 text-align:center
}
.blockFormEspaceClient .hello {
 font-size:14px;
 font-weight:bold;
 text-transform:uppercase;
 margin:10px 0 7px 0
}
.blockFormEspaceClient .hello .nom {
 color:#006a4d
}
.blockFormEspaceClient p {
 margin:7px 0
}
.blockFormEspaceClient p.chapo {
 color:#545454;
 font-family:Arial;
 letter-spacing:-0.4px
}
.isIE7 .blockFormEspaceClient p.chapo {
 letter-spacing:-1px
}
.blockFormEspaceClient p.error {
 color:#7AB61E;
 font-style:italic;
 min-height:15px
}
.blockFormEspaceClient input[type=text] {
 height:34px;
 line-height:34px;
 border:0;
 width:245px;
 padding:0 10px;
 color:#333
}
.blockFormEspaceClient input[type=password] {
 height:34px;
 line-height:34px;
 border:0;
 width:245px;
 padding:0 10px;
 color:#333
}
.blockFormEspaceClient .linkContainer {
 margin:18px 0 25px 0;
 padding:0;
 list-style-type:none
}
.blockFormEspaceClient .linkContainer li {
 margin:2px 0 0 0;
 font-size:11px
}
.blockFormEspaceClient .linkContainer li:first-child {
 margin:0
}
.blockFormEspaceClient .linkContainer .deconnexion {
 margin:9px 7px 0 0;
 text-align:right
}
.blockFormEspaceClient .linkContainer .deconnexion a {
 color:#006a4d
}
.blockFormEspaceClient .buttonContainer {
 text-align:center
}

a.button {
    background: none repeat scroll 0 center transparent;
    border: 0 none;
    line-height: 1.231;
    padding: 0;
    text-align: left;
}

.button {
    box-shadow: 5px 6px 9px -2px rgba(0, 0, 0, 0.5);
    display: inline-block;
    position: relative;
    text-decoration: none;
}

.button.smallButton .wrapper {
    margin: 0 4px 4px 0;
    padding: 5px 5px 5px 6px;
}
.buttonRed .wrapper {
    background: none repeat scroll 0 0 #7AB61E;
    border-bottom: 1px solid #314A0B;
    border-right: 1px solid #314A0B;
}
.button .wrapper {
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    margin: 0 4px 4px 0;
    padding: 7px 7px 7px 11px;
    position: relative;
    z-index: 1;
}

.button.smallButton .intitule {
    font-family: Arial;
    font-size: 12px;
    text-shadow: none;
    text-transform: capitalize;
}

.button.smallButton .wrapper {
    margin: 0 4px 4px 0;
    padding: 5px 5px 5px 6px;
}

.buttonRed .wrapper {
    background: none repeat scroll 0 0 #7AB61E;
    border-bottom: 1px solid #314A0B;
    border-right: 1px solid #314A0B;
}

.button .wrapper {
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    margin: 0 4px 4px 0;
    padding: 7px 7px 7px 11px;
    position: relative;
    z-index: 1;
}

/*BOUTON*/
a.button {
 padding:0;
 border:0;
 line-height:1.231;
 text-align:left;
 background:0
}
.button {
 display:inline-block;
 position:relative;
 text-decoration:none;
 -webkit-box-shadow:5px 6px 9px -2px rgba(0,0,0,0.5);
 -moz-box-shadow:5px 6px 9px -2px rgba(0,0,0,0.5);
 -o-box-shadow:5px 6px 9px -2px rgba(0,0,0,0.5);
 box-shadow:5px 6px 9px -2px rgba(0,0,0,0.5)
}
.isIE7 {
 display:inline;
 zoom:1
}
.button .wrapper {
 display:inline-block;
 padding:7px 7px 7px 11px;
 cursor:pointer;
 font-size:13px;
 margin:0 4px 4px 0;
 position:relative;
 z-index:1
}
.isIE7 .button .wrapper {
 display:inline;
 zoom:1
}
.isIE7 button.button .wrapper {
 margin:0 4px 0 0;
 white-space:nowrap
}
.button .deepEffect {
 bottom:0;
 display:block;
 left:4px;
 position:absolute;
 right:0;
 top:4px
}
.button .deepEffect:before {
 left:-4px;
 border-style:solid;
 border-width:2px 2px;
 bottom:0;
 content:"";
 display:block;
 height:0;
 position:absolute;
 width:0
}
.button .deepEffect:after {
 border-style:solid;
 border-width:2px;
 content:"";
 display:block;
 height:0;
 position:absolute;
 right:0;
 top:-4px;
 width:0
}
.button .pastille {
 width:24px;
 height:24px;
 display:inline-block;
 text-align:center;
 margin:0 6px 0 0;
 vertical-align:middle
}
.isIE7 .button .pastille {
 display:inline;
 zoom:1
}
.button .intitule {
 color:#fff;
 display:inline-block;
 font-family: Arial;
 font-weight:900;
 text-transform:uppercase;
 vertical-align:middle;
 -webkit-text-shadow:1px -1px 0 rgba(0,0,0,0.3);
 -moz-text-shadow:1px -1px 0 rgba(0,0,0,0.3);
 -o-text-shadow:1px -1px 0 rgba(0,0,0,0.3);
 text-shadow:1px -1px 0 rgba(0,0,0,0.3)
}
.isIE7 .button .intitule {
 display:inline;
 zoom:1
}
.buttonRed .wrapper {
 background:#7AB61E;
 border-right:1px solid #314A0B;
 border-bottom:1px solid #314A0B
}
.buttonRed .deepEffect {
 background:#314A0B
}
.buttonRed .deepEffect:before {
 border-color:#314A0B #314A0B transparent transparent
}
.buttonRed .deepEffect:after {
 border-color:transparent transparent #314A0B #314A0B
}
.buttonRed.buttonSup .pastille {
 background:url("images/pastilleBtn.png") 0 0 no-repeat
}
.buttonRed.buttonPlus .pastille {
 background:url("images/pastilleBtn.png") -24px 0 no-repeat
}
.buttonRed.buttonDown .pastille {
 background:url("images/pastilleBtnDown.png") 0 0 no-repeat
}
.buttonGrey .wrapper {
 background:#ababab;
 border-right:1px solid #7c7c7c;
 border-bottom:1px solid #7c7c7c
}
.buttonGrey .deepEffect {
 background:#626262
}
.buttonGrey .deepEffect:before {
 border-color:#626262 #626262 transparent transparent
}
.buttonGrey .deepEffect:after {
 border-color:transparent transparent #626262 #626262
}
.buttonGrey.buttonSup .pastille {
 background:url("images/pastilleBtn.png") 0 -24px no-repeat
}
.buttonGrey.buttonPlus .pastille {
 background:url("images/pastilleBtn.png") -24px -24px no-repeat
}

/*.button.disabled, .button[disabled="disabled"], .button[disabled] {
 cursor:default;
 -webkit-box-shadow:3px 3px 4px -2px #aaa;
 -moz-box-shadow:3px 3px 4px -2px #aaa;
 -o-box-shadow:3px 3px 4px -2px #aaa;
 box-shadow:3px 3px 4px -2px #aaa
}
.button.disabled .wrapper, .button[disabled="disabled"] .wrapper, .button[disabled] .wrapper {
 cursor:default;
 background:#ddd;
 border-right:1px solid #b8b8b8;
 border-bottom:1px solid #b8b8b8;
 margin:0 2px 2px 0
}
.isIE7 .button[disabled] .wrapper {
 margin:0 2px -2px 0
}
.button.disabled .wrapper .intitule, .button[disabled="disabled"] .wrapper .intitule, .button[disabled] .wrapper .intitule {
 color:#fafafa
}
.button.disabled .intitule, .button[disabled="disabled"] .intitule, .button[disabled] .intitule {
 -webkit-text-shadow:none;
 -moz-text-shadow:none;
 -o-text-shadow:none;
 text-shadow:none
}
.button.disabled .deepEffect, .button[disabled="disabled"] .deepEffect, .button[disabled] .deepEffect {
 background:#a1a1a1;
 left:2px;
 top:2px
}
.button.disabled .deepEffect:before, .button[disabled="disabled"] .deepEffect:before, .button[disabled] .deepEffect:before {
 border-color:#a1a1a1 #a1a1a1 transparent transparent;
 left:-2px;
 border-width:1px 1px
}
.button.disabled .deepEffect:after, .button[disabled="disabled"] .deepEffect:after, .button[disabled] .deepEffect:after {
 border-color:transparent transparent #a1a1a1 #a1a1a1;
 border-width:1px;
 top:-2px
}
.button.buttonSup.disabled .pastille, .button[disabled="disabled"].buttonSup .pastille, .button[disabled].buttonSup .pastille {
 background:url("images/pastilleBtn.png") 0 -48px no-repeat
}
.button.buttonPlus.disabled .pastille, .button[disabled="disabled"].buttonPlus .pastille, .button[disabled].buttonPlus .pastille {
 background:url("images/pastilleBtn.png") -24px -48px no-repeat
}*/
.button.smallButton .wrapper {
 margin:0 4px 4px 0;
 padding:5px 5px 5px 6px
}
.isIE7 button.button.smallButton .wrapper {
 margin:0 3px 3px 0
}
.isIE7 button[disabled].button.smallButton .wrapper {
 margin:0 2px 2px 0
}
.button.smallButton .intitule {
 text-transform:capitalize;
 font-family:Arial;
 font-size:12px;
 -webkit-text-shadow:none;
 -moz-text-shadow:none;
 -o-text-shadow:none;
 text-shadow:none
}
.button.smallButton .deepEffect {
 left:4px;
 top:4px
}
.isIE7 button.button.smallButton .deepEffect {
 bottom:4px
}
.isIE7 button[disabled].button.smallButton .deepEffect {
 bottom:4px
}
.button.smallButton .deepEffect:before {
 left:-4px
}
.button.smallButton .deepEffect:after {
 top:-4px
}
.button.smallButton .pastille {
 height:16px;
 width:16px;
 margin:0
}
.buttonRed.buttonPlus.smallButton .pastille {
 background:url("images/pastilleBtn.png") no-repeat scroll -48px -3px transparent
}
.buttonRed.buttonSup.smallButton .pastille {
 background:url("images/pastilleBtn.png") no-repeat scroll -64px -3px transparent
}
.buttonGrey.buttonSup.smallButton .pastille {
 background:url("images/pastilleBtn.png") no-repeat scroll -48px -27px transparent
}
.buttonGrey.buttonPlus.smallButton .pastille {
 background:url("images/pastilleBtn.png") no-repeat scroll -64px -27px transparent
}
/*
.button.disabled.smallButton .deepEffect, .button[disabled="disabled"].smallButton .deepEffect, .button[disabled].smallButton .deepEffect {
 left:2px;
 top:2px
}
.button.disabled.smallButton .deepEffect:before, .button[disabled="disabled"].smallButton .deepEffect:before, .button[disabled].smallButton .deepEffect:before {
 left:-2px
}
.button.disabled.smallButton .deepEffect:after, .button[disabled="disabled"].smallButton .deepEffect:after, .button[disabled].smallButton .deepEffect:after {
 top:-2px
}
.button.disabled .wrapper, .button[disabled="disabled"] .wrapper, .button[disabled] .wrapper {
 margin:0 2px 2px 0
}
.button.buttonSup.disabled.smallButton .pastille, .button[disabled="disabled"].buttonSup.smallButton .pastille, .button[disabled].buttonSup.smallButton .pastille {
 background:url("images/pastilleBtn.png") -48px -52px no-repeat
}
.button.buttonPlus.disabled.smallButton .pastille, .button[disabled="disabled"].buttonPlus.smallButton .pastille .button[disabled].buttonPlus.smallButton .pastille {
 background:url("images/pastilleBtn.png") -64px -52px no-repeat
}
*/
/* NOUVEAU BOUTON EN INPUT/IMAGE */
input[type="button"].Envoyer {
    width: 128px; height: 43px;
    background-image:url('images/bg_input_envoyer.jpg');
    background-repeat: no-repeat;
}


/*FIN BOUTON*/

/*--FIN CONNEXION ESPACE CLIENT HOME ----*/

/*FIN HOME*/

/* DECOUVRIR E-VELOP*/

#Content { }

#ContainerEtapes { margin: 25px 0; }

#ContainerEtapes a.left {
	display: block;
	height:122px; width: 219px; 
	background-image: url(images/bg_decouvrir_evelop_etapes.png); 
	background-repeat: no-repeat; 
	padding: 57px 0 0 27px;
	text-decoration: none;
}

#ContainerEtapes a.First { 
	background-image: url(images/bg_decouvrir_evelop_etapes_first.png); 
	background-repeat: no-repeat;
}

#ContainerEtapes a.left h2 {
	font-family: Arial;
	color: #000;
	font-size: 17px;
	font-weight: 300;
}

#ContainerEtapes a.left h2 span {
	font-weight: normal;
	color: #7AB61E;
	font-size: 16px;
}

.ContainerEtape { padding: 0px 0px 10px 30px; }


h1.TitreEtapes { 
	background-image: url(images/bg_titre_etapes.png); background-repeat: no-repeat;
	font-family: Arial;
	color: #7AB61E;
	padding: 45px 0 0 64px;
	font-weight: 300;
	font-size: 15px;
}



.ContainerEtape_subtitle
{
    font-family: Arial;
    color: #7AB61E;
    font-weight: 300;
	font-size: 15px;
	width:700px;
	margin-bottom:10px;
	margin-top:10px;
}

#ContainerFirstEtapes {  }

#ContainerFirstEtapes ul { display: block; margin: 0; padding:0;  }

#ContainerFirstEtapes ul li { display: block; margin: 0; padding:10px 0 0 82px; height: 59px; font-family: Arial; font-weight:300; }

#ContainerFirstEtapes ul li.Item01 { background-image: url('images/picto_home_grey.png'); background-position: 0px 0px; background-repeat: no-repeat; }

#ContainerFirstEtapes ul li.Item02 { background-image: url('images/picto_home_grey.png'); background-position: 0px -69px; background-repeat: no-repeat; }

#ContainerFirstEtapes ul li.Item03 { background-image: url('images/picto_home_grey.png'); background-position: 0px -138px; background-repeat: no-repeat; }

#ContainerFirstEtapes ul li.Item04 { background-image: url('images/picto_home_grey.png'); background-position: 0px -207px; background-repeat: no-repeat; }

#ContainerFirstEtapes ul li.Item05 { background-image: url('images/picto_home_grey.png'); background-position: 0px -276px; background-repeat: no-repeat; }

#ContainerFirstEtapes ul li.Item06  { background-image: url('images/picto_home_grey.png'); background-position: 0px -336px; background-repeat: no-repeat; }

#ContainerFirstEtapes ul li.Item07  { background-image: url('images/eidas.png'); background-position: 22px 0px; background-repeat: no-repeat; }

#ContainerFirstEtapes ul li span { font-size: 15px; color: #7AB61E; font-weight: normal; }

#ContainerFirstEtapes h1 { font-size: 17px; font-weight: normal; }
#ContainerFirstEtapes h1.ContainerEtape_subtitle { font-size: 14px; }
#ContainerFirstEtapes h2 { font-size: 14px; font-weight: 300; }
#ContainerFirstEtapes p { margin: 10px 0; }

#SubContainerFirstEtapes { width: 730px; }
#SubContainerFirstEtapes ul li { display: block; margin: 0; padding:0 0 0 30px; height: 20px; font-family: Arial; font-weight:300;}


#ContainerSecondEtapes { }
#ContainerSecondEtapes h1 { font-size: 17px; font-weight: normal; }
#ContainerSecondEtapes h1.ContainerEtape_subtitle { font-size: 14px; margin-bottom:5px;}
#SecondEtapesColUn { margin: 0 0 0 50px; width:500px;}
#SecondEtapesColDeux { margin: 0 0 0 50px;}


#ContainerSecondEtapes ul { margin: 5px 0 0 0; padding: 0 0 0 15px; list-style-type: none;   }
#ContainerSecondEtapes ul li { display: block; margin: 0 0 10px 0; padding:10px 0 0 82px; font-family: Arial; font-weight:300; }
#ContainerSecondEtapes .schema { 
    width: 100%; 
    margin: 0 0 0 40px;
}

#SubContainerSecondEtapes { width: 730px; font-family:Arial;}
#SubContainerSecondEtapes ul li { display: block; margin: 0 0 25px 0; padding:0 0 0 30px; font-family:Arial; font-weight:300;}


#ContainerThirdEtapes {  }
#ContainerThirdEtapes h1 { font-size: 17px; font-weight: normal; }
#ContainerThirdEtapes h1.ContainerEtape_subtitle { font-size: 14px; }
#ContainerThirdEtapes .left { width: 552px; height: auto; margin: 0 0 0 50px;}
#ContainerThirdEtapes .right { height: auto; }

#ContainerThirdEtapes #FormThirdEtapes .left {
    width: 500px;
    height: auto;
    padding: 25px;
    margin: 10px 0 0 0;
    background-color: #f0f0f0;
}

#ContainerThirdEtapes #FormThirdEtapes .left .editor-field2 {
    width: 300px;
    height: 25px;
}

#ContainerThirdEtapes #FormThirdEtapes .left input[type=text] {
    width: 300px;
    height: 25px;
}

#ContainerThirdEtapes #FormThirdEtapes .right {
    width: 250px;
    height: 300px;
    padding: 25px;
    background-color: #f0f0f0;
}

#ContainerThirdEtapes #FormThirdEtapes .right .editor-label2 {
    float: none;
    width: 250px;
}

#ContainerThirdEtapes #FormThirdEtapes .right .editor-field2 {
    float: none;
    width: 250px;
}

#ContainerThirdEtapes #FormThirdEtapes .right hr {
    height: 1px;
    border: none;
    background-color: #cacaca;
    margin: 15px 0;
    width: 100%; 
}

#ContainerThirdEtapes #FormThirdEtapes .right select {
    width: 100%;
}

#ContainerThirdEtapes #FormThirdEtapes .right textarea {
    width: 95%;
    height: 100px;
}

#ContainerInputThirdEtapes { width: 200px; margin: 25px auto; }
#ContainerInputThirdEtapes .left { background: none; width: auto; height: auto; padding: 0; margin: 0; }
#ContainerInputThirdEtapes .right { background: none; width: auto; height: auto; padding: 0; margin: 0; }

.logo_company
{
    border:1px solid #AAA; 
    width:135; 
    height:135px;
    line-height:135px;
}
.logo_company img
{
    max-height: 135px;
    max-width: 135px;
    vertical-align: middle;
}


.LRELettre { display: block; margin: 0; padding:30px 30px 30px 30px; font-family:Arial; font-weight:300;font-size: 9pt;}



/* FIN DECOUVRIR E-VELOP*/


/* LIRE EVELOP */
#LireEvelop { padding: 20px; }
#LireEvelop .left h2 { font-family:sans-serif; font-weight: normal; }
#LireEvelop .left h1 { font-family:sans-serif; font-weight: normal; color: #58585a;  } 
#LireEvelop .right { width:230px; }
#LireEvelop .left ul { margin: 10px 0; padding: 0; list-style-type: none; }
#LireEvelop .schema { 
    width: 100%;
    margin: 50px 0;
}

.ColAide { 
    background-image: url(images/bg_col_aide.png);
    background-repeat: no-repeat;
    width: 210px; height: 140px;
    margin: 0 auto;
    padding: 189px 10px 0 10px;
    text-align: center;
}


.ColAide p {
    font-family:sans-serif;
    font-weight: 300;
    margin: 12px 0;
    font-size: 14px ;
 }





/*COMPTE CONNEXION*/
#ContainerCompte div.left { width: 165px; height:80px; padding: 250px 0 0 75px; }
#ContainerCompte #CompteEnvoyer { background-image: url(images/bg_compte_envoyer.png); background-repeat: no-repeat; }
#ContainerCompte #CompteSuivre { background-image: url(images/bg_compte_suivre.png); background-repeat: no-repeat; }
#ContainerCompte #CompteMonCompte { background-image: url(images/bg_compte_compte.png); background-repeat: no-repeat; }




/* GESTION DU COMPTE */

.ContentAccountTitle { margin: 10px 0 25px 0; }

.account-manage-btn { 
    margin-left: 80px;
    margin-top:20px;
}

/* ACCOUNT UPDATE */

fieldset { 
    border: none !important;

}

fieldset {
}

legend {
    color:#7AB61E;
    font-family:sans-serif;
    font-size:20px;
    font-weight:normal;
}

.editor-field2 {
    float:left;
    /*width:300px;*/
}

.editor-label2 {
    font-family:sans-serif;
    color:#525353;
    float:left;
    font-size:12px;
    font-weight:300;
    width:175px
}
.editor-label3 {
    font-family:sans-serif;
    color:#525353;
    float:left;
    font-size:12px;
    font-weight:300;
    width:300px
}

/*
.editor-field2 input {
    border:solid 1px #CCC;
    background-color:#fff;
}
*/

/* account-changepassword */

#account-update-main .left, #account-changepassword-main .left
{
    margin-right:50px;
}

#account-update-main #Login,#account-update-main #Password
{
     width:200px;
}

#account-changepassword-main input
{
    width:170px;
}

#account-changepassword-main .field-validation-error
{
     width:170px;
     display:block;
}

/*------------------------------------- 
------------ FOOTER ---------------*/
footer 
{
    margin-top:30px;
}

#footerTop {
 height:188px;
 border-top:11px solid #a4a4a4;
 background:url(images/footerTopBg.png);
 margin:40px 0 40px 0;
 position:relative
}
#footerTop:before, #footerTop:after {
 width:62px;
 height:188px;
 position:absolute;
 display:block;
 content:" ";
 top:0;
}
#footerTop:before {
 background:url(images/footerTopLeftBg.png) no-repeat;
 left:0
}
#footerTop:after {
 background:url(images/footerTopRightBg.png) no-repeat;
 right:0
}
#footerTop .content {
 margin:40px auto 0 auto;
 position:relative;
 text-align:left
}
#footerTop .content .wrapper {
 margin:0 -20px
}
#footerTop .blockFooter {
 display:inline-block;
*display:inline;
 zoom:1;
 margin:0 -4px 0 0;
 padding:0 20px;
 border-left:1px dotted #757575;
 vertical-align:top;
 height:107px
}
#footerTop .blockFooter:first-child {
 border:0
}
#footerTop .blockFooter .titre {
 color:#393939;
 font-family: Arial;
 font-size:18px;
 font-weight:bold;
 line-height:18px;
 margin:0 0 10px;
 padding:0;
 text-transform:uppercase;
 display:block
}
#footerTop .blockQuestion a {
 position:relative;
 display:block;
 text-transform:uppercase;
 font-size:10px;
 width:224px;
 height:107px;
 text-decoration:none;
 color:#fff
}

#footerTop .blockQuestion a span {
 background:url(images/fond_btn_forum.png) no-repeat;
 display:block;
 position:absolute;
 top:70px;
 left:87px;
 width:113px;
 height:25px;
 line-height:25px;
 padding:0 0 0 18px;
 letter-spacing:-1px;
 cursor:pointer;
}
.isWK #footerTop .blockQuestion a span, .isIE-LT9 #footerTop .blockQuestion a span {
 letter-spacing:-1px;
}
#footerTop .blockContact { width:290px; }

#footerTop .blockContact .question { 
	display: block;
	height: 60px;
	padding: 0 0 15px 97px;
	background-image: url(images/picto_question_footer.png);
	background-repeat: no-repeat;
 }
html.js body footer div#footerTop.fullWithCenteredContent div.content div.wrapper div.blockFooter a
{
    text-decoration:none;
    color:Black;
}
html.js body footer div#footerTop.fullWithCenteredContent div.content div.wrapper div.blockFooter a:visited
{
    text-decoration:none;
    color:Black;
}
.blockFooter a span.question h2
{
     text-decoration:none;
     color: #DE122A;
}
#footerTop .blockSocial {
 width:126px;
}
#footerTop .blockSocial ul {
 margin:35px 0 0 0;
 padding:0;
 list-style-type:none;
}
#footerTop .blockSocial ul li {
 display:inline-block;
 margin:0 -2px 0 0;
}
.isIE7 #footerTop .blockSocial ul li {
 display:inline;
 zoom:1;
 margin:0 0 0 2px;
}
.isIE7 #footerTop .blockSocial ul li:first-child {
 margin:0
}
#footerTop .blockSocial ul a {
 display:block;
 width:30px;
 height:31px;
}
#footerTop .blockSocial ul a span {
 display:none
}
#footerTop .blockSocial ul li.viadeo a {
 background:url(images/social_picto.png) no-repeat 0 0;
}
#footerTop .blockSocial ul li.linkdin a {
 background:url(images/social_picto.png) no-repeat -30px 0;
}
#footerTop .blockSocial ul li.twitter a {
 background:url(images/social_picto.png) no-repeat -60px 0;
}
#footerTop .blockSocial ul li.facebook a {
 background:url(images/social_picto.png) no-repeat -90px 0;
}
#footerTop .blockNewsletter {
 width:212px;
}
#footerTop .blockNewsletter p {
 color:#5f5f5f;
 font-size:11px;
}
#footerTop .blockNewsletter form {
 background:none repeat scroll 0 0 #fff;
 height:30px;
 margin:7px 0 0;
 width:210px;
 border:1px solid #ddd;
 -webkit-box-shadow:1px 1px 2px 0 #ccc inset;
 -moz-box-shadow:1px 1px 2px 0 #ccc inset;
 -o-box-shadow:1px 1px 2px 0 #ccc inset;
 box-shadow:1px 1px 2px 0 #ccc inset;
}
#footerTop .blockNewsletter form input {
 border:0;
 margin:4px 0 0 2px;
 padding:0;
 height:20px;
 line-height:20px;
 width:164px;
 color:#5c5c5c;
 border-right:1px solid #333;
 float:left;
}
#footerTop .blockNewsletter form button {
 border:0;
 margin:0;
 padding:0;
 width:43px;
 height:27px;
 float:right;
 color:#333;
 text-transform:uppercase;
 background:#fff;
 font-size:16px;
 margin:3px 0 0;
}
#footerMiddle .line {
 margin:0;
 padding:0;
 list-style-type:none;
 margin:0 -20px;
}

#footerMiddle .line .wrapper {
 padding:0 20px;
}
#footerMiddle .line>li {
 border-left:1px dotted #999;
}
#footerMiddle .line>li:first-child {
 border:0
}
#footerMiddle .titre {
 font-size:12px;
 font-weight:bold;
 text-transform:uppercase;
 height:30px;
}
#footerMiddle .line .wrapper ul {
 margin:20px 0 0 0;
 padding:0;
 list-style-type:none;
}
#footerMiddle .line .wrapper li {
 margin:0 0 6px 0
}
#footerMiddle .line .wrapper a {
 font-size:11px;
 color:#333;
 text-decoration:none;
 display:block;
 line-height:1;
}
#footerMiddle .line .wrapper a:hover {
 text-decoration:underline;
}
.linkFooter {
 overflow:hidden;
 text-align:center;
 margin-top:30px;
}
.linkFooter ul {
 padding:0;
 margin:0;
 overflow:hidden;
 display:inline-block
}
.linkFooter li {
 list-style:none;
 display:inline
}
.linkFooter li a {
 color:#333;
 font-weight:bold;
 text-decoration:none;
 font-size:12px;
 margin:0 10px 0 5px
}
.linkFooter li a:hover {
 text-decoration:underline
}
#footerBottom {
 font-size:11px;
 text-align:center;
 margin:30px 0 75px 0;
 color:#666
}
#footerBottom a {
 font-size:11px;
 color:#666;
 text-decoration:none
}

.linkFooter .content, .fullWithCenteredContent .content {
    margin: 0 auto;
    padding-left: 10px;
    padding-right: 10px;
    width: 980px;
}

#SecondfooterBottom {
    text-align: center;
    padding: 10px 0 50px 0;
    border-top:solid 1px #CCC ;
    color: #CCC;
    font-family: sans-serif;
    font-size: 12px;
}
#SecondfooterBottom a {
    color: #CCC;
    font-family: sans-serif;
    font-size: 13px;
    text-decoration: none;
}

#SecondfooterBottom > div {display: inline;margin-left: 50px;}



/* FIN FOOTER */


/* ANCIEN STYLE ARVATO */

section {
    /*padding-top:25; px*/
}
th {
    background:silver
}
#contacts-content {
    margin:0 auto;
    width:600px
}
#contacts-content ul {
    border-bottom:1px solid #666;
    border-left:1px solid #666;
    float:left;
    height:30px;


    list-style:none;
    margin:0;
    padding:0;
    width:500px
}
#contacts-content ul li {
    background:#ddd;
    border:1px solid #666;
    border-left:none;
    float:left;
    height:29px;
    line-height:29px;
    margin:0 0 -1px;
    overflow:hidden;
    padding:0;
    position:relative
}
#contacts-content ul li a {
    color:#888;
    display:block;
    font-family:"Trebuchet MS";
    font-size:14px;
    padding:0 20px;
    text-decoration:none
}
#contacts-content ul li a:hover {
    background:#ccc;
    color:#666
}
#contacts-content .ui-tabs .ui-tabs-nav li.ui-state-active {
    border-bottom:1px solid #fff;
    color:#666;
    cursor:text
}
#contacts-content .ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
    background:#fff;
    position:relative
}
#contacts-content .ui-tabs .ui-tabs-nav li a, #contacts-content .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
    cursor:pointer
}
#contacts-content .ui-tabs .ui-tabs-panel {
    background:#fff;
    border:1px solid #666;
    border-top:none;
    clear:both;
    display:block;
    float:left;
    font-family:"Trebuchet MS";
    font-size:14px;
    margin:0;
    overflow:hidden;
    padding:10px 10px 0;
    width:480px
}
#contacts-content .ui-tabs .ui-tabs-hide {
    display:none!important
}

#cke_text-details {
    width:600px
}
.cke_path
{
    display:none;
}

textarea {
    min-height:75px
}
.editor-label {
    color:#525353;
    font-size:12px;
    font-weight:300;
    margin:1em 0 0;
    width:100%;
    font-family:sans-serif;
}

.editor-field {
    margin:.5em 0 0;
    width: 300px;
}
div.editor-field-create input {
    width:226px
}
.editor-block div {
    display:inline-block;
}
.editor-block div {
    display:inline-block;
    zoom:1;
*display:inline;
}
.editor-block .editor-label {
    margin:0 20px 0 0;
    width:100px;
}
.field-validation-error {
    color:red;
    font-size:10px;
    font-family:sans-serif;
}
.field-validation-valid {
    display:none;
}
.input-validation-error {
    background-color:#fee;
    border:1px solid red;
}

.validation-summary-errors {
    color:red;
    font-weight:700;
    width:450px;
    margin-bottom:20px;
}

.validation-summary-valid {
    display:none;
}

form#LogOnForm .validation-summary-errors
{
    width:245px;
}

#bullbar {
    background-color:rgba(0,0,200,0.2);
    border:1px solid rgba(0,0,0,0.3);
    bottom:-500px;
    color:#fff;
    margin-bottom:20px;
    margin-top:20px;
    padding:5px;
    position:fixed;
    right:15px;
    text-align:center;
    width:350px;
}
table.tablesorter {
    background-color:#fff;
    border-bottom:2px solid #ccc;
    border-left:2px solid #ccc;
    border-right:2px solid #ccc;
    border-top:2px solid #ccc;
    font-family:arial;
    font-size:8pt;
    text-align:left;
    width:100%;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
    background-color:#7ab61e;
    background-position:center right;
    background-repeat:repeat-x;
    border:1px solid #FFF;
    font-size:8pt;
    padding:8px 4px;
}
table.tablesorter thead tr .header {
    background-image:url(images/table_sorter_bg_header.jpg);
    background-position:center right;
    background-repeat:repeat-x;
    cursor:pointer;
}
table.tablesorter tbody td {
    background-color:#f0f0f0;
    color:#3D3D3D;
    padding:4px;
    vertical-align:top;
}
table.tablesorter tbody tr.odd td {
    background-color:#f0f0f0
}
table.tablesorter thead tr .headerSortUp {
    background-image:url(asc.gif);
}
table.tablesorter thead tr .headerSortDown {
    background-image:url(desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
    background-color:#f0f0f0;
    background-position: center right;
    background-repeat: no-repeat;
}
.HeaderCC {
    background-image:url(images/bg_header.jpg);
    background-position:top;
    background-repeat:repeat-x;
    height:161px;
    overflow:hidden
}
.BtNav {
    border:none;
    float:left;
    margin-left:4px;
}
#Main {
    
}
#Items {
    width:990px;
    min-height:350px;
    margin:auto;
}
#ItemGauche {
    width:38%;
    margin:0 4% 0 0;
    padding:2px;
    margin-top:18px;
    float:left;
}
#ItemCentre {
    width:140px;
    margin:auto;
    padding:2px;
    margin-top:20px;
    float:left;
}
#ItemDroite {
    width:38%;
    margin:auto;
    padding:2px;
    margin-top:-65px;
    float:left;
    margin-left:4px;
}
#Entete_ItemGauche {
    width:100%;
    height:auto;
    border-top:none;
    overflow:hidden;
    background-color:#FFF
}
#Entete_ItemCentre {
    width:100%;
    height:230px;
    border-top:none;
    overflow:hidden;
    background-color:#FFF;
    margin-top:70px
}
#Entete_ItemDroite {
    width:100%;
    height:300px;
    border-top:none;
    background-color:#FFF
}
#Entete_ItemDroite > p {
    color:#525353;
    font-family:Arial, Helvetica, sans-serif;
    font-size:16px;
    font-weight:700;
}
#LogoC {
    float:left;
    margin-left:15px;
    margin-top:10px
}
#BgHR {
    float:right;
    margin-right:0;
    margin-top:0
}
.Clear2 {
    clear:both;
    height:1px
}
.Clear {
    clear:both;
    height:0;
    line-height:0;
    overflow:hidden
}
.Sdiv {
    height:15px
}
.Intro {
    color:#525353;
    font-family:sans-serif;
    font-weight:300;
    font-size:16px;
    margin: 10px 0;
}
.Intro a
{
    text-decoration:none;
}
.Intro a:visited
{
    color:#525353;
}
.Intro a:hover
{
    color: #7ab61e;
}
.Intro3 {
    color:#525353;
    font-family:sans-serif;
    font-weight:300;
    font-size:14px;
    margin: 20px 0;
    
}

.highlightOK.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only
{
    background-color: #7ab61e;
    color: #fff;
}
.highlightCancel.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only
{
    background-color: #ddd;
    color: #444;
}

.NotifMedia
{
    font-family:sans-serif;
    font-weight:300;
    font-size:14px;
}
.AuthenticationMessage
{
     font-family:sans-serif;
     margin: 20px 0 30px 0;
}

.IntroInfo {
    color: #525353;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: 400;
    width:100%;
    text-align: justify;
    margin-bottom: 30px;
}
.Intro2 {
    color:#525353;
    font-family:Arial, Helvetica, sans-serif;
    font-size:16px;
    font-weight:400
}
.TxtColored {
    color:#7AB61E;
}
.TxtRed {
    color:#CE0029;
}

.TxtGras {
    font-weight: bold;
}

.EnAvant {
    font-family:sans-serif;
    font-weight:bold;
    text-transform:uppercase;
    color: #7AB61E;
    font-size: 16px;
}


a.Grey, a.Grey, a.Grey {
    background-color:#333;
    color:#fff;
    cursor:pointer;
    font-size:14px;
    font-weight:900;
    padding:5px
}
input[type=button].Grey:hover, input[type=submit].Grey:hover, button[type=submit].Grey:hover {
    background-color:#333
}
#InfoLogin {
    font-size:12px;
}
#InfoLogin a {
    color:#7f7f7f
}
#InfoLogin a:hover {
    color:#7f7f7f
}
#InfoVersion {
    float:left;
    font-size:10px;
    margin-top:-160px
}
.ImgCadena {
    margin-left:3px;
    margin-top:2px;
    position:absolute
}
img {
    border:0
}
.NoDisplay {
    display:none
}
.resetcc {
    background-color:none;
    border:none
}

.editor-label-Group {
    color:#525353;
    float:left;
    font-size:12px;
    font-weight:900;
    width:120px
}
.star {
    color:#C00;
    font-size:10px;
    margin-left:5px;
}
.starCustomer {
    color:#C00;
    font-size:10px
}
#BtActionsContact {
    margin-bottom:35px;
    margin-top:35px
}
#BtActionsContact .buttonContainer a
{
    margin-left:20px;
}
.BtActionsAccord {
    margin-bottom:35px;
    margin-top:35px;
    text-align:center
}

button[type="submit"].BtnImage
{
    border: 0; 
    background: transparent;
    margin-right:15px;
}

.AccordNOOk {
    margin-left:8px
}
.NModifier a {
    background-color:#fff;
    border:1px solid #CCC;
    color:#525353;
    float:left;
    margin-left:45px;
    padding:13px;
    text-decoration:none
}
.NModifier a:hover {
    background-color:#fff;
    border:1px solid #CCC;
    color:#525353;
    padding:13px;
    text-decoration:none
}
a.NPrev {
    color:#a8a9a9;
    float:left;
    margin-left:15px;
    margin-top:12px;
    text-decoration:none
}
a.NNext {
    color:#a8a9a9;
    float:left;
    margin-left:55px;
    margin-top:12px;
    text-decoration:none
}
a.LienC {
    color:#7AB61E;
    font-size:11px;
    font-weight:400;
    text-decoration:none
}
a.LienC:hover {
    color:#7AB61E;
    text-decoration:underline
}
.discory_Top
{
    float:right;
    text-decoration:none;
    color: #7AB61E;
    font-family:Arial;
    cursor:  pointer;
}
#single_image
{
    text-decoration:none;
    color:#888
}
#novalidate {
    width:600px
}
.check-authentification-editor-label {
    float:left;
    width:160px
}
.check-authentification-editor-field {
    float:left;
    margin-left:5px;
}
.MiniFieldSet {
    width:450px
}
.TxtBold {
    font-weight:900;
}
#ArSeul {
    float:left;
}
#ArDe {
    float:left;
    font-weight:900;
    margin-left:12px;
}
#col-display-rem-sender {
    float:left;
    margin-right:25px;
    margin-top: 20px;
    width:250px;
}
.display-rem-sender-email {
    text-decoration:none;
}
.display-rem-receiver-email {
    text-decoration:none;
}
#col-display-rem-receiver {
    float:left;
    width:250px;
    margin-top: 20px;

}
#col-display-rem-message {
    padding:15px;
    width: 365px;
    margin: 40px 30px 0 0;
    word-wrap: break-word;
}
#col-display-rem-files {
    padding:15px 15px 15px 40px;
    margin-top: 40px;
    background-image: url(images/bg_col_display_rem_files.jpg);
    background-repeat: no-repeat;
    background-position: top left;
    min-height: 400px;
    max-width:240px;
}
.display-fic-download {
/*    height:25px;*/
    line-height:25px;
    vertical-align:top
}
.display-fic-download img {
    vertical-align:top
}
.display-rem-content {
    margin-top:12px
}
#AidePictoContainer {
    float:left;
    margin-left:745px;
    margin-top:48px;
    position:absolute
}
.pagePos {
    margin-top:12px
}
#myTableContainer {
    float:left;
    position:absolute
}
.iconpdf 
{
    float: left;
    margin-right: 3px;
}
#RechercheAlphaContacts {
    background-color:#ededed;
    height:15px;
    margin-bottom:15px;
    padding-bottom:20px;
    padding-left:25px;
    padding-top:20px;
    width:660px
}
#RechercheAlphaContacts a {
    text-decoration:none
}
#RechercheAlphaContacts a:hover {
    text-decoration:none
}
.popContact {
    margin-top:15px
}
.incJUI {
    margin-left:-35px;
    width:100%;
}
#navg {
    display: block;
    margin-left:0;
    border-bottom: solid 2px #7AB61E;
}
#navg a {
    display: inline-block;
    color:#5f5f5f;
    font-size:14px;
    text-decoration:none;
    font-family:sans-serif;
    padding: 8px 15px; 
}
#navg a:hover {
    background-color: #7AB61E;
    color: #FFF;
}
#navg a.On {
    background-color: #7AB61E;
    color: #FFF;
}

#mySendings {
    float:left;
    margin-left:50px
}
#dialog-contacts #tabs-list-users {
    min-height:450px;
    max-height:600px;
    width:610px;
    padding-left:0
}
#dialog-contacts #tabs-create-user {
    min-height:450px;
    max-height:600px;
    width:610px;
    padding-left:0
}
#pager {
    margin-top:10px;
    text-align:center
}
#contacts-tabs-add-contact {
    line-height:25px;
    padding-top:0px;
    background-image:url(images/pic-add_contact.png);
    background-repeat:no-repeat;
    background-position:center left;
    padding-left:12px;
}
#contacts-tabs-list-contact {
    line-height:25px;
    padding-top:0px;
    background-image:url(images/pic-list_contact.png);
    background-repeat:no-repeat;
    background-position:center left;
    padding-left: 12px;
}
#SeparTabUi {
    background-color:#7AB61E;
    height:2px;
    position:absolute;
    margin-top:0px;
    width:100%
}
.list-contact-action-button {
    float:left;
}
.intro-my-lre {
    color: #525353;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: 900
}

.required-note {
    color:red;
    font-size:10px;
    margin: 0 0 10px 0;
}
.dialog-contacts-close {
    position:absolute;
    right:10px
}
.pagedisplay {
    width:40px;
    text-align:center
}
.css_right {
    float: right
}
.dataTables_filter {
    float: right;
    margin-right: 10px
}
.dataTables_length {
    float: left;
    width:50%;
    margin-left: 10px
}
.dataTables_info {
    float: left;
    width:50%;
    margin-left: 10px
}
.dataTables_paginate {
    float: right;
    margin-right: 10px
}
.paging_full_numbers .ui-button {
    color: #000000 !important;
    cursor: pointer;
    margin: 0;
    padding: 2px 6px
}
.delete-file {
    float:left
}
.download-file {
    float:left;
    margin-left:10px
}
#popup_container {
    text-align:center;
    font-size:14px;
    min-width:200px;
    max-width:600px;
    min-height:100px;
    background:#f1f1f1;
    border:solid 15px #FFF;
    color:#525353;
    text-align:center;
}
#popup_content {
    padding: 40px;
}
#popup_panel input
{
    display:inline-block;
    position:relative;
    text-decoration:none;
    -webkit-box-shadow:5px 6px 9px -2px rgba(0,0,0,0.5);
    -moz-box-shadow:5px 6px 9px -2px rgba(0,0,0,0.5);
    -o-box-shadow:5px 6px 9px -2px rgba(0,0,0,0.5);
    box-shadow:5px 6px 9px -2px rgba(0,0,0,0.5);

    padding:7px 7px 7px 11px;
    cursor:pointer;
    font-size:13px;
    margin:0 4px 4px 0;
    z-index:1;

    color:#fff;
    font-family:Arial;
    font-weight:900;
    text-transform:uppercase;
    vertical-align:middle;
    -webkit-text-shadow:1px -1px 0 rgba(0,0,0,0.3);
    -moz-text-shadow:1px -1px 0 rgba(0,0,0,0.3);
    -o-text-shadow:1px -1px 0 rgba(0,0,0,0.3);
    text-shadow:1px -1px 0 rgba(0,0,0,0.3);

    background:#7AB61E;
    border-right:1px solid #314A0B;
    border-bottom:1px solid #314A0B;
}

#popup_panel {
    padding-top:15px;
    padding-bottom:15px
}
#popup_message {
    margin:0 15px 0 15px
}
.title_read_rem  {
    padding: 10px 0 0 20px;
    width: 340px;
}
.title_read_rem h2 {
    font-family:sans-serif;
    font-size: 14px;
    font-weight: normal;
    color: #000;
    margin: 7px 0;
}
.title_read_rem p {
    font-family: 'Arial', sans-serif;
    font-size: 11px;
    color: #000;
}

#content-rem-header {
    width: 700px;
    max-width: 700px;
    padding: 20px 0 20px 20px;
    border: solid 1px #dfdfdf;
    background-image: url(images/bg_content_rem_header.jpg);
    background-repeat: repeat-x;
    background-position: bottom left;
    height: auto;
    margin-top: 20px;
}




.header_read_rem {
    float:right;
    margin:15px 0; 
}

.header_read_rem a {
    font-family: sans-serif;
    font-size: 11px;
    color: #b6b6b6;
    text-decoration: none;
}

.header_line_read_rem {
    background-color:#CCCCCC;
    height:1px;
    width:80%;
    position:absolute;
    top:225px;
    z-index:-1;
    display:none;
}

#rem-create-to>.editor-field-create {
    border:solid 1px Silver;
    color:#525353;
    font:12px;
    padding:10px 15px 10px 15px;
    min-width: 200px;
    width: auto !important;
    width: 200px;
    min-height: 40px;
    height: auto !important;
    height: 40px;
    float:left;
    margin-bottom: 12px
}
.rem-create-file
{
    margin-top:5px;
    margin-bottom:5px;
}

.rem-create-to-lastname {
    float:left;
    margin-right: 5px;
}
#rem-create-notification {
    clear:both;
}
.CheckEmail-logo
{
    display: inline;
    height:100px;
    float:left;
    margin-top:15px;
}
.CheckEmail-logo img
{
    width:70px;
}
.CheckEmail-message
{
    display: inline;
    float:left;
    height: 100px;
    width: 280px;
    text-align: center;
}
.CheckEmail-message2
{
    margin-top:10px;
    margin-left : 10px;
}
.CheckEmail-buttons
{
    display: inline;
    float:left;
    margin-top:10px;
}
#dialog-modal-CheckEmail-Warning .CheckEmail-buttons
{
    margin-left:30px;
}
#dialog-modal-CheckEmail-Error .CheckEmail-buttons
{
    margin-left:50px;
}


#navigation-right {
/*  float: right;
    padding-top: 110px;
    height:0px; */
}
#navigation-right-help {
    border: solid 1px #DDDDDD;
    height: 190px;
    width: 150px;
}
#navigation-right img {
    width:100%
}
#navigation-right-help-more {
    border: solid 1px #DDDDDD;
    border-top: none;
    height: 105px;
    width: 150px;
    float: left;
}
#navigation-right-avis {
    width: 45px;
    float: left;
    margin-left: 30px;
}
#navigation-right-faq {
    width: 45px;
    float: left;
}

/*
#rem-create-to div.selector div.NEnregistrer a {
    background-color:#eaeaea;
    border:1px solid #CCC;
    color:#525353;
    float:left;
    margin-left:25px;
    padding:5px;
    text-decoration:none
}*/
.selector div.buttonContainer a#select-receiver
{
    margin-left:20px;
}
.icon_check_contact {
    background-image: url(images/icon_check.png);
    width:20px;
    height:20px;
    display:block
}
.icon_edit_contact {
    background-image: url(images/icon_edit.png);
    width:20px;
    height:20px;
    display:block
}
.icon_delete_contact {
    background-image: url(images/icon_delete.png);
    width:20px;
    height:20px;
    display:block
}
.authentification_fieldset_identification 
{
    margin-top : 0px;
    margin-left : 0px;
    width:580px;
}
.SendNewOTP
{
    margin: 10px 0 0 0; 
    color: #525353; 
    text-decoration: none; 
}
.SendNewOTP.Disable
{
    color: #C0C0C0;
}

.fieldset_item {
    font-family: Arial, Helvetica, sans-serif;
    font-style: italic;
    color: #999999;
    font-size: small;
}
.rem_read_message_receipt {
    width:80%
}
#rem-layout-help {
    background-color:White;
    width:113px;
    height:160px;
    margin-top:215px;
}
.signature_home_message {
    margin-left: 50px;
    font-size: large;
    font-weight: bold;
    font-style: italic;
    color: #AAAAAA;
    font-family: Arial, Helvetica, sans-serif;
}
.image_home_message {
    background-image: url(images/LogOnFormBg.jpg);
    background-repeat: no-repeat;
    height: 273px;
    width: 307px;
    float:right
}
.text_home_message {
    width: 500px;
}
.text_home_confirmation {
    float: left;
    width: 400px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bolder;
    font-size: small;
    text-align: justify;
}
.disabled {
    background-color:#EBEBE4
}
.account-manage-link {
    float:left;
}
.LogoPrincipal {
    margin-top: 20px;
    margin-left: 30px;
}
#contacts .choose-user {
    display:none
}
.list-contact-action-button.delete-user.hide
{
    display:none
}
#contacts {
    /*padding:0 20px 0 20px;*/
    width: 100%
}
.account-manage-intro {
    color: #525353;
    font-family:sans-serif;
    font-size: 16px;
    font-weight: normal;
}
#contacts #tabs-create-user-fieldset {
    /*margin: 0px auto;*/
    width:100%;
}
#contacts .cancel-user {
    display:none;
}
#contacts #BtActionsContact {
    margin:35px auto 35px 110px
}
#dialog-confirm-no-prior-agreement .LienC, #dialog-confirm-no-email .LienC {
    display:none;
}
#dialog-confirm-no-prior-agreement .editor-label, #dialog-confirm-no-email .editor-label {
    width: 270px;
}
#dialog-confirm-prior-agreement-ok
{
    margin-left:70px;
}
#confirm-inscription {
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    text-align: justify;
    width:50%;
}
.notification-mail {
    background-image: url("images/SFR_PICTOS_GP_EMAIL.png");
    background-repeat: no-repeat;
    background-size: 20px 20px;
    width: 20px;
    height: 20px;
    float:left;
    margin:2px;
    margin-top:5px;
}
.notification-gsm {
    background-image: url("images/SFR_PICTOS_GP_MOBILE.png");
    background-repeat: no-repeat;
    background-size: 20px 20px;
    width: 20px;
    height: 20px;
    float:left;
    margin:2px;
    margin-top:5px;
}
.Prior_Agreement_Message {
    font-size: x-small;
    color: #525353;
    text-align: justify;
    margin-bottom: 30px;
}
.Prior_Agreement_Choice {
    font-size: x-small;
    color: #000000;
}
.Prior_Agreement_TitleDialog {
    color:#525353;
    font-family:Arial, Helvetica, sans-serif;
    font-size:16px;
    font-weight:900;
    text-align: center
}
.Administration_CompanyList_Info {
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    font-weight: bolder;
    text-align: justify;
    margin-top:30px;
    margin-bottom:30px;
    width:300px;
}
.Administration_CompanyList #IdCompany
{
    margin-bottom:20px;
}

.notification-mail {
    background-image: url(images/SFR_PICTOS_GP_EMAIL.png);
    background-repeat: no-repeat;
    background-size: 20px 20px;
    width: 20px;
    height: 20px;
    float:left;
    margin:2px;
    margin-top:5px;
}
.notification-gsm {
    background-image: url(images/SFR_PICTOS_GP_MOBILE.png);
    background-repeat: no-repeat;
    background-size: 20px 20px;
    width: 20px;
    height: 20px;
    float:left;
    margin:2px;
    margin-top:5px;
}
#rem-authorized-products {
    padding-left: 20px;
}
.administration-reporting-main>.Intro {
    color:#7AB61E;
    padding-left:25px;
}
.administration-reporting-main-fields {
    margin-left:75px;
    padding: 5px 20px 20px 20px;
    border-style:solid;
    border-color:Gray;
    width:255px;
}
.administration-reporting-main-fields div.editor-field select
{
    width:170px;
}

.administration-reporting-main-fields>.editor-label {
    float:left;
    width:75px;
}

.Reporting
{
    margin-top:25px;
}

.Reporting input#End
{
    width:95px;
    background-image: url(images/bg_input_rem_receipts_filters.jpg);
    background-repeat: no-repeat;
    background-position: center left;
    text-align: right;
}
.Reporting input#Start
{
    width:95px;
    background-image: url(images/bg_input_rem_receipts_filters.jpg);
    background-repeat: no-repeat;
    background-position: center left;
    text-align: right;
}
.administration-reporting-main-fields-button {
    margin-top:10px;
}
#ui-datepicker-div {
    border-style:solid;
    border-color:Silver;
    background-color: White;
}
.Tableau thead th {
    background-color: #7AB61E;
    border-right: 1px solid #FFFFFF;
    color: #FFFFFF;
    font-weight: normal;
    height: 25px;
    padding: 2px;
    text-transform: uppercase;
}
.Tableau tbody tr {
    background-color: #FFFFFF;
    border-bottom: 1px solid #F0F0F0;
}
.Tableau tbody td {
    color: #414141;
    padding: 5px;
    text-align: left;
}
.Tableau {
    border-collapse: collapse;
}


.TableStandard thead th {
    background-color: #7AB61E;
    border-right: 1px solid #FFFFFF;
    color: #FFFFFF;
    font-weight: normal;
    height: 25px;
    padding: 2px;
    text-transform: uppercase;
}
.TableStandard tbody tr {
    background-color: #FFFFFF;
    border-bottom: 1px solid #F0F0F0;
}
.TableStandard tbody td {
    color: #414141;
    padding: 5px;
    text-align: left;
}
.TableStandard {
    border-collapse: collapse;
}

.treeTable tr td .expander {
    cursor: pointer;
    padding: 0;
    zoom: 1;
}
.treeTable tr td a.expander {
    background-position: left center;
    background-repeat: no-repeat;
    color: #000;
    text-decoration: none;
}
.treeTable tr.collapsed td a.expander {
    background-image: url(images/toggle-expand-dark.png);
}
.treeTable tr.expanded td a.expander {
    background-image: url(images/toggle-collapse-dark.png);
}
.treeTable tr.selected, .treeTable tr.accept {
    background-color: #3875d7;
}
.treeTable tr.selected a.expander, .treeTable tr.accept a.expander {
    color: #fff;
}
.treeTable tr.collapsed.selected td a.expander, .treeTable tr.collapsed.accept td a.expander {
    background-image: url(images/toggle-expand-light.png);
}
.treeTable tr.expanded.selected td a.expander, .treeTable tr.expanded.accept td a.expander {
    background-image: url(images/toggle-collapse-light.png);
}
.treeTable .ui-draggable-dragging {
    color: #000;
    z-index: 1;
}
.ui-helper-hidden {
    display: none;
}
.icon-edit-company {
    background-image: url(images/icon_edit_company.jpg);
    width:23px;
    height:21px;
    display:block
}
.icon-edit-group {
    background-image: url(images/icon_edit_group.jpg);
    width:23px;
    height:21px;
    display:block
}
.icon-delete-group {
    background-image: url(images/icon_delete_group.jpg);
    width:23px;
    height:21px;
    display:block
}
.icon-edit-account {
    background-image: url(images/icon_edit_account.jpg);
    width:23px;
    height:21px;
    display:block
}
.icon-add-group {
    background-image: url(images/icon_add_group.jpg);
    width:23px;
    height:21px;
    display:block
}
.icon-add-account {
    background-image: url(images/icon_add_account.jpg);
    width:23px;
    height:21px;
    display:block
}
.icon-delete-account {
    background-image: url(images/icon_delete_account.jpg);
    width:23px;
    height:21px;
    display:block
}
.icon-enable-account {
    background-image: url(images/icon_enable_account.jpg);
    width:23px;
    height:21px;
    display:block
}
.icon-disable-account {
    background-image: url(images/icon_disable_account.jpg);
    width:23px;
    height:21px;
    display:block
}
.icon-reset-password {
    background-image: url(images/icon_reset_password.jpg);
    width:23px;
    height:21px;
    display:block
}
.icon-reminder {
    background-position: center center;
    background-image:url(images/ico_ar_envoi.png);
    background-repeat: no-repeat;
    width: 23px;
    height: 21px;
    display: block;
}
#administration-companymanage-main {
    width:80%;
*min-width:100%;
}
.administration-companymanage-tree-action {
    float:left;
    margin-right:3px;
}
.administration-accountlist-button {
    float:left;
}
#administration-accountlist-table {
    width:100%;
*min-width:100%;
}
#administration-accountlist-choosecompany {
    color: #525353;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight:900;
    margin: 5px 10px 10px 0;
    float:left;
}
#administration-accountlist-choosegroup {
    color: #525353;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight:900;
    margin: 5px 10px 10px 0;
    float:left;
}
/*#Administration_Main {
    width:80%;
*min-width:100%;
}*/
#Btn_Vocal_OTP {
    background-color: #C0C0C0;
    width: 209px;
    font-size: 12px;
    text-align: center;
    vertical-align: middle;
    margin:30px auto;
    color: #444444;
}
#REM-Authentification-Message 
{
    font-family:sans-serif;
    margin: 35px 0 0 0;
     width:580px;
    *min-width:100%;
}
#REM-Authentification-Message p{
   text-align:justify;
}
#btn_Home_Confirmation {
    margin-top:40px
}
textarea#Message {
    width: 315px;
    height: 120px;
    padding: 5px;
    font-family: Tahoma, sans-serif;
    resize:none;
    font-size: small;
}
#Home_Contact_InfoMessage {
    font-family:Arial, Helvetica, sans-serif;
    font-size:13px;
}
#Home_Contact_LinkIdMessage {
    font-size: x-small;
    font-weight: normal;
    float:left;
    width:450px;
}

#ContentFormContact {
    background-color:#f0f0f0;
    padding: 20px;
    width: 550px;
}

#ContentFormContact div.editor-field2 {
    width: 335px;
}

#ContentFormContact input {
    width: 325px;
    height: 25px;
    line-height: 25px;
}

#ContentFormContact div.editor-label2 {
    padding-top: 5px;
}



#dialog-pop-up {
    text-align:center;
}
.MessagePopUp {
    margin-bottom: 30px;
    margin-top: 25px;
}
.BtnPopUp {
    background-color: #7AB61E;
    border: 1px solid #d83526;
    display: inline-block;
    color: #ffffff;
    font-family: arial;
    font-size: 16px;
    font-weight: bold;
    padding: 8px 30px;
    text-align: center;
}
#agreementowned {
    float: left;
    margin: 3px 10px 40px 1px
}

.rem-create-checkemail-msg
{
    font-size: small;
    width: 430px;
    margin-top: 10px;
    color: #7AB61E;
    font-family:sans-serif;
    display: inline-block;
}

.rem-create-step2-msg
{
    font-size: medium;
    width: 430px;
    margin-top: 10px;
    color: #7AB61E;
    font-family:sans-serif;
    display: inline-block;
}

.rem-create-step3-msg
{
    font-size: medium;
    width: 550px;
    color: #555;
    font-family:sans-serif;
    display: inline-block;
}

.rem-create-step4-msg {
    font-size: small;
    width:550px;
    margin-top:10px;
    color:#999;
    font-family:sans-serif;
    display: inline-block;
}

.REM_Create_SMSNotification_HourMessage {
    font-size: xx-small;
    font-style: italic;
}
#navh {
    background:none;
    display:block;
    position:absolute;
    margin-top:-31px;
    margin-left:0px;
    padding:0px;
    width:100%;
    overflow:hidden;
}
#navh ul {
    margin: 0;
    padding: 0;
}
#navh ul li {
    margin: 0;
    padding: 0;
    float: left;
    list-style-type: none;
}
#navh ul li a {
    display:block;
    font-size:11px;
    font-family: sans-serif;
    text-decoration: none;
    color:#ababab;
    background-color:#313131;
    padding: 5px 8px;
    margin-right:3px;
    vertical-align: middle;
}
#navh ul li a img {
    vertical-align: middle;
    margin-right:4px;
}
#navh ul li a.Btn_Nav_On {
    color: #FFF;
    background-color:#cf0008;
}
#navh ul li a:hover, ul li a.Btn_Nav_On:hover {
    color: #FFF;
    background-color:#cf0008;
}
.editor-field-images {
    margin-top:10px;
}
.editor-field-images img {
    max-height: 135px;
}
.image_read_rem img {max-width: 100px;}
#adduserprioragreement {margin: 0;}
#rem-create-uploadfile div.editor-field-create {margin-top:10px;}
.editor-field2 textarea#Message{width:290px;}
#rem-receipts-filters, #rem-drafts-filters, #rem-sendings-filters { margin-bottom: 15px; }
#rem-receipts-filters .editor-label, #rem-drafts-filters .editor-label, #rem-sendings-filters .editor-label {width: inherit !important; float: left; margin:0 10px 0 0; padding: 2px 0 0 0; }
#rem-receipts-filters .editor-field, #rem-drafts-filters .editor-field, #rem-sendings-filters .editor-field {width: inherit !important; float: left; margin:0 10px 0 0; }
#rem-receipts-filters .rem-receipts-filters-fields-button, #rem-drafts-filters .rem-drafts-filters-fields-button, #rem-sendings-filters .rem-sendings-filters-fields-button {width: inherit !important; float: left;}
.rem-receipts-acceptAll {width: inherit !important; float: right;}
button#InitButton { background-color: #959396; border:none; font-family:sans-serif; color: #FFF; padding:3px 5px; text-transform: uppercase;text-decoration:none; }
button#FilterButton { background-color: #7AB61E; border:none; font-family:sans-serif; color: #FFF; padding:3px 5px; text-transform: uppercase;text-decoration:none; }
.ButtonGrey { background-color: #959396; border:none; font-family:sans-serif; color: #FFF; padding:3px 5px; text-transform: uppercase;text-decoration:none; }
.ButtonGreen { background-color: #7AB61E; border:none; font-family:sans-serif; color: #FFF; padding:3px 5px; text-transform: uppercase;text-decoration:none; margin-right:5px;}
#rem-receipts-filters .editor-field input, #rem-drafts-filters .editor-field input, #rem-sendings-filters .editor-field input { padding: 2px; text-align: right; border:1px solid #CCC; }
#rem-receipts-filters .editor-field input#Begin, #rem-drafts-filters .editor-field input#Begin, #rem-sendings-filters .editor-field input#Begin {background-image: url(images/bg_input_rem_receipts_filters.jpg);background-repeat: no-repeat;background-position: center left;}
#rem-receipts-filters .editor-field input#End, #rem-drafts-filters .editor-field input#End, #rem-sendings-filters .editor-field input#End {background-image: url(images/bg_input_rem_receipts_filters.jpg);background-repeat: no-repeat;background-position: center left;}
.col-shadow {width: 15px; height: 600px;margin: 200px 0 0 0;padding: 0 10px 0 0;background-image: url(images/col_shadow.jpg);background-repeat: no-repeat;}
#myTable_filter input { width: 200px; }
table.tablesorter th {color: #FFF;}
.tablesorter thead tr th.ui-state-default span.filter_column input.text_filter{ margin-top: 5px; display:block;}
.tablesorter thead tr th.ui-state-default span.filter_column select.search_init{ margin-top: 5px; display:block;width:45px;}
#myTable .filter_column.filter_text .text_filter.search_init{width:100%}
#myTable .filter_column.filter_text .text_filter{width:100%}
.rem-receipts-label-bold, .rem-sendings-label-bold, .rem-drafts-label-bold{font-weight: bold}
#myTable.tablesorter thead tr th.rem-sendings-th-dates input.text_filter {width:80px;}
#accordion.ui-accordion .ui-accordion-header {
    width:70%;
    padding-left:30px;
}
#accordion.ui-accordion .ui-accordion-content {
    width:70%
}
#accordion > .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    background-color :#7AB61E;
}

select#BillingPayment
{
    width: 162px;
}

.Main_FAQ 
{
    font-family:Arial;
}

.FAQ>.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    background-color: #FFF;
    border: 0px solid #AAAAAA;
    font-weight: normal;
}
.FAQ>.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    background-color: #FFF;
    border: 0px solid #AAAAAA;
    font-weight: normal;
}
.FAQ.ui-accordion .ui-accordion-header
{
    width:700px;
    padding-left:30px;
}
.FAQ.ui-accordion div.ui-accordion-content
{
    width:700px;
}
.FAQ div p
{
    width:700px;
}
.Main_FAQ H1
{
    text-align: center;
    margin: 30px;
    color: #7AB61E;
    font-size: x-large;
}
.Main_FAQ H2
{
    margin: 15px;
    color: #444;
}
.FAQ H3 
{
    color:#7AB61E
}
.FAQ p
{
    text-align: justify;
}
#dialog-confirm-refuse #firstbutton.left
{
    margin-left :110px;
}
#dialog-confirm-refuse .Intro
{
    font-size : 18px;
}
#dialog-confirm-refuse .editor-label
{
    font-size : 16px;
}
#dialog-confirm-refuse a:focus
{
    outline-style: none;
}

#dialog-confirm-refuse .editor-label_plusdinfos
{
     color:#525353;
    font-size:12px;
    margin:1em 0 0;
    width:250px
}

#dialog-confirm-refuse button
{
    display:inline-block;
    position:relative;
    text-decoration:none;
    -webkit-box-shadow:5px 6px 9px -2px rgba(0,0,0,0.5);
    -moz-box-shadow:5px 6px 9px -2px rgba(0,0,0,0.5);
    -o-box-shadow:5px 6px 9px -2px rgba(0,0,0,0.5);
    box-shadow:5px 6px 9px -2px rgba(0,0,0,0.5);

    padding:7px 7px 7px 11px;
    cursor:pointer;
    font-size:13px;
    margin:0 4px 4px 0;

    color:#fff;
    font-family:Arial;
    font-weight:900;
    text-transform:uppercase;
    vertical-align:middle;
    -webkit-text-shadow:1px -1px 0 rgba(0,0,0,0.3);
    -moz-text-shadow:1px -1px 0 rgba(0,0,0,0.3);
    -o-text-shadow:1px -1px 0 rgba(0,0,0,0.3);
    text-shadow:1px -1px 0 rgba(0,0,0,0.3);

    background:#7AB61E;
    border-right:1px solid #314A0B;
    border-bottom:1px solid #314A0B;
}

.CompanyEdit_CheckEmail_Title
{
    margin: 0 0 10px 0;
}
.CompanyEdit_CheckEmail
{
    margin: 10px 10px 10px 10px;
}
.CompanyEdit_CheckEmail_footer
{
    margin: 10px 0 10px 0;
    font-size: small;
    font-style: italic;
}

#myLRE table tr {
    border-bottom: solid 1px #d0d0d0;
}
#myLRE
{
    margin-top:20px;
    width:100%;
    overflow: hidden;
    color: #4C4C4C;
    font-family:Arial;
}
#myLRE div.rem-sendings-label-bold, #myLRE div.rem-sendings-label-normal,
#myLRE div.rem-receipts-label-bold, #myLRE div.rem-receipts-label-normal,
#myLRE div.rem-drafts-label-bold, #myLRE div.rem-drafts-label-normal {
    max-width: 146px;
    overflow: hidden;
}
.accessREM
{
    text-decoration:none;
    color:#333;
}
#authREM
{
    text-decoration:none;
    color:#777;
}
#IntromyLRE {
    margin-top: 15px;
    color: #4C4C4C;
    font-family:Arial;
}

#LogOnForm div.validation-summary-errors ul li
{
    width: 150px;
} 

.supervisortest input[type=text]{
     width: 200px;
}

.supervisortest label{
     width: 100px;
     display:inline-block;
}

#contact_import table select
{
    width:100%;
}
#contact_import table td.csv_display
{
    text-align:center;
}
#InvitationForm select,#InvitationForm input, #Account_Invite input
{
    width: 160px;
}
.scrollit {
    overflow-y:hidden;
    height:300px;
    width:500px;
} 
.scrollit:hover{
    overflow-y:scroll;
    height:300px;
    width:517px;
} 
.ui-menu .ui-menu-item .ui-state-hover
{
    background: #CCC;
}
.ui-autocomplete-loading
{
    background:white;
    background-position: right;
    background-image: url('images/ui-anim_basic_16x16.gif');
    background-repeat: no-repeat;
}
.ui-autocomplete {
    max-height: 100px;
    overflow-y: auto;
    overflow-x: hidden;
}
.ui-autocomplete.ui-menu
{
    background:white;
}
#Contact_Import_Intro
{
    width: 100%;
    text-align: justify;
    font-size: small;
}

.boutonarticle {
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-name: bounce;
    border: 1px solid #DDDDDD;
    border-radius: 3px;
    box-shadow: 0 0 10px #314A0B;
    font-weight: bold;
    padding: 55px 45px;
    text-shadow: 0 1px 0 #FFFFFF;
    margin-top: 40px;
    display : block;
}

.boutonarticle2 {
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-name: bounce;
    border: 1px solid #DDDDDD;
    border-radius: 3px;
    box-shadow: 0 0 10px #314A0B;
    font-weight: bold;
    padding: 15px 75px;
    text-shadow: 0 1px 0 #FFFFFF;
    margin-top: 20px;
    margin-left : 200px;
    display:inline-block;
}

.messagereduit
{
    width: 280px;
    font-family: Arial, Helvetica, sans-serif;
    color: #999;
    font-size: 16px;
    font-weight: normal;
    text-align: justify;
}

.messagereduitTitle
{
    width: 280px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
    font-weight: bolder;
    text-align: center;
    margin: 70px 0 20px 0;
}

.checkboxLine
{
    margin:8px 0 0 0;
}

.checkLabel
{
    margin: 0 0 0 10px;
}

#crumbs 
{
    overflow: hidden;
    width: 100%;
}
#crumbs li {
    float: left;
    margin: 0 .5em 0 1em;
    text-decoration: none;
    display:block;
}
#crumbs ul {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#crumbs ul li span {
    background: #ddd;
    padding: .7em 1em;
    float: left;
    text-decoration: none;
    color: #444;
    position: relative;
    font-size: 16px;
}

#crumbs ul li span.current{
    background: #7ab61e;
    color: #fff; 
}

#crumbs ul li span::after {
	 content: "";
  position: absolute;
  top: 50%; 
  margin-top: -1.5em;   
  border-top: 1.5em solid transparent;
  border-bottom: 1.5em solid transparent;
  border-left: 1em solid #ddd;
  right: -1em;
}

#crumbs ul li span.current::after {
  border-left: 1em solid #7ab61e;
}

#crumbs ul li span::before {
	 content: "";
  position: absolute;
  top: 50%; 
  margin-top: -1.5em;   
  border-width: 1.5em 0 1.5em 1em;
  border-style: solid;
  border-color: #ddd #ddd #ddd transparent;
  left: -1em;
}

#crumbs ul li span.current::before {
  border-color: #7ab61e #7ab61e #7ab61e transparent;
}

#crumbs ul li:first-child span:before {
	display: none; 
}

#crumbs ul li:first-child {
	    margin: 0 .75em 0 0;
}

.visadesecurite
{
    margin-left:15px;
    margin-top:20px;
}

.arrow_box
{
    position: relative;
    background: #fff;
    border: 1px solid #7ab61e;
    font-family:sans-serif;
    font-size: 11px;
    padding:5px 5px 5px 5px;
}
.arrow_box:after, .arrow_box:before {
	right: 100%;
	top: 30px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box:after {
	border-color: rgba(199, 199, 199, 0);
	border-right-color: #fff;
	border-width: 15px;
	margin-top: -15px;
}
.arrow_box:before {
	border-color: rgba(122, 182, 30, 0);
	border-right-color: #7ab61e;
	border-width: 16px;
	margin-top: -16px;
}

.arrow_box ul
{
    margin : 2px 0 2px 0;
}
.arrow_box ul li ul
{
    margin : 2px 0 2px 0;
}

input::-ms-clear {
    display: none;
}

@-webkit-keyframes bounce {
0%{box-shadow:0px 0px 10px #314A0B;}
50%{box-shadow:0px 0px 0px #314A0B;}
100%{box-shadow:0px 0px 10px #314A0B;}
}
@-moz-keyframes bounce {
0%{box-shadow:0px 0px 10px #314A0B;}
50%{box-shadow:0px 0px 0px #314A0B;}
100%{box-shadow:0px 0px 10px #314A0B;}
}
@keyframes bounce {
0%{box-shadow:0px 0px 10px #314A0B;}
50%{box-shadow:0px 0px 0px #314A0B;}
100%{box-shadow:0px 0px 10px #314A0B;}
}
.ui-widget-overlay {
    opacity: .50 !important; /* Make sure to change both of these, as IE only sees the second one */
    filter: Alpha(Opacity=50) !important;
    background: rgb(50, 50, 50) !important; /* This will make it darker */
}


.text-create{
    width:500px;
    height:200px
}
.text-decoration-off{
    text-decoration:none;
}