/*HTML*/
body {
	background-color: #f5f5f5;
    color: #000;
	}


/*HEADER*/
header { background: url(../images/template/bg-header.png) repeat-x bottom; height: 130px; position: relative;}
header.style1 {border-bottom:none; border-top:none;}
header.style1:after {content: normal;}
#logo a {padding: 5px;}


ul.topnav {margin-top: 0;margin-bottom: 20px;}
ul.topnav li { margin-left: 5px;}
ul.topnav li.accueil a { text-indent:-10000px; display:block; width:59px; height:43px; background:url(../images/template/lien-accueil.png) no-repeat;}
ul.topnav li.accueil a:hover { background:url(../images/template/lien-accueil-hover.png) no-repeat;}
ul.topnav li.demonstration a { text-indent:-10000px; display:block; width:257px; height:43px; background:url(../images/template/lien-demonstration.png) no-repeat;}
ul.topnav li.demonstration a:hover { background:url(../images/template/lien-demonstration-hover.png) no-repeat;}

nav#main_menu { clear: right;}
nav#main_menu > ul > li > a { color:#c20920; text-transform:uppercase; margin:0; padding: 0 12px;}
nav#main_menu > ul > li.active > a {background: none; padding: 0 12px; margin:0; color:#000}
nav#main_menu > ul > li > a:hover {background: none; padding: 0 12px; margin:0; color:#000 }

nav#main_menu > ul > li > a:after {
    border-bottom: 3px solid #e9eaeb;
    bottom: -12px;
    content: "";
    height: 0;
    left: 12px;
    position: absolute;
    width: 25px;
}
nav#main_menu > ul > li.active > a:after { border-color:#000;}


/*CONTENT*/
section#content {margin-top: 10px;}
/*section#content {margin-top: 10px; padding-bottom:120px;}
.home section#content {padding-bottom:0;}*/
.mentions section#content { padding-bottom:100px;}

