/* ===================================================================
 * STANDARD CMS
 * =================================================================*/
.clear {clear : both;}
.invisible {display: none}
.alignleft {text-align: left;}
.alignright {text-align: right;}
.aligncenter {text-align: center;}
.alignjustify {text-align: justify;}
embed.alignleft, object.alignleft, img.alignleft, table.alignleft, dl.alignleft {float: left; margin: 0 1em 5px 0; text-align: left;}
embed.alignright, object.alignright, img.alignright, table.alignright, dl.alignright {float: right; margin: 0 0 5px 1em; text-align: left;}
table.aligncenter, dl.aligncenter {margin: auto; text-align: left;}
a img {border-width: 0;}
acronym {border-bottom: 1px dotted; cursor:help;}
img.withborder {
	background: #000;
	border: 4px solid #fff;
	padding: 1px;	
}

/* LEGENDE */
dl.legende {border: 1px solid #ccc; padding: 0}
dl.legende dt {margin: 0; padding: 0; border-bottom: 1px solid #ccc}
dl.legende dt img {margin: 5px;} /* defini dans le parsing */
dl.legende dd {margin: 0; padding: 0 5px; font-style: italic}
dl.legende dd img {float:right; margin-left: 5px;}

/* ===================================================================
 * LAYOUT GENERAL
 * =================================================================*/
#document {
	width: 999px;
	margin: 0 auto;
}
#bandeauHaut {
	height: 119px;
}
#bandeauBas {}
#corps {
	overflow: hidden;
	width: 100%;
	background: #242424 url(images/bg_ColDroite.jpg) repeat-y left top;
	border-bottom: 1px solid #18b5e6;
}
#colonneGauche {
	float: left;
	width: 149px;
}
.avecDeuxColonnes #contenu {
	float: left;
	width: 600px;
}
.avecColonneGauche #contenu {
	float: right;
	width: 850px;
}
.avecColonneDroite #contenu {
	float: left;
	width: 749px;
}
#colonneDroite {
	float: right;
	width: 250px;
}

/* ===================================================================
 * INITIALISATION CHARTE GRAPHIQUE GENERALE DU PROJET
 * =================================================================*/
body {
	margin: 0;
	padding: 0;
	background: #030000 url(images/v2010_background.jpg) no-repeat center top;
	color: #fff;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 0.75em;
}
a { outline: none; color: #fff; text-decoration: none;}
a:hover, a:focus {text-decoration: underline;}

/* ===================================================================
 * BANDEAU HAUT 
 * =================================================================*/
#bandeauHaut {
	background: transparent url(images/BG_header.jpg) no-repeat left bottom;
}

#bandeauHaut #top_links{
	height: 20px;
	margin: 0; padding: 0;
	margin-left: 125px;
	font-size:	90%;
}

	#bandeauHaut #top_links #links_eac{
		margin-top: 2px;
		width: 437px;
		text-align: left;
		float: left;
	}
	#bandeauHaut #top_links #links_saga{
		margin-top: 2px;
		width: 437px;
		text-align: right;
		float: left;
	}

#bandeauHaut h1 {
	height: 99px;
	margin: 0; padding: 0;
	text-indent: -3000px;
}
#bandeauHaut h1 a {
	display: block;
	width: 999px;
	height: 101px;
}

/* ===================================================================
 * BANDEAU BAS 
 * =================================================================*/
#bandeauBas {
	text-align: center;
}
#bandeauBas p {
	font-size: 0.75em;
	margin: 5px 250px;
}
#bandeauBas img.alignleft {
	margin: 10px 15px 0 5px;
}
#bandeauBas img.alignright {
	margin: 10px 5px 0 15px;
}

/* ===================================================================
 * COLONNE GAUCHE 
 * =================================================================*/
#colonneGauche {
	padding-top : 8px;
}
#colonneGauche h3 {text-align: center; font-size: 1.1em; }
#colonneGauche .module { width: 100%;}

/* ===================================================================
 * CONTENU
 * =================================================================*/
