html {
font-size: 100%;
height:100%;
}

body {
margin: 0;
padding: 0;
height:100%;
font-family: Arial, Verdana, 'Bitsream Vera Sans', 'Lucida Grande', Helvetica,  sans-serif;
font-size: 0.8em;
}

/* div {border: 1px solid orange;} */
  
/* mettre la 1ere lettre du'un p en lettrine */  
 div.post p.lettre:first-letter {
    float : left;
    font-weight : bold;
    font-size : 2.5em;
    font-family : Georgia, "Times New Roman", serif;
    margin-right: 5px;
    text-transform: uppercase ;
  }

.conteneur { /*le conteneur global du site, qui sera centré */
position: relative;
width: 1024px;
height:100%;
margin: 0 auto;
padding: 0 ;
}

.conteneurproj { /*le conteneur global des projets, qui sera centré */
position:relative;
width: 1062px;    /* taille necessaire pour les + grosses images */
/*height:100%;*/
margin: 0 auto;
}

.headeracc {
float: right ;
height: 101px;
width: 573px;
padding: 6.5em 0 0 0;
}

.header {
position: absolute ;
margin : 0 0 0 200px;
height: 95px;
width: 800px;
}

.headerproj {
position: absolute ;
margin : 0 3em ;
height: 95px;
width: 1062px;
/* border: solid 1px red; */
}


.piedacc {
float: right ;
text-align:justify;
padding: 0 10px 0px 0 ;
height: 95px;
width: 740px;
overflow: auto ;
border-bottom: solid 14px #8FB87C;
}

.pied {
float: right ;
height: 2em;
width: 740px;
border-bottom: solid 14px #8FB87C;
}

.pied a.textegris {
vertical-align:-4px; 

}
.piedmentions {
float: left ;
height: 2em;
width: 330px;
border-bottom: solid 14px #8FB87C;
}

.menugauche {
position:absolute;
top: 0px;
left:0px;
width: 20%;
height: 46em;
list-style-type: none;
margin: 0 0 0 0 ;
padding:4.7em 0 0 0;
overflow: hidden;
/*border: solid 1px red;*/
}


.frameacc {
position:absolute;
left: 20% ; /* 20% pour IE6-7 et FF mais si pb avec IE5 amors mettre en px */
top:0px ;
width: 79%;
height: 65em;
overflow: hidden;
padding: 1.4px 0 0 0 ;
/* border: solid 1px navy; */
}

#son {
position:absolute;
left: 0;
top: 0;
}

.frametri {
position:absolute;
left: 20%;  /* 20% pour IE6-7 et FF mais si pb avec IE5 amors mettre en px */
top: 96px;
width: 79%;
height: 573px;
}

.tritxt {
overflow: auto;
float: right;
height: 573px;
width: 100%;
}

.framepub {
position:absolute;
left: 20%;  /* 20% pour IE6-7 et FF mais si pb avec IE5 amors mettre en px */
top: 96px;
width: 79%;
height: 573px;
}

.framecontact {
position:absolute;
left: 20%;  /* 20% pour IE6-7 et FF mais si pb avec IE5 amors mettre en px */
top: 96px;
width: 79%;
height: 573px;
}

.frameproj {
position:absolute;
left: 0px;
top: 118px;
width: 1062px;         /* ou 2 px de + que le conteneur */
height: 100%;
/*overflow: auto; 
/* border: solid 1px red;*/
}

.liens {
overflow: auto;
float: right;
height: 573px;
width: 100%;
}

p {
margin: 0 0 5px 0;
}

a img {
	border: 0;
	
}



.titregris {
font-weight:bold;
font-size: 1.1em; 
color:#7E7E7E;
text-align:left;
text-decoration:none;
}


.titrenoir {
font-weight:bold;
font-size: 1.1em; 
color:#101010;
text-align:left;
text-decoration:none;
}
.textegris {
font-weight:normal;
font-size: 0.85em; 
color:#7E7E7E;
text-align:justify;
text-decoration:none;
}

