/* smorge.com */


* {margin : 0; padding : 0; border : 0;}

body {
margin : auto;
background : #dbf1b6 url(site/img/bg.jpg);
font-family : 'Copse', serif;
text-shadow : #fff 0 1px 1px;
color : #0a0a0a;
cursor : default;

min-width : 1200px;
}

body:before {
          content: "";
          position: fixed;
          top: -10px;
          left: 0;
          width: 100%;
          height: 10px;

          -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
              -moz-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
                         box-shadow: 0px 0px 10px rgba(0,0,0,.8);

          z-index: 100;
}


a {
outline : none;
}

h1, h2, h3, h4 {
font-family: 'Oswald', sans-serif;
}

#top {
top : 0;
left : 0;
height : 5px;
background : #76ac9c;
border-bottom : 1px #fff solid;
}

#ecran {
margin : auto;
background : transparent url(site/img/regle.png) repeat-y right;
}

#page {
margin : auto;
width : 1000px;
padding : 12px;
}

#header {
margin : 15px 0 25px 0;
height : 244px;
background : url(site/img/header.jpg);
}

.noise {
background : transparent url(site/img/noise.png);
}

/* menu */

.menu {
clear : both;
margin : 15px 0 25px;
background : #76ac9c url(site/img/menu-top.png) top center no-repeat;
font-family : 'Copse', serif;
height : 75px;
line-height : 70px;
text-align : center;
text-shadow : #87c4b2 0 2px 2px;
color : #3f463f;
}

.menu ul {
display : inline;
text-align : center;
}

.menu li {
list-style : none;
display : inline;
margin : 0 10px;
}

.menu a {
font-size : 22px;
text-decoration : none;
font-weight : bold;
letter-spacing : 1px;
text-shadow : #87c4b2 0 2px 2px;
color : #3f463f;
}
.menu a:hover {
color : #fff;
}

.menu a span {
color : #fff;
}
.menu a span:hover:after {
content : " »";
}

.menu h3 {
font-size : 20px;
}
.menu h3 span {
background : #fff;
color : #ec0000;
padding : 5px 10px;
margin-right : 5px;
}

/* modèles de pages  */

#zone1 {
clear : both;
}

#page_blanche {
clear : both;
width : 900px;
margin : 0 0 0 20px;
padding : 30px;
background : #fcfcfc url(site/img/bg-module.jpg);

min-height : 250px;

}

/* colonne gauche */

#col_gauche {
width : 320px;
float : left;
margin-left : 20px;
}

/* edito */

#edito {
border : 5px #dbf1b6 dotted;
margin-bottom : 25px;
padding : 40px 10px 40px 20px;
background : #fff;
font-family : 'Copse', serif;
}

#edito h6 {
font-size : 30px;
}

#edito span {
color : #777;
}

/* modules */

.module {
border-left : 35px #76ac9c solid;
border-right : 35px #76ac9c solid;
border-bottom : 35px #76ac9c solid;
padding : 50px 20px 20px 20px;
color : #777;
font-size : 16px;
font-style : italic;
}
.module_bg {
background : #fcfcfc url(site/img/bg-module.jpg);
}
.module span {
font-size : 10px;
margin-left : 5px;
}

.module h4 {
font-size : 24px;
margin : 25px 0 15px;
text-align : center;
}
.module li {
margin : 10px 0;
}
.module ul {
margin-left : 15px;
}
.module ul a {
color : #888;
}
.module ul a:hover {
margin-left : -1px;
color : #66b250;
}

/* module menu prestations */

#prestations {
background : transparent url(site/img/prestations.png) no-repeat top;
}
#prestations h4 {
color : #ff5555;
}
#prestations ul {
margin-left : -3px;
}

#prestations li {
margin : 5px;
list-style : none;
text-align : center;
background : #fff;
border : 1px #ddd dashed;
padding : 5px;
font-weight : bold;
}
#prestations li:before {
content : "# "
}

/* module twitter */

#twitter {
background : transparent url(site/img/twitter.png) no-repeat top;
}

#twitter h4 {
color : #66b250;
text-decoration : none;
}

#twitter p {
margin : 15px 0 0;
text-align : center;
}

