@media screen
{
	body
	{
		background-color: #066;
	}
}
@media print
{
	body
	{
		background-color: #FFF;
	}
}



*
{
	font-family: 'Lucida Grande' , Arial, Helvetica, Serif;
}
body, table
{
	font-size: 12px;
}
body
{
	margin: 0;
	padding-top: 0;
}
form
{
	margin: 0;
	padding: 0;
}




a
{
	color: #066;
}
a:hover
{
	text-decoration: none;
	color: #088;
}

#homepage a.extlink
{
	color: #8CF;
}

h1, h2, h3, h4, h5, h6
{
	margin: 0;
	padding: 0;
}

ol table
{
	margin-left: -40px;
}


/* STYLES PERSOS COMMUNS */




a.ref
{
	font-size: 11px;
}

a.block
{
	display: block;
}

a.nav, a.nav:hover
{
	color: #900;
	font-weight: bold;
}

.relief
{
	border: 1px solid #CCC;
	border-color: #CCC #666 #666 #CCC;
}


.gallery a img, a.selLng img
{
	-moz-opacity: .60;
	-khtml-opacity: .60;
	opacity: .60;
	filter: alpha(opacity=60);
}
.gallery a:hover img, .gallery a.selImg img, a.selLng:hover img, a.selLngActif img
{
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
	filter: alpha(opacity=100);
}


.hand
{
	cursor: pointer;
}
.img_zoomin
{
	cursor: url( '/img/cur_zoomin.cur' ), pointer,url( '/img/cur_zoomin1.cur' ), pointer, move, crosshair;
}
.img_zoomout
{
	cursor: url( '/img/cur_zoomout.cur' ),pointer,url( '/img/cur_zoomout1.cur' ),pointer, move, crosshair;
}

.fullwidth
{
	width: 506px;
}


.blocop
{
	margin: 10px 0px;
	padding: 5px;
	background-color: #EBF4F4;
	border: 1px #CCC solid;
	border-color: #DDD #BBB #BBB #DDD;
}
.blocop .sep
{
	border-bottom: 1px solid #DDD;
	margin-top: 6px;
	margin-bottom: 3px;
}

.bloc_toc
{
	border-collapse: collapse;
}
.bloc_toc td
{
	border: 1px solid #EBF4F4;
}


.bloc_error
{
	margin: 10px 0px;
	padding: 5px;
	color: #600;
	background-color: #F4EBEB;
	border: 1px #ECC solid;
	border-color: #ECC #C88 #C88 #ECC;
}

.bloc_relief
{
	margin: 10px 0px;
	padding: 2px 5px;
}

.bloc_relief, .author
{
	border: 1px solid;
	border-color: #EEE #CCC #CCC #F4F4F4;
}

#authors td
{
	font-size: 11px;
}
#authors .pays
{
	color: #AAA;
}
#authors .ville
{
	color: #666;
}



.noborder, .noborder *
{
	border: 0;
}
.nobg, .nobg *
{
	background: none;
	background: transparent;
}

.little
{
	font-size: 11px;
}



/*	HEADER	*/

#header
{
	background-color: #000;
}

#header .titre
{
	color: #DDD;
	font-size: 13px;
	font-weight: bold;
}

#header a
{
	color: #999;
	text-decoration: none;
	font-size: 10px;
	white-space: nowrap;
}
#header a:hover, #header .over
{
	color: #CCC;
}





/*	BARRE PRINCIPALE	*/
#main
{
	/*	border:2px solid black; 	border-left:1px solid black; */
	border-top: 0;
	background-color: #FCFFFF;
}

/*
#mainleft			{
	background-color:#E8F2F2;
	border-right:1px solid #CCC;
}

#mainleft, #mainleft table, #mainleft div h1	{
	font-size:11px;
	color:#444;
}

#mainleft div		{
	margin:5px 3px;
	margin-right:3px;
	margin-bottom:8px;
}

#mainleft div h1	{
	font-weight:bold;
	margin-bottom:4px;
}

#mainleft p	{
	margin:3px 0px;
}
#mainleft p.hr	{
	border-top:1px solid #C3D9D9;
	border-bottom:1px solid #FFF;
}

#mainleft a.nav	{
	font-weight:bold;
	color:#800;
}
*/



#mainright
{
	font-size: 12px;
}

#mainright table
{
	font-size: 12px;
}
#mainright select
{
	font-size: 11px;
}



#mainright h1, #mainright h2, #mainright h3, #mainright h4
{
	font-weight: bold;
	font-style: normal;
	font-variant: normal;
	margin-top: 0px;
	margin-bottom: 5px;
}

