@charset "UTF-8";
/* CSS Document */

body#conteneur {
	background-color:#000000;
	margin-top:auto;
	text-align:center;
	}
	
	
	
	
/* Infos principales du site*/	
#site {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	background-image:url(imges/fond.jpg);
	background-position:center;
	background-repeat:no-repeat;
	width:1200px;
	height:839px;
	top:0px;
}

#lgs {
	position:absolute;
	top: 20px;
	left: 840px;
	font-family:"Century Gothic", Arial, Helvetica, sans-serif;
	font-size: 13px;
}

#lgs-2 {
	position:absolute;
	top: 20px;
	left: 925px;
	font-family:"Century Gothic", Arial, Helvetica, sans-serif;
	font-size: 13px;
}

#lgs-3 {
	position:absolute;
	top: 20px;
	left: 1000px;
	font-family:"Century Gothic", Arial, Helvetica, sans-serif;
	font-size: 13px;
}

#drapeaux {
	position:absolute;
	top: 40px;
	left: 847px;
	
}

#drapeaux-2 {
	position:absolute;
	top: 40px;
	left: 931px;
}

#drapeaux-3 {
	position:absolute;
	top: 40px;
	left: 1005px;
}

#photo {
	position:absolute;
	width:100px;
}

#nom {
	position:relative;
	top: 200px;
	left: 140px;
	font-family:"Century Gothic", Arial, Helvetica, sans-serif;
	color:#000000;
}

#photo {
	position:relative;
	top: 105px;
	left: 80px;
}

#contact {
	position:absolute;
	text-align:center;
	font-family:"Century Gothic", Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:12px;
	top: 365px;
	left: 115px;
	width: 184px;
}

.cv {
	font-size:13px;
}

.mail {
	font-size:11px;
}

#retour{
	position:absolute;
	top:750px;
	left:685px;
	font-family:"Century Gothic", Arial, Helvetica, sans-serif;
	font-size:14px;
}




/* page d'accueil */

#accueil {
	position:absolute;
	top : 240px;
	left: 405px;
	text-align:center;
	font-family:"Century Gothic", Arial, Helvetica, sans-serif;
	font-size:26px;
}

.liens{
	font-size:18px;
}





/* Page en français */

.carre {
	position:absolute;
	margin-left:0px;
	margin-right:0px;
	text-align:left;
	margin:0px;
	top: 200px;
	left: 350px;
}

#intro{
	position:relative;
	top: 30px;
	font-family:"Century Gothic", Arial, Helvetica, sans-serif;
}


#style{
	position: relative;
	top: 60px;
	width:725px;
	height:460px;
	overflow:scroll;
}

#accroche{
	position:relative;
	top: 0px;
	width:690px;
	text-align:center;
	font-family:"Century Gothic", Arial, Helvetica, sans-serif;
}

#txt{
	position:relative;
	top: 10px;
	width:690px;
	text-align:justify;
	font-family:"Century Gothic", Arial, Helvetica, sans-serif;
}

#accroche-2{
	position:relative;
	top: 45px;
	width:690px;
	text-align:center;
	font-family:"Century Gothic", Arial, Helvetica, sans-serif;
}

#txt-2{
	position:relative;
	top: 55px;
	width:690px;
	text-align:justify;
	font-family:"Century Gothic", Arial, Helvetica, sans-serif;
}

#accroche-3{
	position:relative;
	top: 95px;
	width:690px;
	text-align:center;
	font-family:"Century Gothic", Arial, Helvetica, sans-serif;
}

#txt-3{
	position:relative;
	top: 105px;
	width:690px;
	text-align:justify;
	font-family:"Century Gothic", Arial, Helvetica, sans-serif;
}

#accroche-4{
	position:relative;
	top: 140px;
	width:690px;
	text-align:center;
	font-family:"Century Gothic", Arial, Helvetica, sans-serif;
}

#txt-4{
	position:relative;
	top: 150px;
	width:690px;
	text-align:justify;
	font-family:"Century Gothic", Arial, Helvetica, sans-serif;
}


/* pop-up */

#pop {
	position:relative;
	background-color:#000000;
	margin-left:auto;
	margin-right:auto;
	background-image:url(imges/pop.jpg);
	background-position:top;
	background-repeat:no-repeat;
	width:610px;
}


.prof{
	position:absolute;
	top:80px;
	font-family:"Century Gothic", Arial, Helvetica, sans-serif;
}

.serv{
	position:absolute;
	top:28px;
	font-family:"Century Gothic", Arial, Helvetica, sans-serif;
	font-size:15px;
}