@charset "utf-8";
/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 



h1{
 font-family: Verdana,Arial,sans-serif;
 font-size: 120%;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

h2{
 font-family: Arial,sans-serif;
 font-size: 114%;
 color: #006699;
 margin: 0px;
 padding: 0px;
}

h3{
 font-family: Arial,sans-serif;
 font-size: 100%;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

h4{
 font-family: Arial,sans-serif;
 font-size: 100%;
 font-weight: normal;
 color: #333333;
 margin: 0px;
 padding: 0px;
}

h5{
 font-family: Verdana,Arial,sans-serif;
 font-size: 100%;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

ul{
 list-style-type: square;
}

ul ul{
 list-style-type: disc;
}

ul ul ul{
 list-style-type: none;
}

label{
 font-family: Arial,sans-serif;
 font-size: 100%;
 font-weight: bold;
 color: #334d55;
}


/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#masthead{
	padding: 10px 0px 0px 0px;
	border-bottom: 1px solid #cccccc;
	width: 100%;
}

#navBar{
	float:left;
	width: 200px;
	margin: 0px;
	padding: 0px;
	background-color: #ffffff;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}

#headlines{
  float:right;
	width: 20%;
	border-left: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	padding-right: 10px;
}

#content{
	float: left;
  width: 55%;
  font-size: 72.5%;
  margin:0px 10px;
}

/***********************************************/
/* Components                                  */
/***********************************************/

#siteName{
	margin: 0;
	padding: 0 0 0 10px;
}


/************* #globalNav styles *************

#globalNav{
padding: 0px 5px 0px 10px;
border-bottom: 1px solid #CCC;
color: #cccccc;
}

#globalNav img{
 display: block;
}

#globalNav a {
	font-size: 90%;
	padding: 0 4px 0 0;
}
*/
/*************** #pageName styles *************

#pageName{
	margin: 0px;
	padding: 0px 0px 0px 10px;
}*/

/************* #breadCrumb styles ************

#breadCrumb{
	font-size: 80%;
	padding: 2px 0px 0 10px;
}
*/

/************** .feature styles ***************/

.feature{
	padding: 0px 0px 10px 10px;
	font-size: 80%;
}

.feature h3{
	padding: 30px 0px 5px 0px;
	text-align: center;
}

.feature img{
	float: left;
	padding: 10px 10px 0px 0px;
}


/************** .story styles *****************/

.story{
	clear: both;
	padding: 10px 0px 0px 10px;
	font-size: 80%;
}

.story p{
	padding: 0px 0px 10px 0px;
}


/************* #siteInfo styles ***************/

#siteInfo{
	clear: both;
	/*border: 1px solid #cccccc;*/
	font-size: 75%;
	/*color: #cccccc;*/
	padding: 10px 10px 10px 10px;
	text-align:center; 
	border-top:1px solid silver;
	vertical-align:bottom; 
	/*width:auto;*/
}

#siteInfo img{
	padding: 4px 4px 4px 10px;
	vertical-align: middle;
}


/************* #search styles ***************/

#search{
	padding: 5px 0px 5px 10px;
	/*border-bottom: 1px solid #cccccc;*/
	font-size: 90%;
}

#search form{
 margin: 0px;
 padding: 0px;
}

#search label{
	display: block;
	margin: 0px;
	padding: 0px;
}


/*********** #navBar link styles ***********/

#navBar ul a:link, #navBar ul a:visited {display: block;}
#navBar ul {list-style: none; margin: 0; padding: 0;}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#navBar li {border-bottom: 1px solid #EEE;}

/* fix for browsers that don't need the hack */
html>body #navBar li {border-bottom: none;}


/*********** #sectionLinks styles ***********/

#sectionLinks{
	position: relative;
	margin: 0px;
	padding: 0px;
	padding-bottom:5px;
	border-bottom: 1px solid #cccccc;
	background-color:#FFFFFF;
	font-size: 90%;
	z-index:1;
}

#sectionLinks h3{
	padding: 10px 0px 2px 10px;
}

#sectionLinks a {
	display: block;
	/*border-top: 1px solid #cccccc;*/
	padding: 2px 0px 2px 10px;
}

#sectionLinks a:hover{

 background-image:url(elements/back_menu.gif);
}


/*********** .relatedLinks styles ***********/

.relatedLinks{
	/*position: relative;*/
	margin: 0px;
	padding: 0px 0px 10px 10px;
	font-size: 90%;
	
}

.relatedLinks h3{
   
	padding: 10px 0px 2px 0px;
}

.relatedLinks a:link,
.relatedLinks a:visited {
	display: block; 
}

/************** #advert styles **************/

#advert{
	padding: 30px 0px 10px;
}

