/***********************************************/
/* emx_nav_left.css                            */
/* Use with template Halo_leftNav.html         */
/***********************************************/
/***********************************************//* HTML tag styles                             */
/***********************************************/
body{
        FONT-FAMILY: 100%, arial, sans-serif; 
        margin: 0px;
        padding: 0px;
         background: #EFEFEF;
        background-image:url(http://www.prof2zik.com/images/fond.gif);
        background-position: center; 
        background-repeat: repeat-y;
        color: #000000;
 	text-align: left;
        }

        
#pageTitre{
        position:relative;       
        width: 990px;
        min-width: 990px;
        text-align: left;
        
}

#page{
        position:relative; 
        width: 990px;
        min-width: 990px;
        max-width: 990px;
        text-align: left;
        
}
#pagecell1{
        position:absolute;
        top: 205px;
        left: 1px;
        right: 0%;
        width: 990px;
        min-width: 990px;
        background: #ffffff;
        border-top: 3px ridge #000000; 
        border: 1px #000000; 
        
}

#masthead{
        position: absolute;
        top: 210px;
        left: 0px;
        right: 0%;
        width: 995px;
        min-width: 990px;
        
        
        }
#titre{                 
        position: absolute;
        top: 0px;
        left: 0px;
        right: 0%;
        width: 990px;
        min-width: 990px;      
        border: 2px #000000;        
        }
#cotepub{                 
        position: absolute;
        top: 0px;       
        left: 710px;
        margin: 0px;
        padding: 0px;
        right: 2%;
        width: 280px;
        min-width: 280px;
        font-size: 80%;  
       
        }
table { 
         
         color :#000000;     
}  
.trBis
	{  
	padding: 5px;
	background-color: #DDDDDD; 
	} 
.trTer
	{  
	padding: 5px;
	background-color: #AAAAAA; 
	}
.tdCenter
	{
	style="text-align : center;"
	} 	
