/*----------------------------------------*/
/*---------------- GLOBAL ----------------*/
/*----------------------------------------*/


* {
    font-family: Verdana,Geneva,sans-serif;
    font-size: 13px;
    margin: 0;
    padding: 0;
}

/*------- PAGE --------*/
#page {
    margin: 0 auto;
    position: relative;
    width: 960px;
}

/*--------- HEADER ---------*/
#header {
    background-image: url("images/Bandeau-header.png");
    height: 172px;
    position: relative;
    width: 960px;
}
#header #logo {
	background-image:url(images/Michel-Parisel-Logo.png);		
	width:371px;
	height:150px;
	position:absolute;
	text-indent:-2000px;
	top:15px;
	left:50px;
}

#header a {
    color: #FFFFFF;
    font-size: 12px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    text-decoration: none;
    width: 178px;
}
#rejoignez {
    background-image: url("images/bouton-rejoignez.png");
    background-repeat: no-repeat;
    left: 597px;
    position: absolute;
    top: 84px;
}
#rejoignez:hover {
    background-image: url("images/bouton-rejoignez-hover.png");
}
#adherez {
    background-image: url("images/bouton-adherez.png");
    background-repeat: no-repeat;
    left: 566px;
    position: absolute;
    top: 120px;
}
#adherez:hover {
    background-image: url("images/bouton-adherez-hover.png");
}

/*--------- BARRE DE NAVIGATION PRINCIPALE ---------*/
/*--------------------------------------------------*/	

#nav {
    background-image: url("images/barre-nav.png");
    background-repeat: no-repeat;
    clear: both;
    font-size: 12px;
    height: 54px;
    margin-top: 2px;
    text-transform: uppercase;
    width: 880px;
}
#nav li {
    display: block;
}
#nav li a {
    background-image: url("images/Bouton-nav.png");
    background-position: center center;
    background-repeat: no-repeat;
    color: #FFFFFF;
    float: left;
    height: 36px;
    line-height: 36px;
    margin-left: 5px;
    padding: 3px 0;
    text-align: center;
    text-decoration: none;
    width: 167px;
}
#nav a:hover {
    background-image: url("images/Bouton-nav-hover.png");
    color: #333333;
}
#nav .on {
    background-image: url("images/Bouton-nav-on.png");
    color: #000000;
}
#nav .on:hover {
    background-image: url("images/Bouton-nav-on.png");
}

/*--------- BARRE DE NAVIGATION SECONDAIRE  ---------*/
/*---------------------------------------------------*/	
#nav2 {
    background-position: center bottom;
    background-repeat: no-repeat;
    font-size: 12px;
    height: 47px;
    margin-top: -2px;
    text-transform: uppercase;
    width: 593px;
}
#nav2.qui {
    background-image: url("images/ombre_qui.png");
}
#nav2.centr {
    background-image: url("images/ombre_centrafrique.png");
}
#nav2.eco {
    background-image: url("images/ombre_ecoles.png");
}
#nav2.asso {
    background-image: url("images/ombre_association.png");
}
#nav2.rejoin {
    background-image: url("images/ombre_nous-rejoindre.png");
}
#nav2 li {
    display: block;
}
#nav2 li a {
    background-image: url("images/Bouton-rubrique.png");
    background-position: center center;
    background-repeat: no-repeat;
    color: #CCCCCC;
    float: left;
    height: 27px;
    line-height: 27px;
    margin-left: 12px;
    text-align: center;
    text-decoration: none;
    width: 180px;
}
#nav2 a:hover {
    background-image: url("images/Bouton-rubrique-hover.png");
    color: #666666;
}
#nav2 .sous-on {
    background-image: url("images/Bouton-rubrique-on.png");
    color: #FFFFFF;
}
#nav2 .sous-on:hover {
    background-image: url("images/Bouton-rubrique-on.png");
    color: #FFFFFF;
}

