/* ==================== GLOBAL ==================== */

@font-face {
	font-family: 'Conv_MachineStd';
	src: url('fonts/MachineStd.eot');
	src: local('?'), url('fonts/MachineStd.woff') format('woff'), url('fonts/MachineStd.ttf') format('truetype'), url('fonts/MachineStd.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Conv_SpecialElite';
	src: url('fonts/SpecialElite.eot');
	src: local('?'), url('fonts/SpecialElite.woff') format('woff'), url('fonts/SpecialElite.ttf') format('truetype'), url('fonts/SpecialElite.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Conv_JaneAust';
	src: url('fonts/JaneAust.eot');
	src: local('?'), url('fonts/JaneAust.woff') format('woff'), url('fonts/JaneAust.ttf') format('truetype'), url('fonts/JaneAust.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
body{
  background-color: #232323;
}

.row {
    max-width: 74.5rem;
}
a{
	color:#B4341E;
}
h2 {
    background-color: #000;
    color: #fff;
    display: inline-block;
    font-family: 'Conv_MachineStd',Sans-Serif;
    font-size: 2.3125rem;
    margin-top: 10px;
    padding: 15px 30px 5px;
}
h3 {
    color: #B4341E;
    font-family: 'Conv_MachineStd',Sans-Serif;
    font-size: 1.4rem;
	margin:10px 0;
}
h4 {
    color: #000;
    font-family: 'Conv_MachineStd',Sans-Serif;
    font-size: 1.2rem;
	margin:10px 0;
	background-image:url('../images/fleche.png');
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:25px;
	padding-top:5px;
}
body{
	background-image:url('../images/background.jpg');
	background-repeat:no-repeat;
	background-position:top center;
	background-attachment:fixed;
}
.row-body .container{
	background-color:#fff;
}

@media only screen and (max-width: 40em) { /* pour smartphone */
	.column, .columns {
		padding-left: 5px;
		padding-right: 5px;
	}
}


/* ==================== BANDEAU ==================== */

.row.row-header {
    background-color: #232323;
    max-width: 100%;
    min-height: 160px;
}
.right{
margin-right:2.1em!important;
}

.top-bar {
    background: none repeat scroll 0 0 #232323;
    margin: 0 auto;
    max-width: 80rem;
}
.top-bar .title-area {
    float: left;
    margin-left: -32px;
}
@media only screen and (min-width: 40em) {
	.top-bar-section li:not(.has-form) a:not(.button) {
		background: none repeat scroll 0 0 #232323;
	}
	.top-bar-section ul li {
		margin-right: 10px;
		background: none repeat scroll 0 0 transparent;
	}
	.top-bar-section ul li > a {
		font-family: 'Conv_MachineStd',Sans-Serif;
		font-size: 1.2rem;
		padding: 116px 15px 0 !important;
	}
	.top-bar-section ul, .top-bar-section li:not(.has-form) a:not(.button) {
		background: none repeat scroll 0 0 transparent;
	}
	.top-bar-section ul li .active {
		background: none repeat scroll 0 0 #b4341e;	
		/*-webkit-transform:skew(30deg);
		-moz-transform:skew(30deg);
		-o-transform:skew(30deg);
		tranform:skew(30deg);*/
	}
	.top-bar-section li.active:not(.has-form) {
		background: none repeat scroll 0 0 #b4341e !important;	
		/*-webkit-transform:skew(13deg);
		-moz-transform:skew(13deg);
		-o-transform:skew(13deg);
		tranform:skew(13deg);
		position: relative;
		left: -15px;
		border:1px solid blue;*/
	}
	.top-bar-section li.active:not(.has-form) a:not(.button) {
		background: none repeat scroll 0 0 transparent !important;
		/*position: relative;
		left: 15px;
		-webkit-transform:skew(-13deg);
		-moz-transform:skew(-13deg);
		-o-transform:skew(-13deg);
		tranform:skew(-13deg);
		border:1px solid yellow;*/
	}
	.top-bar-section li:hover {
		background: none repeat scroll 0 0 #2d2d2d!important;/*b4341e*/	
		/*-webkit-transform:skew(13deg);
		-moz-transform:skew(13deg);
		-o-transform:skew(13deg);
		tranform:skew(13deg);
		position: relative;
		left: -15px;*/
	
	}

	.top-bar-section li:not(.has-form) a:hover:not(.button) {
		background: transparent !important;
		/*-webkit-transform:skew(-13deg);
		-moz-transform:skew(-13deg);
		-o-transform:skew(-13deg);
		tranform:skew(-13deg);
		position: relative;
		left: 15px;*/
	
	}
	
	.top-bar-section .right li .dropdown{
		z-index:200;
	}
	.top-bar-section .has-dropdown > a{
		padding-right:0.5em!important;
	}

}
@media only screen and (min-width: 40em) and (max-width: 75em) {	/* pour les ordi */
	.row.row-header {
		min-height: 107px !important;
	}
	.top-bar .title-area img {
		width:200px;
	}
	.top-bar-section ul li > a {
		font-size: 1.1rem;
		padding: 62px 10px 0 !important;
	}
	.top-bar-section li.active:not(.has-form) {
		left: -5px !important;
	}
	.top-bar-section li.active:not(.has-form) a:not(.button) {
		left: 5px !important;
	}
	.top-bar-section li:hover {
		left: -5px !important;
	}
	.top-bar-section li:not(.has-form) a:hover:not(.button) {
		left: 5px !important;
	}
}
@media only screen and (min-width: 40em) and (max-width: 72em) {	/* pour les tablettes */
	.row.row-header {
		min-height: 107px !important;
	}
	.top-bar .title-area img {
		width:200px;
	}
	.top-bar-section ul li > a {
		font-size: 0.8rem;
		padding: 62px 5px 0 !important;
	}

.container_accueil #searchbutton{
		float:right;
		margin-top:0px!important;
	}
}
@media only screen and (min-width: 40em) and (max-width: 52em) {	/* corrige les bugs d'affichage pour ce format de transition */
	.row.row-header {
		min-height: 80px !important;
	}
	.top-bar .title-area img {
		width:150px;
	}
	.top-bar-section ul li > a {
		font-size: 0.7rem;
		padding: 35px 0px 0 !important;
	}
	

}
@media only screen and (max-width: 45em) { /* pour smartphone */
	.row.row-header {
		min-height: 140px;
		background-color:#232323;
	}
	.top-bar.expanded .title-area {
		background: none repeat scroll 0 0 #232323;
	}
	.top-bar {
		height: 140px;
	}
	.top-bar .name {
		font-size: 16px;
		height: 140px;
		margin: 0;
	}
	.top-bar .title-area img {
		width:300px !important;
		height:140px !important;
		text-align:center;
		margin:0 auto;
	}
	.top-bar-section ul li.active > a {
		background: none repeat scroll 0 0 #b4341e;
		font-family: 'Conv_MachineStd',Sans-Serif;
		font-size: 1.4rem;
		padding-top: 18px;
	}
	.top-bar-section ul li > a {
		font-family: 'Conv_MachineStd',Sans-Serif;
		font-size: 1.4rem;
	}
	.top-bar-section ul li.active > a:hover {
		background: none repeat scroll 0 0 #333;
	}
	h2 {
		font-size: 1.5rem;
		padding: 8px 20px 0px;
	}
	.right{
margin-right:0em!important;
}

	.hasard{
		clear:both;
		text-align:center;
	}
	.hasard a{
		font-size:0.3em!important;
		text-align:center;
		padding:0.5em;
		color:white;
		width:30%!important;
		background-color:#D03017;
}

}


/* ==================== INDEX ==================== */

.container_accueil{
	background-color:transparent !important;
}
.typeahead.tt-input{
background-color:#fff!important;

}
#searchebutton{
margin-left:10px;

}
.container_accueil #bloc_recherche{
	margin-top:200px;
}


.container_accueil #recherche{
	background:rgba(0, 0, 0, 0.6);
	padding: 10px 20px;
}
#recherche p{
	text-align:center;
	font-family: Arial;
	font-size:1.6rem;
	color:#fff;
}
.container_accueil .twitter-typeahead{
	display:block !important;
	width:90%;
	float:left;
}
 button#searchbutton, .button  {
   
    background-image: url("../images/loupe.png") !important;
    height: 33px !important;
    background:transparent;
    margin: 0 !important;
    padding: 0 !important;
    position: relative;
    top: 2px;
    width: 40px !important;
}
 button#searchbutton:hover, .button:hover {
   
   background:transparent;
}
.info-pictos{
text-align:right;
padding:0.5em;
font-size:0.8em;
background-color:#232323;
color:white;
}
.hasard{
clear:both;
text-align:center;
}
.hasard a{
font-size:0.5em;
text-align:center;
padding:0.5em;
color:white;
width:200px;
background-color:#D03017;
}


