body
{

margin: auto;
margin-top: 20px;
margin-bottom: 20px; 
background:url("images/degrade.jpg")repeat-x;
behavior: url(csshover.htc);

}

.rouge
{
width:245px;
height:160px;
float: left; 
background:url("images/cadreorange.jpg")no-repeat;	
}
.vert
{
width:249px;
height:160px;
float: left; 
background:url("images/cadrevert.jpg")no-repeat;

}
.bleu
{
width:248px;
height:160px;
float: left; 
background:url("images/cadrebleu.jpg")no-repeat;
	
}
.blanc1
{
width:245px;
height:40px;
background:url("images/cadre_blanc.png")no-repeat;
margin-top:-25px;
float:left;
}
.blanc2
{
width:249px;
height:40px;
background:url("images/cadre_blanc.png")no-repeat;	
margin-top:-25px;
float:left;	
margin-left:3px;

}
.blanc3
{
width:248px;
height:40px;
background:url("images/cadre_blanc.png")no-repeat;	
margin-top:-25px;
float:left;	
margin-left:3px;

}
.blanc1t
{
width:245px;
height:40px;
background:url("images/cadre_blanc.png")no-repeat;
margin-top:-25px;
float:left;

}
.blanc2t
{
width:249px;
height:40px;
background:url("images/cadre_blanc.png")no-repeat;	
margin-top:-25px;
float:left;	
margin-left:3px;

}
.blanc3t
{
width:248px;
height:40px;
background:url("images/cadre_blanc.png")no-repeat;	
margin-top:-25px;
float:left;	
margin-left:3px;

}
.description
{
border:solid,0px;
margin-left:0px ;
margin-top: 70px;
width:742px;
height:415px;
text-align: justify;
overflow: visible;
}
.txtdescription
{
color:#473f37;
font-family: Arial, Verdana, serif;
font-weight:light;
font-size:12px;
line-height:18px;
}
.descriptionP
{
	border:0px;
	margin-left:68px;
	margin-top: 83px;
	width:410px;
	height:450px;
	text-align: justify;
	overflow: hidden;
	margin-bottom:15px
}
.descriptionT
{
	border:0px;
	margin-left:68px;
	margin-top: 83px;
	width:400px;
	height:425px;
	text-align: justify;
	overflow: hidden;
	margin-bottom:15px
}



.contact_text
{
color:#473f37;
font-family: Arial, Verdana, serif;
font-weight:light;
font-size:14px;
width:150px;
height:100px;
position:relative;
margin-left:10px;
margin-top:0px;
}
.titre_contact
{
margin-left:90px ;
margin-top: 125px;
margin-bottom:15px
width:430px;
height:355px;
}
.titre_contact1
{
margin-left:90px ;
margin-top: 125px;
margin-bottom:15px
width:430px;
height:355px;
}
.interieur_text
{
color:#473f37;
font-family: Arial, Verdana, serif;
font-weight:light;
font-size:11px;
border:solid,0px;
}


.interieur_text2
{
color:#473f37;
font-family:Arial, Verdana, serif;
font-weight:light;
font-size:12px;
border:solid,0px;
}
.interieur_text_interfaune
{
color:#473f37;
font-family:  Arial, Verdana, serif;
font-weight:light;
font-size:11px;
width:375px;
}
.title_text
{
font-family: "Lithos Pro", Arial, Verdana, serif;
font-weight:normal;
font-size:12px;
text-transform:uppercase;
color:white;
padding-right:3px;
padding-left:20px;
margin-top:0px;
}
.title_text2
{
font-family: "Lithos Pro", Arial, Verdana, serif;
font-weight:normal;
font-size:13px;
text-transform:uppercase;
color:black;
padding-left:20px;
margin-top:0px;
}
.lien_menu_bas
{
color:#807F7B;
text-decoration: none;
padding-left:7px;
}
.lien_block
{
display: block;
height: 100%;
width: 100%;
}
.cadre_noir1
{
background-color: black;
position: relative;
margin-left:80px;
margin-top:65px;
width: 156px;
height:20px;
float: left; 
}
.cadre_noir1:hover
{
color:#473f37;
background-color:#fd661a;
position: relative;
margin-left:80px;
margin-top:65px;
width: 156px;
height:20px;
float: left; 
}