/*--------- VIGNETTE ---------*/	
#vignette {
    height: 110px;
    left: 824px;
    position: absolute;
    top: 242px;
    width: 120px;
    z-index: 11;
}
#vignette.present {
    background-image: url("images/vignette_presentation.png");
}
#vignette.crea {
    background-image: url("images/vignette_creation.png");
}
#vignette.voyage {
    background-image: url("images/vignette_voyages.png");
}
#vignette.centraf {
    background-image: url("images/vignette_centrafrique.png");
}
#vignette.ecoles {
    background-image: url("images/vignette_ecoles.png");
}
#vignette.enfants {
    background-image: url("images/vignette_enfants.png");
}
#vignette.soeurs {
    background-image: url("images/vignette_soeurs.png");
}
#vignette.suivi {
    background-image: url("images/vignette_suivi.png");
}
#vignette.assembl {
    background-image: url("images/vignette_assemblee.png");
}
#vignette.adher {
    background-image: url("images/vignette_adherez.png");
}
#vignette.contact {
    background-image: url("images/vignette_contact.png");
}
#vignette.videos {
    background-image: url("images/vignette_videos.png");
}
#vignette.photos {
    background-image: url("images/vignette_photos.png");
}

/*--------- BISEAU HAUT  ---------*/	
#top {
    background-image: url("images/Biseau_haut.png");
    background-repeat: no-repeat;
    position: absolute;
    top: 277px;
    width: 960px;
    z-index: 10;
}
#entete {
    color: #999999;
    font-weight: normal;
    padding: 9px;
    position: absolute;
    text-transform: uppercase;
    z-index: 11;
}

/*----------- TEXTE -----------*/
/*-----------------------------*/

/*----- Mise en forme -----*/
#top h4 {
    color: #000000;
    font-size: 15px;
    padding-bottom: 20px;
}
#top p {
    color: #FFFFFF;
}
#top .signature {
    color: #000000;
}
#top b {
    color: #000000;
}

/*----- Agencement -----*/

/*GENERAL---------------------------*/
#col_gauche {
    float: left;
    text-align: justify;
}
#col_droite {
    float: left;
    text-align: justify;
}

/*INDEX------------------------------*/
#top.top_index {
    top: 215px;
}
.top_index #texte {
    margin: auto;
    padding-top: 50px;
    text-align: center;
    width: 960px;
}
.top_index #texte p {
    color: #000000;
    font-size: 15px;
    padding-top: 420px;
    text-transform: uppercase;
}
.top_index #nav_index {
    background-color: #FFFFFF;
    border-radius: 10px 10px 10px 10px;
    height: 500px;
    list-style: none outside none;
    margin: 15px auto auto;
    width: 730px;
}
.top_index #nav_index li {
    display: inline-block;
}
.top_index #nav_index li a {
    color: #000000;
    float: left;
    height: 110px;
    margin: 20px;
    text-align: center;
    text-decoration: none;
    width: 120px;
}
.top_index #nav_index li a img {
    border-style: none;
}
.top_index #nav_index li a img:hover {
    height: 105px;
    width: 115px;
}

/*PRESENTATION------------------------*/
.top_present #texte {
    margin: auto;
    padding-top: 530px;
    width: 610px;
}
.top_present #texte .signature {
    text-align: right;
}

/*CREATION-----------------------------*/
.top_crea #texte {
    margin-left: 60px;
    padding-top: 60px;
    width: 720px;
}
.top_crea #col_gauche {
    padding: 510px 0 0 105px;
    width: 330px;
}
.top_crea #col_droite {
    padding: 548px 0 0 70px;
    width: 330px;
}

