/* CSS Document */

/*style de sciences en ligne by Mathieu Desvé*/
/* copyright 2006, Mathieu Desvé */
/* Added: Dec 18th, 2006 */

	
#menu_haut a, #pied_droit a {
	color: #00415A;
	text-decoration: none;
}

#menu_haut a:hover, #pied_droit a:hover {
	color: #00415A;;
	text-decoration: underline;
}

body {
	color: #00415A;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bolder;
	font-size: 0.8em;
	padding: 0px;
	border: 0px;
}

.bold {
	font-weight: bold;
}

.italic {
	font-style: italic;
}

.underline {
	text-decoration: underline;
}

html>body {
	padding: 20px 10px 0px 2px;
	background-color:#fff;
}

#total {
	border:2px #00415A solid;
	padding: 4px;
	float: left;
	width:100%;
}

html>body #total {
	/*min-width: 700px;
	width: 100%;*/
}


#baniere {
	background: #003143 url(images/baniere_fond.gif) repeat-x top left;
	border-bottom: 4px solid #FFFFFF;
	height: 69px;
	padding: 0px;
	width: 100%;
}

#titre_ban {
	background: url(images/titre.gif) top left no-repeat;
	position: absolute;
	width: 450px;
	top: -9px;
}

html>body #titre_ban {
	background: url(images/titre.png) top left no-repeat;
	position: absolute;
	height: 120px;
	width: 450px;
	top: -15px;
}

#titre_ban span {
	visibility: hidden;
}

#recherche {
	float: right;
	padding-top: 20px;
	padding-right: 30px;
	position: absolute;
	top: -19px;
	right: 0px;
}

html>body #recherche {
	float: right;
	padding-top: 20px;
	padding-right: 30px;
	position: relative;
	top: -15px;
}

#bouton {
	background: url(images/bt_recherche.jpg) top left no-repeat;
	border: none;
	width: 48px;
	height: 67px;
	left: -20px;
	top: 20px;
	position: relative;
	cursor: pointer;
}

html>body #bouton {
	background: url(images/bt_recherche.png) top left no-repeat;
	border: none;
	width: 47px;
	height: 54px;
	left: -20px;
	top: 0px;
	position: relative;
	cursor: pointer;
}

#contenu_menu {
	background: url(images/menu_fond.gif) repeat-y top left;
	margin-top: 4px;
	float: left;
	width: 100%;
}

#menu_haut {
	border-bottom: 4px solid #FF9900;
	border-top: 4px solid #FF9900;
	height: 20px;
	color: #FF9900;
	z-index: 20;
}

#nav {
	float: left;
}

#profil {
	float: right;
    position: absolute;
    right: 20px;
}

/*----------------------------------------Menu gauche-------------------------------*/

#menu_left{
	float: left;
	width: 240px;
	margin-top: 4px;
	color: #FFFFFF;
	padding-left: 6px;
	font-size: 0.9em;
	line-height: 1.4em;
}

#menu_left ul {
	margin: 0px;
	padding: 0px;
}

#menu_left li {
	padding-bottom: 3px;
}

#menu_left ul {
	padding-bottom: 4px;
}

#menu_left ul li {
	background: url(images/menu1.gif) top left no-repeat;
}

#menu_left ul ul li {
	background: url(images/menu2.gif) top left no-repeat;
}

#menu_left ul ul ul li {
	background: url(images/menu3.gif) top left no-repeat;
}

#menu_left ul li:hover {
	background: url(images/menu1_over.gif) top left no-repeat;
}

#menu_left ul ul  li:hover {
	background: url(images/menu2_over.gif) top left no-repeat;
}

#menu_left ul ul ul li:hover {
	background: url(images/menu3_over.gif) top left no-repeat;
}

#menu_left a {
	color: #FFFFFF;
	text-decoration: none;
	padding-left: 10px;
}

#menu_left ul ul li a {
	padding-left: 20px;
}

