/* CSS Document */

a:link{
font-family:Arial;
color: #FFFFFF;
font-size: 13px;
text-decoration: none;
font-weight: normal;
}
a:visited{
font-family:Arial;
color: #FFFFFF;
font-size: 13px;
text-decoration: none;
font-weight: normal;
}
a:hover{
font-family:Arial;
color: #FFFFFF;
font-size: 13px;
text-decoration: none;
font-weight: bold;
}
a:active{
font-family:Arial;
color: #FFFFFF;
font-size: 13px;
text-decoration: none;
font-weight: bold;
}

a img
{
border:  none ;
}

.photo-reportage a img:hover
{
opacity:0.33;
}

body{
background-color:#000000;
}

h1 {
margin:0;
padding:0;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:48px;
}

h2 {
margin:0;
padding:0;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:24px;
}

.center {
	position:fixed !important; 
	position:absolute; 
	top:50%;
	left:50%;
	margin-top:-305px;
	margin-left:-455px;
	width:900px; 
	height:600px;
	border: solid #ffffff 5px;
}

.logo-reflexphoto{
position:absolute;
top:-18px;
left:-5px;
width:147px;
height:13px;
background:url("img/logo-reflexphoto.gif") no-repeat;
}

.mapmonde {
position:absolute;
top:-250px;
left:400px;
width:716px;
height:445px;
background:url("img/mapmonde.gif") no-repeat;
z-index:-1;
}

.ligne-verticale {
position:absolute;
top:0px;
left:295px;
width:5px;
height:600px;
background:url("img/ligne-verticale.gif");
}

.ligne-horizontale {
position:absolute;
top:195px;
left:0px;
width:900px;
height:5px;
background:url("img/ligne-horizontale.gif") no-repeat;
}

.liste-pays1 {
position:absolute;
left:336px;
top:25px;
width:110px;
font-family:Arial;
color:#FFFFFF;
font-size:12px;
}

.liste-pays2 {
position:absolute;
left:475px;
top:25px;
width:110px;
font-family:Arial;
color:#FFFFFF;
font-size:12px;
}

.texte-voyage {
position:absolute;
left:614px;
top:25px;
width:250px;
font-family:Arial;
color:#999999;
font-size:12px;
}

.voyage-photo {
position:absolute;
left:725px;
top:166px;
width:175px;
height:29px;
background:url("img/voyage-photo.gif");
}

.portfolio {
position:absolute;
left:790px;
top:571px;
width:110px;
height:29px;
background:url("img/portfolio.png");
z-index:100;
}

#mini-diaporama {
position:absolute;
top:200px;
left:300px;
width:600px;
height:400px;
background-color:#FFFFFF;
}

.texte-accueil {
position:absolute;
left:25px;
top:25px;
width:237px;
height:150px;
font-family:Arial;
color:#999999;
font-size:12px;
}

.texte-reportage-acc {
position:absolute;
left:25px;
top:225px;
width:237px;
font-family:Arial;
color:#999999;
font-size:12px;
}

.lien-projet {
position:absolute;
top:0px;
left:0px;
width:295px;
height:195px;
background-color:#000000;
}

.center-portfolio {
	position:fixed !important; 
	position:absolute; 
	top:50%;
	left:50%;
	margin-top:-305px;
	margin-left:-455px;
	width:900px; 
	height:600px;
	background:url("portfolio/portfolio.jpg");
	background-color:#000000;
	border: solid #ffffff 5px;
}

.center-reportage {
	position:fixed !important; 
	position:absolute; 
	top:50%;
	left:50%;
	margin-top:-305px;
	margin-left:-455px;
	width:900px; 
	height:600px;
	background-color:#000000;
	border: solid #ffffff 5px;
	z-index:0;
}

.center2 {
	position:fixed !important; 
	position:absolute; 
	top:50%;
	left:50%;
	margin-top:-305px;
	margin-left:-455px;
	width:900px; 
	height:600px;
	background-color:#cccccc;
	border: solid #ffffff 5px;
}

#liste-reportages {
position:absolute;
top:180px;
left:25px;
width:850px;
height:400px;
font-family:Verdana;
font-size:12px;
color:#000000;
font-weight:normal;
/*background-color:#339933;*/
}