/*CENTRAFRIQUE-------------------------*/
#carte {
    left: 558px;
    position: absolute;
    top: 408px;
    z-index: 12;
}
#informations {
    background-image: url("images/bouton-actualite.png");
    color: #FFFFFF;
    height: 31px;
    left: 246px;
    line-height: 31px;
    position: absolute;
    text-align: center;
    text-decoration: none;
    top: 604px;
    width: 263px;
    z-index: 12;
}
#informations:hover{
	background-image:url(images/bouton-actualite-hover.png);
}
.top_centraf #texte {
    margin-left: 75px;
    padding-top: 430px;
    width: 355px;
	text-align:justify;
}
.top_centraf p{
	padding-bottom:10px;
}
.top_centraf #col_gauche {
    left: 520px;
    position: absolute;
    top: 520px;
    width: 355px;
}
.top_centraf #col_droite {
    padding: 40px 0 0 140px;
    width: 641px;
}

/*ECOLES---------------------------------------*/
.top_ecoles #texte {
    margin-left: 31px;
    padding-top: 54px;
    text-align: justify;
    width: 717px;
}
.top_ecoles p{
	padding-bottom:10px;
}
.top_ecoles #col_gauche {
    padding: 600px 0 0 60px;
    width: 350px;
}
.top_ecoles #col_droite {
    padding: 600px 0 0 543px;
    position: absolute;
    width: 350px;
}
.top_ecoles dl {
    color: #FFFFFF;
    margin: auto;
    padding-top: 10px;
    width: 350px;
}
.top_ecoles img{
border-radius:10px;
}
.top_ecoles dt{
	padding-bottom:20px;
	text-align:center;
}

.top_mail{
	color:#963;
}


/*ENFANTS---------------------------------------*/
.top_enfants #texte {
    margin-left: 31px;
    padding-top: 54px;
    text-align: justify;
    width: 717px;
}
#videos {
    background-image:url(images/Vignette-videos-Medium.png);
    background-position: center bottom;
    background-repeat: no-repeat;
    color: #FFFFFF;
    display: block;
    height: 92px;
    text-align: center;
    text-decoration: none;
    width: 180px;
}
#videos:hover{
background-image:url(images/Vignette-videos-Medium-hover.png);
color:#F30;
}
#photos {
    background-image: url(images/Vignette-photos-Medium.png);
    background-position: center bottom;
    background-repeat: no-repeat;
    color: #FFFFFF;
    display: block;
    height: 92px;
    text-align: center;
    text-decoration: none;
    width: 180px;
}
#photos:hover {
	background-image:url(images/Vignette-photos-Medium-hover.png);
	color:#F30;
}

.top_enfants #texte a {
float:left;
margin:20px
}
.top_enfants #texte #videos{
margin:20px 80px 0px 150px;
}
.top_enfants p{
	padding-bottom:10px;
}
.top_enfants #col_gauche {
    padding: 20px 0 0 76px;
    width: 800px;
}
.top_enfants #col_droite {
    background-image: url("images/forage2012.jpg");
	background-repeat:no-repeat;
	background-position:bottom;
    border-radius: 10px 10px 10px 10px;
    height: 540px;
	text-align:right;
	margin: 34px 0 -39px 126px;
    width: 691px;
}
/*VIDEOS-------------------------------*/
.top_videos_2012 #texte {
width:560px;
margin: 100px 0 0 200px;
}
.top_videos_2012 #texte p {
	text-align:center;
	padding:20px 0px;
}
.top_videos_2011 #texte {
width:560px;
margin: 100px 0 0 200px;
}
.top_videos_2011 #texte p {
	text-align:center;
	padding:20px 0px;
}
.top_videos_2010 #texte {
width:560px;
margin: 100px 0 0 200px;
}
.top_videos_2010 #texte p {
	text-align:center;
	padding:20px 0px;
}
.top_videos_2009 #texte {
width:560px;
margin: 100px 0 0 200px;
}
.top_videos_2009 #texte p {
	text-align:center;
	padding:15px 0px 10px 0px;
}
/*PHOTOS--------------------------------*/
.top_photos #texte {
    margin-left: 31px;
    padding-top: 54px;
    text-align: justify;
    width: 717px;
	height:1000px;
}

.top_photos #col_gauche {

}
.top_photos #col_droite {
 
}