.twtr-ft {
display : none;
}

/* module rss */

#rss {
background : transparent url(site/img/blog.png) no-repeat top;
}

#rss h4 {
color : #f38d13;
text-decoration : none;
}
#rss 	a {
color : #777;
}
#rss a {
font-size : 14px;
}

/* module blogroll */


#blogroll {
background : #fff url(site/img/blogroll.png) no-repeat top;
}
#blogroll h4 {
color : #ff5555;
}
#blogroll ul {
margin-left : -15px;
}

#blogroll li {
margin : 20px 0;
list-style : none;
text-align : center;
}

#blogroll li a {
text-decoration : none;
background : #fff;
border : 1px #ddd dashed;
padding : 5px 10px;
}
#blogroll li a:before {
content : "# "
}

/* module advertising */

#advertising {
background : #fff url(http://smorge.com/site/img/advertising.png) no-repeat top;
}
#advertising h4 {
color : #66b250;
}

#pub_200x200 {
width : 200px;
height : 200px;
}

#pub_160x600 {
width : 160px;
height : 600px;
margin-top : 40px;
margin-left : 20px;
}



/* colonne droite */

#col_droite {
width : 600px;
float : right;
margin-right : 20px;
}

/* blocs */

.bloc {
border : 20px #fff solid;
padding : 15px 30px 30px 30px;
margin : 25px 0;
}
.bloc h1 {
margin-top : -50px;
height : 40px;
line-height : 40px;
font-size : 32px;
text-align : right;
}
.bloc h1 a {
text-decoration : none;
}

.bloc h1 a:hover {

text-transform : uppercase;
text-shadow :

-1px -1px 0 #fff,
1px 5px 0 #fff,
2px 2px 0 #fff,
3px 3px 0 #fff,
4px 4px 0 #fff;
5px 5px 0 #fff;

}

.bloc h2 {
font-size : 20px;
text-align : right;
}
.bloc h3 {
margin-top : 15px;
font-size : 18px;
}
.bloc p {
display : inline;
margin : 10px 0;
line-height : 22px;
font-size : 14px;
}
.bloc p strong {
line-height : 26px;
padding : 3px 5px 3px 5px;
background : #fff;
color : #ec0000;
font-size : 14px;
white-space : nowrap;
}
.bloc p strong:before {
content : "# ";
}
 
.bloc .deco {
margin : 20px 0 10px 0;
}

.bloc .ex_img {
margin-bottom : 15px;
}

.prix span {
background : #fff;
padding : 5px 10px;
font-weight : bold;
}
.prix:before {
content : "✰✰✰ ";
}
.small {
font-style : bold;
font-size : 12px;
text-align : center;
color : #fff;
text-shadow : none;
}

/* bouton contact */

.bouton_contact {
text-align : center;
margin : 40px 0 15px 0;
text-shadow : none;
}
.bouton_contact a {
background: #76ac9c;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
color: #fff;
letter-spacing : 3px;
padding : 10px 20px 10px 20px;
font-size: 18px;
font-style : italic;
text-decoration: none;
}
.bouton_contact a:hover {
background: none;
}

/*    */


#creation_de_logo {
background : #e5e49c url(site/img/bloc-top.png) no-repeat top;

-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 
0 0 40px rgba(0, 0, 0, 0.06) inset;
-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 
0 0 40px rgba(0, 0, 0, 0.06) inset;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 
0 0 40px rgba(0, 0, 0, 0.06) inset;

}

#creation_de_logo a {
color : #ec0000;
}

#creation_de_site {
background : #c5eea1 url(site/img/bloc-top.png) no-repeat top;
}

#creation_de_site a {
color : #004b00;
}

#services_web {
background : #e7d4b9 url(site/img/bloc-top.png) no-repeat top;

-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 
0 0 40px rgba(0, 0, 0, 0.06) inset;
-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 
0 0 40px rgba(0, 0, 0, 0.06) inset;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 
0 0 40px rgba(0, 0, 0, 0.06) inset;

}

#services_web a {
color : #ec0000;
}


/* exemples */

#container {
clear : both;
margin : 25px auto;
display : block;
width : 960px;
}

