/***********************************************/
/* emx_nav_left.css                            */
/* Use with template Halo_leftNav.html         */
/***********************************************/
/***********************************************//* HTML tag styles                             */
/***********************************************/
body{
        FONT-FAMILY: verdana, Helvetica, sans-serif; 
        margin: 0px;
        padding: 0px;        
        background-color: #333333;        
        color: #000000;
 	text-align: left;
        }
br { line-height:6px }         
#pageTitre{
        position:relative; 
        width: 905px;
        min-width: 905px;
        text-align: left;
}
#page{
        position:relative; 
        width: 905px;
        min-width: 905px;
        text-align: left;
}
#pagecell1{
        position:absolute;
        top: 130px;
        left: 10px;
        right: 0%;
        width: 600px;
        min-width: 600px;
        background: #0668B3;
        
}

#masthead{
        position: absolute;
        top: 95px;
        left: 10px;
        right: 0%;
        width: 900px;
        min-width: 900px;
        
        
        }
#titre{                 
        position: absolute;
        top: 0px;
        left: 10px;
        right: 0%;
        width: 900px;
        min-width: 900px;
        background-image:url(http://www.populart.org/images/disign/backtitle.gif);                 
        }

#cotepub{                 
        position: absolute;
        top: 0px;       
        left: 605px;
        right: 2%;
        width: 305px;
        min-width: 305px;  
        font-size: 80%;         
        }
table { 
         font-size: 100%; 
         color :#000000;     
}  
.trBis
	{  
	background-color: #C3E7FA; 
	} 
.trTer
	{  
	background-color: #DDECEC; 
	}
.tdCenter
	{
	style="text-align : center;"
	} 	
/******* Rollover css *******/
#navcontainer ul
{
text-align: center;
padding-bottom: 5px;
padding-top: 5px;
padding-left: 0;
margin-top: 0;
/* cancels gap caused by top padding in Opera 7.54 */
margin-left: 0;

color: white;
width: 100%;
line-height: 18px;
/* fixes Firefox 0.9.3 */
}

#navcontainer ul li
{
display: inline;
padding-left: 0;
padding-right: 0;
padding-bottom: 5px;
/* matches link padding except for left and right */
padding-top: 5px;
}

#navcontainer ul li a
{
padding-left: 10px;
padding-right: 10px;
padding-bottom: 5px;
padding-top: 5px;
color: #FEFAC8;
text-decoration: none;
border-right: 1px solid #fff;
}

#navcontainer ul li a:hover
{
background-color: #CCCCCC;
color: #000000;
}