#contenu {
	background: #242424 ;
	padding-bottom: 2em;
}
.paragraphe {
	overflow: hidden;
	width: 100%;
}
/* #contenu .paragraphe p { margin: 7px 5px 0} */
#contenu p.fil {margin: 5px 1.8em; font-size: 0.8em;}

#contenu h2, #contenu h3, #contenu h4, #contenu h5, #contenu p {
	margin: 1em 15px 0;
} 
#contenu h2 {
	font-size: 1.5em;
	height: 2.6em;
	line-height: 4em;
	color: #18b5e6;	
	padding-left: 55px;
	background: transparent url(images/BG_h2.png) no-repeat left top;
}
#contenu h3 {
	font-size: 1.2em;
	font-style:italic;
}

/* ===================================================================
 * COLONNE DROITE 
 * =================================================================*/
#colonneDroite {
	padding-top : 8px;
}
/* ===================================================================
 * MODULES 
 * =================================================================*/
.module {
	overflow: hidden;
	width: 95%;
	margin: auto;
}


/* ===================================================================
 * FORMULAIRES 
 * =================================================================*/
.paragraphe fieldset {
	border: 1px solid #fff;
	margin: 1em 15px 0;
	background: #1b1b1b;
}
.paragraphe fieldset legend {
	margin-left: 2ex;
	margin-right: 2ex;
	font-weight: bold;
}
input, textarea,select {border: 1px solid #000;}
input.case {border: none;}
.paragraphe form p {
	clear: both;
	margin: 0;
	padding: 2px 0;
}
.paragraphe p label {
	float: left;
	width: 20%;
}
.paragraphe p label.enLigne {float: none; display: inline;}

/* ===================================================================
 * BLOC DE NAVIGATION
 * =================================================================*/
.blocNavigation {text-align: center;} 
.resultatNavigation {margin: 5px 0;}
.regletteNavigation {margin: 5px 0;}

/* ===================================================================
 * BLOC DE NAVIGATION HAUTE
 * =================================================================*/
#MenuTop {
	position: relative;
	height: 28px;
	font-size: 1em;
	background: url(images/BG_MenuTop.jpg) no-repeat right top;
}
#MenuTop ul {
	margin: 0; padding: 0;
	list-style: none;
	height: 24px;
	width: 999px;
}

#MenuTop  ul li {
	display: inline;
}

#MenuTop  ul li a {
	display: block;
	float: left;
	text-decoration: none;
	text-transform: uppercase;
	line-height: 22px;
	color: #fff;
	padding: 0 1.5em;
	border-left: 0px dotted #fff;
	height: 22px;
	margin-top: 1px;
}
#MenuTop ul li#nomenu1 a { width: 73px; }
#MenuTop ul li#nomenu2 a { width: 221px; }
#MenuTop ul li.first a { border-left: 0;}
#MenuTop li ul {
	position: absolute;
	left:0;
	top: 24px;
	font-size: 0.95em;
}
#MenuTop ul.subNav li a {
	height: 22px;
	text-transform: none;	
	border-left: 0px dotted #fff;
	padding: 0 10px;
}


#MenuTop ul.subNav li.first a { border-left: 0;}

#MenuTop li#menu0 a:hover, #MenuTop li#menu0 a.selected {
	background: #015069;
}
#MenuTop li#menu1 a:hover, #MenuTop li#menu1 a.selected {
	background: #015069;
}
#MenuTop li#menu2 a:hover, #MenuTop li#menu2 a.selected {
	background: #015069;
}
#MenuTop li#menu3 a:hover, #MenuTop li#menu3 a.selected {
	background: #015069;
}
#MenuTop li#menu4 a:hover, #MenuTop li#menu4 a.selected {
	background: #015069;
}
#MenuTop li#menu5 a:hover, #MenuTop li#menu5 a.selected {
	background: #015069;
}

