body {
font-family: Verdana, Arial, sans-serif ;
font-size: 0.8em;
margin: 0;
padding: 0;
}
#conteneur {
width: 950px;
margin: 0 auto;
}
#header {
height: 173px;
background-image:url(images/erezine-creation-site.jpg);
}

#centre {
background-image:url(images/erezine-creation-site-04.jpg);
}

#pied {
FONT-SIZE: 10px;
text-align:center;
height: 64px;
background-image:url(images/erezine-creation-site-06.jpg);
background-repeat:no-repeat;

}
#pied2 {
FONT-SIZE: 10px;
text-align:center;
height: 105px;
background-image:url(images/erezine-creation-site-06.jpg);
background-repeat:no-repeat;

}

#cadremenu{
position:absolute;
margin-left:13px;
margin-top:12px;
border: solid 1px #807F7F ;
padding:1px;
background-color:#ffffff;
}

#cadrelien{
float:left;
background-color:#56608D;
padding:4px;
}
#cadrelien:hover{
float:left;
background-color:#F29400;
padding:4px;
cursor:pointer;
}

#space{
float:left;
margin-left:1px;
margin-right:1px;
}

#bar{
background-color:#56608D;
width:1px;
height:21px;
}

#lien{
margin-left:9px;
margin-right:9px;
}

#menu {
height: 51px;
background-image:url(images/erezine-creation-site-02.jpg);
}

#bloc1 {
float:left;
margin-top:20px;
margin-left:10px;
width:310px;
font-size:10px;
}

#bloc2 {
float:left;
margin-top:20px;
margin-left:36px;
width:310px;
font-size:10px;
}

.styleb{

margin-right:10px;
margin-top:5px;
color:#404040;
}

#it{display : none;}

#titrepack{
position:absolute;
margin-left:96px;
margin-top:7px;
font-size:15px;
color:#F29400;
}

#textpack{
position:absolute;
margin-left:95px;
margin-top:40px;font-size:10px;
color:#A68A73;
line-height: 11px;
font-weight:bold;
width:183px;
}

#libel{
position:absolute;
margin-left:12px;
margin-top:-1px;
font-size:10px;
color:#D4D4D4;
}

.mlien {
FONT-WEIGHT:bold;FONT-SIZE: 12px; COLOR: #ffffff; font-family: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none;
}

.mlien:hover {
FONT-WEIGHT:bold;FONT-SIZE: 12px;COLOR: #000000;font-family: Verdana, Arial, Helvetica, sans-serif;TEXT-DECORATION: none;
}

#misenpage {float:left;}
#im {float:left;margin-right:10px;margin-bottom:5px;}
#im2 {float:right;margin-left:10px;margin-bottom:5px;}

p {margin: 0 0 0 0;}