.point {
	background-repeat: no-repeat;
	position:relative;
	float :left;
	margin: 2px 2px 0px 2px ;
	height:5px; 
        width:5px;
        padding:0;
        background-position: center; 
	background-image:url(http://www.prof2zik.com/images/disign/point.gif);
}	
a.modifier {
     display: block;        
     width: 72px; 
     height: 17px; 
     background-image: url(http://www.prof2zik.com/images/disign/boutons/modifier.gif);
     background-repeat: no-repeat;
     }	 
a.modifier:hover { 
      background-image: url(http://www.prof2zik.com/images/disign/boutons/modifierover.gif);
     } 
a.gauche {
     display: block;        
     width: 30px; 
     height: 20px; 
     background-image: url(http://www.prof2zik.com/images/disign/boutons/precedent_over.gif);
     background-repeat: no-repeat;
     }	 
a.gauche:hover { 
      background-image: url(http://www.prof2zik.com/images/disign/boutons/precedent_over2.gif);
     } 
a.droite {
     display: block;        
     width: 30px; 
     height: 20px; 
     background-image: url(http://www.prof2zik.com/images/disign/boutons/suivant_over.gif);
     background-repeat: no-repeat;
     }	 
a.droite:hover { 
      background-image: url(http://www.prof2zik.com/images/disign/boutons/suivant_over2.gif);
     } 
a.ajouter {
     display: block;        
     width: 229px; 
     height: 26px; 
     background-image: url(http://www.prof2zik.com/images/disign/boutons/ajouetruneoeuvre.gif);
     background-repeat: no-repeat;
     }	 
a.ajouter:hover { 
      background-image: url(http://www.prof2zik.com/images/disign/boutons/ajouetruneoeuvreover.gif);
     } 

/******* Menu droite *******/        
.cadreM { /* taille du cadre, ı titre d'exemple */
color: #000;
width:100%;
}
/* propriıtıs communes ı l'ensemble des 4 coins */
.tete, .pied, .tetecourte, {
background-repeat: no-repeat;
font-size:1px; /* correction d'un bug IE */
}
/* propriıtıs spıcifiques ı chaque coin */
.tete { 
margin: 0px;
padding: 3px 5px 0px 5px ;
height: 32px; 
text-align: center;
color: #ffffff;
font: 150% Arial,sans-serif;
background: url(http://www.prof2zik.com/images/tete.gif);
}
.pied {
height: 10px; 
background: url(http://www.prof2zik.com/images/pied.gif);
}
.tetecourte {
height: 10px; 
background: url(http://www.prof2zik.com/images/tetecourte.gif);
}
.corps  {
padding: 0px 5px 0px 5px ;
font: 100% Arial,sans-serif;
background: url(http://www.prof2zik.com/images/corps.gif);
}

.cadreM1 { /* taille du cadre, ı titre d'exemple */
position:relative;
color: #0;
width:680px;
margin: 0 auto;

}
/* propriıtıs spıcifiques ı chaque coin */
.tete1 { 
margin: 0px;
padding: 5px 5px 0px 5px ;
height: 35px; 
text-align: center;
font: 120% Arial,sans-serif;
color: #fff;
background-color : #dddddd;
background: url(http://www.prof2zik.com/images/tete1.gif);
}
.pied1 {
height: 15px; 
background-color : #dddddd;
background: url(http://www.prof2zik.com/images/pied1.gif);
}
.tetecourte1 {
height: 15px; 
background: url(http://www.prof2zik.com/images/tetecourte1.gif);
}
.corps1  {
text-align: left;
padding: 0px 10px 0px 10px ;
font: 100% Arial,sans-serif;
background-color : #dddddd;
background: url(http://www.prof2zik.com/images/corps1.gif);
}


/******* hyperlink and anchor tag styles *******/

a:link, a:visited{
        color: #0338FC;
        text-decoration: none;
    }
a:hover{
        text-decoration: underline;
        color: #0338FC;
        }


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

 font: 180% verdana, Helvetica, sans-serif; 
 color: #543959;
 margin: 0px;
 padding: 0px;
}
h2{
 font: 140% verdana, Helvetica, sans-serif; 
 color: #543959;
 margin: 0px;
 padding: 0px;
}
h3{
 font: 130% verdana, Helvetica, sans-serif; 
 color: #543959;
 margin: 0px;
 padding: 0px;
}
h4{
 font: 80% verdana, Helvetica, sans-serif; 
 color: #543959;
 margin: 0px;
 padding: 0px;
}
h5{
 font: 100% verdana, Helvetica, sans-serif; 
 color: #543959;
 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;       
}


#terroir{
	float :right;
	background-repeat: no-repeat;
	position:relative;
	margin: 0px;
        padding:0;
	}

#logo{
	float :left;
	position:relative;
	margin: 0px;
	padding:0;      
	}
#logo h1 {    	
    	height:200px; 
        width:400px;
        background-repeat: no-repeat;
         background-position: left; 
        background-image:url(http://www.prof2zik.com/images/logo.gif); 
     	}	
#logo span {display:none;}
          

#pageNav{
	padding: 0px 0px 0px 0px;
        float: left;
        width:178px;
        padding: 0px;
        color: #FFFFFF;
        font-size: 70%;
        }
#content{
        padding: 0px 10px 0px 0px;
        margin:0px 0px 0px 178px;
        border-left: 0px solid #1F3245;
        }
#accueil{
	width: 710px;
        padding: 0px 0px 0px 0px;
        margin:0px 0px 0px 0px;
        
        }        

#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: #FFFFFF;
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: 0px;
        height: 22px;
        min-width: 800px;
        padding: 0px;
        margin: 0px;
        left: 0px;
        z-index: 100;
}

/************** feature styles *****************/
.feature{
        padding: 0px 0px 1px 2px;
        font-size: 90%;
        min-height: 300px;
        height: 300px;
       
}

html>body .feature {height: auto;}

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


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

html>body .feature {height: auto;}

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

.Style1 {color: #000000}

/************** siteInfo styles ****************/
#siteInfo{
	position:relative;
        border-top: 1px ridge #000000;
        border: 1px ridge #aaaaaa;
        background-color : #dddddd;
        font-size: 80%;
        color: #000000;
        padding: 0px 0px 0px 0px;
        margin-top: 0px;
}

#siteInfo img{
        padding: 4px 4px 4px 0px;
        vertical-align: middle;
}

#siteInfo a:link{
        color: #990033;
        text-decoration: none;
    }
    
#siteInfo a:visited
{
        color: #990033;
        text-decoration: none;
    }
#siteInfo a:hover{
        text-decoration: none;
        color: #660033;
        }


/************* 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: #000000;
        }
        
/**********CLOUD *********************/
a.cloud1 { font-size: 12px; color: #543959; }
a.cloud2 { font-size: 14px; color: #6B4971; }
a.cloud3 { font-size: 18px; color: #885F90; }
a.cloud4 { font-size: 20px; color: #9A6BA3; }
a.cloud5 { font-size: 24px; color: #AA76B3; }
        
/********************* end **********************/