/*--------*/
/*GENERAL*/
/*--------*/
body
{
font-family: comic sans ms, georgia, arial narrow, cambria;
scrollbar-base-color: #99CCCC;
}

h1
{
text-align:center;
font-weight:bold;
text-decoration:underline;
margin:20px;
}

h2
{
text-indent:40px;
font-weight:bold;
margin:20px;
}

p
{
text-indent:60px;
text-align:justify;
margin-left:25px;
margin-right:25px;
}

.small
{
font-size:x-small;
text-indent:60px;
text-align:justify;
margin-left:25px;
margin-right:25px;
}

.aligneDroite
{
text-indent:0px;
margin-right:25px;
text-align:right;
}

.aligneGauche
{
text-indent:0px;
margin-left:25px;
text-align:left;
}

.pCentre
{
margin-left:25px;
margin-right:25px;
text-align:center;
text-indent:0px;
}

.pCentreSmall
{
margin-left:25px;
margin-right:25px;
text-align:center;
text-indent:0px;
font-size:x-small;
}

.pPetitItalique
{
font-size:x-small;
font-style:italic;
text-align:center;
}

.aRouge
{
color:red;
font-size:x-small;
font-style:italic;
}

.aRouge:hover
{
text-decoration:underline;
}

a
{
color : #336699;
text-decoration:none;
}

ul
{
text-align:left;
margin-left:100px;
}

.imgRight
{
float:right;
margin-right:25px;
margin-top:10px;
margin-bottom:10px;
margin-left:10px;
}

.imgLeft
{
float:left;
margin-left:10px;
margin-top:10px;
margin-bottom:10px;
margin-right:10px;
}

/*--------*/
/*POUR LES SOUS ONGLETS - GENERAL*/
/*--------*/
.lienRetour
{
border:1px solid black;
background-color:#FFCC99;
position:absolute;
top:10px;
right:10px;
padding-right:5px;
padding-left:5px;
}

.lienRetour:hover
{
border:1px solid #003366;
background-color:#FFFFCC;
position:absolute;
top:10px;
right:10px;
padding-right:5px;
padding-left:5px;
}

.divRetour
{
margin-left:25px;
margin-right:80px;
height:100%;
overflow:auto;
}

/*--------*/
/*ONGLET1*/
/*--------*/
.bodyOnglet1
{
background-color: #CCFF99;
color:#003366;
text-align:center;
}

/*--------*/
/*ONGLET 2*/
/*--------*/
.bodyOnglet2
{
background-color: #CCCCFF;
color:#003366;
text-align:center;
}
.divOnglet2 p
{
margin:25px;
}

.tableOnglet2
{
width:100%;
padding-left:50px;
padding-right:50px;
margin-top:35px;
}

.tableOnglet2 td
{
text-align:center;
}

.lienOnglet2
{
position:relative;
border: 1px solid #003366;
text-align:center;
background-color:#FFFFCC;
padding-right:5px;
padding-left:5px;
}

.lienOnglet2:hover
{
border: 1px solid #003366;
text-align:center;
background-color:#99CCFF;
padding-right:5px;
padding-left:5px;
}

.divPetitesPhotosOnglet21
{
margin-right:40%;
height:98%;
border:1px solid #003366;
overflow:auto;
}
.divPetitesPhotosOnglet21 p
{
text-align:justify;
margin-left:20px;
}
.divPetitesPhotosOnglet21 a
{
text-decoration:underline;
}
.divPetitesPhotosOnglet21 a:hover
{
color:#CCFF99;
}


.divGrandePhotoOnglet21
{
position:absolute;
right:10px;
top:50px;
width:38%;
text-align:center;
}
.spanHeure
{
font-weight:bold;
color:#339999;
margin-left:-10px;
}
.divPetitesPhotosOnglet22
{
margin-right:50%;
height:98%;
border:1px solid black;
overflow:auto;
}

.divGrandePhotoOnglet22
{
border:0px;
position:absolute;
right:10px;
top:50px;
width:48%;
text-align:center;
}

.divPetitesPhotosOnglet22 img
{
border:2px solid #003366;
}
.divPetitesPhotosOnglet22 a
{
border:0px;
}

.divLiensVideos23
{
overflow:auto;
position:absolute;
border:1px solid #003366;
right:10px;
top:50px;
width:30%;
height:80%;
padding-left:20px;
paddin-right:20px;
}

.iframeVideo23
{
position:absolute;
left:10px;
height:98%;
width:70%;
}

/*--------*/
/*ONGLET 3*/
/*--------*/
.bodyOnglet3
{
background-color: #FFFFCC;
}

.tableOnglet3
{
width:100%;
height:100%;
border-collapse:collapse;
}
.divPetitesPhotos
{
width:100%;
height:300px;
overflow:auto;
}

.divPetitesPhotos table
{
margin-top:15px;
margin-bottom:15px;
width:100%;
}

.divPetitesPhotos td
{
text-align:center;
vertical-align:top;
}

.divPetitesPhotos a
{
color:#339999;
text-decoration:none;
}

