/* CSS Mellediana */
*{margin:0;padding:0}

/* PREHOME */
#prehome_body {
   	 background-color:#151515;
     margin: 0; /* pour éviter les marges */
     padding: 0;
     text-align: center; /* pour corriger le bug de centrage IE */
     }
/*     
#prehome{

	 background-image:url(../images/fond_prehome.gif);
	 background-repeat:no-repeat;
     position:absolute;
     left: 50%; 
     top: 50%;
     width: 509px;
     height: 397px;
     margin-left: -260px;
	 padding-left:39px;
	 padding-top:37px;
     }

#logo{
	 margin: 0; /
     padding: 0;
     text-align: center; 
	border:0;
	width:431px;
	}
	
#btn_1{
	 margin: 0; 
     padding: 0;
     text-align: center; 
	border:0;
	width:431px;
	}	 */
	
	
a.btn_enter img{border:none;text-decoration:none;}
a.btn_enter{margin:0;padding:0}
a.btn_enter img{border:none;text-decoration:none;}

.entrer a{border:none;text-decoration:none;font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color:#262626}
.entrer a:hover{ color:#707070}

#logo{
     position:absolute;
     left: 50%; 
     top: 50%;
     width: 509px;
     height: 397px;
     margin-top: -270px; /* moitié de la hauteur */
     margin-left: -260px; /* moitié de la largeur */
     }

/* SITE */

#header {
 	width: 802px;
	height:160px;
	top: 0px;
	margin:0;
	padding:0;
}

#site_body {
   	 background-color:#151515;
	 background-image:url(../images/fond.gif);
     margin: 0; /* pour éviter les marges */
     padding: 0;
     /*text-align: center; /* pour corriger le bug de centrage IE */
     }
	 
#pagePort {
     background-color:#151515;
	 background-image:url(../images/fond.gif);
	 background-position:center top;
	 background-repeat:repeat-y;
     margin: 0; /* pour éviter les marges */
     padding: 0;
     /*text-align: center; /* pour corriger le bug de centrage IE */
     }

#pageIllus {
   	 background-color:#151515;
	 background-image:url(../images/fond.gif);
	 background-position:center top;
	 background-repeat:repeat-y;
     margin: 0; /* pour éviter les marges */
     padding: 0;
     /*text-align: center; /* pour corriger le bug de centrage IE */
     }
	 
#pageLink {
   	 background-color:#151515;
	 background-image:url(../images/fond.gif);
	 background-position:center top;
	 background-repeat:repeat-y;
     margin: 0; /* pour éviter les marges */
     padding: 0;
     /*text-align: center; /* pour corriger le bug de centrage IE */
     }	 
	 
#pagePhot {
	 background-color:#151515;
	 background-image:url(../images/fond.gif);
	 background-position:center top;
	 background-repeat:repeat-y;
     margin: 0; /* pour éviter les marges */
     padding: 0;
     /*text-align: center; /* pour corriger le bug de centrage IE */
     }
	 
#pageCont {
   background-color:#151515;
	 background-image:url(../images/fond.gif);
	 background-position:center top;
	 background-repeat:repeat-y;
     margin: 0; /* pour éviter les marges */
     padding: 0;
     /*text-align: center; /* pour corriger le bug de centrage IE */
     }	 
	 
#conteneur{
	 background-color:#191919;
     width: 802px;
	 margin:0 auto;
     }
	 
/* NAVIGATION  */	 
#nav{
	background-color:#262626;
	width: 802px;
	height: 23px;
	top:0px;

	}
	
#menu{
	top:0px;
	margin:0;
	padding-top: 0px;
	padding-left:38px;
}


#menu li{
float:left;
display:inline;
padding:0 0px 0 0px;

}
#menu li a span{
display:none;
}
#menu li a{
position:relative;
}


#navPort{
width:160px;

}
	#navPort a:link, #navPort a:visited{
	height:23px;
	display: block;
	background:transparent url(../images/nav/portfolio.jpg)  no-repeat;
	}
	#navPort a:hover, #pagePort #navPort a{
	background-position: 0 -23px;
	}
	
#navIllus{
width:160px;

}
	#navIllus a:link, #navIllus a:visited{
	height:23px;
	display: block;
	background:transparent url(../images/nav/illus.jpg)  no-repeat;
	}
	#navIllus a:hover, #pageIllus #navIllus a{
	background-position: 0 -23px;
	}
	
