body {
	margin:0;
	padding:0;
	text-align: left;
	font-family: verdana, arial, sans-serif;
	font-size: 8pt;
}

a:link, a:visited {
text-decoration:  none;
border: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #2A85C0;
}

a:hover {
text-decoration: underline; 
border: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #00AEEF;
}

.inputbox {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #999999;
border: 1px solid #f9fbce;
padding: 1px 3px;
margin: 0;
}
.inputbox {
border: 1px solid #BBBBBB;
}


/* Main Menu(s) */

a.mainlevel:link, a.mainlevel:visited {
text-align:left;
display: block;
color: #FFFFFF;
font-weight: normal;
width: 176px;
text-indent: 10px;
text-decoration: none;
font-family:Arial, Verdana, Helvetica sans-serif;
line-height: 28px;
margin: 0px 0 0 0;
height:27px;
vertical-align:middle;
background: url(../images/bouton_off.jpg) no-repeat;
	font-size: 14px;


}

a.mainlevel:hover {
text-align:left;
display: block;
color: #FFFFFF;
font-weight: normal;
width: 176px;
text-indent: 10px;
text-decoration: none;
font-family:Arial, Verdana, Helvetica sans-serif;
line-height: 28px;
margin: 0px 0 0 0;
height:27px;
padding:0px 0px 0px 0px;
background: url(../images/bouton_on.jpg) no-repeat;
	font-size: 14px;


}

a.sublevel {
	background: #FFFFFF;
	display: block;
	vertical-align: middle;
	font-size: 10px;
	font-weight: bold;
	color: #00A1EF;
	text-align: left;
	padding-left: 10px;
	line-height: 25px;
	width: 150px;
	text-indent: 10px;
	text-decoration: none;
	background: #FFFFFF url(../images/bouton.jpg) no-repeat 6px;
	-width: 160px;

}

a.sublevel:hover, a.sublevel#active_menu {
	background: #FFFFFF;
	display: block;
	vertical-align: middle;
	font-size: 10px;
	font-weight: bold;
	color: #2F3841;
	text-align: left;
	padding-left: 10px;
	line-height: 25px;
	width: 150px;
	text-indent: 10px;
	text-decoration: none;
	background: #FFFFFF url(../images/bouton_hover.jpg) no-repeat 6px;
	-width: 160px;
}

a.mainlevel-espace:link, a.mainlevel-espace:visited,span.mainlevel-espace {
color: #FFFFFF;
font-weight: normal;
text-decoration: none;
font-family:Arial, Verdana, Helvetica sans-serif;
font-size: 14px;
}

a.mainlevel-espace:hover {
color: #00A1EF;
font-weight: normal;
text-decoration: none;
font-family:Arial, Verdana, Helvetica sans-serif;
	font-size: 14px;
}

.msgProfils
{
	color: #FFFFFF;
	text-align: center;
	font-size: 10px;
}



a.link_copyright
{
font-size: 11px;
text-decoration: none;
color: #00AEEF;
}

a.link_copyright:hover {
font-size: 11px;
text-decoration: none;
color: #00AEEF;
}
a.link_copyright:visited {
font-size: 11px;
text-decoration: none;
color: #00AEEF;
}

a.contentpagetitle
{
font-size: 11px;
text-decoration: none;
color: #0071BC;
}


.contentheading {
width: 98%;
font-weight: bold;
font-size: 16px;
height: 23px;
line-height: 20px;
border-bottom: 1px solid #00AEEF;
font-family: verdana, sans-serif;
color: #00AEEF;
}

.contentpaneopen {
text-align: left;
background: transparent;
font-size: 10px;
line-height: 1.3;

}


 /*********
 Les éléments LIRE LA SUITE pour un article
 **********/
 
.readon 
 {
    background-position:left;
    background-repeat:no-repeat;
    padding-left:16px ; 
    color:#0071BC;
    float:right;
 }

p 
{
    margin:0px;
text-align: justify;
	font-family: verdana, arial, sans-serif;
	font-size: 8pt;
	width:100%;
}

hr
{    
    border: 0;
    padding:0;
    margin:5px 0 0 0;
    border-bottom:dotted 1px #005ea8;
    height: 1px;
}

ul 
{
    margin-top:0px;
    margin-bottom:0px;
}

li
{
list-style-type:none;
list-style-image: url(../images/puce-bleue.gif);
margin-top: 3px;
margin-bottom: 3px;
		}

h1
{
    font-size:11px;
    color:#00AEEF;
    font-weight:900;
    margin:0px;
}

    h1 b
    {
        font-variant:small-caps;
        font-size:11px;
    }
	
h2 
{
   font-size:12px;
    color:#2A85C0;
    font-weight:900;
    margin:0px;
    margin-bottom:0px;
    margin-top: 10px;
}
    h2 a
    {
        color : #005ea8;
        font-weight:bold;
    }
    
    
    h2 a img
    {
        padding-right: 4px;
    }