#mainright h1, #mainright h1 a
{
	color: #099;
	font-size: 28px;
	text-shadow: 3px 3px #DDD;
	text-decoration: none;
}
#mainright h2, #mainright h2 a
{
	color: #111;
	font-size: 18px;
	text-shadow: 3px 3px #DDD;
	text-decoration: none;
}
#mainright h3, #mainright h3 a
{
	color: #444;
	font-size: 14px;
	text-decoration: none;
}
#mainright h4, #mainright h4 a
{
	color: #666;
	font-size: 12px;
	margin-top: 3px;
	text-decoration: none;
}

#mainright h5, #mainright h5 a
{
	color: #888;
	font-size: 12px;
	margin-top: 2px;
	text-decoration: none;
}

#mainright h6, #mainright h6 a
{
	color: #AAA;
	font-size: 11px;
	margin-top: 2px;
	font-weight: normal;
	text-decoration: none;
}

/*#mainright h1		{ margin-left:-25px }*/
#mainright h3
{
	margin-left: 10px;
}
#mainright h4
{
	margin-left: 20px;
}







/*	Barre d'action (print, send, bookmark)	*/
#action
{
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 0;
	color: #CCC;
	font-size: 10px;
}
#action a
{
	color: #CCC;
	text-decoration: none;
	padding-bottom: 5px;
}

#action a:hover
{
	color: #888;
}








/*	BARRE DE BONUS */

.maskselect
{
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
	filter: alpha(opacity=0);
	visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
}

.link_bar
{
	background-image: url( '/img/barre_extrasB.gif' );
	background-position: left bottom; /*	-moz-opacity:.9; -khtml-opacity:.9; opacity: .9; filter: alpha(opacity=90);*/
}
.link_bar th
{
	color: #666;
	padding-left: 7px;
	padding-top: 0px;
	padding-bottom: 16px;
	line-height: 12px;
	background-image: url( '/img/barre_extrasT.gif' );
	background-position: left top;
	background-repeat: no-repeat;
}



#bonus_bar
{
	/*background-image:url(/img/bonus_borderC.gif);*/
	background-position: center;
	background-repeat: repeat-y;
	width: 566px; /*	-moz-opacity:.9; -khtml-opacity:.9; opacity: .9; filter: alpha(opacity=90);*/
}

#bonus_bar .fond
{
	background-color: #BBB;
	background-position: center top;
	background-repeat: no-repeat;
	padding: 0px 3px;
}

#bonus_bar .fond div, #bonus_bar .fond div td
{
	background: #DDDDDD;
	padding: 0;
}

#bonus_bar .fond div
{
	border-left: 1px solid #DDD;
	border-right: 1px solid #DDD;
	padding: 0px 3px;
}

#bonus_bar .fond .contenu
{
	padding-bottom: 2px;
}


#bonus_bar td
{
	background-color: #BBB;
}

#bonus_bar div.top, #bonus_bar div.bottom
{
	border: 0;
	margin: 0 2px;
	background-color: #BBB;
	background-image: url(/img/bonus_div_top.gif);
	background-position: bottom;
	background-repeat: repeat-x;
	height: 3px;
	font-size: 2px;
}
#bonus_bar div.bottom
{
	background-image: url(/img/bonus_div_bottom.gif);
	background-position: top;
}



/*
#bonus_bar .fond	{
	background-position:center top;
	background-repeat:no-repeat;
	padding:2px;
}

#bonus_bar div.top, #bonus_bar div.bottom {
	height:4px;
	font-size:3px;
	padding:0;
	background-repeat:no-repeat;
}

#bonus_bar div.top	{
	background-image:url(/img/bonus_div_top.gif);
	background-position:bottom left;
}

#bonus_bar div.bottom	{
	background-image:url(/img/bonus_div_bottom.gif);
	background-position:top left;
}

#bonus_bar div	{
	background-image:url(/img/bonus_div.gif);
	background-repeat:repeat-y;
	padding:0px 5px;
}
*/
#bonus_bar div h1
{
	font-size: 14px;
	padding-bottom: 2px;
}

#bonus_bar p
{
	margin: 0;
}



/*	Barre de footer	*/
#footer
{
	padding: 0px 5px;
	padding-bottom: 5px;
	color: #599;
}

#footer, #footer a
{
	font-size: 11px;
	text-decoration: none;
}

#footer a
{
	color: #8EE;
	white-space: nowrap;
}

#footer a:hover
{
	color: #BFF;
}

#last_modified
{
	color: #044844;
}




#videos h3
{
	margin: 0;
}

#videos h4
{
	font-weight: normal;
	margin: 2px;
	color: #555;
}

#videos .date
{
	color: #222;
}

#videos .duree
{
	color: #555;
}

#videos .chapters
{
	font-size: 11px;
	color: #777;
}




#search
{
	background: url( '/img/bg_search.gif' );
	background-repeat: no-repeat;
	background-position: center 2px;
	height: 24px;
}

#nav2 #search *
{
	background: none;
	border: 0;
	padding: 0;
	color: #888;
}

#search .button
{
	background: transparent;
	font-weight: bold;
	width: 90px;
	font-size: 11px;
}




