html{overflow-x: hidden ;height:100%;}
.fixform{height:600px;height:auto!important;min-height:600px;}


body {   
    background:#EDEEE9 url('../../skin/image/lexique/fond_pattern.gif') top center repeat-x;
    background-position:-20px 0 ;
    color: #000000;
	font: small/1.7em verdana, sans-serif;
	height:100%;
	margin:0;
	text-align:center;
}
	

/* Layout général
----------------------------------------------- 
*/

#sitewrapper
{
    display:block;
    clear:both;
	margin:0 auto;
	width:730px;
	text-align:left;	
	min-height:100%;
	height:auto!important;
}

.lexique_header
{
   margin-left:35px;    
   background:transparent url('../../skin/image/lexique/header.jpg') top left no-repeat;   
   margin-top:-2px;
   height:186px;
}

.ranko_ecrit
{
    position:absolute;
	background:transparent url('../../skin/image/lexique/paul.gif') top left no-repeat;
	width:127px;
	height:187px;
	margin-left:604px;
	margin-top:-53px;
}

.netmaths_presente
{
   background:transparent url('../../skin/image/lexique/netmaths_presente.jpg') top left no-repeat;
   margin-left:-5px;
   display:block;
   height:56px;  
   width:224px;   
}

.netmaths_presente span{display:none;}

.colright
{
    background:#FBFCFA url('../../skin/image/lexique/fond_right.gif') top left repeat-y;	
	display:block;
	float:right;	
	margin-top:40px;	
	
	position:relative;
	width:182px;		
	right:13px;
}

/*Cheat pour régler une différence IE et Firefox*/
* html .colright
{
    right:0;
    margin-right:-8px;
}


.plushaut{top:-30px;background:transparent;}


.colright_top
{
    background:transparent url('../../skin/image/lexique/fond_right_top.gif') top right no-repeat;	
    width:12px;
    height:11px;
    position:absolute;
    margin-left:170px;
    z-index:10px;
}

.colright_bottom
{
    background:transparent url('../../skin/image/lexique/fond_right_bottom.gif') bottom left no-repeat;	
    width:182px;  
    height:10px;  
}

.search_bar
{
    position:relative;
    z-index:200px;
    background:transparent url('../../skin/image/lexique/search_bar.gif') top left no-repeat;	
    width:178px;
    height:33px;
    top:5px;    
}

    .search_bar #RechercherTextBox
    {
        border:1px solid #9ECB61;
        width:120px;
        position:relative;
        margin-left:10px;
        top:-7px;        
    }
    
        * html .search_bar #RechercherTextBox{top:-17px;}
        *:first-child+html .search_bar #RechercherTextBox{top:-17px;}
         body:first-of-type .search_bar #RechercherTextBox{top:5px;}
    
    .search_bar #RechercherButton
    {
        width:28px;
        height:45px;
        background:transparent url('../../skin/image/lexique/loupe.gif') top left no-repeat;
        border:0;
        position:relative;
        margin-left:4px;
        top:-8px;            
    }
       body:first-of-type  .search_bar #RechercherButton{top:-11px;}


