/*pour toute la page :
texte centré, */
body {
background-color: #C9E7C5;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
color:#000000;
text-align:center;
}
/*couleur et taille des titres*/
h1 {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:20px;
border-style: none;
color:brown;
}

h2 {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color: #000000;
margin: 30px;
}
h3{
font-family:Arial, Helvetica, sans-serif;
text-align: center;
margin:10px;
font-size:12px;
color: #000000;
}
h4{
font-family: Georgia, "Times New Roman", Times, serif;
font-size:12px;
font-style:normal;
color: #000000;
text-align:center;
margin: 10px 10px;
}
h5 {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
font-weight:normal;
color: #000000;
text-align: center;
}
h6 {
font-family: Georgia, "Times New Roman", Times, serif;
font-size:14px;
font-style:normal;
color: #FF0000;
text-align:center;
margin: 10px 10px;
}
h7 {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
font-weight:100;
color: #000000;
text-align: center;
}
/* paragraphes classiques*/
p {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
font-weight:100;
color: #000000;
text-align: justify;
margin: 10px 10px;
}


/*liste*/
li {font-family: Georgia, "Times New Roman", Times, serif; font-size:12px; left:50px; text-align:left;}
ul {list-style-image:url(images/icones/element-graphique-gif-077.gif);}

#menuhaut{
	position:absolute;
	margin:0 0 0  10px;
	left: 130px;
	top: 73px;
	
}

.fin {clear:both;}

/*TRAVAIL AVEC LES BLOCS*/

/*CONTENEUR - OK*/
#principal {
position:relative;
margin: 0px;
padding: 0px;
margin-left:auto;
margin-right:auto;
width:770px;
height: auto;
text-align: left;
}

/*cadre generique de travail n°1 - fondpage-index- OK*/
#cadredeux {
	position: absolute;
	width: 605px;
	height: auto;
	left: 147px;
	top: 793px;
}

/*cadre - corps de page  activité- OK*/
#cadrepage {
	position: absolute;
	width:618px;
	height: auto;
	left: 140px;
	top: 419px;
}

#buenmarismenos{
	position: absolute;
	width:618px;
	height: 68px;
	left: 140px;
	top: 352px;
}
#cadrethumbnails {
	position: absolute;
	width:618px;
	height: auto;
	left: 141px;
	top: 106px;
}

#cadrepagebis{
	position: relative;
	width:618px;
	height: auto;
}
#cadrepageter {
	position: absolute;
	width:618px;
	height: auto;
	left: 139px;
	top: 995px;
}
/*cadre generique de travail -mail et titre - OK*/
#cadredeuxbis{
	position: absolute;
	width: 618px;
	height: 52px;
	top: 121px;
	left: 139px;
}
/* cadre pour cadre 1/3*/
#cadredeuxter{
	position: absolute;
	height: 200px;
	width: 618px;
	left: 140px;
	top:176px;
}
/*cadre page cplte sous mail-titre*/
#cadredeuxter2{
	position: absolute;
	height: auto;
	width: 616px;
	left: 141px;
	top:179px;
}

/*cadre 1/3page cote a cote - centrée*/
.cadretiergauche {
position: relative;
float:left;
width:205px;
height: auto;

}
.cadretiercentre {
position: relative;
float:left;
width:205px;
height: auto;

}
.cadretierdroit {
position: relative;
float:left;
width:205px;
height: auto;
}

/*cadre bande horizontale titre -OK */
#titre{
	position: absolute;
	top:125px;
	left:126px;
	text-align:center;
	width: 625px;
}
.bandetitre {
position: relative;
top:0px;
left:0px;
background-repeat:no-repeat;
float:left
}
/*cadre bande verticale gauche */
.bandeverticale {
position: relative;
height: 100px;
float:left
}
.tableaulexique {
	position: absolute;
	height:54px;
	width:350px;
	height: 60px;
	top:21px;
	left: 131px;
}

/*cadre 1/2page cote a cote - centrée*/
.cadretrois {
	position: relative;
	float:left;
	width:300px;
	height: auto;
}

.cadretroisbis {
	position: relative;
	float:left;
	text-align:center;
	width:300px;
	height: auto;
}
.cadrequatre {
	position: relative;
	float:left;
	width:616px;
	height: auto;
	left: 0px;
	top: 510px;
}
.cadrecinq {
position: absolute;
float:left;
top:0px;
left:0px;
width:365px;
height: auto;
}