#navPhot{
width:140px;
}
	#navPhot a:link, #navPhot a:visited{
	height:23px;
	display: block;
	background:transparent url(../images/nav/photos.jpg) no-repeat;
	}
	#navPhot a:hover, #pagePhot #navPhot a{
	background-position: 0 -23px;
	}
	
#navCont{
width:160px;
}
	#navCont a:link, #navCont a:visited{
	height:23px;
	display: block;
	background:transparent url(../images/nav/contact.jpg) no-repeat;
	}
	#navCont a:hover, #pageCont #navCont a{
	background-position: 0 -23px;
	}
	
#navLink{
width:140px;
}
	#navLink a:link, #navLink a:visited{
	height:23px;
	display: block;
	background:transparent url(../images/nav/links.jpg) no-repeat;
	}
	#navLink a:hover, #pageLink #navLink a{
	background-position: 0 -23px;
	}



/* CONTENU  */	

#contenu {
	 margin: 0; 
     padding: 0;
}

.photo {
	padding-top: 30px;
	padding-left:30px;
	background-color:#1e1e1e;
}

.contact {
	padding-top: 30px;
	padding-right: 320px;
	padding-left:30px;
	padding-bottom:20px;
	background-color:#313131
}	

.link {
	padding-top: 30px;
	padding-right: 30px;
	padding-left:30px;
	padding-bottom:30px;
	background-color:#313131
}

.project {
	padding-top: 34px;
	padding-left:38px;
	padding-right:38px;
}

.illus {
	padding-top: 34px;
	padding-left:38px;
	padding-right:38px;
}

.img_projet {
	margin:0;
	padding:0;
	width:726px;
	height:245px;
}

.img_illus {
	margin:0;
	padding:0;
	width:726px;
	height:446px;
}

.img_contact {
	border:0;
	margin:0;
	padding:0;
	width:802px;
	height:400px;
}

