/* /////////////////// AUTHOR //////////////////// */ /* ||||||||| Nathalie Vergères | Atypique |||||||||| */ /* ||| www.atypique.ch | info@atypique.ch | 2008 ||| */ /* ///////////////////////////////////////////////// */ /* /////////////////////////////////////////////////////////// */ /* /// Resets default browser CSS///////////////////////////// */ /* /////////////////////////////////////////////////////////// */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; /*vertical-align: baseline;*/ vertical-align: top; } /* Tables still need 'cellspacing="0"' in the markup. */ table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } table, td, th { vertical-align: middle; } /* Remove possible quote marks (") from ,
. */ blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } /* Remove annoying border on linked images. */ a img { border: none; } /* /////////////////////////////////////////////////////////// */ /* /// HTML BASIC TAGS /////////////////////////////////////// */ /* /////////////////////////////////////////////////////////// */ body{background: url(img/bg2.png) #0C0D31 repeat-x; text-align: center;} body, table, td, tr, p, b, div, small, textarea, input, select, option, optgroup, fieldset, pre { font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif; color: #020d5a; } p, a, small, li {line-height: 1.5em;} b {font-weight:bold;} ul{} /* /// Title Tags /// */ h1, h2, h3, h4, h5, h6 {font-family: "Georgia", serif;} h1{font-size: 2.6em; color:#020d5a; line-height:2.6em;} h2{font-size: 2.2em; color:#020d5a; line-height:2em; } h3{font-size: 1.5em; color:#001EE6; line-height:2em;} h4{font-size: 1.2em; font-weight: bold; margin-bottom:1em;} h5{font-size: 1em;} h6{font-size: 1em;} /* ////////////////// */ /* /// Link Tags /// */ a:link, a:active, a:visited, a:hover {font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; color: #308815;} a:hover{color:#65AAF5;} /* /// Form Tags /// */ input, textarea, select{border:1px solid #020d5a; cursor:pointer; } input{} textarea {} imput.checkradio{border: 0 none!important;} input.send{ } /* ///////////////// */ small{font-size:0.8em; } code{font:1.2em "Courier New", sans-serif;} cite, pre, blockquote, q {font: 1.3em "Times New Roman", serif; font-style: italic; color:#F8921F;} abbr, acronym{cursor:help;} hr {border:1px solid #F8921F;} img.border{border:1px dotted #6579F5;} /* ///////////////////////////////////////////////////////////// */ /* /// ATYPIQUE SITE TAG /////////////////////////////////////// */ /* //////////////////////////////////////////////////////////// */ #fullsite{ margin-left: auto; margin-right:auto; width:984px; text-align:left;} table.sitesize {width:984px;} /* /// Top Nav/// */ #topnav {background: url(img/bg_topnav_site.gif) no-repeat; height:310px;} #homelinklogo{height:280px; width:330px; float:left;} #titlesite{position:relative; width:550px; height:70px; top:5px; left:50px; float:left;} #titlesite h2 a, #titlesite h3 a { text-decoration: none; font-family: "Georgia", serif; color:#6579F5;} #titlesite h2 a:hover, #titlesite h3 a:hover {color:#65AAF5;} #titlesite h2 {line-height:1em; } #topnavmenu{position:relative; float:left; width:644px; height:120px; top:5px;} #topnavmenu h2{padding-bottom:5px; font-size:1.5em; color:#65AAF5;} #topnavmenu div div {position:absolute; bottom:20px;} #topnavmenu div li{ background: url(img/nav_arrow.png) no-repeat; background-position: 2px; list-style-image:none; list-style-type:none; list-style-position:inherit; margin:0; padding:2px 0 2px 15px; border-bottom:1px dotted #FFFFFF;} #topnavmenu div li a{text-decoration: none; color:#FFFFFF; } #topnavmenu div li a:hover{color:#65AAF5;} #topnavmenu div.menu1{left:50px;} #topnavmenu div.menu2{left:190px;} #topnavmenu div.menu3{left:320px;} #topnavmenu div.menu4{left:490px;} #trail{position:relative; float:left; height:20px; left:50px; width:550px; z-index:9; color:#B5D564; font-size:0.8em;} #trail a{color:#B5D564; line-height:1em; } #trail a:hover{color:#FFFFFF;} div.topanchor{float:right; position: relative; text-align:right; text-transform: uppercase; font-size:0.7em; font-weight:bold;} div.anchor1{width:120px; top:35px; } div.anchor2{display:block; width:815px;} /* ///////////////// */ /* /// Home /// */ #homeslogan{float:left; width:500px; height:500px;} #homeslogan div{position:relative; left:80px; top:140px; width:180px; z-index:5;} #homeslogan a {display:block; text-align:right; text-decoration: none; font-size: 2.2em; font-family: "Georgia", serif; color:#020d5a;} #homeslogan a:hover {color:#6579F5;} #homeimg3d{ background:url(img/home_illustre_3d.gif) no-repeat; position: relative; float:left; left:200px; top:-64px; width:389px; height:500px;} #homecontent{ width:900px; float:left;} #hometxtaccroche{position: relative; top:-60px;} #hometxtaccroche h2{line-height:1.5em;} #hometxtaccroche h3{padding-left:112px;} #hometopnav {background: url(img/bg_topnav_home.gif) no-repeat; height:310px;} #homeillustre{ background:url(img/home_illustre.gif) no-repeat; float:left; width:984px; min-height:545px;} #homerefid{} .homeref{width:390px; float:left; padding:20px 50px 0 0; position:relative; left:-5px;} .homeref li{display:inline; padding-left: 20px; padding-top:3px; background: transparent url(img/ico_type_crea.gif) center left no-repeat; font-size:10px; color: #6579f5;} .homeref p {line-height:3em; font-weight:bold; color:#020D5A;} /* ///////////////// */ /* /// Content /// */ #contentfull{ background:url(img/bg_content.png) repeat-y; float:left; width:984px;} #contentsub{ background:url(img/bg_deco_site.gif) no-repeat; float:left; width:984px; min-height:305px;} #content{margin:0 0 30px 90px;} #slideplayerstyle{ margin:20px 0 20px 0;} #etudecaslink li{ list-style: none inside; list-style-type: none; padding-top:5px; padding-left:0; margin:0!important; line-height:35px; } #etudecaslink img{margin-right:10px; vertical-align: middle; border:1px dotted #A3ACCD;} #etudecaslink a{ vertical-align: baseline;} /* ///////////////// */ /* /// Footer/// */ #footer { background:url(img/bg_footer.png) no-repeat; float:left; width:984px; height:140px; } #footercontent { margin: 0 50px 0 50px;} #footercontent div{ position:relative; float:left; padding-left:20px; top:60px;} #footercontent div li { list-style-image:none; list-style-type:none; list-style-position: inherit; background: url(img/list_arrow.png) no-repeat; background-position:2px; margin:0; padding:2px 0 2px 15px; border-bottom:1px dotted #020d5a;} #footercontent div li.rss{ background: url(img/list_rss.png) no-repeat; background-position:2px;} #footercontent div li a{ text-decoration: none; } #footercontent h2 {color:#B0B5E0; padding-left:20px;} #copyright{color:#6579F5; font-size:0.8em; float:right; margin-bottom:20px;} /* ///////////////// */ /* /// Search /// */ #search{ position:relative; float:right; width:250px; height:40px; padding-top:15px; z-index:10;} input.search{ background:url(img/ico_search.png) no-repeat #b0b5e0; background-position:3px; width:130px; margin-top:5px; padding:3px 5px 3px 30px; } input.searchbt{ background:url(img/bg_search_bt.png) repeat-x #b0b5e0; width:40px; padding:2px; font-weight: bold; } /* ///////////////// */ /* /// Mandat Info & listcrea/// */ #mandatinfo {float:left; width:40%; } #mandatinfo ul{color:#020D5A; font-weight: bold; } #mandatinfo li{color:#6579F5; line-height: 1.5em; } #mandatinfo div span, #listcrea span { text-transform: uppercase; color:#020D5A; font-size:0.8em; vertical-align: baseline; font-weight: bold;} #mandatinfo div { padding:5px 0 5px 0; border-bottom:1px dotted #020D5A; font-weight: bold; color:#6579F5; line-height:1.5em;} #listcrea{float:left; width:185px; height:385px; border:1px dotted #6579F5; border-right:none; margin:20px 0 20px 0; background: url(img/bg_graphisme.png) no-repeat;} #listcrea div{width:160px; padding:10px;} /* /////////////////// */ /* /// logo template detail/// */ #logodisplay{ position:relative; float:left; width:530px; padding-right:25px } #logodisplay img{ border:1px dotted #B0B5E0;} #logosubnav{width:70px; position:relative; float:right;} /* /////////////////// */ /* /// ref template detail/// */ #refdisplay{ float:left; padding-right:25px } #logosubnav{width:70px; float:right;} /* /////////////////// */ /* /// content template detail/// */ #contentsize{width:815px; position:relative; float:left;} #contenttemplate{width:815px;} #contenttemplate p {text-align:justify; padding-bottom:1em;} #contenttemplate li { margin-left:3em; } #listcrea li{ padding:5px 0 5px 0; border-bottom:1px dotted #020D5A; font-weight: bold; color:#6579F5; line-height:1.5em; list-style: none; margin-left:0; } #contenttemplate ul {padding-bottom:1em;} #contentIntro{min-height:420px; margin-top:30px;} #contenttemplate div.block{display:block; width:815px; float:left; } #contenttemplate div.cols{ width:50%;} #contenttemplate div.cols2{ width:48%; float:left;} #contenttemplate div.cols3{ width:48%; float:right;} ul.biglist li{ padding-bottom:1em; font-weight:bold;} div.mandatrefcont{margin-left:10px;} div.mandatref{width:390px; float:left; min-height:230px; padding-right:10px;} div.mandatref li{margin-left:0!important; display:inline; padding-left: 20px; padding-top:3px; background: transparent url(img/ico_type_crea.gif) no-repeat; font-size:10px; color: #6579f5; } div.mandatref ul{margin-top:5px; } a.mandatreftitle {} #sitemap {background: url(img/bg_sitemap.jpg) right no-repeat; min-height:550px; } #sitemap li {margin-left:3em;} /* /////////////////// */ /* /// image nav sliders /// */ div.slideboxcontainer {position:relative; z-index:5; width:41px; height:408px;} div.slideboxarrows {width:16px; z-index:6; height:20px;} div.slideboxprevious {position:absolute; right:2px; top:0px;} div.slideboxnext {bottom:0px; position:absolute; right:2px;} div.slideboxarrows a, div.slideboxarrows img {border:none;} div.slideboxwrapper { width:41px; height:353px; top:5px; overflow:hidden; position:relative; border:1px dotted #E9EBFC; } div.slideboxslider {left:0px; position:absolute; top:0px; background-color:transparent;} .clear { clear:both; } div#slidersnav {width:41px;} div#slidersnav ul {margin:0; padding:0; clear:both; } div#slidersnav ul li { list-style-type:none; width:35px; height:35px; line-height:35px; text-align:center; margin-top:2px; margin-left:2px; float:left; border:1px solid #B0B5E0; } div#slidersnav ul li.over {border:1px solid #F8921F;} /* //////////////////// */ /* ///// CV Style ///// */ div.cvpart{width:100%; margin-bottom:2em;} div.cvpart h1 {border-bottom:1px dotted #6579F5; line-height:1.5em; margin-bottom:0.8em; font-size: 2.2em; } .cvformations h2 small{font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif; } div.cvexperiences, div.cvformations{ width:100%; float:left; margin-bottom:1.5em; border-bottom:1px solid #E9EBFC; } div.cvexperiences h3, div.cvformations h3 {font-size: 1.2em; padding-bottom:10px; font-weight: bold; line-height:1em;} div.cvformations h3{padding-top:10px;} div.cvexperiences h2, div.cvformations h2{font-size: 1.5em; color:#020d5a; line-height:1em; } div.cvcolsleft{float:left; width:200px;} div.cvcolsright{float:left; margin-top:20px} div.cvexperiences ul { margin-left:-20px; margin-top:-5px;} #cvcomp {width:100%;} #cvcomp div {float:left;} #cvcomp div.cols{width:33%;} #cvcomp div h2 {font-size:1.2em; font-weight:bold; line-height:2em; color:#001EE6;} #cvcomp div h3 {font: 0.8em Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight:bold; color:#020d5a; line-height: 2em;} #cvcomp div li {list-style:none; font-size:0.8em; line-height:2em; margin:0 15px 0 0;} .star1{color:#A3ACCD; font-weight:normal; } .star2{color:#6370A9; font-weight:normal; } .star3{font-weight:normal; } div.noborder{border:0;} /* //////////////////// */