/*	Bouton Play media	*/
#btn_playmedia
{
	color: #044;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}
#btn_playmedia:hover
{
	color: #066;
}





#btn_grisrond
{
	background-image: url(/img/btn_playmedia_R.gif);
	background-position: top right;
	background-repeat: no-repeat;
}
#btn_grisrond .pti
{
	font-size: 4px;
}
#btn_grisrond a
{
	color: #666;
	display: block;
	height: 23px;
	font-size: 11px;
	text-decoration: none;
	padding-left: 24px;
	padding-right: 6px;
	background-image: url(/img/btn_playmedia_L.gif);
	background-position: top left;
	background-repeat: no-repeat;
}
#btn_grisrond a:hover
{
	color: #444;
}




.transp10
{
	-moz-opacity: .10;
	-khtml-opacity: .10;
	opacity: .10;
	filter: alpha(opacity=10);
}
.transp20
{
	-moz-opacity: .20;
	-khtml-opacity: .20;
	opacity: .20;
	filter: alpha(opacity=20);
}
.transp30
{
	-moz-opacity: .30;
	-khtml-opacity: .30;
	opacity: .30;
	filter: alpha(opacity=30);
}
.transp40
{
	-moz-opacity: .40;
	-khtml-opacity: .40;
	opacity: .40;
	filter: alpha(opacity=40);
}
.transp50
{
	-moz-opacity: .50;
	-khtml-opacity: .50;
	opacity: .50;
	filter: alpha(opacity=50);
}
.transp60
{
	-moz-opacity: .60;
	-khtml-opacity: .60;
	opacity: .60;
	filter: alpha(opacity=60);
}
.transp70
{
	-moz-opacity: .70;
	-khtml-opacity: .70;
	opacity: .70;
	filter: alpha(opacity=70);
}
.transp80
{
	-moz-opacity: .80;
	-khtml-opacity: .80;
	opacity: .80;
	filter: alpha(opacity=80);
}
.transp90
{
	-moz-opacity: .90;
	-khtml-opacity: .90;
	opacity: .90;
	filter: alpha(opacity=90);
}




#swapStatsMainleft td
{
	color: #0AA;
	border-bottom: 1px solid #088;
	cursor: pointer;
	height: 18px;
	text-decoration: none;
}
#swapStatsMainleft td.actif
{
	cursor: default;
	border: 1px solid #088;
	border-bottom: 0;
	color: #FFF;
}
.swapStatsMainleft
{
	border: 1px solid #088;
	border-top: 0;
}


#swapStats td
{
	color: #888;
	border: 1px solid #EEE;
	border-bottom: 1px solid #CCC;
	cursor: pointer;
	height: 18px;
	text-decoration: none;
}
#swapStats td.actif
{
	cursor: default;
	border: 1px solid #CCC;
	border-bottom: 0;
	background-color: #EBF4F4;
	color: #000;
}
.swapStats
{
	border-top: 0;
}


.surligne
{
	background-color: FF2;
}

.upper
{
	text-transform: uppercase;
}
.lower
{
	text-transform: lowercase;
}



#mainright .result_over#mainright .result_over, #mainright .result_over td
{
	background-color: #DEF;
}
#mainright .bloc_toc td
{
	padding: 2px 5px;
}
#mainright .th
{
	text-align: left;
	background-color: #EBF4F4;
}
#mainright .expert
{
	/*width:80px;*/
	text-align: right;
	font-size: 11px;
	color: #888;
}
#mainright .expert a
{
	color: #666;
	text-decoration: none;
}

#mainright .expert a:hover, #mainright .publi a:hover
{
	color: #066;
}

#mainright .blocop .experts a:hover
{
	color: #066;
}

#mainright .publi, #mainright .publi a
{
	color: #AAA;
	white-space: nowrap;
	text-decoration: none;
	font-size: 9px;
	padding: 2px 0px;
}

.watermark {
	background: #FFAAFF;
}

.popupControl {
	background-color:#AAD4FF;
	position:absolute;
	visibility:hidden;
	border-style:solid;
	border-color: Black;
	border-width: 2px;
}

.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	background-color:Black;
	border-width:3px;
	font-family:Arial;
	color: White;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:250px;
}

.sampleStyleA {
	background-color:#FFF;
}

.sampleStyleB {
	background-color:#FFF;
	font-family:monospace;
	font-size:10pt;
	font-weight:bold;
}

.sampleStyleC {
	background-color:#ddffdd;
	font-family:sans-serif;
	font-size:10pt;
	font-style:italic;
}

.sampleStyleD {
	background-color:Blue;
	color:White;
	font-family:Arial;
	font-size:10pt;
}

INPUT
{
    border-right: #696969 1px solid;
    border-top: #696969 1px solid;
    font-size: 8pt;
    border-left: #696969 1px solid;
    border-bottom: #696969 1px solid;
    font-family: verdana;
}