/* ///////////////////////////////////// GENERAL ////////////////////////////////////////////////// */
body{ 
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	font-size:75%;
	margin: 0; /* pour éviter les marges */
	background-color:#333333;
    /*text-align: center; /* pour corriger le bug de centrage IE */
}

#fondblanc{
	background-color:#FFFFFF;
	margin:0pt auto;
	width:860px;
	position:relative;
}


/* ///////////// CENTRE DIV /////////////*/
.header-inner {
margin:0pt auto;
position:relative;
width:841px;
}


/* ///////////////////// LOGO - TETE /////////////////////////////////////// */

#header {
min-height:85px;
padding : 0pt;
}

#header_g{
	width: 331px;
	height: 0px;
		
}
#header_d{
	float:right;
	text-align:right;
	margin-right : 20px;
}

/*///////////// MENU HAUT ////////////////////////*/
#bt1 {
background-image:url(../img/bouton_bandeau.png);
background-repeat:no-repeat;
min-height:30px;
margin-top:10px;
}


ul#menuht{
list-style-type:none;
position:relative;
margin:0pt;
font-weight:bold;
}
ul#menuht li{
display:inline;
float:left;
margin:0;
height:30px;
padding:0;
background-image:url(../img/bouton_bis.png);
background-position:right;
background-repeat:no-repeat;
}

ul#menuht li a{
display:inline;
float:left;
color:#FFFFFF;
text-decoration:none;
line-height:30px;
padding:0 15px 0;
height:30px;
}
ul#menuht li a.desactiver{
color: #666666;
cursor: default;
}
ul#menuht li a.desactiver:hover{
background-image:none;
cursor: default;
text-decoration:none;
}

ul#menuht li a:hover{
background-image:url(../img/bouton_on.png);
background-repeat:repeat-x;
text-decoration:underline;
}
ul#menuht li a.current{
background-image:url(../img/bouton_on.png);
background-repeat:repeat-x;
text-decoration:none;
color:#FFFFFF;
}

/* CONNECTER - FORUM  */

div.connecter{
	text-align:right;
	font-weight:bold;
	color:#FFFFFF;
	padding:7px 15px 0;

}


a.connecter{
	color:#FFFFFF;
	text-decoration:none;
}

a.connecter:hover{
	color:#FFFFFF;
	text-decoration:underline;
}


/* /////////////////////////////////// ARIANE ////////////////////////////////////////////// */

#bt2_ariane {
padding-top:5px;
font-size : 85%;	
/*min-height : 20px;*/
}

/* ////////////////////////////////// MENU 2 /////////////////////////////////////////////// */
#bt2_menu {
position:relative;
height:35px;
}

#bt2_menu_img{
	width : 150px;
	float: left;
}

#bt2_menu_img2{
	background-image:url(../img/tademenu2.png);
	background-repeat:no-repeat;
	margin-left:150px;
	/*margin-top:10px;
	min-height:30px;*/
	width:690px;
}


ul#bt2_menu{
list-style-type:none;
position:relative;
margin:0;
font-weight:bold;
}
ul#bt2_menu li{
display:inline;
float:left;
margin:0;
height:30px;
padding:0;
background-image:url(../img/bouton_bis2.png);
background-position:right;
background-repeat:no-repeat;
}

ul#bt2_menu li a{
display:inline;
float:left;
color:#FFFFFF;
text-decoration:none;
line-height:30px;
padding:0 15px 0;
height:30px;
}
ul#bt2_menu li a.desactiver{
color: #666666;
cursor: default;
}
ul#bt2_menu li a.desactiver:hover{
background-image:none;
cursor: default;
text-decoration:none;
}

ul#bt2_menu li a:hover{
background-image:url(../img/bouton_on2.png);
background-repeat:repeat-x;
text-decoration:underline;
}
ul#bt2_menu li a.current{
background-image:url(../img/bouton_on2.png);
background-repeat:repeat-x;
text-decoration:none;
color:#FFFFFF;
}

