/**************************************************************
 *                       T e m p l a t e                      *
 * ---------------------------------------------------------- *
 * Site : Oenoschool v2                                       *
 * Maquette : NICOLAS BATTEUR                                 *
 * Réalisation : GUILLAUME RAYNAUD                            *
 **************************************************************/


/**************************************************************
 *                 E l é m e n t s    H T M L                 *
 **************************************************************/

html{
	font-size: 100%;
}
/* sélecteur universel ...
*{
    margin: 0;
    padding: 0;
    line-height: 150%;
}
*/
body {
	font: 0.6875em/1em Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-color: #280909;
	/*color: #FFF;*/
	color: #000;
    margin: 0;
    padding: 0;
}

img {
	border: 0;
}

form{
	margin: 0px;
	padding: 0px;
}

h1 {
    display: none;
}
h2, h3, h4, strong{
	color:#6B6B70;
	font-weight: bold;
}

p {
    line-height: 1.2em;
}

button, input[type="reset"], input[type="button"], input[type="submit"] {
	color: #dad7d4;
	font-size: 0.91em;
	font-weight: bold;
	background-color: #280909;
	border:	1px solid black;
	cursor: pointer;
}

/**************************************************************
 *                     G E N E R I Q U E                      *
 **************************************************************/
.clear{
    clear: both;
    margin: 0;
    padding: 0;
}
/**************************************************************
 *                     S U R C H A R G E                      *
 **************************************************************/