.reportage {
position:relative;
top:0px;
left:0px;
margin-bottom:25px;
width:850px;
height:100px;
font-family:Verdana;
font-size:12px;
color:#000000;
font-weight:normal;
/*border:1px #FFFFFF solid;*/
}

.pagination_reportage{
position:absolute;
top:370px;
left:25px;
width:600px;
height:25px;
text-align:center;
color:#ffffff;
z-index:10;
font-size:14px;
}

.photo_reportage {
position:absolute;
top:0px;
left:0px;
width:600px;
height:100px;
border:1px #FFFFFF solid;
}

.texte_reportage {
position:absolute;
top:0px;
left:625px;
width:225px;
height:100px;
font-family:Verdana;
font-size:10px;
color:#000000;
font-weight:normal;
}

.texte_reportage a {
font-weight:normal;
}
.banniere-reportage {
position:absolute;
top:0px;
left:0px;
width:900px;
height:155px;
background-color:#FFFFFF;
}

.titre-reportage {
position:absolute;
top:104px;
left:0px;
width:900px;
color:#FFFFFF;
text-align:right;
font-family:Arial, Helvetica, sans-serif;
font-size:48px;
}

.photo-reportage {
position:absolute;
top:180px;
left:625px;
width:250px;
height:350px;
}

.texte-reportage {
position:absolute;
top:175px;
left:25px;
width:575px;
height:375px;
color:#FFFFFF;
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

.cache-texte-reportage {
position:absolute;
top:155px;
left:0px;
width:900px;
height:5px;
background-color:#000000;
}

.retour {
position:absolute;
text-align:right;
top:542px;
left:0px;
width:875px;
height:25px;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
}

.retour a {
font-size:24px;
}

.titre-voyage-et-photo {
position:absolute;
top:35px;
left:0px;
width:900px;
color:#FFFFFF;
text-align:right;
font-family:Arial, Helvetica, sans-serif;
font-size:48px;
z-index:2;
}

.decouverte-photo-jonathan-pasque-texte {
position:absolute;
top:290px;
left:0px;
width:300px;
height:100px;
color:#FFFFFF;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

.decouverte-reflexphoto-texte {
position:absolute;
top:400px;
left:320px;
width:580px;
height:200px;
background-color:#000000;
color:#FFFFFF;
text-align:center;
}

.enter a:hover {
color:#ffffff;
}
	
.menu {
position:absolute;
top:400px;
left:200px;
width:200px;
height:200px;
background-color:#66CC99;
}

.photo{
position:absolute;
top:155px;
left:25px;
width:900px;
height:350px;
margin:0;
padding:0;
}

.photo ul{margin:0;padding:0;width:900px;margin:0 0 0 0px;}
.photo ul li {float:left;width:100px;height:100px;margin:25px 50px 0 0;}

.pagination {
position:absolute;
top:570px;
left:0px;
width:900px;
height:15px;
z-index:3;
text-align:center;
font-family:Arial;
font-size:11px;
color:#FFFFFF;
}

/*.separation-photo {
position:absolute;
width:900px;
height:5px;
background-color:#FFFFFF;
z-index:2;
top:150px;
left:0px;
}*/

.menucours {
position:absolute;
top:0px;
left:600px;
width:300px;
height:100px;
background-color:#000000;
}

.menucours {padding:0;width:300px;height:100px;margin:0;}
    .menucours ul{margin:0;padding:0;width:300px;margin:0 0 0 0px;}
      .menucours ul li {float:left;width:75px;height:100px;margin:0px 0px 0 0;}
        .menucours ul li a{font-size:0px;line-height:0px;position:absolute;}
        .menucours ul li.notion a{background:url('img/notion.jpg') no-repeat;width:75px;height:100px;}
        .menucours ul li.notion a.on,
        .menucours ul li.notion a:hover{background:url('img/notion-on.jpg') no-repeat;width:75px;height:100px;}
        .menucours ul li.materiel a{background:url('img/materiel.jpg') no-repeat;width:75px;height:100px;}
        .menucours ul li.materiel a.on,
        .menucours ul li.materiel a:hover{background:url('img/materiel-on.jpg') no-repeat;width:75px;height:100px;}
        .menucours ul li.histoire a{background:url('img/histoire.jpg') no-repeat;width:75px;height:100px;}
        .menucours ul li.histoire a.on,
        .menucours ul li.histoire a:hover{background:url('img/histoire-on.jpg') no-repeat;width:75px;height:100px;}
        .menucours ul li.photoshop a{background:url('img/tuto-video.jpg') no-repeat;width:75px;height:100px;}
        .menucours ul li.photoshop a.on,
        .menucours ul li.photoshop a:hover{background:url('img/tuto-video-on.jpg') no-repeat;width:75px;height:100px;}

#separateur {
position:absolute;
top:101px;
left:600px;
width:300px;
height:1px;
background-color:#FFFFFF;
z-index:10;
}

.separateur {
position:relative;
top:0px;
left:0px;
width:300px;
height:5px;
background-color:#FFFFFF;
z-index:10;
}

.menu_video {
position:absolute;
top:400px;
left:0px;
width:600px;
height:200px;
background-color:#cccccc;
}

.ss_menu_video {
position:absolute;
top:0px;
left:600px;
padding-left:20px;
width:280px;
height:600px;
background:url(img/fond-sous-menu-video.gif) no-repeat;
}

.ss_menu {
position:absolute;
top:102px;
left:600px;
width:300px;
height:200px;
z-index:3;
}

.ss_menu_item {
position:relative;
top:0px;
left:0px;
width:290px;
height:26px;
text-align:left;
font-family: Arial;
font-size: 13px;
font-weight:normal;
color:#FFFFFF;
background:no-repeat;
padding-left:10px;
padding-top:0px;
border-bottom:1px solid #FFFFFF;
}

.ss_menu_item a {
color:#FFFFFF;
font-size: 11px;
font-weight:normal;
}

.ss_menu_item a:hover {
font-weight:bold;
font-size: 11px;
}

/*.contenu {
position:relative;
top:10px;
left:0px;
width:280px;
color:#CCCCCC;
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
font-size: 11px;
text-align:justify;
font-stretch:expanded;
}*/

#coursphoto{
position:absolute;
margin:10px;
width:580px;
height:580px;
font-family:Arial;
color:#FFFFFF;
font-size:11px;
background:url("img/2.gif");
text-align:justify;
font-weight:normal;
}

