
.hiddenPic {display:none;}

.popper
{
	position : absolute;
	visibility : hidden;
}



/* Elements de styles généraux */

BODY
{
	background-color: white;
	color: #0000AA;
	font-family: Arial, Helvetica, sans-serif ;
}

A.link1
{
	color: #0000AA;
	text-decoration: none;
	font-weight:bold;
}

A.link1:hover
{
	color: orangered;
	border: 1px solid orangered;
}

A.link2
{
	color: white;
	text-decoration: none;
	font-weight:bold;
}

A.link2:hover
{
	color: orangered;
}

TABLE
{
	background-color: white;
}

TD
{
	padding: 3px;
	font-size: 90%;
}

TD.titre1
{
	background-color: orange;
	text-align: center;
	font-weight:bold;
	color: black;
	background-color: orange;
}

TD.cel1
{
	text-align: center;
	background-color: #CCCCFF;
}

TABLE.compact
{
	border-collapse: collapse;
	border: none;
	text-align: center;
}

TABLE.compact TD
{
	border: 1px solid black;
}

.padding_3
{
	padding: 3px;
}

.padding_5
{
	padding: 5px;
}

.no_padding
{
	padding: 0px;
}

.no_margin
{
	margin: 0px;
}

.small_text
{
	font-size: 80%;
}

.tiny_text
{
	font-size: 65%;
}

.large_text
{
	font-size: 120%;
}

.big_text
{
	font-size: 140%;
}



/* Effets de bordures */

.noborder
{
	border: none;
}

.border_red_big
{
	border: 5px solid red;
}

.border_highligth
{
	border: 3px solid gold;
}

.border_simple
{
	border: 1px solid #808080;
}

/* Effets de fond (couleur/image) */

.backgr_white
{
	background-color: white;
}

.backgr_silver
{
	background-color: silver;
}

.backgr_lightgrey
{
	background-color: lightgrey;
}

.backgr_1
{
	background-color: #0033CC;
}

.backgr_2
{
	background-color: orange;
}

.backgr_3
{
	background-color: #808080;
}

.backgr_4
{
	background-color: #DDDDDD;
}

.backgr_5
{
	background-color: #CCCCFF;
}

/* Effets d'alignement */

.center
{
	text-align: center;
}

.left
{
	text-align: left;
}

.right
{
	text-align: right;
}

.middle
{
	vertical-align: middle;
}

.top
{
	vertical-align: top;
}

.bottom
{
	vertical-align: bottom;
}

/* effets de dimensions */

.width_full
{
	width: 100%;
}

.width_half
{
	width: 50%;
}

.width_quarter
{
	width: 25%;
}

.width_500
{
	width: 500px;
}

.width_300
{
	width: 290px;
}

.width_450
{
	width: 470px;
}

.width_250
{
	width: 250px;
}

/* divers styles */

.titre_news
{
	font-weight:bold;
	color: orange;
}

.titre_article
{
	font-weight:bold;
	color: orange;
}

.titre_news_carre
{
	background-color: orange;
	text-align: left;
}

.text_header
{
	font-weight:bold;
}

.text2
{
	color: white;
	font-weight:bold;
}

.text1
{
	color: #3333CC;
}
.text1 A
{
	color: #3333CC;
}
.text1 A:visited
{
	color: #3333CC;
}
.text1 A:hover
{
	color: orangered;
}

.text3
{
	color: #606060;
}
.text3 A
{
	color: #606060;
}
.text3 A:visited
{
	color: #606060;
}
.text3 A:hover
{
	color: orangered;
}

.link_more
{
	text-align: right;
}

.link_more_white
{
	text-align: right;
	color: white;
}

.link_more_white:hover
{
	color: #3333CC;
}

.bloc_news
{
	background-color: #DDDDDD;
	text-align: left;
	width: 290px;
	min-height: 125px;
	padding: 7px;
}

.bloc_news_small
{
	background-color: #DDDDDD;
	text-align: left;
	width: 225px;
	height: 125px;
	padding: 7px;
}

INPUT.button
{
	background-color: #DDDDDD;
	border : 2px solid black;
	text-align: center;
	width: 150px;
}

INPUT.button:hover
{
	background-color: #EEEEEE;
}

INPUT.button_active
{
	background-color: gold;
	border : 2px solid black;
	text-align: center;
	width: 150px;
}

INPUT.button_active:hover
{
	background-color: #EEEEEE;
}

