body {
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	behavior:url('/themes/commun/css/csshover2.htc'); /* Fichier importe pour permettre à Internet Explorer de comprendre la pseudo-classe :hover */
}
img{border: 0px;}
INPUT {
	BORDER-RIGHT: #dddddd 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #dddddd 1px solid; PADDING-LEFT: 3px; FONT-SIZE: 11px; PADDING-BOTTOM: 3px; BORDER-LEFT: #dddddd 1px solid; PADDING-TOP: 3px; BORDER-BOTTOM: #dddddd 1px solid
}
TEXTAREA {
	BORDER-RIGHT: #dddddd 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #dddddd 1px solid; PADDING-LEFT: 3px; FONT-SIZE: 11px; PADDING-BOTTOM: 3px; BORDER-LEFT: #dddddd 1px solid; PADDING-TOP: 3px; BORDER-BOTTOM: #dddddd 1px solid
}
SELECT {
	BORDER-RIGHT: #dddddd 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #dddddd 1px solid; PADDING-LEFT: 3px; FONT-SIZE: 11px; PADDING-BOTTOM: 3px; BORDER-LEFT: #dddddd 1px solid; PADDING-TOP: 3px; BORDER-BOTTOM: #dddddd 1px solid
}
form {
	margin: 0px;
	padding: 0px;	
}
#principal {
	position: relative;
	width: 982px;
	margin-left: auto;
	margin-right: auto;
}

#header {
	position: relative;
	width: 982px;
	height: 90px;
	margin-bottom: 2px;

}

#headPub {
	position: relative;
	float: left;
	width: 729px;
	height: 90px;	
}


#login {
	position: relative;
	float: left;
	margin-left: 4px;
	width: 238px;
	height: 80px;
	background-image:url(../images/fond_login.jpg);
	background-repeat:repeat-x;
	padding: 5px;
}
#login div, #login form {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FF5400;
	font-weight: bold;
	text-align: right;
	margin: 0px;
	padding: 0px;
}
#login a {
	text-decoration: underline;
	color: #FF5400;	
}
#login a:hover {
	text-decoration: underline;
}
#login .input1, #login .input2 {
	color: #737393;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	width: 68px;
	height: 21px;
	line-height: 21px;
}
#login .input2 {
	width: 148px;
}

#bando {
	position: relative;
	width: 982px;
	height: 85px;
	background-image:url(../images/logo_fond.jpg);
	background-position: center;
	background-repeat:no-repeat;

}

#menu {
	position: absolute;
	width: 440px;
	top: 63px;
	left: 390px;
}
#menu a {
	color: #FFFFFF;	
	text-decoration: none;
}
#rub1, #rub2, #rub3, #rub4 {
	position: relative;
	float: left;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
	margin-left: 1px;
	margin-right: 1px;
	text-align: center;
	cursor: hand;
}

#menu li, #menu ul { position: relative; 	list-style: none; margin: 0px; padding: 0px;}
.btmenu {height:20px;}
.btmenu:hover div.menu_niv_1{
	display:block;
	z-index: 200;
}
div.menu_niv_1{
	position:absolute;
	top:20px;
	left:0px;
	width:162px;
	display: none;
	color: #FFFFFF;
	z-index:200;
	margin: 0px;
	padding: 0px;
	background-color: #FFFFFF;
}

div.niv1 {
	position:relative;
	width:158px;	
	padding-left: 2px;
	padding-top: 4px;
	padding-bottom: 4px;
	text-align: left;
	background-color:#40C3FF;
	margin:1px;
	font-size: 12px;
	font-weight: bold;
    COLOR: #FFFFFF;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    font-weight:bold;
    WHITE-SPACE: nowrap;
    TEXT-DECORATION: none;
    cursor:hand;
}
#rub1 div.niv1{
	background-color:#40C3FF;
}
#rub2 div.niv1{
	background-color:#BE45BD;
}
#rub4 div.niv1{
	background-color: #39DB14;
}
div.niv1 a, div.niv1 a:hover {
	text-decoration: none;
	color: #FFFFFF;	
}
#home {
	position: absolute;
	width: 370px;
	bottom: 2px;
	left: 5px; 
	height: 80px;
	cursor: hand;
	z-index: 10;
}