#container ul{
overflow : hidden;
}
#container ul.hidden{
display : none;
}

#container li {
float : left;
width : 125px;
height : 125px;
list-style : none outside none;
margin : 6px;
position : relative;
}
#container li:hover {
margin : 8px 6px 4px 6px;
cursor : s-resize;
}
#container li:active {
opacity : 0.8;
}

/* diaporama */

#diaporama {
width : 862px;
margin : 34px 0 34px 34px;
padding : 35px;
background : #fcfcfc url(site/img/bg-module.jpg);

-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 
0 0 40px rgba(0, 0, 0, 0.06) inset;
-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 
0 0 40px rgba(0, 0, 0, 0.06) inset;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 
0 0 40px rgba(0, 0, 0, 0.06) inset;

}

.slideshow { 
clear : both;
width : 860px;
height : 243px;
border : 1px #fff solid;
}


/* zone de contact */

#zonedecontact {
clear : both;
margin : 25px 0 50px;
height : 400px;
background : url(site/img/bg-contact.jpg);
}

#pied {
width : 625px;
height : 350px;
border: 0;
position: absolute;
margin-left: 335px;
margin-top : 10px;
padding : 20px;
text-shadow : none;
color : #555;
}
#pied p a {
color : #555;
text-decoration : none;
}
#pied p a:hover {
color : #ff5555;
}
#infos {
width : 300px;
float : left;
margin-top : 30px;
}

/* contact */

#contact {
float : right;
width : 230px;
margin-top : 5px;
font-size : 14px;
padding : 20px;
color : #444;
font-size : 13px;
font-style : italic;
}

#contact img {
float : left;
margin-bottom : 20px;
}
#contact h2 {
font-size : 16px;
text-align : center;
line-height : 80px;
color : #f38d13;
}
#contact p {
clear : both;
margin-bottom : 10px;
}
#contact ul {
margin : 15px 0 20px 15px;
}
#contact li {
list-style : none;
margin-top : 8px;
}
#contact li a {
font-size : 18px;
color : #ff5555;
text-decoration : none;
font-weight : bold;
}
#contact a:hover {
color : #66b250;
}
#mentions {
font-size : 12px;
}

/* menu rapide */

#menu_rapide {
width : 75px;
height : 291px;
position : fixed;
left : 15px;
top : 25px;
z-index : 1;
}
#menu_rapide img:hover {
opacity : 0.9;
}

/* zone 3 */

#zone3 {
clear : both;
margin : 25px 0 50px 25px;
}
.liens {
float : left;
width : 200px;
border : 20px #fff solid;
padding : 15px 30px 30px 30px;
margin : 0 8px;
}
#zone3 h4 {
font-size : 18px;
text-align : center;
}
#zone3 h5 {
font-size : 12px;
}
#zone3 h5 a {
color : #111;
}
#zone3 .deco {
margin : 15px 0;
text-align : center;
}
#zone3 li {
margin : 5px 10px;
line-height : 20px;
font-size : 14px;
list-style : none;
}
#zone3 li:hover {
margin : 5px 11px 5px 9px;
color : #433235;
}
#zone3 p {
margin : 10px 0 15px;
font-size : 12px;
}

#zone3 #services {
background : #e5e49c url(site/img/minibloc-top.png) no-repeat top;

-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 
0 0 40px rgba(0, 0, 0, 0.06) inset;
-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 
0 0 40px rgba(0, 0, 0, 0.06) inset;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 
0 0 40px rgba(0, 0, 0, 0.06) inset;

}
#zone3 #services ul {
margin-top : 25px;
margin-left : 10px;
}
#zone3 #services li {
list-style-image : url(site/img/puce.png);
}

#zone3 #featured {
background : #c5eea1 url(site/img/minibloc-top.png) no-repeat top;
}

#featured a {
color : #333;
text-decoration : none;
font-style : italic;
font-size : 12px;
}
#featured ul {
text-align : center;
}
#zone3 #liensdivers {
background : #e7d4b9 url(site/img/minibloc-top.png) no-repeat top;