.cadre_noir2
{
background-color: black;
position: relative;
margin-left:100px;
margin-top:65px;
width: 150px;
height:20px;
float: left;
}
.cadre_noir2:hover
{
background-color: #339865;
position: relative;
margin-left:100px;
margin-top:65px;
width: 150px;
height:20px;
float: left;
}
.cadre_noir3
{
background-color: black;
position: relative;
margin-left:100px;
margin-top:65px;
width: 150px;
height:20px;
float: left;
}
.cadre_noir3:hover
{
background-color: #3366ca;
position: relative;
margin-left:100px;
margin-top:65px;
width: 150px;
height:20px;
float: left;
}

.cadre_noir_site1
{
background-color: black;
position: relative;
margin-left:80px;
width: 156px;
height:20px;
float: left; 
color:white;
}
.cadre_noir_site1:hover
{
background-color: #fd661a;
position: relative;
margin-left:80px;
width: 156px;
height:20px;
float: left; 
}
.cadre_noir_site2
{
background-color: black;
position: relative;
margin-left:100px;
width: 150px;
height:20px;
float: left;
}
.cadre_noir_site2:hover
{
background-color: #339865;
position: relative;
margin-left:100px;
width: 150px;
height:20px;
float: left;
}
.cadre_noir_site3
{
background-color: black;
position: relative;
margin-left:100px;
width: 150px;
height:20px;
float:left;
}
.cadre_noir_site3:hover
{
background-color: #3366ca;
position: relative;
margin-left:100px;
width: 150px;
height:20px;
float:left;
}
.cadre_blanc_production
{
background-color: white;
position: relative;
margin-left:80px;
margin-top:20px;
width: 156px;
height:20px;
float: left; 
color:black;
}
.cadre_blanc_telefaune
{
background-color: white;
position: relative;
margin-left:100px;
margin-top:20px;
width: 150px;
height:20px;
float: left;
color:#4f4d44;
}
.cadre_blanc_interfaune
{
background-color: white;
position: relative;
margin-left:100px;
margin-top:20px;
width: 150px;
height:20px;
float: left;
color:#4f4d44;

}


.portail
{
position relative;
clear: left ;
margin-top:-5px;
}
.portail1
{
position relative;
clear: left ;
margin-top:-5px;
}
.portail2
{
position relative;
clear:left;
margin-top:-23px;
}
.transparent
{
width: 799px;
height:600px;
margin: auto;
padding-top: 10px;
padding-right:-1px;  
background-image:url("images/fond-transpa.png")!important;
background-image:url(no-image);
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='images/fond-transpa.png');
	
}
.transpa_production
{
width: 799px;
height:590px;
margin: auto;
padding-top: 10px;
padding-right:-1px;  
background-image:url("images/fond_transpa_production.png")!important;
background-image:url(no-image);
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='images/fond_transpa_production.png');
}
.transpa_interfaune
{
width: 799px;
height:590px;
margin: auto;
padding-top: 10px;
padding-right:-1px;  
background-image:url("images/fond_transpa_interfaune.png")!important;
background-image:url(no-image);
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='images/fond_transpa_interfaune.png');
}
.transpa_interfaune2
{
width: 799px;
height:590px;
margin: auto;
padding-top: 10px;
padding-right:-1px;  
background-image:url("images/fond_transpa_interfaune2.png")!important;
background-image:url(no-image);
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='images/fond_transpa_interfaune2.png');
}
.transpa_interfaune3
{
width: 799px;
height:590px;
margin: auto;
padding-top: 10px;
padding-right:-1px;  
background-image:url("images/fond_transpa_interfaune3.gif")!important;
background-image:url(no-image);
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='images/fond_transpa_interfaune3.gif');
}
.transpa_telefaune
{
width: 799px;
height:590px;
margin: auto;
padding-top: 10px;
padding-right:-1px;  

background-image:url("images/fond_transpa_telefaune.png")!important;
background-image:url(no-image);
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='images/fond_transpa_telefaune.png');
}
.transpa_telefaune2
{
	width: 799px;
	height:590px;
	margin: auto;
	padding-top: 10px;
	padding-right:-1px;
	background-image:url(images/fond_2_telefaune.png)!important;
	background-image:url(no-image);
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='images/fond_2_telefaune.png');
}
.transpa_telefaune2bis
{
	width: 799px;
	height:590px;
	margin: auto;
	padding-top: 10px;
	padding-right:-1px;
	background-image:url(images/fond_transpa_telefaune_2.png)!important;
	background-image:url(no-image);
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='images/fond_2_telefaune.png');
}
.transpa_telefaune3
{
	width: 799px;
	height:590px;
	margin: auto;
	padding-top: 10px;
	padding-right:-1px;
	background-image:url(images/fond_transpa_telefaune_3.png)!important;
	background-image:url(no-image);
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='images/fond_2_telefaune.png');
}
.transpa_contact_telefaune
{
width: 799px;
height:590px;
margin: auto;
padding-top: 10px;
padding-right:-1px;  

background-image:url("images/fond_contact_telefaune.png")!important;
background-image:url(no-image);
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='images/fond_contact_telefaune.png');
}
.transpa_contact_production
{
width: 799px;
height:590px;
margin: auto;
padding-top: 10px;
padding-right:-1px;  

background-image:url("images/fond_contact_production.png")!important;
background-image:url(no-image);
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='images/fond_contact_production.png');
}
.transpa_contact_interfaune
{
width: 799px;
height:590px;
margin: auto;
padding-top: 10px;
padding-right:-1px;  
background-image:url("images/fond_contact_interfaune.png")!important;
background-image:url(no-image);
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='images/fond_contact_interfaune.png');
}


