body
{
width: 793px;
margin: auto;
margin-top: 0px;
margin-bottom: 20px;   
/*background-image: url("images/Themes_alternatifs/cessna/background/Texture.bmp");*/
background-color: #FFFFFA;
}

#page
{  
background-image: url("images/Themes_alternatifs/cessna/background/fond_page.gif");
background-repeat: no-repeat;
}





/* L'en-tête */

#en_tete
{
width: 793px;
height: 100px;
background-image: url("images/Themes_alternatifs/cessna/background/Head_guillaumet_cessna.jpg");
/*background-image: url("images/Themes/background/Head_guillaumet_cessna.jpg");*/
background-repeat: no-repeat;
}
.modif
{
width: 789px;
margin:0px;
padding:0px;
padding-top: 90px;
}

.modif h5
{
font-size: 10px;
color: white;
margin: 0px;
padding: 0px;
font-weight: lighter;
text-align: right;
}

/* Le menu */

#menu
{
float: left;
width: 182px;
margin-left: 2px;
}


.element_menu
{
background-image: url("images/Themes_alternatifs/cessna/background/menu.gif");
background-repeat: no-repeat;   
margin-bottom: 20px;
padding-bottom: 25px;
}


/* Quelques effets sur les menus */


.element_menu
{
padding-top: 55px; /* descendre le texte par rapport au background*/
margin-bottom: 0px;
}


.element_menu .maj /* le petit symbole rouge mise a jour*/
{   
color: #FF0000;
font-family: Aerial, "Arial Black", "Times New Roman", Times, serif;
font-size: 9px;
margin:0px;
}

.element_menu .maj_or /* le petit symbole orange mise a jour*/
{   
color: #CC6600;
font-family: Aerial, "Arial Black", "Times New Roman", Times, serif;
font-size: 9px;
margin:0px;
}

.element_menu h3 /* Tous les titres de menus */
{   

padding-left: 17px;
color: #2C4387;
font-family: Aerial, "Arial Black", "Times New Roman", Times, serif;
font-size: 13px;
margin-bottom: 3px;
}

.element_menu h5 a /* Tous les liens se trouvant dans un menu */
{
font-family: "Times New Roman", "Arial Black", Times, serif;
font-size: 10px;
color: grey;
text-decoration: none; /* Les liens ne seront plus soulignés */
}

.element_menu ul /* Toutes les listes à puces se trouvant dans un menu */
{
/*list-style-image: url("images/images_creations/head_guillaumet/puce_horizon.png");  On change l'apparence des puces */
padding: 0px; 
padding-left: 15px; 
margin: 0px;
margin-left: 10px;
margin-bottom: 0px; 
}

.element_menu li/* Toutes les listes à puces se trouvant dans un menu */
{
margin: 0px;
padding: 0px;
padding-top: 4px;
}

.element_menu a /* Tous les liens se trouvant dans un menu */
{
font-family: "Times New Roman", "Arial Black", "Times New Roman", Times, serif;
font-size: 13px;
color: #000000;
text-decoration: none; /* Les liens ne seront plus soulignés */
}

.element_menu a:hover /* Quand on pointe sur un lien du menu */
{
font-family: "Times New Roman", "Arial Black", "Times New Roman", Times, serif;
color: white;
}




/* Les infos rapides */

#infos
{
width: 500px;
height: 80px;
margin: 0px;
margin-left: 230px;
margin-top: 20px;
margin-bottom: 10px;
padding:0px;
padding-left: 20px;
background-image: url("images/Themes_alternatifs/cessna/background/back_infos.gif");
background-repeat: no-repeat;
}

.infos
{
float: left ;
width: 145px;
height: 70px;
margin: 0px;  
margin-top: 5px;
margin-left: 7px;
background-image: url("images/Themes_alternatifs/cessna/background/infos.gif");
text-align: center;
}



.infos h3 /*Derniere news, evenement, sortie*/
{   
font-size: 12px;
color: #2C4387;
margin: 0px;
padding: 0px;
margin-bottom: 0px;
margin-top: 5px;
padding-top: 0px;

}