#MenuTop #temp {
	position: absolute;
	left:0;
	top: 24px;	
	height: 23px;
	z-index: 1;
	width: 850px;
}
#MenuTop #temp ul {
	width: 850px;	
	font-size: 0.95em;
}
#MenuTop #temp ul li.first a {border-left: 0;}
#MenuTop #temp ul li a {
	height: 22px;
	text-transform: none;	
	border-left: 0px dotted #fff;
	padding: 0 1.5em;
}


/* ===================================================================
 * BLOC DE NAVIGATION DROITE
 * =================================================================*/
 
#colonneGauche ul  { list-style: none; margin: 0 6px 10px 4px; padding: 0; font-size: 0.9em; border-bottom: 1px solid #051c29; }
#colonneGauche ul ul { margin: 0 0px 0px 0px; padding: 0; border-bottom: 0px solid #051c29;}

#colonneGauche ul li a {
	display: block;
	min-height: 21px;
	line-height: 21px;
	text-align: center;
	background: url(images/BG_menu.png) no-repeat left top; 
	font-weight: bold;
} 
#colonneGauche ul li a:hover { 
	text-decoration: none;
	background-position: bottom; 
}
#colonneGauche ul li ul { margin-top: 0;}
#colonneGauche ul li ul li a {
	display: block;
	min-height: 21px;
	line-height: 21px;
	padding-right: 10px;
	text-align: right;
	background: url(images/BG_menu2.png) no-repeat left top;  
	font-weight: normal;
} 
#colonneGauche ul li ul li a:hover { 
	text-decoration: none;
	padding-right: 15px;
	background-position: bottom; 
}
#colonneDroite ul  { list-style: none; margin: 0 10px 0 10px; padding: 0; font-size: 0.9em;}
#colonneDroite ul li {
	display: block;
	min-height: 18px;
	line-height: 18px;
	font-weight: bold;
	width: 100%;
} 
#colonneDroite ul li a.pm{
	display: block;
	width: 230px;
	clear: both;
} 
#colonneDroite ul li ul { margin: 0;}
#colonneDroite ul li ul li {
	display: block;
	font-weight: normal;
	float: left;
	width : auto;
} 
#colonneDroite div{
	margin: 0px;
	padding: 0px;
	width: 100%;
}
#colonneDroite h2{
	background: url(images/colh2.gif) no-repeat left top;
	margin: 0px;
	width: 100%;
	min-height: 42px;
	line-height: 42px;
	text-align: center;
	font-size: 150%;
}
#colonneDroite p{
	border-bottom: 2px solid #19b5e8;
	margin: 2px 8px 3px 8px;
	padding: 8px;
	background: url(images/colD_p.jpg) no-repeat left top;
	font-size: 85%;
}

#Carroussel {
	float: left;
}

#Carroussel  a:hover {text-decoration: none;} 
#Carroussel  .carousel-wrap{margin:0;border:0;zoom:1;}
#Carroussel .js .carousel-wrap{
	display:inline-block;
	vertical-align:middle;
	margin: 2px 9px 3px 9px;
	width:231px;
	padding: 0px;
	position:relative;
}
#Carroussel .carousel-wrap ul{
	width:231px;
	margin: 0;
	padding: 0;
	zoom:1;
}
#Carroussel .js ul li{ 
	overflow:hidden;
	display:inline;
	float:left;
	width:231px;
	height:360px;
	text-align:center; 
	font-weight: bold;
	margin: 0;
	padding: 0;
}
#Carroussel ul li img { border: 0px solid #fff; margin:0; padding : 0;}

#Carroussel  .carousel-control{display:none;}
#Carroussel .carousel .disabled,#Carroussel .carousel .disabled:hover{-moz-opacity:.1;opacity:0.10;filter:alpha(opacity=10);cursor:default;}

#Carroussel .carousel div{margin:0;padding:0;border:0;}

/*#Carroussel .carousel ul{padding:0;list-style:none;}
#Carroussel .carousel ul li{position:relative;width:500px;margin:0;}
#Carroussel .carousel ul li cite{position:absolute;bottom:3px;right:10px;line-height:19px;font-size:11px;}
#Carroussel .carousel ul li cite a img{vertical-align:middle;}
#Carroussel .carousel ul li cite a{color:#fff;text-decoration:none;}*/

