@import url(http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:400,300,200);
@import url(http://fonts.googleapis.com/css?family=Lobster);

/*
	Halcyonic by HTML5 UP
	html5up.net | @n33co
	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
*/

/*********************************************************************************/
/* Global                                                                        */
/*********************************************************************************/

/* Basic */

	body
	{
		background: #D4D9DD url('images/bg03.jpg');
	}

	body, input, textarea, select
	{
		color: #474f51;
		font-size: 13.5pt;
		font-family: 'Yanone Kaffeesatz';
		line-height: 1.85em;
		font-weight: 300;
	}

        .button-big
	{
		display: inline-block;
		background: #ed391b;
		color: #fff;
		text-decoration: none;
		font-size: 1.75em;
		font-weight: 300;
		padding: 15px 45px 15px 45px;
		outline: 0;
		border-radius: 10px;
		box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.75), inset 0px 2px 0px 0px rgba(255,192,192,0.5), inset 0px 0px 0px 2px rgba(255,96,96,0.85), 3px 3px 3px 1px rgba(0,0,0,0.15);
		background-image: -moz-linear-gradient(top, #ed391b, #ce1a00);
		background-image: -webkit-linear-gradient(top, #ed391b, #ce1a00);
		background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ed391b), to(#ce1a00));
		background-image: -ms-linear-gradient(top, #ed391b, #ce1a00);
		background-image: -o-linear-gradient(top, #ed391b, #ce1a00);
		background-image: linear-gradient(top, #ed391b, #ce1a00);
		text-shadow: -1px -1px 1px rgba(0,0,0,0.5);
	}

	.button-big:hover
	{
		background: #fd492b;
		box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.75), inset 0px 2px 0px 0px rgba(255,192,192,0.5), inset 0px 0px 0px 2px rgba(255,96,96,0.85), 3px 3px 3px 1px rgba(0,0,0,0.15);
		background-image: -moz-linear-gradient(top, #fd492b, #de2a10);
		background-image: -webkit-linear-gradient(top, #fd492b, #de2a10);
		background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fd492b), to(#de2a10));
		background-image: -ms-linear-gradient(top, #fd492b, #de2a10);
		background-image: -o-linear-gradient(top, #fd492b, #de2a10);
		background-image: linear-gradient(top, #fd492b, #de2a10);
	}

	.button-big:active
	{
		background: #ce1a00;
		box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.75), inset 0px 2px 0px 0px rgba(255,192,192,0.5), inset 0px 0px 0px 2px rgba(255,96,96,0.85), 3px 3px 3px 1px rgba(0,0,0,0.15);
		background-image: -moz-linear-gradient(top, #ce1a00, #ed391b);
		background-image: -webkit-linear-gradient(top, #ce1a00, #ed391b);
		background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ce1a00), to(#ed391b));
		background-image: -ms-linear-gradient(top, #ce1a00, #ed391b);
		background-image: -o-linear-gradient(top, #ce1a00, #ed391b);
		background-image: linear-gradient(top, #ce1a00, #ed391b);
	}
        
	ul, ol, p, dl
	{
		margin: 0 0 2em 0;
	}
        ol, ul {
                list-style: disc; 
        }

	a
	{
		text-decoration: underline;
	}
	
	a:hover
	{
		text-decoration: none;
	}

	section > :last-child, .last-child
	{
		margin-bottom: 0 !important;
	}

/* Multi-use */

	.link-list
	{
	}
	
		.link-list li
		{
			padding: 0.2em 0 0.2em 0;
		}
		
		.link-list li:first-child
		{
			padding-top: 0 !important;
			border-top: 0 !important;
		}
		
		.link-list li:last-child
		{
			padding-bottom: 0 !important;
			border-bottom: 0 !important;
		}

		#content .link-list li
		{
			border-bottom: solid 1px #e2e6e8;
		}

		#footer .link-list li
		{
			border-top: solid 1px #e0e4e6;
			border-bottom: solid 1px #b5bec3;
		}

	.quote-list
	{
	}
	
		.quote-list li
		{
			padding: 1em 0 1em 0;
			overflow: hidden;
		}
		
		.quote-list li:first-child
		{
			padding-top: 0 !important;
			border-top: 0 !important;
		}

		.quote-list li:last-child
		{
			padding-bottom: 0 !important;
			border-bottom: 0 !important;
		}

			.quote-list li img
			{
				float: left;
			}

			.quote-list li p
			{
				margin: 0 0 0 90px;
				font-size: 1.2em;
				font-style: italic;
			}
			
			.quote-list li span
			{
				display: block;
				margin-left: 90px;
				font-size: 0.9em;
				font-weight: 400;
			}

		#content .quote-list li
		{
			border-bottom: solid 1px #e2e6e8;
		}

		#footer .quote-list li
		{
			border-top: solid 1px #e0e4e6;
			border-bottom: solid 1px #b5bec3;
		}
	
	.check-list
	{
	}

		.check-list li
		{
			padding: 0.7em 0 0.7em 45px;
			font-size: 1.2em;
			background: url('images/icon-checkmark.png') 0px 1.05em no-repeat;
		}
		
		.check-list li:first-child
		{
			padding-top: 0 !important;
			border-top: 0 !important;
			background-position: 0 0.3em;
		}

		.check-list li:last-child
		{
			padding-bottom: 0 !important;
			border-bottom: 0 !important;
		}

		#content .check-list li
		{
			border-bottom: solid 1px #e2e6e8;
		}

		#footer .check-list li
		{
			border-top: solid 1px #e0e4e6;
			border-bottom: solid 1px #b5bec3;
		}
		
        
	.feature-image
	{
		display: block;
		margin: 0 0 2em 0;
		outline: 0;
	}
	
		.feature-image img
		{
			display: block;
			width: 100%;
		}

	.bordered-feature-image
	{
		display: block;
		background: #fff url('images/bg04.png');
		padding: 1px;
		box-shadow: 3px 3px 3px 1px rgba(0,0,0,0.15);
		margin: 0 0 1.5em 0;
		outline: 0;
	}
	
		.bordered-feature-image img
		{
			display: block;
			width: 100%;
		}
	
	
        
        #logo
        {
                
                display: inline-block;
                margin-bottom: 0px;
                width: 50%;
                position: relative;
                top: 25px;
        }
        
        form 
        {
                //background-color:#FAFAFA;
                padding:2px;
                width:280px;
        }
        
        fieldset 
        {
                padding:0 20px 20px 20px;
                margin-bottom:0px;
                border:1px solid #DF3F3F;
        }
        
        legend 
        {
                color:#DF3F3F;
                font-weight:bold
        }
 
        label 
        {
                margin-top:0px;
                display:block;
        }
        
        label.inline 
        {
                display:inline;
                margin-right:50px;
        }
        
        input, textarea, select 
        {
                padding:3px;
                border:1px solid #F5C5C5;
                border-radius:5px;
                width:200px;
                box-shadow:1px 1px 2px #C0C0C0 inset;
        }
        
        select 
        {
                margin-top:0px;
        }
 
        input[type=submit], input[type=reset] 
        {
                width:100px;
                margin-left:30px;
                box-shadow:1px 1px 1px #D83F3D;
                cursor:pointer;
        }
 
        input:focus:invalid,  textarea:focus:invalid, email:focus:invalid 
        { 
            /* champ invalide */
                background: #fff url(../images/exclamation.png) no-repeat 98% center;
                box-shadow: 0 0 5px #d45252;
                border-color: #b03535
        }
 
        input:required:valid,  textarea:required:valid, input:email:valid
        { 
            /* champ valide*/
                background: #fff url(../images/accept.png) no-repeat 98% center;
                box-shadow: 0 0 5px #5cd053;
                border-color: #28921f;
        }
        
        .fixeDevis
        {
                position: fixed;
                margin-left: 25%; 
                left: 0;
                top: 25%;
                width: 8em;   
        }
        
        #gras
        {
            font-weight: bold;
        }        
        
        aside
        {
            position: relative;
            width: 235px;
            padding: 25px;
            -webkit-box-shadow: 10px 10px 20px -1px rgba(0,0,0,0.75);
            -moz-box-shadow: 10px 10px 20px -1px rgba(0,0,0,0.75);
            box-shadow: 10px 10px 20px -1px rgba(0,0,0,0.75);
            border-radius: 78px 78px 78px 78px;
            -moz-border-radius: 78px 78px 78px 78px;
            -webkit-border-radius: 78px 78px 78px 78px;
            border: 0px solid #000000;
        }
		
.image-gallery { margin: 20px 0 25px 0; }

        figure 
        {
          
          float: left;
          margin: 0 20px 0 0;
          background: white;
          border: 10px solid white;
          -webkit-box-shadow: 0 3px 10px #ccc;
          -moz-box-shadow: 0 3px 10px #ccc;

          -webkit-transition: all 0.7s ease;
          -moz-transition: all 1s ease;
          position: relative;
        }

        figcaption 
        {
          text-align: center;
          display: block;
          font-size: 12px;
          font-style: italic;
        }
        
        figure:hover
        {
          -webkit-transform: rotate(-1deg); -moz-transform: rotate(1deg);
          -webkit-box-shadow: 0 3px 10px #666; -moz-box-shadow: 0 3px 10px #666;
        }

        figure:focus
        {
          outline: none;
          -webkit-transform: scale(2.5); -moz-transform: scale(2.5);
           -webkit-box-shadow: 0 3px 10px #666; -moz-box-shadow: 0 3px 10px #666;
          z-index: 9999;
        }
	footer
	{
		font-family: "Open Sans", Arial, sans-serif;
		color: black;
		text-align: center;
		text-decoration: none;
	}
	footer a:link 
	{ 
		 text-decoration:none; 
		 color: black;
	}