h3
{
    font-size:11px;
    color:#2A85C0;
    margin:0px;
    margin-bottom:0px;
    margin-top: 0px;
}

h4 
{
    padding:0;
    margin:0;    
}

.pathway {
	color: #FFFFFF;
	font-family: verdana, arial;
	font-size : 10px;
	font-weight: bold;
	display: inline;
	height: 28px;
	line-height: 20px !important;
	line-height: 18px;
	padding-left: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
	vertical-align: top;
}
.pathway img {
	margin-left: 4px;
	margin-right: 4px;
	margin-top: 0px;
}
.pathway a:link, .pathway a:visited {
	color: #FFFFFF;
	font-weight: normal;
}
.pathway a:hover {
	color: #777777;
	text-decoration: none;
	font-weight: normal;
}

.moduletable-menu {
	position:relative;
	vertical-align:top;

}

/* TAbleau */
.moduletable-info
{
width:260px;
}

/* Template */


 
div 
{
 margin-left: auto;
 margin-right: auto;
width:1000px;
width:100%;
background-color:#D4EEFF;
}

div#template {
   z-index: 3;
	width:1000px;
	height:580px;
	margin: 0 auto;
    margin : 0 auto 0 auto;
    text-align : left;	
	position:relative;
}
	
div#header {
   z-index: 5;
left:0px; 
top:0px; 
	width:1000px;
	height:182px;
	background-color:#D4EEFF;
	background: #D4EEFF url(../images/fond_haut.jpg);
	position:relative;
}
div#contenu {
   z-index: 5;
	width:1000px;
/*	height:100%;*/
	background: #D4EEFF url(../images/lezard.jpg);
	background-position: bottom;
    background-repeat:no-repeat;
	position:relative;
}
div#footer 
{
   z-index: 6;
   text-align: center;
   overflow:hidden;
   position:relative;
	vertical-align:bottom;
	width:1000px;
	right: 1px;
	bottom: 1px;
	height: 20px;
	-height:100%+50;
background: transparent;
/*border:1px dashed #333;*/


}	

#header_languages {
 	position: absolute;
    text-align: right;
	left: 340px;
	bottom: 3px;
	width: 140px;
	height: 30px;
	background: transparent;
}

#header_bonus {
 	position: absolute;
    text-align: right;
	right: 1px;
	bottom: 6px;
	width: 360px;
	height: 30px;
	background: transparent;
}	

.contenu-left 
{
   z-index: 2;
left:0px; 
top:0px; 
	width:180px;
	height:400px;
float: left;
margin-left: 5px;
}
.contenu-center {
   z-index: 2;
 left:0px; 
 top:0px;  
	width:600px;
	height:100%;
   padding-left: 5px;
   float: left;
margin-left: 1px;

}
	
.contenu-right {

position:relative; 
left:0px; 
top:0px;
	width:160px;
	height:100%;

margin-left: 0px;
padding-top :0px;
   padding-right: 30px;

}

/* Cadre */
div#leftIndex {
width: 260px;
	text-align: center;
	font-family: verdana, arial, sans-serif;
	font-size: 8pt;
		font-weight: bold;

}
div#leftIndex-top {
width: 100%;
height:28px;
background: transparent url(../images/cadre-haut-index.jpg) top left no-repeat;

	text-align: center;
	font-family: verdana, arial, sans-serif;
	font-size: 8pt;
	color:#FFFFFF;
}
div#leftIndex-center {
width: 100%;
height:100%;
background: transparent  url(../images/cadre-milieu-index.jpg) top left repeat;

}
div#leftIndex-footer {
position:relative; 
width: 100%;
height:11px;
background: transparent url(../images/cadre-bas-index.jpg) top left no-repeat;
}

div#leftMot {
width: 98%;
color:#FFFFFF;
}
div#leftArticle {
width: 600px;
/*height:100%;*/
position: static;
   opacity: 0.8;
 
}

div#leftcol-top {
    position:relative;
width: 600px;
height:28px;
    top: 0px;
    left:0px;
color:#FFFFFF;
background: transparent url(../images/cadre-haut.jpg) top left no-repeat;
text-align: left;
font-family: verdana, arial, sans-serif;
font-size: 8pt;
	font-weight: bold;

}
div#leftcol-center {
    position:relative;
width: 600px;
/*height:100%;*/
    top: 0px;
    left:0px;
/*background: transparent url(../images/cadre-milieu.jpg) top left repeat;*/
background: #FFFFFF url(../images/cadre-milieu.jpg) top left repeat;
}
div#leftcol-footer {
    position:relative;
	width: 600px;
height:11px;
    top: 0px;
    left:0px;
background: transparent url(../images/cadre-bas.jpg) top left no-repeat;
}