/* Feuille de style pour L'Atelier d'Encadrement de Croisy V2 */ /* Copyright @didier Fév. 2008 */ /* Définition de la couleur du fond de l'écran, des tailles et polices de base */ .fond_page{background-image: url(img/fond.jpg); background-repeat: repeat-x;background-color:#ffffff/*F0F1EF*/;font-family:arial 'times new roman',helvetica,times,serif;font-size:1em;} /* Définition de la taille, couleur, bordure du fond de la page */ #cadre_principal {position:relative;left: 50%;top:3px;width: 850px;height:600px;margin-top: 0px;margin-left: -425px; border: 0px;background-color: #eeeae6;} /* Définition de la zone centre page */ #cadre_logo{position:absolute;left: 10px;top: 5px;width: 170px;height:111px;background-color: #eeeae6;} #ligne_logo{position:absolute;left: 180px;top: 115px;width: 520px;height:1px;} #ligne_verticale{position:absolute;left: 700px;top: 115px;width: 1px;height:35px;background-color: #667600;} #cadre_nom{position:absolute;left: 15px;top: 116px;width: 160px;height:30px;background-color: #eeeae6;} #cadre_menu_haut {position:absolute;left: 190px;top: 50px;width: 627px;height:43px;} #cadre_gauche {position:absolute;left: 5px;top: 150px;width: 165px;height:314px;background-color: #eeeae6;} #cadre_centre {position:absolute;left: 170px;top: 150px;width: 418px;height:314px;background-color: #bdb3b0;} #cadre_centre_actualites {position:absolute;left: 170px;top: 150px;width: 418px;height:314px;background-color: #d3d3b9;} #cadre_droite {position:absolute;left: 588px;top: 150px;width: 229px;height:314px;background-color: #ffffff;} #cadre_bas {position:absolute;left: 170px;top: 466px;width: 647px;height:96px;background-color: #8e8e8e;} #cadre_addresse {position:absolute;left: 170px;top: 570px;margin-top:5px;width: 647px;height:20px;background-color: #eeeae6;color:#667600;text-align:center;font-size:0.7em;font-style:italic;} /* Définition du positionnement du menu haut */ #bouton_accueil {position:absolute;left: 0px;top: 0px;width: 140px;height:43px;background-color: #d3d3b9;text-align:center;color:#667600;} #bouton_encadrement {position:absolute;left: 162px;top: 0px;width: 140px;height:43px;background-color: #d3d3b9;text-align:center;color:#667600;} #bouton_catalogue {position:absolute;left: 324px;top: 0px;width: 140px;height:43px;background-color: #d3d3b9;text-align:center;color:#667600;} #bouton_prestations {position:absolute;left: 486px;top: 0px;width: 140px;height:43px;background-color: #d3d3b9;text-align:center;color:#667600;} /* Définition du positionnement du menu gauche */ #bouton_actualites {position:absolute;left: 15px;top: 15px;width: 150px;height:35px;background-color: #d3d3b9;text-align:center;color:#667600;} #bouton_qui {position:absolute;left: 15px;top: 65px;width: 150px;height:35px;background-color: #d3d3b9;text-align:center;color:#667600;} #bouton_atelier {position:absolute;left: 15px;top: 115px;width: 150px;height:35px;background-color: #d3d3b9;text-align:center;color:#667600;} #bouton_contacts {position:absolute;left: 15px;top: 165px;width: 150px;height:35px;background-color: #d3d3b9;text-align:center;color:#667600;} #bouton_liens {position:absolute;left: 15px;top: 215px;width: 150px;height:35px;background-color: #d3d3b9;text-align:center;color:#667600;} #bouton_renseignement {position:absolute;left: 15px;top: 265px;width: 150px;height:35px;background-color: #d3d3b9;text-align:center;color:#667600;} /* Définition de la zone menu droit */ #ligne_vert_index1 {position:absolute;left: 112px;top: 0px;width: 1px;height:30px;background-color: #667600;} #fioriture{position:absolute;left: 58px;top: 10px;width: 110px;height:36px;background-color: #ffffff;} #com_index1{position:absolute;left: 5px;top: 40px;width: 219px;height:60px;background-color: #ffffff;line-height:120%;} #com_index2{position:absolute;left: 5px;top: 105px;width: 219px;height:60px;background-color: #ffffff;} #com_index3{position:absolute;left: 5px;top: 175px;width: 219px;height:60px;background-color: #ffffff;} #com_index4{position:absolute;left: 5px;top: 245px;width: 219px;height:60px;background-color: #ffffff;} /* Définition du texte Bienvenue de la zone droite */ h5{margin-top:10px;text-align:center;} /* Définition de la sous-page Actualités */ #cadre_actualites{position:absolute;top:0px;left:0px;width:400px;height:1000px;} #pos_titre{position:relative;top:0px;left:0px;width:400px;height:50px;background-image:url("img/img_actualites.jpg");} #texte_actualites{position:relative;top:0px;left:0px;} h1{margin-top:10px;margin-left:10px;font-style:italic;color:#667600;} h2{margin-top:10px;margin-left:10px;font-style:italic;color:#94501a;} h3{margin-top:10px;margin-left:0px;font-style:italic;color:#94501a;} h6{margin-top:5px;color:#667600;} #trait{position:relative;left:-9px;top:41px;} #image1{position:relative;top:0px;left:10px;width:350px;height:285px;text-align:center;} #image2{position:relative;top:0px;left:10px;width:350px;height:200px;text-align:center;} #image3{position:relative;top:0px;left:10px;width:350px;height:225px;text-align:center;} #image4{position:relative;top:0px;left:30px;width:300px;height:175px;text-align:center;} #image5{position:relative;top:0px;left:30px;width:300px;height:255px;text-align:center;} #image6{position:relative;top:0px;left:30px;width:300px;height:200px;text-align:center;} /* Définition de la sous-page Qui suis-je ? */ #cadre_quisuisje{position:absolute;top:0px;left:0px;width:400px;height:600px;} #pos_titre_qui{position:absolute; top:0px;left:0px;width:400px;height:50px;background-image:url("img/img_quisuisje.jpg");} #cadre_qui{position:relative;top:50px;left:0px;width:380px;height:550px;line-height:200%;} .floatleft_qui{float:left;padding-left:0px;margin-right:15px;margin-top:5px;margin-bottom:5px;width:150px;height:113px;} #rue{position:relative;top:5px;text-align:center;} /* Définition de la sous-page Atelier */ #cadre_latelier{position:absolute;top:0px;left:0px;width:400px;height:1100px;} #pos_titre_atelier{position:absolute; top:0px;left:0px;width:400px;height:50px;background-image:url("img/img_atelier.jpg");} #cadre_atelier{position:relative;top:50px;left:0px;width:380px;line-height:200%;} /*.floatleft_qui{float:left;padding-left:0px;margin-right:15px;margin-top:5px;margin-bottom:5px;width:150px;height:113px;}*/ #atelier1{position:relative;top:15px;text-align:center;} #atelier2{position:relative;top:15px;text-align:center;} #mains{position:relative;top:15px;height:160px;text-align:center;} #handicap{position:relative;top:15px;text-align:center;} /* Définition de la sous-page Contact */ #cadre_contact{position:relative;top:50px;left:10px;width:330px;height:650px;line-height:200%;} #pos_titre_contact{position:absolute; top:0px;left:0px;width:400px;height:50px;background-image:url("img/img_contact.jpg");} #cadre_lecontact{position:absolute;top:0px;left:0px;width:400px;} #carte_visite{position:relative;top:0px;left:32px;} #plan_google{position:relative;top:0px;left:38px;} /* Définition de la sous-page Liens */ #cadre_liens1{position:absolute;top:0px;left:0px;width:400px;height:350px;} #pos_titre_liens{position:absolute; top:0px;left:0px;width:400px;height:50px;background-image:url("img/img_credits.jpg");} #cadre_liens2{position:relative;top:50px;left:10px;width:380px;height:350px;line-height:200%;margin-top:10px;margin-left:0px;font-style:italic;color:#94501a;} /* Définition de la sous-page Renseignements */ #cadre_renseignements1{position:absolute;top:0px;left:0px;width:400px;height:400px;} #pos_titre_renseignements{position:absolute; top:0px;left:0px;width:400px;height:50px;background-image:url("img/img_renseignements.jpg");} #cadre_renseignements2{position:relative;top:50px;left:10px;width:380px;height:400px;line-height:200%;} /* Définition de la sous-page Renseignements partie Formulaire */ #coordonnees label {position:absolute;font-size:90%;padding-top:0.1em;left:20px;} #coordonnees input {margin-left:120px;line-height:1.4em;margin-bottom:.4em;margin-top:0.5em;} input[type="submit"], input[type="reset"] {background:#d3d3b9;width:120px;font:1em "Trebuchet MS", Verdana, sans-serif;color:#863b00;font-style:italic;} p#buttons {text-align:center;margin-top:0px;} #comment{margin-left:5px;} /* Définition de la sous-page Encadrement */ #cadre_encadrement{position:absolute;top:0px;left:0px;width:400px;height:650px;} #pos_titre_encadrement{position:absolute; top:0px;left:0px;width:400px;height:50px;background-image:url("img/img_encadrement.jpg");} #cadre_encadrement2{position:relative;top:50px;left:10px;width:380px;height:550px;line-height:200%;font-size:90%;margin-top:10px;margin-left:0px;font-style:italic;font-weight:bold;color:#94501a;} #fio1{position:relative;top:0px;left:50px;width:300px;height:36px;text-align:center;} #cadre1{position:relative;top:0px;left:50px;width:300px;height:160px;text-align:center;} #cadre2{position:relative;top:0px;left:50px;width:300px;height:123px;text-align:center;} #cadre3{position:relative;top:0px;left:50px;width:300px;height:123px;text-align:center;} #cutter{position:relative;top:0px;left:50px;width:300px;height:176px;text-align:center;} /* Définition de la sous-page Catalogue */ #cadre_catalogue{position:absolute;top:0px;left:0px;width:400px;height:650px;} #pos_titre_catalogue{position:absolute; top:0px;left:0px;width:400px;height:50px;background-image:url("img/img_catalogue.jpg");} #cadre_catalogue2{position:relative;top:50px;left:10px;width:380px;height:550px;line-height:200%;font-size:80%;margin-top:10px;margin-left:0px;font-style:italic;font-weight:bold;color:#94501a;} #blocimg1{position:relative;top:0px;left:50px;width:300px;height:300px;text-align:center;} #blocimg2{position:relative;top:0px;left:50px;width:300px;height:320px;text-align:center;} #blocimg3{position:relative;top:0px;left:50px;width:300px;height:280px;text-align:center;} #blocimg4{position:relative;top:0px;left:50px;width:300px;height:280px;text-align:center;} #blocimg5{position:relative;top:0px;left:50px;width:300px;height:187px;text-align:center;} #blocimg6{position:relative;top:0px;left:50px;width:300px;height:171px;text-align:center;} #blocimg7{position:relative;top:0px;left:50px;width:300px;height:227px;text-align:center;} #blocimg8{position:relative;top:0px;left:50px;width:300px;height:200px;text-align:center;} /* Définition de la sous-page Prestations */ #cadre_prestations{position:absolute;top:0px;left:0px;width:400px;height:650px;} #pos_titre_prestations{position:absolute; top:0px;left:0px;width:400px;height:50px;background-image:url("img/img_prestations.jpg");} #cadre_prestations2{position:relative;top:50px;left:10px;width:380px;height:550px;line-height:200%;font-size:90%;margin-top:10px;margin-left:0px;font-style:italic;font-weight:bold;color:#94501a;} #blocpres1{position:relative;top:20px;left:50px;width:300px;height:210px;text-align:center;} #blocpres2{position:relative;top:20px;left:50px;width:300px;height:140px;text-align:center;} #blocpres3{position:relative;top:20px;left:50px;width:300px;height:210px;text-align:center;} #blocpres4{position:relative;top:0px;left:50px;width:300px;height:187px;text-align:center;} a:hover {color:#667600;font-style: italic;} a {text-decoration:none;}