/*Traitement de l'ensemble de la feuille*/
body
{
background-color: #0A4E9A; /*Couleur du fond ? changer*/
color: #ebf2f7;
font-family: Verdana, 'Trebuchet MS', Arial, Helvetica, sans-serif;
font-size: 0.9em;
margin: 0px;
background-position: top left;
width: 1000px;
padding-bottom: 20px;
margin: auto;
}

#bandeau
{
height: 200px;
}

/*************************/
/*Traitement du menu*/
/**********************************/
#menu
{
background-image: url(../images-CSS/cellpic3.png);
background-repeat: repeat-x;
margin-left: 8px;
padding-left: 20px;
margin-top: 0px;
margin-bottom: 0px;
padding-top: 5px;
padding-bottom: 5px;
}
#menu li
{
display: inline;
margin-right: 0.5em; padding-right: 0.75em;
border-right: 1px solid #CFB7B7;
font-weight: bold;
}

#menu li a
{
color: #FFE9D2;
text-decoration: none;
}

#menu li a:hover
{
color: #B02D05;
text-decoration: underline;
}

/*************************/
/*Dˇco du corps*/
/*************************/
#corps
{
margin: 20px 0px;
padding: 0px 0px;
}

#corps .cote_droit
{
background: url("../images/bordure-cadre/dn.png") right repeat-y;
margin: 0px;
padding: 0px;
padding-right: 10px;
}

#corps .cote_gauche
{
background: url("../images/bordure-cadre/gn.png") left repeat-y;
margin: 0px;
padding: 0px;
padding-left: 10px;

}

#corps .coin_hg
{
background: url("../images/bordure-cadre/hgn.png") left top no-repeat;
padding-left: 28px;
height: 29px;
}

#corps .coin_hd
{
background: url("../images/bordure-cadre/hdn.png") right top no-repeat;
padding-right: 28px;
height: 29px;
}

#corps .bordure_h
{
background: url("../images/bordure-cadre/hn.png") repeat-x top;
height: 29px;
}

#corps .coin_bg
{
background: url("../images/bordure-cadre/bgn.png") left top no-repeat;
padding-left: 28px;
height: 30px;
}

#corps .coin_bd
{
background: url("../images/bordure-cadre/bdn.png") right top no-repeat;
padding-right: 28px;
height: 30px;
}

#corps .bordure_b
{
background: url("../images/bordure-cadre/bn.png") repeat-x top;
height: 30px;
}

#contenu
{
margin: 0px;
padding: 0px;
}

#stop_float
{
clear: both;
}
/**********************************/

form, p, img, ol, ul, li, h1, h2, h3, h4, h5, h6, table, tr, td, div
{
margin: 0;
padding: 0;
}

p, li
{
margin: 0 0 10px;
}

img
{
border: 0px none #FFF; /*Mettre notre couleur de fond*/
}

/*Traitement des liens*/
a:link, a:visited
{
color: #0047BA;
text-decoration: underline;
}
a:hover
{ color: #B02D10;
text-decoration: underline; }
/*fin liens*/

/*Mise en page gˇnˇrale*/
.centrer
{
text-align: center;
}

.medium
{
font-size: 0.7em;
}

.petit
{
color: black;
font-size: 0.4em;
}

.indent
{
padding-left: 20px;
}

.indent_right
{
padding-right: 20px;
}

.espace_top
{
padding-top: 20px;
}

.alerte
{
text-align: center;
font-weight: bold;
line-height: 1.5em;
font-size: 1.2em;
color: #B02D05;
}

.background_white
{
margin: 20px;
padding: 20px;
background-color: white;
}
/*Fin de la mise en page gˇnˇrale*/

/*Gestion des colonnes*/
#col_gauche
{
margin-top: 0px;
margin-left: 15px;
padding-top: 10px;
width: 200px;
float: left;
}

#col_centre
{
margin-top: 0px;
margin-left: 223px;
margin-right: 219px;
padding-top: 10px;
}

#col_droite
{
margin-top: 0px;
margin-right: 10px;
padding-top: 10px;
width: 200px;
float: right;
}

