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





/*General*/
body { width:100%; text-align:center; background:#fff; margin:0; padding:0; color:#333; font-family:Calibri; outline:none; }
a {  color:#333; }
h1 { float:left; padding:0; margin:0; font-size:26px; color:#333; font-weight:normal; }
h2 { float:left; width:100%; padding:0; margin:0; font-size:20px; color:#8dbf00; font-weight:bold; text-align:left; }
h5 { padding:0; margin:0; font-size:11px; }
p { float:left; padding:0; margin:0; font-size:14px; color:#333; font-weight:normal; text-align:justify; }
ul { color:#333; font-size:14px; }
table { float:left; margin-top:40px; background-color:#fff; border:none; width:693px; }
caption { background-color:#f1f1f1; border:solid 1px #ddd; width:683px; padding:5px; font-size:16px; color:#333; font-weight:bold; -moz-border-radius:5px; -webkit-border-radius:5px; }
th { padding:2px; border:solid 1px #ddd; background-color:#f1f1f1; font-size:14px; font-weight:bold; color:#333; -moz-border-radius:5px; -webkit-border-radius:5px; }
td { padding:2px; border:solid 1px #ddd; font-size:14px; color:#333; -moz-border-radius:5px; -webkit-border-radius:5px; }




/*Polices et textes*/
.blackTitle { float:left; margin-top:20px; color:#333; font-size:20px; font-weight:bold; }
.whiteBold { color:#fff; font-size:14px; font-weight:bold; }
.whiteLight { color:#fff; font-size:14px; }
.whiteHref { color:#fff; font-size:14px; font-weight:bold; text-decoration:underline; outline:none; }
.blackHref { color:#000; font-size:14px; text-decoration:none; outline:none; }
.blackHref:hover { color:#8dbf00; text-decoration:none; }
.whiteHref:hover { text-decoration:underline; }
.prezText { float:left; width:257px; padding:10px; background-color:#fff; border:solid 1px #ddd; color:#333; font-size:14px; text-align:justify; }
.bigNumber { font-size:16px; font-weight:bold; color:#8dbf00; font-style:italic; }
.smallBlackHref { color:#ccc; font-size:12px; text-decoration:none; outline:none; }
.smallBlackHref:hover { color:#8dbf00; text-decoration:underline; }
.refLinkDiv { width:130px; float:left; margin-top:5px; color:#777; font-size:11px; text-decoration:none; outline:none; }
.refLinkDiv:hover { color:#8dbf00; }




/*Pages et Div*/
.page { margin:auto; width:1000px; }
.leftSide { width:693px; float:left; background:#fff; }
.rightSide { width:277px; float:right; padding:10px; background-color:#f1f1f1; }
.titleIndexFullContent { float:left; width:693px; }
.footerDiv { width:980px; float:left; padding:10px; background-color:#8dbf00; text-align:center; color:#333; }
.footerRight { width:500px; float:right; text-align:left; }
.serviceLeftContent { width:221px; float:left; margin-top:10px; font-size:14px; }
.serviceRightContent { width:221px; float:left; margin-left:15px; margin-top:10px; font-size:14px; }
.serviceLeft { width:209px; float:left; border:solid 1px #CCC; padding:5px; background-color:#FFF; background:url(http://www.sbm-communication.com/images/bgk-bottom-infoInscription.png) bottom repeat-x; -moz-border-radius:0 0 10px 10px; -webkit-border-bottom-left-radius:10px; -webkit-border-bottom-right-radius:10px; text-align:justify; }
.serviceRight {  width:209px; float:left; border:solid 1px #CCC; padding:5px; background-color:#FFF; background-image:url(http://www.sbm-communication.com/images/bgk-bottom-infoInscription.png); background-position:bottom; background-repeat:repeat-x; -moz-border-radius:0 0 10px 10px; -webkit-border-bottom-left-radius:10px; -webkit-border-bottom-right-radius:10px; text-align:justify; }
.paragraphe { width:693px; float:left; margin-top:10px; text-align:justify; }
.argument { width:586px; float:left; margin-left:5px; text-align:justify; }
.offre { width:267px; float:left; padding:5px; margin-top:20px; font-size:14px; color:#fff; border-bottom:solid 1px #666; }
.offreArgu { width:267px; float:left; margin-top:10px; text-align:justify; }
.techno { float:left; width:1000px; margin-top:10px; background-color:#fff; }
.trTitle { background-color:#fff; font-size:16px; font-weight:bold; color:#8dbf00; }
.thEmpty { border:none; background-color:#fff; }
.refContent { float:left; margin-top:20px; margin-left:33px; width:130px; height:135px; padding:5px; background:url(http://www.sbm-communication.com/images/bgk-bottom-infoInscription.png) bottom repeat-x; -moz-border-radius:10px; -webkit-border-radius:10px; -moz-box-shadow: 3px 3px 3px #ccc; -khtml-box-shadow: 3px 3px 3px #ccc; border:solid 1px #ddd; text-align:left; }
.imgRef { border:solid 1px #ddd; float:left; margin-left:10px; margin-top:10px; }
.sitemap { float:left; width:990px; background-color:#444; padding:5px; }
.sitemapDiv { float:left; width:330px; text-align:left; }


/* Header */

#header a img {
width:170px;
height:115px;
border:0px; 
}

#header img {
width:256px;
height:120px;
border:0;
}

 

/*Menu général*/
.genMenuContent { width:1000px; float:left; margin-top:5px; border-bottom:2px #8dbf00 solid; }
.genMenuTitle {  float:left; padding:5px; margin-right:10px; text-align:left; color:#333; font-size:15px; font-weight:normal; text-decoration:none; outline:none; }
.genMenuTitle:hover { color:#8dbf00; }
.genMenuTitleChecked {  float:left; padding:5px; margin-right:20px; text-align:left; color:#8dbf00; font-size:15px; font-weight:normal; text-decoration:none; }
.genMenuContact { float:right; padding:5px; background-color:#8dbf00; font-weight:bold; color:#fff; -moz-border-radius: 5px 5px 0px 0px; -webkit-border-radius: 5px 5px 0 0; font-size:17px; letter-spacing:2px; text-decoration:none; outline:none; }
.genMenuContact:hover { background-color:#0dbf00; }




/*Boutons*/
.greenBtn { cursor:pointer; padding:5px; background-color:#8dbf00; border:none; -moz-border-radius:5px; -webkit-border-radius:5px; text-align:center; color:#fff; font-size:12px; font-weight:bold; text-decoration:none; outline:none; }
.greenBtn:hover { background-color:#0dbf00; }
.php { width:60px; height:60px; float:left; background:url(../images/php.jpg); background-repeat:no-repeat; }
.php:hover { background:url(../images/php-hover.jpg); background-repeat:no-repeat; }
.mysql { width:60px; height:60px; margin-left:4px; float:left; background:url(../images/sql.jpg); background-repeat:no-repeat; }
.mysql:hover { background:url(../images/sql-hover.jpg); background-repeat:no-repeat; }
.html { width:60px; height:60px; margin-left:4px; float:left; background:url(../images/html.jpg); background-repeat:no-repeat; }
.html:hover { background:url(../images/html-hover.jpg); background-repeat:no-repeat; }
.css { width:60px; height:60px; margin-left:4px; float:left; background:url(../images/css.jpg); background-repeat:no-repeat; }
.css:hover { background:url(../images/css-hover.jpg); background-repeat:no-repeat; }
.jquery { width:60px; height:60px; margin-left:4px; float:left; background:url(../images/jquery.jpg); background-repeat:no-repeat; }
.jquery:hover { background:url(../images/jquery-hover.jpg); background-repeat:no-repeat; }
.scriptaculous { width:120px; height:60px; margin-left:4px; float:left; background:url(../images/scriptaculous.jpg); background-repeat:no-repeat; }
.scriptaculous:hover { background:url(../images/scriptaculous-hover.jpg); background-repeat:no-repeat; }
.flash { width:60px; height:60px; margin-left:4px; float:left; background:url(../images/flash.jpg); background-repeat:no-repeat; }
.flash:hover { background:url(../images/flash-hover.jpg); background-repeat:no-repeat; }
.symfony { width:120px; height:60px; margin-left:4px; float:left; background:url(../images/symfony.jpg); background-repeat:no-repeat; }
.symfony:hover { background:url(../images/symfony-hover.jpg); background-repeat:no-repeat; }
.joomla { width:60px; height:60px; margin-left:4px; float:left; background:url(../images/joomla.jpg); background-repeat:no-repeat; }
.joomla:hover { background:url(../images/joomla-hover.jpg); background-repeat:no-repeat; }
.drupal { width:60px; height:60px; margin-left:4px; float:left; background:url(../images/drupal.jpg); background-repeat:no-repeat; }
.drupal:hover { background:url(../images/drupal-hover.jpg); background-repeat:no-repeat; }
.linux { width:60px; height:60px; margin-left:4px; float:left; background:url(../images/linux.jpg); background-repeat:no-repeat; }
.linux:hover { background:url(../images/linux-hover.jpg); background-repeat:no-repeat; }
.windows { width:60px; height:60px; margin-left:4px; float:left; background:url(../images/windows.jpg); background-repeat:no-repeat; }
.windows:hover { background:url(../images/windows-hover.jpg); background-repeat:no-repeat; }
.google { width:60px; height:60px; margin-left:4px; float:left; background:url(../images/google.jpg); background-repeat:no-repeat; }
.google:hover { background:url(../images/google-hover.jpg); background-repeat:no-repeat; }

/* ils nous font confiance */

#mycarousel li {

border:solid 1px #ddd;

}


		/* page - hebergement - tableau */
		
	
#prix td {
color:#FF0000;
}

/* page - QSR */
.paragraphe_qsr	{
	
width:693px;

}

/* right whois */

}
.prezText .greenBtn {
	float:right;
	cursor:pointer;
}
.prezText input[type=text]  {
	width:251px;
	margin-bottom:10px;
	margin-top:10px;
}
.prezText label {
	text-decoration:underline;
}

.indisp {
	color:red;
}

.etat {
float:left;
padding-left:5px;
padding-right:5px;
}
/* page whois */

#whois {
	
	width:693px;
	height:30px;
	color:grey;
	font-size:20px;
}
#whois:focus {
	
	width:693px;
	height:30px;
	color:black;
}


#sessionholder table {
	
	margin-top:10px;
}

/* footer */
.facebook {
	
width:277px;
float:left;
margin-top:20px;

}
/* Autres */
.carte-de-voeux { float:left; margin-left:130px; width:740px; border:solid 1px #777; }