@import url('font-awesome.min.css');
@import url('http://fonts.googleapis.com/css?family=Oleo+Script:400|Open+Sans:300,300italic,600,600italic,800');
body {
background-color : #f7f7f7;
}
body, input, select, textarea {
font-family : 'Open Sans', sans-serif;
font-size : 10pt;
color : #433737;
font-weight : 400;
}
a {
color : #0090c5;
text-decoration : underline;
}
a:hover {
text-decoration : none;
}
b, strong {
font-weight : 600;
color : #444;
font-weight : bold;
}
h1, h2, h3, h4, h5, h6 {
color : #444;
font-weight : 800;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
color : inherit;
text-decoration : none;
outline : 0;
}
bleutext {
color : #0090c5;
}
rougetext {
color : #ff0416;
}
i, em {
font-style : italic;
}
br.clear {
clear : both;
}
sub {
position : relative;
top : 0.5em;
font-size : 0.8em;
}
sup {
position : relative;
top : -0.5em;
font-size : 0.8em;
}
hr {
border : 0;
border-top : 1px solid #f80605;
}
blockquote {
border-left : 0.5em solid #eee;
padding : 1em 0 1em 2em;
font-style : italic;
}
p, ul, ol, dl, table {
margin-bottom : 2em;
}
uppercase {
text-transform : uppercase;
font-weight : bold;
}
section, article {
margin-bottom : 5em;
}
wow {
margin : 0 auto;
width : auto;
}
text {
text-align : center;
}
header {
margin : 0 0 2em 0;
}
header h2, header h3 {
margin : 0 0 0.25em 0;
}
header p {
margin : 0;
}
footer {
margin : 2.5em 0 0 0;
}
form label {
display : block;
font-weight : 800;
margin : 0 0 1em 0;
font-size : 0.8em;
color : #444;
}
form input[type="text"], form input[type="email"], form input[type="password"], form select, form textarea {
display : block;
width : 100%;
border : 1px solid #eee;
}
form input[type="text"]:focus, form input[type="email"]:focus, form input[type="password"]:focus, form select:focus, form textarea:focus {
border-color : #0090c5;
}
form input[type="text"], form input[type="email"], form input[type="password"], form select {
line-height : 3em;
padding : 0 1em;
}
form textarea {
min-height : 9em;
padding : 1em;
}
form .formerize-placeholder {
color : #555 !important ;
}
table {
width : 100%;
border : medium solid #d4d4d4;
}
table.default {
width : 100%;
}
table.default tr {
border-top : 1px solid #eee;
}
table.default tr:first-child {
border-top : 0;
}
table.default td {
padding : 0.5em 1em 0.5em 1em;
text-align : center;
}
table.default th {
text-align : left;
padding : 0.5em 1em 0.5em 1em;
font-weight : 800;
margin : 0 0 1em 0;
}
table.default thead {
background : #404248;
color : #fff;
}
table.timeline {
width : 100%;
}
.dotted {
border : 2px dotted #cecdcd;
}
.image {
display : inline-block;
outline : 0;
max-width : 100%;
height : auto;
}
.image img {
display : block;
width : 100%;
}
.image.fit {
display : block;
width : 100%;
}
.image.featured {
display : block;
width : 100%;
margin : 0 0 2.5em 0;
}
.image.left {
float : left;
margin : 0 2em 2em 0;
}
.image.centered {
display : block;
margin : 0 0 2.5em 0;
}
.image.centered img {
display : block;
margin : 0 auto;
width : auto;
}
.pas_copier {
height : 800px;
width : 800px;
background : url('http://www.atypikmusik.com/images/generales/pas_copier.gif') no-repeat center center;
}
input[type="button"], input[type="submit"], input[type="reset"], .button {
position : relative;
display : inline-block;
background : #0090c5;
color : #fff;
text-decoration : none;
font-weight : 800;
outline : 0;
border : 0;
cursor : pointer;
}
input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover, .button:hover {
background : #10a0d5;
}
input[type="button"]:active, input[type="submit"]:active, input[type="reset"]:active, .button:active {
background : #20b0e5;
}
.button.icon:before {
position : relative;
}
input[type="button"].alt, input[type="submit"].alt, input[type="reset"].alt, .button.alt {
background : #f1f1f1;
color : #444;
}
input[type="button"].alt:hover, input[type="submit"].alt:hover, input[type="reset"].alt:hover, .button.alt:hover {
background : #e8e8e8;
}
input[type="button"].alt:active, input[type="submit"].alt:active, input[type="reset"].alt:active, .button.alt:active {
background : #e4e4e4;
}
ul.default {
list-style : disc;
padding-left : 1em;
}
ul.default li {
padding-left : 0.5em;
}
ul.actions li {
display : inline-block;
padding : 0 0 0 0.25em;
margin : 0 0 0 0.25em;
}
ul.actions li:first-child {
margin-left : 0;
padding-left : 0;
}
ul.menu li {
border-left : 1px solid #e0e0e0;
display : inline-block;
padding : 0 0 0 0.75em;
margin : 0 0 0 0.75em;
}
ul.menu li:first-child {
border-left : 0;
margin-left : 0;
padding-left : 0;
}
ol.default {
list-style : decimal;
padding-left : 1.25em;
}
ol.default li {
padding-left : 0.25em;
}
.box {
background : #fff;
}
.icon {
position : relative;
text-decoration : none;
}
.icon:before {
font-family : FontAwesome;
font-style : normal;
font-weight : normal;
text-transform : none !important ;
}
.icon > .label {
display : none;
}
.widget.thumbnails .grid {
margin-bottom : 2.5em;
}
.widget.contact ul {
overflow : hidden;
position : relative;
left : -4px;
top : 4px;
margin-bottom : 1.5em;
}
.widget.contact ul li {
display : inline-block;
margin-right : 0.25em;
}
.widget.contact ul li a {
display : inline-block;
width : 2.5em;
height : 2.5em;
text-align : center;
line-height : 2.5em;
outline : 0;
text-decoration : none;
background : #222222;
}
.widget.contact ul li a:before {
color : #f3f3f3;
font-size : 1.75em;
line-height : 1.5em;
}
.widget.contact ul li a:hover {
background : #444444;
}
.widget.contact ul li a:active {
background : #666666;
}
#header {
position : relative;
}
#logo {
overflow : hidden;
}
#logo h1 {
background : #f80606;
color : #fff;
font-family : 'Oleo Script', serif;
font-weight : 400;
}
#logo span {
font-weight : 800;
}
#mois {
width : 300px;
margin : 0 auto;
padding : 5px 0;
background : #bcbcbc;
background-image : url("http://www.atypikmusik.com/images/generales/index21_GH.jpg");
text-align : center;
}
#mois li {
display : inline;
}
#mois a {
display : inline-block;
margin-left : 5px;
padding : 5px 10px;
text-decoration : none;
background : #f8f8f8;
}
#mois a:hover, #nav a:focus {
background : #fff;
text-decoration : underline;
}
.boxflex {
background : #ffffff;
width : auto;
height : auto;
}
.boxflex div.A {
min-width : 0;
margin : auto;
padding : 2px;
background : #e9e9e9;
}
.boxflex div.B {
min-width : 0;
margin : auto;
padding : 2px;
background : #ffffff;
}
.boxflex div.C {
min-width : 0;
margin : auto;
padding : 2px;
background : #e9e9e9;
}
.boxflex div.D {
min-width : 0;
margin : auto;
padding : 2px;
background : #ffffff;
}
#banner {
position : relative;
}
#footer {
margin-top : 0;
}
#footer a {
color : inherit;
}
#copyright {
color : #aaa;
}
#copyright a {
color : inherit;
}