#menu_left ul ul ul li a {
	padding-left: 30px;
}

#menu_left ul {
	list-style: none;
}

.select_li {
	background: url(images/menu3_over.gif) top left no-repeat !important;	
}

/*.dojo_lien {
	text-align: right;
}

.dojo_lien a {
	color: #00415A;
	text-decoration: none;
	font-weight: normal;
}

.dojo_lien a:hover {
	text-decoration: underline;
}*/

/*--------------------------Contenu-----------------------------*/

#contenu {
	margin-left: 240px;
	padding: 20px;
}

#texte {
	padding-left: 20px;
	text-align: justify;
	font-weight: normal;
	color: #000000;
}

#texte a {
	/*color: #FF9900;*/
	color: #00415A;
	text-decoration: none;
}

#texte a:hover {
	text-decoration: underline;
}

#titre h2 {
	/*color: #FF9900;*/
	color: #00415A;
	font-size: 1.4em;
	padding: 0px;
}

#titre h3 {
	/*color: #FF9900;*/
	color: #00415A;
	font-size: 1.1em;
	font-style: italic;
	padding: 0px;
	margin-top: -15px;display:block;
}

.sous-partie {
	/*color: #FF9900;*/
	color: #00415A;
	padding-left: 20px;
}

/*----------------------------theme contenu------------------------*/

#theme {
	width: 100%;
}

#theme_titre {
	text-align: left;
	float: left;
	color: #FFFFFF;
	background-color: #678897;
	width: 200px;
	padding-left: 10px;
}

#theme_right {
	float: right;
}

#theme_right #lien {
	position: absolute;
	right: 39px;
	margin-top: 2px;
}

#theme_lettres {
	background-color: #FF9900;
	padding-left: 10px;
	padding-right: 10px;
}

#theme_lettres a {
	color: #FFFFFF;
	background-color: #FF9900;
	text-decoration: none;
	line-height: 1.4em;
}

#theme_lettres a:hover {
	color: #FF9900;
	background-color: #FFFFFF;
}

#theme_lettre {
	background: url(images/lettre/lettre_a.jpg) center no-repeat;
	width: 100px;
	height: 100px;
	margin-bottom: 40px;
	margin-left: auto;
	margin-right: auto;
}

#theme_lettre span {
	display: none;
	visibility: hidden;
}

#theme_result {
	text-align: center;
	width: 100%;
}

#theme_result table {
	text-align: left;
	clear: left;
	margin-left: auto;
	margin-right: auto;
	margin-top: -140px;
}

#theme_result td {
	padding-left: 25px;
	padding-right: 25px;
}

#theme_result a {
	color: #00415A;
	text-decoration: none;
}

#theme_result a:hover {
	color: #FF9900;
}

/*-------------------------soustheme contenu-----------------------*/

#soustheme table {
	margin-left: auto;
	margin-right: auto;
}

#soustheme_titre {
	background: url(images/parties/techno.jpg) center no-repeat;
	height: 80px;
	margin-bottom: 20px;
}

#soustheme_titre span {
	display: none;
	visibility: hidden;
}

#soustheme .sous {
	background-color: #678897;
	color: #FFFFFF;
	width: 200px;
	padding-left: 5px;
	line-height: 1.4em;
}

#soustheme .sous:hover {
	background-color: #FF9900;
}

#soustheme .sous a {
	color: #FFFFFF;
	text-decoration: none;
}

#soustheme_animation .content ul, #soustheme_animation .label {
	text-align: left;
}

/*----------------------recherche contenu--------------------------*/

#contenu_recherche table {
	margin-left: auto;
	margin-right: auto;
}

#recherche_titre {
	background: url(images/parties/recherche.jpg) center no-repeat;
	height: 100px;
	margin-bottom: 20px;
}

#recherche_titre span {
	display: none;
	visibility: hidden;
}