.infos  h4 /*les infos */
{   
font-size: 12px;
color: black;
margin: 0px;
padding: 0px;
padding-top: 5px;
margin-top: 0px;
font-weight: lighter;
text-decoration: blink;
}

.infos  a /* Tous les liens se trouvant dans les infos */
{
font-family: "Times New Roman", "Arial Black", "Times New Roman", Times, serif;
font-size: 10px;
color: #000000;
margin: 0px;
padding: 0px;
}





/* Le corps de la page */

#corps
{
margin: 0px;
margin-left: 192px;
margin-bottom: 2px;
padding: 0px;
padding-bottom: 15px;
background-image: url("images/Themes_alternatifs/cessna/background/contenu.gif");
background-repeat: no-repeat;
min-height: 700px;   
_height: 700px;    /* hack IE */
font-family: "Times New Roman", "Arial Black", "Times New Roman", Times, serif;
}


/*caracteristiques generales des polices (pour changer rapidement de mise en page*/
h1
{
font-size: 25px;
color: #2C4387;
font-family: "Arial Black", "Times New Roman", Times, serif;
}


h2
{

}

h3
{
font-size: 17px;
color: red;
font-weight: bold;
}

h4
{
font-size: 15px;
color: Black;
font-weight: bold;
}

h5
{
font-size: 13px;
color: black;
font-weight: lighter;
}

a
{
font-family: "Times New Roman", "Arial Black", "Times New Roman", Times, serif;
font-size: 13px;
color: black;
text-decoration: underline; /* Les liens sont soulignés */
}

a:hover
{
font-family: "Times New Roman", "Arial Black", "Times New Roman", Times, serif;
color: #2C4387;
}

a img /*toutes les images liens*/
{
border: 2px solid #2C4387;
}

a:hover img
{
border: 2px solid black;
}

dt /*liste a puce avec definition*/
{
font-size: 15px;
color: black;
font-weight: lighter;
text-decoration: underline;
}

dd /*liste a puce avec definition*/
{

}

li
{
font-size: 13px;
color: black;
font-weight: lighter;
}

table /*tableau*/
{
border: 2px solid #999999;
border-collapse: collapse;
margin-top:15px;
}

img
{
border: solid #2C4387;
border-width: 2px
}

.tableau_hori th/*tableau avec entrees horizontales*/
{
text-align: left;
font-size: 13px;
color: black;
font-weight: lighter;
background-color: #999999;
}

th /*cellule entete*/
{
text-align: center;
font-size: 13px;
color: black;
font-weight: lighter;
background-color: #999999;
border: 1px solid #CCCCCC;
}

td /*cellule*/
{
border: 1px solid #999999;
font-family: "Times New Roman", "Arial Black", "Times New Roman", Times, serif;
font-size: 13px;
text-align: center; /* Tous les textes des cellules seront centrés*/
padding: 3px;
}

thead /*tableau entete*/
{

}

tbody /*tableau corps*/
{

}

/* Mise en page du contenu */
.contenu_haut
{
width: 580px;
margin: 0px; 
margin-left: 18px;
/*margin-top: 35px;*/
padding: 0px;
}

.contenu_haut .titre
{
width: 320px;
float: left;
margin: 0px; 
padding: 0px;
margin-top: 40px;
}

.contenu_haut .titre h1 /*titre page*/
{
text-align: center;
padding:0px;
margin: 0px;
}

.contenu_haut .titre h5 /*texte intro*/
{
text-align: left;
padding:0px;
padding-left: 5px;
padding-top: 10px;
margin: 0px;
}

.contenu_haut .photo /*photo intro*/
{
margin:0px;
padding: 0px;
margin-left: 340px;
padding-top: 35px;
}

/*cadre de la photo
.contenu_haut .photo img
{
border: solid #2C4387;
border-width: 2px
}*/

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


/* pour les listes a puces avec definition generales exemple page infos_club*/
.contenu_devel dt
{
margin: 0px;
margin-top: 10px;
padding: 0px;
}

.contenu_devel dd
{
margin: 0px;
margin-top: 15px;
margin-bottom: 25px;
padding: 0px;
padding-left: 18px;
padding-right: 22px;
}