.textenoir {
font-weight:normal;
font-size: 0.85em; 
color:#101010;
text-align:left;
text-decoration:none;
}

.texte_vert_news {
font-weight:normal;
font-size: 1em; 
color:#8FB87C;
text-align:left;
text-decoration:none;
}

.texte_rouge_news {
font-size: 1em; 
color: #FF0000;
text-align:left;
text-decoration:none;	
font-weight: normal;
}

.textevert {
font-weight:bold;
font-size: 0.95em; 
color:#8FB87C;
text-align:left;
text-decoration:none;
}

.textemail {
font-weight:bold;
font-size: 2em; 
color:#8FB87C;
text-align:left;
text-decoration:blink;
}

.pucefleche{
	background-image:url(../images/puce_fleche.gif); 
	background-repeat: no-repeat; 
	width: 20px;
	background-position: 30% 60%;
	}
	
.diaporama { 
background-color: #CCCCCC;
width: 1026px ;
}	



 /* concerne les titres du menus */

ul {   /* corrige le pb de décalage entre IE et FireFox */
list-style-position: inside; 
margin-left: 0;
padding-left: 1px;
}

#menulist {
margin: 5px 1px;
width: 15em;
overflow: hidden ;
/* border: solid 1px yellow ;*/

}

#menulist li
{
display: inline;
/* for IE5 and IE6 */
float:left;
width:15em ; /* largeur des titres niveau 2 */
}

.smenu1 {    /* concerne les titres du menus */
font-family:  "Arial Black",Arial, Verdana, Lucida, Helvetica, sans-serif;
font-size: 0.94em;
color: #8FB87C;
/* font-weight: bold ; */
width:5em ; /*largeur des titres niveau 1 */
}

#menulist li.smenu1 {      /* concerne les titres du menus */ 
float:left;
padding: 0px 0px 0px 0px;
/*background: url(../images/droite2.gif) no-repeat right top; */
/* background-image: url(../images/bgmenu.gif); */
/* background-repeat: no-repeat; */
/* background-position: 0.1em; */
margin:0px 1px ; /*deplace l'ensemble texte et arriere plan */
}


#menulist .smenu1 p {    /* concerne les titres du menus */
margin: 0.85em 0em 0px 0px;  /*deplace le fond et regle l'intervale entre les titres */
}

#menulist .smenu1 p span {    /* concerne les titres du menus */

background: url(../images/gauche.gif) repeat-x left center;
padding:0em 0em 0em 2.5em; /*deplace le texte */
}

#menulist li a { 
padding: 0em 0em 0em 1px;
font-family:  Arial, Verdana, Lucida, Helvetica, sans-serif;
font-size: 0.85em;
font-weight: bold ;
color:#7E7E7E ;
margin: 0px 3em;
text-decoration: none;
}


#menulist a { 
width: 99.99%;
/* extend the sensible area to the maximum with IE5 */
/*display: block; */
}

#menulist a:visited {
color: #7E7E7E;
}


#menulist li a:hover { 
color: #606060;
}


/* ********** Fin des définitions de menu ***************** */

.adresse {
text-align: left;
font-size: 0.80em;
margin: -1.2em 3.2em;
}



#actxt { 
visibility: visible;
float: right;
margin: 0px 0px 0px 0px;
padding: 0px 0 0 0 ;
width: 70%;
height: 43.5em ;
/*border: solid 1px yellow ; */
text-align: justify;
}

/* *+ html #actxt  {   */
/* margin: 5em 0px 0px 0px; } /* hack pour IE compris par IE7 et pas par FF*/ 

/* * html #actxt  {  */
/* margin: 5em 0px 0px 0px; } /* hack pour IE compris par IE6 et pas par FF*/


.ac1  {
visibility: visible;
float: left; 
padding: 0px 0px 0px 0px;
margin-top:6.2em;
width:185px; 
height: 60px;
border-right :  solid 5px #D6D7D9 ;
border-left: solid 5px #D6D7D9 ;
border-top: solid 5px #D6D7D9 ;
}

