body {
    text-align:center;
    background-color: #ccccdd;
    background-image: url(fond.png);
    background-repeat: repeat-y;
    background-position: top center;
    margin: 0px;
    padding: 0px;
    font-size: 9pt;
	font-family: Arial, Helvetica, sans-serif;
}

div, li, span {
font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
    margin: 0px;
    padding: 0px;
}

h1 { font-size: 18pt; font-family: Arial, Helvetica, sans-serif;}
h3 {
	font-size: 18pt;
	font-family: Arial, Helvetica, sans-serif;
	color: #F0B500;
	font-style: italic;
}

a {
    text-decoration:none;
    font-size:9pt;
}
a:hover {
    text-decoration:none;
}

div h1 {
 margin: 10px;
 padding: 10px;
 color: orange;
}

ul {
    margin-top:0px;
    margin-bottom:0px;
    padding-top:0px;
    padding-bottom:0px;
    padding-left:0px;
    margin-left:30px;
}
li {
    list-style-image: url(tiret.gif);
}

img {
	border:0;
}

#page_colonne {
font-family: Arial, Helvetica, sans-serif;
	text-align: justify;
    width: 800px;
    margin-left: auto;
    margin-right: auto;
    /*background-color: #FFFFFF;*/
    background-image: url(fonds/degrade.png);
    background-attachment: fixed;
    min-height: 800px;
	padding:0px;
}

#shortcutnav {
    text-align:left;
    padding:2px;
    margin:0px;
    color:#666;
    background-color:#eee;
    border-bottom: #bbb 1px solid;
    border-top: #fff 1px solid;
    font-size:9pt;
}
#shortcutnav > a { color: #888888; }
#shortcutnav > a:visited { color: #888888; }


#banniere {
    height: 157px;
    /*background-color: #999999;*/
    background-image: url(banniere_fond.png);
}

/*#navbar {
    float:right;
   background-color: #ff8;
    margin:0px;
    padding: 0px;
}*/

#navbar a {
    color: #222;
}

#navbar1 {
    margin:0px;
    padding:0px;
    font-size:13pt;
    min-height:22px;
}
#navbar1 * {
    font-size:11pt;
}
#navbar1 .onglet {
    /*background-color:#eee;*/
    background-image:url(./navbar/navbar1_plain.png);
    background-repeat:no-repeat;
    margin:0px;
    margin-top:10px;
    padding-top:0px;
    padding-bottom:4px;
    padding-left:23px;
    padding-right:4px;
}
#navbar1 .voyant {
    /*background-color:#ff8;*/
    background-image:url(./navbar/navbar1_actif.png);
    background-repeat:no-repeat;
}
#navbar1 .voyant b {
    font-weight: normal;
}
#navbar1 .suivant {
    background-image:url(./navbar/navbar1_post.png);
    background-repeat:no-repeat;
}
#navbar1 .premiervoyant {
    background-image:url(./navbar/navbar1_firstactif.png);
    background-repeat:no-repeat;
}
#navbar1 .premierplain {
    background-image:url(./navbar/navbar1_firstplain.png);
    background-repeat:no-repeat;
}
#navbar1 .ongletlangues {
    padding-left: 10px;
    padding-right:8px;
    background-image:url(./navbar/navbar1_lang.png);
    background-repeat:no-repeat;
}

#navbar2 {
    margin:0px;
    padding:0px;
    text-align:center;
    margin-left:auto;
    margin-right:auto;
    background-image:url(./navbar/navbar2.png);
    background-position: bottom left;
}
#navbar2 * {
    padding:0px;
    margin-left:6px;
    margin-right:6px;
}

#content {
    font-family: Arial, Helvetica, sans-serif;
	font-size:9pt;
	margin:0px;
	padding:20px;
	text-align:justify;
}

#content h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:18pt;
	font-style: italic;
	color: #F0B500;
	text-align: center;
	border: none;
	margin:5px;
	margin-bottom:8px;
    padding:5px;
}

#footer {
    clear: both;
    color: #888;
    height: 19px;
    font-size: 9pt;
    text-align: center;
    margin:0px;
    padding:0px;
    padding-top:20px;
}

fieldset {
    margin: 10px;
    padding: 10px;
}

.blocdroite30 {
font-family: Arial, Helvetica, sans-serif;
	float:right;
	width:240px;
	margin:0px 10px 10px;
	padding:10px;
	text-align: justify;
	border: none #333399;
}

.blocgauche30 {
	float:left;
	width:240px;
	padding:0px;
	text-align: justify;
	font-family: Arial, Helvetica, sans-serif;
	border: 0px none;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-left: 0px;
}

.blocdroite50 {
	float:right;
	width:350px;
	margin:20px;
	margin-top:0px;
	padding:15px;
font-family: Arial, Helvetica, sans-serif;
    /*background-color:#ddd;*/
    -moz-border-radius: 17px;
	clear:right;
	text-align: justify;
}

.blocgauche50 {
	float:left;
	width:350px;
	margin:0px 20px 20px;
	padding:15px;
font-family: Arial, Helvetica, sans-serif;

    -moz-border-radius: 17px;
	clear:left;
	text-align: justify;
}
.accroche {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: bolder;
	text-align: justify;
}

.blocdroiteliseret30 {
font-family: Arial, Helvetica, sans-serif;
    float:right;
	width:240px;
	margin:20px;
	margin-top:0px;
	margin-right:5px;
	padding:13px;
	padding-right:5px;
	
	/* pour eviter l'espace entre le titre et le contenu */
	padding-top:0px;


   /* -moz-border-radius: 17px;*/
	clear:right;
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #333399;
	border-right-color: #333399;
	border-bottom-color: #333399;
	border-left-color: #333399;
	text-align: justify;
}
.blocdroiteliseret30 legend {
font-family: Arial, Helvetica, sans-serif;
    margin-top:0px;
    margin-right:10px;
    margin-left:10px;
    margin-bottom:10px;
    padding: 10px;
    color: #333399;
    font-weight: bolder;
}

.blocdroiteliseret60 {
font-family: Arial, Helvetica, sans-serif;
    float:right;
	width:480px;
	margin:20px;
	margin-top:0px;
	margin-right:5px;
	padding:13px;
	padding-right:5px;
    
    /* pour eviter l'espace entre le titre et le contenu */
	padding-top:0px;
	
	clear:right;
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #333399;
	border-right-color: #333399;
	border-bottom-color: #333399;
	border-left-color: #333399;
	text-align: justify;
}
.blocdroiteliseret60 legend {
font-family: Arial, Helvetica, sans-serif;
    margin-top:0px;
    margin-right:10px;
    margin-left:10px;
    margin-bottom:10px;
    padding: 10px;
    color: #333399;
    font-weight: bolder;
}
.soustitre {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	color: #333399;
	text-align: justify;
}

/* TOGGLE infos */
.info {
	color: blue;
}
a.info:hover {
	color: grey;
	background-color: white;
	cursor: help;
}
.triangle {
	height: 10px;
	width: 10px; 
	background: transparent url(./triangle.png) 0px 0px no-repeat;
}
.description {
	padding-left: 10px;
	margin: 5px;
	border-left: dashed 1px #ddd;
}