/* Menu seconde 
#bt2_menu a{
color:#999999;
font-weight:bold;
padding:8px 10px 15px 10px;
margin: 10px auto;
text-align:center;
height:30px;
width:150px;
}

#bt2_menu a:hover{
text-decoration:underline;
color:#6BC620;
}
#bt2_menu a.current{
color:#6BC620;
font-weight:bold;
padding:8px 10px 15px 10px;
text-align:center;
text-decoration:underline;
}

#bt2_menu a.desactiver{
color:#CFCFCF;
font-weight:bold;
padding:8px 10px 15px 10px;
text-align:center;
cursor:default;
text-decoration:none;
}

#bt2_menu a.desactiver:hover{
cursor:default;
} */

/* ////////////////////////////////// MENU 3 /////////////////////////////////////////////// */
#bt2_menu2 {
float: left;
width:183px;
position:relative;
padding-top : 10px;
background-image:url(../img/menu3_ht.png);
background-color:#999999;
background-repeat:no-repeat;
background-position:top;
margin-top:50px;
margin-left : 10px;
padding-top:10px;
}

#bt2_menu2_bs {
width:184px;
background-image:url(../img/menu3_bs.png);
background-repeat:no-repeat;
background-position:bottom;
margin-right : 10px;
}

/* Toisième menu */

#bt2_menu2 li, #bt2_news li {
	/*display:list-item;*/
	list-style-image:url(../img/02.png);
	list-style-position:outside;
	padding-bottom:10px;
}

#bt2_menu2 li a, #bt2_news li a{
	font-weight:bold;
}

#bt2_menu2 li a:hover, #bt2_news li a:hover{
	color:#FFFFFF;
	text-decoration:underline;
}
#bt2_menu2 li a.current, #bt2_news li a.current{
	color:#FFFFFF;
	text-decoration:underline;
}

#bt2_menu2 li a.desactiver, #bt2_news li a.desactiver{
	color:#CFCFCF;
}

#bt2_menu2 li a.desactiver:hover, #bt2_news li a.desactiver:hover{
	color:#CFCFCF;
	cursor:default;
	/*background-image:none;*/
	text-decoration:none;
}


/* //////////////////////// Menu BAS -LOGO /////////////////////////////////////////////*/
div.tablebas {
        display:table;
        /* Joindre les bords des cellules */
        border-collapse:collapse;
        /* Forcer le tableau à prendre la largeur écran */
        width:841px;
        border:0px;
}

div.tablebas-en {
        display:table;
        /* Joindre les bords des cellules */
        border-collapse:collapse;
        /* Forcer le tableau à prendre la largeur écran */
        width:841px;
		margin-left:88px;
        border:0px;
}


div.trbas {
        display:table-row;
		text-align:center;
		vertical-align:middle;
}
div.tdbas {
        display:table-cell;
        width:18%;
		float:left;	
		color:#666666;
		text-align:center;	
		padding-left : 14px;
}
div.endbas {
		color:#666666;
		margin-top:auto;
		margin-bottom:auto;
        width:18%;
}

/*// seconde tableau au dessous de logo /// */
div.tdbas2 {
        display:table-cell;
        width:100%;
		float:left;	
		text-align:center;
		padding-bottom:10px;
		font-size:130%;
		font-style:italic;
		
}

div.endbas2 {
		margin-top:auto;
		margin-bottom:auto;
}

a.btn-partenaire-fr {
	width: 140px;
	height:133px;
	font-size:0px;
	color:#B5DF01;
  	display: block;
	background: url("../img/partenaires_off_fr.png") no-repeat;
}
a.btn-partenaire-fr:hover {
	color:#999999;
	background: url("../img/partenaires_on_fr.png") no-repeat;
}

a.btn-partenaire-en {
	width: 140px;
	height:133px;
	font-size:0px;
	color:#B5DF01;
  	display: block;
	background: url("../img/partenaires_off_en.png") no-repeat;
}
a.btn-partenaire-en:hover {
	color:#999999;
	background: url("../img/partenaires_on_en.png") no-repeat;
} 

