/* CSS Document */
body {
margin: 0px;
padding: 0px;
font-family: Arial, Helvetica, sans-serif;
background:url(../images/boot.jpg) repeat-x #fff;
}
/*-------------------------------- general au site -----------------------------*/
*{
outline:none;
}
p,ul,li,h1,h2,h3,h4,h5,h6,dd,dt,dl {
margin:0px;
padding:0px;
display:inline;
}
div{
margin:0px;
padding:0px;
}
a img{
border:none;
}
a{
text-decoration:none;
}
table{
border-collapse:collapse;
}
p{
font-size:11px;
}
/*---------------------------------------------- Global -----------------------------------------*/
#global {
margin:0px auto;
width:950px;
background:#fff;
}
/*---------------------------------------------- Entete -----------------------------------------*/
#global #entete{
position:relative;
float:left;
width:950px;
height:117px;
padding:0px 0px 0px 0px;
background:#ffb300;
}
#global #entete img{
position:absolute;
top:0px;
left:-100px;
}
/*---------------------------------------------- Entete - Menu -----------------------------------------*/
#global #entete #menu{
position:relative;
float:right;
height:34px;
margin:83px 0px 0px 0px;
background:gold;
}
#global #entete #menu h1{
float:left;
width:95px;
line-height:34px;
margin:0px;
font-size:11px;
font-weight:400;
text-align:center;
background:url(../images/onglet.jpg) no-repeat;
}
#global #entete #menu h1 a{
float:left;
width:95px;
height:34px;
color:#fff;
}
/*---------------------------------------------- Flash -----------------------------------------*/
#global #flash{
position:relative;
float:left;
width:950px;
height:190px;
padding:0px 0px 1px 0px;
border-bottom:4px solid #344155;
}
#global #flash h3{
position:absolute;
top:0px;
left:0px;
}
/*---------------------------------------------- Flash - Sous-menus -----------------------------------------*/
#global #flash div{
position:absolute;
top:0px;
padding:0px;
border-left:1px solid #fff;
background:#2d3a4c;
z-index:50;
}
#global #flash div h2{
float:left;
font-size:11px;
font-weight:400;
}
#global #flash div h2 a{
float:left;
padding:3px 0px 3px 10px;
color:#fff;
background:#2d3a4c;
}
#global #flash div h2 a:hover{
background:#ffb300;
}
/*---------------------------------------------- Flash - Placement des sous-menus -----------------------------------------*/
#global #flash #ss_menu1{
right:251px;
width:220px;
}
#global #flash #ss_menu1 h2{
width:220px;
}
#global #flash #ss_menu1 h2 a{
width:210px;
}

#global #flash #ss_menu2{
right:256px;
width:120px;
}
#global #flash #ss_menu2 h2{
width:120px;
}
#global #flash #ss_menu2 h2 a{
width:110px;
}
/*---------------------------------------------- Corps -----------------------------------------*/
#global #corps{
float:left;
width:950px;
padding:25px 0px 20px 0px;
}
#global #corps h1.titre{
float:left;
width:750px;
font-size:18px;
color:#344155;
}
#global #corps h1.titre span{
font-size:14px;
font-weight:400;

}
#global #corps h2.sous_titre{
float:left;
width:750px;
line-height:25px;
margin:20px 0px 10px 0px;
font-size:14px;
font-weight:400;
text-indent:10px;
color:#fff;
background:#344155;

}
.nouveau{
font-size:13px;
font-weight:600;
color:#fff;
background:#ffb300;
padding:2px 6px 2px 6px;
margin:0px 20px 0px 0px;
}
#global #corps h2.sous_titre  span.nouveau{
margin:0px 0px 4px 20px;
}


