#content {
    padding: 0px 10px 20px 10px;
}

#content .bloc-categorie {
    width: 222px;
    display: inline;
    float: left;
    padding-right: 6px;
    height: 180px;
}

#content .titre h2 {
    color: #333;
    font-weight: bold;
    margin: 15px 0px 10px 0px;
    padding: 15px 0px 10px 0px;
    border: none;
}

#content .sous-titre h2 {
    font-size: 24px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    margin-bottom: 15px;
    padding-bottom: 8px;
    padding-top: 25px;
}

#content .bloc-categorie img {
    padding-right: 5px;
    width: 100px;
}

#content .bloc-categorie p {
    padding: 0px;
    margin: 0px;
    float: right;
    width: 116px;
}

#content .bloc-categorie p a{
    color: #333333;
}

#content .bloc-categorie p a:hover{
    color: #265aa2;
}

#content .bloc-categorie div p:first-of-type {
    padding: 0px;
    float: left;
    width: 100px;
}

#content .bloc-categorie h3 a {
    color: #428bca;
    text-decoration: none;
    font-size: 13px;
    font-weight: bold;
}

#content .bloc-categorie a:before {
    content: none;
}

.separateur {
    display: block;
    clear: both;
    margin: 10px 0px 10px 0px;
    padding: 10px 0px 10px 0px;
    border-bottom: 1px dashed grey;
}

.image-accueil div p img, .vignette-big div p img {
    padding: 4px;
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
}

.vignette-big div p img {
    margin-right: 10px;
    margin-bottom: 10px;
    float: left;
}

.info-float-gauche, .info-float-droit {
    min-height: 20px;
    padding: 13px 18px;
    margin-bottom: 20px;
    background-color: #EEE;
    overflow: hidden;
    border-radius: 3px;
    border: none;
    margin-top: 15px;
}
.info-float-gauche {
    padding: 10px 0px 10px 10px;
    margin: 0px 0px 10px 10px;
    float : left;
    width: 55%;
}

.info-float-droit {
    float : right;
    width: 45%;
}

#content .ancre div h3 a {
    visibility: hidden;
}

.cell div a:before {
    content: "\f0da";
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    float: left;
    margin-top: 2px;
    margin-right: 7px;
    font-size: 13px;
    margin-left: 0;
}

.text-intro div a:before {
    content: none; 
}

#real-content ul > li:before {
    content: none;
}

#content .dernier-formulaire {
	margin-top: 2em;
}

#content .dernier-formulaire div a,
#content .formulaire div a, #content .popup div a {
    color: #265aa2;
}

#content .popup div a:after{
    margin-left: 5px;
    font-family: FontAwesome;
    content: "\f08e";
    color: #333;
    text-decoration: none;
}

@media (max-width: 592px) {
        .vignette-big div p img {
        margin-right: 10px;
        margin-bottom: 10px;
        float: none;
    }
    
}

@media (max-width: 991px) {
	.header {
		padding-bottom: 4px;
	}
}

div.dataview div.field span.label {
    font-weight: bold;
    color: #333;
    min-width: 48%;
    max-width: 100%;
    float: left;
    font-size: 12px;
    text-align: left;
    padding-top: 8px;
    white-space: normal;
}

div.dataview div.field .value {
    display: block;
    margin-left: 1em;
    margin-bottom: 1ex;
    padding-left: 10px;
    padding-top: 5px;
    min-width: 48%;
    float: none;
    line-height: 20px;
}

form, .right {
 text-align: left;
}

div.dataview {clear: both; padding-bottom: 40px;}

div.dataview div.field {
    border-bottom: 1px solid #eee;
    clear: both;
}

div.dataview div.field span.label {
    font-weight: bold;
    /*text-decoration: underline; */
    color: #333;
    color: #333;
    min-width: 48%;
    float: left;
    font-size: 12px;
    text-align: left;
    padding-top: 8px;
}

form div.page,
div.dataview div.page {
	border: 1px solid #aaa;
	padding: 1ex;
	margin-bottom: 1em;
}

#recherche .input-group-btn {
	display: inline-block;
}