.pied{color: #ffffff;text-decoration: none;font-size:10px;}
.pied:hover{color: #EB8D8D;text-decoration: underline;font-size:10px;}

.effet1 {margin-bottom:-8px;color:#B3B3B3; font-family : Verdana, Arial, Helvetica, sans-serif; font-size: 22px; line-height: 17px; text-decoration:none}
.effet2 {margin-bottom:-10px;margin-left:10px;margin-top:0px;color:#B3B3B3; font-family : Verdana, Arial, Helvetica, sans-serif; font-size: 15px; line-height: 15px; text-decoration:none}
.effet3 {margin-bottom:-3px;margin-left:0px;margin-top:0px;color:#B3B3B3; font-family : Verdana, Arial, Helvetica, sans-serif; font-size: 19px; line-height: 18px; text-decoration:none}
.effet4 {margin-bottom:0px;margin-left:10px;margin-top:0px;color:#B3B3B3; font-family : Verdana, Arial, Helvetica, sans-serif; font-size: 23px; line-height: 20px; text-decoration:none}

h1 {margin-bottom:0px;color:#56608D; font-family : Verdana, Arial, Helvetica, sans-serif; font-size: 10px; text-decoration:none;letter-spacing:-1px;}
h4 {margin-left:11px;margin-bottom:5px;margin-top:2px;color:#F29400; font-family : Verdana, Arial, Helvetica, sans-serif; font-size: 15px; text-decoration:none;}
h2 {margin-bottom:0px;color:#000000; font-family : Verdana, Arial, Helvetica, sans-serif; font-size: 10px; text-decoration:none;}

li {display:inline;margin:0px;padding:0px;}
li a{color:#B3B3B3;font-family : Verdana, Arial, Helvetica, sans-serif; font-size: 10px; text-decoration:none}
li a:hover {color:#BABABA;font-family : Verdana, Arial, Helvetica, sans-serif; font-size: 10px; text-decoration:underline}
ol {display:inline;margin:0px;padding:0px;}



.liencat{color: #990000;text-decoration: none;}
.liencat:hover{color: #EB8D8D;text-decoration: underline;}

a {color:#000000; font-family : Verdana, Arial, Helvetica, sans-serif; font-size: 11px; text-decoration:underline}
a:hover {color:#929AB4; font-family : Verdana, Arial, Helvetica, sans-serif; font-size: 11px; text-decoration:underline}

.titremenu {color:#b80c0c; font-family : Verdana, Arial, Helvetica, sans-serif; font-size: 12px; text-decoration:none; font-weight: bold}
.formulaire {color:#000000; font-family : Verdana, Arial, Helvetica, sans-serif; font-size: 10px; text-decoration:none; font-weight: bold}
.titre {color:#000000; font-family : Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold}
.soustitre {color:#929AB4; font-family : Verdana, Arial, Helvetica, sans-serif; font-size: 14px; text-decoration:underline; font-weight: bold}
.commentaire {color:#050568; font-family : Verdana, Arial, Helvetica, sans-serif; font-size: 11px; text-decoration:none}
.commentaire1 {color:#000000;line-height:8pt; font-family : Verdana, Arial, Helvetica, sans-serif; font-size: 9px; text-decoration:none}

.lien {color:#6C7490; font-family : Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 15px; text-decoration:none}
.lien:hover {color:#ffffff; font-family : Verdana, Arial, Helvetica, sans-serif; font-size: 12px; text-decoration:underline}

.text{color:#929AB4; font-family : Verdana, Arial, Helvetica, sans-serif; font-size: 10px; text-decoration:none}
u{color:#050568;font-weight:bold;font-family : Verdana, Arial, Helvetica, sans-serif; font-size: 11px; text-decoration:none}

.lienb {color:#CCCCCC; font-family : Verdana, Arial, Helvetica, sans-serif; font-size: 9px; line-height: 11px; text-decoration:none}
.lienb:hover {color:#6C7490; font-family : Verdana, Arial, Helvetica, sans-serif; font-size: 9px; text-decoration:underline}


.txt11
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #333333;
}
#bottom {
width: 100%;
position: fixed;
bottom: -4px;
background: transparent;
text-align: center;
}
#site-bottom-bar {
bottom: 0px ;
height: 40px ;
position: fixed ;
width: 100% ;
z-index: 1000 ;
}
  
#site-bottom-bar-frame {
height: 30px ;
margin: 0;
position: relative ;
}
  
#site-bottom-bar-content {
padding: 3px 0px 0px 0px ;
}
  
/* -------------------------------------------------- */
/* -- IE 6 FIXED POSITION HACK ---------------------- */
/* -------------------------------------------------- */
 
/* To make up for scroll-bar. */
#site-bottom-bar {
_bottom: -1px ;
_position: absolute ;
_right: 16px ;
}
  
/* To make up for overflow left. */
#site-bottom-bar-frame {
_margin-left: 26px ;
}
 
#overlay_fixed_inner {
    background-color: #0E5AB8;
    opacity: 0.9;
    filter: alpha(opacity=80);
    color: red;
    padding: 8px;
    margin-left: 0px;
    margin-right: 0px;
    text-align: center;
    font-family: verdana, arial;
    font-size: 18px;
}
 
#overlay_fixed_inner img.close_button {
    cursor: pointer;
    padding-left: 10px;
    vertical-align:bottom;
    float: right;
}
 
#overlay_fixed_inner a {
    color: white;
}

A.lien5 {
	 FONT-SIZE: 22px; COLOR: #666666; font-family: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}

A.lien5:hover {
	FONT-SIZE: 22px;COLOR: #000000;font: Verdana, Arial, Helvetica, sans-serif;
}
.logo{position:absolute;margin-left:15px;margin-top:40px;}
.tel{position:absolute;margin-left:710px;margin-top:142px;}
.marge{margin-left:18px;}
.ariane{position:absolute;}
.realisation{float:left;width:240px;}
.center_txt1{float:left;width:385px;margin-left:10px;color:#404040;}
.col_right{float:left;width:276px;margin-left:0px;}
.googleplus{position:absolute;margin-left:90px;margin-top:-34px;width:180px;}
.facebook{position:absolute;margin-left:130px;margin-top:-30px;width:180px;}
.packref{position:absolute;margin-left:90px;margin-top:-170px;background-image:url(images/refpack.jpg);height:160px;width:183px;}
.packcrea{background-image:url(images/gauche.jpg);height:363px;}
.prixcrea{color:#ffffff;font-size:14px;letter-spacing:-2px;}
.menuList{display:none;}
.menuMob{display:none;}
.menuButtonClosed{display:none;}
.txt_site{margin-left:40px;width:880px;}
.first_crea{float:left;margin-left:40px;}
.second_crea{float:left;margin-left:50px;}
.large_crea{width:300px;}
.prix_crea{position:absolute;margin-left:220px;}
.marge_devis{margin-left:40px;}
.im_right{position:absolute;margin-left:579px;margin-top:-365px;}
.txt_center{margin-left:40px;width:540px;}
.offrecrea{position:absolute;margin-left:618px;margin-top:-175px;}

@media screen and (min-width: 150px) and (max-width: 740px) {

#conteneur {width: 100%;margin: 0px;}
#header {height: 173px;width: 100%;background-image:none;}
#centre {background-image:none;}
.logo{position:relative;margin-left:5px;margin-top:40px;}
.logo img{max-height:100%;max-width:100%;}
.tel{position:relative;margin-left:10px;margin-top:22px;}
.marge{margin-left:0px;}
.ariane{position:relative;}
.realisation{display:none;}
.center_txt1{float:none;width:100%;margin-left:0px;color:#404040;}
.col_right{float:none;width:276px;margin-left:0px;}
.googleplus{position:relative;margin-left:10px;margin-top:15px;width:180px;}
.facebook{position:relative;margin-left:10px;margin-top:15px;width:180px;}
#bloc1 {position:relative;float:none;margin-top:20px;margin-left:10px;width:310px;font-size:10px;height:190px;}
#bloc2 {position:relative;float:none;margin-top:20px;margin-left:10px;width:310px;font-size:10px;height:190px;}
#pied2{FONT-SIZE: 10px;text-align:center;height: 105px;background-image:none;background-repeat:no-repeat;}
#pied {FONT-SIZE: 10px;text-align:center;height: 64px;background-image:none;background-repeat:no-repeat;}
#pied2 ol li a{display:block;font-size:18px;}
#cadremenu{display:none;}
#menu {height: 0px;background-image:none;}
.menuMob{margin-top:5px;display:block;z-index: 1;float:right;margin-right:10px;}
.menuMob li{height: 100%;width:100%;z-index:555;display:block;border-bottom: 1px solid  #2fae99;}
.menuMob li a{margin-left:5px;font-size:32px;margin-top:5px;list-style-type:none;color: #000000;}
.menuList{position:absolute;left:0;width:97%;z-index:555;background-color:#ffffff;border: 1px solid  #2fae99;}
.menuButton::after {	display:block;color: #ffffff;content: "=";font-size: 34px;line-height: 45px;position: absolute;text-align: center;width: 50px;}
.menuButton {display:block;background-color: #56608d;border: 1px solid  #000000;border-radius: 4px;box-sizing: border-box;cursor: pointer;height: 50px;width: 50px;z-index: 2;}
.menuButtonClosed::after{display:block;color: #ffffff;content: "x";font-size: 34px;line-height: 50px;position: absolute;text-align: center;width: 50px;}
.menuButtonClosed{display:none;background-color: #56608d;border: 1px solid  #000000;border-radius: 4px;box-sizing: border-box;cursor: pointer;height: 50px;width: 50px;z-index: 2;}
.txt_site{margin-left:0px;width:100%;}
.first_crea{float:none;margin-left:0px;}
.second_crea{float:none;margin-left:0px;margin-top:50px;}
.large_crea{width:100%;}
.prix_crea{position:absolute;margin-left:190px}
.marge_devis{margin-left:0px;}
.commentaire{}
.txt_center{margin-left:0px;width:100%;}
.im_right{position:relative;margin-left:10px;margin-top:10px;}
.offrecrea{display:none;}
}