/*Gestion de 2 colonnes*/
#col_gauche_grande
{

margin-top: 0px;
margin-left: 20px;
margin-right: 219px;
padding-top: 10px;
}

/*Fin de gestion des colonnes*/

/*Pied de page*/
#pied_page
{
clear: both;
background-image: url(../images-CSS/cellpic3.png);
background-repeat: repeat-x;
text-align: center;
height: 16px;
margin-top: 30px;
margin-bottom: 0px;
padding: 0px;
padding-bottom: 6px;
}

#pied_page li
{
display: inline;
margin-right: 0.5em; padding-right: 0.75em;
border-right: 1px solid  #CFB7B7; 
font-weight: bold;
}

#pied_page ol
{
font-size: 0.7em;
padding: 0.5em;
}


#pied_page li a
{
color: #FFE9D2;
text-decoration: none;
}

#pied_page li a:hover
{
color: #B02D05;
text-decoration: underline;
}

/*Fin de gestion du pied de page*/

/*Gestion des encadrˇs*/

.carre_1
{
margin-bottom: 20px;
color: #6C5107;/*couleur de police*/
background: url(../images/stages-ailleurs-200.png) left top no-repeat;
padding-top: 30px;
}

.annonce_200
{
margin-bottom: 20px;
color: #6C5107;/*couleur de police*/
background: url(../images/annonces-petit.png) left top no-repeat;
padding-top: 30px;
}

.stage_34_200
{
margin-bottom: 20px;
color: #6C5107;/*couleur de police*/
background: url(../images/stages-34-petit.png) left top no-repeat;
padding-top: 30px;
}

.stages_34
{
margin-bottom: 20px;
color: #6C5107;/*couleur de police*/
background: url(../images/stages-34.png) left top no-repeat;
padding-top: 30px;
}

.formation
{
margin-bottom: 20px;
color: #D8DDE3;/*couleur de police*/
background: url(../images/formations.png) left top no-repeat;
padding-top: 30px;
}
.newsletter
{
margin-bottom: 20px;
color: #D8DDE3;/*couleur de police*/
background: url(../images/newsletter.png) left top no-repeat;
padding-top: 30px;
}

.carre_2
{
margin-bottom: 20px;
color: #6C5107;/*couleur de police*/
background: url(../images/annonces.png) left top no-repeat;
padding-top: 30px;
}
.reunion
{
margin-bottom: 20px;
color: #07356C;
background: url(../images/reunion.png) left top no-repeat;
padding-top: 30px;
}

.administration
{
margin-bottom: 20px;
color: #FFEFC3;/*couleur de police*/
background: url(../images/administration.png) left top no-repeat;
padding-top: 30px;
}

.newsletter a, .formation a, .theme a
{
color: #85A7CD;
}

.newsletter a:hover, .formation a:hover
{ color: #B02D10;
text-decoration: underline; }

.carre_1 h1
{
background-color: #6B89A6; /*fond du chapeau*/
background-image: url(../images-CSS/cellpic3.png); /*d?grad? du chapeau*/
background-repeat: repeat-x;
margin-top: 0px;
font-size: 1.6em;
text-align: center;
color: white;
 }


/*Gestion des blocks*/
#block_reunion, #block_stage_ext, #block_stage, #block_annonce
{
background-color: #FFDD81;
background-image: url(../images-CSS/bgd-5.png);
background-repeat: repeat-x;
padding: 20px 10px;
}

#block_admin
{
padding: 10px;
background-color: white; /*couleur de fond*/

}

#block_newsletter
{
padding: 7px;
padding-top: 17px;
background-color: #083E7B; /*couleur de fond*/

}

#block_formation
{
padding: 20px 10px;
background-color: #083E7B; /*couleur de fond*/

}

#block_annonce h2
{
color: #6C5107;
font-size: 1.2em;
}

#block_formation li, #block_reunion li, #block_stage_ext li, #block_stage li
{
margin-left: 15px;
list-style-image: url("../images/Billegris10.png");
list-style-position: outside;
}
/*Fin de gestion des encadrˇs*/ 
 
