/**********************/
/*  Creamotion.com    */
/*     CREAMOTION     */
/**********************/
*{
	margin:						    0px;
	padding:					    0px;
}
img{
	border:						    0px;
}
p{
  padding-top:           5px;
  padding-bottom:        5px;
}
a:active, a:focus{
	outline:none;
}
tr{

  border-bottom:        1px solid #d0d0d0;
  height:               25px;
}
td{
  padding:              0px 20px 0px 20px;
  text-align:           center;
}
.li-puce li{
   list-style-image:    url(_images/puce-li.gif);
   padding-bottom:      10px;
   font-size:           12px;
   margin-left:20px;
   color:#666;
}
.li-puce li strong{
    color:#cc1a66;
}
a{
  color:                #2779a2;
  background-color:     inherit;
  text-decoration:      underline;
}
a:hover{
  color:                #000;
  background-color:     inherit;
  text-decoration:      underline;
}
.center{
  text-align:           center;
}
body{
	background-image:		  url(_images/bg.gif);
	background-repeat:		repeat-x;
	font-family:				  Verdana, Arial, Helvetica, sans-serif;
	font-size:					  13px;
	line-height:          20px;
	background-color:     #fff;
	color:                #000;
}
#flash{
  width:                980px;
  height:               335px;
  margin:               0px auto 0px auto;
}
/*gestion des menus*/
#menu {
  width:                auto;
  background-image:     url(_images/bg-menu.gif);
  background-repeat:    repeat-x;
  height:               23px;
  line-height:          18px;
  font-weight:          bold; 
  padding-right:        50px;
  font-size:            10px;
}
#menu dl {
  float:                right;
}
#menu dt {
  color:                #5b5b5b;
  background-color:     inherit;
  text-decoration:      none;
  text-align:           center;
  border:               none;
}
#menu dd {
  display:              none;
  z-index:              3;
  position:             absolute;
  width:                153px;
  background-color:     #ffffff;
  color:                inherit;
}
#menu li {
  list-style:           none;
  text-align:           center;
  background-color:     #f3f3f3;
  color:                inherit;
  padding-left:         0px;
  margin-bottom:        1px;
}
#menu dt a {
  color:                #d0d0d0;
  background-color:     inherit;
  text-decoration:      none;
  text-align:           center;
  border:               none;
}
#menu li a{
  color:                #555555;
  background-color:     inherit;
  text-decoration:      none;
  text-align:           center;
  border:               none;
  display:              block;
  height:               20px;
  line-height:          20px;
}
#menu dt a:hover, #menu dt a:focus {
  color:                #ffffff;
  background-color:     inherit;
  text-decoration:      underline;
}
#menu li a:hover, #menu li a:focus {
  color:                #000000;
  background-color:     inherit;
  text-decoration:      underline;
}
/* // gestion des menus*/
#main{
  width:                980px;
  margin:               0px auto 0px auto;
}
#contenu{
  width:                980px;
  text-align:           justify;
  margin-bottom:75px;
}
  /*hebergement*/
  .hebergement-plan {
    font-weight:        bold;
    background-image:   url(_images/titre-hebergement-bg.gif);
    background-repeat:  repeat-x;
    background-color:   inherit;
    color:              #ffffff;
    border-bottom:      1px solid #999999;
  }
  .hebergement-titre{
    border-bottom:      1px solid #cccccc;
    background-color:   inherit;
    text-align:         right;
    color:              #666666;
  }
  .hebergement-contenu{
    border-bottom:      1px solid #cccccc;
  }
  /*creations web*/
  .portfolio{
    /*float:              left;
    width:              260px;*/
    width:100%;
  }
  .portfolio-droite{
    /*float:                left;
    width:                600px;
    margin:               0 00px 0 20px;
    padding-left:         50px;
    border-left:          1px dotted #d0d0d0;*/
    width:600px;
    margin:0 auto;
  }
  .acces-site{
    width:530px;
    text-align: right;
    width:152px;
    height:29px;
    background-image: url(_images/bg-acces-site.gif);
    padding:0px;
    margin:0px;
    text-align: center;
    margin-left:388px;
    line-height: 29px;
  }
  .acces-site a{
    color:#fff;
    text-decoration: none;
  }
    .acces-site a:hover{
    color:#fff;
    text-decoration: underline;
  }
  .portfolio-thumb a{
    float:              left;
    display:            block;
    margin:             0 10px 10px 0;
    width:              112px;/*120-8*/
    height:             112px;/*120-8*/
    padding:            8px 0 0 8px;
    background-image:   url(_images/portfolio-bg-out.gif);
    border:none;
  }
  .portfolio-thumb a:hover{
    float:              left;
    display:            block;
    margin:             0 10px 10px 0;
    width:              112px;/*120-8*/
    height:             112px;/*120-8*/
    padding:            8px 0 0 8px;
    background-image:   url(_images/portfolio-bg-on.gif);
    cursor:             pointer;
  }
  .portfolio-thumb a img{
    border:             1px solid #eeeeee;
  }
   .portfolio-thumb a:hover img{
    border:             1px solid #ccc;
  }