/*Banniere accueil*/
#slideshow {top: -20px; border-bottom:15px solid #b90f1e}
#slideshow:after {content: normal;}
#slideshow .bg-wrapper-image {width:100%; height:100%; min-height:457px; background:url(../images/template/banniere-accueil.jpg) no-repeat center center;-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
#slideshow .container {padding: 70px 0 50px;}
.static-content { padding-right: 50px; text-align:center; width:450px; float:right}
.static-content h2 { background:url(../images/template/bg-slideshow-h2.png) no-repeat; width:447px; height:37px; display:block; text-indent:-10000px; margin-top:0;margin-bottom: 10px;}
.static-content h3 { font-size: 24px; text-transform:uppercase; color:#b90f1e; text-shadow:none;margin-top:30px;}
.static-content h5 { font-size: 22px; text-transform:uppercase; font-weight:normal; line-height:28px;color:#FFF; padding:10px 10px; background: url(../images/template/bg-slideshow-h5.png) repeat; display: inline-block; margin-top:30px;}
.static-content a h5:hover { color:#B90F1E}

/*Bannière contenu*/
#page_header {border-bottom: 15px solid #B90F1E;top: -20px;min-height: 181px;}
#page_header .container {padding: 25px 0 0;}
#page_header .bgback.bg1 {background:url(../images/template/banniere-contenu.jpg) no-repeat center top;}
#page_header:before, #page_header:after { content:normal}
#page_header h2 { display:block; color:#FFF; background: url(../images/template/bg-titre.png) repeat; display: inline-block;
    text-transform: uppercase; font-weight: normal; padding: 0 70px 0 10px; font-size: 26px;letter-spacing: 1px;}


/*Demande de demo*/
.m_title {color:#1a171b;}
h3.m_title { font-size:36px;  text-transform:uppercase; font-weight:normal; margin:0;}
p.s_title { font-size:14px; letter-spacing:1px;}
.demande-demo { background:url(../images/template/bg-demande-demo.png) no-repeat; height:78px; width:182px; display: block}
.demande-demo:hover { background:url(../images/template/bg-demande-demo-hover.png)}
.demande-demo span { margin-top:20px; margin-left:20px; color:#fff; text-transform:uppercase; font-weight:bold; display:inline-block; font-size:14px;line-height: 22px;}

/*Points forts*/
.process_steps { text-align:center}
.process_steps .step.intro { background-color:#dcdcdc;  text-align:center}
.process_steps .step.step1 { background-color:#c9c9c9}
.process_steps .step.step2 { background-color:#b5b5b5}
.process_steps .step.step3 { background-color:#a0a0a0}
.process_steps .step.intro:after { border-left-color: #dcdcdc;}
.process_steps .step.step1:after { border-left-color: #c9c9c9;}
.process_steps .step.step2:after { border-left-color: #b5b5b5;}
.process_steps h3 { text-transform:uppercase; color:#b90f1e; font-size:24px !important; font-weight:bold !important; margin-top: 0; line-height:30px;}
.process_steps p { color:#1a171b}

/*Version disponibles*/
.smallm_title { color: #b90f1e; font-size:24px;}
.feature_box.style3 .box {padding: 0; background-color:#b90f1e}
.feature_box.style3 .box .title { color: #FFFFFF; text-transform:uppercase; text-shadow:none; margin:10px 0; display: inline-block; font-size: 18px; font-weight: normal;}
.feature_box.style3 .box:hover .title {margin:10px 0;}
.feature_box.style3 .box:hover { background-color:#363636}
.feature_box.style3 .box:hover:after {content: normal;} 
.feature_box.style3 .box:hover:before {content: normal;}

/*Les services*/
.services_box .title {margin-top:0;}
.services_box .title a {font-size: 16px; font-weight: 700; text-transform:uppercase; color: #B90F1E; text-shadow: none; }
.services_box .title a:hover { color:#222}
.services_box .icon {float:left;background:#222;-webkit-border-radius:10%; -moz-border-radius:10%; border-radius:10%;  height: 80px;}
.services_box .box:hover .icon {background:#B90F1E;}
.services_box p { font-size:14px; text-align:justify}

/*Les fonctions du logiciel*/
.feature_box.style2 .box { padding:5px 15px; background:#e5e5e5;margin-bottom: 10px;
	-moz-box-shadow: 3px 3px 5px 0px #cfcfcf;
	-webkit-box-shadow: 3px 3px 5px 0px #cfcfcf;
	-o-box-shadow: 3px 3px 5px 0px #cfcfcf;
	box-shadow: 3px 3px 5px 0px #cfcfcf;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#cfcfcf, Direction=135, Strength=5);
	}
.feature_box.style2 h4 { padding-left:40px; background:url(../images/template/bg-ok-mini.png) no-repeat left center; text-transform: uppercase; text-shadow: none; font-size:18px; color:#b90f1e}
.feature_box.style2 p {margin-left: 85px; margin-bottom:15px;}
.feature_box.style2 span.icon {margin-right: 14px; padding: 8px;background: none;-webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0}
.feature_box.style2.v2 h4 { background:none;padding-left: 0; }
.feature_box.style2.v2 span.icon { padding:0;margin-right:30px;}
.feature_box.style2.v2 .content_box {margin-left: 85px;margin-top: 30px;}
.feature_box.style2.v2 .content_box p {margin-left: 0;}
.feature_box.style2.v2 .content_box h3 { text-transform:uppercase; font-size:14px;}

/*Contenu*/
.row.t1 {display:none;}
.row.nomargin { margin-bottom:5px;}

/*Mise en forme de textes*/
hr { border:1px solid #cccccc;  margin-top:0;}
h3.titre { text-transform:uppercase; font-weight:normal; color:#1A171B; padding-left:15px;}
p.sous-titre { font-size:14px; line-height:22px;}
blockquote { border-color:#E9EAEB}
blockquote p {font-size: 18px;}

/*Tableaux comparatifs*/
.table th { text-transform:uppercase}
.table-hover tbody tr:hover td {background-color: #eee;}
.table-hover td, .table-hover th { text-align:center;}
.table-hover td.noborder { border-top: none;}
td.fonction, th.fonction { text-align:left; width:500px}
p.infos { font-style:italic}

/*Formulaire*/
#contact_form textarea { height: 135px;}


/*Onglets*/
.acc-group.style2 { margin-bottom: 10px;  border: 1px solid #e5e5e5; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; }
.acc-group.style2 > button {padding-left:80px; background:url(../images/template/bg-ok.png) no-repeat left center #e5e5e5; text-transform: uppercase; font-size:14px; text-decoration:none; font-weight:700;
	-moz-box-shadow: 3px 3px 5px 0px #cfcfcf;
	-webkit-box-shadow: 3px 3px 5px 0px #cfcfcf;
	-o-box-shadow: 3px 3px 5px 0px #cfcfcf;
	box-shadow: 3px 3px 5px 0px #cfcfcf;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#cfcfcf, Direction=135, Strength=5);
	}
.acc-group.style2 > button:after {background:url(../images/template/acc-arr1.png) no-repeat center top; opacity:1; filter:alpha(opacity=100);}
.acc-group.style2 > button.collapsed {color:#b90f1e;}
.btn-link, .btn-link:hover { color: #000;}


/*Boutons*/
.btn {background:#1a171b;
	color:#FFF;
	text-transform:uppercase;
	-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;
	-webkit-box-shadow: none;-moz-box-shadow: none; box-shadow: none;
	text-shadow: none;}
.btn:hover {background:#b90f1e;color:#FFF;}

.btn.navig {		
	font-size:16px;
	background:#b90f1e;
	padding: 4px 20px;
	}
.btn.navig.actif { background:#1a171b}
.btn.navig:hover { background:#efefef; color:#1a171b}

.btn i.icon-chevron-right {background-image: url("../images/glyphicons-halflings-white.png");}
.btn.right { float:right; margin-top:15px;}



/*FOOTER*/
/*#footer {position: fixed;bottom: 0;width: 100%;}
.home #footer {position: relative;bottom: normal;width: auto;}*/
#footer { background: url(../images/template/bg-footer.png) repeat-x top; border-top:none; padding: 20px 0 20px; color: #000;}
#footer .row { margin-bottom:0;}
#footer a {color:#000; }
#footer a:hover { text-decoration:underline; color:#c20920;}
#footer p.adresse { margin-top:10px;}
#footer img.partenaires {margin-top:10px;}
#footer p.mentions { margin-top:30px; font-size:11px; color:#ccc}
#footer p.mentions a {color:#aaa}

#totop {background-color: #363636;}
#totop.on { right:10px; opacity:1; filter:alpha(opacity=100);}
#totop.off{right:-59px}
#totop:hover { opacity:1; filter:alpha(opacity=100); background-color:#b90f1e}