/* pour des pages de texte*/
.contenu_devel .texte
{
margin: 0px;
margin-top: 15px;
margin-bottom: 25px;
padding: 0px;
padding-left: 18px;
padding-right: 22px;
}

.contenu_devel .texte h5
{
margin: 0px;
padding: 0px;
font-size: 13px;
color: black;
font-weight: lighter;
line-height: 18px;
}

.contenu_devel .texte h4
{
text-align: left;
margin: 0px;
margin-right: 18px;
padding: 0px;
}

.contenu_devel .texte h3
{
text-align: left;
margin: 0px;
padding: 0px;
}

/* pour les news de la page d'accueil*/
.contenu_devel .news
{
width: 80%;
margin: auto;
margin-top: 20px;
padding: 0px;
padding-left: 10px;
padding-right: 22px;
border-width: 2px;
border-color: #B3B3CC;
border-style: solid;
background-color: #CCCCFF;
}

.contenu_devel .news .news_haut
{
border-bottom: 1px solid #B3B3CC;
padding-bottom: 5px;
}
.contenu_devel .news .news_haut h1 /*titre*/
{
text-align: left;
float : left;
padding:0px;
margin: 0px;
font-size: 20px;
color: #5D6981;
}

.contenu_devel .news .news_haut h4 /*pseudo date*/
{
text-align: right;
padding:0px;
padding-top: 6px;
padding-right: 0px;
margin: 0px;
font-size: 11px;
color: #999999;
font-weight: lighter;
}

.contenu_devel .news .news_bas h5 /*texte news*/
{
margin: 0px;
padding: 0px;
padding-top: 10px;
padding-bottom: 10px;
}

/* pour les PETITES news de la page d'accueil*/
.contenu_devel .news2
{
width: 80%;
margin: auto;
margin-top: 20px;
padding: 0px;
padding-left: 10px;
padding-right: 22px;
border-width: 1px;
border-color: #B3B3CC;
border-style: solid;
}

.contenu_devel .news2 .news_haut2
{
border-bottom: 1px dashed #B3B3CC;
padding-bottom: 5px;
}
.contenu_devel .news2 .news_haut2 h1 /*titre*/
{
text-align: left;
float : left;
padding:0px;
margin: 0px;
font-size: 20px;
color: #5D6981;
}

.contenu_devel .news2 .news_haut2 h4 /*pseudo date*/
{
text-align: right;
padding:0px;
padding-top: 6px;
padding-right: 0px;
margin: 0px;
font-size: 11px;
color: #999999;
font-weight: lighter;
}

.contenu_devel .news2 .news_bas2 h5 /*texte news*/
{
margin: 0px;
padding: 0px;
padding-top: 10px;
padding-bottom: 10px;
}

/*photos infos_club*/
.triptique 
{
width: 500px;
margin: auto;
margin-top: 10px;
padding: 0px;
}

.triptique img
{
padding: 0px;
margin: 0px;
margin right: 3px;
padding-right: 0px;
}


.signature /*signature pour la page president*/
{
text-align: right;
margin: 0px;
margin-right: 18px;
padding: 0px;
font-size: 13px;
color: blue;
font-weight: lighter;
}

/*page flotte*/
#flotte
{
width: 266px;
padding: 0px;
margin: auto;
}

#flotte .avions
{
margin-bottom:10px;
}

/*page de description des avions*/
.head_avion
{
width: 565px;
float: left;
margin: 0px; 
padding: 0px;
margin-top: 35px;
}

.head_avion img
{
border-style: none;
}

.descr_avion
{
/*width: 530px;*/
margin: 0px; 
padding: 0px;
margin-top: 10px;
}

.photos_avion
{
width: 520px;
margin: 0px;
margin-left: 20px;
padding: 0px;
}

.photos_avion img
{
padding: 0px;
margin-right: 5px;
margin-top: 35px;
}


/* Pages evenements et sorties*/
.message
{
width:90%;
text-align: center;
margin: 0px;
padding:0px;
}

.message span
{
text-align: center;
color: red;
font-size: 15px;
margin: 0px;
padding:0px;
}

.evenement_attention
{
width: 500px;
margin: auto; 
}

.evenement_attention h2
{
text-align: center;
text-decoration: blink;  
}