.clear{
  clear:                both;
}
.rose{
  color:                #cc1a66;
  background-color:     inherit;
}
.bleu{
  color:                #2779a2;
  background-color:     inherit;
}
.gris{
  color:                #a0a0a0;
  background-color:     inherit;
}
.blanc{
  color:                #fff;
  background-color:     inherit;
  font-weight: bold;

}/*
#formulaire-close{
  display:block;
  width:960px;
  margin-left:auto;
  margin-right:auto;
}*/
#formulaire-close{
  display:none;
}
#formulaire-open{
   display:block;
   width:960px;
   margin-left:auto;
   margin-right:auto;
}
#formulaire-contact{
  background-image: url(_images/bg-formulaire-contact.gif);
  background-repeat: repeat-x;
  background-position: top;
  background-color: #232323;
  color:#fff;
  padding-bottom:15px;
  color:#eee;
}
#titre-contact{
  margin-left:100px;
  width:171px;
  height:57px;
  background-image: url(_images/titre-contact.gif);
  background-repeat: no-repeat;
  text-align: center;
  color:#fff;
  background-color: inherit;
  line-height:42px;
  text-align: center;
}
#titre-contact a{
  color: #00A8E6;
  font-weight: bold;
  text-decoration: none;
  background-color: transparent;
}
#titre-contact a:hover{
  color: #fff;
  font-weight: bold;
  text-decoration: none;
}
.colonne-contact{
  float:left;
  width:298px;/*320-22*/
  border-left:1px solid #333;
}
.colonne-contact-textarea{
  float:left;
  width:650px;/*320-22*/
  border-left:1px solid #333;
  
}
#footer-ligne-bonus{
   width:               auto;
   height:              22px;
   padding-right:       50px;
   overflow:            auto;
   background-color:#232323;
}
.footer-bonus-menu{
   float:               right;
   height:              22px;
   line-height:         22px;
   padding-left:        5px
}
.footer-bonus-menu a{
   font-size:           11px;
   font-weight:         bold;
   text-decoration:     none;
   color:               #232323;
   border:              none;
   background-color:    inherit;
}
.footer-bonus-menu a:hover{
   color:               #000;
   background-color:    inherit;
   text-decoration:     underline;
}
.footer-bonus-menu-gauche{
   float:               left;
   height:              22px;
   width:               16px;
   background-image:    url(_images/menu-bonus-gauche.gif);
   background-repeat:   no-repeat;
}
.footer-bonus-menu-droit{
   float:               left;
   height:              22px;
   width:               16px;
   background-image:    url(_images/menu-bonus-droit.gif);
   background-repeat:   no-repeat;
}
.footer-bonus-menu-milieu{
   float:               left;
   height:              22px;
   background-image:    url(_images/menu-bonus-milieu.gif);
   background-repeat:   repeat-x;   
}
#footer{
  padding-top:          10px;
  padding-bottom:       10px;
  color:                #232323;
  background-color:     #f1f1f1;
  font-size:            12px;
  text-align:           center;
}    
#footer-menu{         
   width:               980px;
   margin-left:         auto;
   margin-right:        auto;
   padding-top:         10px;
   height:              40px;
   margin-bottom:       10px;
}          
#footer-menu a{
   display:             block;
   float:               left;
   width:               233px;
   border:              2px #c0c0c0 solid;
   height:              40px;
   line-height:         40px;
   margin-right:        5px;
   text-decoration:     none;
   color:               #c0c0c0;
   font-size:           14px;
   font-family:				  Arial, Helvetica, sans-serif;
   background-color:    #ffffff;
   background-image:    url(_images/bg-bonus.gif);
   background-position: top;
   background-repeat:   no-repeat;
}
#footer-menu a:hover{
   font-size:           14px;
   text-decoration:     none;
   border:              2px #cc1a66 solid;
   color:               #cc1a66;
   background-color:    #ffffff;
   background-image:    url(_images/bg-bonus.gif);   
   background-position: bottom;
   background-repeat:   no-repeat;
}
/*style formulaire de contact*/
#contact{
  width:960px;
  margin-left:auto;
  margin-right:auto;
}
#form-contact{
  float:                left;
  width:                400px;
  margin:               0 20px 0 20px;
  padding-right:        50px;
  border-right:         1px dotted #d0d0d0;
}
.form-row-textarea{
  width:                600px;
	clear:                both;
  padding:              5px;
}
.form-row{
  width:                298px;
	clear:                both;
  padding:              5px;
}
.form-txt img{
  vertical-align:       bottom;
}
.field-label{
  float:                left;
  width:                135px;
}

