* {
font-family:Verdana,sans-serif;
font-size:12px;
}

body
	{
	background-image:url(deg-bleu.png);
	background-repeat:repeat-x;
	background-color:#3399cc;
	background-color:#FFFFFF;
	font-family:verdana,sans-serif;
	margin:0;
	/*border:solid 1px red;*/
	}


#page
	{
	/*background-color:#FFFFFF;*/
	width:1200px;
	margin-left:auto;
	margin-right:auto;
	/*border:solid 1px blue;*/
	}

#entete
	{
	background-image:url(img-back-enteteb.png);
	margin-bottom:5px;
	height:50px;
	/*border:solid 1px red;*/
	}
#entete_date
	{
	float:left;
	width:320px;
	margin-top:15px;
	text-align:center;
	}
#entete_compte
	{
	float:left;
	margin-top:11px;
	/*border:solid 1px blue;*/
	}
	
#entete_recherche
	{
	float:left;
	margin-top:11px;
	margin-left:11px;
	}

#logo
	{
	/*height:100px;*/
	}

#menudiv
	{
	/*background-image:url(img-back-menub.png);*/
	padding-top:0px;
	margin-top:5px;
	/*padding-left:20px;*/
	height:25px;
	text-align : center;
	
	}
	
#menudiv ul
	{
	list-style : none;
	}

#menudiv ul li
	{
	display:inline;
	}

#corps
	{
	margin-top:20px;
	/*margin-bottom:100px;*/
	}

#corps_gauche
	{
	float:left;
	width:200px;
	border:1px solid #BBCCFF;
	/*background:#BBDDFF; */
	}

#corps_milieu
	{
	/*overflow: hidden;*/
	margin-left:205px;
	margin-right:205px;
	padding-left:10px;
	padding-right:10px;
	}
	
#corps_droite
	{
	float:right;
	width:200px;
	text-align:center;
	border:1px solid #BBCCFF;
	}
	
	
#pied
	{
	text-align:center;
	padding-top:150px;
	}
#fin
	{
	background-image:url(deg-bleu-bas.png);
	background-repeat:repeat-x;
	height:100px;
	text-align:center;
	}


A
	{
	color: #0000FF;
	text-decoration:none;
	}


A:visited
	{
	color: #8000FF;
	}

A:hover
	{
	color: #ff0000;
	text-decoration:none;
	}

A:active
	{
	color: #00FF00;
	}	
	
a img
	{
	border:0px;
	}
	
img
	{
	border:0px;
	}

input[type="submit"],input[type="button"],input[type="reset"]
     {
     border:1px solid #BBCCFF;
     background-color:#AABBFF;
     }
	 

input[type="text"],input[type="password"],textarea
     {
     background-color:#CCDDFF;
     border:1px solid #BBCCFF;
     }

input[type="text"]:hover,input[type="password"],textarea:hover
     {
     background-color:#FFFFFF;
     }
        
#cadre_meteo
	{
	padding:2px;
	text-align:center;
	width:154px;
	margin-left:auto;
	margin-right:auto;
	}

#cadre_heure
	{
	padding:2px;
	text-align:center;
	/*width:154px;
	margin-left:auto;
	margin-right:auto;*/
	}
	
.cadre_heure_pays
	{
    display:block;
    width:70px;
    text-align:left;
    float:left;
    }
    
#cadre_stats
	{
	padding:2px;
	text-align:center;
	width:154px;
	margin-left:auto;
	margin-right:auto;
	}
    
b.rouge
	{
	color:#FF0000;
	background:#FFFFFF;
	}
	
ul.derniere_page
	{
	text-align:left;
	list-style-type:none;
	list-style-position:inside;
	}
ul.derniere_page a,li.derniere_page
	{
	font-size:9px;
	}
        
/*			PAGE					*/

	
#page_date
	{
	margin-left:20px;
	margin-right:20px;
	font-size:10px;
	padding-bottom:20px;
	}
	
