/* par ordre d'importance des éléments dans la page
		2012-07-25 												*/

/* ##################################################################
----------				BODY et présentation globale			  ----------
################################################################## */
html {
	font-size: 100%;
}
body {
	margin: 0;
	padding: 0;
	font-family: Verdana, "Bitstream Vera Sans", "Lucida Grande", sans-serif; /* 3 */
	font-size: .8em;
	line-height: 1.25;
	color: #000000;
	background: #494949 url(backpic_vertical.png) top left repeat-x;
}
/* Titres */
h1, h2, h3, h4, h5, h6 {
	margin: 0 0 .25em 0;
}
h1, h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
}
h1 {
	text-align: center;
	font-size: 1.75em;
	font-style: italic;
}
h2 {
	font-size: 1.45em;
}
h3 {
	font-size: 1.15em;
}
h4 {
	font-size: 1em;
}
/* Paragraphes */
p {
	font-size: 0.95em;
	margin: .75em 0;
	text-align: justify;
}
/* style des liens */
a {
	color: #FF6533;
	text-decoration: none;
}
a:hover, a:focus {
	color: #FF4C00;
	text-decoration: underline;
}
/* images */
a img {
	border: none;
}
/* ##################################################################
----------							BLOC GLOBAL						  ----------
################################################################## */
#global {
	width: 800px;
	margin-top: 12px;
	margin-left: auto;
	margin-right: auto;
}
/* ##################################################################
----------							BLOC HEADER						  ----------
################################################################## */
#header {
	background: url(header.png) no-repeat;
}
#header table, #header tr, #header td {
	margin: 0;
	padding: 0;
}
#header tr {
	vertical-align: middle;
}
#header td {
	color: #ffff00;
	font-size: .8em;
}
#header table {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #d4af37;
}
/* ##################################################################
----------						BLOC CONTAINER_ONE				  ----------	#main_full
################################################################## */
#container_one {
	background: #000000;
	width: 100%;
	overflow: hidden;
}
/* ##################################################################
----------						BLOC CONTAINER_TWO				  ----------	#main_2_columns
################################################################## */
#container_two {
	background: url(backpic_horizontal.png) repeat-y;
	width: 100%;
	overflow: hidden;
}
/* ##################################################################
----------						BLOC full_content					  ----------
################################################################## */
#full_content {
	color: #aaaaaa;
	background: #000000;
	padding: 0 20px;
}

#full_content p, #full_content li {
	line-height: 1.5;
}

#full_content h1, #full_content h3{
/*	color: #aaaaaa;	*/
}

