* {
	margin: 0px;
	padding: 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	
}
body {
/* background-color: #a5bdd1;*/

}

img a {
border: 0;
}

a img{
border: 0;
}

p{
margin-bottom: 10px;
}

.mceContentBody ul li {
list-style-type: disc;
margin-left: 20px;
margin-bottom: 10px;
list-style-position: inside;
}

#centre ul {
display: list-item;
margin-left: 20px;
margin-bottom: 10px;
list-style-type: disc;
}

#centre ol {
display: list-item;
margin-left: 20px;

list-style-type: decimal;
}

a{
text-decoration: none;
font-weight: bold;
color: #006699;
}
a:hover{
font-weight: bold;
text-decoration: underline;
}


#page {
	/*width: 994px;*/
	margin: 0 auto;
	/*margin-top: 10px;*/
	background-color: #fff;
	/*border: 1px solid black;*/
/* 	border: 1px solid black; */

}

#bandeau_top {
	width: 100%;
	height: 110px;
	/*line-height: 100px;*/

/* 	border: 1px solid red; */
	background-image: url('../images/background_menu.gif');

	/*background-repeat: repeat-x ;*/
}

#logo {
float: left;
width: 200px;
}
#logo a{
background: url('../images/logoflick.gif') no-repeat 0 0 ;
display: block;
width: 279px;
height: 100px;
}
#logo a:hover {
background: url('../images/logoflick.gif') no-repeat 0 -100px ;
display: block ;
width: 279px;
height: 100px;
}


#recherche {
	text-align: center;
	float: right;
	width: 120px; /*marquee width */
	background-color: #006699;
	/*background-image: url('../images/background_menu.gif');*/
	border: 1px solid black; 
	padding: 10px;
	margin-bottom: 15px;
	margin-right: 5px;
}

#recherche input {
	border: 1px solid black;
	width: 100px;
	margin: 5px 0;
}

#contenu {
	/*width: 800px;*/
 	/*border: 1px solid brown; */
	float: left;
	/*height: 300px;*/
	margin-left: 5px;
}

#bottom {
	clear:both;
	padding-top: 70px;
	width: 100%;
	height: 30px;
 	text-align: center;
}

.spacer{
	clear:both;
	line-height:0px;
}

/************************
menu
************************/
/* style the outer div to give it width */
.menu {
width:100%; 
background-image: url('../images/background_menu.gif');
height: 30px;
/*margin-bottom: 30px;*/
display: block;
}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
padding:0;
margin:0;
list-style-type:none;
width: 1000px;/*pour éviter le retour à la ligne sur les petites résolutions */
}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {
float:left;
position:relative;
}
/* style the links for the top level */
.menu a, .menu a:visited {
display:block;
font-size:12px;
text-decoration:none; 
color:#fff;
text-align: center;
width:140px; 
height:30px; 
}

.menu .drop {

/*border:1px solid transparent; */
/*border: 0px;*/
line-height:30px; display: block;
} 

.menu ul a {
/*border:1px solid transparent; */
border: 0px;
line-height:1.5em; 
}

.menu .drop:hover{
/*border-top: 1px solid black;
border-left: 1px solid black;
border-right: 1px solid black;*/
color:#ffcc00;
background-color: transparent;
}

.menu ul ul {
/*border-bottom: 1px solid black;
border-left: 1px solid black;
border-right: 1px solid black;*/
display: block;
position: relative;
z-index: 200;
}

.menu ul li a {
font-weight: bold;

}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {
/*background:#949e7c; */
/*background-image: url('../images/rightarrow.gif') ;*/
background:#537db9;
}
/* style the second level hover */
.menu ul ul a.drop:hover{
/* background:#c9ba65; */
}
.menu ul ul :hover > a.drop {
/* background:#c9ba65; */
}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {
/* background:#e2dfa8; */
}
/* style the third level hover */
.menu ul ul ul a:hover {
/* background:#b2ab9b; */
}
.menu ul ul ul :hover > a {
/* background:#b2ab9b; */
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
visibility:hidden;
position:absolute;
height:0;
top:30px;
left:0; 
width:140px;
}


