body {  background: #fff url(img/blue_bckgrnd.jpg) top repeat-x;
  margin: 0;
  padding: 0;
  font-family: Verdana, sans-serif;
 }


div#popup{
color:#ffffff;
height:600px;
width:910px;
} 
 
img, a {border: 0}
a, a:link, a:visited { text-decoration: none;}

/* -----------------------------------------------
   ELEMENTS COMMUNS A TOUTES LES PAGES
--------------------------------------------------- */

#container { text-align: left; width: 830px; margin: 0 auto; padding: 0 auto; background: url(img/bckgrnd.png) top repeat-y;}	

/* PARTIE HAUTE  */
#header {  width: 830px;  height: 160px; position: relative; }
 
/* NAVIGATION PRINCIPALE */
#navigation { width: 830px; height: 50px;}

/* CONTENU */
#contenu { width: 830px; }

/* FOOTER */
#footer { clear: both; width: 830px; height: 80px;}
#footer_gauche { width: 10px; height: 80px; background: url(img/footer_ombre_1.gif); float: left;}
#footer_contenu { width: 810px; height: 80px; float: left; background:#FCF9F5 url(img/footer_bckgrnd.gif) no-repeat left top;}
#footer_droit { width: 10px; height: 80px; background: url(img/footer_ombre_2.gif); float: right;}


/* --- 00_ACCUEIL --- */
#zonegauche { width: 605px;  float: left; }
#txtaccueil { width: 550px; height: 135px; top: 10px; left: 60px; position: relative; }
#actus{ width: 265px; height: 100px; top: 5px; left: 50px; float: left; position: relative;}
#ombre{ width: 15px; height: 140px; left: 65px; float: left; position: relative;}
#newsletter{ width: 245px; height: 115px; top: 5px; right: 5px; float: right; position: relative;}
#acc_carteflash{ width: 565px; height: 250px; top: 10px; left: 40px; clear: both; position: relative;}

#zonedroite { width: 225px; float: right;}
#lienexpo365 { width: 175px; top: 15px; position: relative;}


/* --- 01_ASSOCIATION --- */
#zone_gauche_assoc { width: 170px; float: left; }
#liens_assoc { width: 170px; top: 15px; left: 50px; position: relative;}

#zone_droite_assoc { width: 580px; float: right;}
#texte_assoc { width: 540px; top: 15px; position: relative;}

#boite_lien { width: 540px; position: relative;}
#boite_lien_gauche { width: 150px; left: 80px; position: relative; float: left;}
#boite_lien_droite { width: 150px; right: 80px; position: relative; float: right;}


/* --- 02_PROJETS --- */
#carteflash { width: 700px; height: 500; top: 10px; position: relative;}

/* --- 03_EXPO365 --- */
#zone_gauche_expo { width: 250px; float: left;}
#zone_droite_expo { width: 580px; float: right;}
#texte_expo { width: 540px; top: 15px; position: relative;}
#affiche { width: 120px; padding-left: 50px; padding-top: 10px; float: right; position: relative; }

/* --- 04_ACTUALITES --- */
#contenu_actus { width: 830px;}
#liste_articles { width: 500px; position: relative; left: 165px; }
#articles { width: 500px; left: 165px; position: relative; }

/* --- 07_CONTACT --- */
#contenu_contact { width: 830px; position: relative;}
#contact_texte { width: 600px; top: 10px; position: relative; }
#contact_form { width: 430px; min-height: 320px; top: 10px; position: relative; }

#zone_bt { width: 600px; margin: 0; padding: 0; position: relative;}
#left_bt { float: left; position: relative;}
#right_bt { float: right; position: relative;}

.txtform { font: bold 11px Verdana, sans-serif; width: 225px; color: #5F80A1;}
.areaform { font: bold 11px Verdana, sans-serif; width: 350px; color: #5F80A1;}




/* ZONE GAUCHE --- */
#zonegaucheprj { width: 290px; float: left;}
#carte { width: 210px; top: 10px; left: 45px; position: relative;}
#infospays { width: 205px; top: 10px; left: 50px; position: relative;}
#bailleurs { width: 210px; top: 15px; left: 50px; position: relative;}
#liens { width: 210px; top: 15px; left: 50px; position: relative;}
#trait { width: 210px; height: 1px; background:#CFD9E3; }


/* ZONE DROITE --- */
#zonedroiteprj { width: 540px; float: right;}
#texteprj { width: 500px; top: 20px; position: relative; text-align: justify;}
#photos { width: 262px; top: 10px; left: 45px; position: relative;}
#pict_right { width: 220px; min-height:170px; padding-left: 15px; padding-top: 10px; float: right; position: relative;}
#pict_left { width: 220px; min-height: 170px; padding-right: 15px; padding-top: 10px; float: left; position: relative;}
#pict_line_left { width: 250px; min-height: 165px; float: left; position: relative;}
#pict_line_right { width: 250px; min-height: 165px; float: left; position: relative;}

#signature { width: 450px; position: relative; float: right; }




/* text styles
--------------------------------------------------- */
A.main_link { font: bold 10px Verdana, sans-serif; color: #FF5E00; text-decoration:none; }
A.main_link:hover { font: bold 10px Verdana, sans-serif; color: #FF5E00; background:#FCF9F5; text-decoration: underline;}

A.footer_link { font: bold 10px Verdana, sans-serif; color: #5F80A1; text-decoration:none; }
A.footer_link:hover { font: bold 10px Verdana, sans-serif; color: #5F80A1; text-decoration: underline;}

.txt10bold { font: bold 10px Verdana, sans-serif; color: #5F80A1;}
.txt10normal { font: 10px Verdana, sans-serif; color: #5F80A1;}

.txt11normal { font: 11px Verdana, sans-serif; color: #5F80A1;  line-height: 1.5em; word-space: -0.2em;}
.txt11bold { font: bold 11px Verdana, sans-serif; color: #5F80A1;}

.txt12normal { font: 12px Verdana, sans-serif; color: #5F80A1;}
.txt12bold { font: bold 12px Verdana, sans-serif; color: #5F80A1;}
.txt12orange { font: bold 12px Verdana, sans-serif; color: #FF5E00;}

.txt13bold { font: bold 13px Verdana, sans-serif; color: #5F80A1;}

.txt14bold { font: bold 14px Verdana, sans-serif; color: #5F80A1;}

.date { font: 10px Verdana, sans-serif; color: #FF5E00;}

/* Liste styles
--------------------------------------------------- */
li {
 font: 11px Verdana, sans-serif; color: #838383;
 display : list-item;
 list-style-image : url(img/puce.gif);
 list-style-position: outside;
}