body	{ margin:0;padding:0;	    background-image: url("body.png");   background-size: 100%;}
div	{	 margin:0;padding:0;	}

#content	{	position : absolute ;	left:0; top : 0; right : 0 ; bottom : 0;	color:white;	text-align: center; margin:0; padding:0;	/*\*/ overflow: auto; /* no need for Mac IE5 to see this */	}

	
#contentinner 	{	text-align: center; 		padding-top: 10em; /* get the top of the text clear of the header */	}
	
#header	{	position: absolute;	top: 0;	width: 100%;	height: 110px;	left: 0;	margin-left: 0;	background-image : url('../images/bandeau.png') ;  background-size: 100%;	}

.photoproduit {width:200px;    height:200px;}
.panneau { background-color:#EFEFEF;  color: #303030; margin:0px; padding:0px; }
.roundedImage{    overflow:hidden;    -webkit-border-radius:100px;    -moz-border-radius:100px;    border-radius:80px;    width:400px;    height:500px; }
.carousel-inner > .item > img {    margin: 0 auto;  }
.jumbotron {  color: #303030;    font-size : 30px; margin-left:-15px; margin-right:-15px;}
.jumbotron2 {  color: #303030;  height: 667px; width:100%;}
.footer	{ 	width: 100%; height: 80px;	left: 0;	margin-left: 0;	background-color :#FE9A2E;  background-size: 100%;	}
.bt_comi { width:400px; background-color:#c4bc96; color : #9e3a38; font-weight: bold; text-align: left;}
.well {background-color: #C1BFB1;  color: #303030;  font-size : 14px; text-align:left}
.lead  { color:white;}
@font-face{font-weight:normal;font-style:normal;font-family:'feathericons';src:url('../fonts/feathericons/feathericons.eot?-8is7zf');src:url('../fonts/feathericons/feathericons.eot?#iefix-8is7zf') format('embedded-opentype'),url('../fonts/feathericons/feathericons.woff?-8is7zf') format('woff'),url('../fonts/feathericons/feathericons.ttf?-8is7zf') format('truetype'),url('../fonts/feathericons/feathericons.svg?-8is7zf#feathericons') format('svg')}
*, *:after, *:before {box-sizing: border-box;}
.grid{position:relative;margin:0 auto;padding:1em 0 4em;max-width:1000px;list-style:none;text-align:center}
.grid figure{position:relative;float:left;overflow:hidden;margin:10px 1%;min-width:320px;max-width:480px;max-height:360px;width:48%;background:#3085a3;text-align:center;cursor:pointer}
.grid figure img{position:relative;display:block;min-height:100%;max-width:100%;opacity:.8}
.grid figure figcaption{padding:2em;color:#fff;text-transform:uppercase;font-size:1.25em;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.grid figure figcaption::before,.grid figure figcaption::after{pointer-events:none}
.grid figure figcaption,.grid figure figcaption>a{position:absolute;top:0;left:0;width:100%;height:100%}
.grid figure figcaption>a{z-index:1000;text-indent:200%;white-space:nowrap;font-size:0;opacity:0}
.grid figure h2{word-spacing:-0.15em;font-weight:300}
.grid figure h2 span{font-weight:800}
.grid figure h2,.grid figure p{margin:0}
.grid figure p{letter-spacing:1px;font-size:68.5%}
@media screen and (max-width:50em){
.grid figure{display:inline-block;float:none;margin:10px auto;width:100%}
}

figure.effect-winston{background:#162633;text-align:left}
 figure.effect-winston img{-webkit-transition:opacity .45s;transition:opacity .45s;-webkit-backface-visibility:hidden;backface-visibility:hidden}
 figure.effect-winston figcaption::before{position:absolute;top:0;left:0;width:100%;height:100%;background:url(../img/triangle.svg) no-repeat center center;background-size:100% 100%;content:'';-webkit-transition:opacity .45s,-webkit-transform .45s;transition:opacity .45s,transform .45s;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);-webkit-transform-origin:0 100%;transform-origin:0 100%}
 figure.effect-winston h2{-webkit-transition:-webkit-transform .35s;transition:transform .35s;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}
 figure.effect-winston p{position:absolute;right:0;bottom:0;padding:0 1.5em 7% 0}
 figure.effect-winston a{margin:0 10px;color:#5d504f;font-size:170%}
 figure.effect-winston a:hover,figure.effect-winston a:focus{color:#cc6055}
 figure.effect-winston p a i{opacity:0;-webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s;-webkit-transform:translate3d(0,50px,0);transform:translate3d(0,50px,0)}
 figure.effect-winston:hover img{opacity:.6}
 figure.effect-winston:hover h2{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
 figure.effect-winston:hover figcaption::before{opacity:.7;-webkit-transform:rotate3d(0,0,1,20deg);transform:rotate3d(0,0,1,20deg)}
 figure.effect-winston:hover p i{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
 figure.effect-winston:hover p a:nth-child(3) i{-webkit-transition-delay:.05s;transition-delay:.05s}
 figure.effect-winston:hover p a:nth-child(2) i{-webkit-transition-delay:.1s;transition-delay:.1s}
 figure.effect-winston:hover p a:first-child i{-webkit-transition-delay:.15s;transition-delay:.15s}

ul#minitabs { list-style: none; margin: 0; padding: 7px 0; font-weight: bold; text-align: center; white-space: nowrap ; }
ul#minitabs li { display: inline; margin: 0 10px;}
ul#minitabs a { text-decoration: none; padding: 0 0 3px; color:#303030;  }
ul#minitabs a#current { border-color:#303030;  color:#303030; }
ul#minitabs a:hover { border-color:#9e3a38; color: #666;  border-bottom: 4px solid #303030;  }