.liens {
	background-image:url(../images/liens.gif);
	background-repeat:no-repeat;
	background-position:top;
	margin: 0; /* pour éviter les marges */
    padding: 0;
     /*text-align: center; /* pour corriger le bug de centrage IE */
	/*border:1px solid red;*/
	padding: 1px 0;
	width:802px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#707070;


}
.liens a{color:#8bed6d;text-decoration:none}
.liens a:hover{color:#fff;}

.liens_contents{
margin-top:97px;
margin-left:422px;
padding:20px;
width:340px;
height:246px;
/*height:200px;*/


}

.lien_colonne{
	margin: 0px;
	padding: 0px;
	float: left;
	width: 170px;
}


.liens_contents2{
margin-right:20px;
padding:20px;
width:140px;
height:246px;
border:1px solid yellow;
float:right;
/*height:200px;*/

}

.img_photo{
	margin:0;
	padding:0;
	width:140px;
	height:140px;
}

.img_links {
	border:0;
	margin:0;
	padding:0;
	width:726px;
	height:308px;
}

.img_pied {
	border:0;
	margin:0;
	padding:0;
	width:802px;
	display: block; 
}
img_pied img{margin-bottom:0}

a.img_archi{height:140px;display:block;width:140px;float:left; display: block;background:transparent url(../images/photos/archi.jpg) no-repeat;text-decoration:none}
a.img_archi:hover {background:transparent url(../images/photos/archi.jpg) no-repeat 0 -140px;text-decoration:none}

.conteneur {

  	margin:0;
	padding:0;
}
.bloc {

  width: 100px;
  height: 100px;
  background-color: yellow;
} 

.bloc1 {
display:inline;
background-color: blue;
height: 50px;
width: 100px;
float: left;
}
.bloc2 {
display:inline;
background-color: green;
height: 50px;
width: 100px;
float: left;
margin-left: 20px;
}
.bloc3 {
display:inline;
background-color: red;
height: 50px;
width: 100px;
float: left;
margin-left: 20px;
}


.textAirbus1 {color:#05bdda;}
.textAirbus2 {color:#ff9b00;}
.textTF {color:#84b13c;}
.textDepeche {color:#fb3941;}
.textHarley {color:#f26522;}
.textHarley2 {color:#fff100;}
.textLesnouvelles {color:#ff9900;}
.textMairieTournefeuille{color:#42c9f1;}
.textHT1{color:#ffaa20;}
.textHT2{color:#f36421;}
.textNR{color:#f658b6;}
.textFP{color:#ff4646;}
.textILike{color:#d20085;}
.textShoes{color:#c0e10e;}
.textFly{color:#e77fa0;}
.textGuideResto{color:#a6c52d;}
.textNY{color:#b48acf;}
.textPlayGround{color:#f3eb74;}
.textSummer{color:#81be75;}
.textVert2{color:#41a62a;}


.textContact{color:#2ba097;}

.cartouche{
	margin-top: 12px;
	background-color:#262626;
	height:27px;
}

.txt_projet {
	padding-top: 6px;
	padding-left: 5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#eeeeee;
	float: left;
}

.txt_contact {
	padding-top: 6px;
	padding-left: 25px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#eeeeee;
	background-color:#191919;
	
}

.txt_link {
	padding-top: 10px;
	padding-bottom: 10px;
	/*padding-left: 25px; */
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#6bbdb7;
	background-color:#191919;
	
}

a.mail {color:#2ba097; text-decoration:none}
a.mail:hover {color:#eee}

.blocphoto {
	width:546px; float:right;height:160px;
	
}


.textVert {color:#8bed6d;}
.textJaune {color:#b9d065;}
.textRouge{color:#e3004f;}
.textBleu {color:#84d0f0;}


a.txt_titrePhoto {
	display:block;
	text-decoration:none;
	padding-top: 16px;
	padding-left: 5px;
	padding-bottom: 4px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color:#2ba097;
	margin-top:80px;
}
a.txt_titrePhoto:hover {
	color:#eee;
}

.bloc_detailsPhoto{
	padding-top: 1px;padding-bottom:4px;
	background-color:#191919;
}
.lf{line-height:0;font-size:1px;}



.conteneur_copyright {
	margin-top: 12px;
	background-color:#262626;
	height:23px;
}

.copyright {
	margin-top: 6px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color:#707070;
	background-color:#262626;
	float:right;
	padding-right:14px;
	
}

.date_projet {
	padding-top: 6px;
	padding-right: 5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color:#7d7d7d;
	float: right;
}

.suplement_gratuit {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color:#7d7d7d;
}


/* FOOTER  */

#footer {
	padding-top: 20px;
	padding-left:38px;
	padding-right:38px;
	padding-bottom:34px;
}


#contenu_footer {
 	margin: 0; 
    padding: 0;
	/* height: 5px; */
	}
	
#contenu_Ht_page {
 	padding-top: 10px;
	padding-left:70px;
	padding-right:38px;
	
	/* height: 5px; */
	}
	

#select_page{
	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#eeeeee;
	float: left;display:table;width:662px;text-align:center;
	
}

#select_page a{color:#fff;padding:5px;text-decoration:none}
#select_page a:hover{background-color:#252628;color:#8bed6d;padding:3px 5px;text-decoration:none}
#select_page span{background-color:#252628;color:#8bed6d;padding:3px 5px;text-decoration:none}
.clear{clear:both}
a.haut {height:15px; display:block;width:50px;float: right;display: block;background:transparent url(../images/haut.jpg) no-repeat;text-decoration:none}
a.haut:hover {background:transparent url(../images/haut.jpg) no-repeat 0 -15px;text-decoration:none}

/* vignette */

a.vignetteVert{float:left}
a.vignetteVert img{border:none;text-decoration:none;}
*> a.vignetteVert img{margin-bottom:-5px}
*+html a.vignetteVert img{margin-bottom:0}
a.vignetteVert {border:8px solid #191919;display:table;}
a:hover.vignetteVert {border:8px solid #8bed6d;}
	
a.vignetteJaune{float:left}
a.vignetteJaune img{border:none;text-decoration:none;}
*> a.vignetteJaune img{margin-bottom:-5px}
*+html a.vignetteJaune img{margin-bottom:0}
a.vignetteJaune {border:8px solid #191919;display:table;}
a:hover.vignetteJaune {border:8px solid #b9d065;}
	
a.vignetteRouge{float:left}
a.vignetteRouge img{border:none;text-decoration:none;}
*> a.vignetteRouge img{margin-bottom:-5px}
*+html a.vignetteRouge img{margin-bottom:0}
a.vignetteRouge {border:8px solid #191919;display:table;}
a:hover.vignetteRouge {border:8px solid #e3004f;}	

a.vignetteBleu{float:left}
a.vignetteBleu img{border:none;text-decoration:none;}
*> a.vignetteBleu img{margin-bottom:-5px}
*+html a.vignetteBleu img{margin-bottom:0}
a.vignetteBleu {border:8px solid #191919;display:table;}
a:hover.vignetteBleu {border:8px solid #84d0f0;}
	
.marge_neg_5{margin-bottom:-5px;}
*+html .marge_neg_5{margin-bottom:0px}

/**{border:1px solid red}*/