#page_entete
	{
	margin-left:20px;
	margin-right:20px;
	font-weight:bold;
	text-align:justify;
	padding-bottom:10px;
	}
#page_corps,#page_commentaire
	{
	margin-left:20px;
	margin-right:20px;
	text-align:justify;
	padding-bottom:20px;
	}

#page_credit
	{
	margin-left:20px;
	margin-right:20px;
	text-align:justify;
	font-style:italic;
	}	

#commentaire, #annonce
	{
	margin-left:20px;
	margin-right:20px;
	padding:5px;
	text-align:justify;
	border:1px solid #BBCCFF;
	}
	
.commentaire, .annonce
	{
	font-size:13px;
	color:#0000A0;
	}

H1
	{
	margin-left:20px;
	margin-right:20px;
	font-weight:bold;
	text-align:left;
	font-size:22px;
	color:#F0D200;
	padding-bottom:5px;
	}
	
H2
	{
	margin-left:20px;
	margin-right:20px;
	font-size:16px;
	color:#00A000;
	}
	
H3
	{
	margin-left:20px;
	margin-right:20px;
	font-size:14px;
	color:#0000A0;
	}
	
H4
	{
	margin-left:20px;
	margin-right:20px;
	font-size:13px;
	color:#A00000;
	}
	
ul
	{
	list-style-image:url("../ressources/liste.png");
	}

/*			TABLEAU		*/

.tableau
	{
	border:1px #CCCCCC solid;
	border-collapse:collapse;
	}
.tableau td
	{
	border:1px #CCCCCC solid;
	}
	
/*CODE*/
code
	{
	border:1px #CCCCCC dashed;
	display:block;
	overflow:hidden; 
	white-space: pre;
	background-color:#E0F0FF;
	}

/**************RECHERCHE**************/	
a.recherche
	{
	font-weight:bold;
	text-decoration:underline;
	}

.recherche_entete
	{
	font-family:Verdana,sans-serif;
	font-size:11px;
	}
	
/*                      FORMULAIRE  IMAGE                        */

#form_image
        {
    /*width:1200px;*/
    margin-left:auto;
    margin-right:auto;
    	}
#form_image p
        {
     margin: 2px;
     }
#form_image fieldset
        {
    border: #CCCCCC 1px solid;
    }
#form_image label
        {
        display:block;
        width:300px;
        text-align:left;
        float:left;
        }
#form_image input:hover
        {
        background-color:#FFFFFF;
     }
	
/*                      FORMULAIRE MODIF PAGE                        */

#form_modif_page
        {
    /*width:1200px;*/
    margin-left:auto;
    margin-right:auto;
    	}
#form_modif_page p
        {
     margin: 2px;
     }
#form_modif_page fieldset
        {
    border: #CCCCCC 1px solid;
    }
#form_modif_page label
        {
        display:block;
        width:220px;
        text-align:left;
        float:left;
        }
#form_modif_page input:hover
        {
        background-color:#FFFFFF;
     }
     
/*                      FORMULAIRE COMMENTAIRE                        */

#form_commentaire
        {
    /*width:1200px;*/
    margin-left:20px;
    margin-right:20px;
    	}
#form_commentaire p
        {
     margin: 2px;
     }
#form_commentaire p.commentaire_spam_resu0
	{
	padding-bottom:40px;
	}
#form_commentaire fieldset
        {
    border: #BBCCFF 1px solid;
    }
#form_commentaire label
        {
        display:block;
        width:300px;
        text-align:left;
        float:left;
        }
#form_commentaire input:hover
        {
        background-color:#FFFFFF;
     }
        
/*                      FORMULAIRE LOGIN                        */

#form_utilisateur, #form_mdp
        {
        width:500px;
        margin-left:auto;
        margin-right:auto;
        }
#form_utilisateur p, #form_mdp p
        {
        margin: 2px;
        }