.evenement_titre
{
width: 100%;
margin: auto;
margin-bottom: 20px;
}

.evenement_titre h2
{
padding: 0px; 
margin:0px;
margin-bottom: 20px;
font-size: 30px;
color: blue;
text-align: center;
}

.evenement_titre h4
{
padding: 0px;
margin:0px;
}

.evenement_contenu
{
margin-bottom: 25px;
}

.evenement_contenu1 /*description, presentation*/
{
margin-bottom: 25px;
}

.evenement_contenu2 /*autres infos*/
{
margin-bottom: 40px;
}

.evenement_prochains
{
width: 360px;
margin: auto;
}


/* Plateforme*/
.plateforme_titre
{
width: 500px;
margin: auto; 
}

.plateforme_titre h2
{
text-align: center;
color: red;
}

.plateforme_presentation
{

}

.plateforme_photo
{
width: 451px;
margin: auto;
margin-top:25px;
}

/*page pilote*/
.pilote
{
width: 92%;
margin:auto;
margin-top: 25px;
margin-bottom: 10px;
padding:0px;
height: 160px;
border-bottom: 2px dotted #2C4387; /*bordure sous chaque menu*/
}

.image
{
width: 165px;
float:left;
margin:0px;
padding:0px;
}

.explication
{
width: 350px;
margin:0px;
margin-left: 190px;
padding:0px;
padding-top: 0px;
}


/* page devis masse et centrage*/
.devis
{
width: 95%;
margin: auto;
}

.choix
{
margin-top: 20px;
}

.intro
{
width: 100%;
margin: auto;
}

.intro a
{
text-align: left;
}

.intro h1
{
text-align: center;
}

.calculs
{
width: 90%;
margin: auto;
}

.calculs table
{
margin:0px;
margin-bottom: 20px;
}

.graphique
{
width: 501px;
margin: auto;
}

.graphique img
{
border: none;
}


/*page annuaire, documents et liens */
.annuaire
{
width: 100%;
margin: auto;
margin-top: 30px;
}

.annuaire table
{
width: 90%;
margin: auto;
}

.annuaire table td
{
text-align: left;
}

.annuaire th a:hover
{
color: #FFFFFF;
}

/*pages formulaires */
.form_annuaire 
{
width: 100%;
margin: 0px;
margin-top: 60px;
}

.form_annuaire table
{
width: 80%;
margin: auto;
}

.form_annuaire td
{
border: none;
text-align: left;
}


/*page devenir pilote*/
.devenir_pilote h4
{
font-size: 15px;
color: black;
font-weight: lighter;
text-decoration: underline
}

/*page tarif*/
.tarif table
{
width: 80%;
margin: auto;
}

.tarif td
{
text-align: center;
}

/*page guillaumet*/
.intro
{
width: 95%;
margin: auto;
margin-top:10px;
border: none;
}

.intro td
{
text-align: left;
border: none;
height: 30px;
}


/*Livre d'or*/
.contenu_devel .livreor
{
width: 80%;
margin: auto;
margin-top: 25px;
padding: 0px;
padding-left: 10px;
padding-right: 22px;
border-width: 2px;
border-color: #FFCC33;
border-style: outset;
}

.contenu_devel .livreor .news_haut
{
border-bottom: 2px dashed #FFCC33;
padding-bottom: 5px;
}
.contenu_devel .livreor .news_haut h1 /*titre*/
{
text-align: left;
float : left;
padding:0px;
margin: 0px;
font-size: 15px;
color: #2C4387;
}

.contenu_devel .livreor .news_haut h4 /*pseudo date*/
{
text-align: right;
padding:0px;
padding-top: 6px;
padding-right: 0px;
margin: 0px;
font-size: 9px;
color: #999999;
font-weight: lighter;
}

.contenu_devel .livreor .news_bas h5 /*texte news*/
{
margin: 0px;
padding: 0px;
padding-top: 10px;
padding-bottom: 10px;
}

.formulaire /*formulaire*/
{
width: 60%;
margin: auto;
padding: 0px;
padding-top:15px;
text-align: center;
}

/*bons plans*/
.contenu_devel .selection
{
width: 520px;
margin:auto;
padding: 0px;
}