/* ==================== FICHE SOLDAT ==================== */

#fiche_soldat{
	background-image:url('../images/fond-fiche-soldat.jpg');
	padding:20px;
	margin-bottom:20px;
	margin-top:10px;
}
#fiche_soldat .row {
    margin: 0 !important ;
    max-width: none;
    width: auto;
}
.typewriter{
	font-family: 'Conv_SpecialElite';
	font-size:18pt;
	color:#525252;
}
.manuscrit{
	font-family: 'Conv_JaneAust';
	font-size:28pt;
	color:#3c3834;
}
#fiche_soldat p{
	margin:0 !important;
}
#rubriques_soldat h2{
    display: block;
    font-size: 1.8rem;
    margin-top: 0px;
    padding: 10px 20px 0px;
}
.titre_temoignage{
	font-size:1.4rem;
	font-weight:bold;
	color:#B4341E;
	border-left:#000 double 2px;
	padding-left:10px;
}
@media only screen and (max-width: 40em) { /* pour smartphone */
	#fiche_soldat{
		padding:5px 0px;
		margin-bottom:20px;
		margin-top:5px;
	}
	.typewriter{
		font-size:12pt;
	}
	.manuscrit{
		font-size:18pt;
	}
	.right{
	margin-left:15px;
	}
}