.centrer
{
text-align: center;
}

.petit
{
color: silver;
font-size: 0.8em;
}

.medium
{
font-size: 0.9em;
}

.small
{
font-size: 0.8em;
}


.indent
{
padding-left: 20px;
}

.alerte
{
text-align: center;
font-weight: bold;
line-height: 1.5em;
font-size: 1.2em;
color: #B02D05;
margin-top: 20px;
}

/*les boutons submit*/

.bouton-rouge
{
background-color: #B02D05;
color: #E8E3D9;
}

.submit_bleu
{
background-color: #728188;
color: #E8E3D9;
}

/*Zone de connexion // Mot de passe oubliˇ*/
#connexion
{
width: 800px;
margin: auto;
padding-top: 60px;
}
#connexion p
{
margin-top: 20px;
}

#options_connexion
{
margin-top: 40px;
}

/*Stages*/
#stage_form
{
width: 900px;
padding-top: 60px;
}

#stage_form h1
{
margin-bottom: 40px;
}

#stage_form p
{
margin-top: 20px;
}

#liste_stage
{
margin-top: 40px;
}

#liste_stage h1
{
margin: 40px 10px;
}

#liste_stage th, #liste_stage td
{
padding: 3px 10px;
text-align: center;
}

#liste_stage tr
{
border: 1px solid white;
}

.enregistre_stage
{
margin: 20px 10px;
}

#elimination_stage
{
text-align: center;
background-color: #003366;
margin-top: 20px;
padding: 5px 20px 30px 20px;
}

/*Gestion des membres*/
#gestion-form
{
width: 800px;
margin: auto;
text-align: center;
margin-top: 40px;
}

#gestion-form h1
{
margin-bottom: 40px;
}

#gestion-form p
{
margin-top: 20px;
}

#liste_moderateurs
{
margin-top: 50px;
margin-bottom: 40px;
padding: 0px 40px;
}

#liste_moderateurs h2
{
margin-bottom: 30px;
text-align: center;
}

#liste_moderateurs td, #liste_moderateurs th
{
padding: 5px 10px;
width: 30px;
}

#liste_droits
{
margin: 40px 20px;
}

#liste_droits th, #liste_droits td
{
padding: 3px 10px;
}

#liste_droits .table_bleumoy
{
background-color: #3D648B;
}

#liste_droits .table_bleufonc
{
background-color: #003366;
}

#liste_droits .table_bleuclair
{
background-color: #6B89A6;
}


/*Gestion de la page des rˇunions*/

#reunion_index, #formation_index, #formation
{
background-image: url(../images-CSS/blanc-arrondi/haut.jpg);
background-repeat: no-repeat;
background-color: white; /*couleur de fond*/
color: #07356C;
padding: 0px 20px 30px;
}

#reunion_index
{
background-image: url(../images-CSS/blanc-arrondi/haut.jpg);
background-repeat: no-repeat;
background-color: white; /*couleur de fond*/
color: #6C5107;
padding: 0px 20px 30px;
}

#reunion_index img, #formation_index img
{
padding: 0px 20px 0px 0px;
vertical-align: bottom;

}

#arrondi_bas
{
background-image: url(../images-CSS/blanc-arrondi/bas.jpg);
background-repeat: no-repeat;
background-color: white;
}

#arrondi_bas .bas
{
font-size: 10px;
text-align: center;
color: #07356C;
}

#reunion_index h1, #formation_index h1
{
padding: 50px 0px 20px;
text-align: center;
font-style: italic;
}

#formation h1
{
padding: 50px 0px 50px;
text-align: center;
font-style: italic;
}

#reunion_index h2
{
margin: 40px 0px 20px;
padding: 5px 0px 5px 15px;
border-top: 2px solid #6C5107;
border-bottom: 2px solid #6C5107;
color: #6C5107;
}