/*SOEURS-------------------------------*/
.top_soeurs #texte {
margin-left: 45px;
padding-top: 74px;
text-align: justify;
width: 717px;
}
.top_soeurs #texte p{
		margin-top:30px;
}
.top_soeurs #col_gauche {
    padding: 20px 0 0 76px;
    width: 800px;
}
.top_soeurs #texte img {
    border-radius: 10px 10px 10px 10px;
    display: block;
    float: left;
    margin-right: 20px;
}


/*VOYAGES 2012-------------------------------*/
.V2012 #col_gauche {
    padding: 75px 0 0 60px;
    width: 330px;
}
.V2012 #col_droite {
padding: 130px 0 0 30px;
width: 330px;
}

/*ADHEREZ EN LIGNE ---------------------------*/
.top_adherez #texte {
padding: 100px 0 2px 170px;
width: 340px;
}
.top_adherez h4 {
	margin-left:130px;
}
label{
font-weight:bold;
color:#FFF;
}
.top_adherez table{
width:350px;
}
.top_adherez tr{
height:20px;
}
.top_adherez td{
	text-align:right;
}
.top_adherez input{
	background-color:#FFF;
	width:200px;
	margin:3px 10px;
	padding:0px;
	border-radius:5px;
}
.top_adherez #f_comment{
	max-width:200px;
	min-width:200px;
	width:200px;
	max-height:100px;
	min-height:100px;
	height:180px;
	background-color:#FFF;
	margin:3px 10px;
	padding:3px;
	border-radius:5px;
}
.top_adherez input[type=button]{
width:100px;
color:#FFF;
margin-top:10px;
border:1px solid #FFF;
background: rgb(252,234,187); /* Old browsers */
background: -moz-linear-gradient(top, rgba(252,234,187,1) 0%, rgba(252,205,77,1) 24%, rgba(248,181,0,1) 61%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(252,234,187,1)), color-stop(24%,rgba(252,205,77,1)), color-stop(61%,rgba(248,181,0,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(252,234,187,1) 0%,rgba(252,205,77,1) 24%,rgba(248,181,0,1) 61%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(252,234,187,1) 0%,rgba(252,205,77,1) 24%,rgba(248,181,0,1) 61%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(252,234,187,1) 0%,rgba(252,205,77,1) 24%,rgba(248,181,0,1) 61%); /* IE10+ */
background: linear-gradient(to bottom, rgba(252,234,187,1) 0%,rgba(252,205,77,1) 24%,rgba(248,181,0,1) 61%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#f8b500',GradientType=0 ); /* IE6-9 */
}
.top_adherez input[type=button]:hover {
color:#000;
background: rgb(252,234,187); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(252,234,187,1) 0%, rgba(252,205,77,1) 71%, rgba(224,149,0,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(252,234,187,1)), color-stop(71%,rgba(252,205,77,1)), color-stop(100%,rgba(224,149,0,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(252,234,187,1) 0%,rgba(252,205,77,1) 71%,rgba(224,149,0,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(252,234,187,1) 0%,rgba(252,205,77,1) 71%,rgba(224,149,0,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(252,234,187,1) 0%,rgba(252,205,77,1) 71%,rgba(224,149,0,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(252,234,187,1) 0%,rgba(252,205,77,1) 71%,rgba(224,149,0,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#e09500',GradientType=0 ); /* IE6-9 */

}

/*MAIL---------------------------------------*/
.top_mail{
top:195px;
}

/*SUIVI DE L'ASSO----------------------------*/
.top_suivi #texte {
    margin-left: 163px;
    padding-top: 74px;
    text-align: justify;
    width: 600px;
}
.top_suivi #texte p{
		margin-top:20px;
}

/*ASSEMBLEE GENERALE ---------------------------*/
.top_assemblee #texte {
    margin-left: 60px;
    padding-top: 80px;
    text-align: justify;
    width: 350px;
}
.top_assemblee p{
	padding-bottom:10px;
}
.top_assemblee #col_gauche {
    left: 475px;
    padding: 0;
    position: absolute;
    top: 164px;
    width: 400px;
}
.top_assemblee dl {
    color: #FFFFFF;
    margin: auto;
    padding-top: 10px;
    width: 400px;
}
.top_assemblee img{
border-radius:10px;
}
.top_assemblee dt{
padding-bottom:20px;
text-align:center;
}

/*CONTACTS --------------------------------------*/
.top_contact #texte {
    padding-left:150px;
    padding-top: 80px;
    text-align: justify;
    width: 350px;
}
.top_contact p{
padding-bottom:10px;
}

/*----------- NAVIGATION ANNEES - VOYAGES EN RCA -----------*/
/*----------------------------------------------------------*/
#navyears {
    background-color: #FFFFFF;
    border-radius: 0 10px 10px 0;
    float: left;
    list-style: none outside none;
    margin: 70px 0;
    width: 65px;
}
#navyears li {
    margin: 15px 0;
    padding-left: 10px;
    width: 45px;
}
#navyears li a {
    color: #999999;
    text-decoration: none;
}
#navyears li a:hover {
    color: #F29400;
}
#navyears li.yearon {
    border-right: 4px solid #F29400;
    font-weight: bold;
}
#navyears .yearon a {
    color: #000000;
}