/* position the third level flyout menu */
.menu ul ul ul{
left:140px; 
top:0;
width:140px;
}
/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {
left:-140px;
}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {
background:#006699;
color:#fff; 
height:auto; 
/*line-height:1em; 
padding:5px 10px; 
width:129px*/
}


/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{
color:#ffcc00; 
background:#537db9;
}
.menu :hover > a, .menu ul ul :hover > a {
color:#ffcc00;
/* background:#949e7c; */
}

/* make the second level visible when hover on first level list OR link */
.menu ul :hover ul{
visibility:visible; 
}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{
visibility:hidden;
}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul ul{
visibility:hidden;
}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ 
visibility:visible;
}
/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul { 
visibility:visible;
}


/************************
panel news
************************/
#panel_news{
/*position: absolute;*/
float: right;
width: 120px; /*marquee width */
height: 200px; /*marquee height */
background-color: white;
overflow: hidden;
border: 1px solid black; 
padding: 10px;
	margin-right: 5px;
/* padding-left: 4px;
 */}
 
/***********************
page standard
***********************/
.titre_page {
/*width: 100%;*/
background: #cccccc;
border: 4px solid #ffcc00;
border-left: 4px solid #ffcc00;
padding: 10px;
margin-bottom: 20px;

font-size: 18px;
font-weight: bold;
font-style: italic;
}

/*.droite {
vertical-align: top;
padding: 10px;
width:156px;
background-image: url('../images/background_menu.gif');
text-align: center;
}*/

.titre_panneau_droite {
font-size:12px;
text-decoration:none; 
color:#006699;
font-weight: bold;
}

.bouton_submit {
background-color: #006699;
border: 0;
color:#fff;
font-weight: bold;
margin-top: 10px;
}



/**************
refonte en css
*/
#conteneur {
position: absolute;
width: 100%;
/*background-color:#CCCCFF;*/
}

#droite {
float:right;
width: 162px;
/*border: 1px solid black;*/
margin-right: 5px;
_margin-right: 0px;
}

#centre {

margin-left: 8px;
margin-right: 173px;
text-align:justify;
}

#panel_login {
position: absolute;
top: 0;
right: 0;
width: 150px;
border: 2px solid white;
margin: 3px;
padding: 5px;
text-align: center;
}



#search_background {

background-image: url('../images/search_background.gif');
height: 96px;
}

.panel_background {

background-image: url('../images/newsletter_background.gif');
height: 93px;
}

.panel_background2 {

background-image: url('../images/newsletter_background2.gif');
height: 130px;
}

#news_background {

background-image: url('../images/news_background.gif');
background-repeat:no-repeat;
height: 244px;
margin-left: 2px;
width: 160px;
}



.titre_panel {
font-size:13px;
font-weight: bolder;
text-decoration:none; 
color:#fff;
text-align: center;
padding-top: 5px;
}

.titre_panel_news {
font-size:13px;
font-weight: bolder;
text-decoration:none; 
color:#fff;
text-align: center;
padding-top: 5px;
margin-left: -8px;
padding-bottom: -10px;
}

#ombre_menu {
background-image: url('../images/ombre_menu.gif');
width: 100%;
height: 7px;
line-height: 7px;
margin-bottom: 10px;
}

#panel_gauche {
float: left;
margin-right: 7px;

}

#panel_gauche_haut {
background-image: url('../images/panel_gauche_haut.gif');
width: 160px;
height: 45px;

}

#panel_gauche_centre {
background-image: url('../images/panel_gauche_centre.gif');
background-repeat: repeat-y;
width: 160px;

}

#panel_gauche_bas {
background-image: url('../images/panel_gauche_bas.gif');
width: 160px;
height: 17px;

}

#panel_gauche_centre ul {
padding-left: 7px;
padding-right: 7px;
padding-top: 0px;
margin-top: -5px;
margin-bottom: 0px;
margin-left: 0px;
text-align: left;
list-style-type:none;
}

#panel_gauche_centre li {

margin-top: 3px;

}