.illustration {
position:absolute;
top:0px;
left:0px;
z-index:0;
}

.titre {
position:absolute;
top:0px;
left:0px;
width:570px;
color:#FFFFFF;
font-family:Arial;
font-size: 13px;
font-weight: bold;
text-align:center;
}

.contenu {
position:absolute;
top:90px;
left:0px;
font-weight:normal;
font-family:Arial;
font-size:11px;
color:#CCCCCC;
width:570px;
text-align:left;
}

.img {
position:relative;
top:10px;
left:0px;
width:280px;
height:auto;
}

.mapmonde-photo-jonathan-pasque {
position:absolute;
top:86px;
left:0px;
width:900px;
height:514px;
background-attachment:url("img/reflexphoto.net-mapmonde-photo-jonathan-pasque.jpg"); 
}

#sous-mapmonde {
position:absolute;
top:0px;
left:0px;
width:900px;
height:86px;
background:url(img/sous-mapmonde.jpg);
}

.post-traitement {
position:absolute;
top:0px;
left:200px;
width:700px;
height:400px;
background-color:#000000;
}

.player {
position:absolute;
left:0px;
top:0px;
width:600px;
height:400px;
}

.pub {
position:absolute;
top:351px;
left:601px;
width:300px;
height:250px;
background-color:#000000;
}

.pub-photoshop1 {
position:absolute;
top:400px;
left:0px;
width:200px;
height:200px;
background-color:#000000;
}

.pub-photoshop2 {
position:absolute;
top:400px;
left:200px;
width:200px;
height:200px;
background-color:#000000;
}

.pub-photoshop3 {
position:absolute;
top:400px;
left:400px;
width:200px;
height:200px;
background-color:#000000;
}