/******* Arondis des boites *******/        
.cadreB { 
 background-color: #FEFAC8;
width:99%;
}
.hautgauche, .hautdroit, .basgauche, .basdroit {
height: 14px; width: 14px;
background-repeat: no-repeat;
font-size:1px; /* correction d'un bug IE */
}
.centre {
height: 14px;
background-repeat: repeat;
background: url(http://www.populart.org/images/disign/centre.gif);
font-size:1px;
}
.hautgauche {
background: url(http://www.populart.org/images/disign/hautgauche.gif);
}
.hautdroit {
float: right;
background: url(http://www.populart.org/images/disign/hautdroit.gif);
}
.basgauche {
background: url(http://www.populart.org/images/disign/basgauche.gif);
}
.basdroit {
float: right;
background: url(http://www.populart.org/images/disign/basdroit.gif);
}
.contenu p {
margin: 10px;
color: #333333;

}
/******* Arondis des boites Noir*******/        
.cadreBNoir { /* taille du cadre, à titre d'exemple */
background-color: #FEFAC8;
width:99%;
}
/* propriétés communes à l'ensemble des 4 coins */
.hautgaucheNoir, .hautdroitNoir, .basgaucheNoir, .basdroitNoir {
height: 14px; width: 14px;
background-repeat: no-repeat;
font-size:1px; /* correction d'un bug IE */
}
/* propriétés spécifiques à chaque coin */
.hautgaucheNoir {
background: url(http://www.populart.org/images/disign/hautgaucheNoir.gif);
}
.hautdroitNoir {
float: right;
background: url(http://www.populart.org/images/disign/hautdroitNoir.gif);
}
.basgaucheNoir {
background: url(http://www.populart.org/images/disign/basgaucheNoir.gif);
}
.basdroitNoir {
float: right;
background: url(http://www.populart.org/images/disign/basdroitNoir.gif);
}
/******* hyperlink and anchor tag styles *******/

a:link, a:visited{
        color: #035390;
        text-decoration: none;
    }
a:hover{
        text-decoration: underline;
        color: #6C03B6;
        }


/************** header tag styles **************/
h1{

 font: 150% verdana, Helvetica, sans-serif; 
 color: #330000;
 margin: 0px;
 padding: 0px;
}
h2{
 font: 140% verdana, Helvetica, sans-serif; 
 color: #330000;
 margin: 0px;
 padding: 0px;
}
h3{
 font: 130% verdana, Helvetica, sans-serif; 
 color: #330000;
 margin: 0px;
 padding: 0px;
}
h4{
 font: 120% verdana, Helvetica, sans-serif; 
 color: #330000;
 margin: 0px;
 padding: 0px;
}
h5{
 font: 100% verdana, Helvetica, sans-serif; 
 color: #330000;
 margin: 0px;
 padding: 0px;
}
/*************** list tag styles ***************/
ul{
 list-style-type: square;}
ul ul{
 list-style-type: disc;
}
ul ul ul{
 list-style-type: none;
}
/********* form and related tag styles *********/
form {
        margin: 0;
        padding: 0;
}
label{
 font: bold 1em Arial,sans-serif;
 color: #F7F8A8;
}
                                
input{font-family: Arial,sans-serif;
}
/***********************************************/
/* Layout Divs                                 */
/***********************************************/
#flag {
        position:relative;       
        padding:0;
        top: 0px;
        float :right;
        margin: 0px;       
}

#tr {
	float :right;
        position:relative;              
        height:20px; 
        width:20px;
        padding:0;
        top: 0px;
        background-image:url(http://www.populart.org/images/coin.gif);        
        margin: 0px;
        z-index: 100;
}

#terroir{
	float :right;
	background-repeat: no-repeat;
	position:relative;
	margin: 0px;
	height:130px; 
        width: 261px;
        padding:0;
        background-position: center; 
	background-image:url(http://www.populart.org/images/disign/tableauxTitres.gif);       
	}

#logo{
	float :left;
	position:relative;
	margin: 0px;
	height:113px; 
        width:800px;
        padding:0;       
}

          
#Focus {
        vertical-align: middle;
        margin: 5px;
        width: 85%;
        float: left;                            
        font-style: normal;
        padding: 5px;
        color:  #FFFFCC;
        background-image:url(http://www.populart.org/images/focustitre.gif);
        border: 0px solid #333333;
        border-bottom: 1px solid #000000;
       
        }
#pageNav{
	padding: 0px 0px 0px 0px;
        float: left;
        width:178px;
        padding: 0px;
        color: #FFFFCC;
        font-size: 70%;
        }
#content{
        padding: 0px 10px 0px 0px;
        margin:0px 0px 0px 178px;
        border-left: 0px solid #ccd2d2;
        }
#accueil{
        padding: 0px 3px 0px 0px;
        margin:0px 0px 0px 0px;
        border-left: 0px solid #ccd2d2;
        }        

#newsGauche{
        padding: 0px 10px 0px 0px;
        border-left: 0px solid #ccd2d2;
        width:80%;
        }
#news{
        padding: 0px 10px 0px 0px;
        border-left: 0px solid #ccd2d2;
        width:17%;
        float:right;
        }
/***********************************************/
/* Component Divs                              */
/***********************************************/

/************* globalNav styles ****************/
#globalNav{
position: relative;
width: 100%;
min-width: 800px;
height: 32px;
color: #FFFFCC;
padding: 0px;
margin: 0px;
font-size: 80%;
}
#globalNav img{
        margin-bottom: -2px;
 
}
#gnl {
        position: absolute;
        top: 0px;
        left:0px;
}
#gnr {
        position: absolute;
        top: 0px;
        right:0px;
}
#globalLink{
        position: absolute;
        top: 6px;
        height: 22px;
        min-width: 800px;
        padding: 0px;
        margin: 0px;
        left: 0px;
        z-index: 100;
}

