/*
Theme Name:     Generatepress enfant
Description:    Thème enfant de generatepress
Author:         Moi
Author URI:     https://www.annonce-salope.fr
Template:       generatepress                         
Version:        0.1.0
*/

/* Ajout CSS nécéssaire aux outils Carpediem & Prelinker */

.easy_geo_inscris { 
	border:0px solid #ccc;
	border-bottom:none;
	width:230px;
}
.easy_geo_inscris td {
	background-color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	padding:3px;
	border-bottom:1px solid #FFFFFF;
}
.easy_geo_inscris img {
	border-width:2px;
	border-color:#FFFFFF;
	margin-right:5px;
       /*clear:both;*/
}
.easy_geo_inscris a {
	color:#000000;
	font-weight:bold;
	text-decoration:none;
}
.easy_geo_inscris a:hover {
	color:#000000;
	text-decoration:underline;	
}
.easy_geo_inscris .label {
	color:#FF0000;
	font-weight:bold;
}


.showDesktop {
    display: block;
	text-align: center;
}
.showMobile {
    display: none;
}
@media only screen and (max-width: 488px) {
    .showDesktop {
        display: none;
    }
    .showMobile {
        display: block;
    }
}

#fakeSearchForm { width: 100%; margin: 0 auto; padding: 1px; font-family: Arial, Helvetica, sans-serif; text-align: left; color: #000000; }
#fakeSearchForm .control-group { clear: both; width: 95%; height: 30px; line-height: 30px;  margin: 5px auto; padding: 0; }
#fakeSearchForm .control-group label { display: inline-block; width: 35%; height: 24px; float: left; margin: 0; padding: 0; text-align: right; line-height: 30px; font-size: 12px; color: #000000; }
#fakeSearchForm .control-group select { display: inline-block; width: 65%; height: 30px; float: right; margin: 0; padding: 0; background-color: #ffffff;  border: 1px solid #cccccc;  border-radius: 3px; vertical-align: middle; line-height: 20px; font-size: 14px; font-weight: normal; color: #555555; }
#fakeSearchForm .form-actions { text-align: center; margin: 15px 0; }
#fakeSearchForm .form-actions button[type=submit] { width: auto; padding: 9px 15px; margin: 0 auto; background: #38B7EE; border: 1px solid #3890EC; border-radius: 2px; font-size: 16px; font-weight: bold; color: #FFFFFF; }
#fakeSearchForm .form-actions button[type=submit]:hover { background: #3890EC; border: 1px solid #3890EC; }
@media screen and (max-width: 480px) {
    #fakeSearchForm .control-group label { width: 30%; }
    #fakeSearchForm .control-group select { width: 70%; }
}

#webcams-page h2 { 
    color: #303030;
    line-height: 40px;
    text-transform: uppercase;
}

#webcams-page ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#webcams-page ul li {
    width: 33%;
    float: left;
}

#webcams-page ul li a {
    display: block;
    width: 95%;
    margin-bottom: 5px;
    border: 4px solid #0586BD;
    border-radius: 4px;
    text-align: center;
    color: #0586BD;;
    font-size: 13px;
    font-weight: bold;
}

#webcams-page ul li a span {
    font-weight: normal;
}

#webcams-page ul li a img {
    width: 95%;
    margin: 5px auto;
    border: 1px solid  #0586BD;
    border-radius: 4px;
}

@media screen and (max-width: 768px) {
    #webcams-page ul li {
        width: 50%;
    }
}

@media screen and (max-width: 360px) {
    #webcams-page ul li {
        width: 100%;
        float: none;
    }
}

.breadcrumbs {
    width: 98%; 
    padding: 15px;
    margin: 10px auto;
    background: #ffffff;
    border: 0;
    border-radius: 5px;
}