.colleft
{
    position:relative;
	float:left;	
	margin-left:20px;
	z-index:10;		
	min-height:550px;
	height:auto!important;
	 height:550px;
	margin-bottom:20px;
}

   
    .colleft ul{
	    list-style-type:none;		
	    width:auto;
	    margin:0;
    }


    .colleft ul li
    {
	    padding:2px 0px 2px 14px;
	    margin:4px 0;
	    background-image: url('../../skin/image/bullet/square_small.gif');
	    background-repeat: no-repeat;
	    background-position: 2px 0.4em;
	    line-height:1.2em;
    }

 .colleft a{color:#000;}
 


#ElementDiv
{
    position:relative;    
    height:auto!important;
    height:300px;
	min-height:300px;	
	
	margin-bottom:20px;
}

#ElementDiv a{color:#779818!important;}


.panel-left
{
    background:transparent url('../../skin/image/lexique/title_bg.gif') top left no-repeat;
    position:absolute;
    height:33px;
    width:11px;    
    margin-left:-11px;
    margin-top:5px;
}

   


#ElementFooter
{
    position:relative;
    border-top:1px solid #8BBC4A;
    font-size:80%;
    margin:0 5px;
    padding:5px 20px;
}
    #ElementFooter a, #ElementFooter a:hover{color:#000;}

    * html .colleft{margin-bottom:-30px;}
    *:first-child+html .colleft{margin-bottom:-30px;}


.blacktop {background:#000000;height:5px;}
.blackbottom {background:#000000;height:30px;padding-top:20px;width:100%;color:#ffffff;text-align:center;font: 12px verdana, sans-serif;}
.blackbottom .center_wrap{margin:0 auto;width:730px;}
.blackbottom a{text-decoration:none;}

    img.valid{position:relative;top:4px;border:0;}
#footer{display:block;clear:both;}
* html #footer{overflow:hidden;}

#header{	
	margin:10px 0 0 30px;
	position:relative;	
	width:698px;	
}



/* Éléments de Design générale
----------------------------------------------- 
*/

.inkspot_bottom{
	background:transparent url('../../skin/image/design_element/ink_bottom.jpg') top right no-repeat;	
	height:44px;	
	margin:0 auto 0 auto;
	width:760px;
	position:relative;
	text-align:left;
	z-index:1;
}

/*Cheat pour régler une petit problème dans IE : "Problème de Z-index"*/
* html .inkspot_bottom{width:960px;}
 
 
    
/* Style des éléments de base
----------------------------------------------- 
*/

a{color:#F36200;text-decoration:underline;-moz-outline-style:none;}
a:hover{text-decoration:underline;color:#F36200;}


/* Types Bulles et ces styles internes
----------------------------------------------- 
*/

.bulle{
	display:block;
	position:relative;		
	width:499px;	
	margin: 10px 0 0 15px;
	padding-top:30px;
	margin-bottom:30px;		
}

.b_green{background:#ffffff url('../../skin/image/layout/bulle_top_green.gif') top left no-repeat;}

.b_bottom{height:25px;background:transparent url('../../skin/image/layout/bulle_bottom.jpg') bottom left no-repeat;}


.alphabete
{
    position:absolute;
    margin-top:77px;
    height:25px;
    width:680px;
    overflow:hidden;
    padding-left:14px;
}  
.alphabete a
{
    position:relative;
    z-index:800;
    color:#fff;
    padding:2px 8px 100px 8px;
    font-size:110%;  
    font-weight:normal;   
    text-decoration:none;
    display:block;
    float:left; 
}

.alphabete a:hover, .alphabete a.active
{
    text-decoration:none;
    background:#FFD531;
    color:#000;
}


#ElementLoader
{   
    background:transparent url('../../skin/image/lexique/telechargement.png') top left repeat-y;
    position:absolute;
    top:50px;
    margin-left:110px;
    z-index:100;
    width:300px;
    height:122px;
}

#ElementLoader img{position:relative;left:220px;top:55px;}

#ElementContainer{z-index:100;}

#SectionDiv
{  
    list-style-type:none;
    margin:10px 0;
    padding:0;
}

#SectionDiv li
{
    margin:0;
    padding:0;
    line-height:20px;
}


#SectionDiv a
{ 
    position:relative;
    width:90%;
    font-size:90%;
    color:#333;
    padding:0px 0 4px 10px;   
    text-decoration:underline;
    display:block;    
}

#SectionDiv a:hover, a.keyActif
{
    background:transparent url('../../skin/image/lexique/hover_item.gif') top left repeat-y;
    color:#111;
    text-decoration:underline;
}

#SectionDiv a.actif
{   
    background:transparent url('../../skin/image/lexique/hightlight_item.gif') top left repeat-y;
    color:#779818;   
}


em.hightlight{background:#FFD531;}

.lexique_link{position:absolute;width:350px;height:50px;margin-left:20px;margin-top:20px;}
.lexique_link a{position:relative;width:150px;height:50px;display:block;}


.patenaude_link{position:absolute;width:150px;height:50px;margin-left:400px;margin-top:20px;}
.patenaude_link a{position:relative;width:150px;height:50px;display:block;}

div.fleche{margin:20px 0 0 30px;width:427px;height:24px; background:transparent url('../../skin/image/lexique/fleche.jpg') top left repeat-y;}

h1 span{float:left;position:relative;display:block;}
a.btn{margin:0 3px;text-decoration:none;float:right;width:16px;height:16px;position:relative;display:block;top:-20px;}
a.btn:hover{text-decoration:none;}
* html a.btn{top:-25px;}
*:first-child+html a.btn{top:-25px;}
a.printer{display:block;margin-right:-8px;width:16px;height:16px;background:transparent url('../../skin/image/lexique/printer.gif') top left repeat-y;}
* html a.printer{margin-right:10px;overflow:hidden;}
*:first-child+html a.printer{margin-right:10px;}

body:first-of-type a.btn{top:0;}

a.previous{width:19px; height:19px;background:transparent url('../../skin/image/lexique/previous.gif') top left repeat-y;}
a.next{width:19px; height:19px;background:transparent url('../../skin/image/lexique/next.gif') top left repeat-y;}


   
.right{left:43px;}
.right p, .right h3{padding-left:50px;}

/* CSS de base
----------------------------------------------- 
*/




a.btn_vert:focus{-moz-outline-style: none; outline:none; }
a.btn_vert{width:180px;height:17px;position:relative;display:block;margin-bottom:10px;background-position:top left;background-repeat: no-repeat;outline:none;overflow: hidden;}
.btn_soumettre{background:transparent url('../../skin/image/button/btn_soumettre.gif'); }
 a.btn_vert span{display:none;}
    a.btn_vert:hover, a.btn_vert:active, a.btn_soumettre:active{background-position:0  -17px;}