#centre {
	position: relative;
	float:left;
	margin: 0px;
	visibility: visible;
	width: 970px;
	z-index: -10;
	padding: 5px;
	border-left: 1px solid #656565;
	border-right: 1px solid #656565;
	height: auto;
	min-height: 600px;
}

#droite {
	position: relative;
	float:left;
	visibility: visible;
	width: 175px;
	z-index: -10;
	text-align: center;
	padding: 5px;
}
#droite div {
	font-family: Arial, Helvetica, sans-serif;
	width: 175px;
	/*height: auto;*/
}
#droite div a{
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-weight: bold;
}
#droite div a:hover{
	text-decoration: underline;
}
#colCentre {
	position: relative;
	float: left;
	width: 775px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #000000;
	font-size: 12px;
	text-align: justify;
}

#colGauche {
	position: relative;
	float: left;
	width: 465px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #000000;
	font-size: 12px;
	text-align: justify;
}
#blocRub1big, #blocRub1large, #blocRub2big, #blocRub2large, #blocRub3large, #blocRub3big, #blocRubForumbig, #blocRubForumlarge {
	position: relative;
	margin: 0px;
	padding: 0px;
	width: 424px;
	background-image:url(../images/entete_rub1big.jpg);
	background-position:top left;
	background-repeat: no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	text-align: left;
	color: #40C3FF;
	padding-top: 20px;
	padding-left: 40px;
	height: 35px;
}
#blocRub1large{
	background-image:url(../images/entete_rub1large.jpg);
	
}
#blocRub2large{
	background-image:url(../images/entete_rub2large.jpg);
	width: 730px;
	color: #BE45BD;
}
#blocRubForumlarge {
	width: 730px;
	background-image:url(../images/entete_forumlarge.jpg);
	color: #FF5400;
}
#blocRub2big {
	background-image:url(../images/entete_rub2big.jpg);
	color: #BE45BD;
}
#blocRub3big {
	background-image:url(../images/entete_rub3big.jpg);
	color: #35DB11;
}
#blocRub3large {
	background-image:url(../images/entete_rub3large.jpg);
	width: 730px;
	color: #35DB11;
}
#blocRubForumbig {
	background-image:url(../images/entete_forumbig.jpg);
	color: #FF5400;
}

h2, h2 a {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 30px;
	color: #000000;
	padding-top: 5px;
	text-decoration: none;
	text-align: left;
	width: auto;
}
h2 a:hover {
		text-decoration: underline;
}
.lien, .mention {
	color: #52608B;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 15px;
}
.mention {font-size: 10px;}

.lien:hover {
	text-decoration: underline;
}
#colDroite {
	position: relative;
	float: left;
	width: 298px;
	margin-left:10px;
}
#blocRub1, #blocRub4, #blocRub2, #blocRub3, #blocRubForum {
	position: relative;
	margin: 0px;
	padding:0px;
	height: 22px;
	background-image:url(../images/entete_forum.jpg);	
	background-position:top left;
	background-repeat: no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	color: #40C3FF;
	padding-top:8px;
	padding-left: 35px;
}
#blocRubForum {
	color: #FF5400;
}
#blocRub1 {
	background-image:url(../images/entete_rub1.jpg);	
}
#blocRub3 {
	background-image:url(../images/entete_rub3.jpg);	
	color: #35DB11;
}
.lienForum {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FF5400;
	font-weight: bold;
	text-decoration: none;
	cursor: hand;
}
.lienForum:hover {
	text-decoration: underline;
}
#blocRub2 {
	background-image:url(../images/entete_rub2.jpg);
	color: #BE45BD;
}