#advert img{
	display: block;
}


/************** #headlines styles **************/

#headlines{
	margin: 0px;
	padding: 10px 0px 20px 10px;
	font-size: 80%;
}

#headlines p{
	padding: 5px 0px 5px 0px;
}

/************** css form **************/
    
	form .bouton,
	
		{
		background-color:#FF0000;
		}



#filtre1

{

	display: none;

	top: 0%;

	left: 0%;

	width: 500;

	height: 200;

	background-color: #CCA;

	z-index:10;

	/*opacity:0.5;

	filter: alpha(opacity=100);*/

}





#box1 

{

	display: none;

	/*position: absolute;*/

	top: 0%;

	left: 0%;

	padding: 20px;

	margin:0;

	border: 0px solid black;

	background-color: white;

	z-index:101;

	/*overflow: none;*/

}



#boxtitle1

{

	/*position:absolute;*/

	top:0;

	left:0;

	width:400px;

	height:0px;

	float:center;

	padding:0;

	padding-top:4px;

	left-padding:8px;

	margin:0;

	border-bottom:4px solid #3CF;

	background-color: #F8921E;

	color:white;

	text-align:center;

}



#filtre2

{

	display: none;

	/*position: absolute;*/

	top: 0%;

	left: 0%;

	width: 500;

	height: 200;

	background-color: #CCA;

	z-index:10;

	/*opacity:0.5;

	filter: alpha(opacity=60);*/

}





#box2

{

	display: none;

	/*position: absolute;*/

	top: 0%;

	left: 0%;

	padding: 20px;
    /*font-size: 72.5%;*/
	margin:0;

	border: 0px solid black;

	background-color: white;

	z-index:101;

	overflow: none;

}



#boxtitle2

{

	/*position:absolute;*/

	top:0;

	left:0;

	width:400px;

	height:0px;

	float:center;

	padding:0;

	padding-top:4px;

	left-padding:8px;

	margin:0;

	border-bottom:4px solid #3CF;

	background-color: #F8921E;

	color:white;

	text-align:center;

}



#filtre3

{

	display: none;

	/*position: absolute;*/

	top: 0%;

	left: 0%;

	width: 500;

	height: 200;

	background-color: #CCA;

	z-index:10;

/*opacity:0.5;

	filter: alpha(opacity=60);*/

}





#box3

{

	display: none;

	/*position: absolute;*/

	top: 0%;

	left: 0%;

	padding: 48px;
    
	margin:0;

	border: 0px solid black;

	background-color: white;

	z-index:101;

	overflow: none;

}



#boxtitle3

{

	/*position:absolute;*/

	top:0;

	left:0;

	width:400px;

	height:0px;

	float:center;

	padding:0;

	padding-top:4px;

	left-padding:8px;

	margin:0;

	border-bottom:4px solid #3CF;

	background-color: #F8921E;

	color:white;

	text-align:center;

}



#filtre4

{

	display: none;

	/*position: absolute;*/

	top: 0%;

	left: 0%;

	width: 500;

	height: 180;

	background-color: white;

	z-index:10;

	/*opacity:0.5;

	filter: alpha(opacity=60);*/

}





#box4

{

	display: none;

	/*position: absolute;*/

	top: 0%;

	left: 0%;
   
	width:420px;

	padding: 48px;

	margin:0;

	border: 0px solid black;

	background-color: white;

	z-index:101;

	overflow: none;

}



#boxtitle4

{

	/*position:absolute;*/

	top:0;

	left:0;

	width:400px;

	height:0px;

	float:center;

	padding:0;

	padding-top:4px;

	left-padding:8px;

	margin:0;

	border-bottom:4px solid #3CF;

	background-color: #F8921E;

	color:white;

	text-align:center;

}

.red_text{ 

	 font-size: 11px;

	font-weight:100;

	color:#FF0000;

}



.black_title{

color:#000000;

font:bold;

font-size:12px;



}

.red_asterisk{

font-size:12px;

color:#FF0000;

}

.box_title{

    font-size: 14px;

	font-weight: bold;

	color: #333333;

}



.box_field{

    font-size: 11px;

	font-weight: bold;

	color:#000000;

}

