@charset "utf-8";
/* CSS Document */
/*------NORMALISE------*/
body{margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:0.9rem; color:#c3c3c3;}
main{margin:0; padding:0;}
header{margin:0; padding:0;}
section{margin:0; padding:0;}
div{margin:0; padding:0;}
h1, h2, h3{margin:0; padding:0;}
ul{margin:0; padding:0;}
li{margin:0; padding:0;}
p{margin:0; padding:0;}
a{margin:0; padding:0; transition:all ease 0.7s;}
*{box-sizing:border-box;}
/*---FIN DE NORMALISE--*/
/*-------GENERAL-------*/

main{background-attachment:fixed; background-repeat:no-repeat; background-position:100% 0%;}
section{overflow:hidden; padding:1%;}
#LEFT{float:left;}
#RIGHT{float:right;}
/*--------HEADER-------*/
header{position:fixed; top:0; width:100%; padding:1% 2%;}
header ul{display:block; width:100%; list-style:none; overflow:hidden;}
header ul li{display:block; width:50%; padding:7px;}
/*-----FIN DE HEADER---*/
/*---------TEXT--------*/
#TX {padding:100px 0 0;}
#TX div{margin:20px auto; width:80%; line-height: 28px;}
/*-----FIN DE TEXT-----*/
/*-----CONVERSION------*/
#CONVERSION {padding:50px 0;}
#CONVERSION div{width:100%; overflow:hidden;}
#CONVERSION div div{width:90%; border-radius:7px; margin:20px auto; padding:15px; box-shadow:0 0 9px #c3c3c3;}
/*--FIN DE CONVERSION--*/
/*--------FOOTER-------*/
footer{text-align:center; color:#fff;}
footer div{padding:1%;}
footer #RS {padding:10px 5px;}
footer #RS p{margin:30px; font-size:0.7rem; text-transform:uppercase;}
footer #RS ul{display:block; padding:0 0 40px; width:100%; list-style:none;}
footer #RS ul li{display:inline-block; margin:0 10px;}
footer #RS ul li a{display:block; width:42px; height:42px; border-radius:100%; text-decoration:none; background:#fff no-repeat 50% 50%;}
footer #RS #FB{background-image:url('../PICT/ICOFB.png');}
footer #RS #TW{background-image:url('../PICT/ICOTW.png');}
footer #RS #GGL{background-image:url('../PICT/ICOGGL.png');}
footer #RS #INSTA{background-image:url('../PICT/ICOINSTA.png');}
footer #RS #YTB{background-image:url('../PICT/ICOYTB.png');}
footer #ADRESS{font-size:0.7rem;}
footer #ADRESS p{padding:15px;}
/*----FIN DE FOOTER----*/
/*------RESPONSIVE-----*/
@media only screen and (min-device-width:1024px) {
	main{background-size:cover; background-position:0% 0%;}
	#TX{line-height: 33px;}
	#TX div{margin:40px auto; width:50%; max-width:525px; min-width:300px;}
	#MYUNICEF #TX div{width:100%;}
	#CONVERSION div{width:50%;}
	#CONVERSION div div{width:80%;}
	#CONVERSION #GIFT{padding:50px;}
	#MYUNICEF #EMBED{margin:0 auto; width:80%; max-width:1000px; min-width:300px;}
	#MYUNICEF #EMBED div{float:left; width:22%; margin:1% 1.5%;}
	#MYUNICEF #RS{margin:0 auto; width:80%; max-width:1000px; min-width:300px;}
	#MYUNICEF #EMBED > div{height:300px;}
}
@media only screen and (min-device-width:1025px) {
	#CONVERSION div div{width:60%;}
	#VAE #CONVERSION div div{width:64%;}
}
/*--FIN DE RESPONSIVE--*/

/*----FIN DE GENERAL---*/



/*--------UNICEF-------*/
/*---------MAIN---------*/
#UNICEF{background-image:url('../PICT/UNICEF_BG.jpg');}
/*-----FIN DE MAIN------*/
/*--------HEADER-------*/
#UNICEF header{background:#fff;}
#UNICEF header a{margin:13px 0;}
#UNICEF #RIGHT{overflow:hidden;}
#UNICEF #RIGHT a{display:block; float:right; width:120px; border-radius:7px; padding:7px;  text-align:center; text-transform:uppercase; text-decoration:none; color:#fff;  background:#622466;}
#UNICEF #RIGHT a:hover{background:#2c0031;}
/*-----FIN DE HEADER---*/
/*---------TEXT--------*/
#UNICEF #TX{color:#fff; background:rgba(0, 0, 0, 0.35);}
#UNICEF #TX h1{font-size:1.58rem; font-weight:normal;}
#UNICEF #TX p{font-size:0.95rem;}
#UNICEF #TX .CALL{text-align:center;}
#UNICEF #TX .CALL strong{text-transform:uppercase; font-weight:normal;}
/*-----FIN DE TEXT-----*/
/*-----CONVERSION------*/
#UNICEF #CONVERSION{background:#fff;}
/*---------DON---------*/
#UNICEF #GIFT{text-align:center; color:#fff; background:#44c8f5;}
#UNICEF #GIFT h2{padding:0 0 50px 0; font-weight:normal; text-transform:uppercase; border-bottom:1px solid #fff;}
#UNICEF #GIFT a{display:block; width:100%; font-size:1.3rem; padding:14px 7px;}
#UNICEF #GIFT a strong{font-weight:normal;}
#UNICEF #GIFT ul{display:block; margin:20px 0; padding:20px 0; list-style:none;}
#UNICEF #GIFT ul li{display:inline-block; margin:0 0.9%; width:30%;}
#UNICEF #GIFT p{padding:0 0 60px;}
/*-----FIN DE DON------*/
/*--FIN DE CONVERSION--*/
/*--------FOOTER-------*/
#UNICEF #RS{background:#616163;}
#UNICEF #ADRESS{background:#000;}
/*----FIN DE FOOTER----*/
/*----FIN DE UNICEF----*/

/*--------- VAE --------*/
/*---------MAIN---------*/
#VAE{background-image:url('../PICT/VAE_BG.jpg');}
/*-----FIN DE MAIN------*/
/*--------HEADER -------*/
#VAE header{padding:0.5% 2%; background:#333333;}
/*-----FIN DE HEADER ---*/
/*---------TEXT---------*/
#VAE #TX{color:#fff; text-align:center;}
#VAE #TX div{width:84%;}
#VAE #TX h1{color:#333333;}
#VAE #TX h1 span{color:#fff;}
/*-----FIN DE TEXT------*/
/*-----CONVERSION-------*/
#VAE #CONVERSION{background:#fff;}
/*--FIN DE CONVERSION---*/
/*--------FOOTER--------*/
#VAE #RS{background:#00adef;}
#VAE #ADRESS{background:#ffc000;}
/*----FIN DE FOOTER-----*/
/*----- FIN DE VAE -----*/

/*------ MY UNICEF -----*/
/*---------MAIN---------*/
#MYUNICEF{background-image:url('../PICT/MYUNICEF_BG.jpg');}
/*-----FIN DE MAIN------*/
/*-------- HEADER-------*/
#MYUNICEF header{position:relative;}
#MYUNICEF header ul li{margin:0 auto; text-align:center;}
/*-----FIN DE HEADER ---*/
/*---------TEXT---------*/
#MYUNICEF #TX{padding:0;}
#MYUNICEF #TX div{border-radius:7px; padding:2%; max-width:1000px; min-width:300px; text-align:center; color:#737373; background:#fff; box-shadow:0 0 9px #000;}
#MYUNICEF #TX div h1{color:#0099ff;}
#MYUNICEF #TX div h1 span{color:#737373;}
#MYUNICEF #TX .CALL strong{color:#0099ff; text-transform:uppercase; font-weight:normal; font-size:1rem;}
/*-----FIN DE TEXT------*/
/*-----CONVERSION-------*/
#MYUNICEF #EMBED div{padding:1.5%; text-align:center; background:#fff; box-shadow:0 0 9px #000;}
#MYUNICEF #EMBED div a{text-decoration:none; color:#0099ff;}
#MYUNICEF #EMBED div a:hover{color:#001c69;}
#MYUNICEF #EMBED :nth-child(1){border-bottom:7px solid #6435fd;}
#MYUNICEF #EMBED :nth-child(1) div{border:none; width:100%; box-shadow:none;}
#MYUNICEF #EMBED :nth-child(1) p{border:none;}
#MYUNICEF #EMBED :nth-child(1) p a{border:none;}
#MYUNICEF #EMBED :nth-child(2){border-bottom:7px solid #e53f8c;}
#MYUNICEF #EMBED :nth-child(2) iframe{width:100%; height:265px; border:none;}
#MYUNICEF #EMBED :nth-child(2) p{border:none;}
#MYUNICEF #EMBED :nth-child(3){border-bottom:7px solid #5ea517;}
#MYUNICEF #EMBED :nth-child(4){border-bottom:7px solid #eda00b;}
#MYUNICEF #INSTAGRAM{clear:both; margin:1.5% auto;}
#MYUNICEF #INSTAGRAM p a{margin:1% auto; display:block; height:66px; width:66px; border-radius:100%; border:3px solid #fff; text-decoration:none; background:#0099ff url('../PICT/MYUNICEF_PICT-INSTA.png') no-repeat 50% 50%;}
#MYUNICEF #INSTAGRAM p a:hover{background:#001c69 url('../PICT/MYUNICEF_PICT-INSTA.png') no-repeat 50% 50%;}
/*--FIN DE CONVERSION---*/
/*--------FOOTER--------*/
#MYUNICEF #RS{width:95%; margin:0 auto; background:#00adef; box-shadow:0 0 9px #000;}
/*----FIN DE FOOTER-----*/
/*-- FIN DE MY UNICEF --*/