/*moteur de recherche accueil*/
.container_accueil .typeahead.tt-input{
margin-left:35px;
background-color:#fff;
}
.container_accueil .typeahead.tt-hint{
background-color:transparent!important;
margin-left:35px;
}
.container_accueil .tt-dropdown-menu{
margin-left:35px;
width:100%;
background-color:white;
margin-top:-2.5%;
-webkit-box-shadow:inset 1px 1px 3px 1px #ccc;
box-shadow:inset 1px 1px 3px 1px #ccc;
}
 .tt-suggestion{
border-bottom:1px solid #ccc;
padding-bottom:0em!important;
margin-bottom:0em!important;
}
 .tt-suggestion p{
color:black!important;
font-size:0.9rem!important;
text-align:left!important;
line-height:1.5rem;
vertical-align:middle!important;
}
 .tt-suggestion p.temoignage
{
background-image:url('../images/comment.png');
background-repeat:no-repeat;
background-position:1% 90%;
padding-top:15px;
padding-left:35px;
 cursor:  pointer;
}
 .tt-suggestion p.soldat
{
background-image:url('../images/soldat.png');
background-repeat:no-repeat;
background-position:1% 90%;
padding-top:15px;
padding-left:35px;
 cursor:  pointer;
}
.browsehappy{
background-color:white!important;
border:1px dashed red;
padding:0.5rem;
}

.corps_temoignage{
margin:0em;
padding:1em;
border:1px dashed #ccc;
line-height:2em;
}

/*sous menu*/
.top-bar-section .has-dropdown ul li a {
padding-top:0em!important;

}

a.liendesactive{
    cursor:default;
}
.top-bar-section .has-dropdown > a:after { /*disparition fleches menu avec sous menu*/
   border-color: transparent transparent transparent;
}

/*listing resultat*/

.result{
float:left;
width:45%;
border:1px dashed #ccc;
padding:1em;
margin:1em;
}

/*recherche pages*/
.container #recherche{
margin-top:10px;
padding-bottom:1em;
width:100%;
}

.container .twitter-typeahead{
	display:block !important;
	width:95%;
	float:left;	
}

.container .tt-dropdown-menu{
width:100%;
background-color:white;
margin-top:-16px;
-webkit-box-shadow: 1px 1px 2px 2px #ccc;
box-shadow: 1px 1px 2px 2px #ccc;
}

.container_accueil footer{
display:none;
}