#contenu_recherche .gauche {
	text-align: left;
}

#contenu_recherche .gauche a {
	color: #00415A;
	text-decoration: none;
}

#contenu_recherche .gauche a:hover {
	text-decoration: underline;
}

#contenu_recherche .droite {
	text-align: right;
}

#contenu_recherche .fond {
	margin: 0px;
	padding: 0px;
	border: 0px;
	background-color: #678897;
	color: #FFFFFF;
}

#contenu_recherche td {
	padding-left: 5px;
	padding-right: 5px;
}

/*----------------------------anim contenu-------------------------*/

#contenu_anim {
	text-align: center;
}

#contenu_anim2 {
	margin-left: auto;
	margin-right: auto;
}

#anim_titre {
	color: #FF9900;
}

#flash {
	width: 628px;
	border:2px solid #FF9900;
	margin-left: auto;
	margin-right: auto;
}

#anim_media img {
	border:2px solid #FF9900;
}

#anim_autre {
	color: #FF9900;
	margin-top: 20px;
	font-weight: normal;
}

#anim_autre a {
	color: #00415A;
	text-decoration: none;
}

#anim_autre a:hover {
	text-decoration: underline;
}

/*-----------------------contenu accueil---------------------------*/

#accueil_titre h2 span {
	background-color: #FF9900;
	 color: #FFFFFF;
	 padding:2px 5px;
	 font-size: 0.9em;
	/*margin-left:15%;*/
	position:relative;
	margin-top:-40px;
	margin-bottom:10px;
	
	
	
}

.accueil_partie {
	margin: 15px;
}

.accueil_partie a {
	color: #00415A;
	text-decoration: none;
}

.accueil_partie a:hover {
	color: #00415A;
	text-decoration: underline;
}

.accueil_partie .partie_titre h3 span {
	/*background-color: #678897;
	color: #FFFFFF;*/
	color: #00415A;
	 font-size: 1.2em;
}

.accueil_partie .partie_contenu {
	border-left: 4px solid #91A9B5;
	padding-left: 8px;
	font-weight: normal;
}
.accueil_partie .partie_contenu img {

/*border:none;
width:200px;
heigth:200px;
overflow:hidden;*/}

#accueil_anim, #accueil_ajout {
	float: left;
	width: 250px;
}
#accueil_ajout {

margin-left:4em;}

#accueil_news {
	clear: left;
}
/*--------------------------encart---------------------------------*/
.encart{background: none repeat scroll 0 0 #E8ECEF; font-size: 0.9em; font-weight: normal; margin: 60px auto auto; max-width: 630px; padding: 10px;}
#contenu_profil a{color:#FF9900;font-weight:bold;}
/*--------------------------contenu profil-------------------------*/

#contenu_profil {

position:relative;
top:-80px; 


}




#contenu_profil table {
	text-align:center;
	margin-left: auto;
	margin-right: auto;
	
}

#profil_titre {
	background: url(images/parties/profil2.gif) left no-repeat;
	height:40px;
	position:relative;
	bottom:-30px;left:-20px; 
}	
	 
html>body #profil_titre {
	background: url(images/parties/profil2.png) left no-repeat; 	
}

#profil_titre span {
	display: none;
	visibility: hidden;
}

#contenu_profil .gauche {
	text-align: left;
	padding-left:0.9em;
	
}
/*ajouter par angelique pour la partie centre interets*/
#contenu_profil .gaucheInt {
	text-align: left;
	padding-left:0.9em;
	
}

#contenu_profil .gauche input {

display:block;
width:160px;
padding-left:0.2em;

}

#contenu_profil .centre{
text-align:center;
margin-top:10px;
}

#contenu_profil .gauche a {
	color: #00415A;
	text-decoration: none;
}

#contenu_profil .gauche input:focus {

background:#ccdde3;}

#contenu_profil .gauche a:hover {
	text-decoration: underline;
}

