@charset "utf-8";
/* CSS Document */

body {background: #115d87; margin: 0 auto; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; position: relative; color:#333333
}

/*général*/
h1,h2,h3 {font-family: Verdana, Arial, Helvetica, sans-serif; color:#1688ce; font-weight:bold; }

.texte-m h2 {font-size:12px; color:#df4d90 }
.texte-m h3 {font-size:11px; color: #75AE4F; padding-left:20px }
.texte-m h4 {font-size:11px; color: #0099FF; padding-left:40px }

.texte-m li { margin-top:5px;}

/*design général*/

.haut {background: url(images/kelwatt.jpg) no-repeat top center; width:996px; height:247px; }
.contenu {background: url(images/fond-contenu.jpg) repeat-y; width:996px; display: inline-table;}
.bas {background: #549fc8 url(images/fond-bas.jpg) no-repeat; width:996px;  }
         
.degrade {background-image: url(images/degrade.jpg); background-repeat: no-repeat; width:996px; text-align:left  }

.partie0 {width:694px; float:left; margin-top:17px; margin-left:21px; display: inline-table;   }

.calage-g { float:left; width:715px;}
.colonne {width:281px; display: inline-table;   }

.texte-h {
    background-color : #c4eaff;
    border:1px solid #fffdff;
    -webkit-border-top-left-radius: 6px; 
    -webkit-border-top-right-radius: 6px; 
    -moz-border-top-left-radius: 6px;
    -moz-border-top-right-radius: 6px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    width:679px; 
    height:33px; 
    margin-top:2px
}
.texte-m {
    background: #ffffff; 
    width:666px; 
    display:inline-table; 
    padding:0px 5px 0px 10px;
}
.texte-b, .texte-b-comp {
    background: #ffffff; 
    border:1px solid #fffdff;
    -webkit-border-bottom-left-radius: 6px; 
    -webkit-border-bottom-right-radius: 6px; 
    -moz-border-bottom-left-radius: 6px;
    -moz-border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    width:679px; 
    height:12px; 
}

.texte-m a:link, .texte-m a:visited  { text-decoration:underline; color:#333333}
.texte-m a:hover  {color:black}
.texte-m a{
    -webkit-transition:color 0.3s ease-in;
    -moz-transition:color 0.3s ease-in;
    -o-transition:color 0.3s ease-in;
    transition:color 0.3s ease-in;
}
/* recherche google */

.recherche  {position: relative; left:-141px; top:24px; }
input[type="text"] {height: 18px; width: 180px; }
input[type="submit"] {padding: 1px 6px; }
.bouton-recherche-google {background:url(images/loupe.jpg) no-repeat top left; width:24px; height:22px; border:0px; cursor:pointer }

/* colonne */


/*------------- MENU BOUTIQUE COLONNE ----------------*/
#menuBoutique{ background: url('images/menu-boutique-m.jpg') repeat-y; margin: -13px 0 0 12px}
#menuBoutique h1{ background: url('images/menu-boutique-h.jpg') no-repeat; text-indent: -9999px; height: 83px;}
#menuBoutiqueFooter{ background: url('images/menu-boutique-b.jpg') no-repeat; height: 73px; width: 253px; display: block; text-indent: -9999px}
ul.cat_menu{ list-style-type: none; margin: 0; padding: 0; display: block;}
ul.cat_menu li, ul.cat_menu li ul li { display: block; }
ul.cat_menu h3{ background: none; color: #000; font-variant: normal; font-weight: normal; display: inline; position: absolute; margin: 0 0 0 4px;font-size: 12px; }
ul.cat_menu li.courante h3, ul.cat_menu li.courante ul li.courante h3{ color: red}
	.cat_menu ul h3{ margin: 0; font-size: 11px;}
ul.cat_menu li ul{display: none; margin-top: -8px; color: #000}
ul.cat_menu li.courante ul{display: block;}
ul.cat_menu	li.courante ul li h3{ color: black;} 
ul.cat_menu li a, ul.cat_menu li a:link { display: block; font-size: 11px; color: #000; text-decoration: none; position: relative; line-height: 30px; height: 30px}
ul.cat_menu li a:hover { font-size: 12px; font-weight: bold;}
ul.cat_menu li ul li a, ul.cat_menu li ul li a:link { display: block; margin-left: 2px; height: 15px; font-size: 11px; font-weight: normal;  text-decoration: none; line-height: 20px }
ul.cat_menu li ul li a:hover { font-size: 10px; font-weight: bold;}
ul.cat_menu img{ border: none;}


.boutique-h {background: url(images/boutique-h.jpg) no-repeat top left; margin-left:12px; width:250px; height:54px; font-size:12px; line-height:65px; font-weight:bold; padding-left:15px ; color:#ce161e }
.boutique-m {background: url(images/boutique-m.jpg) no-repeat top left; margin-left:12px; width:235px; height:103px; padding-left:15px ;color:#FFFFFF}
.boutique-m p { margin:0 auto; position:relative; top:7px}

/*.boutique-bouton {background: url(images/boutique-bouton.jpg) no-repeat bottom left; width:144px; height:42px; position:relative; top:12px; left:-15px; padding-bottom:10px}*/
#bridge_boutique{display: block; background: url('images/menu-boutique-h-g.jpg') no-repeat; z-index: 1000; display: block; position: absolute; margin-top: 19px; margin-left: -25px; height: 66px; width: 37px}

.boutique-m a {position:relative; top:32px; left:2px; font-weight:bold; }
.boutique-m a:link,.boutique-m a:visited { color: #FFFFFF; text-decoration:none} 
.boutique-m a:hover { color: #FFFFFF; text-decoration: underline}

.devis-h {background: url(images/devis-h.jpg) no-repeat top left; margin-left:12px; width:250px; height:56px; font-size:12px; line-height:65px; font-weight:bold; padding-left:15px ; color:#237310 }
.devis-m {background: url(images/devis-m.jpg) no-repeat top left; margin-left:12px; width:235px; height:102px; padding-left:15px ;color:#FFFFFF}
.devis-m p { margin:0 auto; position:relative; top:8px; }

.devis-m a {position:relative; top:31px; left:10px; font-weight:bold; }
.devis-m a:link,.devis-m a:visited { color: #FFFFFF; text-decoration:none} 
.devis-m a:hover { color: #FFFFFF; text-decoration: underline}

.newsletter-h {background: url(images/newsletter-h.jpg) no-repeat top left; margin-left:12px; margin-top:10px; width:250px; height:52px; font-size:12px; line-height:50px; font-weight:bold; padding-left:15px ;  }
.newsletter-m {background: url(images/newsletter-m.jpg) repeat-y top left; margin-left:12px; width:235px; padding-left:15px; color:#FFFFFF}
.newsletter-m-txt { padding-bottom:10px;}
.newsletter-b {background: url(images/newsletter-b.jpg) no-repeat top left; margin-left:12px; margin-bottom:10px; width:250px;  height:6px;}

#newsletter_msg{ color: #fff;}
#newsletter_msg.error{ color: red}

/*.newsletter-m a:link, .newsletter-m a:visited { color: #FBAEFB; margin-left:20px}
.newsletter-m a:hover { color: #FBAEFB; margin-left:20px; text-decoration:none}
.newsletter-m img {position:relative; top:14px; border:0; }*/
.newsletter-m input { margin: 0px 0px 5px 0px }


.reseaux-h {background: url(images/reseaux-h.jpg) no-repeat top left; margin-left:12px; width:250px;  height:52px;  font-size:12px; line-height:50px; font-weight:bold; padding-left:15px; color:#df4d90 }
.reseaux-m {background: url(images/reseaux-m.jpg) repeat-y top left; margin-left:12px; width:235px;  padding-left:15px; color:#FFFFFF}
.reseaux-b {background: url(images/reseaux-b.jpg) no-repeat top left; margin-left:12px; margin-bottom:17px; width:250px;  height:7px;}

.reseaux-m img {position:relative; left:-10px; top:5px; border:0; padding-right:9px;  }
.facebook {
    width:59px;
    height:51px;
    background:url("images/social_networks.jpg") no-repeat 0px 0px;
    display:block;
    float:left;
}
.twitter {
    width:64px;
    height:51px;
    background:url("images/social_networks.jpg") no-repeat -59px 0px;
    display:block;
    float:right;
}

.voir-h {background: url(images/voir-h.jpg) no-repeat top left; margin-left:12px; width:250px;  height:42px;  font-size:12px; line-height:50px; font-weight:bold; padding-left:15px; color:#818fd7 }
.voir-m {background: url(images/voir-m.jpg) repeat-y top left; margin-left:12px; width:235px;  padding-left:15px; color:#FFFFFF}
.voir-b {background: url(images/voir-b.jpg) no-repeat top left; margin-left:12px; margin-bottom:17px; width:250px;  height:7px;}

.voir-m ul { margin:0 auto; padding:5px 10px 5px 10px}
.voir-m a:link,.voir-m a:visited { color: #FFFFFF; text-decoration:none} 
.voir-m a:hover { color: #FFFFFF; text-decoration: underline}

/*index */
.comparateur-h h1,.guide-h h1, .texte-h h1  {font-size:13px; line-height:32px; margin:0px 0px 0px 15px  }
.video-h h1, .jeux-h h1  {font-size:13px; line-height:50px; margin:0px 0px 0px 15px  }
.texte-fin-h h1 {font-size:13px;  color:#FFFFFF; line-height:32px; margin:0px 0px 0px 15px; }
.actu  {
    font-size:17px; 
    color:#409b49; 
    font-family:Arial, Helvetica, sans-serif; 
    margin:5px 0px 0px 40px; 
    display:block;
    float:left;
}
#actu-header-image{
    float:left;
    background:url("images/icons.png") no-repeat -628px 0px;
    width:34px;
    height:34px;
    margin-top: -5px;
    margin-left:20px;
}
#forum-header-image{
    float:left;
    background:url("images/icons.png") no-repeat -586px 0px;
    width:42px;
    height:34px;
    margin-top: -4px;
    margin-left:20px;
}
.forum  {
    font-size:17px; 
    color:#409b49; 
    font-family:Arial, Helvetica, sans-serif; 
    margin:5px 0px 0px 150px; 
    display:block;
    float:left;
}
.h1-g {font-size:17px;}

.h1-r:link, .h1-r:visited  { color:#FFFFFF; text-decoration:none; position:relative; top:-2px; left:15px}
.h1-r:hover {color:#FFFFFF; text-decoration: underline; position:relative; top:-2px; left:15px}

.partie1 {width:715px; float:left; position:relative; margin-top:17px  }
.partie2 {width:715px; float:left; margin-top:17px   }
.partie3 {width:694px; float:left; margin-top:17px; margin-left:21px; display: inline-table;   }

.bouton-comparer a, .bouton-comparer a:link, .bouton-comparer a:visited { 
    position:absolute; top:266px; left:323px; z-index:1; background: url(images/bouton-comparer-sprites.png) no-repeat 0px 0px; 
    width:180px; height:179px; 
    -webkit-transition:-webkit-transform 0.3s ease-in;
    -moz-transition:-moz-transform 0.3s ease-in;
    -o-transition:-o-transform 0.3s ease-in;
    transition:transform 0.3s ease-in;
}
.bouton-comparer a:hover { 
    position:absolute; top:266px; left:323px; z-index:1;
    background: url(images/bouton-comparer-sprites.png) no-repeat -180px 0px; 
    width:180px; height:179px; 
    -webkit-transform:scale(1.05);
    -moz-transform:scale(1.05);
    -o-transform:scale(1.05);
    transform:scale(1.05);
}

.comparer { width:317px; height:91px; background:url(images/comparer-prix.jpg) no-repeat;   }
.comparer a { display: block; width:317px; height:91px; background:white url(images/comparer-prix-on.jpg) no-repeat;  }
.comparer a:hover { background: transparent none;  }


.photo-guide a, .photo-guide a:link, .photo-guide a:visited, .photo-guide a:hover{background: url(images/changement-fournisseur-electricite.jpg) no-repeat; width:225px; height:234px; float:right; position:relative; top:4px; left:-4px; z-index:0; }
.photo-guide a:hover > .photo-guide-hover{background: url(images/changement-fournisseur-electricite-on.jpg) no-repeat; width: 118px; height: 55px; position:absolute; top:23px; left:41px; z-index:1; }

.comparateur {margin-left:21px; margin-top:17px;  float:left; display: inline-table;  }
.guide {margin-right:13px; margin-top:17px; float:right ; display: inline-table;  }

.comparateur-h {background: url(images/comparateur-h.jpg) no-repeat top left; width:425px; height:33px; } 
#comparateur .box-top{
	width:423px; 
}
#comparateur .box-content{
	width:413px; 
	background-color:white;
	color:black;
	height:365px;
}
#comparateur{
margin-left:21px;
float:left;
}
#guide-box{
margin-left:454px;
}
#guide-box .box-top{
	width:243px;
}
#guide-box .box-content{
    width:233px;
    background-color:white;
    color:black;
	height: 365px;
}
#guide-box .box-content ul{
	margin:0 auto; padding-left:7px
}
.bouton-comparateur {background: url(images/bouton-comparateur.jpg) no-repeat; width: 100px; height: 29px; position: absolute; z-index: 1; top: 20px; left: 342px;}
 .comparateur-m {background: url(images/comparateur-m.jpg) repeat-y top left; width:415px;  padding-left:10px; padding-top:5px; padding-bottom:2px; } 
.comparateur-b {background: url(images/comparateur-b.jpg) no-repeat top left; width:425px; height:9px;}

.logo-fournissseur-ens { display: inline-table}
.logo-fournissseur { 
    float:left; 
    text-align:center; 
    margin:15px 9px 0px 0px;
}

.logo-fournissseur img, .logo-fournissseur-retour  img { border:0}
.logo-fournissseur a, .logo-fournissseur a:visited, .logo-fournissseur-retour a, .logo-fournissseur-retour a:visited {
    color: #999999; 
    font-weight:bold; 
    text-decoration:underline;
    -webkit-transition:color 0.3s ease-in;
    -moz-transition:color 0.3s ease-in;
    -o-transition:color 0.3s ease-in;
    transition:color 0.3s ease-in;
}
.logo-fournissseur a:hover, .logo-fournissseur-retour a:hover {color:#df4d90; font-weight:bold; }
.logo-fournissseur-retour { clear:left; float:left;  text-align:center; margin:15px 9px 0px 0px}

.logo-fournissseur div{
   width:90px;
   height:58px; 
   background-image:url("images/fournisseurs.jpg");
   background-repeat: no-repeat;
}
.logo-fournissseur div[title="Alterna"]{
    background-position: 0px 0px;
}
.logo-fournissseur div[title="Direct Energie"]{
    background-position: -90px 0px;
}
.logo-fournissseur div[title="edf"]{
    background-position: -180px 0px;
}
.logo-fournissseur div[title="electricite de strasbourg"]{
    background-position: -270px 0px;
}
.logo-fournissseur div[title="Enercoop"]{
    background-position: -360px 0px;
}
.logo-fournissseur div[title="GDF"]{
    background-position: -450px 0px;
}
.logo-fournissseur div[title="GEG"]{
    background-position: -540px 0px;
}
.logo-fournissseur-retour div[title="Poweo"]{
    background-position: -720px 0px;
    
    
    width:90px;
    height:58px; 
    background-image:url("images/fournisseurs.jpg");
    background-repeat: no-repeat;
    
}
.logo-fournissseur div[title="Proxelia"]{
    background-position: -810px 0px;
    
}
.logo-fournissseur div[title="Planete-Oui"]{
    background-position: -630px 0px;
}
.guide-h {background: url(images/guide-h.jpg) no-repeat top left; width:245px; height:33px;}
.guide-m {background: url(images/guide-m.jpg) repeat-y top left; width:235px; padding-left:10px; padding-top:5px; display:inline-table}
.guide-b {background: url(images/guide-b.jpg) no-repeat bottom left; width:245px; height:8px;}
#guide-h{
	width:243px;
}
#guide-m{
	width:245px;
	height:390px;
}
#guide-m ul{
	margin:0 auto; padding-left:7px
}
#guide-b{
	width:243px;
}
.guide-m ul { margin:0 auto; padding-left:7px}

.video-jeux {margin-left:21px; float:left; display: inline-table; }

.video-h {background: url(images/video-h.jpg) no-repeat top left; width:191px; height:50px; }
.video-m {background: url(images/video-m.jpg) repeat-y top left; width:181px;  color:#FFFFFF; padding-left:10px;}
.video-b {background: url(images/video-b.png) no-repeat top left; width:191px; height:105px; margin-bottom:10px}

.video-b a {margin-left:50px; position:relative; top:13px; left:17px; font-weight:bold; }
.video-b a:link, .video-b a:visited   { text-decoration:none; color:#FFFFFF }
.video-b a:hover   {text-decoration: underline; }


/* .jeux-m {background: url(images/jeux-m.jpg) repeat-y top left; width:181px;   color:#FFFFFF; padding-left:10px} */
#jeux-box-content { 
	background: #c63175; 
}
/* .jeux-b {background: url(images/jeux-b.jpg) no-repeat top left; width:191px; height:6px;} */

/** .box désigne les boîtes du site comme par exemple Jeux ou Videos
*	.content-box désigne les boîtes qui sont affichées dans la zone principale,
*	.sidebar-box désigne les boîtes qui sont affichées dans la sidebar.
*/
#devis-box .box-top h1{
    color:#237310;
}
#devis-box .box-content{
    background-image:url(images/devis-m-opt.jpg);
}
#devis-box .box-content p{
    margin-top:0.1em;
}
#devis-box .box-top img{
    margin-top:-25px;
}

#devis-box .button{
    margin-left:0px;
}
#newsletter-box .box-top img{
    margin-right:9px;
}
#newsletter-box .box-top-image{
    margin-top:-10px;
    background:url("images/icons.png") no-repeat 0px 0px;
    width:57px;
    height:52px;
    float:right;
    margin-right: 10px;
    -webkit-transition:-webkit-transform 1.2s ease-in-out;
    -moz-transition:-moz-transform 0.6s ease-in-out;
    -o-transition:-o-transform 0.6s ease-in;
    transition:transform 0.6s ease-in;
}
#newsletter-box:hover .box-top-image{
    -webkit-transform:rotateY(360deg);
    -moz-transform:rotateY(360deg);
    -o-transform:rotateY(360deg);
    transform:rotateY(360deg);
}
#newsletter-box .box-content{
    background-color:#444450;
}
#newsletter-box .box-top h1{
    color:#333;
}
#reseaux-box .box-content{
    background-color:#e04d91;
}
#reseaux-box-links{
    display:block;
    clear:both;
}
#reseaux-box .box-top-image{
    margin-top:-10px;
    background:url("images/icons.png") no-repeat -57px 0px;
    width:51px;
    height:52px;
    float:right;
    margin-right: 10px;
    -webkit-transition:-webkit-transform 0.3s ease-in;
    -moz-transition:-moz-transform 0.3s ease-in;
    -o-transition:-o-transform 0.3s ease-in;
    transition:transform 0.3s ease-in;
}
#reseaux-box:hover .box-top-image{
    -webkit-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -o-transform:scale(1.1);
    transform:scale(1.1);
}
.box{
	margin-bottom:12px;
}
.box-top{
    -webkit-border-top-left-radius: 6px; 
    -webkit-border-top-right-radius: 6px; 
    -moz-border-top-left-radius: 6px;
    -moz-border-top-right-radius: 6px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    background: #f8f8f8;
    background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#dddddd));
    background: -moz-linear-gradient(top,  #f8f8f8,  #dddddd);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f8', endColorstr='#dddddd');
    border-left:1px solid #C5C3C6;
    border-right:1px solid #C5C3C6;
    border-top:1px solid #C5C3C6;
    height:30px;
}
.content-box .box-top{
	width:189px; 
	height:30px;
}
.sidebar-box .box-top{
	width:248px;
}
#videos-box .box-content{
    background: #1c8cd8 url("images/video-b.png") no-repeat bottom left;
    padding-bottom:75px;
}
#videos-box .box-top-image{
    margin-top:-10px;
    background:url("images/icons.png") no-repeat -712px 0px;
    width:53px;
    height:47px;
    float:right;
    margin-right: 10px;
    opacity:0.8;
    -webkit-transition:opacity 0.3s ease-in;
    -moz-transition:opacity 0.3s ease-in;
    -o-transition:opacity 0.3s ease-in;
    transition:opacity 0.3s ease-in;
}
#videos-box:hover .box-top-image{
    opacity:1;
}
#jeux-box .box-top-image{
    margin-top:-10px;
    background:url("images/icons.png") no-repeat -662px 0px;
    width:50px;
    height:41px;
    float:right;
    margin-right: 10px;
    -webkit-transition:-webkit-transform 0.3s ease-in;
    -moz-transition:-moz-transform 0.3s ease-in;
    -o-transition:-o-transform 0.3s ease-in;
    transition:transform 0.3s ease-in;
}
#jeux-box:hover .box-top-image{
    -webkit-transform:rotate(-14deg);
    -moz-transform:rotate(-14deg);
    -o-transform:rotate(-14deg);
    transform:rotate(-14deg);
}
.box-top h1{
	font-size:13px; line-height:30px; margin:0px 0px 0px 15px  
}
.box-top img{
	float:right;
	margin-top:-4px;
}