.lienRub2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #BE45BD;
	font-weight: bold;
	text-decoration: none;
}
.lienRub2:hover {
	text-decoration: underline;
}
.lienRub1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-weight: normal;
	text-decoration: none;
}
.lienRub1:hover {
	text-decoration: underline;
	color: #40C3FF;
}
.lienRub3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #35DB11;
	font-weight: bold;
	text-decoration: none;
}
.lienRub3:hover {
	text-decoration: underline;
}
.ligne, .ligne2, .ligneTwitter {
	background-color:#FFFFFF;
	height: 56px;
	border-bottom: 1px solid #F2F2F2;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #000000;
	font-size: 12px;
	border-left: 10px solid #F4F4F3;
	border-right: 10px solid #F4F4F3;
}
.ligneTwitter {height: auto;;font-size: 12px; text-align: justify; padding: 5px;}
.ligne img {
	margin-top: 2px;
	margin-left: 5px;
	margin-right: 10px;
	float: left;
	vertical-align: middle;
}
.finLigne{
	background-color:#F4F4F3;
	height: 10px;
}
.ligne2 {height: auto; min-height: 22px; padding: 3px;}
.ligne3 {
	background-color:#FFFFFF;
	border-bottom: 1px solid #F2F2F2;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #000000;
	font-size: 12px;
	border-left: 10px solid #F4F4F3;
	border-right: 10px solid #F4F4F3;
	padding: 3px;
}
.ligne3 input{ border: none;}
#footer {
	position: relative;
	visibility: visible;
	width: 980px;
	z-index: 0;
	margin-left: 0;
	margin-right: 0;
	border-left: 1px solid #656565;
	border-right: 1px solid #656565;
	border-bottom: 1px solid #656565;
}

.nofloat {
	clear: both;
	height: 5px;
}
.infobulle{
	position: absolute;	
	top: 100px;
	left: 150px;
	visibility : hidden;
	border: 1px solid Black;
	padding: 10px;
	font-family: Verdana, Arial;
	font-size: 10px;
	background-color: #FFFFCC;
	z-index: 300;
}
.blocArticle, .article {
	border: 0px;
	margin:0px;
	padding: 0px;
	border-color: white;
	margin-right: 30px;
}
.article img {margin: 10px;}

.imgBigGRub1{
	float: left;

	margin: 0px;
	margin-right: 10px;
}

.blocArticle {
	background-image:url(../images/fond_hr.jpg);
	background-repeat:repeat-x;
	background-position: bottom left;	
}
.imgGRub1 {
	float: left;

	margin-right: 10px;
}
.imgG {
	float: left;
	margin-right: 10px;
}
.imgDRub1 {
	float: right;
	margin-left: 10px;
}
#blocOutil {
	position: relative;
	float: right;
	width: 298px;
	margin-left:10px;

}

#usrForm {
	background-color: #F4F4F3;
	width: 650px;
	margin-left: 20px;
	margin-top: 50px;
	padding: 30px;

}

label {
	float: left;
	width: 150px;
	color: black;
	font-weight: bold;
	line-height: 20px;
	text-align: left;
}
.formInput {
	float: left;
	width: 450px;
	background-color: #FFFFFF;
	color: black;
	text-align: left;
}
.formBtnRub3 {
	background-color: #FF5400;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	float: left;
}
.errMsg {
	float: left;
	text-align: left;
	color: red;
	font-weight: bold;
	line-height: 20px;
	margin-left: 50px;
}


#tblForum {
	width:770px;
	border: 0px;
	padding-left: 10px;
}
.tdPost {
	border: 1px solid #F3F3F3;
}
.tblHeader, #tblForum a, .tblPost a {
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	text-decoration: none;
}
#tblForum a:hover {
 	text-decoration: underline;
 }
#tblForum a.titreEpingle:link, #tblForum a.titreEpingle:visited, #tblForum  a.titreEpingle:hover{
	color: #39DB14; font-size: 14px;
}

.col1, .col2, .col3, .col4 {
	color: black;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
}
.col1 {width: 370px;}
.col2 {width: 100px;text-align: center;}
.col3 {width: 100px;text-align: center}
.col4 {width: 200px;text-align: center}
.tblOn {
	color: #FF5400;
	background-image:url(../images/fond_tr.jpg);
	background-repeat:repeat;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	min-height: 20px;
}
.td {
	border-bottom: 1px solid #EEEEEE;	
}
.tr:hover {
	background-color: #FE9C75;
	cursor: hand;
}