#global #corps p.texte{
float:left;
width:740px;
margin:0px 0px 0px 10px;
font-size:11px;
color:#696a6a;

}
#global #corps p.texte a{
color:#ffb300;
}
#global #corps p.texte a.retour{
padding:3px 5px;
background:#344155;
}
#global #corps p.texte a:hover{
text-decoration:underline;
}
#global #corps p.texte img{
float:left;
margin:0px 10px 0px 0px;
}
#global #corps p.dl{
float:left;
width:740px;
margin:5px 0px 0px 0px;
font-size:11px;
color:#696a6a;
}
#global #corps p.dl a{
color:#ffb300;
}
#global #corps p.dl a:hover{
text-decoration:underline;
}
#global #corps p.dl a img{
margin:0px 10px 0px 0px;
}
#global #corps p.msg_err{
float:left;
width:750px;
margin:10px 0px 0px 0px;
font-size:11px;
color:#da3838;
}
#global #corps img.img{
float:left;
margin:10px 5px 0px 5px;
}
/*---------------------------------------------- Corps - Onglets exposants -----------------------------------------*/
#global #corps #ong-expo{
float:left;
width:735px;
height:40px;
margin:10px 0px 0px 0px;
}
#global #corps #ong-expo p{
float:left;
width:185px;
height:40px;
}
/*---------------------------------------------- Corps - Pogrammes -----------------------------------------*/
#global #corps div.programme{
float:left;
width:765px;
}

#global #corps div.programme h3{
float:left;
color:#000;
font-size:12px;
margin:0px 0px 10px 10px;
width:765px

}


#global #corps div.programme p.texte{
margin:0px 0px 10px 20px;
}

#global #corps div.programme p.texte span{
font-weight:bold;
}

