/*********************************************************************************
* GENERAL
*********************************************************************************/
body {
 text-align: center;
 font: normal 77% "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana, Arial, Helvetica, sans-serif;
 
}

h1 {
 margin: 0;
	margin-bottom: 0.5em;
	font-size: 2em;
	color: #E89417;
	padding-top: 0.3em;
}

h2 {
	margin: 0;
	margin-bottom: -5px;
	padding-top: 0.6em;
	font-size: 1.5em;
	/*color: #E89417;*/
	font-weight: normal;
}
h2.sidebar-title {
 margin-bottom: 2px;
}

h3 {
	margin: 0;
	margin-bottom: -5px;
	padding-bottom: 0.25em;
	padding-top: 1em;
	font-size: 1.25em;
	font-weight: normal;
	color: #E89417;
	/*color: #797979;*/
}
#colonne_droite h3 {
 margin-bottom: 0;
}

h4 {
	margin: 0;
	margin-bottom: -5px;
	padding-bottom: 0.25em;
	padding-top: 0.70em;
	font-size: 1.25em;
	font-weight: normal;
}

p {
 margin: 0 0 0 0;
 padding: 2px 0 5px 0;
}

a:link, a:visited {
 color: #E89417;
 text-decoration: none;
}	

a:hover{
	text-decoration: underline;
	color: #E89417;
}

strong {
 /*color: #E89417;*/
 font-weight: bold;
}

dt {
 color: #E89417;
 font-weight: bold;
}

dd {
	margin-left: 1.5em;
}

ul {
	margin-left: 1.3em;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	padding-left: 20px;
}

ol {
 margin-left: 1.7em;
}

img {
 border: 0;
}

#colonne_gauche img {
 padding: 5px;
}

#colonne_gauche ul li img, #colonne_gauche ol li img {
 padding: 0;
}

th {
 font-weight:bold;
 text-align: right;
}

table.option td {
 vertical-align: top;
}

caption {
 text-align: left;
 color: #E89417;
 font-size: 1.25em;
}



/*********************************************************************************
* CONTENEURS
*********************************************************************************/

#page {
 width: 950px;
 text-align: justify;
 margin: 0 auto 0 auto;
 position: relative;
}

#colonne_gauche {
 width: 580px;
 float: left;
 /*background: #FFFFFF;*/
}

#colonne_droite {
 width: 310px;
 float: right;
 /*background: red;*/
}

#contenu {
 /*background: #F0F0F0;*/
 /*clear: both;
 margin-top: 20px;*/
}

#bandeau {
 clear: both;
 margin-top: 33px;
}

/*********************************************************************************
* MENUS
*********************************************************************************/
#menu {
 padding-top: 2px;
 margin-left: 0;
 margin-top: 5px;
 width: 100%;
 height: 30px;
 z-index: 4;
}

#menu ul {
 margin:0 0 0 0; 
 padding:0; 
 list-style-type:none; 
 position:relative;
}

#menu ul li {
 float:left; 
 padding: 4px 20px 8px 0;
}
#menu ul.right li {
 float: right;
 padding: 4px 0 8px 20px;
}

#menu ul li a {
 display: block;
 border-top:4px solid #efefff;
 padding: 2px 20px 2px 2px;
}

#menu ul.right li a {
 padding: 2px 2px 2px 20px;
 border-top: 0;
}

#menu ul li ul li a {
 padding: 2px 2px;
 border: none;
}
#menu ul.right li ul li a {
 padding: 0;
}

#menu ul .selected a, #menu ul li:hover a {
 border-top:4px solid #38405C !important;
}
#menu ul .selected ul li a, #menu ul li:hover ul li a, #menu ul.right li:hover a {
 border: none !important;
}

#menu ul li.selected a {
 color: #3d496a;
}

#menu ul li a {
 text-decoration:none; 
 font-weight: bold;
 color:#68759c;
 z-index:3;
}

#menu ul li a:hover, #menu ul li.selected a:hover {
 color:#38405C;
 border:none;
}



