@charset "utf-8";

@font-face {
    font-family: 'bodegasans-mediumregular';
    src: url('bodegasans-medium-webfont.eot');
    src: url('bodegasans-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('bodegasans-medium-webfont.woff') format('woff'),
         url('bodegasans-medium-webfont.ttf') format('truetype'),
         url('bodegasans-medium-webfont.svg#bodegasans-mediumregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'conduit_itcregular';
    src: url('conduit_itc-webfont.eot');
    src: url('conduit_itc-webfont.eot?#iefix') format('embedded-opentype'),
         url('conduit_itc-webfont.woff') format('woff'),
         url('conduit_itc-webfont.ttf') format('truetype'),
         url('conduit_itc-webfont.svg#conduit_itcregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'conduit_itcbold_italic';
    src: url('conduit_itc_bold_italic1-webfont.eot');
    src: url('conduit_itc_bold_italic1-webfont.eot?#iefix') format('embedded-opentype'),
         url('conduit_itc_bold_italic1-webfont.woff') format('woff'),
         url('conduit_itc_bold_italic1-webfont.ttf') format('truetype'),
         url('conduit_itc_bold_italic1-webfont.svg#conduit_itcbold_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'conduit_itcmedium_italic';
    src: url('conduit_itc_medium_italic1-webfont.eot');
    src: url('conduit_itc_medium_italic1-webfont.eot?#iefix') format('embedded-opentype'),
         url('conduit_itc_medium_italic1-webfont.woff') format('woff'),
         url('conduit_itc_medium_italic1-webfont.ttf') format('truetype'),
         url('conduit_itc_medium_italic1-webfont.svg#conduit_itcmedium_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'conduit_itcbold';
    src: url('ufonts.com_conduit_itc_bold_1-webfont.eot');
    src: url('ufonts.com_conduit_itc_bold_1-webfont.eot?#iefix') format('embedded-opentype'),
         url('ufonts.com_conduit_itc_bold_1-webfont.woff') format('woff'),
         url('ufonts.com_conduit_itc_bold_1-webfont.ttf') format('truetype'),
         url('ufonts.com_conduit_itc_bold_1-webfont.svg#conduit_itcbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

body{
	min-height:100%;
	width:100%;
	margin:auto 0;
	background-image:url(fond.jpg);
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-position:center top;
	background-size: cover;
	-webkit-background-size: cover; 
	-moz-background-size: cover;
	-o-background-size: cover; 
	}

/*-----------------------------------------------Menu-------------------------------------------*/
		#menu {
			background: #224346; 
			width:200px;
			position:fixed; 
			right:-200px; 
			top:100px;
			transition: all 0.5s ease;
			}
			
		#menu:hover {
			right:0px;
			}
		
		ul {
			list-style-type:none; 
			margin:0; 
			padding:0; 
			font-family: 'conduit_itcbold';
			color:#FFF;
			}
			
		li {
			padding:0 20px; 
			line-height:30px;
			}
		
		a {
			text-decoration:none;
			color:white;}

		li:hover {
			background: #f55602;
			transition: all 0.2s ease;
			}
			
		li:nth-child(1)::after {
			content:'Menu'; 
			position:fixed; 
			right:00px;
			top:50px; 
			font-size:1.5em; 
			color:#FFF;
			background: #224346;
			line-height:20px; 
			padding:15px 30px ; 
			font-family: 'conduit_itcbold';
			}

/*-----------------------------------------------Fin Menu-------------------------------------------*/



#contenu {
	width:90%;
	height:90%;
	margin:0% 5% 5% 5%;
		}

#header{
	text-align:center;
}

#content{
	padding:1% 1% 4% 4%;
	margin-top:5px;
background-color:rgba(255,255,255,0.7);

}

#content a{
color:#224346;
}

#content a:hover{
color:#f55602;
}

h1 {
	text-align:center;
	font-family: 'bodegasans-mediumregular';
	font-weight:normal;
	font-size:72px;
	margin:5px;
	color:#224346;
}

h2{
	font-family: 'conduit_itcbold';
	font-size:30px;
	font-weight:normal;
	text-align: center;
	margin:10px 0 1% 0;

}

#footer{
	text-align:center;
	font-family: 'conduit_itcregular';
	font-size:10px;
}
#footer img{
	margin-top:1%;	
	margin-bottom:2px;	
}
#footer p{
	margin:0;	
}

#content img {

        margin: 1% 2% 1% 1%;
        width: 30%;
        max-width: 500px;
        vertical-align: top;
        display: inline-block;

}
	

.present {
        margin-top: 2%;
        margin-bottom: 0%;
        margin-right: 5%;
        vertical-align: top;
        display: inline-block;
        width: 61%;

}
@media (max-width:768px){
.present{width:95%}
#content img {width:97%}

}

p{margin:15px;
font-family: 'conduit_itcregular';}

.it{
	font-family: 'conduit_itcmedium_italic';}