.transpa_ref_interfaune
{
width: 799px;
height:590px;
margin: auto;
padding-top: 10px;
padding-right:-1px;
background:url("images/fond_ref_interfaune.gif");
}
.transpa_ref_production
{
width: 799px;
height:590px;
margin: auto;
padding-top: 10px;
padding-right:-1px;
background:url("images/fond_ref_production.gif");
}
.transpa_ref_telefaune
{
width: 799px;
height:590px;
margin: auto;
padding-top: 10px;
padding-right:-1px;
background:url("images/fond_ref_telefaune.gif");
}
.menu_haut
{
position: relative;
margin-left:10px;
padding-top:13px;
float:left;
}

.text_menu
{
text-decoration: none;
font-family: "Futura", Arial, Verdana, serif;
font-weight:medium;
font-size:19px;
color:#4f4d44;
padding-right:5px;
}

.text_menu:hover
{
font-family: "Futura", Arial, Verdana, serif;
font-weight:medium;
font-size:19px;
color:#4f4d44;
padding-right:5px;
border-bottom: 2px dotted white 
}
.text_menu:link   { color: #4F4D44; text-decoration: none }



h1
{
font-family: "Futura", Arial, Verdana, serif;
font-weight:medium;
font-size:18px;
color:#4f4d44;
}

h2
{
font-family: "Futura", Arial, Verdana, serif;
font-weight:medium;
font-size:15px;
color:#fd6618;
word-spacing:2px;
line-height:18px;
}

.telefauneh2
{
	margin-top:20px;
font-family: "Futura", Arial, Verdana, serif;
font-weight:medium;
font-size:14px;
color:#5ec998;
line-height:14px;
margin-bottom:-5px;
}
.telefauneh1
{
font-size:22px;
}
.puce
{

margin-left:2px;
margin-right:2px;
border:none;
text-decoration: none;
width:14px;
height:14px;
display:inline;
margin-top:7px;
}
.interfauneh2
{
font-family: "Futura", Arial, Verdana, serif;
font-weight:medium;
font-size:14px;
color:#819ded;
line-height:14px;
margin-bottom:-5px;
}
.productionh2
{
font-family: "Futura", Arial, Verdana, serif;
font-weight:medium;
font-size:15px;
color:#fd6618;
line-height:14px;
margin-bottom:-5px;
}
.logo
{
padding-top:2px;
margin-top:2px;
text-decoration:none;
border:none;
float:left;
}

stylefirefoxh1
{
margin-bottom:8px;!important
margin-top:16px;!important
}


/********************************************* ************************************
                                      Parti lien
********************************************* ************************************/
.table_general
{
width:100%;
height:100%;
margin-top:-8px;
}
.table_niveau1
{
width:100%;
height:25%;
margin-top:-5px;
margin-bottom:-5px;
border-bottom:solid 1px #d1d1d1;
}
.table_niveau1_fin
{
width:100%;
height:25%;
margin-top:-5px;
margin-bottom:-5px;

}
.table_droite
{
width:100%;
height:32%;
margin-bottom:solid 1px #d1d1d1;
}
.table_droite_last
{
width:100%;
height:32%;
margin:0px
}

.td_general
{
width:50%;
height:100%;
//border-right:solid 1px #807F7B;
}
.tr_general
{
width:100%;

}
.td_gg
{

width:29%;
height:32%;
}
.td_gd
{

width:70%;
height:32%;
}
.tr_d
{

width:100%;
height:32%;
}

.imgmilieu1
{
margin-left:20px;
text-decoration:none;
border:none;

}
.imgmilieu2
{
margin-left:55px;
text-decoration:none;
border:none;

}
.imgmilieu3
{
text-decoration:none;
border:none;

margin-left:60px;
}
.logo1
{

text-decoration:none;
border:none;
float:left;
}

.interieur_textD
{
color:#473f37;
font-family:  Arial, Verdana, serif;
font-weight:light;
font-size:10px;
border:solid 0px;
padding-left:5px;
text-align:justify;
}
.interieur_textG
{
color:#473f37;
font-family:  Arial, Verdana, serif;
font-weight:light;
font-size:10px;
border:solid,0px;
padding-right:5px;
text-align:justify;
}
.interieur_text3
{
color:#473f37;
font-family:  Arial, Verdana, serif;
font-weight:light;
font-size:10px;
border:solid,0px;
}

.transpa_liens_interfaune
{
width: 799px;
height:590px;
margin: auto;
padding-top: 10px;
padding-right:-1px;
background:url("images/fond_liens_interfaune.gif");
}
.transpa_liens_production
{
width: 799px;
height:590px;
margin: auto;
padding-top: 10px;
padding-right:-1px;
background:url("images/fond_liens_production.gif");
}
.transpa_liens_telefaune
{
width: 799px;
height:590px;
margin: auto;
padding-top: 10px;
padding-right:-1px;
background:url("images/fond_liens_telefaune.gif");
}
/*************************************************************************************/
/*************************************************************************************/
/********************************** menu deroulant************************************/
/*************************************************************************************/
/*************************************************************************************/


 /*on definit la taille de la div du menu ainsi que la taille de parties du menu.*/
div#menu {
          width: 150px;
          float:left;
       
         }