li.selected ul li {
 font-weight: normal;
}

li.selected ul li.selected a {
 font-weight: bold !important;
 color: #38405C !important;
}

#menu ul li ul {
 display: none;
}
#menu ul li:hover ul {
 display: block;
 z-index:2;
}

#menu ul li.selected ul {
 display: block;
 z-index:1;
}

#menu ul li ul {
 position: absolute;
 top: 30px;
 left: 0;
 width: 100%;
 background: #FFFFFF;
 margin: 0;
 padding: 0;
 border-top: 1px #DEDEDE solid;
}
#menu ul.right li ul {
 width: auto;
 right: 0;
 left: auto;
}

#menu ul li ul li, #menu ul li ul li.selected {
 list-style: none;
 padding: 7px 0 7px 5px;
 margin: 0 7px 0 0;
 border-top: none;
}
#menu ul.right li ul li, #menu ul.right li ul li.selected {
 padding: 7px 5px 7px 0;
 margin: 0 0 0 7px;
}
#menu ul li ul li a, #menu ul li.selected ul li a, #menu ul li ul li:hover {
 font-weight: normal;
 color: #AFAFAF;
 border-top: none;
}

li.firstli {
 border-left: none !important;
 padding-left: 0 !important;
}


.menu_bas {
 border-top: 1px black dotted;
 padding-top: 2px;
}
#copyright {
 border-top: 0 !important;
}
.menu_bas ul {
 display: block;
 text-align: center;
 width: 100%;
 margin: 0;
 padding: 2px 0 2px 0;
 font-size: 80%;
}

.menu_bas ul li {
 display: inline;
 font-size: 110%;
 background: url(http://leguideenligne.com/design/leguide_preversion/images/delimiter.png) no-repeat 0 6px;
 padding-left: 10px;
 padding-right: 5px;
}
#copyright ul li {
 font-size: 100% !important;
}
.menu_bas ul li a {
 text-decoration: none;
}
.menu_bas ul li a:hover {
 text-decoration: underline;
}
ul li.premier_lien {
 border: 0;
 background: none !important;
 padding-left: 0 !important;
}

/*********************************************************************************
* NOTE
*********************************************************************************/
/*h1.not_titre {
 margin-top: 20px;
}

.not_date h1 {
 color: #C42120 !important;
 font-weight: bold !important;
}*/

.not_reference {
 margin: 20px 0 0 0;
 /*margin-left: 25px;*/
}
.not_reference strong {
 color: #E89417;
}

.passage {
 position: relative;
 width: 520px;
 margin:10px 20px 0 20px;
 font-size: 90%;
 padding: 10px 10px 25px 10px;
 border: 1px dotted #220000;
 text-align: justify;     
 /*color: #880000;
  background-color: #FFF2ED;*/
}
.lirelasuite {
 position: absolute;
 bottom: 8px;
 right: 8px;
}

.not_auteur {
 text-align: right;
 color: #000000;
 font-weight: bold;
 margin: 5px 0 0 0;
}

.not_contenu {

}

.not_notes_supp {
 margin: 10px 0 0 0;
 font-size: 8pt;
 color: #777777;
}

.not_applic {
 padding-left: 7px;
 margin: 5px 0 10px 5px;
 border-left: 1px black solid;
 font-weight: bold;
}
.not_appli p {
 padding: 0;
 margin: 2px 0 5px 0;
}

.not_explic {

}

.not_sous_titre {

}

.not_encart p {
 font-weight: bold;
 color: #E89417;
}
.not_encart_supp {

}

.not_titre_encart h3 {
 margin: 5px 0 -5px 0;
}

/*********************************************************************************
* BOUTONS ET LIENS SPECIFIQUES
*********************************************************************************/
.Commander {
	/* text-align: right; */
	margin: 1em 0 1.8em 0;
}

.Commander a {
 margin: 1em 0 0 0;
 color: white;
 background-color: #E89417;
 text-decoration: none;
 font-weight: bold;
 text-align: center;
 padding: 5px;
 border: 2px outset #c0c0c0;
}