.divPetitesPhotos a:hover
{
font-weight:bold;
text-decoration:none;
}
.tdGrandePhoto
{
width:50%;
}

.iframeGrandePhoto
{
width:100%;
height:100%;
}

/*iframe descriptionEnfants*/
.bodyDescriptionEnfants
{
background-color: #FFFFCC;
color: #339999;
}
.divDescriptionEnfants table
{
height:100%;
width:100%;
}

.divDescriptionEnfants td
{
text-align:center;
}

.divDescriptionEnfants img
{
 border:2px solid #003366;
}

/*--------*/
/*ONGLET 4*/
/*--------*/
.bodyOnglet4
{
background-color: #99CCFF;
color:#003366;
}

.tableOnglet4
{
border:2px solid #FFFFCC;
text-align:center;
}

/*--------*/
/*ONGLET 5*/
/*--------*/
.bodyOnglet5
{
background-color: #CCFF99;
color:#003366;
}

.divInfosOnglet5
{
position:absolute;
left:10px;
top:3%;
width:48%;
height:94%;
overflow:auto;
border:1px solid #003366;
}

.divProjetsOnglet5
{
position:absolute;
right:10px;
top:3%;
width:48%;
height:94%;
overflow:auto;
border:1px solid #003366;
}

.bodyOnglet5 ul
{
list-style-type:bullet;
text-align:left;
color:#336699;
margin-left:40px;
padding-left:0px;
}

/*--------*/
/*ONGLET 6*/
/*--------*/
.bodyOnglet6
{
background-color: #CCCCFF;
color:#003366;
text-align:center;
}

.divOnglet6 p
{
margin:50px;
}

.tableOnglet6
{
width:100%;
padding-left:50px;
padding-right:50px;
}

.tableOnglet6bis
{
padding-top : 15px;
padding-right : 20px;
}

.tableOnglet6 td
{
text-align:center;
padding-bottom : 5px;
}

.lienOnglet6
{
position:relative;
border: 1px solid #003366;
text-align:center;
background-color:#FFFFCC;
padding-right:5px;
padding-left:5px;
}

.lienOnglet6:hover
{
border: 1px solid #003366;
text-align:center;
background-color:#99CCFF;
padding-right:5px;
padding-left:5px;
}

.caseVideOnglet6
{
width:10px;
}

/*onglet 62*/
.tableOnglet62
{
border:2px solid #FFFFCC;
text-align:center;
margin:30px;
}

.divRaccourcisOnglet62
{
position:absolute;
text-align:center;
top:25%;
right:2px;
width:80px;

}

.legendeOnglet62
{
font-size:small;
text-decoration:underline;
}

.lienOnglet62
{
padding-right:2px;
padding-left:2px;
}

.lienOnglet62:hover
{
padding-right:2px;
padding-left:2px;
}

.caseVideOnglet63
{
width:80px;
}

/*--------*/
/*ONGLET 7*/
/*--------*/
.bodyOnglet7
{
background-color: #FFFFCC;
color:#003366;
}

.divOnglet7 ul
{
list-style-type:bullet;
text-align:left;
margin-top:30px;
margin-left:20px;
font-size:medium;
font-weight:bold;
margin-bottom:0px;
}

.divOnglet7 h2
{
text-align:justify;
margin-left:60px;
margin-right:20px;
margin-bottom:0px;
margin-top:0px;
font-size:medium;
font-weight:normal;
text-indent:0px;
}

.divOnglet7 h3
{
text-align:left;
margin-left:80px;
margin-right:20px;
margin-bottom:0px;
margin-top:0px;
font-size:small;
font-weight:bold;
text-indent:0px;
}

.divOnglet7 h4
{
text-align:left;
margin-left:80px;
margin-right:20px;
margin-bottom:0px;
margin-top:0px;
font-size:small;
font-weight:normal;
text-indent:0px;
}

.divOnglet7 a
{
text-align:left;
margin-left:80px;
margin-right:20px;
margin-bottom:0px;
margin-top:0px;
font-size:small;
font-weight:normal;
text-indent:0px;
}

/*--------*/
/*ONGLET 8*/
/*--------*/
.bodyOnglet8
{
background-color: #99CCFF;
color:#003366;
text-align:right;
}

.divOnglet8 p
{
margin:50px;
}

.divOnglet8 h1
{
text-align:left;
text-indent:30px;
}

.imgOnglet8
{
position: absolute;
right: 50px;
top: 50px;
}

.lienOnglet8
{
position:absolute;
border: 1px solid #003366;
text-align:center;
background-color:#FFFFCC;
padding-right:5px;
padding-left:5px;
left:35%;
top:40px;
}

.lienOnglet8:hover
{
border: 1px solid #003366;
text-align:center;
background-color:#CCCCFF;
}

.tableOnglet81
{
position:absolute;
left:10px;
top:30%;
width:40%;
text-align:center;
}

.divCaseDroiteOnglet81
{
position:absolute;
right:5px;
top:40px;
height:85%;
width:55%;
text-align:center;
}

.divTexteOnglet81
{
overflow:auto;
}