/*#############*/
/*----------------GENERAL*/
/*#############*/
body {
	margin : 0;
	padding : 0;
	font-family : verdana, arial, sans-serif;
	color: #595858;
	font-size : 12px;
	line-height: 17px ;
	text-align : center;
	background : #8A8A8A;
	background-image : url(fond.jpg);
	background-repeat: repeat;
	background-position: 50% 50%;
}

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: 21px ;
}
h2 {
	font-size : 15px;
	line-height: 17px ;
}
h3 {
	font-size : 13px;
	line-height: 14px ;
	font-weight : 900;
}

hr {
	clear: both;
	visibility: hidden;
	margin-bottom : 0px;
}

.page {
	width : 990px;
	margin-left : auto;
	margin-right : auto;
	margin-top : 0px;
	background : #FFFFFF;
	border : 1px #575758 solid;
}

/*#############*/
/*----------------------TETE*/
/*#############*/
.tete {
	width : 100%;
   height: 127px;
	text-align : left;
	background-image : url(fond-tete.jpg);
	background-repeat: no-repeat;	
	border : 0px red solid;
}
.tete img{
	margin-top: 5px;
   position: absolute;
}


/*#############*/
/*----------------------MENU*/
/*#############*/
.menu {
	width : 990px;
   height: 37px;
	margin-left : auto;
	margin-right : auto;
	margin-top: -5px;
	margin-bottom: 10px;
	border : 0px green solid;
}

.menu-bloc-gauche {
	position : relative;
	float: left;
	width : 47px;
	line-height: 42px;
	height : 42px;
	background-image : url(fond-menu-gauche.png);
	background-repeat: repeat-x;
	margin-bottom : 5px;
	border-right : 0px solid #FFFFFF;
}
.menu-bloc-droite {
	position : relative;
	float: left;
	width : 47px;
	line-height: 36px;
	height : 42px;
	background-image : url(fond-menu-droite.png);
	background-repeat: repeat-x;
	margin-bottom : 5px;
	border-left : 0px solid #FFFFFF;   
}
.lien-menu-on {
	position : relative;
	float: left;
	width : 149px;
	color : #FFFFFF;
	text-transform : uppercase;
	text-decoration : none;
	font-weight : 300;
	line-height: 36px;
	height : 42px;
	background-image : url(fond-menu-on.png);
	background-repeat: repeat-x;
	margin-bottom : 5px;
   border-left : 1px solid #FFFFFF;
   border-right : 1px solid #FFFFFF;   
}
.lien-menu-on:hover {
	position : relative;
	float: left;
	width : 149px;
	color : #FFFFFF;
	text-transform : uppercase;
	text-decoration : none;
	font-weight : 300;
	line-height: 36px;
	height : 42px;
	background-image : url(fond-menu-on.png);
	background-repeat: repeat-x;
	margin-bottom : 5px;
}
.lien-menu {
	position : relative;
	float: left;
	width : 149px;
	color : #393976;
	text-transform : uppercase;
	text-decoration : none;
	font-weight : 300;
	line-height: 36px;
	height : 42px;
	background-image : url(fond-menu-off.png);
	background-repeat: repeat-x;
	margin-bottom : 5px;
}
.lien-menu:hover {
	position : relative;
	float: left;
	width : 149px;
	color : #ffffff;
	text-transform : uppercase;
	text-decoration : none;
	font-weight : 300;
	line-height: 36px;
	height : 42px;
	background-image : url(fond-menu-hover.png);
	background-repeat: repeat-x;
	margin-bottom : 5px;
}

/* MENU PHOTO */
.menu-photo {
   width: 950px;
	margin-left : auto;
	margin-right : auto;
   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: 950px;
	margin-left : auto;
	margin-right : auto;
   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 { 

}

/*#############*/
/*----------------------CORPS*/
/*#############*/
.corps {
	text-align : left;
	padding-bottom : 20px;
	margin-left: 15px;
   margin-right: 20px;
	border : 0px dotted red;
}

.pub-clic{
   float: left;
   margin: 7px;
}

.illustration {
   float: right;
	margin : 15px;
	margin-right : 15px;   
}

.illustration-gauche {
	float: left;
	margin : 15px;
	margin-left : 30px; 
}

/*Galerie*/
.galerie-photos {
   margin-top: 15px;
	border : 0px solid red;
}

.min-img {
	float: left;
	margin-left:30px;
	margin-bottom:30px;
   border: 1px solid #595858;
}

.min2{
	float: left;
	margin-left:10px;
	margin-bottom:10px;
	width:140px;
	height:140px;
	line-height: 135px;
	font-size: 120px !important;
   font-size: 12px;
	text-align: center;
	background-image : url(cadre-dia2.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	border : 0px solid red;
}

.min-img2{
	margin-top:10px;
	margin-bottom:10px;
   vertical-align:middle;
	border-top : 1px solid #1a1a1a;
	border-left : 1px solid #1a1a1a;
	border-right : 1px solid #535252;
	border-bottom : 1px solid #535252;
}

.galerie-description {
	float: left;
	width : 320px;
	border : 0px #A5ACB2 solid;
	margin-right : 10px;
	background : #ffffff;
	text-align : left;
	padding : 5px;
	font-weight : 400;
	font-size : 12px;
	line-height:19px;
}

/*WEBCAM*/
.live-texte {
	position : relative;
   width: 250px;
	float: right;
	font-size : 14px;
	line-height:20px;
   margin-right: 0px;
   border: 0px dotted black;
}
.live-corps {
	position : relative;
   width: 700px;
	float: right;
   border: 0px dotted red;
}

/* ANNUAIRES */
.annuaire-table {
   width: 950px;
   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;
}