label.label_field { float:left; width:200px; margin: 2px 0;}
.fieldin{border: 1px solid #FFCC00;  float:left;/**/}
.box_field{clear:both;}
.recherche_resultat{border-bottom: solid 1px #999999; width:512px;}
.recherche_resultitre{width:512px;}
.resultat_nom{text-align:left;}
.resultat_annee{text-align:center;}
.resultat_classe{text-align:right}
.tabuploadphoto{width:512px;}
/* Bloc secondaire avec les petits  */

dd, dl, dt
		{
		margin: 0;
		border: none;
		padding: 0;
		}

.module_contenu .bloc_nonami{
background: #ECECEC;
margin:10px;
padding:10px;
}
.bloc_explorer {margin: 15px 0 0 0}
.bloc_explorer .liste_recherche_double_colonne {float: left; width: 225px; margin: 0 0 0 15px}
.bloc_explorer .liste_recherche_exploration_triple_colonne {float: left; width: 147px; margin: 0 0 0 15px}
.bloc_explorer .liste_recherche_exploration li, .bloc_explorer .liste_recherche_double_colonne li, .bloc_explorer .liste_recherche_exploration_triple_colonne li {clear: both; margin-top: 5px; height: 14px}
.bloc_explorer .liste_recherche_titre {background: #bfe1db; height: 14px}
.bloc_explorer .liste_recherche_exploration_ligne_impaire {background: #fff}
.bloc_explorer .liste_recherche_titre {background: #FFE9BE}
.bloc_explorer .liste_recherche_exploration_ligne_paire {background: #f8faf5}
.bloc_explorer .liste_recherche_exploration_tableau {width: 98%;border:solid 1px #cccccc;}
.bloc_explorer .liste_recherche_exploration_tableau td {padding: 2px 5px}
.bloc_explorer .liste_recherche_exploration_titre {background: #FFE9BE; height: 14px}
.bloc_explorer .liste_recherche_exploration_titre a, .bloc_explorer .liste_recherche_exploration_titre span {font-weight: bold; text-transform: uppercase}
.bloc_explorer li.liste_recherche_exploration_titre, .bloc_explorer .liste_recherche_exploration_titre td {padding: 2px}
.bloc_explorer .liste_recherche_titre a, .bloc_explorer .liste_recherche_titre span {font-weight: bold; text-transform: uppercase}
.bloc_explorer li.liste_recherche_titre, .bloc_explorer .liste_recherche_titre td {padding: 2px}
.bloc_explorer .aligne_droite {text-align: right}
.bloc_explorer .aligne_centre {text-align: center}
.bloc_explorer .flottant_droite {float: right}
.bloc_explorer .flottant_gauche {float: left}
#papier { width: 495px; margin-left: 10px; background: #fff; margin-top:10px;}
.module_tableau {border:solid 0px #cccccc; width:100%; }
.module_contenu {width:100%; min-height:60px;}
.module_contenu_avec_border{border:dotted 1px silver; width:480px; padding:5px 5px 5px 10px;  margin-bottom:5px; margin-left:10px;}
.titre_module{border-bottom: solid 1px orange; width:508px; padding:5px 5px 5px 0px;  margin-bottom:5px; margin-left:10px; font-weight:bolder; color:#96A3D2;}
h2.titre_accueil { position: relative; }
h2.titre_accueil a.lien_fiche_home{ font-size: 11px; color: #000; font-weight: normal; position: absolute; top: 0; right: 0;}
.resultat_photo{width:10px; height:30px; margin-right:50px;}
.resultat_impaire{background-color:#f8faf5}
/*.resultat_paire{background-color: #666666;}*/


<!--page amis-->
.line_impaire{ background: #f8faf5; float:left; width:100%}
.line_paire{background: #f8faf5; float:left;width:100%}
/*.amis_attente{float:inherit;}*/


.results {
 font-size: 10px;
 font-family: Arial, Helvetica, sans-serif;
 font-style: normal;
 border: 1px solid #79B368;
 background-color: #F7FCF5;
 margin-top:5px; 
 margin-right:3px;
 padding-left:3px;
 padding-right:3px;
 height:15px;
 float:right;
}
.results:hover {
 font-weight: bold;
 background-color:#FCCE36;
}

.pagination{
/*width:570px;
text-align:right;*/

}

#masthead .menuperso{
margin-right:20px;
padding:10px;
text-align:left;
background-color:#FFFFFF;

}
/*///////////////////////DEBUT autocomplet//////////////	*/



	/* CSS for my first scrolling box */

	#scrollingContainer{

		width:280px;	/* 170 pixels in width */

		/*height:210px;*/	/* Height of box */

		

		border:0px solid #000;	/* Black border around box */

		/*background-color: #E2EBED;	*//* Light blue background color */



		padding:2px;	/* A little bit of space between border of box and text inside */

		float:left;	/* I want the text to wrap around the box */

		margin-right:10px;	/* Right margin of 10 pixels */

		font-size:0.9em;	/* Smaller font size than the rest of the page */

		

		overflow:hidden;	/* Hide overflow content */

	}

	/* End css for my first scrolling box */

	

/* Debut autocomplet champ de saisie */	

html{

		height:100%;

	}

	/*body{

		background-color:#E2EBED;

		font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;	

		width:100%;

		height:100%;		

		margin:0px;

		text-align:center;

	}

	

	#mainContainer{

		width:660px;

		margin:0 auto;

		text-align:left;

		height:100%;

		background-color:#FFF;

		border-left:3px double #000;

		border-right:3px double #000;

	}*/

	#formContent{

		padding:5px;

	}

	

	#ajax_listOfOptions{

		position:absolute;	

		width:175px;	

		height:250px;	

		overflow:auto;	

		border:1px solid #317082;	

		background-color:#FFF;	

		text-align:left;

		font-size:0.9em;

		z-index:10000;

	}

	#ajax_listOfOptions div{	

		margin:1px;		

		padding:1px;

		cursor:pointer;

		font-size:0.9em;

	}

	#ajax_listOfOptions .optionDiv{	

		

	}

	#ajax_listOfOptions .optionDivSelected{

		background-color:#317082;

		color:#FFF;

	}

	#ajax_listOfOptions_iframe{

		background-color:#F00;

		position:absolute;

		z-index:5;

	}

	

	form{

		display:inline;

	}	

	

	/* FIN autocomplet champ de saisie */
	
/*Debut infobulle*/

/* "fallback" links for non-CSS supporting browsers. */
.fallback {
 display: none;
}

/* Here's our default note styles. */
.notedefault, .notenested {
 position: absolute;
 visibility: hidden;
 top: 1.5em;
 left: 2em; width: 250px;
}
.notedefault {
 padding: 3px;
 border: 6px solid #006699;
 background-color:#C1D2E3;
 color: white;
}


.notenested {
 width: 8em;
 padding: 3px;
 border: 1px solid #963;
 background-color: #C96;
 color: white;
}

/* Some position-type-specific offset information. Tweak as needed! */
.snp-mouseoffset, .snp-triggeroffset, .snp-mousetrack {
 margin-left: 5px;
 margin-top: 15px;
 padding:10px 10px 10px 10px;
}

/* Headings within notes */
.notedefault h5 {
 margin: 0 0 5px 0;
 padding: 2px;
 background-color: white;
 color: black;
}

/* Note close marker is only shown within pinned notes. */
.note-close {
 float: right;
 margin-top: 2px;
 width: 14px;
 height: 14px;
 line-height: 14px;
 color: black;
 text-decoration: none;
 visibility: hidden
}
.snb-pinned .note-close {
 visibility: inherit;
}

/*Fin infobulle*/


<!-- Debut gestion les conditions de kikanla-->

 
	/*body{

		font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;

	}
*/
	p{

		margin-top:0px;

	}

	#dhtmlgoodies_scrolldiv{

		/* The total width of the scrolling div including scrollbar */

		width:530px;

		height:450px;	/* The height of the scrolling div */

	}

	#scrolldiv_parentContainer{

		width:500px;	/* Width of the scrolling text */

		height:100%;

		overflow:hidden;

		border:1px solid #BC8FBD;

		float:left;

		position:relative;

	}

	

	/*

	CSS for the scrolling content 

	*/

	#scrolldiv_content{

		padding: 5px;

		position:relative;

		font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;

		font-size: 0.9em;

		line-height:130%;

		color: #333;

	}

	

	/*

	The scrollbar slider 

	*/

	#scrolldiv_slider{

		width:15px;

		margin-left:2px;

		height:450px;

		float:left;

	}

	

	/*

	The scrollbar (The bar between the up and down arrow )

	*/

	#scrolldiv_scrollbar{

		width:15px;

		height:450px;	/* Total height - 40 pixels */

		border:1px solid #BC8FBD;

		position:relative;

		

	}

	/*

	The scrollbar handle

	*/

	#scrolldiv_theScroll{

		margin:1px;

		width:13px;

		height:13px;

		background-color:#BC8FBD;

		position:absolute;	

		top:0px;

		left:0px;

		cursor:pointer;

	}

	/*

	Scroll buttons(The up and down arrows)

	*/

	#scrolldiv_scrollUp,#scrolldiv_scrollDown{

		width:15px;

		height:16px;

		border:1px solid #BC8FBD;

		color: #BC8FBD;

		text-align:center;

		font-size:16px;

		line-height:16px;

		cursor:pointer;

	}

	#scrolldiv_scrollUp{

		margin-bottom:2px;

	}

	#scrolldiv_scrollDown{

		margin-top:2px;

	}

	#scrolldiv_scrollDown span,#scrolldiv_scrollUp span{

		font-family: Symbol;

	}




	

	<!-- FIN gestion les conditions de kikanla-->