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

/* Placement des éléments principaux */
body{
	margin:0px;
	padding:0px;
}
h1, h2{
	margin:0px;
	padding:0px;
}
#global {
    position:absolute;
	background-image: url("images/fond_global.png");
	background-repeat:no-repeat;
	font-family:Arial;
    left: 50%; 
    top: 50%;
    width: 1024px;
    height: 700px;
    margin-top: -350px; 
    margin-left: -512px;
	z-index:5;
}
#logo {
	position:absolute;
	margin-top:25px;
	margin-left:35px;
	width: 207px;
    height: 233px;
	z-index:2;
}
#menu {
	position:absolute;
	margin-top:57px;
	margin-left:270px;
	width: 650px;
    height: 44px;
	z-index:0;
}

#footer {
	position:absolute;
	font-family:Arial;
	font-size:10px;
	color:#FFFFFF;
	font-weight:bold;
	margin-left:350px;
	margin-top:680px;
}

#txtpartg{
	position:absolute;
	width:700px;
	height:500px;
	font-size:11px;
	margin-left:100px;
	margin-top:200px;
}
.txtpartd{
	position:absolute;
	width:580px;
	height:390px;
	margin-top:260px;
	margin-left:380px;
}
.txtpartd a{
	text-decoration:none;
}

/****************************/
/********* Home *************/
/****************************/

/* Barres vertes de la home */

#hhome1 {
	position:absolute;
	margin-top:240px;
	margin-left:240px;
}
#hhome2 {
	position:absolute;
	margin-top:180px;
	margin-left:665px;
}
#vhome {
	position:absolute;
	margin-top:130px;
	margin-left:660px;
}
/* Titres de la home */
#titreaccueil {
	font-size:34px;
	color:#f7931e;
	font-weight:bold;
	position:absolute;
	margin-top:200px;
	margin-left:530px;
}
#titrenews {
	font-size:34px;
	color:#f7931e;
	font-weight:bold;
	position:absolute;
	margin-top:140px;
	margin-left:680px;
}
/* Textes de la home */
#txtbienvenue{
	position:absolute;
	width:500px;
	font-size:16px;
	color:#646464;
	margin-left:125px;
	margin-top:280px;
}
#txtnews{
	position:absolute;
	width:230px;
	height:460px;
	color:#646464;
	font-size:11px;
	margin-left:670px;
	margin-top:180px;
}
/*a#imgnews img {
	border:2px solid white;
}
a#imgnews:hover {
	border:0px; 
}
a#imgnews:hover img {
	border:2px #646464 solid;
}*/

/****************************/
/******* Présentation *******/
/****************************/

/**** Partie gauche ****/

/* Barres de la page présentation + titre principal */
#hpresent {
	position:absolute;
	margin-top:40px;
	margin-left:130px;
}
#vpresent {
	position:absolute;
	margin-top:45px;
	margin-left:250px;
}
#titrepresent {
	font-size:34px;
	color:#f7931e;
	font-weight:bold;
	position:absolute;
	margin-left:600px;
}

/* Sous-menu */

#ssmenupresent {
	font-size:18px;
	color:#f7931e;
	font-weight:bold;
	text-align:right;
	position:absolute;
	margin-top:270px;
	margin-left:65px;
	z-index:5;
}
#ssmenupresent a{
	text-decoration:none;
	color:#f7931e;
	border:none;
}
#ssmenupresent h2{
	font-size:18px;
}

/* Textes de la page présentation */

#tabetatcivil{
	position:absolute;
	color:#646464;
	margin-left:30px;
	margin-top:90px;
}
#dlcv{
	margin-top:5px;
}

/**** Partie droite ****/

#sstitrepresent {
	font-size:22px;
	color:#f7931e;
	font-weight:bold;
}
.sscomp {
	font-size:16px;
	font-weight:bold;
}

#presentation, #competences{
	color:#646464;
	font-size:12px;
}
#presentation a:hover{
	border-bottom:1px dashed #f7931e;
}