.bon_plan
{
width: 520px;
margin: 0px;
margin-top: 15px;
margin-bottom: 15px;
margin-left:16px;
padding: 0px;
padding-left: 18px;
padding-right: 22px;
padding-bottom: 10px;
border: 2px solid #999999;
}

.bon_plan h5
{
font-family: "Times New Roman", "Arial Black", "Times New Roman", Times, serif;
font-size: 12px;
color: black;
margin:0px;
padding:0px;
}

.bon_plan h4
{
font-family: "Times New Roman", "Arial Black", "Times New Roman", Times, serif;
font-size: 12px;
color: black;
margin:0px;
padding:0px;
}

.bon_plan h1
{
font-family: "Times New Roman", "Arial Black", "Times New Roman", Times, serif;
font-size: 2em;
color: #999999;
margin:0px;
padding:0px;
}

.bon_plan .type_oaci
{
width: 500px;
height: 40px;
padding:0px;
padding-top: 10px;
}

.type_oaci .type
{
width: 150px;
float: left;
padding: 0px;
margin: 0px;
}

.type_oaci .oaci
{
margin: 0px;
margin-left: 250px;
padding: 0px;
}

.bon_plan .presentation
{
width: 100%;
padding:0px;
padding-top: 10px;
margin:0px;
}

.presentation .nom
{
width: 100%;
padding: 0px;
margin: 0px;
text-align: center;
}

.presentation .description
{
padding: 0px;
padding-top:7px;
margin: auto;
}

.bon_plan .photos
{
margin:0px;
padding:0px;
padding-top: 10px;
}

.securivol
{
width:94%;
margin:auto;
padding-top:40px;
}

.securivol h5
{
font-family: "Times New Roman", "Arial Black", "Times New Roman", Times, serif;
font-size: 12px;
color: black;
margin:0px;
padding:0px;
}

.securivol h4
{
font-family: "Times New Roman", "Arial Black", "Times New Roman", Times, serif;
font-size: 12px;
color: black;
margin:0px;
padding:0px;
}

.securivol h1
{
font-family: "Times New Roman", "Arial Black", "Times New Roman", Times, serif;
font-size: 2em;
color: #2C4387;
margin:0px;
padding:0px;
}

.securivol.titre
{
margin: 0px;
width:300px;
margin-left: 152px;
padding: 0px;
background-color:red;
}

.Menu_securivol
{
width: 210px; 
float:right;
background-color:#2C4387;
padding:3px
}

.Menu_securivol h5
{
color:#FFFFFF;
}

.Menu_securivol .titre h5
{
text-decoration:underline;
}

.securivol .titre_categorie
{
width: 100%;
margin:0px;
padding:0px;
margin-top:8px;
color:#FFFFFF
}




/* liens vers des pages dans livred'or et bon plan*/
.page
{
width: 100%;
text-align: center;
margin:0px;
padding:0px;
}

/* Le pied de page */

#pied_de_page
{
width:100%;
margin: 0px;
padding: 0px;
background-color: #2c4387;
}

#copyright
{
width:350px;
margin: 0px;
margin-left:320px;
padding: 0px;
padding-bottom: 5px;
text-align: center;
font-family: "Times New Roman", "Arial Black", "Times New Roman", Times, serif;
font-size: 12px;
color: black;
text-decoration: none; /* Les liens sont soulignés */
}

#copyright h5
{
padding: 0px;
margin:0px;
font-family: "Times New Roman", "Arial Black", "Times New Roman", Times, serif;
font-size: 12px;
color: black;
text-decoration: none; /* Les liens sont soulignés */
}

#copyright h4
{
padding: 0px;
padding-top:5px;
margin:0px;
font-family: "Times New Roman", "Arial Black", "Times New Roman", Times, serif;
font-size: 11px;
color: white;
text-decoration: none; /* Les liens sont soulignés */
}

#pied_de_page a:hover
{
font-family: "Times New Roman", "Arial Black", "Times New Roman", Times, serif;
color: #FFFFFF;
}

#pied_de_page a
{
text-decoration: none; /* Les liens sont soulignés */
}


#pied_de_page p
{
font-size: 0.7em;
color: #5D6981;
}