#panel_gauche_centre a {
color: white;
text-decoration: none;
font-size:12px;
font-weight: bold;
}

#panel_gauche_centre a:hover {
color:#ffcc00;
}

.li_news_news, .li_news_actu, .li_news_legi, .li_news_juris{
padding-left: 85px;
margin: 30px;
list-style-type: none;
background-image: url('../images/news.gif');
background-repeat: no-repeat;
/*background-position: 0% 65%;*/
height: 55px;
}

.li_news_actu {
background-image: url('../images/news_actu.gif');
}

.li_news_legi {
background-image: url('../images/news_legi.gif');
}

.li_news_juris {
background-image: url('../images/news_juris.gif');
padding-left: 95px;
}

.li_contacts {
margin-top: 15px;

margin-left: 10px;
padding-left: 10px;
list-style-type: none;
border-left: 4px solid #FFCC00;
/*background-image: url('../images/boussole.gif');
background-repeat: no-repeat;
background-position: 0% 65%;
height: 70px;*/
}

.li_contacts .li_titre {
font-weight: bold;
margin-bottom: 10px;

}


.li_titre_news {
font-weight: bold;
}
.li_news a{
text-decoration: none;
font-weight: bold;
color: #006699;
}
.li_news a:hover{
font-weight: bold;
text-decoration: underline;
}

.titre_panel_news {
margin-bottom: 7px;text-align: center;margin-left: -10px;
}

.titre_panel_news_news {
margin-top: 10px;text-align: left;margin-right: 7px;
font-weight: bold;
}

.titre_panel_news_news a {
color:white;
text-decoration: none;
}

.titre_panel_news_news a:hover {
color:#ffcc00;
}

.formulaire_recherche {
width: 40%;
border: 2px dashed #006699;
background-image: url('../images/loupe.gif');
background-repeat: no-repeat;
margin: 0 auto;
background-position: 5px 15px;
padding: 15px;
padding-left: 110px;

/*height: 100px;*/
}

.recherche_resultats {
margin-top: 50px;
margin-left: 50px;
}

.box_element_recherche {

background-image: url('../images/petitloupe.gif');
background-repeat: no-repeat;
height: 40px;
margin-bottom: 20px;
padding-left: 45px;
}

.highlight {
font-style: italic;
font-weight: bold;
}



.faux_submit_blanc, .faux_submit_blanc a{
text-decoration: none;
color: white;
font-weight: bold;
text-align: center;
margin-top: 10px;
}

.faux_submit_blanc a:hover {
color: #FFCC00;
}

.cadre_attention {

border: 4px solid #ffcc00;
background: #cccccc url('../images/attention.gif') no-repeat 5px 5px;
font-weight: bold;

padding: 10px;
padding-left: 110px;
height: auto !important;
height: 90px;
min-height: 90px;
}

.carte_region {

/* float: right; */
}

.groupe_icones {
border: 1px solid black;margin-bottom: 30px;text-align: center;padding: 5px;
}

.icone {
float: left; margin: 0 10px;
}

.bouton_valider {
margin: 0px auto;
width: 70px;
}

.hack_iedemerde {
border: 0px;
}

.hack_iedemerde textarea {
position: relative;
z-index:0;
}


.item_contact_input {
width: 200px;
padding: 1px;
}

.container_form_login {
height: 16px;
overflow: hidden;

margin-top: 11px;
_margin-top: 13px;
margin-left: 12px;
}

.recherche{
	background:url(../images/search.gif) no-repeat 0 1px white;
	padding: 1px;
    padding-left: 17px;
}

#rss a.info {
  position:relative;
}
#rss a.info:hover {
   background: none; 
   z-index: 500; 
}
#rss a.info span {display: none;}
#rss a.info:hover span {
   display: inline; 
   position: absolute;
  /* white-space: nowrap;*/
   font-size:10px;
   font-weight:normal;
   width:230px;
   top: 10px; 
   left: 50px;
   background: white;
   padding: 3px;
   border: 1px solid #5D779A;
   border-top: 4px solid #5D779A;
}