#loginForumForm {
	margin: 0px;
	padding: 0px;	
}
.style1 {color: #FF5400; font-weight: normal;}
.style2 {color: #AAAAAA; font-weight: normal;}
.style3 {color: #40C3FF; font-weight: normal;}
.style4 {color: red; font-weight: normal;}
.style5 {color: #35DB11; font-weight: normal;}
.style6 {color: #BE45BD; font-weight: normal;}

.size1 { font-size: 14px; font-weight: normal;}
.size2 { font-size: 16px; font-weight: normal;}
.size3 { font-size: 18px; font-weight: normal;}
.size4 { font-size: 20px; font-weight: normal;}
.size5 { font-size: 22px; font-weight: normal;}
.size6 { font-size: 24px; font-weight: normal;}

.normal, .italic {
	color: black;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: justify;
}
.italic {font-style: italic}
.T1, .T2, .T3, .T4, .T5, .important{
	color: black;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: justify;
	font-weight: bold;
}
.T2 {font-size: 14px;}
.T3 {font-size: 16px;}
.T4 {font-size: 18px; text-decoration: underline; }
.T5 {font-size: 20px;}
.important {font-size: 16px; color: red;}

.citation {
	margin-left: 10px;
	padding: 3px;
	background-color: #EEEEEE;
	border: 1px solid #CCCCCC;
}

#message {
	padding: 3px;
	background-color: #EEEEEE;
	border: 1px solid #CCCCCC;	
}

.rss {
	text-align: left;
	background-color: #ECF8C8;
	background-image:url(../images/fond_twitter.gif);
	background-repeat:repeat-x;
	color: #000000;
	padding: 5px;
	margin-bottom: 10px;
}
.rss h2 {
	font-size: 18px;
	text-align: center;	
	font-family: Arial, Helvetica, sans-serif;
}
.rss a {
	font-weight: normal;
	text-decoration: none;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.rss li, .rss ul {list-style: none; margin: 0px; padding: 0px;}

.petit {
	font-weight: normal;
	text-decoration: none;
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.twitter {font-weight: normal;text-decoration: none;color: #333333;font-family: Arial, Helvetica, sans-serif;font-size: 12px;}
.editeur {
	float: left;
}

.vert{ color: #0BC268;}
.orange {color: orange;}
.rouge {color: #F90E02;}

/* Validation */
.validation-failed {border: 1px solid red; background-color: #F1D5D5;}
.validation-advice {color : red; font-weight: bold; line-height :20px;border-left: 3px solid red; padding-left: 5px;}


/* VOTE */
div.voter {
	-moz-background-clip: border;
	-moz-background-inline-policy : continuous;
	-moz-background-origin : padding;
	background: transparent url(/themes/commun/images/vote_1.gif) no-repeat scroll 0 0;
	width:38px;
	height:37px;
	text-align: center;
	margin-left: 30px;
}
div.voter  strong {color: #ffffff; font-size: 18px; display: block;}
div.voter span {color: #666666; font-size: 11px; font-weight: normal;}


/* SLIDE */
.SlidingPanels {
	border:medium none;
	height: 241px !important;
	padding:0;
	position:relative;
	width:190px !important;
	border: 1px solid #F3F3F4;
}

.SlidingPanelsContentGroup {
	border:medium none;
	height:241px;
	margin:0;
	padding:0;
	position:relative;
	width:100000px !important;
}

.SlidingPanelsContent {
	border:medium none;
	float:left;
	height:241px;
	margin:0;
	overflow:hidden;
	padding:0;
	text-align: center;
	width:190px!important;
}
.SlidingPanelsContent h1 {margin: 0px; padding: 0px; font-size: 18px; font-weight: bold; color: #35DB11}
.SlidingPanelsContent h2 {margin: 0px; padding: 0px; font-size: 12px; font-weight: bold; color: #393B39; margin: 5px;}

.SlidingPanelsAnimating * {
	overflow: hidden !important;
}

.SlidingPanelsCurrentPanel {
}
.SlidingPanelsFocused {
}
