/* *****************************************************

    ** Custom Stylesheet **

    Any custom styling you want to apply should be
    defined here.

***************************************************** */


* { transition: color 0.5s, background 0.5s, border 0.5s, box-shadow 0.5s;} 

.dropdown-menu .icone { min-height: 30px; padding-top: 5px; }
.dropdown-menu .icone i { font-size: 28px!important; color:#1093C1; text-shadow: 2px 2px 6px rgba(0,0,0,0.2); }

.dropdown-menu .service { overflow: auto; margin-top: 10px; margin-bottom:15px;}
.dropdown-menu .service h3 { margin-top: 10px; text-transform: uppercase; font-size: 16px; font-weight: 700; color:#1093C1; }
.dropdown-menu .service li { border-bottom: 1px solid #999; transition: box-shadow 0.2s, background 0.5s; }
.dropdown-menu .service li a { color:#777; text-decoration: none; display: block; padding: 5px 0px!important; transition: color 0.5s;}
.dropdown-menu .service li:hover { border-bottom: 1px solid #1093C1; background: #1093C1; box-shadow: 0px 2px 5px rgba(0,0,0,0.6); }
.dropdown-menu .service li:hover a { color:#fff; }


.casaweb { height: 20px; overflow: hidden; }
.casaweb .the-casabox { height: 20px; box-sizing:content-box; overflow: auto; width: 100%; padding-right: 24px; }
.casaweb, .casaweb h1, .casaweb h2, .casaweb h3, .casaweb h4, .casaweb h5, .casaweb h6, .casaweb p{ font-size: 14px; font-weight: normal; margin:0px 0px 10px; padding:0px; }
form.verifdomaine { padding: 11px 15px 11px; }
input.verifdomaine { width: 230px; padding: 3px 8px;}
input.submitdomaine { background: #1093c1; color:#fff; border-radius: 3px; border:0px; padding: 5px 8px; cursor: pointer; }
input.submitdomaine:hover { background: #DE6262; }



#pays { display: none; position: absolute; top: 43px; left:0px; background: #444; color:#fff; padding: 10px 15px; overflow: auto; z-index:1000001;}
#pays a { float:left!important; clear:left; margin:0px!important; padding:0px!important; color:#ffffff!important; } 
#pays a:hover { color:#ccc!important; }
#pays a .pays_ico { margin-right: 10px;  }
#closePays { display: none; position: fixed; top:0px; left:0px; width: 100%; height: 100%; z-index:1000000;}

#imageslider h1 { font-size: 24px; }
#imageslider h2.big {
	font-size: 24px;
	text-align: center;
 	font-weight: bold; 
 	margin: 0px;
}

@media screen and (max-width: 2000px){
	.casaweb { display: none;  height: 20px; overflow: auto; }
}
@media screen and (max-width: 767px){
	#pays { right:0px; }
	#topheader .fa { padding-right: 5px; }
	.paysBT img { height: 30px; }
	.inherit { position: inherit!important; }
}

@media screen and (min-width: 768px){



	#imageslider h2.big {
		font-size: 50px;
		text-align: center;
	 	font-weight: bold; 
	 	margin: 0px;
	}
	.notrelative { position: inherit!important;}
	.notrelative a{ padding: 15px 12px!important; }
	form.verifdomaine {display:none; }
	.text-casaweb { text-align: right; }
	.dropdown-menu .icone { min-height: 50px; padding-top: 12px; }
	.dropdown-menu .icone i { font-size: 45px!important;}
	.dropdown-menu .icone { min-height: 100px; }
	.dropdown-menu.normal.row { width: 500px; padding-top: 15px!important; left:auto; right:0px; max-height: 500px; overflow: auto; }
}
@media screen and (min-width: 911px){
	.dropdown-menu.normal.row { width: 800px; padding-top: 15px!important; left:auto; right:0px; max-height: none;}
}

@media screen and (min-width: 1199px) {

	form.verifdomaine {display:block; }
	form.verifdomaine { padding: 11px 15px 0px; }
	.notrelative { position: inherit!important;}
	.dropdown-menu .service { overflow: auto; padding-bottom: 10px; margin-bottom:15px;}
	.dropdown-menu.normal.row { width: 800px; padding-top: 15px!important; left:auto; right:0px;  max-height: none;}
}