/*---------------------------------------------- Corps - Tableaux exposants -----------------------------------------*/
#global #corps h1.head{
float:left;
width:350px;
line-height:25px;
margin:25px 15px 0px 0px;
padding:0px 0px 0px 10px;
font-size:12px;
font-weight:400;
color:#fff;
background:#ffb300;
}
#global #corps h1.head span{
margin:0px 0px 0px 50px;
}
#global #corps div.tab{
float:left;
width:348px;
margin:2px 15px 0px 0px;
padding:0px 5px 5px 5px;
border:1px solid #334155;
}
#global #corps div.tab div{
float:left;
width:348px;
height:20px;
margin:5px 0px 0px 0px;
background:#e4eaff;
}
#global #corps div.tab div.bl{
background:#fff;
}
#global #corps div.tab div p{
float:left;
width:90px;
line-height:20px;
margin:0px;
padding:0px 0px 0px 3px;
font-size:12px;
color:#4d596c;
}
#global #corps div.tab div p.soc{
width:215px;
}
#global #corps div.tab div a{
float:right;
width:30px;
height:16px;
margin:0px;
padding:4px 0px 0px 3px;
font-size:12px;
}
/*---------------------------------------------- Corps - Partenaires -----------------------------------------*/
#global #corps div.partenaire{
position:relative;
display:inline;
float:left;
width:738px;
margin:20px 0px 0px 10px;
padding:10px 0px;
border:1px solid #344155;
}
#global #corps div.partenaire p{
float:left;
width:110px;
margin:0px 0px 0px 10px;
}
#global #corps div.partenaire p img{
float:left;
}
#global #corps div.partenaire h1{
float:left;
margin:5px 0px 0px 0px;
font-size:12px;
color:#344155;
}
#global #corps div.partenaire h1 span{
font-weight:400;
}
#global #corps div.partenaire a{
position:absolute;
bottom:5px;
left:120px;
}
/*---------------------------------------------- Corps - Formulaire -----------------------------------------*/
#global #corps #formulaire{
position:relative;
float:left;
width:750px;
}
#global #corps #formulaire div{
float:left;
width:750px;
margin:10px 0px 0px 0px;
}
#global #corps #formulaire div.bord-h{
padding:5px 0px 0px 0px;
border-top:1px solid #aaa;
}
#global #corps #formulaire div p{
float:left;
width:150px;
margin:3px 0px 0px 0px;
font-size:11px;
color:#344155;
}
#global #corps #formulaire div p a{
margin:0px 0px 0px 5px;
color:#ffb300;
}
#global #corps #formulaire div p a:hover{
text-decoration:underline;
}
#global #corps #formulaire div p.long{
width:570px;
}
#global #corps #formulaire div p.long a img{
margin:0px 10px 0px 0px;
}
#global #corps #formulaire div #total{
float:left;
width:570px;
font-style:italic;
color:#696a6a;
}
#global #corps #formulaire div label{
float:left;
margin:3px 10px 0px 5px;
font-size:11px;
color:#344155;
}
#global #corps #formulaire div label a{
margin:0px 0px 0px 5px;
color:#ffb300;
}
#global #corps #formulaire div label a:hover{
text-decoration:underline;
}
#global #corps #formulaire div label.long{
width:550px;
}
#global #corps #formulaire div p span{
font-size:11px;
font-style:italic;
}
#global #corps #formulaire div input{
float:left;
width:250px;
font-size:11px;
color:#515151;
}
#global #corps #formulaire div input.mini{
width:20px;
}
#global #corps #formulaire div input.check{
width:15px;
height:15px;
margin:2px 0px 0px 2px;
}
#global #corps #formulaire div input.submit{
float:left;
width:100px;
padding:3px 0px;
font-size:11px;
border:none;
color:#fff;
background:#ffb300;
}
#global #corps #formulaire div textarea{
float:left;
width:400px;
height:200px;
font-size:11px;
color:#515151;
}
#global #corps #formulaire img.tarifs{
position:absolute;
top:5px;
right:25px;
}
#global #corps #formulaire div.adresses{
float:left;
width:370px;
margin:30px 0px 0px 0px;
}
#global #corps #formulaire div.adresses h1{
float:left;
width:370px;
margin:0px;
font-size:14px;
color:#344155;
}
#global #corps #formulaire div.adresses h2{
float:left;
width:370px;
margin:10px 0px 0px 0px;
font-size:12px;
font-weight:400;
color:#344155;
}
#global #corps #formulaire div.adresses p{
float:left;
width:370px;
margin:15px 0px 0px 0px;
line-height:18px;
font-style:italic;
}
/*---------------------------------------------- Corps - Images -----------------------------------------*/
#global #corps #images{
float:left;
width:750px;
padding:0px 0px 30px 0px;
}
#global #corps #images img{
float:left;
margin:10px 0px 0px 50px;
}
#global #corps #images div{
display:inline;
float:right;
margin:0px 70px 0px 0px;
}
#global #corps #images div p{
color:#696a6a;
}
#global #corps #images div a{
color:#ffb300;
}
#global #corps #images div a:hover{
text-decoration:underline;
}
#global #corps #images div img{
float:none;
margin:0px 5px 0px 0px;
}
/*---------------------------------------------- Popup -----------------------------------------*/
h1.titre_popup{
	float:left;
	width:100%;
	margin:40px 0px 0px 0px;
	font-size:24px;
	font-weight:400;
	text-align:center;
	color:#fff;
}
#popup {
	display:inline;
	float:left;
	width:460px;
	margin:70px 0px 0px 10px;
	padding:10px;
}
#popup img{
	float:left;
}
#popup h3{
	float:left;
	width:160px;
	margin:10px 0px 10px 10px;
	font-size:13px;
	color:#ffb300;
}
#popup h4{
	float:left;
	width:160px;
	margin:0px 0px 10px 10px;
	font-size:12px;
	font-weight:400;
	color:#696a6a;
}
#popup p{
	float:left;
	width:160px;
	margin:0px 0px 0px 10px;
	font-size:11px;
	color:#aaa;
}
#popup p span{
	font-weight:700;
	font-style:italic;
}
#popup h3.tem{
	width:380px;
}
#popup h4.tem{
	width:380px;
	margin:0px 0px 30px 10px;
}
#popup p.tem{
	width:460px;
	margin:0px 0px 10px 0px;
}
/*---------------------------------------------- Corps - Colonne droite -----------------------------------------*/
#global #corps #colonne{
float:right;
width:185px;
}
#global #corps #colonne a{
float:left;
width:185px;
height:40px;
margin:0px 0px 10px 0px;
}
#global #corps #colonne a img{
float:left;
}
/*---------------------------------------------- Corps - Colonne droite - Témoignages -----------------------------------------*/
#global #corps #colonne #temoin{
position:relative;
float:left;
width:183px;
padding:0px 0px 10px 0px;
border:1px solid #898989;
}
#global #corps #colonne #temoin h1{
float:left;
width:173px;
padding:0px 0px 0px 10px;
font-family:Arial Black;
font-size:12px;
font-weight:700;
line-height:30px;
text-align:left;
color:#fff;
background:#ffb300;
}
#global #corps #colonne #temoin div{
display:inline;
float:left;
width:163px;
margin:10px 0px 0px 10px;
padding:0px 0px 5px 0px;
border-bottom:1px dotted #515151;
}
#global #corps #colonne #temoin div a.photo{
float:left;
width:70px;
height:75px;
margin:0px;
}
#global #corps #colonne #temoin div a img{
float:left;
}
#global #corps #colonne #temoin div p{
float:left;
width:153px;
margin:10px 0px 0px 0px;
font-size:11px;
color:#515151;
}
#global #corps #colonne #temoin div h4{
float:left;
width:5px;
height:10px;
margin:10px 0px 0px 5px;
}
#global #corps #colonne #temoin div h4 a{
float:left;
width:5px;
height:10px;
}
#global #corps #colonne #temoin div h4 img{
float:left;
}
#global #corps #colonne #temoin img.hg{
position:absolute;
top:-1px;
left:-1px;
}
#global #corps #colonne #temoin img.hd{
position:absolute;
top:-1px;
right:-1px;
}
#global #corps #colonne #temoin img.bg{
position:absolute;
bottom:-1px;
left:-1px;
}
#global #corps #colonne #temoin img.bd{
position:absolute;
bottom:-1px;
right:-1px;
}
*html #global #corps #colonne #temoin img.hd{
right:-2px;
}
*html #global #corps #colonne #temoin img.bg{
bottom:-2px;
}
*html #global #corps #colonne #temoin img.bd{
bottom:-2px;
right:-2px;
}
/*---------------------------------------------- Corps - Home -----------------------------------------*/
#global #corps #home{
float:left;
width:550px;
padding:0px 0px 10px 0px;
}
#global #corps #home div{
float:left;
width:550px;
}
#global #corps #home img{
float:left;
margin:0px 0px 10px 0px;
}
#global #corps #home h1.title{
float:right;
width:355px;
font-size:18px;
font-family:Arial Black;
line-height:20px;
letter-spacing:-1px;
color:#ffb300;
}
#global #corps #home h1.title sup{
font-size:14px;
}
#global #corps #home h2.subtitle{
float:right;
width:355px;
font-size:18px;
font-family:Arial Black;
line-height:18px;
letter-spacing:-1px;
color:#344155;
}
#global #corps #home h3.chapeau{
float:right;
width:355px;
margin:10px 0px 0px 0px;
font-size:16px;
color:#344155;
}
#global #corps #home p{
float:right;
width:355px;
margin:10px 0px 0px 0px;
font-size:12px;
line-height:18px;
letter-spacing:1px;
color:#414141;
}
/*---------------------------------------------- Corps - Home - Parrain -----------------------------------------*/
#global #corps #home #parrain{
position:relative;
width:548px;
margin:30px 0px 0px 0px;
padding:0px 0px 20px 0px;
border:1px solid #737373;
}