/* la prochaine boite doit intégrer la commande [clear : left] pour annuler  l'effet côte-à-côte dû à la propriété flottante de la boîte précédente, 
et permettre de s'assurer que cette dernière boîte vient se glisser en-dessous de la plus haute boîte qui la précède.*/
/*cadre bande horizontale titre */
/*cadre en ligne  n°1 - 2 - 3*/

.gauche01 {
	background-color: #ffffcc;
	position: relative;
	padding: 10px;
	width: 300px;
	left: 0px;
	top: 0px;
}
.droit02{
background-color: #ffffcc;
text-align: center;
position: relative; 
left:15px;
padding: 10px; 
width:300px; 
float: left; 
}
.gauche-t-01 {
background-color: #ffffcc;
position: relative; 
padding: 10px; 
width: 200px; 
float: left; 

}
.droite-t-2{
background-color: #ffffcc;
position: relative; 
left:8px;
padding: 10px; 
width:200px; 
float: left; 
}
.centre-t-3 {
background-color: #ffffcc; 
position: relative; 
left:15px;
padding: 10px; 
width:200px;
float: left; 
}
/*CONTENEUR  MENU VERTICAL  UNE*/
.cadredescription {
	position: absolute;
	float: left;
	width:287px;
	left: 146px;
	top: 83px;
	height:650px;
}		
/*conteneur principal n°1*/
.cadreicones {
	margin-bottom:10px;
	width:280px;
	float: left;
}	
/*bande  sous icones n°2*/
.cadrecommentaire {
width: 50px;
text-align: center;
font-weight: normal;
float: left;
height:100%;
/*clear: both;*/
}			
/*commentaire des icones -  n°3 */
.commentaireicones {
	margin-left: 50px;
	padding-left:5px;
	width:250;
	text-align: justify;
}

/*CADRE DES NEWS - index - OK*/
.cadrenews {
	position: absolute;
	width: 316px;
	height: 210px;
	overflow: auto;
	border: 1px solid #000000;
	float:left;
	top: 81px;
	left: 441px;
	background-color: #C9E6C7;
}
/*CADRE DES NEWS - index-bas - OK*/
#cadrenewss2{
	position: absolute;
	width: 316px;
	height: 486px;
	overflow: auto;
	border: 1px solid  #000000;
	top:296px;
	left:441px;
}
.titrenews {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 16px;
text-align:center;
color: #FF00FF;
}
.datenews {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:16px;
text-align:center;
color:#FF00FF;
}
.textenews {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
text-align: justify;
}

/*CADRE DES NEWS - SEV- FLAM - OK*/
.cadrenews2 {
	position: absolute;
	width: 198px;
	height: 300px;
	overflow: auto;
	border: 1px solid #000000;
	float:left;
	padding:7px;
	top: 36px;
	left: 406px;
}

.titrenews2 {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 16px;
text-align:center;
color: #FF00FF;
}
.datenews2 {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:16px;
text-align:center;
color:#FF00FF;
}
.textenews2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
text-align: justify;
}

/*CONTENEUR  MENU VERTICAL  ARCH-SEV-FLAM*/
.archgeneral {
	position:absolute;
	float:left;
	width:390px;
	top: 36px;
}	
/*conteneur principal n°1*/
.archicones {
margin-bottom: 5px;
width: 390px;
float: left;
}	
/*bande de couleur sous icones n°2*/
.archbande {
width: 180px;
text-align: left;
float: left;
height:100%;
margin-bottom:10px;
}			
/*commentaire des icones -  n°3 */
.archcomment {
width: 190px;
text-align: left;
margin-left:15px;
font-family: Georgia, "Times New Roman", Times, serif;
font-size:12px;
float: left;
height:100%;
}

/*GALERIE D' IMAGES*/
.galerie img {
margin:15px;
width: auto;
height: auto;
border: none;
float: left;
border:none;
}

.galerieaff img {
margin:15px;
width: auto;
height: auto;
/*float: left;*/
border:none;
}


/*image flottante au milieu texte*/
.a {float:right;		/*droite*/
top:20px;
margin:5px 5px -5px 0 ;}
.b {float:left; 			/*gauche*/
top:20px;
margin:5px 5px -5px 0 ;}
/*gauche  texte enveloppant*/
.c { float:left;
margin:5px 5px -5px 0;
}
/*droite  texte enveloppant*/
.d { float:right;
margin:5px 5px 5px 5px;
}