.content-box .box-content{
	width: 159px;
	padding-left:15px;
	padding-right:15px;
}
.sidebar-box .box-content{
	width:218px;
	padding-left:15px;
	padding-right:15px;
}
.colonne .box{
	margin-left:12px;
}
.box-content{
	width: 179px;
	color:#FFFFFF; 
	padding-top:8px; 
	padding-left:10px;
	padding-bottom:8px;
	background: #c63175; 
	border: 1px solid #c5c3c6;
}
.button{
    -webkit-border-radius: 6px; 
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 1px 2px 4px rgba(0,0,0,.6);
    -moz-box-shadow: 1px 2px 4px rgba(0,0,0,.6);
    box-shadow: 1px 2px 4px rgba(0,0,0,.6);
    border:rgba(253,210,253,0.8) 1px solid;
    color:white;
    cursor:pointer;
    display: inline-block;
    
    font-size:11px;
    font-weight:bold;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    margin-left: 33px;
    margin-top: 10px;
    padding: .5em 2em .55em;
    outline: none;
    /**cursor: pointer;**/
    text-align: center;
    text-decoration: none;
    /**font: 14px/100% Arial, Helvetica, sans-serif;**/
    
    text-shadow: 0 1px 1px rgba(0,0,0,.3);
    
}
.button:hover{
    text-decoration:underline;
    color:white;
     cursor:pointer;
    
}
.pink-button{
    /* IE10 */ 
    background-image: -ms-linear-gradient(top, #FF8FF8 0%, #B03E77 100%);

    /* Mozilla Firefox */ 
    background-image: -moz-linear-gradient(top, #FF8FF8 0%, #B03E77 100%);

    /* Opera */ 
    background-image: -o-linear-gradient(top, #FF8FF8 0%, #B03E77 100%);

    /* Webkit (Safari/Chrome 10) */ 
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FF8FF8), color-stop(1, #B03E77));

    /* Webkit (Chrome 11+) */ 
    background-image: -webkit-linear-gradient(top, #FF8FF8 0%, #B03E77 100%);

    /* Proposed W3C Markup */ 
    background-image: linear-gradient(top, #FF8FF8 0%, #B03E77 100%);
    
    /* IE 7-8 */
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF8FF8', endColorstr='#B03E77');
}

.blue-button{
    background: #1e63a6;
    
     /* IE10 */ 
    background-image: -ms-linear-gradient(top, #abddf6 0%, #1e63a6 100%);

    /* Mozilla Firefox */ 
    background-image: -moz-linear-gradient(top, #abddf6 0%, #1e63a6 100%);

    /* Opera */ 
    background-image: -o-linear-gradient(top, #abddf6 0%, #1e63a6 100%);

    /* Webkit (Safari/Chrome 10) */ 
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #abddf6), color-stop(1, #1e63a6));

    /* Webkit (Chrome 11+) */ 
    background-image: -webkit-linear-gradient(top, #abddf6 0%, #1e63a6 100%);

    /* Proposed W3C Markup */ 
    background-image: linear-gradient(top, #abddf6 0%, #1e63a6 100%);
    
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#abddf6', endColorstr='#1e63a6');

    
    background: -webkit-gradient(linear, left top, left bottom, from(#abddf6), to(#1e63a6));
    background: -moz-linear-gradient(top,  #abddf6,  #1e63a6);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#abddf6', endColorstr='#1e63a6');

}
.green-button{
    background: #29781d;
    
     /* IE10 */ 
    background-image: -ms-linear-gradient(top, #c5f592 0%, #29781d 100%);

    /* Mozilla Firefox */ 
    background-image: -moz-linear-gradient(top, #c5f592 0%, #29781d 100%);

    /* Opera */ 
    background-image: -o-linear-gradient(top, #c5f592 0%, #29781d 100%);

    /* Webkit (Safari/Chrome 10) */ 
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #c5f592), color-stop(1, #29781d));

    /* Webkit (Chrome 11+) */ 
    background-image: -webkit-linear-gradient(top, #c5f592 0%, #29781d 100%);

    /* Proposed W3C Markup */ 
    background-image: linear-gradient(top, #c5f592 0%, #29781d 100%);
    
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#c5f592', endColorstr='#29781d');

}
.actu-m .green-button{
    margin-bottom:1em;
}
#newsletter-box .button{
    padding:.5em 2em .55em;
    margin-left:0px;
    
}
#newsletter-box .button:hover{
}
#bouton-comparateur{
	float:right;
	margin-left:5px;
	margin-right:5px;
	margin-top:4px;
	padding-top:0.3em;
	padding-bottom:0,3em;
	padding-left:0.5em;
	padding-right:0.5em;
	
}
#callback-button{
    background-image: url("images/icons.png");
    background-repeat:no-repeat;
    background-position:-108px -0px;
    width:239px;
    height:49px;
    display:block;
    margin:16px;
}
#callme-button{
    background-image: url("images/icons.png");
    background-repeat:no-repeat;
    background-position:-347px -0px;
    width:239px;
    height:49px;
    display:block;
    margin:16px;
}

.actu-forum {margin-left:10px; float:left ;  }

.actu-m {width:227px;  padding:0px 5px 0px 5px; float:left; border-right:1px dotted #999999 }

.actualite-bouton {background: url(images/actualite-bouton.jpg) no-repeat top left; width:136px; height:37px; position:relative; top:7px; left:40px; padding-bottom:10px}

.actualite-bouton a {position:relative; top:9px; left:12px; font-weight:bold; }
.actualite-bouton a:link,.actualite-bouton a:visited { color: #FFFFFF; text-decoration:none}
.actualite-bouton a:hover { color: #FFFFFF; text-decoration: underline}

.forum-m {width:227px;  padding:0px 5px 0px 5px; float:left; }

.forum-bouton-acces {background: url(images/forum-bouton.jpg) no-repeat top left; width:136px; height:37px; position:relative; top:7px; left:40px; padding-bottom:10px}

.forum-bouton-acces a {position:relative; top:9px; left:10px; font-weight:bold; }
.forum-bouton-acces a:link,.forum-bouton a:visited { color: #FFFFFF; text-decoration:none}
.forum-bouton-acces a:hover { color: #FFFFFF; text-decoration: underline}




.lien-titre-actu-forum:link, .lien-titre-actu-forum:visited { color:darkgreen; }
.lien-titre-actu-forum:hover { color:green; }
.lien-titre-actu-forum{
    font-size:110%;
}
.lien-flux:link, .lien-flux:visited { color:#666666; }
.lien-flux:hover { color: #FF6600; }
.message-actu-forum{
    margin-top:0.2em;
    margin-bottom: 1em;
}
.actu-forum-h {
/*    background: url(images/actu-forum-h.jpg) no-repeat top left; */
    width:479px; 
    height:30px;
    
    background-color : #ccf05c;
    border:1px solid #fffdff;
    -webkit-border-top-left-radius: 6px; 
    -webkit-border-top-right-radius: 6px; 
    -moz-border-top-left-radius: 6px;
    -moz-border-top-right-radius: 6px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    margin-top:2px
}
.actu-forum-m {background: white repeat-y top left; width:481px; display:inline-table; padding-bottom:10px  }
.actu-forum-m h3{
    font-size:120%;
    font-weight: bold;
    color:black;
    margin-top:0.2em;
    margin-bottom:0.4em;
}
.actu-forum-b {
    background: #ffffff; 
    border:1px solid #fffdff;
    -webkit-border-bottom-left-radius: 6px; 
    -webkit-border-bottom-right-radius: 6px; 
    -moz-border-bottom-left-radius: 6px;
    -moz-border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    width:479px; 
    height:12px; 
    clear:both;
}
.newspaper-icon{
    background:url("images/icons.png") no-repeat -606px -34px;
    width:16px;
    height:16px;
    display:inline-block;
    position:relative; top:4px
}
.rss-icon{
    background:url("images/icons.png") no-repeat -586px -34px;
    width:16px;
    height:16px;
    display:inline-block;
    margin-right:3px;
    -webkit-transition:-webkit-transform 0.3s ease-in;
    -moz-transition:-moz-transform 0.3s ease-in;
    -o-transition:-o-transform 0.3s ease-in;
    transition:transform 0.3s ease-in;
}
.rss-icon:hover{
    -webkit-transform:scale(1.3);
    -moz-transform:scale(1.3);
    -o-transform:scale(1.3);
    transform:scale(1.3);
}
.flux { position:relative; top:4px}
.icone-forum  { position:relative; top:4px}

.texte-fin-h {
	background-color : #999bb0;
	border:1px solid #fffdff;
	-webkit-border-top-left-radius: 6px; 
	-webkit-border-top-right-radius: 6px; 
    -moz-border-top-left-radius: 6px;
	-moz-border-top-right-radius: 6px;
    border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	width:679px; 
	height:33px; 
	margin-top:2px
}


/* menu bandeau */
.menu {position:relative; left:-28px; top:88px; }
.menu li a, .menu li a:link, .menu li a:visited { 
    font-size:12px;
    font-weight:bold; 
    color:#FFFFFF; 
    padding-top:8px; 
    padding-bottom:8px;
    text-decoration:none;
    display:block;
}
.menu li { 
    list-style:none;
    display:block; 
    float:left;
    margin-top:1px;
}
.menu li:hover{
    color:white;
}

.menu li#accueil{
    width:41px; 
    height:29px; 
}
.menu li#accueil:hover, .menu li#accueil-on {
	background:url("images/menu_tabs.jpg") no-repeat left 0px;
	width:41px; 
	height:29px; 
        
}
.menu li#contact {
	width:90px; 
	height:29px; 
}
.menu li#contact:hover, .menu li#contact-on {
	background:url("images/menu_tabs.jpg") no-repeat -378px 0px;
	width:90px; 
	height:29px; 
	text-decoration:underline;
        color:white;
}
.menu li#comparer {
    width:127px; 
    height:29px; 
    margin-left:23px 
}
.menu li#comparer:hover, .menu li#comparer-on {
	background:url("images/menu_tabs.jpg") no-repeat -251px 0px;
	width:127px; 
	height:29px; 
	margin-left:23px ; 
	text-decoration:underline;
        color:white;
	margin-top:1px;	
}
.menu li#guide {
    width:92px; 
    height:29px;  
}
.menu li#guide:hover, .menu li#guide-on {
	background:url("images/menu_tabs.jpg") no-repeat -561px 0px;	
	margin-top:1px;	
	width:92px; 
	height:29px; 
        color:white;
	text-decoration:underline;
}

.menu li#boutique {
    width:104px; 
    height:29px; 
}
.menu li#boutique:hover, .menu li#boutique-on {
	background:url("images/menu_tabs.jpg") no-repeat -147px 0px;	
	margin-top:1px;	
	width:104px; 
	height:29px; 
        color:white;
	text-decoration:underline
}

.menu li#devis_travaux {
    width:104px; 
    height:29px; 
}
.menu li#devis_travaux:hover, .menu li#devis_travaux-on {
	background:url("images/menu_tabs.jpg") no-repeat -147px 0px;	
	margin-top:1px;	
	width:104px; 
	height:29px; 
        color:white;
	text-decoration:underline
}
.menu li#actu {
    width:106px; 
    height:29px; 
    margin-left:24px
}
.menu li#actu:hover, .menu li#actu-on {
	background:url("images/menu_tabs.jpg") no-repeat -41px 0px;	
	margin-top:1px;	
	width:106px; 
	height:29px;
	margin-left:24px; 
        color:white;
	text-decoration:underline
}

.menu li#forum {
    width:93px; 
    height:29px; 
}
.menu li#forum:hover, .menu li#forum-on {
	background:url("images/menu_tabs.jpg") no-repeat -468px 0px;	
	margin-top:1px;	
	width:93px; 
	height:29px; 
        color:white;
	text-decoration:underline
}

/*menu pied de page*/
.menu-footer {padding: 60px 0 0 0;}
.menu-footer ul { margin:0px 0px 0px 90px; }
.menu-footer li a:link, .menu-footer li a:visited { 
    float:left;  
    font-size:11px; 
    font-weight:bold; 
    color:#FFFFFF; 
    margin-right:35px;
}
.menu-footer li a:hover {
    -webkit-transform:scale(1.1);
}
.menu-footer li { list-style: none; }

.copyright, .copyright a:link, .copyright a:visited { color: #CDEFF1; display: inline-block; margin:10px 0px 10px 0px;  }
.copyright a:hover {}

.bas img { float:left; position: relative; top: 20px; left: 10px; border:0 }
#footer-kelwatt-logo{
    float:left;
    background:url("images/pt-logo-kelwatt.jpg") no-repeat;
    width:95px;
    height:76px;
    position: relative; top: 20px; left: 10px; border:0;
}
/* info fournisseur */
.gd-logo { float:right; width:200px; margin:5px 0px 10px 10px; border:1px solid #c3eaff }

/* guide information demarches */
.texte-resu {font-weight:bold; color: #FF6600; }
.texte-m table { width:100%; }
.texte-m td { vertical-align:top; }
.texte-m td ul { padding-left:20px }
.liste td { vertical-align: middle;  }
.grille-tarif-pdf { border:0 }

/* contact */
.erreur { color:#CC0014 }

/* moteur comparaison */
.moteur-h {background: url(images/moteur-h.jpg) no-repeat top left; width:618px; height:19px; margin-left:20px}
.moteur-m {background: url(images/moteur-m.jpg) repeat-y top left; width:618px; padding-left:10px; padding-top:5px; display:block; margin-left:20px}
.moteur-b {background: url(images/moteur-b.jpg) no-repeat bottom left; width:618px; height:124px; margin:0px 0px 7px 20px; position:relative}

.moteur-m div{width:554px; margin-left:23px; margin-bottom:7px; position:relative; display:block}
	.moteur-1  {background: url(images/moteur-1.jpg) no-repeat top left;}
	.moteur-2  {background: url(images/moteur-2.jpg) no-repeat top left;}
	.moteur-3  {background: url(images/moteur-3.jpg) no-repeat top left;}
	.moteur-4  {background: url(images/moteur-4.jpg) no-repeat top left;}
		.moteur-m div table{ margin-bottom:7px;}
		.moteur-m div h2{ padding-top: 9px; text-align:center}
	div.moteur-4{margin-bottom: 0;}
.moteur-1 h2 { color:#CC6600; margin-left:15px; position:relative; top:-10px  }
.moteur-2 h2 { color:#1688ce;  }
.moteur-3 h2 { color: #339933;}
.moteur-4 h2 {}

div.choix-moteur  { text-align:center; padding:10px 0px 5px 0px; display: block; margin: 0;}
.choix-moteur input { position:relative; top: 2px}
.ital-bleu { font-style:italic; color:#1688ce; margin-top:10px}
#je_connais_pas { margin-top:15px; }
div#je_connais{width: 100%; padding: 0; margin: 0;}
	#hp_hc0,#hp_hc1{margin-left: 0;}
	
.arc  {background: url(images/moteur-fin-arc.jpg) no-repeat bottom left; width:196px; height:17px; position:relative; top:124px ; left:214px}

.bouton-comparer-moteur { position:absolute; top:30px; left:227px; z-index:1; background: url(images/bouton-comparer-moteur.jpg) no-repeat; width:184px; height:179px;  }
.bouton-comparer-moteur:hover{ position:absolute; top:30px; left:227px; z-index:1; background: url(images/bouton-comparer-moteur-on.jpg) no-repeat; width:184px; height:179px; cursor:pointer}

.nb-resultats {margin-top:10px;}

.moteur-resultats {margin:0px 0px 0px 9px; position:relative; top:-44px}
.moteur-resultats-titre { vertical-align:top; font-weight:bold; color:#FFFFFF; }
.moteur-resultats td { border-right:2px solid #D8D8D8; padding:5px 0px 5px 0px }
.moteur-resultats-tarif { background:url(images/moteur-resultats-rose.jpg) repeat-x top left; width:7px; height:57px; }


.moteur-resultats-h { background: url(images/moteur-resultats-h.jpg) no-repeat top left; width:694px; height:57px;  position:relative; display:inline-table; }
.moteur-resultats-m {background: url(images/moteur-resultats-m.jpg) repeat-y top left; width:694px; height:6px;  position:relative; right:7px; display:inline-table; }
.moteur-resultats-b {background: url(images/moteur-resultats-b.jpg) no-repeat top left; width:694px; height:24px;  margin-bottom:7px; position:relative; right:7px; display:inline-table; }

.niv-ecolo { color:#00CC00; font-weight:bold}
.couleur-tarif { color:#df4d90; font-weight:bold}
.couleur-économies { color:#1688ce; font-weight:bold}
.couleur-souscrire a:link, .couleur-souscrire a:visited { color:#0099CC; }
.couleur-souscrire a:hover { text-decoration:none}

.bleu {background: url(images/moteur-resultats-m-bleu.jpg) repeat-y top left; width:694px; height:6px;}
.fournisseur-actuel	{background: url(images/moteur-resultats-m-actuel.jpg) repeat-y top left; width:694px; height:6px;}

.souscription-devis a { color: #3399FF; font-weight:bold; }
.souscription-devis a:link, .souscription-devis a:visited { text-decoration:underline}
.souscription-devis a:hover { text-decoration: none }

#form_title{ position: relative}
#form_title p{width: 570px;}
#f_logo{ position: absolute; top: 0; right: 0;}
/*actu*/
.flux-actu{ float:right; margin-top:5px}
.flux-actu a:link, .flux-actu a:visited { color:#FF6600; }

.date {display:inline-table; margin-top:20px }
.retour-actu{ float:right; margin-top:5px}
.retour-actu img{ position:relative; top:4px;}
.retour-actu a:link, .retour-actu a:visited{ color:#0099CC}

.titre-listing-actu a:link, .titre-listing-actu a:visited {color:#0099CC}
.ondes-actu img { position:relative; top: 4px}

.page-courante { color:#0099CC}

.changepage{cursor: pointer;color:#343333;font-family:verdana,arial;font-size:11px;margin-right:2px;align:justify;text-decoration:none;line-height:15px;}

.changepage:hover{color: #74B5F5;font-family:verdana,arial;font-size:11px;margin-right:2px;align:justify;text-decoration:none;line-height:15px;}

/*pub*/
.google-250x250 { width:250px; height:250px; float:right; padding:0px 0px 0px 0px; border:1px solid #c3eaff; margin: 0px 0px 10px 10px }

.fiche-fournisseur-250x250  { width:250px; height:250px; float:right; margin:5px 0px 10px 10px;  }

#pub-250x250 {background: #FFFFFF top left; margin-left:12px; margin-bottom:10px; width:250px; height:250px;}
#pub-728x90 {background: #FFFFFF top left; width:728px; height:90px; position:relative; left:115px; top:11px;}


/*.menu-boutique {}
.categorie-listing { margin:0px 0px 20px 0px}
.categorie-listing a { margin-right:7px }
.categorie-listing a:link, .categorie-listing a:visited { text-decoration:none; color:#df4d90}
.categorie-listing a:hover{ text-decoration: underline; color:#df4d90}
.categorie-listing img {height: 30px; position:relative; top:7px }
.categorie-nb {color: #666666}
*/


 
.fil-ariane { margin-bottom:10px; margin-top:10px}
.fil-ariane a:link, .fil-ariane a:visited{ color:#1688ce; text-decoration:none}
.fil-ariane a:hover{ color:#1688ce; text-decoration: underline}

.marque {}
.resultats {width:666px}
.page-suivante { float:right; margin:10px 5px 5px 0px; clear:both; display:block; color:#1688ce; }

/*boutique listing article*/
.article {width:32%; height: 350px; border: 1px solid #FDD0F9; background-color: #FFF4FE;  display:block; position:relative; float:left; margin:3px; }
.article a:link, .article a:visited {color: #666666; text-decoration:none }
.article a:hover {color:#666666; text-decoration: underline }

.article-ligne { width:100%; display:block; float:left}

.article-image img { height:180px; max-width:200px; border: 1px solid #FDD0F9; margin:15px 0px 5px 0px}

.article-nom {font-weight:bold; margin: 3px 3px 0px 3px }
.article-descriptif {margin: 3px 3px 0px 3px }

.article-prix { font-weight:bold; margin:5px 3px 0px 0px; position: absolute; bottom:10px; right:0px; color:#df4d90 }
.logo-boutique-affi img{  margin:5px 0px 0px 5px; border:1px solid #FBEAFB; position: absolute; bottom:5px; left:0px    }

/*boutique article choisi */
.article-choisi {width:99%; border: 1px solid #FDD0F9; background-color: #FFF4FE;  display: inline-table; position:relative; margin-bottom:10px }
.article-choisi h2 a:link, .article-choisi h2 a:visited {color:#df4d90; font-size:11px}
.article-choisi h2 a:hover {color:#df4d90;  text-decoration: underline; font-size:11px}

.article-choisi a:link, .article-choisi a:visited {color: #666666; text-decoration:none }
.article-choisi a:hover {color:#666666; text-decoration: underline }

.article-choisi-image img { height:180px; max-width:200px; border: 1px solid #FDD0F9; margin:15px 15px 15px 15px; float:left; }

.article-choisi-nom {margin: 2px 3px 0px 0px; }
.article-choisi-nom table { width:440px;}

.article-choisi-spec{color: #993300; font-weight:bold;}

.acheter { background:url(images/acheter-article.jpg) no-repeat; width:136px; height:37px; margin-left:0px ;  font-size:11px; font-weight:bold; float:left  }
.acheter a:link, .acheter a:visited {position:relative; top:8px; left:15px; color:#FFFFFF; }
.acheter a:hover {position:relative; top:8px; left:15px; color:#FFFFFF;  }

.redirection img {border:1px solid #FBEAFB;}

.article-choisi-descriptif {margin: 10px 3px 0px 3px; clear: both }

/*presse */

.presse { margin:0px 10px 0px 5px; line-height:15px}
.presse p{ padding-top:20px}
.presse img { float:left; margin-right:10px;  }

/* forum*/
.fil-arianne-accueil { padding:10px 0px 10px 10px}
.fil-arianne { padding:10px 0px 0px 10px}

.texte-m-forum {background: url(images/texte-m.jpg) repeat-y top left; width:681px; display:inline-table; padding:0px 0px 0px 0px;   }
/*.forum-titre {
    background:url(img/forum/forum-titre.jpg) repeat-x top left; 
    position:relative;
    top:0px; 
    left:1px; 
}*/
/*.forum-titre-sepa { float:left; background:url(img/forum/forum-titre-sepa.jpg) repeat-x top left; width:11px; height:33px; position:relative; left:-5px}*/
.forum-titre-g { 
    font-weight:bold; color:#FFFFFF ;
    background: #29781d;
    
     /* IE10 */ 
    background-image: -ms-linear-gradient(top, #c5f592 0%, #29781d 100%);

    /* Mozilla Firefox */ 
    background-image: -moz-linear-gradient(top, #c5f592 0%, #29781d 100%);

    /* Opera */ 
    background-image: -o-linear-gradient(top, #c5f592 0%, #29781d 100%);

    /* Webkit (Safari/Chrome 10) */ 
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #c5f592), color-stop(1, #29781d));

    /* Webkit (Chrome 11+) */ 
    background-image: -webkit-linear-gradient(top, #c5f592 0%, #29781d 100%);

    /* Proposed W3C Markup */ 
    background-image: linear-gradient(top, #c5f592 0%, #29781d 100%);
    
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#c5f592', endColorstr='#29781d');
}
.forum-titre-g > td{
    border-right:1px solid black;
}
.forum-titre-g > td:last-child{
    border-right:none;
}


.forum-dom-1 { border-left:1px solid #a8d743; border-bottom:1px solid #a8d743; padding:10px 0px 10px 0px}
.forum-dom-2 { border-bottom:1px solid #a8d743; padding-right:5px}
.forum-dom-3 { border-left:1px solid #a8d743; border-bottom:1px solid #a8d743; padding:10px 0px 10px 10px}
.forum-dom-4 { border-left:1px solid #a8d743; border-bottom:1px solid #a8d743; font-weight:bold; color:#5d9906}
.forum-dom-5 { border-left:1px solid #a8d743; border-bottom:1px solid #a8d743; border-right:1px solid #a8d743; font-weight:bold; color:#5d9906}

.lien-forum:link, .lien-forum:visited { color:#409b49; text-decoration:none; font-weight:bold }
.lien-forum:hover { color:#409b49; text-decoration: underline; font-weight:bold}
.lien-forum-desc:link, .lien-forum-desc:visited { color: #000; text-decoration:none; }
.lien-forum-desc:hover { color:#000; text-decoration: underline; }
.lien-forum-lire:link, .lien-forum-lire:visited { color: #409b49; text-decoration:underline; }
.lien-forum-lire:hover { color:#409b49; text-decoration: none; }

.forum-sujet-domaine { font-weight:bold; margin-left:10px;font-size:12px;}

.forum-sujet-titre {background:url(img/forum/forum-titre.jpg) repeat-x top left; position:relative; top:0px; left:1px; }
/*.forum-sujet-titre-sepa { float:left; background:url(img/forum/forum-titre-sepa.jpg) repeat-x top left; width:11px; height:33px; position:relative; left:-5px}*/

.forum-suj-1 { border-left:1px solid #a8d743; border-bottom:1px solid #a8d743; padding:10px 5px 10px 10px}
.forum-suj-2 { border-left:1px solid #a8d743; border-bottom:1px solid #a8d743;padding-left:10px;  padding-right:5px; }
.forum-suj-3, .forum-suj-4 { border-left:1px solid #a8d743; border-bottom:1px solid #a8d743; font-weight:bold; color:#5d9906}
.forum-suj-5 { border-left:1px solid #a8d743; border-bottom:1px solid #a8d743; border-right:1px solid #a8d743; padding-left:10px}

.lien-forum-suj:link, .lien-forum-suj:visited { color: #666666; text-decoration:none; font-weight:bold }
.lien-forum-suj:hover { color:#666666; text-decoration: underline; font-weight:bold}

.forum-message-titre {
/*    background:url(img/forum/forum-titre.jpg) repeat-x top left; */
    position:relative; 
    top:0px; 
    left:1px; 
}
.forum-message-1 { border-left:1px solid #a8d743; padding:10px 5px 10px 0px}
.forum-message-2{ border-left:1px solid #a8d743; border-right:1px solid #a8d743; padding:10px 5px 0px 10px  }
.forum-message-3{ border-left:1px solid #a8d743; border-bottom:1px solid #a8d743;  }
.forum-message-4{ border-left:1px solid #a8d743; border-right:1px solid #a8d743; border-bottom:1px solid #a8d743; padding:0px 0px 10px 10px  }
.forum-message-4 img { float: left; display:block;   }

.forum-message-texte a:link, .forum-message-texte a:visited{ color: #409b49; text-decoration:underline; }
.forum-message-texte a:hover { color:#409b49; text-decoration: none; }

.forum-formulaire-titre {background:url(img/forum/forum-titre.jpg) repeat-x top left; position:relative; top:20px; left:1px; padding:0px 0px 20px 0px}
.forum-formulaire-titre td input { position:relative; left:5px}
.forum-formulaire-captcha { position:relative; left:5px;}
.forum-formulaire-egal { position:relative; left:10px; top:10px; vertical-align:top}
.forum-formulaire-titre-g { font-weight:bold; color:#FFFFFF; padding:10px 0px 25px 10px }
.forum-formulaire-texte-g { font-weight:bold; font-size:10px; padding-left:10px   }
.forum-formulaire-texte-g input { position:relative; top:2px; left:-45px }
.forum-formulaire-texte { position:relative; left:23px ;   }

.forum-pagination { text-align: right; padding:10px 0px 10px 0px}
.forum-pagination a:link, .forum-pagination a:visited {font-weight:bold; color:#5d9906; text-decoration:underline;}
.forum-pagination a:hover {font-weight:bold; color:#5d9906; text-decoration: none;}

.forum-bouton img { float: right; display:block;   }
.forum-bouton a {background:url(img/forum/forum-bouton-m.jpg) repeat-x; display:block; height:37px; float:right; text-decoration:none; }
.forum-bouton-style { color:#FFFFFF; font-weight:bold; position:relative; top:10px; text-decoration:none;}
.forum-bouton-style:hover { color:#FFFFFF; font-weight:bold; position:relative; top:10px; text-decoration: underline;}

.forum-bouton-message img, .forum-bouton-formulaire img { float: right; display:block;   }
.forum-bouton-message a, .forum-bouton-formulaire a {background:url(img/forum/forum-bouton-m.jpg) repeat-x; display:block; height:37px; float:right; text-decoration:none; }

.forum-bouton-formulaire img { float: left; display:block;   }
/*.forum-bouton-formulaire a {background:url(img/forum/forum-bouton-m.jpg) repeat-x; display:block; height:37px; float:left; text-decoration:none; }*/

/* style de l'admin */

.admin-actu {color:#343333;font-family:verdana,arial;font-size:12px;margin-right:2px;align:justify;line-height:20px;}

.admin-lien:link		{color:#343333;font-family:verdana,arial;font-size:11px;margin-right:2px;align:justify;text-decoration:underline;line-height:15px;}  
.admin-lien:visited		{color:#343333;font-family:verdana,arial;font-size:11px;margin-right:2px;align:justify;text-decoration:underline;line-height:15px;}  
.admin-lien:hover		{color: #74B5F5;font-family:verdana,arial;font-size:11px;margin-right:2px;align:justify;text-decoration:underline;line-height:15px;}  


/*-------- logo fournisseur devis en ligne --------*/
a.fournissseur_select{ cursor: pointer; margin-left: 10px; float:left; height: 50px; width: 50px;}
a.fournissseur_select img{height: 50px; width: 50px;}
.no-select{ filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;}
.select{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1;}


/* formulaire de devis et marque blanche  */


.texte-m-formulaire {background: url(images/texte-m.jpg) repeat-y top left; width:681px; display:inline-table; padding:0px 0px 0px 0px;   }

.souscription-categorie	{background:url(img/forum/forum-titreb.jpg) repeat-x top left; height:33px  }
.souscription-categorie-txt { position:relative; left:5px; font-weight:bold; color:#FFFFFF}
 
.souscription-indication		{color:#343333; align:justify; line-height:20px; background-color:#DFEFFF; padding-left:5px} 
.souscription-information		{color:#343333; align:justify;line-height:20px; background-color:#FFE1FF;}

.right{float: right}
.right .button{
    margin-right:5px;
}