#global #corps #home #parrain p{
float:left;
margin-left:50px;
width:498px
}

#global #corps #home #parrain div.images{
padding: 10px 50px 0px 50px;
width:448px;
}

#global #corps #home #parrain div.images img.gauche{
float:left;
border:1px solid #344155;
}

#global #corps #home #parrain div.images img.droite{
float:right;
border:1px solid #344155;
}
#global #corps #home #parrain h1{
float:left;
width:538px;
padding:0px 0px 0px 10px;
font-size:12px;
line-height:30px;
color:#fff;
background:#344155;
}
#global #corps #home #parrain h2{
float:left;
width:528px;
margin:20px 0px 0px 10px;
font-size:12px;
color:#344155;
}
#global #corps #home #parrain h2 a{
color:#344155;
text-decoration:underline;
}
#global #corps #home #parrain h2 a:hover{
text-decoration:none;
}
#global #corps #home #parrain h2 span{
font-weight:400;
color:#6d6d6d;
}
#global #corps #home #parrain img.hg{
position:absolute;
top:-1px;
left:-1px;
}
#global #corps #home #parrain img.hd{
position:absolute;
top:-1px;
right:-1px;
}
#global #corps #home #parrain img.bg{
position:absolute;
bottom:-11px;
left:-1px;
}
#global #corps #home #parrain img.bd{
position:absolute;
bottom:-11px;
right:-1px;
}
/*---------------------------------------------- Corps - Droite Home -----------------------------------------*/
#global #corps #droite_home{
float:right;
width:380px;
}
#global #corps #droite_home h1{
float:left;
width:380px;
height:30px;
line-height:30px;
font-size:14px;
font-weight:400;
text-align:center;
color:#fff;
background:url(../images/fd-droite-home.jpg) no-repeat;
}
#global #corps #droite_home h2{
float:left;
width:185px;
height:40px;
margin:10px 0px 0px 5px;
}
#global #corps #droite_home h3{
float:left;
width:185px;
height:40px;
margin:10px 5px 0px 0px;
}
#global #corps #droite_home h4{
float:left;
width:370px;
height:40px;
margin:0px 0px 0px 5px;
}
/*---------------------------------------------- Corps - Droite Home - Témoignages -----------------------------------------*/
#global #corps #droite_home #temoin{
position:relative;
float:left;
width:378px;
margin:15px 0px 0px 0px;
padding:0px 0px 10px 0px;
border:1px solid #898989;
}
#global #corps #droite_home #temoin h1{
float:left;
width:368px;
padding:0px 0px 0px 10px;
font-family:Arial Black;
font-weight:700;
line-height:30px;
text-align:left;
color:#fff;
background:#ffb300;
}
#global #corps #droite_home #temoin div{
display:inline;
float:left;
width:358px;
margin:10px 0px 0px 10px;
padding:0px 0px 5px 0px;
border-bottom:1px dotted #515151;
}
#global #corps #droite_home #temoin div a.photo{
float:left;
width:70px;
height:75px;
}
#global #corps #droite_home #temoin div a img{
float:left;
}
#global #corps #droite_home #temoin div p{
float:left;
width:273px;
margin:45px 0px 0px 10px;
font-size:11px;
color:#515151;
}
#global #corps #droite_home #temoin div h4{
float:left;
width:5px;
height:10px;
margin:62px 0px 0px 0px;
}
#global #corps #droite_home #temoin div h4 img{
float:left;
}
#global #corps #droite_home #temoin img.hg{
position:absolute;
top:-1px;
left:-1px;
}
#global #corps #droite_home #temoin img.hd{
position:absolute;
top:-1px;
right:-1px;
}
#global #corps #droite_home #temoin img.bg{
position:absolute;
bottom:-1px;
left:-1px;
}
#global #corps #droite_home #temoin img.bd{
position:absolute;
bottom:-1px;
right:-1px;
}
*html #global #corps #droite_home #temoin img.bg{
bottom:-2px;
}
*html #global #corps #droite_home #temoin img.bd{
bottom:-2px;
}
/*---------------------------------------------- Corps - Droite Home - Témoignages -----------------------------------------*/
#global #corps #droite_home #futur{
float:left;
width:380px;
margin:10px 0px 0px 0px;
background:#344155;
}
#global #corps #droite_home #futur img{
float:left;
margin:0px 0px 0px 10px;
}
#global #corps #droite_home #futur img.bord{
margin:0px;
}
#global #corps #droite_home #futur h1{
float:left;
width:350px;
margin:10px 0px 10px 10px;
padding:0px 0px 0px 10px;
font-size:14px;
font-weight:700;
text-align:left;
color:#fff;
background:#ffb300;
}
#global #corps #droite_home #futur p{
float:left;
width:360px;
margin:0px 0px 0px 10px;
font-size:12px;
line-height:18px;
color:#fff;
}
#global #corps #droite_home #futur p.pt{
width:220px;
}
/*--------- Lightbox -----------*/
#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;
background: url(../images/prevlabel.gif) left 15% no-repeat;
}

#nextLink { 
right: 0; 
float: right;
background: url(../images/nextlabel.gif) right 15% no-repeat;
}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/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; }