/******* DEFAULT DEFINITION *******/
html,body { width: 100%; margin:0 0 0 0; padding:0 0 0 0; font:0.90em Verdana,Arial,Helvetica,sans-serif; }
body {  background-image:url("http://www.lepole.org/crbst%5ffondpage2.gif");background-color:#ffffff;}

img, table, thead, tr, fieldset, form, legend, { border:0; margin:0; padding:0;}
p { margin:0 0  0 0; padding : 0 0 0 0; font:1em Verdana,Arial,Helvetica,sans-serif; text-align: justify; }
strong {font-weight:bold;}
em { font-style:italic;}
ul { padding:0; margin:0; list-style-type:none; }
table { border-collapse:collapse; }
div { z-index: 1;}

a{ font-family: Verdana,Arial,Helvetica,sans-serif; font-size:1em; color:#ffffff ; font-weight: bold; text-decoration:none;}
a:hover { font-family: Verdana,Arial,Helvetica,sans-serif; font-size:1em; color:#ff0000 ; font-weight: bold; text-decoration:none;}

:focus { outline:0 none; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/*\ Hides from IE-mac \*/
* html .clearfix { height: 1%; }

h1 { font-family: Verdana,Arial,Helvetica,sans-serif; font-size:2em; color:#ffffff; font-weight: normal; margin-left: 72px; margin-top: 20px;}
	
form ul li { float:left;}
	
.floatLeft { float:left; }
.floatRight { float:right; }
	
/******* GLOBAL Div *******         ***/
#div_globale { width: 1000px; margin: 70px auto 0 auto; display: block ; background-color: #000000; border:1px solid #000000; }
#div_logo { width: 950px; height: 72px; background-color: #000000; margin: 40px 40px 20px 40px; }
#div_logo a { display:block;  height:72px; width:950px; margin: 20px; border: none; }
#div_logo a img{  border: none; }

/*******DIV LEFT *******/
#div_left { float:left; top:0px; right:0px;  background-color:#000000 ; width: 460px; height: 400px; display: block ; margin-left: 40px;}	

/* #div_red_carre { float:left; top:0px; left:0px;  background:#ff0000 ; width: 50px; height: 50px; display: block ;  }	 */

.text_mode_rech { font-family: Verdana,Arial,Helvetica,sans-serif; font-size:1em; color:#ffffff; font-weight: normal; margin-left: 20px; margin-top: 20px;}
.text_grey { font-family: Verdana,Arial,Helvetica,sans-serif; font-size:1em; color:#990000 ; font-style: italic; font-weight: bold; margin-left: 20px; margin-top: 0px;}
.input_recherche { width: 200px; margin-left: 20px; margin-right: 20px; }

#div_letter{ margin-left: 20px; }
.links_letter { margin-left: 0px; margin-top: 10px; color:#ffffff;}
.links_letter a { color:#ffffff; text-decoration:none; font-weight: bold; }
.links_letter a:hover  {  color:#ff0000; text-decoration: none;}

.div_4_secteurs { width: 100%;  overflow: auto;}
.div_secteur{ margin-top: 12px; margin-left: 12px; float: left; width: 100px; }
.text_secteur{ font-family: Verdana,Arial,Helvetica,sans-serif; font-size:1em; color:#ffffff ; font-weight: bold;}
.list_categories a{ font-family: Verdana,Arial,Helvetica,sans-serif; font-size:0.7em; color:#ffffff ; font-weight: bold; text-decoration:none;}
.list_categories a:hover { font-family: Verdana,Arial,Helvetica,sans-serif; font-size:0.7em; color:#ff0000 ; font-weight: bold; text-decoration:none;}


/*******DIV RIGHT *******éé**/
#div_right { float:left; top:0px; background-color:#ffffff ; width: 485px; height: 400px; display: block ; overflow: auto; }	

.list_contacts{ margin-top: 20px; margin-left: 20px; }
.list_contacts li{ margin-top: 12px; margin-left: 20px; }

.list_contacts a{ font-family: Verdana,Arial,Helvetica,sans-serif; font-size:0.8em; color:#000000 ; font-weight: normal; text-decoration:none;}
.list_contacts a:hover { font-family: Verdana,Arial,Helvetica,sans-serif; font-size:0.8em; color:#ff0000 ; font-weight: normal; text-decoration:none;}

#supprimerContact { margin-top: 30px; margin-left: 20px; font-family: Verdana,Arial,Helvetica,sans-serif; float: left; }
#modifierContact { margin-top: 30px; margin-left: 20px; font-family: Verdana,Arial,Helvetica,sans-serif; float: left; }
#fiche_contact{ margin-top: 32px; margin-left: 20px; font-family: Verdana,Arial,Helvetica,sans-serif; font-size:0.9em; color:#000000 ; font-weight: normal; text-decoration:none; }
#fiche_contact h3{ font-family: Verdana,Arial,Helvetica,sans-serif; font-size:1.2em; color:#DD0000 ; font-weight: bold; text-decoration:none; }
#fiche_contact p { margin-top: 12px; }


/***** FOOTER *****/
#footer { float:left;  top:0px; right:0px;  background-color:#000000 ; width: 950px; height: 100px; display: block ; }	
#footer ul{ margin-left: 12px ; color: #ffffff; }

/**** ADMIN ******/
#div_espace_membre{ margin-top: 12px;  margin-left: 12px; margin-right:12px; font-family: Verdana,Arial,Helvetica,sans-serif; font-size:1em; color:#ffffff; font-weight: normal; }
#div_espace_membre a { color:#ffffff; text-decoration:none; font-weight: bold; }
#div_espace_membre a:hover  {  color:#ff0000; text-decoration: none;}

.liste_secteurs { margin-top: 30px; margin-left: 20px; }
.liste_ajout_contact { margin-top: 12px; margin-left: 20px; }
.inputLog { float:left; width: 400px; display: block; }