@charset "utf-8";
/* CSS Document */
#container{background-image:url(../img/fd_part.png); background-position:top left; background-repeat:no-repeat; min-height:950px;}
.titre{padding-top:20px; padding-bottom:20px; font-size:36px;}
.bloc_part{width:230px; height:160px; background-color:#f3f3f3; position:relative; margin:10px;display: inline-block;/*float:left;*/ text-align:center;}
.bloc_part p{ font-style:italic; bottom:0px; position:relative;text-align:center;}
.bloc_part .logo_part{ margin-top:10px;}
.bloc_part .plus{position:absolute; right:0px; top:0px;}

button {border: none;cursor: pointer;display: inline-block;margin: 3px 2px;background: none; width:15px; height:15px;}
button:hover{border:none;}button:active{border:none;}
.md-close{position: absolute;top: 20px;right: 20px; background:url(../img/pictos.png) no-repeat; background-position:-30px 0px;}
.md-close:hover{background:url(../img/pictos.png) no-repeat; background-position:-45px 0px;}
.md-trigger{background:url(../img/pictos.png) no-repeat; background-position:0px 0px;}
.md-trigger:hover{background:url(../img/pictos.png) no-repeat; background-position:-15px 0px;}
.md-modal {position: fixed;top: 50%;left: 50%;width: 50%;max-width: 630px;min-width: 320px;height: auto;z-index: 2000;visibility: hidden;-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;backface-visibility: hidden;-webkit-transform: translateX(-50%) translateY(-50%);-moz-transform: translateX(-50%) translateY(-50%);-ms-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%);}
.md-show {visibility: visible;}
.md-overlay {position: fixed;width: 100%;height: 100%;visibility: hidden;top: 0;left: 0;z-index: 1000;opacity: 0;background: rgba(80,79,79,0.3);-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
.md-show ~ .md-overlay {opacity: 1;visibility: visible;}

/* Content styles */

.md-content {color:#656565;background: #FFFFFF;position: relative;margin: 0 auto; box-shadow: 5px 5px 5px #7f7f7f; }
.md-content > div {padding: 15px 40px 30px;margin: 0;}
.md-content > div p {margin: 0;padding: 10px 0;font-style:italic;}
.md-content div img{ max-height:100px; max-width:200px;}
.md-content div p a{ /*color:#485b78;*/ color:#00654a;}
.md-content div p a:hover{color:#122644;}
.md-content button {display: block;margin: 0 auto;font-size: 0.8em;}
.info{ font-style:normal; color: #9c9e9d;}

.md-effect-1 .md-content {
	-webkit-transform: scale(0.7);
	-moz-transform: scale(0.7);
	-ms-transform: scale(0.7);
	transform: scale(0.7);
	opacity: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;}

.md-show.md-effect-1 .md-content {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;}
	
	
/*LES TABS*/
.tabs input[type=radio] {
position: absolute;
top: -9999px;
left: -9999px;
}
.tabs {
/*width: 650px;*/
float: none;
list-style: none;
position: relative;
padding: 0;
margin: 20px auto;
}
.tabs li{
float: left;
}
.tabs label {
display: block;
padding: 10px 20px;
border-radius: 2px 2px 0 0;
color: #5c5c5c;
font-size: 14px;
/*font-weight: normal;
font-family: 'Roboto', helveti;
background: rgba(255,255,255,0.2);*/
cursor: pointer;
position: relative;
top: 0;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.tabs label:hover {
/*background: rgba(255,255,255,0.5);*/
top: 0;
}

[id^=tab]:checked + label {
/*background: #08C;
color: white;*/
text-decoration:underline;
top: 0;
}
[id^=tab]:checked ~ [id^=tab-content] {display: block;}
.tab-content{
z-index: 2;
display: none;
text-align: left;
width: 100%;
font-size: 20px;
line-height: 140%;
padding-top: 10px;
/*background: #08C;
padding: 15px;*/
color: white;
/*position: absolute;
top: 53px;*/
left: 0;
min-height:300px;
box-sizing: border-box;
-webkit-animation-duration: 0.5s;
-o-animation-duration: 0.5s;
-moz-animation-duration: 0.5s;
animation-duration: 0.5s;
}