#Carroussel div.center-wrap{overflow:hidden;clear:both;zoom:1;}
#Carroussel div.center-wrap div{border:0;margin:0;}
#Carroussel div.center-wrap a{
	margin:0 2px;
	padding:2px 5px;
	border:1px solid #4f4f4f;
	background:#333;
	cursor:pointer;
	color:#fff;
	-moz-border-radius:12px;
	-webkit-border-radius:12px;
	border-radius:12px;
}
#Carroussel div.center-wrap a:hover {text-decoration: none; background: #666;}
#Carroussel div.center-wrap a.active{font-weight:bold;color:#18b5e6;}

#colonneDroite #Carroussel p{
	border-bottom: 0px solid #19b5e8;
	margin: 2px 8px 3px 8px;
	padding: 8px;
	background: none no-repeat;
	font-size: 85%;
}
/***** Accueil */

body#Accueil #contenu h2, body#Accueil p.fil { display: none;}
body#Accueil div.tpl_home {
	min-height: 417px;
	background: #0d0a01 url(images/BG_home.php) no-repeat right bottom;	
	padding: 0 0 15px;
}

#NewsHome{
	padding-left: 13px;
}

body#Accueil .PRS_TIERS {
	background: #737373;
	min-height:23.75em;
	margin-top: 0.6em;
}
body#Accueil .PRS_TIERS h3 {
	font-size: 1em;
	margin: 0; padding: 0;
	height: 23px;
	line-height: 23px;
	text-indent: 15px;
	text-transform: uppercase;
	color: #fff;
	background: url(images/BG_tiers_h3.png) repeat-x left top;
}



/**** Styles de Templates ***/
.PRS_DEMI {
	width:48%;
}
.PRS_TIERS {
	width: 319px;
	margin:0 0 0 10px;	
}
.PRS_WIDTH_GAUCHE { 
	float: left; 
}
.PRS_WIDTH_DROITE { 
	float: right; 
}
.PRS_WIDTH_RIGHT {	clear: right; }
.PRS_WIDTH_LEFT {	clear: left; }
.PRS_WIDTH_BOTH {	clear: both; }

/* ===================================================================
 * TPL NAVIGATION LVL 4
 * =================================================================*/

div.itemlvl4 {
    float: left;
    width: 24%;
	text-align: center;
}
.tpl_niveau5 h4 {
    font-style: italic;
    font-weight: bold;
}
.tpl_niveau5 a {
    color: #CC0000;
}
.tpl_niveau5 .vignette {
    border: none;
}
.tpl_niveau5 hr.clear { visibility: hidden;}


/* ===================================================================
 * TPL Flickr
 * =================================================================*/

.tpl_flickr div.item {
    float: left;
    width: 275px;
	text-align: center;
	font-size: 0.8em;
}

#contenu .tpl_flickr div.item p {
	margin: 0.2em 15px 1em;	
}
#contenu .tpl_flickr h3 {
	margin: 1em 2.5em 1.5em;
}
.tpl_flickr img { 
	background: #000;
	border: 4px solid #fff;
	padding: 1px;
}
.tpl_flickr hr.clear { visibility: hidden;}
 
/* ===================================================================
 * TPL Gallerie
 * =================================================================*/ 
.tpl_gallerie {
	margin: 5px;
}

#contenu .tpl_gallerie a {
}
.tpl_gallerie a img { 
	background: #666;
	border: 4px solid #fff;
	padding: 1px;
	margin: 0.5em;
}
.tpl_gallerie tr td {
	text-align: center;
	vertical-align: middle;
}
 
/* ===================================================================
 * MODULE TAGS
 * =================================================================*/
