{#/*********************************************************************************
 * This file is part of Myddleware.

 * @package Myddleware
 * @copyright Copyright (C) 2013 - 2015  Stéphane Faure - CRMconsult EURL
 * @copyright Copyright (C) 2015 - 2016  Stéphane Faure - Myddleware ltd - contact@myddleware.com
 * @link http://www.myddleware.com	
 
 This file is part of Myddleware.
 
 Myddleware is free software: you can redistribute it and/or modify
 it under the terms of the GNU General Public License as published by
 the Free Software Foundation, either version 3 of the License, or
 (at your option) any later version.

 Myddleware is distributed in the hope that it will be useful,
 but WITHOUT ANY WARRANTY; without even the implied warranty of
 MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 GNU General Public License for more details.

 You should have received a copy of the GNU General Public License
 along with Myddleware.  If not, see <http://www.gnu.org/licenses/>.
*********************************************************************************/ #} 

body {
	background: url({{ asset('bundles/regle/images/') }}template/fd.jpg) repeat-y; 
	background-color: #9DC0E1;
}

#logo {
	background: url({{ asset('bundles/regle/images/') }}template/logo.png) no-repeat; 
	background-size: 158px;
	height: 113px;
	width: 160px;
	display: inline-block;
	margin-top: 50px;
}


menu .caret, #myd_top .caret {
	background: url({{ asset('bundles/regle/images/') }}template/arrow-menu.png) no-repeat; 
	height: 13px;
	width: 14px; 
	border: none;
}

#cloud {
	background: url({{ asset('bundles/regle/images/') }}template/cloud.png) no-repeat; 
	height: 129px;
	width: 397px; 
	display: inline-block;
	border: none;
}

#fd-title-small {
	background: url({{ asset('bundles/regle/images/') }}template/fd-title-small.png) no-repeat; 
	height: 71px;
	width: 179px; 
	display: inline-block;
	border: none;
    margin: 20px 20px 20px -13px;
    padding-top: 15px;	
    color: white;
    text-align: center;
    line-height: 1em;
}

#fd-title-large {
	background: url({{ asset('bundles/regle/images/') }}template/fd-title-large.png) no-repeat; 
	height: 71px;
	width: 600px; 
	padding: 15px 0 0 16px;
	display: inline-block;
	border: none;
    margin: 20px 20px 20px -13px;
    color: white;
    text-align: left;
    line-height: 1em;
}

#fd-title-large p {
	margin: 0 0 2px !important;
}

#fd-title {
	background: url({{ asset('bundles/regle/images/') }}template/fd-title.png) no-repeat; 
	height: 71px;
	width: 293px; 
	display: inline-block;
	border: none;
    margin: 20px 20px 20px -13px;
    padding-top: 15px;
    color: white;
    text-align: center;

    font-size: 0.9em;
    line-height: 0.6em;
    padding-left: 8px;
    text-align: left;
}

/* boutons */

.btn-myd, .btn-mydinv, .btn-mydinv:hover, .btn-myd:hover {
	color: #404042;
	font-weight: bold;
	background: url({{ asset('bundles/regle/images/') }}template/btn.png) no-repeat; 
	height: 31px;
	min-width: 196px;  
	border: none;  
	display:inline-block; 	
    line-height: 2em;
    text-align: center;	
}

.btn-small-myd, .btn-small-mydinv, .btn-small-mydinv:hover, .btn-small-myd:hover {
	color: #404042;
	font-weight: bold;
	background: url({{ asset('bundles/regle/images/') }}template/btn-small.png) no-repeat; 
	height: 31px;
	width: 50px;  
	border: none; 
	display:inline-block; 		
}

.btn-middle-myd, .btn-myddle-mydinv, .btn-middle-mydinv:hover, .btn-middle-myd:hover {
	color: #404042;
	font-weight: bold;
	background: url({{ asset('bundles/regle/images/') }}template/btn-middle.png) no-repeat; 
	height: 31px;
	width: 100px;  
	border: none;  
	display:inline-block; 			
}

.btn-large-myd, .btn-large-mydinv, .btn-large-mydinv:hover, .btn-large-myd:hover {
	color: #404042;
	font-weight: bold;
	background: url({{ asset('bundles/regle/images/') }}template/btn-large.png) no-repeat; 
	height: 31px;
	width: 340px;
	border: none;  
	display:inline-block; 		
}


.btn-myd, .btn-small-myd, .btn-middle-myd, .btn-large-myd  {
	background-position: left top;   		
}

.btn-myd:hover, .btn-small-myd:hover, .btn-middle-myd:hover, .btn-large-myd:hover {
	background-position: left bottom;
	text-decoration:none;
	cursor:pointer;
}

.btn-mydinv, .btn-small-mydinv, .btn-middle-mydinv, .btn-large-mydinv {
	background-position: left bottom;	
}

.btn-mydinv:hover, .btn-small-mydinv:hover, .btn-middle-mydinv:hover, .btn-large-mydinv:hover {
	background-position: left top;
	text-decoration:none;
	cursor:pointer;
}