html, body {
height: 100%;
}
body {
margin: 0px;
padding: 0px;
background: #000;
font-size: 10pt;
color: rgb(60,60,59);
font-family: arial, sans-serif;
font-size:11pt;
border-top: rgb(99,17,63) 20px solid;
background: #FFFFFF url(images/fond.gif) center top -110px;
}
h1, h2, h3 {
margin: 0;
padding: 0;
font-family: 'Alegreya Sans', sans-serif;
}
h1{
color:rgb(99,17,63);
font-weight:800;
font-size : 18pt;
}
h2{
/*color : rgb(192,62,53);
*/
color:rgb(99,17,63);
font-weight:700;
font-size : 16pt;
}
h3{
color : rgb(234,103,11);
font-weight:500;
font-size : 14pt;
}
p, ol, ul {
margin-top: 0px;
}
p {
line-height: 120%;
}
strong {
}
a {
color: #171717;
}
a:hover {
text-decoration: none;
}
a img {
border: none;
}
.image
{
display: inline-block;
}
.image img
{
display: block;
width: 100%;
}
.image-full
{
display: block;
width: 100%;
margin: 0 0 2em 0;
}
.image-left
{
float: left;
margin: 0 2em 2em 0;
}
.image-centered
{
display: block;
margin: 0 0 2em 0;
}
.image-centered img
{
margin: 0 auto;
width: auto;
}
hr {
display: none;
}
/*********************************************************************************/
/* List Styles */
/*********************************************************************************/
ul.style1
{
margin: 0;
padding: 0;
list-style: none;
}
ul.style1 li
{
border-top: solid 1px #E5E5E5;
padding: 0.80em 0;
}
ul.style1 li:first-child
{
border-top: 0;
padding-top: 0;
}
ul.style2
{
margin: 0;
padding: 0;
list-style: none;
}
ul.style2 li
{
padding: 0;
}
ul.style2 li:first-child
{
border-top: 0;
padding-top: 0;
}
/*********************************************************************************/
/* Social Icon Styles */
/*********************************************************************************/
ul.contact
{
margin: 0;
padding: 1.5em 0em 2.5em 0em;
list-style: none;
}
ul.contact li
{
display: inline-block;
padding: 0em 0.30em;
font-size: 1em;
}
ul.contact li span
{
display: none;
margin: 0;
padding: 0;
}
ul.contact li a
{
color: #FFF;
}
ul.contact li a:before
{
display: inline-block;
background: #3f3f3f;
width: 40px;
height: 40px;
line-height: 40px;
border-radius: 20px;
text-align: center;
color: #FFFFFF;
}
ul.contact li a.icon-twitter:before {
background: #2DAAE4;
}
ul.contact li a.icon-facebook:before {
background: #39599F;
}
ul.contact li a.icon-dribbble:before {
background: #C4376B;
}
ul.contact li a.icon-tumblr:before {
background: #31516A;
}
ul.contact li a.icon-rss:before {
background: #F2600B;
}
/*********************************************************************************/
/* Heading Titles */
/*********************************************************************************/
.title
{
width:155px;
height:191px;
background: url(images/fond-titre-violet.png) no-repeat;
padding:0px;
margin:0 20px 5px 0 ;
float:left;
text-align:center;
}
.title h2
{
letter-spacing: 0.1em;
font-weight: bolder;
font-size: 13px;
color: #fff;
padding:35px 20px 30px 17px;
font-family: 'Nixie One', cursive;
}
.sansbulle h2
{
font-size: 2em;
font-weight: 800;
color: rgb(99,17,63);
font-family: 'Alegreya Sans', sans-serif;
}
/** WRAPPER */
#wrapper {
}
#footer-wrapper
{
background: #0F0F0F;
}
.container {
width: 898px;
margin: 0px auto;
}
.container2 {
width: 1000px;
margin: 0px auto;
}
.clearfix {
clear: both;
}
/*********************************************************************************/
/* Wrappers */
/*********************************************************************************/
#header-wrapper
{
overflow: hidden;
background-size: 100%;
}
/*********************************************************************************/
/* Header */
/*********************************************************************************/
#header
{
position: relative;
overflow: hidden;
text-align: center;
}
/*********************************************************************************/
/* Logo */
/*********************************************************************************/
#logo
{
width: 500px;
height: 80px;
overflow:hidden;
margin: 0 auto;
padding: 2.8em 0em;
text-transform: uppercase;
font-family: 'Quicksand', sans-serif;
}
#logo h1
{
letter-spacing: 2.5px;
font-size: 8pt;
font-weight:100;
font-family:Verdana, sans-serif;
}
#logo h1 span
{
letter-spacing: 2.5px;
font-weight:bold;
font-family:"Arial Black", Gadget, sans-serif;
}
#logo p
{
letter-spacing: 0.10em;
}
#logo a
{
text-decoration: none;
color:rgb(234,103,11);
}
#logo img{
width:120px;
}
/*********************************************************************************/
/* Banner */
/*********************************************************************************/
#banner
{
position: absolute;
left: 0;
overflow: hidden;
z-index: 1;
}
#banner .image
{
border: 5px solid #FFFFFF;
}
/** MENU */
#menu-wrapper
{
}
#menu-wrapper.fixed{
position:fixed;
left:0;
top:0;
width:100%;
z-index:1000;
}
#menu-wrapper.fixed ul{
background : #fff;
border-bottom:rgb(192,62,53) 1px solid;
}
#menu {
overflow: hidden;
height: 60px;
width:980px;
}
#menu ul {
margin: 0;
border-top:rgb(192,62,53) 5px solid;
padding: 0px;
list-style: none;
line-height: normal;
text-align: center;
}
#menu li {
display: inline-block;
margin:0;
padding:0 10px;
}
#menu ul a {
display:block;
letter-spacing: 1px;
padding: 15px 0px 20px 0px;
text-transform:uppercase;
font-family: 'Alegreya Sans', sans-serif;
margin:0px;
text-decoration: none;
text-align: center;
font-size: 1em;
font-weight: bold;
border: none;
color: rgb(192,62,53);
}
#menu a:hover, #menu .active a {
text-decoration: none;
color:rgb(234,103,11);
background: url(images/ligne-lien-menu.png) no-repeat center bottom;
}
#menu li .active a {
text-decoration: none;
color:rgb(234,103,11);
background: url(images/ligne-lien-menu.png) no-repeat center bottom;
}
#menu ul li.active ul li a{
text-decoration: none;
color: rgb(192,62,53);
background: none;
}
#menu ul li.active ul li a:hover{
color:rgb(234,103,11);
}
#menu ul li ul{
background: #fff;
border:rgb(234,103,11) 1px solid;
}
#menu li ul {
visibility: hidden;
height: auto;
padding: 10px;
position: absolute;
margin:0 auto;
z-index: 200;
}
#menu li ul li {
display:list-item;
}
#menu li:hover ul {
visibility: visible;
}
#menu ul li ul li a {
letter-spacing: 1px;
padding: 0px;
text-transform:uppercase;
font-family: 'Alegreya Sans', sans-serif;
margin:0px;
text-decoration: none;
text-align: center;
font-size: 0.80em;
font-weight: bold;
border: none;
color: rgb(192,62,53);
background:none;
}
#menu ul ul a:hover, #menu ul ul:hover{
text-decoration: none;
color:rgb(234,103,11);
background: #fff;
}
/** PAGE */
#page
{
position: relative;
/*overflow: hidden;
*/
padding: 1em 0 0em 0;
display:block;
}
/** CONTENT */
.content-box{
width : 620px;
}
.content-box-large{
width : 830px;
}
#content
{
float: right;
text-align:justify;
margin:0 2px 0 0 ;
padding:35px;
border: rgb(99,17,63) 2px dotted;
background:rgb(246,255,254);
}
#contenupage{
margin-top:20px;
letter-spacing:0px;
}
#contenupage img{
}
#contenupage ul{
list-style:none;
list-style-image : url(images/puce1.gif);
}
#contenupage ul ul{
list-style:none;
list-style-image : url(images/puce2.gif)
}
#contenupage ul ul ul{
list-style:none;
list-style-image : url(images/puce3.gif)
}
/** slider */
#slider
{
width:900px;
margin:0 auto;
padding: 0 0 1em 0;
color:#fff;
}
.news-slider{
padding:110px 90px 0px 65px;
text-align:center;
color:#fff;
}
.news-slider a{
color:#fff;
text-decoration:none;
}
.news-slider h2{
font-family: 'Nixie One', cursive;
font-weight:bold;
font-size:1.7em;
padding-bottom:3px;
color:#fff;
}
.news-slider p{
font-weight:normal;
font-family: 'Sail', cursive;
margin-top:5px;
border-top: #fff 1px solid;
}
/*********************************************************************************/
/* RECHERCHE */
/*********************************************************************************/
#search {
float: right;
width: 200px;
padding: 0px 0px 0px 0px;
top:0;
margin:0 0px 0 0 ;
}
#ajaxSearch_submit{
width:32px;
height:32px;
background:url(images/loupe.png);
color:#fff;
border:none;
float: right;
}
#ajaxSearch_submit:hover{
cursor:pointer;
background:url(images/loupe-dessus.png);
}
#ajaxSearch_input{
width:155px;
height:24px;
background:#888;
color:#fff;
border:none;
padding-left:5px;
margin: 5px 0px;
float:left;
}
#search form {
margin: 0;
padding: 0;
}
#search fieldset {
margin: 0;
padding: 0;
border: none;
}
#search-text {
width: 170px;
padding: 6px 5px 2px 5px;
border: 1px solid #DEDEDE;
background: #FFFFFF;
text-transform: lowercase;
font: normal 11px Arial, Helvetica, sans-serif;
color: #5D781D;
}
#search-submit {
width: 50px;
height: 22px;
border: none;
background: #B9B9B9;
color: #000000;
}
/*********************************************************************************/
/* ACTUALITE */
/*********************************************************************************/
#actualite{
width:680px;
}
.actu{
padding:0px 0px 5px 0px;
margin-bottom:10px;
background:url(images/bas-bulle.png) no-repeat bottom left 70px;
}
.contenu_actu{
background:rgb(99,17,63);
color:#fff;
text-align:justify;
padding:20px 20px 5px 20px;
margin-bottom:20px;
}
.contenu_actu a{
color : #fff;
text-decoration:none;
}
.contenu_actu a:hover{
color : #eee;
text-decoration:underline
}
.actu_titre a{
color:rgb(234,103,11);
text-decoration:none;
}
.actu_titre h2{
text-transform:uppercase;
text-align:left;
margin-bottom:10px;
color : rgb(234,103,11);
}
/*********************************************************************************/
/* Sidebar */
/*********************************************************************************/
#sidebar
{
float: left;
width: 200px;
font-family: 'Alegreya Sans', sans-serif;
font-weight:bold;
}
#sidebar .title-sidebar, #sidebar .title-cache
{
width:100%;
background: none;
padding:0 0 15px 0;
margin:0 0 10px 0;
clear:left;
background: url(images/ligne-titre-sidebar.png) no-repeat bottom left 20px ;
}
#sidebar .title-sidebar h2
{
padding:0 0 2px 0;
border-bottom:rgb(234,103,11) 2px solid;
display:inline;
margin:0;
font-size: 1.1em;
color:rgb(234,103,11);
text-transform:uppercase;
}
#sidebar .title-cache h2
{
padding:0 0 2px 0;
border-bottom:rgb(234,103,11) 2px solid;
display:inline;
margin:0;
font-size: 1.1em;
color:rgb(234,103,11);
text-transform:uppercase;
color:#fff;
}
#sidebar a
{
color:#575756;
text-decoration:none;
}
#sidebar ul
{
list-style:none;
margin:0;
padding:0;
text-transform:uppercase;
}
#sidebar .active a,#sidebar a:hover
{
color:rgb(234,103,11);
}
#sidebar .medias
{
text-transform:uppercase;
list-style:none;
margin:20px 20px 0 0px;
padding:20px 0 10px 0px;
background:rgb(97,22,63) url(images/ligne-titre-sidebar-blanc.png) no-repeat top left 20px;
font-size:9pt;
}
#sidebar .medias li
{
list-style:none;
margin:0;
padding:5px 10px;
}
#sidebar .medias a
{
color:#fff;
display:block;
}
#sidebar .medias a:hover
{
font-weight:bold;
color:rgb(234,103,11);
text-shadow:#000 1px 1px 1px;
}
/*********************************************************************************/
/* Copyright */
/*********************************************************************************/
#copyright
{
overflow: hidden;
padding: 5em 0em;
text-align: center;
}
#copyright p
{
letter-spacing: 0.20em;
text-align: center;
text-transform: uppercase;
font-size: 0.80em;
color: #6F6F6F;
}
#copyright a
{
text-decoration: none;
color: #8C8C8C;
}
/*********************************************************************************/
/* Welcome */
/*********************************************************************************/
#welcome
{
overflow: hidden;
padding: 5em 0em;
border-bottom: 1px solid #E5E5E5;
text-align: center;
}
#welcome h2
{
letter-spacing: 0.20em;
text-transform: uppercase;
font-size: 2.6em;
}
#welcome p
{
font-size: 1.3em;
}
#welcome .byline
{
display: block;
padding: 0em 0em 1.5em 0em;
letter-spacing: 0.15em;
text-transform: uppercase;
font-weight: 400;
font-size: 1.2em;
color: #6F6F6F;
}
/*********************************************************************************/
/* Portfolio */
/*********************************************************************************/
#portfolio-wrapper
{
background: rgba(0,0,0,.04);
padding: 6em 0em;
color: rgba(255,255,255,.7);
}
#portfolio
{
overflow: hidden;
}
#portfolio .title h2
{
font-size: 1.2em;
color: #FFF;
}
#portfolio .byline
{
font-size: 1em;
color: #EEA7C1;
}
#column1,
#column2,
#column3,
#column4
{
width: 282px;
}
#column1,
#column2
{
float: left;
margin-right: 24px;
}
#column3
{
float: left;
}
#column4
{
float: right;
}
/*********************************************************************************/
/* Button Style */
/*********************************************************************************/
.button
{
display: inline-block;
margin-top: 1.5em;
padding: 0.50em 3em 0.50em 2em;
background: #00AABB;
letter-spacing: 0.20em;
text-decoration: none;
text-transform: uppercase;
font-weight: 400;
font-size: 0.90em;
color: #FFF;
}
.button:before
{
display: inline-block;
width: 40px;
height: 40px;
line-height: 40px;
border-radius: 20px;
text-align: center;
color: #FFF;
}
/*********************************************************************************/
/* Footer */
/*********************************************************************************/
#footer-wrapper
{
overflow: hidden;
padding: 0.2em 0em;
font-size:10pt;
background:rgb(192,63,52);
text-transform:uppercase;
margin-top:20px;
text-align:center;
}
#footer{
color: #fff;
}
#footer a
{
display:in-line;
color: #fff;
letter-spacing: 1px;
text-transform:uppercase;
font-family: 'Alegreya Sans', sans-serif;
margin:0px;
text-decoration: none;
font-size: 1em;
font-weight: bold;
border: none;
padding:5px 50px 5px 20px;
background: url(images/fleche-footer.png) no-repeat left center;
}
#footer h2
{
font-weight: 400;
font-size: 1.1em;
color: #FFF;
}
#footer .title
{
border-color: #2D2926 !important;
}
#footer .style1 li
{
border-color: #2D2926 !important;
}
#footer .style1 a
{
letter-spacing: 0.10em;
font-size:1em;
color: #B1B1B1;
}
#box1
{
float: left;
width: 224px;
margin-right: 24px;
padding-right: 30px;
}
#box2
{
float: left;
width: 254px;
margin-left: 24px;
padding-right: 30px;
}
#box3
{
float: right;
width: 344px;
padding-left: 40px;
}