.tpl_tagCloud {
	clear: left;
	margin: 20px 25px 25px;
	padding-top: 5px;
	text-align: justify;
	border-top: 1px solid #ccc;
}
.tpl_tagCloud a.tag1 {
    font-weight: normal;
	font-size: xx-small;
	font-size: x-small;
    color: #aaa;
	color:#fff;
}
.tpl_tagCloud a.tag2 {
    font-weight: bold;
	font-size: x-small;	
    color: #fff;
	color: #18b5e6;
}
.tpl_tagCloud a.tag3 {
    font-weight: normal;
    color: #DA176E;
	color: #8b0000;
	color: #1397bf;
	font-size: small;
}
.tpl_tagCloud a.tag4 {
    font-weight: bold;
    color: #0F6;
	color: #9acd32;
	color: #0f7999;
	font-size: medium;
	font-size: small;
}
.tpl_tagCloud a.tag5 {
    font-weight: bold;
	font-weight: normal;
    color: #639;
	color: #000080;
	color: #0a87d7;
	font-size: large;
	font-size: medium;
}
.tpl_tagCloud a.tag6 {
    font-weight: bold;
    color: #C93;
	color: #017df0;
	font-size: x-large;
	font-size: medium;
}
/* ===================================================================
 * TAGS LISTE
 * =================================================================*/
.tpl_tagListe > ul {
	list-style: none;
}
.tpl_tagListe > ul li {
	border-left: 4px solid #900;
	margin: 1.2em auto 0;
	padding-left: 0.5em;
}
.tpl_tagListe ul li ul li {
	border: 0;	
	margin: 0.2em auto 0;
	padding-left: 0;
	font-size: 0.8em;
}
.tpl_tagListe ul li ul li.highlight { color: #900;}
/* ===================================================================
 * MODULE RSS
 * =================================================================*/
.tpl_lecteurRSS ul {
	font-size:0.8em;
	line-height: 1.25em;
	list-style: none;
	margin: 5px 0 0 0.5em;
	padding: 0;
}
.tpl_lecteurRSS ul li {
	overflow: auto;	
	margin-bottom: 0.2em;	
}
.tpl_lecteurRSS ul li a {
	font-variant: small-caps;
	font-weight: bold;
}
.tpl_lecteurRSS ul li img {
	float: left;
	margin-right: 2px;
}
/* ===================================================================
 * MODULE NEWS FORUM
 * =================================================================*/
ul.tpl_suiviForum { list-style: none; } 
.tpl_suiviForum ul { list-style: none; margin: 1em 0; padding: 0;} 
.tpl_suiviForum ul li {	margin: 0.5em 0 0; padding-left: 0px;background: none no-repeat left top; }
#contenu .tpl_suiviForum ul li {	margin: 0.5em 0 0; padding-left: 0px;background: none no-repeat left top; }
.tpl_suiviForum ul li a{
	padding-left: 20px;
	background: url(images/star.png) no-repeat left top;
}
.tpl_suiviForum ul li a:hover {
	background: url(images/star.png) no-repeat left bottom;
}

#NewsHome td.news_top{
	font-size : 90%;
	color : #ccc;
	padding-top : 10px;
}

#NewsHome td.news_pic{
	border-bottom : 1px solid #555;
	padding-bottom : 9px;
}

#NewsHome td.news_infos{
	text-align : justify;
	border-bottom : 1px solid #555;
	padding-bottom : 9px;
}

#NewsHome td.news_titre h4{
	font-size : 125%;
	padding : 0px;
	margin : 0px;
}
#NewsHome td.news_infos a{
	font-size : 90%;
	color : #19b5e8;
}

/* ===================================================================
 * MODULE NEWS FORUM
 * =================================================================*/

.tpl_suiviAllForums ul { list-style: none; margin: 0px 8px; padding: 0;} 
.tpl_suiviAllForums ul li {	margin: 0.2em 0 0; font-size: 90%; }
#contenu .tpl_suiviAllForums ul li {	margin: 0.2em 0 0; font-size: 90%; padding-left: 0px;background: none no-repeat left top; }
.tpl_suiviAllForums ul li a{
	padding-left: 20px;
	background: url(images/star.png) no-repeat left top;
}
.tpl_suiviAllForums ul li a:hover {
	padding-left: 20px;
	background: url(images/star.png) no-repeat left bottom;
}