.breadcrumbs ul {
    width: 100%;
    height: 30px;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.breadcrumbs ul li {
    width: 33%;
    height: 30px;
    padding: 0 10px;
    float: left;
    line-height: 30px;
    font-size: 14px;
    font-weight: bold;
    color: #313131;
    text-transform: uppercase;
    border-right: 1px solid #c0c0c0;
}

.breadcrumbs ul li:nth-child(3) {
    border: 0;
}

.breadcrumbs ul li.active {
    color: #0485BC;
}

.breadcrumbs ul li span {
    background: #313131;
    padding: 5px 10px;
    border-radius: 4px;
    color: #ffffff;
    font-size: 16px;
}

.breadcrumbs ul li.active span {
    background: #0485BC;
    padding: 5px 10px;
    border-radius: 4px;
    color: #ffffff;
}

.inside #regForm { width: 98%; margin: 20px auto; background-color: rgba(220, 220, 220, 0.8); border: 1px solid #0485BC; border-radius: 4px; }
.inside #regForm h1 { margin: 10px 0; text-align: center; font-size: 18px; color: #0485BC; text-transform: uppercase; }
.inside #regForm .control-group { position: relative; width: 90%; height: 60px; overflow: hidden; margin: 5px auto; clear: both; }
.inside #regForm .control-group label { display: block; width: 30%; height: 40px; float: left; margin: 0; padding: 0; font-size: 14px; font-weight: bold; line-height: 40px; color: #0485BC; }
.inside #regForm .control-group input { z-index: 1000; display: block; width: 67%; height: 40px; float: left; padding: 0 5px; margin: 0; font-size: 14px; font-weight: normal; line-height: 40px; color: #555555; border: 1px solid #cccccc; border-radius: 3px; background-color: #ffffff; }
.inside #regForm .form-actions { padding: 19px 20px 20px; margin-top: 20px; margin-bottom: 20px; background: rgba(245, 245, 245, 0.6); border-top: 1px solid #e5e5e5; text-align: center; }
.inside #regForm .form-actions:before, .form-actions:after { display: table; line-height: 0; content: ""; }
.inside #regForm .form-actions:after { clear: both; }
.inside #regForm .form-actions button[type=submit] { width: auto; padding: 9px 15px; background: #0485BC; border: 0; border-radius: 3px; font-size: 14px; font-weight: bold; color: #FFFFFF; }  
.inside #regForm .has-success .control-feedback { color: #3c763d; }
.inside #regForm .has-error .control-feedback { color: #cc3333; }
.inside #regForm .control-group .control-feedback { position: absolute; top: 0; right: 25px; z-index: 2000; display: block; width: 34px; height: 34px; line-height: 34px; text-align: center; }
.inside #regForm .control-group label.error { position: absolute; top: 5px; right: 55px; display: block; width: auto; height: 20px; margin: 0; padding: 5px; font-size: 12px; font-weight: bold; line-height: 20px; color: #cc3333; }

.inside #regFormFinal { width: 98%; margin: 20px auto; background-color: rgba(220, 220, 220, 0.8); border: 1px solid #0485BC; border-radius: 4px; }
.inside #regFormFinal h1 { margin: 10px 0; text-align: center; font-size: 18px; color: #0485BC; text-transform: uppercase; }
.inside #regFormFinal p { padding: 10px; text-align: left; }
.inside #regFormFinal a { display: block; width: 60%; text-align: center; padding: 9px 15px; margin: 10px auto; background: #0485BC; border: 0; border-radius: 3px; font-size: 14px; font-weight: bold; color: #FFFFFF; }  

@media screen and (max-width: 1200px) {
    .breadcrumbs ul li {
        font-size: 12px;
    }
}

@media screen and (max-width: 980px) {
    .breadcrumbs {
        display: none;
    }
    .inside #regForm .control-group .control-feedback { right: 13px; }
    .inside #regForm .control-group label.error { right: 37px; }
}

@media screen and (max-width: 480px) {
    .inside #regForm .control-group label { width: 100%; height: 20px; float: none; line-height: 20px; }
    .inside #regForm .control-group input { width: 100%; float: none; }
    .inside #regForm .control-group .control-feedback { right: 3px; top: 19px; }
    .inside #regForm .control-group label.error { right: 30px; top: 24px; }
}

.YMThumbs { display: block; width: 90%; padding: 10px; margin: 0 auto; clear: both; }
.YMThumbs ul { width: 100%; margin: 0;  padding: 0; list-style-type: none; }
.YMThumbs ul li { width: 16.6%; float: left; text-align: center; overflow: hidden; }
.YMThumbs ul li img { width: 95%; max-width: 180px; margin: 5px auto; cursor: pointer; }

@media screen and (max-width: 768px) {
    .YMThumbs ul li { width: 33.33%; }
}

@media screen and (max-width: 480px) {
    .YMThumbs ul li { width: 50%; }
}

@media screen and (max-width: 360px) {
    .YMThumbs ul li { width: 50%; }
    .YMThumbs ul li:nth-child(6) { display: none; }
}

.calltoaction { display: inline-block; width: 250px;  text-align: center; padding: 9px 15px; margin: 10px auto; background: #FFAD13; border: 0; border-radius: 3px; font-size: 14px; font-weight: bold; color: #FFFFFF; text-decoration: none; }