* html .ac1  { 
overflow: hidden ;  /* hack pour IE compris par IE6 et pas par FF*/
}

.ac2  {
visibility: visible;
/*clear: left ; */
float: left;
padding: 0px 0px 0px 0px;
margin: 0px 0px 1.5em 0px;
width: 185px;
height: 430px;
border-right :  solid 5px #030303 ;
border-left: solid 5px #030303 ;
border-bottom: solid 5px #030303 ;


}

.accol1 {
float: left; 
padding: 2em 1em 0px 3em;
margin: 0px 0px 0 0px;
height: 20em;
width: 37%; 
}

.accol2 {
float: left; 
padding: 2em 1em 0px 3em;
margin: 0em 0px 0 0px;
height: 20em;
width: 37%; 
}

#accnews {
}

.titreproj { 
visibility: visible;
float: left;
width: 735px;
height: 30px;
padding-top : 18px;
margin-top : 0px;
text-align:right !important;
overflow: auto;
/* border: solid 1px navy; */
}


.pdfprojet { 
overflow : auto;
float: right;
width: 265px ;
height: 40px ;
padding : 0 8px 8px 0;
margin-right: 0px;
/*border: solid 1px cyan; */
}

.vignet {
background-image:url("../images/bgproj.gif");
background-repeat: repeat-y;
}

.txtmentions { 
float: left;
height: 573px;
margin-left: 2px;
margin-right: 2px;
padding:0 0 0 0em;
width: 370px;
background: url(../images/bgtri.gif) repeat-y left top;
/*overflow: auto ;
 border: solid 1px blue ;*/
}
.txtpub { 
float: right;
height: 573px;
padding:0 0 0 2em;
width: 96%;
background: url(../images/bgtri.gif) repeat-y left top;
overflow: auto ;
/* border: solid 1px blue ;*/
}

.txtpub li { 
padding-bottom: 1em;
margin:0px 1em ; /*deplace l'ensemble texte et arriere plan */
 list-style-type:none;
 background-image:url(../images/puce_fleched.gif);
 background-repeat:no-repeat;
 background-position:0% 65%;
 padding-left:15px;
}


.tabletri {
width:97% ;
border: 0 ;
float: right ;
height: 200px;
/* cellspacing: 50px ;*/
background: url(../images/bgtri.gif) repeat-y left top;
}

table.tabletri {
padding: 0;
margin: 0 ;
font-family: Arial, Verdana, 'Bitsream Vera Sans', 'Lucida Grande', Helvetica,  sans-serif;
font-size: 0.8em;
font-weight: bold;
line-height:99%;
margin-top:0; 
margin-bottom:0;
vertical-align:sub ;
}

table.tabletri td {
height: 2.1em;
padding-left: 1.8em ;
}


.tabletri a {
/*padding-left: 1.2em;*/
text-decoration: none ;
color: inherit;
}

.tabletri a:hover {
text-decoration: none ;
color:#303030;
}

.tabletri a:visited {

/* background-color: #555555;*/
color:#A0A1A3 ;
} 

.tabletri span a:visited {
padding-left: 1.2em ;
/* background-color: #555555;*/
color:#A0A1A3 ;
} 

table.tabletri th {
height: 2.1em;
padding-left: 1.8em ;
padding-right: 1.2em ;
padding-bottom: 2em ;
color:#808080 ;
text-align:justify;

}


.ligne0 a {
color:#8FB87C ;
}


.ligne1 a {
color:#101010 ;
}


td.ligne2 a{
color:#A0A1A3 ;
} 

.lignetitre {
color:#6BA939 ;
font-size: 1.1em;
font-weight: bold;
text-align: left;
text-indent: 25px;
}

#plancontact {
float: right;
height: 496px;
width: 100%;
margin : 0em 0 0 0em;
overflow: auto ;
/* border: solid 1px blue ; */
}

#txtmail { 
float:left;
width: 60%;
display: none;
/* border: solid 1px red ; */
}

#txtmail img { 
vertical-align: middle ;
width: 100%;
}