-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 
0 0 40px rgba(0, 0, 0, 0.06) inset;
-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 
0 0 40px rgba(0, 0, 0, 0.06) inset;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 
0 0 40px rgba(0, 0, 0, 0.06) inset;

font-size : 12px; 
}
#liensdivers h5 {
margin : 25px 0 5px;
font-size : 14px;
}
#liensdivers a {
color : #111;
text-decoration : none;
font-size : 12px;
}

/* contact_form */

.contact_form {
width : 300px;
padding : 0;
margin-top : 0;
font-size : 16px;
}
.contact_form ul {
margin : 0;
list-style : none;
}
.contact_form ul li {
padding : 0 0 15px 0;
}
.contact_form ul li label {
display : none;
height : 1px;
width : 1px;
}
.contact_form ul li input.input_item {
background : #f9f9f9 url(site/img/form-top.png) top center no-repeat;
border : 1px #ddd solid;
width : 280px;
padding : 10px;
}

.contact_form ul li.message {
background : #f9f9f9 url(site/img/form-top.png) bottom center no-repeat;
border : 1px #ddd solid;
width : 280px;
padding : 10px;
}
.contact_form ul li textarea {
background : none;
width : 280px;
border : 0;
height : 100px;
line-height : 20px;
}

.contact_form textarea, input {
font-family : 'Copse', serif;
font-style : italic;
color : #555;
}

.contact_form textarea:hover {
color : #66b250;
}
.contact_form input:hover {
color : #66b250;
}

.contact_form ul li input.submit {
clear : both;
margin-left : 20px;
margin-top : 20px;
background: #76ac9c;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
font-family : 'Copse', serif;
color: #fff;
letter-spacing : 3px;
padding : 10px 20px 10px 20px;
font-size: 18px;
font-style : italic;
text-decoration: none;
}
.contact_form ul li input.submit:hover {
margin-left : 45px;
cursor : pointer;
}
.contact_form ul li input.submit:active {
background : transparent;
color : #555;
}

.error {
font-size : 14px;
color : #b61104;
text-align : center;
margin-top : -10px;
margin-bottom : 10px;
}
.thanks {
font-size : 14px;
color : #6e9547;
text-align : center;
margin-top : -10px;
margin-bottom : 10px;
}


/* page 404 */

#page_404 {
background : #e5e49c url(site/img/bloc-top.png) no-repeat top;
min-height : 350px;
}
#page_404 h1 {
font-size : 75px;
margin-bottom : 25px;
color : #ff5555;
}


/* sous- menu haut de pages */

#sous-menu_haut ul {
height : 50px;
line-height : 50px;
padding-bottom : 10px;
margin-bottom : 10px;
}
#sous-menu_haut li {
display : inline;
margin : 0 10px;
}
#sous-menu_haut h1 {
display : inline;
text-align : left;
text-transform : uppercase;
font-size : 25px;
}
#sous-menu_haut h1 a {
color : #ec0000;
}
#sous-menu_haut a {
font-size : 25px;
text-transform : uppercase;
font-weight : bold;
text-decoration : none;
font-family: 'Oswald', sans-serif;
color : #bfd3a0;
}
#sous-menu_haut li a:before {
content : "# ";
}
#sous-menu_haut a:hover {
color : #ec0000;
}

/* galerie divers */

.galerie_divers {
width : 500px;
margin : 25px;
}

/* page portfolio */

#page_portfolio {
float : right;
}

#page_portfolio .realisation {
width : 500px;
margin : 0 0 30px;
padding : 50px;
background : transparent url(site/img/bloc-top.png) no-repeat top;
}

/* page_galerie */

#page_galerie {
float : right;
}

#page_galerie a {
color : #ec0000;
}
#page_galerie a:hover {
color : #006b00;
}
#page_galerie h2 a {
text-decoration : none;
margin-bottom : 5px;
font-size : 20px;
}

#page_galerie p {
margin : 15px 0;
font-style : italic;
font-size : 14px;
}
#page_galerie p:before {
content : "# "
}

#page_galerie .realisation {
width : 600px;
height : 230px;
margin : auto;
background : transparent url(site/img/bloc-top.png) no-repeat top;
}
#page_galerie .galerie {
width : 300px;
float : left;
margin : 15px 0 15px 15px;
}
#page_galerie .cdc {
width : 250px;
float : right;
margin : 25px 15px 15px 0;
}

