/*-----------------------------------------------------------------*/ /* css 2 pour Le Pré Verre : http://www.lepreverre.com/ * By France Lavallé, http://www.webstands.net/ * Contents under Licence Creative Commons by-nc-sa/ http://creativecommons.org/licenses/by-nc-sa/2.0/fr/deed.en_GB Attribution-NonCommercial-ShareAlike 2.0 France * French : sous Licence Creative Commons by-nc-sa : Paternité - Pas d'Utilisation Commerciale - Partage des Conditions Initiales à l'Identique 2.0 France. / http://creativecommons.org/licenses/by-nc-sa/2.0/fr/ * Last mod 2010 January 01 / */ /*--------------------------------*/ /* Style généraux */ / * { margin:0; padding:0; } /* Set initial font styles */ body { text-align: left; font-family: 'Hiragino Mincho Pro', Tahoma, Geneva, Kalimati, sans-serif; font-size: 74.01%; line-height: 1em; } /***************** basic layout *****************/ body { margin: 0; padding: 0; /* you can set your own image and background color here */ background : #fff; /* default text color for entire site*/ color: #666666; /* gris foncé texte */ } /* set font size for all divs, this overrides some body rules */ div { font-size: 1em; } /* if img is inside "a" it would have borders, we don't want that */ img { border: 0; } a img { border: none; } /* default link styles all body */ /* set all links to have underline and bluish color */ a, a:link { background-color: inherit; color: #bf691a; /* orangé doré lien */ text-decoration: none; font-size: 1em; } a:active, a:focus, a:hover { /* css validation will give a warning if color is set without background color. this will explicitly tell this element to inherit bg colour from parent element */ background-color: inherit; text-decoration: underline; color: #ee7a0f; /* orangé doré foncé*/ } a:visited, a.external:visited { background-color: inherit; text-decoration: none; } /* center wrapper, min max width */ div#pagewrapper { margin: 0 auto; /* this centers wrapper */ /* min max width, IE wont understand these, so we will use java script magic in the */ max-width: 90em; min-width: 60em; padding-bottom: 10px; background: #fbfaeb url(bg-index.png) no-repeat left top; border-bottom: 6px solid #fff100; /*jaune */ color: #666666; /* gris foncé texte */ } /* page envoi cv */ div#pagewrapper-blanc { margin: 0 auto; /* this centers wrapper */ /* min max width, IE wont understand these, so we will use java script magic in the */ max-width: 90em; min-width: 60em; padding-bottom: 10px; background: #fbfaeb url(bg-index-blanc.png) no-repeat left top; border-bottom: 6px solid #fff100; /*jaune */ color: #666666; /* gris foncé texte */ } /*** HEADER *** we will hide text and replace it with a image we need to assign a height for it */ div#header { position: relative; width: 100%; /*width: 100%;*/ margin: 0; padding: 0; height: 185px; /* Accordé avec hauteur de l'animation pas du logo qui descend sur les div en dessous */ background-color: transparent; } /* liens vers les versions en d'autres langues */ div#header p.lang { position: absolute; top: 0; left: 0; width: 125px; w\idth : 125px; z-index: 8; text-align: left; display: inline; color: #fff; background-color: inherit; } div#header p.lang img{ float: left; margin: 0; padding: 0 3px; display: inline; } /* pour mettre un titre */ div#header h1{ float: left; margin: 185px 0 0 240px; padding:0; background-color: inherit; color: #bf691a; /* orangé doré lien */ font-size: 1.3em; text-transform: uppercase; letter-spacing: 2px; } /* Animation Flash */ #diapo { position: absolute; top: 10px; right: 0; width: 400px; w\idth : 400px; height: 190px; z-index: 9; text-align: right; display: block; } div#slideFlash { position: absolute; top: 10px; right: 0; width: 400px; w\idth : 400px; height: 190px; z-index: 9; text-align: right; display: block; } /* Liens de langues */ div#navheader { padding-top: 30px; margin: 2em 0.5em; width: 100%; text-align: right; } div#navheader ul{ padding: .4em 0; margin: 0; list-style-type: none; width: 100%; text-align: right; } div#navheader li { display: inline; } div#navheader li a{ text-decoration: none; background-color: transparent; padding: .2em 2em; text-align: center; font-size: 1.2em; font-weight: bold; } div#content { margin: 0 auto 1em 0; /* some air above and under menu and content */ } /*--------------------------------*/ /*Styles spécifiques*/ /*--------------------------------*/ div#main { margin-left: 15%; /* this will give room for sidebar to be on the left side, make sure this space is bigger than sidebar width */ margin-right: 2%; /* and some air on the right */ } div#centrIndex{ padding-top: 0px; position: relative; margin: 0 auto; width: 560px; /* largeur du carrousel + marge */ height: 560px; /* hauteur du carrousel + texte */ } div#centrIndex p { line-height: 14px; margin: 5px 0; text-align: left; font-size: 1em; font-style: italic; } div#centrIndex p.normal { line-height: 14px; margin: 5px 0; text-align: left; font-size: 1em; font-style: normal; } div#centrIndex p.retour { line-height: 14px; margin: 15px 20px 0 0; text-align: right; font-size: 1.1em; font-style: normal; } div#centrIndex h3 { color: #db3348; /* rouge rose */ font-size: 1.20em; line-height: 1.3em; margin: 0 0 0.5em 0; } .carousel_container { width: 550px; height: 500px; margin: 0px auto; border: none; } div.footback { /* keep footer below content and menu */ clear: both; /* this sets 10px on right to let the right image show, the balance 10px left on next div */ padding: 0px 10px 0px 0px; } div#footer { text-align: center; width: 90%; /* this sets 10px on left to balance 10px right on last div */ padding: 0px; /* color of text, the link color is set below */ background-color: inherit; color: #666666; /* gris foncé texte */ } div#footer p { /* sets different font size from default */ font-size: 0.9em; line-height: 15px; /* some air for footer */ padding: 0.5em; /* centered text */ text-align: center; margin: 0; } div#footer p a { font-size: 1em; } div#footer a.external, div#footer a:link.external { background-color: inherit; color: #a07d39; /*doré effacé lien*/ font-style: italic; } .spacer { clear: both; visibility: hidden; height: 1px; margin: 1px; padding:0; } div#mail textarea { border:1px inset #c5da7e; /*vert clair */ background-color: #e8ecd2; /* vert très pâle */ } div#mail input { border:1px inset #c5da7e; /*vert clair */ background-color: #e8ecd2; /* vert très pâle */ } /* * Pour l'impression des contenus */ @media print { /* on n'imprime pas les menus, images etc. */ .spacer, .space, #pagewraper, #header, #navheader, #footer { display: none;} #main , #content { float: none; margin: 0; } /* pas de fond */ html, body { color: #000; background: #fff; } a { color: blue; } a:after { content: " [" attr(href) "]"; } h1, h2, h3, h4, h5{ page-break-after: avoid; } p { width: 90%; } }