a.btn-urapeda-fr {
	width: 140px;
	height:133px;
	font-size:0px;
	color:#B5DF01;
  	display: block;
	background: url("../img/TadeoGuilde_off_fr.png") no-repeat;
}
a.btn-urapeda-fr:hover {
	color:#999999;
	background: url("../img/TadeoGuilde_on_fr.png") no-repeat;
}

a.btn-urapeda-en {
	width: 140px;
	height:133px;
	font-size:0px;
	color:#B5DF01;
  	display: block;
	background: url("../img/TadeoGuilde_off_en.png") no-repeat;
}
a.btn-urapeda-en:hover {
	color:#999999;
	background: url("../img/TadeoGuilde_on_en.png") no-repeat;
} 

a.btn-dialogue-fr {
	width: 140px;
	height:133px;
	font-size:0px;
	color:#B5DF01;
	display: block;
	background: url("../img/actualites_off_fr.png") no-repeat;
}
a.btn-dialogue-fr:hover {
	color:#999999;
	background: url("../img/actualites_on_fr.png") no-repeat;
} 

a.btn-dialogue-en {
	width: 140px;
	height:133px;
	font-size:0px;
	color:#B5DF01;
	display: block;
	background: url("../img/actualites_off_en.png") no-repeat;
}
a.btn-dialogue-en:hover {
	color:#999999;
	background: url("../img/actualites_on_en.png") no-repeat;
} 

a.btn-faq {
	width: 140px;
	height:133px;
	font-size:0px;
	color:#B5DF01;
	display: block;
	background: url("../img/faq_off.png") no-repeat;
}
a.btn-faq:hover {
	color:#999999;
	background: url("../img/faq_on.png") no-repeat;
} 

a.btn-sondage-fr {
	width: 140px;
	height:133px;
	font-size:0px;
	color:#B5DF01;
	display: block;
	background: url("../img/sondage_off_fr.png") no-repeat;
}
a.btn-sondage-fr:hover {
	color:#999999;
	background: url("../img/sondage_on_fr.png") no-repeat;
} 

a.btn-sondage-en {
	width: 140px;
	height:133px;
	font-size:0px;
	color:#B5DF01;
	display: block;
	background: url("../img/sondage_off_en.png") no-repeat;
}
a.btn-sondage-en:hover {
	color:#999999;
	background: url("../img/sondage_on_en.png") no-repeat;
} 

a.btn-job {
	width: 140px;
	height:133px;
	font-size:0px;
	color:#B5DF01;
	display: block;
	background: url("../img/jobs_off.png") no-repeat;
}
a.btn-job:hover {
	color:#999999;
	background: url("../img/jobs_on.png") no-repeat;
} 


/* /////////////////////////////////// MENU BAS //////////////////////////////////////////// */

#bt3 {
position:relative;
min-height:20px;
font-size:75%;
color:#666666;
text-align:center;
background-image:url('../img/barre.png');
background-position:top;
background-repeat:no-repeat;
padding-top : 10px;

}

#bt3 a{
	text-decoration:none;
	padding:7px 20px 0 20px;
	height:18px;
}


#bt3 a:hover{
	color:#6BC620;
	text-decoration:underline;
}
#bt3 a.current{
	color:#6BC620;
	text-decoration:underline;
}

#bt3 a.desactiver{
	color:#CFCFCF;
}

#bt3 a.desactiver:hover{
	color:#CFCFCF;
	cursor:default;
	background-image:none;
	text-decoration:none;
}

/* /////////////////////////////////// COPYRIGHT /////////////////////////////////////////////// */
#bt4 {
min-height:30px;
padding-top:10px;
color:#666666;
text-align:center;
background-image:url('../img/barre.png');
background-position:top;
background-repeat:no-repeat;
font-size:80%;
}


/* /////////////////////////////////// IMAGE /////////////////////////////////////////////// */
img{
	border:0px;
}

