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

body	{
	border: 0px solid black; 
	margin: 0;
	padding: 0;
	background-image: url('../images/background.jpg');
	background-attachment : fixed;
	background-position: center 0px;
	background-size: cover;
    font-family: "Varela Round","Roboto Slab","Helvetica Neue",Helvetica,Arial,sans-serif;	
}@media screen and (max-width: 600px){body{
	background-image: none;}
}

a {
	text-decoration: none; 
}

a:link, a:visited{
	color: #1155aa;
	padding : 1px 3px;	
}

a:hover, a:active {
	background: #1155aa;
	border-radius : 8px;
	color: #FFFFFF;	
	padding : 1px 3px;	
}


p a:hover{
	background : transparent;
}

.pages {
	background-color: white;
	border-radius: 5vh;
	opacity : 0.9;
	color : black;
	margin: 30px 15vw 20px 15vw;
	padding : 0.5vw 2vw 2vw 2vw;
	font-size: 12pt;
	text-align:center;
}@media screen and (max-width: 1280px){.pages{
	margin: 30px 10vw 20px 10vw;}
}

.pages.main {
	background-color: white;
	text-align:left;
}@media screen and (max-width: 600px){.pages.main {
	opacity : 1;
	color : black;
	margin: 55px 0 0px 0;}
}

.pages.cv {
	background-color: #fff;
}

.pages.medias {
	background-color: #fff;
}

.pages.contact {
	background-color: #fff;
}

.pages.footer {
	background-color: #fff;
	margin: 30px 15% 20px 15%;
}@media screen and (max-width: 1280px){.pages.footer{
	margin: 30px 10vw 20px 10vw;}
}
	
.ext {
	background-image: none;
	color : black;
	margin: 0px 15% 0px 15%;
	padding : 0;
	font-size: 12pt;
	min-height : 100%;
}
	
.titre1 {
	background-color : #1155aa; 
	border-radius: 5vh;
	font-family:"champagnelimousinesregular";
	color: white;
	font-size : 5vh;
	padding : 1px 7px 1px 15px;
	margin-top : 1vh;		
	text-align : center;
}@media screen and (max-width: 600px){.titre1 {
	padding : 2px;
	margin-top : 0;	
	height: 0px;}
}
	
.titre2 {
	background-color : #01959a; 
	border-radius: 3vh;
	font-family:"champagnelimousinesregular";
	color: white;
	font-size : 3vh;
	padding : 1px 7px 1px 9px;
	text-align : center;	
}@media screen and (max-width: 600px){.titre2 {
	padding : 2px;}
}		

.highlight {
	font-weight:bold;
}

.highlight a {
	font-weight:bold;
}	

.highlight a:hover {
	color:white;
}	

.profil_pic {
	float:left;
	background-color:#fff;
	background-image:url('../images/reto2.jpg');
	background-size:cover;
	height:35vmin;
	width:25vmin;
	border:1px solid #1155aa;
	border-radius:10px;
	margin : 0px 20px 10px 0px;
}

.profil_pic:hover {
	background-color:#fff;
	background-image:url('../images/reto3.jpg');
}

.text_line {
    clear: both;
}

.cv_iframe {
	width: 45vw;
	min-width: 800px;
	height: 75vh;
}@media screen and (max-width: 1080px){.cv_iframe {
	width: 73vw;
	min-width: 0px;
}
}@media screen and (max-width: 600px){.cv_iframe {
	width: 95vw;
	height: 75vh;}
}
		
.lien_descriptif {
	font-size: 11pt;
}	

.table_contact_split {
	border : 0px solid black;
	padding : 0;
	margin : 0;
	text-align:center;
}

.table_contact_split td {
	width:40%;
	text-align:center;
	vertical-align:top;
}

.table_contact {
	border : 0px solid black;
	padding : 0;
	margin : 0;
	text-align:left;
}

.table_contact td {
	text-align:center;
	vertical-align:middle;
}

.table_contact img {
	width:5vw;
	max-width:54px;
}@media screen and (max-width: 600px){.table_contact img {
	width: 7vw;
}

#table_contact_first {
	vertical-align:top;
}

.table_medias  {
	border : 0px solid black;
	padding : 0;
	margin : 0;
	text-align:center;
}

.table_medias td {
	width:33%;
	text-align:center;
	vertical-align:top;
}

.pages {
    -webkit-animation: fadein 4s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 4s; /* Firefox < 16 */
        -ms-animation: fadein 4s; /* Internet Explorer */
         -o-animation: fadein 4s; /* Opera < 12.1 */
            animation: fadein 4s;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 0.9; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 0.9; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 0.9; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 0.9; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 0.9; }
}