#form_utilisateur fieldset, #form_mdp fieldset
        {
        border: #CCCCCC 1px solid;
        }
#form_utilisateur label, #form_mdp label
        {
        display:block;
        width:40%;
        text-align:left;
        float:left;
        }
#form_utilisateur input:hover, #form_mdp input:hover
        {
        background-color:#FFFFFF;
        }
#form_utilisateur p.commande, #form_mdp p.commande
        {
        margin: 2px;
        width:100%;
        margin-left:auto;
        margin-right:auto;
        text-align:center;
        }
        
/*                      FORMULAIRE CARTE POSTALE                        */

#form_carte_postale
        {
        width:500px;
        margin-left:auto;
        margin-right:auto;
        }
#form_carte_postale p
        {
        margin: 2px;
        }
#form_carte_postale fieldset
        {
        border: #BBCCFF 1px solid;
        }
#form_carte_postale label
        {
        display:block;
        width:40%;
        text-align:left;
        float:left;
        }
#form_carte_postale input:hover
        {
        background-color:#FFFFFF;
		}
		
		
/*                      FORMULAIRE ANNUAIRE                        */

#form_annuaire
        {
        width:700px;
        margin-left:auto;
        margin-right:auto;
        }
#form_annuaire p
        {
        margin: 2px;
        }
#form_annuaire fieldset
        {
        border: #BBCCFF 1px solid;
        }
#form_annuaire label
        {
        display:block;
        width:40%;
        text-align:left;
        float:left;
        }
#form_annuaire input:hover
        {
        background-color:#FFFFFF;
		}
		
/*                      FORMULAIRE ANNNOCE                        */

#form_annonce
        {
        width:700px;
        margin-left:auto;
        margin-right:auto;
        }
#form_annonce p
        {
        margin: 2px;
        }
#form_annonce fieldset
        {
        border: #BBCCFF 1px solid;
        }
#form_annonce label
        {
        display:block;
        width:40%;
        text-align:left;
        float:left;
        }
#form_annonce input:hover
        {
        background-color:#FFFFFF;
		}
		
a.page_en_cours
	{
	font-weight:bold;
	color:#FF0000;
	}
a.autre_page
	{
	color:#0000FF;
	}
		
/****************LIGHTBOX v2.04**************/		
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(lightbox/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

/****************ACTUALITE**********************/



table.actualite
	{
	width:100%;
	padding-top:0px;
	padding-bottom:0px;
	padding-left:0px;
	padding-right:0px;
	margin-left: auto;
	margin-right: auto;
	margin-top:-1px;
	margin-bottom:-1px;
	}
td.actualite
	{
	width:50%;
	text-align:center;
	font-family:Verdana;
	margin-top:1px;
	font-size:10px;
	border:1px solid #BBCCFF;
	}

table.actualite_categorie
	{
	width:100%;
	padding-top:0px;
	padding-bottom:0px;
	padding-left:0px;
	padding-right:0px;
	margin-left: auto;
	margin-right: auto;
	margin-top:10px;
	margin-bottom:10px;
	border:0px solid #FF0000;
	}	
	
td.actualite_categorie
	{
	margin-left: 10px;
	padding-left:10px;
	}
	
td.actualite_date
	{
	font-size:10px;
	color: #000000;
	text-decoration:none;
	}
	
a.actualite_date
	{
	font-size:10px;
	color: #0000FF;
	text-decoration:none;
	}
	
a.actualite_date:visited
	{
	color: #8888FF;
	}
	
a.actualite_date:hover
	{
	color: #ff0000;
	text-decoration:none;
	}

a.actualite_date:active
	{
	color: #00FF00;
	}
	
/****************** ANNUAIRE ***********************/

#annuaire_site
	{
	margin-left:20px;
	margin-right:20px;
	padding:5px;
	text-align:justify;
	border:1px solid #BBCCFF;
	}
	
.annuaire_site
	{
	font-size:13px;
	color:#0000A0;
	}