/* ////////////////////////////////// TITRE /////////////////////////////////////////////// */
h1{
	background-image:url(../img/barre.png);
	background-position:center top;
	background-repeat:no-repeat;
	color:#B5DF01;
	font-size:250%;
	min-height:25px;
	margin-top:5px;
	text-align:center;
}


/* ////////////////////////////////// BBCODE /////////////////////////////////////////////// */
.gras{
	font-weight: bold;
}
.italique{
	font-style: italic;
}
.souligne{
	text-decoration:underline;
}
.barre{
	text-decoration:line-through;
}
.petit{
	font-size:75%;
}
.grand{
	font-size:125%;
}
.droite{
	text-align:right;
}
.centre{
	text-align:center;
}
.gauche{
	text-align:left;
}
.justifique{
	text-align:justify;
}
.blanc {
	color:#FFFFFF;
}

.rouge {
	color:#FF0000;
}
.bjaune{
	background-color:#B5DF01;
}
.clavier{
	background-color:#B5DF01;
	border-color:#999999;
	border-style:solid;
	border-width:1px;
	font-weight:bold;
	padding:0pt 5px;
}

a {
	color:#000000; 
	text-decoration:underline;
	}
a:hover{
	color:#6BC620; 
	text-decoration:underline;
	}

a.blanc { 
	color:#FFFFFF; 
	text-decoration:underline;
	}
a.blanc:hover { 
	color:#B5DF01; 
	text-decoration:underline;
	}
	
a.orange { 
	color:#000000; 
	text-decoration:underline;
	}
a.orange:hover { 
	color:#FF6600; 
	text-decoration:underline;
	}
	
a.vert { 
	color:#479B39; 
	text-decoration:none;
	}
a.vert:hover { 
	text-decoration:underline;
	}

.colorvert1{
	color:#479B39;
}
.colorvert2{
	color:#5ABF22;
}
.colorvert3{
	color:#B5DF01;
}



/* //////////////////////////////////////// Blog //////////////////////////////////////////////////////////// */

div.commbh{
	background-image:url("../img/blog_vert_h.png");
	background-position:top;
	background-repeat:no-repeat;
	background-color:#6bc620;
	padding:0px;
	width:560px;
}
div.commbb{
	background-color:#6bc620;
	padding-bottom:10px;
	padding-top : 10px;
	width:560px;
}

div.commbbis{
	background-image:url("../img/blog_vert_b.png");
	background-position:top;
	background-repeat:no-repeat;
	padding-bottom:60px;
	width:560px;
}


fieldset.blog{
	border:0px;
	padding-left:20px;
	color:#FFFFFF;

}

fieldset.blog a:hover{
	color:#FFFFFF;

}

div.legend {
	/*width: 300px; */
	color:#FFFFFF;
	font-weight:bold;
	font-size:125%;
}
div.legend2 {
	width: 200px; 
	color:#FFFFFF;
	font-weight:bold;
}
div.blogh{
	background-image:url(../img/blog_gris_a.png);
	background-repeat:no-repeat;
	background-position:top;
	background-color:#EBEBEB;
	height:12px;
	padding-left:20px;
	padding-top:10px;
	padding-bottom:5px;
	color:#479B39;
	width : 540px;
}
div.blogb{
	background-image:url(../img/blog_gris_b.png);
	background-position:bottom;
	background-repeat:no-repeat;
	background-color:#EBEBEB;
	min-height:52px;
	padding-bottom:30px;
	padding-left:20px;
	width : 540px;
}

p.validecont{
	padding-left:100px;
	font-weight:bold;
	color:#FFFFFF;
	font-size:125%;
}

p.validenon {
	background-color:#FFD5D5;
	border:1px solid #FF0000;
	color:#FF0000;
	font-weight:bold;
	margin:2px;
	padding:3px;
	font-size:75%;
}

.buttonBlog{
	width: 118px;
	height: 27px;
	border: none;
	cursor: pointer;
	color:#5ABF22;
	font-weight:bold;
	background: url("../img/blog_btn.png") no-repeat left ;
	padding-bottom : 1px;
}