/* Gestion de l'opacité selon les propriétés prises en charge par les navigateurs :
1 - pour Internet Explorer
2 - pour Mozilla
3 - pour les navigateurs respectant les CSS3 
4 - pour Konqueror*/

#txtmail a:hover img {
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
    opacity: 0.6;  
	-khtml-opacity: 0.6;

/*border: solid 1px navy ;*/

}

#adressdiv {
float:left;
width: 20%;
}


#logocontact { 
float:right;
width: 20%;
/* border: solid 1px cyan ; */
}




/*  / ////////////// ci dessous style pour les projets et VOYAGES ///////////////////// */


.Style1 {
font-family: 'Bitsream Vera Sans', 'Lucida Grande', Helvetica, Verdana, sans-serif;
	/* font-family:"Comic Sans MS",fantasy; font-style:normal; */
	font-size:0.95em; 
	text-align:left;
	text-decoration:none;
	font-weight: bold;
	color: #333300;
}

a.Style1 {
	text-decoration: underline;
}
a.Style1:hover {
	text-decoration: none;
}
.Style2 {
	text-decoration: none;
	font-size: 1.0em;
	color: #111111;
}
.Style2 a {
	text-decoration: none;
	font-weight: bold;
	color: #666666;
}
.Style2 a:hover {
	text-decoration: none;
	color: #111111;
}


.Styleblanc a {
	text-decoration: none;
	font-size: 1.2em;
	font-weight: bold;
	color: #050505;
}	
.Styleblanc a:hover {
    border: 0; 
    position: relative; 
    z-index: 500; 
    text-decoration:none;
	color: #666666;
}

a.stylelv {
	color: #111100;
	text-decoration: underline;
	/* border: solid 3px blue ;*/
}
a.stylelv:hover {
	color: #666666;
	text-decoration: none;
}
 
.Stylenomvignet{
font-size: 12px;
	color: #030303;
}
.txtrouge {
	font-size: xx-small;
	color: #FF0000;
	font-weight: bold;
}


.tddeco a:hover img {

	filter:alpha(opacity=85);  /* IE only on defined height */
	-moz-opacity: 0.85;
    opacity: 0.85;  
	-khtml-opacity: 0.85;
/* border: 1px solid #666666;  */
/* visibility: hidden ; visible;*/
}

.vignet { 
visibility: visible;
position :relative;
}

.pardessus {
position :absolute;
height: 100px ;
left:2px; 
top : 1px;
z-index:1;
font-size: 1.1em;
font-weight: bold;
 }

.pardessus a  {
text-decoration: none;
color: #FFFF00;
}
.pardessus a:visited  {
text-decoration: none;
color: #FFFF99;
}

.pardessus a:hover  {
text-decoration: none;
color: #FF0033;
}


td.tdover {
	border: 1px solid transparent;
/*	background-color: #1EFEFE; */
}
td.tdover:hover {
	border: 1px solid #666666;
}

.retvignette {
	clear: both;
	margin: 0 0 0 0;
	padding: 0;
	width: 99.99%;
	height: 1.6em;
text-decoration: none;
background-image:url("../images/bgproj.gif");
background-repeat: repeat-y;
	
}

.retvignette a {
color: #333300;	
text-decoration: none;	
}


.imageborder {   /*entourage des images ( pas de la cellule) */
	border: 0px solid #666666;
}


.photosproj {
width: 99.99%;
background-image:url("../images/bgproj.jpg");
background-repeat: repeat-y;
/*border: solid 1px blue ; */
}

.tableproj {

} 

.texteproj {
position : relative;
width: 99.99%;
/* margin : 0 auto ;
	width: 1062px;
	padding-left: 0.85em; */
	text-align:justify;
/*	 border: solid 1px blue ;   */
}
.colg{
float: left ;
width: 245px;
padding: 0em 2em 0 60px;
}

.colc{
float: left ;
width: 400px;
padding: 0 2px ;

/* border: 1px solid black; */ 
}


.cold{
float: left ;
width: 245px;
padding:  0em 2em;
}

/*  / ////////////// Fin des style pour les projets ///////////////////// */