/* v1.0 | 20080212 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}
body {
line-height:1;
}
ol, ul {
list-style:none;
}
blockquote, q {
quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content:'';
content:none;
}
/* remember to define focus styles! */
/*:focus {
outline:0;
}*/
/* remember to highlight inserts somehow! */
ins {
text-decoration:none;
}
del {
text-decoration:line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse:collapse;
border-spacing:0;
}
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on September 11, 2012 */
@font-face {
font-family: 'oswaldlight';
src: url('../fonts/oswald-light-webfont.eot');
src: url('../fonts/oswald-light-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/oswald-light-webfont.woff') format('woff'),
url('../fonts/oswald-light-webfont.ttf') format('truetype'),
url('../fonts/oswald-light-webfont.svg#oswaldlight') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'oswaldregular';
src: url('../fonts/oswald-regular-webfont.eot');
src: url('../fonts/oswald-regular-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/oswald-regular-webfont.woff') format('woff'),
url('../fonts/oswald-regular-webfont.ttf') format('truetype'),
url('../fonts/oswald-regular-webfont.svg#oswaldregular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'oswaldbold';
src: url('../fonts/oswald-bold-webfont.eot');
src: url('../fonts/oswald-bold-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/oswald-bold-webfont.woff') format('woff'),
url('../fonts/oswald-bold-webfont.ttf') format('truetype'),
url('../fonts/oswald-bold-webfont.svg#oswaldbold') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'gnuolane_rgregular';
src: url('gnuolane_rg-webfont.eot');
src: url('../fonts/gnuolane_rg-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/gnuolane_rg-webfont.woff') format('woff'),
url('../fonts/gnuolane_rg-webfont.ttf') format('truetype'),
url('../fonts/gnuolane_rg-webfont.svg#gnuolane_rgregular') format('svg');
font-weight: normal;
font-style: normal;
}
html {
background-color:#e9e9e9;
}
.gotomenu {
display:none;
}
.bloc-contenu ul li {
list-style-type:disc;
margin-left:20px;
margin-bottom:20px;
}
body {
/*height:2000px;*/
padding-top:62px;
width:980px;
font-family:oswaldlight;
font-size:19px;
color:white;
line-height:24px;
margin:0 auto;
background-color:white;
}
header {
background-color: #41a7de;
position:fixed;
top:0px;
left:0px;
width:100%;
z-index:10;
}
header nav {
position:relative;
width:980px;
margin-left:auto;
margin-right:auto;
}
header nav ul li {
display:block;
float:left;
margin-left:52px;
}
header nav ul li a {
display:block;
color: #ffffff;
font-family: oswaldlight;
text-transform:uppercase;
text-decoration:none;
font-size:20px;
padding-top:20px;
padding-bottom:27px;
/*border:1px solid black;*/
}
header nav ul li a:hover {
background-image:url('../images/fleche-menu.png');
background-color:transparent;
background-repeat:no-repeat;
background-position:center bottom;
}
h1#logo {
margin-top:25px;
text-align:center;
}
h2 {
font-family: oswaldlight;
text-transform:uppercase;
color: #41a7de;
border-top:4px solid #41a7de;
border-bottom:1px solid #41a7de;
font-size:40px;
line-height:40px;
/*letter-spacing:-1px;*/
padding-top:15px;
padding-bottom:10px;
margin-bottom:2px;
margin-top:20px;
padding-left:10px;
}
.clear {
clear:both;
}
h3 {
color: #ffffff;
text-transform:uppercase;
font-size:28px;
font-family: oswaldregular;
/*letter-spacing:-1px;*/
margin-top:15px;
margin-bottom:15px;
line-height:32px;
}
.bloc-contenu {
padding:10px;
}
p {
margin-bottom:15px;
}
p a {
color:white;
/*font-weight:bold;*/
/*letter-spacing:-1px;*/
}
p a:hover {
text-decoration:none;
}
p strong {
/*letter-spacing:-1px;*/
}
#message-box {
width:940px;
margin: 0 auto;
color:white;
margin-top: 80px;
margin-bottom:80px;
text-align:center;
padding:20px;
font-size:20px;
}
#message-box.normal {
background-color:#55a516;
}
#message-box.error {
background-color:#f8830a;
}
#pres-gauche {
background-color: #41a7de;
width:470px;
float:left;
height:390px;
}
#pres-droite-haut {
background-color: #f8830a;
width:470px;
float:left;
height:185px;
}
#pres-droite-bas1 {
background-color: #e2e2e2;
width:225px;
height:185px;
float:left;
background-image:url("../images/maillage.png");
background-position:center center;
background-repeat:no-repeat;
/*height:140px;*/
}
#pres-droite-bas2 {
background-color: #55a516;
width:225px;
height:185px;
float:left;
background-position:center bottom;
background-repeat:no-repeat;
}
#pres-droite-bas2 p {
text-transform:uppercase;
font-size:17px;
}
#prog-gauche {
background-color: #41a7de;
width:470px;
float:left;
height:390px;
}
#prog-droite {
width:490px;
float:left;
height:390px;
}
#prog-dev {
background-color:#F8830A;
width:225px;
height:100px;
float:left;
position:relative;
}
#prog-inte {
background-color:#55a516;
width:225px;
height:100px;
float:left;
position:relative;
}
#prog-dev div, #prog-inte div {
width:98px;
float:left;
height:50px;
position:absolute;
top:70px;
z-index:1;
}
#prog-dev div p, #prog-inte div p {
text-align:center;
padding-top:10px;
/*font-weight:bold;*/
text-transform:uppercase;
/*letter-spacing:-1px;*/
font-weight:15px;
}
#php {left : 0px; background-color:#F8830A;}
#mysql {left : 98px; background-color:#EF4036;}
#js {left : 196px; background-color:#898989;}
#html {left : 49px; background-color:#55a516;}
#css {left : 147px; background-color:#41a7de;}
#prog-droite-bas {
float:left;
background-color:#55a516;
height:270px;
width:470px;
}
.outils {
width:306px;
float:left;
height:290px;
}
#outils-1 {
background-color:#41a7de;
}
#outils-2 {
background-color:#f8830a;
}
#outils-3 {
background-color:#55a516;
}
.annee {
color:white;
text-decoration:underline;
}
.fondateurs {
width:480px;
float:left;
background-position:center top;
background-repeat:no-repeat;
padding-left:0px;
padding-top:0px;
position:relative;
height:341px;
}
.fondateurs img {
float:left;
margin-right:10px;
}
.fondateurs h3 {
width:150px;
line-height:35px;
/*margin-top:-100px;*/
margin-left:10px;
position:absolute;
bottom:-10px;
}
.fondateurs p {
margin-top:10px;
padding-left:10px;
padding-right:10px;
}
.fondateurs .email {
position:absolute;
bottom: 10px;
right:10px;
text-transform:uppercase;
}
#fondateurs-1 {
background-color: #41a7de;
}
#fondateurs-1 h3 {
color: #41a7de;
}
#fondateurs-2 {
background-color: #f8830a;
}
#fondateurs-2 h3 {
color: #f8830a;
}
/*
#fondateurs-3 {
background-color: #55a516;
}
#fondateurs-3 h3 {
color: #55a516;
}*/
#preinscription-gauche {
background-color: #41a7de;
width:470px;
float:left;
height:480px;
}
#preinscription-droite {
background-color: #55a516;
width:490px;
float:left;
height:500px;
position:relative;
}
#preform-gauche, #preform-droite {
width:235px;
float:left;
}
#preform label {
display:block;
/*font-weight:bold;*/
/*letter-spacing:1px;*/
}
#preform-gauche label {
margin-top:15px;
}
#preform-droite label {
margin-top:10px;
}
#preform label.civilite {
display:inline;
}
#preform label.text {
font-weight:normal;
/*letter-spacing:0px;*/
}
#preform input[type=text], #preform textarea {
font-size:20px;
border:1px inset #41a7de;
border-radius:3px;
width:215px;
}
#preform textarea {
height:150px;
}
#preinscription-droite input[type=submit] {
text-indent:-2000px;
display:block;
position:absolute;
background-color:transparent;
background-image:url("../images/fleche-preinscription.png");
background-repeat:no-repeat;
background-position:center 40%;
border:0 none;
width:100%;
height:100%;
z-index:1;
}
#envoyer {
position:absolute;
top:280px;
width:100%;
display:block;
text-align:center;
font-size:50px;
font-family:oswaldlight;
text-transform:uppercase;
}
#envoyer-suite {
position:absolute;
top:320px;
width:100%;
display:block;
text-align:center;
font-size:19px;
font-family:oswaldlight;
text-transform:uppercase;
}
#preinscription-droite input[type=submit]:hover {
background-image:url("../images/fleche-preinscription-hover.png");
}
.financement {
width:225px;
float:left;
height:210px;
}
#fin-a1 {
background-color:#41a7de;
}
#fin-a2 {
background-color:#f8830a;
}
#fin-a3 {
background-color:#55a516;
}
#fin-a4 {
background-color:#ef4036;
}
#fin-b1 {
background-color:#41a7de;
}
#fin-b2 {
background-color:#f8830a;
}
#fin-b3 {
background-color:#55a516;
}
#fin-b4 {
background-color:#ef4036;
}
.presse {
width:225px;
float:left;
height:365px;
}
.presse h3 {
height: 70px;
}
#presse-1 {
background-color:#41a7de;
}
#presse-2 {
background-color:#f8830a;
}
#presse-3 {
background-color:#55a516;
}
#presse-4 {
background-color:#ef4036;
}
#contact-gauche {
width:490px;
height:490px;
position:relative;
background-color:white;
float:left;
}
#contact-gauche-1 {
width:50%;
height:50%;
position:absolute;
top:0px;
left:0px;
background-color:#41a7de;
background-image:url("../images/tel.png");
background-position:center center;
background-repeat:no-repeat;
}
#contact-gauche-1 p, #contact-gauche-2 p {
text-align:center;
position:absolute;
bottom:20px;
display:block;
width:100%;
}
#contact-gauche-2 {
width:50%;
height:50%;
position:absolute;
bottom:0px;
right:0px;
background-color:#41a7de;
background-image:url("../images/email.png");
background-position:center center;
background-repeat:no-repeat;
}
#contact-droite {
width:470px;
height:470px;
background-color:#55a516;
float:left;
background-position:center bottom;
background-repeat:no-repeat;
text-transform:uppercase;
font-size:19px;
}
#footer {
text-transform:uppercase;
color: #41a7de;
border-top:4px solid #41a7de;
border-bottom:1px solid #41a7de;
font-size:12px;
line-height:20px;
padding-top:15px;
padding-bottom:10px;
margin-bottom:40px;
margin-top:20px;
padding-left:700px;
}
#footer .moon, #footer .moon a {
color: #f8830a;
/*font-weight:bold;*/
}