/************** feature styles *****************/
.feature{
        padding: 0px 0px 10px 10px;
        font-size: 80%;
        min-height: 400px;
        height: 400px;
}

html>body .feature {height: auto;}

.feature img{
        padding: 0px 0px 0px 0px;
}


.Style1 {color: #EFF1FD}
/************** feature styles *****************/
.feature2{
        padding: 0px 0px 0px 0px;
        font-size: 80%;
        min-height: 200px;
        height: 200px;
}

html>body .feature {height: auto;}

.feature2 img{
        float: left;
        padding: 0px 0px 0px 0px;
}

.Style1 {
color: #FFFFCC}
/************** recettes recettes *****************/
.recettes{
        padding: 0px 0px 10px 10px;
        font-size: 80%;
        min-height: 400px;
        height: 200px;
}

html>body .recettes {height: auto;}

.recettes img{
        padding: 0px 0px 0px 0px;
}

.Style1 {color: #FFFFCC}
/************** siteInfo styles ****************/
#siteInfo{
        background-color: #333333;
        clear: both;
        font-size: 75%;
        color: #FFFFCC;

        padding: 0px 0px 0px 0px;
        margin-top: 0px;
}
#siteInfo img{
        padding: 4px 4px 4px 0px;
        vertical-align: middle;
}
#siteInfo a:link{
        color: #FDBF03;
        text-decoration: none;
    }
#siteInfo a:visited
{
        color: #FDBF03;
        text-decoration: none;
    }
#siteInfo a:hover{
        text-decoration: none;
        color: #FD5503;
        }


/************* relatedLinks styles **************/
.relatedLinks{
        margin: 0px;
        padding: 0px 0px 10px 10px;     
}
.relatedLinks a{
        display: block; 
}
/****************perso***************************/
.titre {font-family: Arial,sans-serif;
        font-size: xx-large;
        color: #FFFFCC;
        }
/********************* end **********************/

/********************naviogation hover******************/
a.modifier {
     display: block;        
     width: 72px; 
     height: 17px; 
     background-image: url(http://www.populart.org/images/disign/boutons/modifier.gif);
     background-repeat: no-repeat;
     }	 
a.modifier:hover { 
      background-image: url(http://www.populart.org/images/disign/boutons/modifierover.gif);
     } 
a.gauche {
     display: block;        
     width: 30px; 
     height: 20px; 
     background-image: url(http://www.populart.org/images/disign/boutons/precedent_over.gif);
     background-repeat: no-repeat;
     }	 
a.gauche:hover { 
      background-image: url(http://www.populart.org/images/disign/boutons/precedent_over2.gif);
     } 
a.droite {
     display: block;        
     width: 30px; 
     height: 20px; 
     background-image: url(http://www.populart.org/images/disign/boutons/suivant_over.gif);
     background-repeat: no-repeat;
     }	 
a.droite:hover { 
      background-image: url(http://www.populart.org/images/disign/boutons/suivant_over2.gif);
     } 
a.ajouter {
     display: block;        
     width: 229px; 
     height: 26px; 
     background-image: url(http://www.populart.org/images/disign/boutons/ajouetruneoeuvre.gif);
     background-repeat: no-repeat;
     }	 
a.ajouter:hover { 
      background-image: url(http://www.populart.org/images/disign/boutons/ajouetruneoeuvreover.gif);
     } 
a.expo {
     display: block;        
     width: 229px; 
     height: 26px; 
     background-image: url(http://www.populart.org/images/disign/boutons/ajoutexpo.gif);
     background-repeat: no-repeat;
     }	 
a.expo:hover { 
      background-image: url(http://www.populart.org/images/disign/boutons/ajoutexpover.gif);
     } 
a.supprtableau {
     display: block;        
     width: 229px; 
     height: 26px; 
     background-image: url(http://www.populart.org/images/disign/boutons/supprtableau.gif);
     background-repeat: no-repeat;
     }	 
a.supprtableau:hover { 
      background-image: url(http://www.populart.org/images/disign/boutons/supprtableauover.gif);
     }