/* page showcase */

#page_showcase {
float : right;
}

#page_showcase h2 a {
text-decoration : none;
margin : 15px 0 25px;
font-size : 18px;
text-transform : uppercase;
}

#page_showcase h2 a:before {
content : "# ";
}

#page_showcase a {
color : #ec0000;
text-decoration : none;
}

#page_showcase a:hover {
color : #006b00;
}

#page_showcase p {
margin-top : 5px;
font-style : italic;
}
#page_showcase p:before {
content : "_ "
}

#page_showcase .realisation {
width : 550px;
margin : 0 0 30px;
padding : 15px 25px 25px 25px;
background : transparent url(site/img/bloc-top.png) no-repeat top;
}
#page_showcase .galerie {
margin : 15px 0;
}
#page_showcase .cdc {
margin : 15px 0;
}
.cdc ul {
margin : 15px 0 0;
}
.cdc li{
display : inline;
margin : 0 3px;

}
.cdc h3 {
display : inline;
font-weight : bold;
text-transform : uppercase;
font-size : 16px;
color : #b68600;
}
.cdc li h3:before {
content : "# ";
}

/* page_freebies */

#page_freebies {
float : right;
}

#page_freebies a {
color : #ec0000;
}
#page_freebies a:hover {
color : #006b00;
}
#page_freebies h2 a {
text-decoration : none;
margin-bottom : 5px;
font-size : 20px;
}
#page_freebies ul {
display : inline-block;
}

#page_freebies li {
}

#page_freebies p {
margin : 15px 0;
font-style : italic;
font-size : 14px;
}
#page_freebies p:before {
content : "# "
}

#page_freebies .realisation {
width : 600px;
height : 330px;
margin : auto;
background : transparent url(site/img/bloc-top.png) no-repeat top;
}
#page_freebies .galerie {
width : 300px;
float : left;
margin : 15px 0 15px 15px;
}
#page_freebies .cdc {
width : 250px;
float : right;
margin : 25px 15px 15px 0;
}
.download {
text-align : center;
margin : 50px 0 20px 0;
text-shadow : none;
}
.download a {
background: #76ac9c;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
color: #fff;
letter-spacing : 3px;
padding : 10px 20px 10px 20px;
font-size: 18px;
font-style : italic;
text-decoration: none;
}
.download a:hover {
background: none;
}

/* page pictogrammes */

.pink_bg {
background : #fdc7c4 url(site/img/pink-bg.png);
}

#page_pictogrammes {
width : 600px;
margin : auto;
background : transparent url(site/img/bloc-top.png) no-repeat top;
}
#page_pictogrammes p {
padding : 15px 15px 0;
}

#page_pictogrammes ul {
padding : 25px;
}

#page_pictogrammes li {
display : inline;
list-style : none;
margin : 0;
padding : 0;
}
#page_pictogrammes li img {
margin : 1px;
}
#page_pictogrammes li img:hover {
margin : 2px 1px 0;
cursor : pointer;
}


/* FAQ */

#foire_aux_questions {
}

#foire_aux_questions h1 {
position: relative;
margin-top: 20px;
text-align: center;
color : #333;
} 
#foire_aux_questions h1.ligne {
margin-top: 0;
}
#foire_aux_questions h1.ligne:before {
content: "";
display: block;
border-top: solid 1px #bbb;
width: 100%;
height: 1px;
position: absolute;
top: 60%;
z-index: 1;
}
#foire_aux_questions h1.ligne span {
background : #fcfcfc url(site/img/bg-module.jpg);
padding: 0 20px;
position: relative;
z-index: 5;
}

/* pied de page */

#social {
width : 1024px;
margin : auto;
padding  : 50px 0 150px;
text-align : center;
}

#carte img {
float : left;
margin : 0 0 0 135px;
}
#carte img:hover {
margin : -2px 0 2px 135px;
}

#social ul {
float : left;
margin : 50px 0 0 100px;
}
#social li {
display : inline;
margin : 0 5px;
}