/*///////////////////////////////////*/
/*///////////////////////////////////*/
@font-face {
    font-family: 'DINRegular';
    src: url('/root/fonts/dinr____-webfont.eot');
    src: url('/root/fonts/dinr____-webfont.eot?#iefix') format('embedded-opentype'),
         url('/root/fonts/dinr____-webfont.woff') format('woff'),
         url('/root/fonts/dinr____-webfont.ttf') format('truetype'),
         url('/root/fonts/dinr____-webfont.svg#DINRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'DINMedium';
    src: url('/root/fonts/dinm____-webfont.eot');
    src: url('/root/fonts/dinm____-webfont.eot?#iefix') format('embedded-opentype'),
         url('/root/fonts/dinm____-webfont.woff') format('woff'),
         url('/root/fonts/dinm____-webfont.ttf') format('truetype'),
         url('/root/fonts/dinm____-webfont.svg#DINMedium') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'DINBoldRegular';
    src: url('/root/fonts/din-bold-webfont.eot');
    src: url('/root/fonts/din-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/root/fonts/din-bold-webfont.woff') format('woff'),
         url('/root/fonts/din-bold-webfont.ttf') format('truetype'),
         url('/root/fonts/din-bold-webfont.svg#DINBoldRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'HelveticaNeueMediumCond';
    src: url('/root/fonts/hlmc___-webfont.eot');
    src: url('/root/fonts/hlmc___-webfont.eot?#iefix') format('embedded-opentype'),
         url('/root/fonts/hlmc___-webfont.woff') format('woff'),
         url('/root/fonts/hlmc___-webfont.ttf') format('truetype'),
         url('/root/fonts/hlmc___-webfont.svg#HelveticaNeueMediumCond') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'HelveticaNeueBoldCond';
    src: url('/root/fonts/helveticaneue-boldcond-webfont.eot');
    src: url('/root/fonts/helveticaneue-boldcond-webfont.eot?#iefix') format('embedded-opentype'),
         url('/root/fonts/helveticaneue-boldcond-webfont.woff') format('woff'),
         url('/root/fonts/helveticaneue-boldcond-webfont.ttf') format('truetype'),
         url('/root/fonts/helveticaneue-boldcond-webfont.svg#HelveticaNeueBoldCond') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'HelveticaNeueLightCond';
    src: url('/root/fonts/helveticaneue-lightcond-webfont.eot');
    src: url('/root/fonts/helveticaneue-lightcond-webfont.eot?#iefix') format('embedded-opentype'),
         url('/root/fonts/helveticaneue-lightcond-webfont.woff') format('woff'),
         url('/root/fonts/helveticaneue-lightcond-webfont.ttf') format('truetype'),
         url('/root/fonts/helveticaneue-lightcond-webfont.svg#HelveticaNeueLightCond') format('svg');
    font-weight: normal;
    font-style: normal;
}

h2, .dinbold { font-family: 'DINBoldRegular'; font-weight:normal; }
.dinmedium { font-family: 'DINMedium'; font-weight:normal; }
h1, h3, .dinregular { font-family: 'DINRegular'; font-weight:normal; }

/*///////////////////////////////////*/
/*///////////////////////////////////*/

body{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#111;
background:#eee;
margin:0px;
padding:0px;
border-top: 4px solid #044575;
}
#header { position:relative; height:100px; margin:30px 0 20px 0; }
#logo_cmpv { float:left; }
.clear { clear:both; line-height:1px; height:1px; margin:0; padding:0; }
.fr { float:right; }
.fl { float:left; }
h1 { font-size:18px; color:#044575; margin:33px 0 15px 35px; float:left; /*text-transform:uppercase;*/ letter-spacing:-1px; position:relative;}
h2 { font-size:18px; color:#044575; text-transform:uppercase; letter-spacing:-1px; margin:10px 0 1px 0; }
h3 { font-size:16px; color:#555;  letter-spacing:-1px; border-bottom: 1px solid #CCCCCC; margin-right: 30px; padding-bottom: 5px; }
.small { font-size:11px; color:#999; }
/*label{ font-size:14px; }*/
hr { border:none;
border-top:1px solid #ddd;
margin:40px 0 30px 40px;
}
/*input {
margin:0px 7px 2px 0px;
background:#fff;
border-top:solid 1px #b4b4b4;
border-right:solid 1px #ececec;
border-bottom:solid 1px #e3e3e3;
border-left:solid 1px #cccccc;
font-family:Arial, Helvetica, sans-serif;
color:#333;
font-size:12px;
padding:2px 3px;
width:200px;
}*/
#etape2 { position:relative; }
#retour { cursor:pointer; position:absolute; top:4px; right:4px; }

.input_wrapper { margin: 3px 12px 3px 0; display: inline-block; position: relative; float:left; width:250px; height:33px; border:1px solid #CCCCCC; }
.input_wrapper_full_width { width:514px; }


.input_wrapper_disabled { background:#eee; }
.input_wrapper input.contact_form_disabled { color: #999999; }

.input_wrapper label, .textarea_wrapper label { color: #999; font-size: 12px; text-align: left; line-height: 35px; margin: 4px; padding: 0 9px; }
.input_wrapper label.error, .select_wrapper label.error { color: #666; font-size: 12px; text-align: left; line-height: 35px; margin: 4px; padding: 0 9px; background:none; }

.radio_wrapper { margin: 4px 0 2px 2px; display: inline-block; position: relative; float:left; color:#444; width:512px; padding:10px 0 6px; }
.radio_wrapper input.radio { margin:0; width:auto; background:none; border:none; }

.select_wrapper { margin: 4px 12px 8px 0; display: inline-block; position: relative; float:left; height:26px; border:1px solid #CCCCCC; padding:7px 0 0 10px; width:240px; }
.select_wrapper label { float:left; width:247px; margin:9px 11px 0 0; color:#fff; text-align:right; }
.select_wrapper select { float:left; width: 231px; /*height: 26px;*/ border:none; background:#fff; padding-top:2px; color:#666; }
.select_wrapper select .select_option { /*color: #0477a7;*/ }

.select_wrapper_double_width { width:516px; padding:0; border:none; height:100%; }
.select_wrapper_double_width select { width:516px; }
.select_wrapper_double_width label.error { margin:0; padding:0; display:none !important; }

.textarea_wrapper { margin: 3px 12px 3px 0; display: inline-block; position: relative; float:left; width:514px; height:100px; border:1px solid #CCCCCC; }

.textarea_wrapper textarea {
color: #444;
	font-size: 12px;
	text-align: left;
	line-height: 1.0em;
	margin: 4px;
	border: none;
	outline: none;
	background: transparent;
	position: absolute;
	line-height: 28px\9;
	left: 0;
	top: 0;
	width: 488px;
	height: 55px;
	padding: 7px 9px;
	border-bottom:1px solid #ddd;
}

 /*.error { background:url(../img/input-bg.png) bottom left no-repeat; }*/
 div.error { border:1px solid #CC0000; }
 
input#submit { padding:10px 35px 9px 35px; margin:10px 0 0 2px; clear:both; font-size:12px; font-weight:bold; width:250px; }

#landing-error, label.des-error { font-size:12px; color:#000; font-weight:bold; padding: 3px 0 2px 2px; }

p.puce { background:url(/root/display/201302-nov/img/puce.png) left center no-repeat; padding-left:10px; list-style:none; }
ul.puce { margin:0; padding:0; margin-left:12px; }
ul.puce li { font-size:12px; background:url(/root/display/201302-nov/img/puce.png) left 4px no-repeat; padding-left:10px; list-style:none; }


/*///////////////////////////////////*/
/*///////////////////////////////////*/

#wrapper{ position:relative; width:940px; margin:15px auto 20px auto; }
.demi-colonne { width:469px; float:left; }
/*.demi-colonne:nth-of-type(1) { margin-right:20px; }*/
#featured { 
position:relative; /*height:395px;*/ padding:35px 35px 35px 0; margin:8px 0 20px 0;
background: #fff;
/*-webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px;*/
}
#featured-content { /*width:600px;*/ }
#featured-content p { color:#044575; font-size:14px; }
#featured-content p.saut { font-size:8px; }
#featured-content p.highlight { font-size:16px; font-weight:bold; }

#featured-content #ZoneCompteur p { color: #bbb; font-size: 11px; position:absolute; left:12px; bottom:-5px; margin:0; padding:0; font-style:italic; }
#featured-content #ZoneCompteur p label#comptage { color: #bbb; font-size:11px; margin:0; padding:0; }

#offre-speciale {
font-size:13px; 
font-weight:bold;
color:#fad7b0;
padding:12px 15px;
background:#2e71a2;
-webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px;
}

#documentation { position:relative; background:#f9f9f9; height:195px; margin:0 0 20px 0; color:#666; font-size:11px; }
#documentation .fl { width:410px; padding:20px 0 0 40px; }
#documentation .pdf { background:url("/root/display/201302-nov/img/application-pdf.png") left top no-repeat; padding:0 0 2px 20px; color:#666; text-decoration:underline; line-height:18px; padding-top:2px; }
#documentation .video { background:url("/root/display/201302-nov/img/picto-video.png") left top no-repeat; padding:0 0 2px 20px; color:#666; text-decoration:underline; line-height:30px; padding-top:2px; }
#documentation .pdf:hover, #documentation .video:hover { text-decoration:none; }

.button-bleu {
color:#fff;
display:block;
padding:8px 50px 10px 20px;
display: inline-block;
float:left;
cursor: pointer;
line-height:18px;
border:none;
position:relative;
background:#044575;
}

.button-bleu:hover { transition: all 0.5s ease-out; background:#007AAD; }

.button-orange {
color:#fff;
display:block;
padding:8px 50px 10px 20px;
display: inline-block;
float:left;
cursor: pointer;
line-height:18px;
border:none;
position:relative;
	
background-color: #fd8400; /* Old browsers */
*background-color: #fd8400;
background-image: linear-gradient(top, #fd8400 0%, #cb5300 100%); /* W3C */
background-image: -o-linear-gradient(top, #fd8400 0%, #cb5300 100%); /* Opera 11.10+ */
background-image: -ms-linear-gradient(top, #fd8400 0%, #cb5300 100%); /* IE10+ */
background-image: -moz-linear-gradient(top, #fd8400 0%, #cb5300 100%); /* FF3.6+ */
background-image: -webkit-linear-gradient(top, #ffb814 0%, #cb5300 100%); /* Chrome10+,Safari5.1+ */
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fd8400), color-stop(1, #cb5300)); /* Chrome,Safari4+ */
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#FFfd8400,EndColorStr=#FFcb5300); /* IE6-9 */
-ms-filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#FFfd8400,EndColorStr=#FFcb5300); /* IE6-9 */

/*-webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.6) inset;
-moz-box-shadow: 0 1px 0 rgba(255,255,255,0.6) inset;
box-shadow: 0 1px 0 rgba(255,255,255,0.6) inset;

-webkit-text-shadow: 0 -1px 0 rgba(0,0,0,0.4);
-moz-text-shadow: 0 -1px 0 rgba(0,0,0,0.4);
-ms-text-shadow: 0 -1px 0 rgba(0,0,0,0.4);
-o-text-shadow: 0 -1px 0 rgba(0,0,0,0.4);
text-shadow: 0 -1px 0 rgba(0,0,0,0.4);

-webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px;*/
}


.button-orange.deuxlignes:after {
	position:absolute;
	top:16px;
	right:10px;
	content:url(/root/display/201302-nov/img/button_arrow.png);
}
.button-orange.uneligne:after {
	position:absolute;
	top:8px;
	right:10px;
	content:url(/root/display/201302-nov/img/button_arrow.png);
}

.button-orange:hover{
background-color: #cb5300;
*background-color: #cb5300;
background-image: linear-gradient(top, #cb5300 0%, #e76e00 100%);
background-image: -o-linear-gradient(top, #cb5300 0%, #e76e00 100%);
background-image: -ms-linear-gradient(top, #cb5300 0%, #e76e00 100%);
background-image: -moz-linear-gradient(top, #cb5300 0%, #e76e00 100%);
background-image: -webkit-linear-gradient(top, #cb5300 0%, #e76e00 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #cb5300), color-stop(1, #e76e00));
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#cb5300,EndColorStr=#e76e00);
-ms-filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#cb5300,EndColorStr=#e76e00);

-webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.2) inset;
-moz-box-shadow: 0 1px 0 rgba(255,255,255,0.2) inset;
box-shadow: 0 1px 0 rgba(255,255,255,0.2) inset;
}

.tabDetails {
position:relative;
margin:0 0 30px 0;
border:1px solid #e4e4e4;
background: #fefefe; /* Old browsers */
background: -moz-linear-gradient(top, #fefefe 0%, #f2f2f2 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#f2f2f2)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #fefefe 0%,#f2f2f2 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #fefefe 0%,#f2f2f2 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #fefefe 0%,#f2f2f2 100%); /* IE10+ */
background: linear-gradient(to bottom, #fefefe 0%,#f2f2f2 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */

-webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px;
}
.tabDetails .tabDetails-entete {
padding:1px 20px;
background: #f3f3f3; /* Old browsers */
background: -moz-linear-gradient(top, #f3f3f3 0%, #e6e6e6 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f3f3f3), color-stop(100%,#e6e6e6)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f3f3f3 0%,#e6e6e6 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #f3f3f3 0%,#e6e6e6 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #f3f3f3 0%,#e6e6e6 100%); /* IE10+ */
background: linear-gradient(to bottom, #f3f3f3 0%,#e6e6e6 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#e6e6e6',GradientType=0 ); /* IE6-9 */

-webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px;
}

.tabDetails-content { padding:10px 20px 10px 15px; }
.tabDetails-content .args { float:right; width:300px; margin-right:20px; }

.demi-colonne .tabDetails-content { height:230px; }
.demi-colonne .tabDetails-content img { margin:15px 0 0 6px; }


.tabDetails-content ul { list-style:none; padding:0; }
.tabDetails-content ul li { background:url(/root/display/201302-nov/img/puce.png) left 4px no-repeat; padding-left:10px; margin:3px 0; }

.tabDetails-content ul.coche-verte { list-style:none; padding:0; }
.tabDetails-content ul.coche-verte li { background:url(/root/display/201302-nov/img/coche_verte.png) top left no-repeat; padding-left:25px; margin:8px 0; }

footer { border-top:1px solid #dedede; clear:both; position:relative; }
div.sep { background:#fff; border-top:1px solid #d6d6d6; width:100%; height:1px; margin:20px 0; }
a#voirDemo { /*background:url("../img/demo.png") top left no-repeat; width:159px; height:159px; display:block; position:absolute; top:252px; left:35px; border:none; text-decoration:none; z-index:50;*/ }
#content-form-landing { background:#f0f0f0; width:460px; border-top:1px solid #e2006e; border-bottom:1px solid #e2006e; font-size:18px; padding:20px; }
#content-form-landing .champ {float:left; width:50%; margin:3px 0; }
#loader { margin-top:19px; display:none; clear:both; float:left; }
#loader img { float:left; margin-left:5px; }
#loader p { float:left; text-transform:uppercase; color:#044575; font-size:12px; font-weight:bold; margin:10px 0 0 10px; }

#sb-wrapper { top:20px; }

#plus-infos { float:right; margin:25px; }

#demo-promo { position:relative; background: #4f81bd; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; margin:15px 300px 0 0; padding:35px 40px 30px 175px; }
#demo-promo p { font-size:18px; color:#083d7b; margin:0; }

#formulaire { float:left; width:560px; margin:5px 0 0 45px; }

#logo-reseau { float: left; max-width: 100%; position: relative; }

p.jump { margin:0.2em 0; }

#raison_sociale_container, #prestataire_telesurveillance { display:none; }
.logo-homiris{
    height:79px;
}
.img-cote{
    width:257px;
    height:328px;
    border-radius:5px;
    margin-top:15px;
}
input[type="text"], input[type="tel"], input[type="email"] {
    color: #444;
    font-size: 12px;
    text-align: left;
    line-height: 1.0em;
    margin: 4px;
    margin-left: 0px;
    border:1px solid #c3c3c3;
    outline: none;
    background: transparent;
    line-height: 28px\9;
    left: 0;
    top: 0;
    width: 224px;
    height: 36px;
    padding: 0 9px;
}

select{
    color: #444;
    font-size: 12px;
    text-align: left;
    line-height: 1.0em;
    margin: 4px;
    margin-left: 0px;
    border:1px solid #c3c3c3;
    outline: none;
    background: transparent;
    line-height: 28px\9;
    left: 0;
    top: 0;
    width: 88.4%;
    height: 36px;
    padding: 0 9px;
}
.radio-group {
    display: inline-block;
    margin-bottom: 20px;
}

#I0\:panelContactFullEmailAppExt\.B{
    color: #fff;
    display: block;
    padding: 10px 35px 9px 35px;
    display: inline-block;
    float: left;
    cursor: pointer;
    line-height: 18px;
    border: none;
    position: relative;
    background: #044575;
    width: 244px;
}
.eps-formsStyle-submitBtn{
    padding: 10px 35px 9px 35px;
    margin: 10px 0 0 2px;
    clear: both;
    font-size: 12px;
    font-weight: bold;
    width: 250px;
}

textarea {
    color: #444;
    font-size: 12px;
    text-align: left;
    line-height: 1.0em;
    border: 1px solid #ddd;
    outline: none;
    background: transparent;
    line-height: 28px\9;
    left: 0;
    top: 0;
    width: 475px;
    height: 55px;
    padding: 7px 9px;
}


input#I0\:panelContactFullEmailAppExt\.p3{
    background-color: #ebebeb;
}

select#I0\:panelContactFullEmailAppExt\.typeClient\:DataEntry{
    /*position: relative;*/
    top: -44px;
    left: 251px
}
#logo-homiris, #img-cote-homiris, #mentions-homiris, #tarifs-homiris, #apporteur-pro, #apporteur-part {display: none;}
#I0\:panelContactFullEmailAppExt\.raison-socialeDnfta{display: none;}
#I0\:panelContactFullEmailAppExt\.surfaceDnfta{display: none;}
#I0\:panelContactFullEmailAppExt\.prestataireDnfta{display: none;}
#I0\:panelContactFullEmailAppExt\.activiteDnfta{display: none;}
#I0\:panelContactFullEmailAppExt\.commentaireDnfta{display: none;}
#I0\:panelContactFullEmailAppExt\.equipeDnfta{display: none;}
#I0\:panelContactFullEmailAppExt\.p1{display: none;}
#I0\:panelContactFullEmailAppExt\.p2{display: none;}
#I0\:panelContactFullEmailAppExt\.p3{display: none;}
#I0\:panelContactFullEmailAppExt\.p4{display: none;}

label#I0\:panelContactFullEmailAppExt\.L4 a{
    color: #999;
}
label#I0\:panelContactFullEmailAppExt\.L4 {
    font-size: 12px;
}

span#I0\:panelContactFullEmailAppExt\.typeClient\:span{}

.blocmsg.err, .blocmsg.err p {
    color: red !important;
}

.highlighted{
    background-color: #d9d9d9;
    padding: 10px;
    transition: background-color 1s linear; 
   -moz-transition: background-color 1s linear;  
   -webkit-transition: background-color 1s linear; 
   -ms-transition: background-color 1s linear; 
    transition: padding 1s linear;
}
.de-highlighted{
    padding: 0px;
    transition: padding 1s linear;
}

@-o-keyframes fadeIt {
  0%   { background-color: #FFFFFF; }
  50%  { background-color: #d9d9d9; }
  100% { background-color: #FFFFFF; }
}
@keyframes fadeIt {
  0%   { background-color: #FFFFFF; }
  50%  { background-color: #d9d9d9; }
  100% { background-color: #FFFFFF; }
}

.backgroundAnimated{
    padding: 5px;
    background-image:none !important; 
         -o-animation: fadeIt 5s ease-in-out; 
            animation: fadeIt 5s ease-in-out;
    transition: padding 1s linear; 
}