.field-widget-textarea{
  float:                left;
  width:                450px;
}
.field-widget{
  float:                left;
  width:                150px;
}
.style-champs{
  width:                250px;
  border-top:           none;
  border-left:          none;
  border-right:         none;
  border-bottom:        1px solid #2779a2;
  background-color:     #f0f0f0;
  color:                #000;
}
#style-bouton{
  color:                #fff;
  font-weight:          bold;
  width:                150px;
  background-color:     #000;
  background-image: url(_images/btn-envoyer.gif);
  background-repeat: repeat-x;
  cursor:               pointer;
}
/*titres*/
h1{
  color:                #000;
  font-family:				  "times New Roman", Verdana, Arial, Helvetica, sans-serif;
  background-color:     inherit;
  letter-spacing:       10px;
  margin:               30px 0 20px 0;
  font-size:            22px;
  line-height:          22px;
  border-bottom:        1px solid #eeeeee;
  text-transform:       lowercase;
  text-align:           right;
}
h1 span{
font-weight:            bold;
background-color:       inherit;
color:                  #dc2f7a;
}
h2{
  color:                #c0c0c0;
  background-color:     inherit;
  letter-spacing:       1px;
  margin-bottom:        10px;
  font-style:           italic;
  font-size:            14px;
}
input.disabled {
	/*border:               1px solid #f2f2f2;*/
	background-color:     #f2f2f2;
	color:                inherit;
  padding:              2px;
}
input{
	border:               2px solid #c1bea1;
	padding:              2px;
}
input.required, textarea.required {
	border:               2px solid #00A8E6;
	padding:              2px;
}
input.validation-failed, textarea.validation-failed {
  border:               2px solid #ff3300;
	color :               #ff3300;
	padding:              2px;
	background-color:     #fff;
}
input.validation-passed, textarea.validation-passed {
	border:               2px solid #00cc00;
	padding:              2px;
	color :               #000000;
	background-color:     #fff;
}

.validation-advice {
	padding:              5px;
	background-color:     #ff3300;
	color :               #fff;
	font-weight:          bold;
	text-align:           center;
	width:                140px;
}

.custom-advice {
	margin:               5px 0;
	padding:              5px;
	background-color:     #c8aa00;
	color :               #ffffff;
	font-weight:          bold;
}

fieldset {
	padding:              1em;
	margin-bottom:        0.5em;
  float:                left;
  width:                400px;
}

label {
	font-weight:          bold;
}
.center{
        text-align:     center;
}

.service{
   height:              100px;
   width:               820px;
   margin-bottom:       15px;
}
.nom-service{
   float:               left;
   height:              100px;
   width:               300px;
   font-size:           14px;
   font-weight:         bold;
}
.nom-service img{
   vertical-align:      middle;
}
.nom-service a{
   text-decoration: none;
   color:#555;
   background-color: inherit;
}
.nom-service a:hover{
   text-decoration: none;
   color:#000;
   background-color: inherit;
}
.description-service{
   float:               left;
   width:               469px;/*500-31*/
   height:              100px;
   border-left:         1px #d0d0d0 dotted;
   color:               #555555;
   line-height:         33px;
   padding-left:        15px;
   padding-right:       15px;
   background-color:    #f9f9f9;
   
}
.lien-service a{
   display:             block;
   float:               left;
   text-align:          center;
   height:              100px;
   width:               20px;
   line-height:         100px;
   color:               #fff;
   background-color:    #ddd;
   font-weight:         bold;
   text-decoration:     none;
   font-size:           14px;
   background-image:    url(_images/bg-service.gif);
   background-repeat:   no-repeat;
   background-position: right;
   border-bottom:       none;
}
.lien-service a:hover{
   line-height:         100px;
   color:               #000;
   background-color:    #ddd;
   
}
.description-service a{
   margin:             2px;
   color:              #000;
   border:             1px solid #eee;
   text-decoration:    none;
   background-color:   inherit;
   padding-left:       2px;
   padding-right:      2px;
}
.description-service a:hover{
   margin:             2px;
   border:             1px solid #ccc;
   color:              #cc1a66;
   background-color:   #fff;
}
.bandes{
  padding:             20px;
  margin:              20px;
  border-top:          1px solid #eee;
  border-left:         1px solid #eee;
  border-right:        1px solid #eee;
  border-bottom:       1px solid #ccc;
  background-image:    url(_images/bande-fond.gif);
}
.lien-accueil a{
   margin:             2px;
   border:             1px solid #eeeeee;
   color:              #555;
   background-color:   inherit;
   text-decoration:    none;
   padding-left:       2px;
   padding-right:      2px;
   float:              right;
}
.lien-accueil a:hover{
   border:             1px solid #cccccc;
   color:              #cc1a66;
   background-color:   #ffffff;
}

div.charte ul li ul li{
  list-style: circle outside;
  color:#555;
  margin-left:25px;
  background-color: inherit;
}
.notify{
    text-align: center;
    background: #fff;
    border: 1px solid #CC1A66;
    height:36px;
    line-height: 18px;
    color:#CC1A66;
    -moz-border-radius:5px;
    -webkit-border-radius: 5px;
    width:400px;
    margin:0 auto 20px;
    padding:10px 0;
}