/****************************/
/********* Contact **********/
/****************************/

/* Barres de la page contact */
#hcontact1 {
	position:absolute;
	margin-top:40px;
	margin-left:130px;
}
#vcontact1 {
	position:absolute;
	margin-top:45px;
	margin-left:250px;
}
/* Textes de la page contact */

#titrecontact {
	font-size:34px;
	color:#646464;
	font-weight:bold;
	position:absolute;
	margin-left:670px;
}
#adressecontact {
	font-size:24px;
	color:#646464;
	font-weight:bold;
	position:absolute;
	margin-top:80px;
	margin-left:150px;
}
#tabcontact{
	position:absolute;
	color:#646464;
	margin-left:50px;
	margin-top:80px;
}

/****************************/
/********** Liens ***********/
/****************************/

#vliens {
	position:absolute;
	margin-top:45px;
	margin-left:200px;
}

#titreliens {
	font-size:34px;
	color:#8cc63f;
	font-weight:bold;
	position:absolute;
	margin-left:710px;
}

/* Sous-menu */

#ssmenuliens {
	font-size:18px;
	color:#8cc63f; /* 140-198-63 */
	font-weight:bold;
	text-align:right;
	position:absolute;
	margin-top:110px;
	margin-left:65px;
	z-index:5;
}
#ssmenuliens a{
	text-decoration:none;
	color:#8cc63f;
	border:none;
}
#ssmenuliens h2{
	font-size:18px;
}

/**** Partie droite ****/

.txtpartdl{
	position:absolute;
	width:590px;
	height:390px;
	margin-top:260px;
	margin-left:340px;
}
.txtpartdl a{
	text-decoration:none;
}

#sstitreliens {
	font-size:22px;
	color:#8cc63f;
	font-weight:bold;
}
#liens, #liens a{
	color:#646464;
	font-size:12px;
}
#liens a:hover{
	border-bottom:1px dashed #8cc63f;
}


/****************************/
/******** Créations *********/
/****************************/

/* Contenu placé différement des autres parties */
#txtpartgcrea{
	position:absolute;
	width:700px;
	height:570px;
	font-size:11px;
	margin-left:100px;
	margin-top:130px;
}
#listecrea {
	color:#646464; 
	position:absolute;
	width:235px;
	height:370px;
	margin-top:150px;
	overflow:auto;
	overflow-x: hidden;
}
#listecrea tr{
	vertical-align:top;
}

a#imgtcrea img {
	border:2px solid white;
}
a#imgtcrea:hover {
	border:0px; 
}
a#imgtcrea:hover img {
	border:2px #29abe2 solid;
}

#txtpartctr{
	position:absolute;
	color:#646464; 
	width:360px;
	height:480px;
	font-size:11px;
	margin-left:348px;
	margin-top:165px;
	padding-top:10px;
}
#txtpartctr a{
	color:#646464;
}

#txtpartdcrea{
	position:absolute;
	height:450px;
	width:200px;
	margin-top:190px;
	margin-left:725px;
	list-style:none;
	text-align:left;
}
#txtpartdcrea li{ 
	display:inline; 
	padding:1px; 
}

.tagcrea a{
	text-decoration:none;
	color:#646464;
	padding-left:5px;
	float:left;
}
.tagcrea a:hover{ 
	background-color:#d1f1ff;
}


/* Barres oranges */
#hcrea1 {
	position:absolute;
	margin-top:40px;
	margin-left:240px;
}
#hcrea2 {
	position:absolute;
	margin-top:110px;
	margin-left:130px;
}
#vcrea1 {
	position:absolute;
	margin-left:235px;
}
#vcrea2 {
	position:absolute;
	margin-left:610px;
}

/* Titres "Créations" et "Tags" */
#titrecrea {
	font-size:34px;
	color:#29abe2;
	font-weight:bold;
	position:absolute;
	margin-left:430px;
}
#titretags {
	font-size:34px;
	color:#29abe2;
	font-weight:bold;
	position:absolute;
	margin-left:640px;
}