/*--------- FOND + IMAGE ---------*/
#fond {
    background-color: #F7AC15;
    background-repeat: no-repeat;
    position: absolute;
    top: 304px;
    width: 960px;
    z-index: 8;
}

/*Fond ORANGE*/
#encart {
    background-color: #F29400;
    height: 100%;
    position: relative;
}
#fond img {
    border-radius: 10px 10px 10px 10px;
    position: absolute;
}

/*--Variables-------------------------------------*/
.fond_index {
    background-image: url("images/index_photo.jpg");
    background-position: 0 0;
    height: 1123px;
}
#fond.fond_index {
    top: 242px;
}
.fond_present {
    background-image: url("images/Presentation_photo.jpg");
    height: 825px;
}
.fond_crea {
    background-image: url("images/creation_photo.jpg");
    background-position: 0 30%;
    height: 937px;
}
.fond_centraf {
    background-image: url("images/fond_centrafrique.png");
    height: 1610px;
}
.fond_ecoles {
    background-image: url("images/ecoles_photo.jpg");
    background-position: 0 130px;
    height: 2800px;
}
.fond_ecoles #encart {
    left: 480px;
    width: 50%;
	top:674px;
	height:2120px;
}
.fond_enfants {
   height: 1295px;
}
.fond_videos_2012 {
height:690px;
}
.fond_videos_2011 {
height:690px;
}
.fond_videos_2010 {
height:690px;
}
.fond_videos_2009 {
height:1135px;
}
.fond_photos {
height:1135px;
}
.fond_soeurs {
   height: 490px;
}
.fond_V2012 {
    height: 965px;
}
.fond_V2012 #encart {
    left: 90px;
    width: 80%;
}
.fond_V2012 img {
    left: 505px;
    top: 440px;
}
.fond_adherez{
height:610px;
}
.fond_adherez #encart {
    height: 100%;
    left: 140px;
    width: 44%;
}
.fond_mail{
height:760px;
}
.fond_suivi{
height:760px;
}
.fond_assemblee{
height:1100px;
}
.fond_contact{
background-color:#F29400;
background-image:url(images/Michel-Parisel-Symbole.png);
height:600px;
background-position: 500px 127px;
}
.fond_contact #encart {
    height: 100%;
    left: 100px;
    width: 35%;
}


/*--------- BISEAU BAS + COPYRIGHT ---------*/
#bottom {
    background-image: url("images/Biseau_bas.png");
    clear: both;
    height: 132px;
    width: 960px;
}

/*copyright*/
#bottom p {
    color: #FFDD66;
    font-size: 9px;
    font-style: italic;
    padding-right: 10px;
    position: relative;
    text-align: right;
    top: 85px;
}

