/****General*****/

body{
	font-family: 'Century Gothic',Calibri,serif;
	font-size: 15px;
	margin: 0px;
	padding: 0px;
}


header{
	height: 130px;
	margin:0px;
	padding:0px;
}

h1{
	font-size: 40px;
	font-weight: normal;
	text-align: center;
	}


.leftlogo{
	margin:0px;
	padding:0px;
	float:right;		
}

#imglogo{
	margin:0px;
	padding:0px;
	width:170px;
	}
.rightlogo{
	text-align: center;
}

footer{
	height:80px;
	padding-top: 30px;
	text-align: center;
	background-color: #C5C5C5;
	border-top: 2px solid #AAA;
}
nav {
	width:100%;
	background-color: #424558;
}

nav li{
	list-style-type: none;
	float: left;
}
nav ul{
	margin:0px;
	padding:0px;
}
nav a{
	display: inline-block;
	text-decoration: none;
	padding:20px 30px;
	color:#FFF;
	text-transform: uppercase;
	font-size:15px;
}

.table{
	display:table;
	margin: auto;
}

.menu-ind:hover{
	border-top: 5px solid #4c8;
	background-color: RGBa(64,200,130,0.15);
}

.menu-exp:hover{
	border-top: 5px solid #f1dc4f;
	background-color: RGBa(241,211,79,0.15);
}

.menu-hob:hover{
	border-top: 5px solid #0070bb;
	background-color: RGBa(000,112,192,0.15);
}

.menu-con:hover{
	border-top: 5px solid #e44d26;
	background-color: RGBa(228,77,38,0.15);
}
.menu-gest:hover{
	border-top: 5px solid #2d6;
	background-color: RGBa(64,280,260,0.15);
}

nav li:hover a{
	padding: 15px 30px 20px 30px;
}
section{
	width:100%;
	min-height: 300px;
	padding-bottom: 10px;
	margin-bottom: 10px
}
.sec{
	margin: 0px 10%;
}
.sec2{
	margin: 0px 0px;
}
.left{
	float:left;
	width:30%;	
}
.right{
	float:left;
	width:70%;
}
.right2{
	float:left;
	width:30%;	
}
.left2{
	float:left;
	width:70%;
}

.cleft,.cright, .sousleft, .sousright{
	width: 50%;
	float: left;
}
.sec::after,.exp::after,.reco::after,.lang::after,.left::after,.right::after{
	content: "";
	display: table;
	clear: both;
}


#presentation{
	border-top: 5px solid #4c8;
	background-color: RGBa(64,200,130,0.15);
}
#experience{
	border-top: 5px solid #f1dc4f;
	background-color: RGBa(241,211,79,0.15);
}
#parcours{
	border-top: 5px solid #0070bb;
	background-color: RGBa(000,112,192,0.15);

}
#langues{
	border-top: 5px solid #e44d26;
	background-color: RGBa(228,77,38,0.15);
}
#competence{
	border-top: 5px solid #4c8;
	background-color: RGBa(64,200,130,0.15);
}
#sf{
	border-top: 5px solid #e44d26;
	background-color: RGBa(228,77,38,0.15);
}

.leftexp{
	width:45%;
	float:left;	
}
.rightexp{
	width:50%;
	float:right;
	margin-left: 5%;
}
.leftexp img{
	width:100%;
	max-width: 400px;
}
.rightexp img{
	width:100%;
	max-width: 400px;
}
.orange{
	border-top: 5px solid #e47d26;
	background-color: RGBa(228,117,38,0.15);
	margin-bottom: 0px;
}
.orange1{
	border: 5px solid #e47d26;
	background-color: RGBa(228,117,38,0.15);
	border-radius: 4px;
	margin:4px;
}
.rose{
	border-top: 5px solid #e44d96;
	background-color: RGBa(228,77,128,0.15);
	margin-bottom: 0px;
} 

.vert{
	border-top: 5px solid #5f6;
	background-color: RGBa(70,240,80,0.15)
}

.vert1{
	border: 5px solid #5f6;
	background-color: RGBa(70,240,80,0.15);
	border-radius: 4px;
	margin:4px;
}
.bleu{
	border-top: 5px solid #29c;
	background-color: RGBa(30,52,212,0.15)
}

.blue1{
	border: 5px solid #29c;
	background-color: RGBa(30,52,212,0.15);
	border-radius: 4px;
	margin:4px;
}

.jaune{
	border-top: 5px solid #f1dc4f;
	background-color: RGBa(241,211,79,0.15);
}

.jaune1{
	border: 5px solid #f1dc4f;
	background-color: RGBa(241,211,79,0.15);
	border-radius: 4px;
	margin:4px;
}

.rouge{
	border-top: 5px solid #e44d26;
	background-color: RGBa(228,77,38,0.15);
}

.rouge1{
	border: 5px solid #e44d26;
	background-color: RGBa(228,77,38,0.15);
	border-radius: 4px;
	margin:4px;
}



.div-un{	
    /*border: 1px solid #e47d26;*/
    width: 200px;
    height: 50px;
    -webkit-transition: 1s width 1s ease, background-image 1s ease;
    -moz-transition: 1s width 1s ease, background-image 1s ease;
    -o-transition: 1s width 1s ease, background-image 1s ease;
    transition: 1s width 1s ease, background-image 1s ease;
}

.div-un:hover{
    width: 1000px;
    height: 600px;
    background-size : 1000px 600px;
    background-image: url(imgs/trello.jpg);
	background-repeat:no-repeat;
}
.lien{
	text-decoration: none;
	color:blue;
	text-transform: uppercase;
	font-size:15px;
}
.arrondie2
{
	border: 4px white;
	-moz-border-radius: 2px;
	-Webkit-border-radius: 2px;
	border-radius: 4px;
	width: 80%;

}
img{
		width:70%;
	}

@media screen and(max-width: 780px){	
	body{
	font-family: 'Century Gothic',Calibri,serif;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
}

	header{
			height:50px;
		}
	h1{
		font-size: 28px;
		margin:20px 0px 0px
		0px;
	}
	nav li a{
		font-size:6px;
		padding: 4px;
	}
	nav li:hover a{
		padding: 5px 10px 10px 10px;
	}
	img{
		width:50%;
	}
	header img{
		width:70%;
	}
}