/*#############*/
/*----------------GENERAL*/
/*#############*/
body {
	margin : 0;
	padding : 0;
	font-family : verdana, arial, sans-serif;
	color: #595858;
	font-size : 12px;
	line-height: 17px ;
	text-align : center;
	background : #FFFFFF;
	background-image : url(fond.png);
	background-repeat: repeat-y;
	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 : 17px;
	line-height: 17px ;
}
h2 {
	font-size : 15px;
	line-height: 15px ;
}
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 : #fbe9f1;
	border : 1px #912253 solid;
}

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

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

.menu-bloc-gauche {
	position : relative;
	float: left;
	width : 48px;
	line-height: 30px;
	height : 30px;
	background-image : url(fond-menu-off.png);
	background-repeat: repeat-x;
	margin-bottom : 5px;
	border-right : 0px solid blue;
}
.menu-bloc-droite {
	position : relative;
	float: left;
	width : 48px;
	line-height: 30px;
	height : 30px;
	background-image : url(fond-menu-off.png);
	background-repeat: repeat-x;
	margin-bottom : 5px;
	border-left : 0px solid red;   
}
.lien-menu-on {
	position : relative;
	float: left;
	width : 149px;
	color : #FFFFFF;
	text-transform : uppercase;
	text-decoration : underline;
	font-weight : 300;
	line-height: 30px;
	height : 30px;
	background-image : url(fond-menu-off.png);
	background-repeat: repeat-x;
	margin-bottom : 5px;
   border-left : 0px solid #FFFFFF;
   border-right : 0px solid #FFFFFF;   
}
.lien-menu-on:hover {
	position : relative;
	float: left;
	width : 149px;
	color : #FFFFFF;
	text-transform : uppercase;
	text-decoration : underline;
	font-weight : 300;
	line-height: 30px;
	height : 30px;
	background-image : url(fond-menu-off.png);
	background-repeat: repeat-x;
	margin-bottom : 5px;
}
.lien-menu {
	position : relative;
	float: left;
	width : 149px;
	color : #FFFFFF;
	text-transform : uppercase;
	text-decoration : none;
	font-weight : 300;
	line-height: 30px;
	height : 30px;
	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 : underline;
	font-weight : 300;
	line-height: 30px;
	height : 30px;
	background-image : url(fond-menu-off.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 { 

}

/*MENU WEBCAM*/
.menu-webcam {
   width: 950px;
	margin-left : auto;
	margin-right : auto;
   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 {
	text-align : left;
	padding-bottom : 20px;
	margin-left: 15px;
	border : 0px dotted red;
}

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

.illustration {
   float: left;
   margin: 10px;
   /*margin-left: 15px;*/
}

.illustration-droite {
	float: right;
	margin: 10px;
   margin-right: 20px;
}

/*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;
}

/* ANNUAIRES */
.annuaire-table {
   width: 950px;
   border: 1px dotted #595858;
}
.annuaire-td {
   text-align: center;
}

/*#############*/
/*----------------------PIED*/
/*#############*/

.pied {
	width : 980px;
	margin-left : auto;
	margin-right : auto;
	clear: both;
   text-align: right;
   margin-top: 3px;
   margin-bottom: 20px;
	border : 0px solid red;
}