#formation_index h2, #formation h2
{
margin: 40px 0px 20px;
padding: 5px 0px 5px 15px;
border-top: 2px solid #445F96;
border-bottom: 2px solid #445F96;
color: #445F96;
}

/*Gestion de la page newsletter*/
#newsletter_index h2
{
margin: 30px 10px;
color: #D8DDE3;
}

.newsletter_email
{
background-color: #083E7B;
color: #D8DDE3;
padding: 10px 20px;
}

#newsletter_abonnement
{
margin: 30px 0px 0px 0px;
}

#newsletter_abonnement .newsletter_entete
{
background-color: #083E7B;
color: #D8DDE3;
padding: 0px 0px 0px 10px;
}

#newsletter_abonnement .newsletter_entete th
{
text-align: left;
}

#newsletter_abonnement .table_cadre
{
border: 1px solid #85A7CD;
background-color: white;
}

#newsletter_abonnement .table_blanc
{
background-color: white;
padding: 0px 0px 0px 10px;
}


#newsletter_abonnement .table_blanc td
{
padding: 0px 0px 0px 10px;
}

#newsletter_abonnement .table_sombre
{
background-color: #FEEFC3;
border: none;
color: #083E7B;
}

#newsletter_abonnement .table_sombre td
{
border: none;
padding: 0px 0px 0px 10px;
}

#modif_newsletter
{
margin: 20px;
}

/*Formulaire de contact*/
#nous_contacter
{
padding: 50px;
}

#nous_contacter h1
{
text-align: center;
padding: 0px 0px 40px;
}

.infos_importantes
{
margin: 0px;
padding: 40px;
}

/*Design formation*/
#formation_pratique
{
margin-top: 10px;
border-bottom: 1px solid #003366;
}

#formation_pratique table th, #formation_autres table th
{
color: white;
}

#formation_pratique table td
{
padding: 3px;
text-align: center;
}

#formation_autres table td
{
padding: 5px;
}

.fiche_inscription
{
margin: 30px 30px 10px;
text-align: center;
}


#formation_commentaire
{
margin: 20px;
padding: 8px;
background-color: #A2AFCB;
}

#formation_autres
{
margin-top: 30px;
}

#formation_autres h3
{
margin-bottom: 15px;
font-size: 1.3em;
}

/*Upload des fiches d'inscription*/
#upload_photo
{
width: 700px;
margin:auto;
margin-top: 40px;
padding: 20px;
border: 1px solid white;
}

/*Agenda*/
.age_gauche
{
margin: 0px 30px 0px 25px;
padding: 10px 0px 0px 0px;
margin-right: 505px;
}
.age_droit
{
margin: 0px 15px 0px 40px;
padding: 10px 0px 0px 0px;
float: right;
width: 450px;
}
.theme
{
margin-bottom: 20px;
color: #D8DDE3;/*couleur de police*/
background: url(../images/stages-a-themes.jpg) left top no-repeat;
padding-top: 30px;
}

#block_themes
{
background-color: #083E7B;
padding: 20px 10px;
}

#block_themes li, #block_journees li, #block_exterieur li
{
margin-left: 15px;
list-style-image: url("../images/Billegris10.png");
}

.seminaires
{
color: #6C5107;/*couleur de police*/
}

#block_seminaires
{
background-color: #FFDD81;
background-image: url(../images-CSS/bgd-5.png);
background-repeat: repeat-x;
padding: 20px 10px;
}

.journees
{
margin-bottom: 20px;
color: #6C5107;/*couleur de police*/
background: url(../images/journees-thematique.jpg) left top no-repeat;
padding-top: 30px;
}

#block_journees
{
background-color: #FFDD81;
background-image: url(../images-CSS/bgd-5.png);
background-repeat: repeat-x;

padding: 20px 10px;
}

.exterieur
{
color: #07356C;
background: url(../images/stages-exterieurs.jpg) left top no-repeat;
padding-top: 30px;
}

#block_exterieur
{
background-color: white;
padding: 20px 10px;
}

/*Liste des formation 34 passˇes*/ 
#form_passe
{
margin: 15px;
padding: 5px;
}