/*--------------NAVIGATION SMALL-------------*/

#nav_small {
    height: 130px;
    list-style: none outside none;
    margin: 120px auto auto;
    position: absolute;
    text-align: center;
    width: 960px;
}
#nav_small li {
    display: inline-block;
}
#nav_small li a {
    background-position: 100% center;
    background-repeat: no-repeat;
    color: #000000;
    float: left;
    text-align: center;
    text-decoration: none;
}
.vign-present {
    background-image: url("images/Vignette-Presentation-Small.png");
    font-size: 0;
    height: 110px;
    width: 60px;
}
.vign-present:hover {
    background-image: url("images/Vignette-Presentation-Medium.png");
    font-size: 10px;
    height: 110px;
    width: 90px;
}
.vign-crea {
    background-image: url("images/Vignette-Creation-Small.png");
    font-size: 0;
    height: 110px;
    width: 60px;
}
.vign-crea:hover {
    background-image: url("images/vignette_creation-Medium.png");
    font-size: 10px;
    height: 110px;
    width: 90px;
}
.vign-voyages {
    background-image: url("images/Vignette-Voyages-Small.png");
    font-size: 0;
    height: 110px;
    width: 60px;
}
.vign-voyages:hover {
    background-image: url("images/vignette_voyages-Medium.png");
    font-size: 10px;
    height: 110px;
    width: 90px;
}
.vign-centraf {
    background-image: url("images/Vignette-Centrafrique-Small.png");
    font-size: 0;
    height: 110px;
    width: 60px;
}
.vign-centraf:hover {
    background-image: url("images/vignette_centrafrique-Medium.png");
    font-size: 10px;
    height: 110px;
    width: 90px;
}
.vign-ecoles {
    background-image: url("images/Vignette-Ecoles-Small.png");
    font-size: 0;
    height: 110px;
    width: 60px;
}
.vign-ecoles:hover {
    background-image: url("images/vignette_ecoles-Medium.png");
    font-size: 10px;
    height: 110px;
    width: 90px;
}
.vign-enfants {
    background-image: url("images/Vignette-Enfants-Small.png");
    font-size: 0;
    height: 110px;
    width: 60px;
}
.vign-enfants:hover {
    background-image: url("images/vignette_enfants-Medium.png");
    font-size: 10px;
    height: 110px;
    width: 90px;
}
.vign-soeurs {
    background-image: url("images/Vignette-Soeurs-Small.png");
    font-size: 0;
    height: 110px;
    width: 60px;
}
.vign-soeurs:hover {
    background-image: url("images/vignette_soeurs-Medium.png");
    font-size: 10px;
    height: 110px;
    width: 90px;
}
.vign-suivi {
    background-image: url("images/Vignette-Suivi-Small.png");
    font-size: 0;
    height: 110px;
    width: 60px;
}
.vign-suivi:hover {
    background-image: url("images/vignette_suivi-Medium.png");
    font-size: 10px;
    height: 110px;
    width: 90px;
}
.vign-assemblee {
    background-image: url("images/Vignette-Assemblee-Small.png");
    font-size: 0;
    height: 110px;
    width: 60px;
}
.vign-assemblee:hover {
    background-image: url("images/vignette_assemblee-Medium.png");
    font-size: 10px;
    height: 110px;
    width: 90px;
}
.vign-adherez {
    background-image: url("images/Vignette-Adherez-Small.png");
    font-size: 0;
    height: 110px;
    width: 60px;
}
.vign-adherez:hover {
    background-image: url("images/vignette_adherez-Medium.png");
    font-size: 10px;
    height: 110px;
    width: 90px;
}
.vign-contact {
    background-image: url("images/Vignette-Contact-Small.png");
    font-size: 0;
    height: 110px;
    width: 60px;
}
.vign-contact:hover {
    background-image: url("images/vignette_contact-Medium.png");
    font-size: 10px;
    height: 110px;
    width: 90px;
}