@charset "utf-8";
/* CSS Document */

html, body {
	color:#000000;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	line-height:18px;
	margin: 0px;
	background-color: white;
	height:100%;
}
a {text-decoration:underline; color:white;}
a:hover {text-decoration:underline; color:white;}
a img { border:none; }
p { margin-top:10px; padding:0px; }

ul {list-style-type:none; padding:0px; margin:0px; }
h1 {font-size:17px;  margin:0px; line-height:16px; font-weight:bold; text-align:justify; color:#BE2C20; }
h2 {font-size:11px;  margin:0px; line-height:16px; text-align:justify; color:#d07d5e; font-weight:normal; }
h3 {font-size:14px;  margin:0px; line-height:16px; color:blue;}
h6 {font-size:9px; color:white;  margin-top:0px; font-weight:normal;  }

#site { height:100%; background-image:url(pictures/bg.jpg); background-repeat:no-repeat; }

#contain { width:940px; height:100%; margin-left:10%; }
#contain #logo { width:320px; float:left; height:100%; background-image:url(pictures/left-bg.jpg);}
#contain #menu-hor { width:600px; float:left; height:23px; margin-bottom:40px; _margin-bottom:10px; color:white; font-size:10px; font-weight:bold; margin-top:20px; }

#menu, #menu ul { padding:0; margin:0; list-style:none; line-height:21px; text-align:center;}
#menu { font-weight:bold; font-family:Arial; font-size:12px; }
#menu a { display:block; padding:0; background:#BE2C20; color:#fff; text-decoration:none;  width:147px; }
#menu a:hover { display:block; padding:0; background:#fece8c; color:#BE2C20; text-decoration:none; width:147px; }
#menu.roll-over { display:block; padding:0; background:#fece8c; color:#BE2C20; text-decoration:none; width:147px; }
#menu li { float : left; margin-right:1px; }
#menu li ul { position:absolute; width:144px; left:-999em; }
#menu li ul ul { margin:-22px 0 0 144px; border-left:1px solid #fff; }
#menu li:hover ul ul, #menu li.sfhover ul ul { left: -999em; }
#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul { left:auto; min-height:0; }

#contain #box1 { width:595px; height:88%; float:left; text-align:justify; background-image:url(pictures/bg-text.jpg); background-position:bottom center; }
#contain #box1 ul { margin-left:160px; font-weight:bold; }
#contain #box1 li { line-height:20px; }
#contain #box1 ul a { font-weight:bold; line-height:15px; color:#BE2C20; text-decoration:none; padding:7px 5px 0px 5px; margin-left:10px; }
#contain #box1 ul a:hover {  font-weight:bold; line-height:25px; background-color:#fece8c; }
#contain #box1 #flash {  margin-top:10px; }

#contain #box1 #photos-paysage { width:595px; height:400px; }
#contain #box1 #photos-paysage ul { width:595px; height:400px; margin:0px; padding:0px; }
#contain #box1 #photos-paysage li { width:595px; margin:0px; padding:0px; list-style-type:none; }
#contain #box1 #photos-paysage #jquery { width:595px; height:400px; }
#contain #box1 #photos-paysage #jquery-menu { margin-left:8px; font-size:10px; }
#contain #box1 #photos-paysage #jquery-menu a { padding: 0px 4px; background:#BE2C20; color:#eeeeee; text-decoration:none; }
#contain #box1 #photos-paysage #jquery-menu a.wactive{ padding: 0px 5px 5px 5px; background:#fece8c; color:#BE2C20; }

#contain #box1 #photos-portrait { width:336px; height:400px; margin:auto auto; }
#contain #box1 #photos-portrait ul { width:336px; height:400px; margin:0px; padding:0px; }
#contain #box1 #photos-portrait li { width:336px; height:400px; margin:0px; padding:0px; list-style-type:none; }
#contain #box1 #photos-portrait #jquery { width:400px; height:400px; }
#contain #box1 #photos-portrait #jquery-menu { margin-left:8px; font-size:10px; }
#contain #box1 #photos-portrait #jquery-menu a { padding: 0px 4px; background:#BE2C20; color:#eeeeee; text-decoration:none; }
#contain #box1 #photos-portrait #jquery-menu a.wactive{ padding: 0px 5px 5px 5px; background:#fece8c; color:#BE2C20; }

#contain #box1 #mail { width:595px; font-weight:bold; line-height:25px; text-align:center; margin:0px; }
#contain #box1 #mail a { width:595px; font-weight:bold; line-height:25px; color:#BE2C20; text-decoration:none; font-size:15px;  }
#contain #box1 #mail:hover { width:595px; font-weight:bold; line-height:25px; color:#BE2C20; background-color:#fece8c; text-decoration:underline; }

#footer { width:100%; height:100px; background:#BE2C20; margin-top:-35px; float:left; }
#footer a { text-decoration:none; }
#footer a:hover { text-decoration:underline; }
#footer img { padding-top:5px;  margin-left:2px; }
#footer #box_left { width:300px; height:10px; margin-left:200px; _margin-left:90px; float:left; padding-top:0px; }
#footer #box_left p { font-size:12px; font-weight:bold; }
#footer #box_right { width:300px; height:10px; float:right; text-align:right; margin-right:20px; }

/* Info Bulle */

#report1 { width:250px; height:250px; position:absolute; display:none; text-align:center; background-image:url(reportages/reportages-cuba.gif); }
#report2 { width:250px; height:250px; position:absolute; display:none; text-align:center; background-image:url(reportages/reportages-cocaine.gif); }
#report3 { width:250px; height:250px; position:absolute; display:none; text-align:center; background-image:url(reportages/reportages-carte-verte.gif); }
#report4 { width:250px; height:250px; position:absolute; display:none; text-align:center; background-image:url(reportages/reportages-vieques.gif); }
#report7 { width:250px; height:250px; position:absolute; display:none; text-align:center; background-image:url(reportages/reportages-enfants-tueurs.gif); }
#report8 { width:250px; height:250px; position:absolute; display:none; text-align:center; background-image:url(reportages/reportages-mere-teresa.gif); }
#report9 { width:250px; height:250px; position:absolute; display:none; text-align:center; background-image:url(reportages/reportages-otages.gif); }