#full_content a {
	color: #00637f;
}
#full_content a:hover, #full_content a:focus {
	color: #ddbb00;
}
#full_content strong {
	color: #ffffff;
}
#full_content > :first-child {
	margin-top: 10px;
}
/* ##################################################################
----------						BLOC left_content					  ----------
################################################################## */
#left_content {
	width: 180px;
	float: left;
}
/* ##################################################################
----------							BLOC left_menu					  ----------
################################################################## */
#left_menu a {
	display: block;
	height: 1%;
	padding: 4px 4px 4px 10px;
	line-height: 1.5;
	color: #888888;
	font-size: .9em;
	text-decoration: none;
}
#left_menu a:hover, #left_menu a:focus {
	background: url(menu.png) no-repeat top left;
	color: #d4af37;
	font-weight: bold;
	text-decoration: none;
}
#left_menu ul {
	margin: 0;
	padding: 8px 0;
	list-style: none;
}
/* ##################################################################
----------							BLOC left_lib					  ----------
################################################################## */
#left_lib {
	background-color:#222222;
	border:1px solid #808080;
	padding:0 8px;
	margin: 10px 16px;
	border-radius:16px 16px 16px 0;
	-moz-border-radius:16px 16px 16px 0;
	-webkit-border-radius:16px 16px 16px 0;
}
#left_lib p {
	line-height: 1.5;
	color: #666666;
	font-size: .8em;
}
/* ##################################################################
----------						BLOC right_content				  ----------
################################################################## */
#right_content {
	color: #363b29;
	background: #eeeeee;
	margin-left: 180px;
	padding: 0 10px;
}
#right_content a {
	color: #332510;
}
#right_content a:hover, #right_content a:focus {
	color: #6e5122;
}
#right_content strong {
	color: #181a12;
}
#right_content > :first-child {
	margin-top: 10px;
}
#right_content p, #right_content li {
	line-height: 1.5;
}
/* ##################################################################
----------							BLOC FOOTER						  ----------
################################################################## */
#footer {
	margin: 0;
	padding: 0;				/*		0 0 8px 0		*/
	font-size: .85em;
	background: #666666;
	color: #888888;
}
#footer p {
	padding: 0 20px;
}
#footer a {
	color: #b8b848;
	text-decoration: none;
}
#footer a:hover, #footer a:focus {
	color: #ffff00;
	text-decoration: underline;
}
.align_left {
	float: left;
}
.align_right {
	float: right;
}
/* ##################################################################
----------				boîtes de messages						  ----------
################################################################## */
/* ------------------------------------
BOITE			fond		bord		interieur
560 x 500	eeeeee
feedback		eeeeee	00ffff	28c937
warning		eeeeee	d4af37	d52222
information	eeeeee	666666	0070ff
500 x 440	000000
---------------------------------------
http://biboo.net/css-blocs-bords-arrondis */
.feed_can {
	background: url(box_main/main_feed_top.png) no-repeat center top;
	padding-top: 35px !important;
	width: 560px;
/*	float: left;					causait un gros bug d'affichage de la suite du contenu !!!!!!!!!!								*/
	margin-left: 20px;
}
.feedback {
	background: url(box_main/main_feed_bottom.png) center bottom no-repeat;
	padding-bottom: 30px;
}
.feedback  p {
	margin: 0 45px 0 70px;
	color: #000000;
}
.feedback  table {
	margin: 0 45px 0 70px;
	color: #000000;
}
.feedback  td {
	padding: 0 10px;
}
.warn_can {
	background: url(box_main/main_warn_top.png) no-repeat center top;
	padding-top: 35px !important;
	width: 560px;
/*	float: left;			BUGGGGGGGGGGGGGG		*/
	margin-left: 20px;
}
.warning {
	background: url(box_main/main_warn_bottom.png) center bottom no-repeat;
	padding-bottom: 30px;
}
.warning  p {
	margin: 0 45px 0 70px;
	color: #ffff80;
}
.warning  table {
	margin: 0 45px 0 70px;
	color: #000000;
}
.warning  td {
	padding: 0 10px;
}
.info_can {
	background: url(box_main/main_info_top.png) no-repeat center top;
	padding-top: 35px !important;
	width: 560px;
/*	float: left;			BUGGGGGGGGGGGGGG		*/
	margin-left: 20px;
}
.information {
	background: url(box_main/main_info_bottom.png) center bottom no-repeat;
	padding-bottom: 30px;
}
.information p {
	margin: 0 45px 0 70px;
	color: #aaffaa;
}
.information  table {
	margin: 0 45px 0 70px;
	color: #000000;
}
.information  td {
	padding: 0 10px;
}
/* ##################################################################
----------				STYLES POUR les FORMULAIRES			  ----------
################################################################## */
.form_container {
	width: 580px;
	display: bloc;
	margin-top: 0;
}
.form_container p{
	width: 380px;				/*		550px	*/
	height: 20px;
	padding-left: 195px;		/*		185px	*/
}
/*
.form_container p {					était en double en dessous
	width: 550px;
	padding-left: 185px;
}
*/
.form_container label {
font-weight: normal;
float: left;
border-bottom: 1px dashed gray;
margin-left: -185px; /*width of left column*/
width: 180px; /*width of labels. Should be smaller than left column (185px) to create some right margin*/
text-align: left;
}
.form_container h5 {
font-weight: normal;
color: #666666;
text-align: left;
}
/*
.form_container h6 {
font-weight: normal;
float: left;
margin-left: 0 ;
width: 560px;
text-align: left;
}
*/
/* fieldset et legend par défaut
fieldset {
	display: block;
	margin-start: 2px;
	-webkit-margin-end: 2px;
	-webkit-padding-before: 0.35em;
	padding-start: 0.75em;
	-webkit-padding-end: 0.75em;
	-webkit-padding-after: 0.625em;
	border: 2px groove (internal value);
}
legend {
	display: block;
	padding-start: 2px;
	-webkit-margin-end: 2px;
	border: none;
}
*/
fieldset {
	display: block;
	width: 570px;
	border: 2px solid #666666;
	background: #dddddd;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}
legend {
	display: block;
	margin-left: 20px;
	padding: 0 12px;
	font-size : 1.4em;
	color: #666666;
	border: none;
}
legend  .soumet {
	margin-left: 30px;
}
input,select {
	font-family: 'Trebuchet MS', Helvetica, sans-serif; /* 'Trebuchet MS', Helvetica, sans-serif | Courier New */
	font-size : 12px;
	color : #ffffff;
	background-color: #666666;
	border-width: 2px;
	padding-bottom : 0;
	padding-top : 0;
	padding-left : 1px;
}
textarea {
	font-family: Courier New; /* 'Trebuchet MS', Helvetica, sans-serif */
	font-size : 12px;
	color : #0000c0;
	background-color : #c8c8c8;
	padding-left : 3px;
}
.soumet {
	margin: 0 12px;
	font-family: Arial, Helvetica, sans-serif;
}

.error {
float: right;
color: red;
margin-right: 30px;	/*		600px		[lié à width de .form_container p]		*/
width: 350px;
}
.lib_field {
	float: right;
	background: #b0b0b0;
	font-size: 1.10em;
	font-weight: bold;
	margin-right: 35px;
	width: 350px;
}

.small { /*width of text boxes. IE6 does not understand this attribute*/
width: 80px;
}
.medium  { /*width of text boxes. IE6 does not understand this attribute*/
width: 160px;
}
.large { /*width of text boxes. IE6 does not understand this attribute*/
width: 240px;
}
/* ##################################################################
----------		Divers éléments de type en-ligne				  ----------
################################################################## */
.pagination_selected {
	color: #ffff00;
	font-size: 1.2em;
}
.gris_moyen {
	color: #888888;
}
.jaune {
	color: #ffff00;
}
.rouge {
	color: #ff0000;
}
.vert {
	color: #008800;
}
.bleu {
	color: #0000ff;
}
em {
	font-style: italic;
}
strong {
	font-weight: bold;
}
.tiny {
	font-size: 6px;
	display: none;
}
/* ##################################################################
----------			CLASSES particulières						  ----------
################################################################## */
.searching {
	margin-bottom: -6px;
}
.occurence {
	font-size: 1em;
	line-height: 35px;
}
.occurent {
	font-size: 1em;
	line-height: 35px;
	background: #333333;
}
.wording {
	width: 100px;
	display: inline;
	overflow: hidden;
}
.thumbnail {
	margin-bottom: -11px;
}
/* ****************/
.infos  img{
margin-bottom: -8px;
}
.infos  h5{
margin-top: 5px;
}
.infos  h2{
color: #cc0022;
}
/* ##################################################################
----------				TABLE pour usage GENERAL				  ----------
################################################################## */
#commonTable {
	width:100%;
	margin-bottom:20px;
	border-collapse:collapse;
	color:#000000;
}
#commonTable td, #commonTable th {
	text-align:center;
	border:1px solid black;
}
#commonTable th {
	background-color:#d3b023;
	color:#ffffff;
	font-size: 1.2em;
}
#commonTable th a {
	color:#ffffff;
}
#commonTable th a:hover {
	color: #aa0000;
	text-decoration: none;
}
#commonTable tr.alt td {
	color:#000000;
	background-color:#f4eea0;
}
/* ##################################################################
----------			TABLEs pour affichage media_play			  ----------
################################################################## */
#toolsTable {
/*	margin-left: auto;
	margin-right: auto;	*/
	margin-bottom:5px;
}
#mediaTable {
	width: 100%;
	margin: 0 auto;
}
#mediaTable  tr{
	height: 560px;
	vertical-align: middle;
}
#mediaTable td {
	border: none;
	text-align: center;
}
.media_play {
	display: block;
	margin: 0 auto;
}
/* ##################################################################
----	TABLE de positionnement des cellules pour album_display	  ----
--------	BLOCs (td) pour afficher une cellule album_display	  -------
################################################################## */
#albumDisplayTable {
	width: 100%;
}
#albumDisplayTable tr {
	vertical-align: middle;
}
#albumDisplayTable td {
	border: none;
}
#albumDisplayTable a {
	color: #ffffff;
	text-decoration: none;
}
#albumDisplayTable a:hover, a:focus {
	color: #ffff00;
	text-decoration: none;
}
.cellAudio {
	width: 160px;
	height:120px;
	background: url(audio.png) no-repeat;
	text-align: center;
	font-size:1.1em;
	font-weight: bold;
}
.cellPicture {
	width: 160px;
	height:120px;
	text-align:center;
}
.cellVideo {
	width: 160px;
	height:120px;
	background: url(video.png) no-repeat;
	text-align: center;
	font-size:1.1em;
	font-weight: bold;
}
/* ##################################################################
----------			TABLEs de la page d'accueil				  ----------
################################################################## */
#homeTable {
	width: 100%;
	border-spacing: 0;
}
#homeTable td {
	border: none;
	vertical-align; middle;
}
/* boutons 4 pages de hits */
#hitsTable {
	width: 100%;
}
#hitsTable td {
	width: 25%;
}
/* ##################################################################
----------							  ----------
################################################################## */