
/*#############*/
/*----------------GENERAL*/
/*#############*/
body {
	margin : 0;
	padding : 0;
	font-family : verdana, arial, sans-serif;
	color: #595858;
	font-size : 12px;
	line-height: 17px ;
	text-align : left;
	background : #FFFFFF;
}

img { border : none; }

a { 
	color : #4a79aa;
	text-decoration : underline;
	background : transparent;
}
a:hover { 
	color : #FF0000;
	text-decoration : underline;
	background : transparent; 
}

h1 {
	font-size : 19px;
	line-height: 17px ;
}
h2 {
	font-size : 17px;
	line-height: 15px ;
}
h3 {
	font-size : 13px;
	line-height: 14px ;
	font-weight : 900;
}

hr {
	clear: both;
	visibility: hidden;
	margin-bottom : 0px;
}

.page {
	width : 100%;
	margin-left : auto;
	margin-right : auto;
	margin-top : 0px;
	background : #FFFFFF;
   background-image : url(fonddyn/8.jpg);
   background-repeat:no-repeat;
   background-position:750px 100px;
	border : 0px #A7A7A7 solid;
}

/*#############*/
/*----------------------TETE*/
/*#############*/
.tete {
	width : 100%;
   height: 70px;
	text-align : left;
	background: #050505;
   background-image : url(fond-tete.jpg);
   background-repeat: repeat-x;
   background-position:361px 0px;
	border : 0px red solid;
}
.tete img{
	margin-top: 0px;
   position: absolute;
   z-index:1000;
}

/*#############*/
/*----------------------MENU*/
/*#############*/
.menu {
	width : 100%;
   height: 20px;
	margin-left : auto;
	margin-right : auto;
	margin-top: 4px;
	margin-bottom: 5px;
	background : #050505;
	border : 0px green solid;
}

.lien-menu-on {
	position : relative;
	float: left;
	color : #FFFFFF;
	text-transform : uppercase;
	text-decoration : none;
	font-weight : 900;
	margin-bottom : 5px;
   margin-left: 20px;
}
.lien-menu-on:hover {
	position : relative;
	float: left;
	color : #FFFFFF;
	text-transform : uppercase;
	text-decoration : none;
	font-weight : 900;
	margin-bottom : 5px;
   margin-left: 20px;
}
.lien-menu {
	position : relative;
	float: left;
	color : red;
	text-transform : uppercase;
	text-decoration : none;
	font-weight : 900;
	margin-bottom : 5px;
   margin-left: 20px;
}
.lien-menu:hover {
	position : relative;
	float: left;
	color : #FFFFFF;
	text-transform : uppercase;
	text-decoration : underline;
	font-weight : 900;
	margin-bottom : 5px;
   margin-left: 20px;
}

/* MENU PHOTO */
.menu-photo {
   width: 780px;
	margin-left: 20px;
   margin-bottom: 25px;
   text-align: left;
	border : 0px dotted red;
}

.lien-menu-galerie-on {
   color: #4a79aa;
	font-weight: 900;
	background : transparent;   
}
.lien-menu-galerie { 

}
.lien-menu-galerie:hover { 

}

/*MENU VIDEO*/
.menu-video {
   width: 780px;
	margin-left: 20px;
   margin-bottom: 25px;
   text-align: left;
	border : 0px dotted red;
}
.lien-menu-video-on {
   color: #4a79aa;
	font-weight: 900;
	background : transparent;   
}
.lien-menu-video { 

}
.lien-menu-video:hover { 

}

/*MENU WEBCAM*/
.menu-webcam {
   width: 780px;
	margin-left: 20px;
   margin-bottom: 25px;
   text-align: left;
	border : 0px dotted red;
}
.lien-menu-webcam-on {
   color: #4a79aa;
	font-weight: 900;
	background : transparent;   
}
.lien-menu-webcam { 

}
.lien-menu-webcam:hover { 

}
/*#############*/
/*----------------------CORPS*/
/*#############*/
.corps {
   width: 780px;
   min-height: 500px;
	text-align : left;
	padding-bottom : 20px;
	margin-left: 20px;
	border : 0px dotted red;
}

.pub-clic{
   float: left;
   margin: 7px;
}

.illustration {
   float: right;
   margin: 10px;
	margin-right: 40px;   
}

.illustration-gauche {
	float: left;
	margin-right: 10px;
}

/*Galerie*/
.galeries-gratuites {
   margin-top: 15px;
	border : 0px solid green;
}
.galerie-thumb {
   width: 445px;
   float: right;
   margin-left: 15px;
   
   border: 0px solid red;
}
/*Sites black*/
.sites {
   margin-top: 15px;
	border : 0px solid green;
}
.sites-annuaires {
   width: 280px;
   float: right;
   margin-left: 15px;
   
   border: 0px solid red;
}

/* ANNUAIRES */
.annuaire-table {
   width: 770px;
   border: 1px dotted #595858;
}
.annuaire-td {
   text-align: center;
}

/*#############*/
/*----------------------PIED*/
/*#############*/

.pied {
	clear: both;
   text-align: right;
   margin-top: 15px;
   margin-bottom: 20px;
   margin-right: 15px;
}