div#page {
	width: 960px;
	text-align: left;
	overflow: visible;
	position: relative;
	margin-right: auto;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: auto;
	padding: 0;
	font: 1.1em/1em Verdana, Geneva, Arial, Helvetica, sans-serif;
    background-color: #dad7d4;
}

    div#page div#conteneur {
        overflow: hidden;
        position: relative;
        width: 931px;
        background-color: #fff;
        /*background-image: url(img/fond.png);
        background-repeat: repeat-y;
        background-position: top left;*/
        margin: 0 14px 0 15px;
        padding: 0;
        background-color: #fff;
    }
    
    /* ENTETE */
        div#page div#conteneur div#entete a {
            color: #000;
            text-decoration: underline;
        }
        
        div#page div#conteneur div#entete {
            width: 100%;
            padding-left: 15px;
            margin-right: -15px;
        }
            div#page div#conteneur div#entete div#principale {
                width: 670px;
                float: left;
                text-align: center;
            }
                div#page div#conteneur div#entete div#principale div#logo {
                    padding-top: 15px;
                }
                
                div#page div#conteneur div#entete div#liens_haut_de_page ul {
                    margin: 0;
                    padding: 0;
                    text-align: center;
                    width: 100%;
                }
                div#page div#conteneur div#entete div#liens_haut_de_page ul li {
                    display: inline;
                    padding-left: 5px;
                    padding-right: 0;
                    border-left: 1px solid #000;
                }
                div#page div#conteneur div#entete div#liens_haut_de_page ul li.premiere {
                    padding-left: 6px;
                    border-left: none;
                }
                
            /* Blocs client */
            div#page div#conteneur div#entete div#client {
                float: left;
                margin-top: 15px;
                margin-left: -7px;
                width: 254px;
            }
            div#page div#conteneur div#entete div#client h2{
                display: none;
            }

                div#page div#conteneur div#entete div#client div#espace-client {
                    background-image: url(images/espace_client.png);
                    width: 254px;
                    height: 106px;
                }

                div#page div#conteneur div#entete div#client div#espace-client p{
                    padding-top: 0;
                    margin-left: -10px;
                    margin-top: 5px;
                }

                div#page div#conteneur div#entete div#client div#panier {
                    background-image: url(images/panier.png);
                    background-repeat: no-repeat;
                    width: 234px;
                    height: 80px;
                    padding-left: 20px;
                    padding-top: 12px;
                    margin-bottom: -12px;
                }

                div#page div#conteneur div#entete div#client div#panier p{
                    margin-top: 0;
                    padding-top: 10px;
                }
                div#page div#conteneur div#entete div#client div#panier div#total_dans_panier{
                    margin-top: -10px;
                    text-align: right;
                    padding-right: 50px;
                }
            /* Blocs client */
    /* FIN ENTETE */
    
    /* CONTENU */
		div#page div#conteneur div#contenu div#corps a {
			color: #296495;
			font-size: 0.91em;
			text-decoration: underline;
		}
		div#page div#conteneur div#contenu .lien_en_savoir_plus, 
        div#page div#conteneur div#contenu .boutonMonCompteContenu {
			float: right;			
		}
		div#page div#conteneur div#contenu .commentaires {
			font-size: 0.91em;
			color: #a9a9a9;
		}		
		div#page div#conteneur div#contenu,
        div#page div#conteneur div.pub {
            width: 100%;
            text-align: center;
            padding-left: 0;
        }
        div#page div#conteneur div#contenu h2{
            display: none;
        }
            div#page div#conteneur div#contenu div#bloc_accueil_1 {
                float: left;
                background-image: url(images/cours_d_oenologie_a_paris.jpg);
                background-repeat: no-repeat;
                width: 870px;
                height: 310px;
                text-align: left;
                padding: 0;
                margin-left: 28px;
                _margin-left: 15px;
            }
                div#page div#conteneur div#contenu div#bloc_accueil_1 a{
                    color: #c62b2b;
                    text-decoration: underline;
                }
                div#page div#conteneur div#contenu div#bloc_accueil_1 ul {
                    padding-top: 0;
                    width: 692px;
                    list-style: none none outside;
					margin-left: 0;
                    padding-left: 15px;
                }
                div#page div#conteneur div#contenu div#bloc_accueil_1 ul li {
                    width: 100%;
                    border-top: 1px solid #DCDCDC;
                    padding: 0.2em 0 0.2em 0;
                    font: 1em/1em Arial, Helvetica, sans-serif;
                    line-height: 1.1em;
                }
                div#page div#conteneur div#contenu div#bloc_accueil_1 ul li.premiere {
                    width: 100%;
                    border-top: none;
                    padding: 0.3em 0 0.3em 0;
                }
                    div#page div#conteneur div#contenu div#bloc_accueil_1 ul li span.titre{
                        font: 1em/1em Arial, Helvetica, sans-serif;
                        font-weight: bold;
                    }
                    div#page div#conteneur div#contenu span.heure{
                        font-size: 0.91em;
                    }
                    div#page div#conteneur div#contenu span.chapo{
                        font-size: 0.91em;
                    }
                    div#page div#conteneur div#contenu div#bloc_accueil_1 span.lienGauche a{
                        font-size: 0.91em;
						color: #296495;
						float: right;
                    }

                    div#page div#conteneur div#contenu span.date {
                        font-size: 0.91em;
                        color: #c62b2b;  
                        font-weight: bolder;
                    }
                    div#page div#conteneur div#contenu th.col1 ,
                    div#page div#conteneur div#contenu td.col1 {
                        padding-right: 10px;
                        vertical-align: top;
                    }
                    div#page div#conteneur div#contenu div#bloc_accueil_1 div#lien_vers_liste_cours {
                        width: 236px;
                        height: 35px;
                        position: relative;
                        top: 263px;
                        left: 625px;
                    }
            
            
            div#page div#conteneur div#contenu div.blocs_accueil_2 {
                margin-left: 28px;
            }
            div#page div#conteneur div#contenu div.blocs_accueil_2 div#offrez_un_cours {
                background-image: url(images/cheque_cadeau_oenologie.jpg);
                background-repeat: no-repeat;
                width: 435px;
                height: 162px;
                text-align: left;
                float: left;
                padding: 0 0 0 30px;
                margin-right: -30px;
            }
            
            div#page div#conteneur div#contenu div.blocs_accueil_2 div#entreprise {
                background-image: url(images/animation_oenologie_entreprise_ce.jpg);
                background-repeat: no-repeat;
                width: 435px;
                height: 162px;
                text-align: left;
                float: left;
                padding: 0 0 0 55px;
                margin-right: -55px;
            }
                div#page div#conteneur div#contenu div.blocs_accueil_2 div.lien_vers_la_suite {
                    height: 25px;
                    width: 25px;
                    position: relative;
                    top: 110px;
                    left: 348px;
                }
                div#page div#conteneur div#contenu div.blocs_accueil_2 p {
                    width: 216px;
                    padding-top: 30px;
                }
            
            
            div#page div#conteneur div#contenu div.blocs_accueil_3 {
                font: 0.9em/1em Verdana, Geneva, Arial, Helvetica, sans-serif;
                margin-left: 28px;
            }
            div#page div#conteneur div#contenu div.blocs_accueil_3 div#in_english_please {
                background-image: url(images/wine_tasting_in_english.jpg);
                background-repeat: no-repeat;
                width: 282px;
                height: 109px;
                text-align: left;
                float: left;
                padding: 0 0 0 30px;
                margin-right: -30px;
            }
            div#page div#conteneur div#contenu div.blocs_accueil_3 div#quiz {
                background-image: url(images/le_quiz_du_vin.jpg);
                background-repeat: no-repeat;
                width: 282px;
                height: 109px;
                text-align: left;
                float: left;
                padding: 0 0 0 30px;
                margin-right: -30px;
            }
            div#page div#conteneur div#contenu div.blocs_accueil_3 div#comtpes_rendus {
                background-image: url(images/compte_rendu_degustation_vin.jpg);
                background-repeat: no-repeat;
                width: 282px;
                height: 109px;
                text-align: left;
                float: left;
                padding: 0 0 0 30px;
                margin-left: 25px;
                margin-right: -30px;
            }
                div#page div#conteneur div#contenu div.blocs_accueil_3 div.lien_vers_la_suite {
                    height: 25px;
                    width: 25px;
                    position: relative;
                    top: 67px;
                    left: 219px;
                }
                div#page div#conteneur div#contenu div.blocs_accueil_3 div#in_english_please div.lien_vers_la_suite {
                    left: 196px;
                }
                div#page div#conteneur div#contenu div.blocs_accueil_3 p {
                    width: 150px;
                    padding-top: 0;
                    margin-top: 5px;
                    padding-left: 25px;
                    margin-right: -30px;
                }
                div#page div#conteneur div#contenu div.blocs_accueil_3 div#in_english_please p {
                    padding-left: 0;
                }
				td.enteteTableau {
					color: #6B6B70;
					font-weight: bold;
				}
    /* FIN CONTENU */
    
    /* CONTENU DES PAGES INTERNES */
        div#page div#conteneur div#contenu div#principal div#corps h2{
            font: 1.4em/1em Verdana,Geneva,Arial,Helvetica,sans-serif;
            display: block;
        }
        div#page div#conteneur div#contenu div#principal div#corps h3{
            font: 1.1em/1em Verdana,Geneva,Arial,Helvetica,sans-serif;
        }
        div#page div#conteneur div#contenu div#principal div#corps h3.catalogue{
            font-weight: bold;
            color: #c62b2b;
            margin-top: 3em;
        }
        div#page div#conteneur div#contenu div#principal div#corps h4{
            font: 1.1em/1em Verdana,Geneva,Arial,Helvetica,sans-serif;
            font-weight: normal;
        }
        div#page div#conteneur div#contenu div#principal div#corps{
            padding-left: 90px;
            padding-right: 60px;
        }
        div#page div#conteneur div#contenu div#principal div#corps p{
			font-size: 0.92em;
			line-height: 1.3em;
			text-align: justify;
        }		
        div#page div#conteneur div#contenu div#principal {
            width: 677px;
            text-align: left;
            float: left;
            background: transparent url(images/milieu_bloc_int.png) repeat-y top left;

        }
            div#page div#conteneur div#contenu div#principal div.image_de_cours{
                float: left;
                width: 70px;
                height: 70px;
            }
            div#page div#conteneur div#contenu div#principal div.introduction_de_cours{
				color: #3D3D3D;
				float: left;
				font-size: 0.9em;
				line-height: 1.4em;
				text-align: justify;
				width: 430px;
            }
            div#page div#conteneur div#contenu div#principal table{
                width: 100%;
                border-collapse: collapse;
                line-height: 150%;
            }
            div#page div#conteneur div#contenu div#principal table tr th,
            div#page div#conteneur div#contenu div#principal table tr td{
                border-bottom: 1px solid #d9d9d9;
				padding-left:3px;
            }
            div#page div#conteneur div#contenu div#principal div#ouvre_contenu_principal {
                height: 27px;
                background: transparent url(images/haut_bloc_int.png) no-repeat top left;
            }
            div#page div#conteneur div#contenu div#principal div#ferme_contenu_principal {
                height: 57px;
                background: transparent url(images/bas_bloc_int.png) no-repeat top left;
            }
        
        div#page div#conteneur div#contenu div#contextuel {
            width: 250px;
            text-align: left;
            float: left;
        }
        
            div#page div#conteneur div#contenu div#contextuel div.bloc{
                height: 110px;
            }
            div#page div#conteneur div#contenu div#contextuel div.bloc p{
                width: 150px;
                padding-top: 0;
                padding-left: 25px;
                margin-right: -30px;
            }
            
            div#page div#conteneur div#contenu div#contextuel div.lien_suite_annexe{
                height: 27px;
                width: 32px;
                position: relative;
                top: 65px;
                left: 205px;
            }
            div.lien_retour_principal{
                height: 27px;
                width: 32px;
                margin-left: 36px;
            }
			span.complet {
				/*color: #DAD7D4;*/
				color: #c1c1c1;
			}
			div#plan_et_programme {
				color: #3D3D3D;
				line-height: 1.4em;
				text-align: justify;				
			}
    /* FIN CONTENU DES PAGES INTERNES */
    
    /* PIED */
        div#page div#conteneur div#pied{
            color: #c1c1c1;
            line-height: 150%;
            margin-top: 10px;
            font: 0.9em/1em Verdana, Geneva, Arial, Helvetica, sans-serif;
        }
        div#page div#conteneur div#pied a{
            color: #c1c1c1;
        }
        div#page div#conteneur div#pied div#liens_bas_de_page_principaux{
            background-image: url(images/pied.jpg);
            background-repeat: no-repeat;
            width: 931px;
            height: 38px;
            text-align: center;
            padding-top: 0.2em;
            margin-bottom: -0.2em;
        }
        div#page div#conteneur div#pied div#liens_bas_de_page{
            text-align: justify;
            padding-left: 20px;
            padding-right: 20px;
        }
    /* FIN PIED */
    
    /* FORMULAIRE */
    div#espace-client div.champ,
    div#espace-client div.champ_et_bouton {
        font: 0.8em/1em Verdana, Geneva, Arial, Helvetica, sans-serif;
        float: left;
    }
    div#espace-client div.label {
        font: 0.8em/1em Verdana, Geneva, Arial, Helvetica, sans-serif;
        float: left;
        width: 100px;
        text-align: right;
        line-height: 200%;
    }
    div#espace-client input {
        font: 0.9em/1em Verdana, Geneva, Arial, Helvetica, sans-serif;
        width: 100px;
    }
    div#espace-client input.ok {
        width: 25px;
        border: 1px solid #000;
        background-color: #ededed;
		color: #000;
    }
    div#espace-client p {
        font: 0.8em/1em Verdana, Geneva, Arial, Helvetica, sans-serif;
        text-align: center;
        padding-left: 0px;
    }
    div#espace-client form {
        padding-top: 22px;
    }
    /* FIN FORMULAIRE */
	/* plan du site */
	div#page div#conteneur div#contenu div#principal div#plandusite {
		margin-left: 24px;
		font-size: 1.2em;
		line-height: 1.4em;
		font-weight: bold;
	}
	div#page div#conteneur div#contenu div#principal div#plandusite a {
		color: #3d3d3d;
	}