div#menu ul {
             padding: 0;
             width: 160px;
             //border:1px solid;
             margin:0px;
             text-decoration: none;
			font-family: "Futura", Arial, Verdana, serif;
			font-weight:medium;
			font-size:19px;
			color:#4f4d44;
			padding-right:5px;
            }


/*On positionne les elements du menu */
div#menu ul li {
                position:relative;
                list-style: none; /*on enleve les icones de liste */
                border-bottom:0px solid; /*ajout d'une bordure de separation d'element:*/
               }

div#menu ul ul {
                position: absolute;
                top: 20px;
                left: 0px; /*00px correspond au décalage a droite, on décale de la taille du ul de base*/
                display:none
                
               }  

div#menu li a {
               text-decoration: none;
				font-family: "Futura", Arial, Verdana, serif;
				font-weight:medium;
				font-size:12px;
				color:#bdbfbd;
				padding-right:5px;       
				margin-top:5px;       } 
div#menu li a:hover{
               text-decoration: none;
				font-family: "Futura", Arial, Verdana, serif;
				font-weight:medium;
				font-size:12px;
				color:#4f4d44;
				padding-right:5px;    
				margin-top:5px;          } 
              
               /*fond jaune pr les sous-menu*/
div#menu li.sousmenu {
                      background: none;
          				
                     } 
                     /* On cache tous les sous menu avec la propriété display none */


/*Lors du survol ,avec la souris, les sousmenu apparaissent grace a display: block */
div#menu ul.niveau1 li.sousmenu:hover ul.niveau2,
div#menu ul.niveau2 li.sousmenu:hover ul.niveau3 {
                                                  display:block;
                                                  
                                                 }
                                                 
/********************************************* ************************************
                                      Parti references
********************************************* ************************************/
.tr_ref
{
	width:100%;
	height:32%;
	border:1px dotted #d1d1d1

}

.td_ref
{
	width:32%;
	height:100%;
	border:1px dotted #d1d1d1

}
.demineur
{
	width:400px;
	height:400px;
	margin-top:100px;
	margin-left:100px;
}
.logo_centre
{
text-decoration:none;
border:none;
margin:auto;
float:left;
padding:5px;
}

.interieur_text_ref
{
color:#473f37;
font-family:  Arial, Verdana, serif;
font-weight:light;
font-size:10px;
border:solid 0px;
padding-left:5px;

}
.table_general2
{
width:95%;
}
/* rajou dernier moment*/
.marge_liens
{
margin-top:200px;
}
.marge_menu_bas
{
margin-top:10px;
margin-left:auto;
margin-right:auto;
}