.pub_cache1 {
position:absolute;
width:300px;
height:1px;
background-color:#000000;
top:351px;
left:600px;
}

.pub_cache2 {
position:absolute;
width:1px;
height:250px;
background-color:#000000;
top:351px;
left:601px;
}

#publicite {
position:absolute;
top:332px;
left:22px;
width:250px;
height:250px;
}

#footer {
position:absolute;
color:#666666;
top:606px;
left:0px;
width:900px;
text-align:center;
font-family:Arial;
font-size:10px;
}

#footer a{
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
color:#999999;
}

#footer a:hover{
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
color:#cccccc;
}

#inscrire_newsletter {
position:absolute;
top:-35px;
left:744px;
width:140px;
height:9px;
background:url(img/inscrire.gif) no-repeat;
}

#champ_newsletter {
position:absolute;
top:-26px;
left:744px;
width:140px;
height:10px;
}

#valider_newsletter {
position:absolute;
top:-26px;
left:889px;
width:145px;
height:20px;
}

#champ_commentaire {
position:absolute;
top:-28px;
left:0px;
width:145px;
height:10px;
}

#le-monde-a-travers-mon-objectif-txt {
position:absolute;
top:470px;
left:0px;
width:300px;
height:30px;
font-family:Arial;
font-size:13px;
color:#FFFFFF;
text-align:center;
}
/*
#portfolio {
position:absolute;
top:570px;
left:176px;
font-family:Arial;
font-size:13px;
color:#FFFFFF;
text-align:center;
}*/

#menu0portfolio {
position:absolute;
top:0px;
left:0px;
background:url("portfolio/portfolio0.jpg") no-repeat;
width:900px;
height:150px;
z-index:1;
visibility:visible;
}

#menu1portfolio {
position:absolute;
top:0px;
left:0px;
background:url("portfolio/portfolio1.jpg") no-repeat;
width:300px;
height:150px;
z-index:2;
padding:0px;
visibility:visible;
}

#menu1portfoliooff {
position:absolute;
top:0px;
left:0px;
width:160px;
height:185px;
z-index:2;
padding:0px;
visibility:visible;
}

#menu2portfolio {
position:absolute;
top:0px;
left:300px;
background:url("portfolio/portfolio2.jpg") no-repeat;
width:300px;
height:150px;
padding:0px;
z-index:2;
visibility:visible;
}

#menu2portfoliooff {
position:absolute;
top:0px;
left:300px;
width:300px;
height:150px;
padding:0px;
z-index:2;
visibility:visible;
}

#menu3portfolio {
position:absolute;
top:0px;
left:600px;
background:url("portfolio/portfolio3.jpg") no-repeat;
width:300px;
height:150px;
padding:0px;
z-index:2;
visibility:visible;
}

#menu3portfoliooff {
position:absolute;
top:0px;
left:600px;
width:300px;
height:150px;
padding:0px;
z-index:2;
visibility:visible;
}

.texte-menu {
position:relative;
top:0px;
left:0px;
margin-left:10px;
margin-top:5px;
font-family:Arial;
font-size:13px;
width:280px;
height:130px;
color:#FFFFFF;
}

.texte-menu a {
font-family:Arial;
font-size:13px;
color:#FFFFFF;
text-decoration:none;
}

.texte-menu a:hover {
font-family:Arial;
font-size:13px;
font-weight:bold;
color:#FFFFFF;
text-decoration:none;
}

/*#series_photo {
position:absolute;
top:570px;
left:60px;
font-family:Arial;
font-size:13px;
color:#FFFFFF;
text-align:center;
}*/

#detail {
position:absolute;
width:16px;
height:30px;
top:470px;
left:884px;
background:url("img/detail.gif");
visibility:visible;
}

#presentation {
position:absolute;
width:386px;
height:30px;
top:470px;
left:514px;
color:#666666;
font-family:Arial;
font-size:11px;
visibility:hidden;
}
#presentation a{
font-size:11px;
color:#666666;
font-weight:normal;
}
#presentation a:hover{
color:#FFFFFF;
}