#contenu_profil .droite {
	text-align: right;
	padding-left:2.5em;
	
}

#contenu_profil .fond {
	margin: 0px;
	padding: 0px;
	border: 0px;
	background-color: #678897;
	color: #FFFFFF;
}


#contenu_profil .titre {
text-align:left;
padding-left:2.5em;

}

#contenu_profil select{
width:160px;}

span#warning {
color:#FF3300;
font-style: italic;
font-size:0.9em;
margin-right:1.4em;
padding: 0.3em ;
border:thin solid #678897;
display: none;}



.profil_submit {

border:thin outset darkorange;
cursor:pointer;
width:80px;
height:20px;
line-height:10px;
color:#0f495c;

/*background:none;*/
background:#ff9900/*#0f495c*/ ;
	-moz-opacity:0.7;

opacity: 0.7;

filter:alpha(opacity=70);

}



#contenu_profil td {
	/*padding-left: 10px;*/
	padding-right: 10px;
	padding-top:10px;
}

#contenu_profil tr td.titre{

margin-bottom;20px;
padding-top:0;}

/*-------------------------------Options---------------------------*/

#option {
	float: right;
	width: 200px;
	margin-left: 20px;
}

/*#medias {
	border: 1px solid #FF9900;
	padding: 3px;
	text-align: center;
	margin-bottom: 2px;
}*/

#medias a span {
	visibility: hidden;
	white-space: nowrap;
}	

#prev {
	background: url(images/prev.gif) top right no-repeat;
	text-decoration: none;
	margin-right: 10px;
	width: 10px;
	height: 10px;
}

#suiv {
	background: url(images/suiv.gif) top left no-repeat;
	text-decoration: none;
	margin-left: 10px;
	width: 10px;
	height: 10px;
}

/*---------------------------------Style dojo titre----------------------------*/

div.container {
	background-color: white;
	border: 2px solid black;
	width: 200px;
	height: 600px;
	padding: 0px;
	margin: 0px;
	overflow: hidden;
}

.label  {
	width: 200px; 
}

.content {
	width: 190px;
}

.label {
	background: #FF9900;
	height: 20px;
	color: #FFFFFF;
	text-align: right;
	margin-bottom: 2px;
	padding-right: 2px;
}

.content {
	color: #00415A;
	background: #FFFFFF;
	border: 1px solid #FF9900;	/* w/out this, an <h1> on the top line causes a gap between the .content and .label */
	margin-bottom: 2px;
	padding: 5px;
}

.content h4 {
	border-bottom: 1px solid #FF9900;
}

.content ul {
	list-style: none;
	text-align: right;
}

.label {
	cursor: pointer;
}

/*.listdojo {
	font-weight: normal;
}

.listdojo a {
	color: #00415A;
	text-decoration: none;
}

.listdojo a:hover {
	color: #00415A;
	text-decoration: underline;
}*/

.content {
	font-weight: bold;
}
.content a {
	color: #00415A;
	text-decoration: none;
	padding-left: 10px;
	font-weight: normal;
}

.content a:hover {
	color: #00415A;
	text-decoration: underline;
}
/*-------------------------------------dojo palette--------------------------------------*/

#outil {
	color: #FFFFFF;
	background-color: #00415A;
	width: 200px; 
	text-align: right;
	line-height: 20px;
	padding-right: 2px;
}

#outil a {
	color: #FFFFFF;
	text-decoration: none;
}
/*----------------------------------------PIED-------------------------------------------*/

#pied {
	font-size: 0.9em;
	font-weight: normal;
	width: 100%;
}

#pied_gauche {
	float: left;
}

#pied_droit {
	float: right;
	color: #FF9900;
}

#pied, #pied_droit, #pied_gauche {
	padding: 0px;
}

#pied_gauche span span {
	color: #FF9900;
	font-weight: bold;
}

/*---------------------------------------anim (test) -------------------------------*/