.Commander a:hover {
 background-color: #0D215E;
 text-decoration: none;
	border: 2px inset #c0c0c0;
}


.bouton {
    /* Sliding right image */

	background: transparent url('http://leguideenligne.com/design/leguide_preversion/images/button_right.gif') no-repeat scroll top right; 
	display: block;
	float: left;
	height: 30px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
	margin-right: 10px;
	margin-top: 10px;
	padding-right: 16px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
	/* FONT PROPERTIES */
	text-decoration: none;
	color: #000000;
	/*font-family: Arial, Helvetica, sans-serif;*/
	/*font-size:12px;
	font-weight:bold;*/
}
.bouton.left {
 float: left;
}
.bouton.right {
 float: right;
}
.bouton p {
 margin:0 !important;
 padding:0 !important;
}
.bouton a, .bouton input {
/* Background left image */ 
	background: transparent url('http://leguideenligne.com/design/leguide_preversion/images/button_left.gif') no-repeat; 
	display: block;
	line-height: 16px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */
	padding: 7px 0 7px 18px;
	color: #FFFFFF;
	border: 0;
	font-size:12px;
	font-weight:bold;
} 
.bouton a:hover {
text-decoration:underline;
}
/*********************************************************************************
* ELEMENTS POSITIONNES
*********************************************************************************/
.floatRight {
 float: right;
}

.floatLeft {
  float: left;
  text-align: center;
  margin: 0;
  margin-right: 1.5em;
}

.center {
 display: block;
 width: 100%;
 clear: both;
 text-align: center;
}


#tampon {
 margin-left: 20px;
}

#partage {
 float: left;
 padding: 5px;
 padding-left: 0;
 margin-top: 4px;
 width: 138px;
 text-align: left;
}



img#b6a {
 margin: 0!important;
 padding-right: 0;
}

img#logo_international {
 float: right;
}

img#b6a {
 margin-top: 20px;
}
/*********************************************************************************
* ELEMENTS MASQUES
*********************************************************************************/

#creditfooter {
 display: none;
}

/*********************************************************************************
* ELEMENTS FORMATES
*********************************************************************************/

#description {
 color: #E89417;
 font-size: 11pt;
 /*font-style: italic;*/
}

#slogan {
 position: absolute;
 top: 90px;
 left: 375px;
 color: #628BAB;
 font-style: italic;
 font-weight: bold;
}

#supports {
 position: absolute;
 top: 90px;
 left: 614px;
}
#supports img {
 margin: 0;
}
#supports a {
 margin: 0 15px 0 0;
}

.commentaire, .commentaires {
 font-size: 8pt;
 color: #777777;
}

#news {
 text-align: left;
}

td.label {
 text-align: right;
}

td.top {
 vertical-align: top;
}

.text-center {
 text-align: center;
}
.text-right {
 text-align: right;
}
.text-left {
 text-align: left;
}

.bglight {
 background: #FFF5DF;
}0





.commentaire {
 
}
.comment_title {
 color: black;
}
.commentaire .comment_body {
 background: #F5F5F5;
}
.commentaire .comment_body .floatRight {
 margin-top: -2px;
}
.commentaire.redacteurs .comment_body, .commentaire.administrateurs .comment_body {
 background: #FFFFEF;
}
.commentaire.self .comment_body {
 background: #FFF2EF;
}
.comment_body {
 border: 1px #CCCCCC solid;
 margin: 0 5px 15px 0;
 padding: 10px;
}



div.element
{
    padding-right: 1em;
   
}
#colonne_gauche label
{
    
    padding-right: 0.5em;
    display: block;
    
}

/*********************************************************************************
* EDITIONS
*********************************************************************************/
div.element {
 float: left;
}

.clear {
 clear: both;
}
.border {
 display: block;
 width: 100%;
 height: 15px;
 border-bottom: 1px #DEDEDE solid;
 clear: both;
}

.petit  {
 font-size: 90%;
}

.nopadding {
 padding: 0 !important;
}