#liste_stage_passe
{
margin-top: 20px;
}

#liste_stage_passe h1
{
margin: 20px 10px;
color: #244B79;
}

#liste_stage_passe th
{
color: white;
background-color: #244B79;
}

#liste_stage_passe th, #liste_stage_passe td
{
padding: 3px 10px;
text-align: center;
}

#liste_stage_passe tr
{
border: 1px solid white;
}

/*Sites amis*/
#sites-amis
{
margin: 0px 30px;
background-color: white;
padding: 20px 20px 0px 20px;
}

#sites-amis h2
{
padding: 30px 0px;
color: #244B79;
}

.site-ami
{
margin-bottom: 50px;
}

.site-ami a
{
color: #5C799B;
font-size: 1.2em;
text-decoration: none;
font-weight: bold;
}

#sites-amis .bas, #album .bas
{
clear: both;
font-size: 10px;
text-align: center;
color: #07356C;
margin: 0px;
padding: 0px;
}

#sites-amis h1
{
margin: 30px;
color: #07356C;
}

/*Albums photos*/
#album_gen
{
margin: 0px 20px 0px 30px;
padding: 20px 35px 0px 35px;
width: 860px;
color: #D9CFC7;
}

#album_gen h1
{
text-align: center;
padding: 0px 0px 40px;
} 

#album_gen a
{
color: #22304B;
}

#album_gen .accueil_album
{
margin-top: 30px;
font-style: italic;
font-size: 0.9em;
}

#album h1, #commission h1
{
text-align: center;
padding: 0px 0px 30px;
color:#07356C;
}

#commission h2
{
color:#07356C;
padding: 30px 0px;
}

#commission
{
margin: 0px 20px 0px 30px;
background-color: white;
padding: 20px 35px;
color:#07356C;
font-style: italic;
}

#commission li
{
list-style-position: inside;
}

#album
{
margin: 0px 20px 0px 30px;
background-color: white;
padding: 20px 35px 0px 35px;
}

#album h2
{
color:#07356C;
margin: 30px 0px;
}

#album p
{
color:#07356C;
font-size: 0.9em;
font-style: italic;
}

#vignettes_photos
{
color: #787878;
margin: 20px 0px;
}

.pict 
{
background-color: white;
color: #787878;
font-size: 0.8em;
border: 1px solid;
border-color: #AAA #787878 #787878 #AAA;
float: left;
}

.ls
{
padding: 6px;
margin: 5px 4px;
height: 210px;
width: 262px;
}

.pt
{
padding: 3px;
margin: 5px 4px;
height: 279px;
width: 197px;
}

.pict_title
{
padding: 0px;
margin: 0px;
}

.pict img
{
border: 1px solid;
border-color: #787878 #AAA #AAA #787878;
}
#intro
{
padding: 20px;
}

#oceans
{
margin: 0px 20px 0px 30px;
background-color: white;
padding: 20px 35px 30px 50px;
color:#07356C;
}

#oceans img
{
padding: 10px;
margin: 0px 10px;
}

#actions
{
background: url(../images-CSS/icones/merou.png) 100px 50px no-repeat;
margin: 0px 20px 0px 30px;
background-color: white;
padding: 20px 35px 0px 50px;
color:#07356C;
}
#actions h1, #oceans h1
{
margin: 50px 0px 50px;
text-align: center;
}
#actions ul, #oceans ul
{
padding: 30px 50px;
}

#cybelle
{
background: url(../images/logo-cybelle.jpg) 100px 40px no-repeat;
margin: 0px 20px 0px 30px;
background-color: white;
padding: 20px 35px 50px 50px;
color:#07356C;
}
#cybelle h1
{
margin: 50px 0px 70px;
text-align: center;
}

.section
{
padding: 20px;
}
.section ul
{
padding: 0px 0px 0px 30px;
}

#cybelle .section th
{
color: white;
font-weight: bold;
border-right: 1px solid white;
}

#cybelle .section td
{
padding: 0px 0px 0px 20px;
border-right: 1px solid white;
}