#allforendl{
	background: url(images/allforendl.gif) no-repeat;
	width: 593px; height: 114px; margin: 8px 2px 10px 2px; padding: 0;
}

#allforendl .tpl_suiviAllForums{ float: left; width: 295px; margin-top: 0px; padding-top: 0px; }

#allforendl .tpl_suiviAllForums h3{ margin-top: 5px; }


/* ===================================================================
 * MODULE TWITTER
 * =================================================================*/
.tpl_lecteurTwitter  a { font-weight: bold;}
.tpl_lecteurTwitter  a:hover {text-decoration: none;} 
.tpl_lecteurTwitter  .carousel-wrap{margin:0;border:0;zoom:1;}
.tpl_lecteurTwitter .carousel-wrap{
	display:inline-block;
	vertical-align:middle;
	width: 200px;
	margin:0 5px 5px;
	border:1px solid #4f4f4f;
	background:#1a1a1a; 
	position:relative;
}
.tpl_lecteurTwitter .carousel-wrap ul{	margin: 1em 0 0;padding:0;	zoom:1;}
.tpl_lecteurTwitter  ul li{ 
	overflow:hidden;
	display:inline;
	float:left;
	width: 190px;
	height: 150px;
	text-align:left; 
	margin: 0; padding: 0 5px;
}
.tpl_lecteurTwitter  ul li span { display: block; margin-bottom: 0.5em;}
.tpl_lecteurTwitter ul li img { border: 1px solid #fff;}

.tpl_lecteurTwitter  .carousel-control{display:none;}
.tpl_lecteurTwitter .carousel .disabled,.tpl_lecteurTwitter .carousel .disabled:hover{-moz-opacity:.1;opacity:0.10;filter:alpha(opacity=10);cursor:default;}

.tpl_lecteurTwitter .carousel div{margin:0;padding:0;border:0;}

.tpl_lecteurTwitter div.center-wrap{overflow:hidden;clear:both;zoom:1;}
.tpl_lecteurTwitter div.center-wrap div{border:0;margin:10px 0;}
.tpl_lecteurTwitter div.center-wrap a{
	margin:0 2px;
	padding:2px 5px;
	border:1px solid #4f4f4f;
	background:#333;
	cursor:pointer;
	color:#fff;
	-moz-border-radius:12px;
	-webkit-border-radius:12px;
	border-radius:12px;
}
.tpl_lecteurTwitter div.center-wrap a:hover {text-decoration: none; background: #666;}
.tpl_lecteurTwitter div.center-wrap a.active{font-weight:bold;color:#18B5E6;}

#colonneGauche .tpl_lecteurTwitter {
	width: 95%;
	margin: 1em auto auto;
	font-size: 0.9em;
}
#colonneGauche .tpl_lecteurTwitter ul li a  {
	display: inline;
	background: transparent;
}

#colonneGauche .tpl_lecteurTwitter .carousel-wrap {
	width: 140px;
	margin: 0 auto;
}
#colonneGauche .tpl_lecteurTwitter  ul li  {
	width: 135px;
	padding: 0 5px;
}

.PRS_TIERS  .tpl_lecteurTwitter { padding: 0 35px;}
.PRS_TIERS  .tpl_lecteurTwitter .carousel-wrap  {	margin: 1.8em 0 0;}

/* ===================================================================
 * MODULE PLAYER AUDIO
 * =================================================================*/
.tpl_player {
	text-align: center;
	margin: 3em;
}
#contenu .tpl_player object {
	margin: 1em 2em 0 ;	
}
#contenu .tpl_player p {
	margin: 0.2em 2em 0;
}

img.poll_bar {
border-right: 2px solid #0066B9; /* teinte plus foncé que la couleur principale du forum */
background-color: #006FC9; /* Couleur principale du forum */
height: 1.2em;
margin: 0;
}