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

body {
	margin-left:0px;
	margin-top:0px;
	margin-right:0px;
	margin-bottom:0px;
	background-color:#FFF;
	background-image:url(../images/section_bg.jpg);
	background-position:top center;
	background-repeat:repeat-x;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:center;
}

form {
	margin:0px;
	padding:0px;
}

img {
	border:0px;
}

h1 {
	padding:0px;
	margin:0px;
}

h2 {
	padding:0px;
	margin:0px;
}

h3 {
	padding:0px;
	margin:0px;
}

a {
	color:#2b2b2b;
	outline: none;
}

#baseDiv {
	margin-left:auto;
	margin-right:auto;
	width:1000px;
	text-align:left;
}

#toolbar {
	width:1000px;
	height:20px;
	margin-top:7px;
	background-color:#000000;
	text-align:right;
}
#toolbarListe {
	margin:0px; 
	padding:0px;
	height:14px;
	font-size:12px;
	list-style-type:none;
}
#toolbarListe li {
	float:right;
	padding-right:15px;
}
#toolbarListe li a{
	color:#FFF;
	text-decoration:none;
}
#toolbarListe li a:hover{
	color:#F00;
}
#toolbarListeOver{
	color:#F00;
}

#header {
	width:1000px;
	height:85px;
	background-image:url(../images/header_bg.jpg);
	background-repeat:repeat-x;
}
#headerLogo {
	float:left;
	width:350px;
	height:85px;
	overflow:hidden;
	background-image:url(../images/header_logo.jpg);
	background-repeat:no-repeat;
	text-indent: -99999px;
}
#headerLogo a{
	display:block;
	width:100%;
	height:100%;
}
#headerRight {
	float:right;
	overflow:hidden;
	width:250px;
	height:85px;
	background-image:url(../images/header_right.jpg);
	background-repeat:no-repeat;
	text-indent: -99999px;
}

#menu {
	width:1000px;
	height:35px;
	background-image:url(../images/menu_bg.jpg);
	background-repeat:repeat-x;
}
#menuListe {
	float:left;
	width:750px;
	height:35px;
	margin:0px; 
	padding:0px;
	padding-left:20px;
	list-style-type:none;
}
#menuListe li {
	float:left;
	margin-right:20px;
}
#menuListe li a {
	display:block;
	overflow:hidden;
	height:35px;
	text-indent:-99999px;
}
#menuAccueil a {
	width:53px;
	background: url(../images/menu_02.jpg) 0 0 no-repeat;
	overflow:hidden;		
}
#menuWeb a {
	width:126px;
	background: url(../images/menu_04.jpg) 0 0 no-repeat;
	overflow:hidden;		
}
#menuService a {
	width:61px;
	background: url(../images/menu_06.jpg) 0 0 no-repeat;
	overflow:hidden;		
}
#menuNom a {
	width:133px;
	background: url(../images/menu_08.jpg) 0 0 no-repeat;
	overflow:hidden;		
}
#menuCommander a {
	width:83px;
	background: url(../images/menu_12.jpg) 0 0 no-repeat;
	overflow:hidden;		
}
#menuContact a {
	width:105px;
	background: url(../images/menu_10.jpg) 0 0 no-repeat;
	overflow:hidden;		
}
#menuAccueilOver {
	overflow:hidden;
	height:35px;
	width:53px;
	background: url(../images/menu_02.jpg) 0 0 no-repeat;
	background-position: 0 -35px;
	text-indent:-99999px;		
}
#menuWebOver {
	overflow:hidden;
	height:35px;
	width:126px;
	background: url(../images/menu_04.jpg) 0 0 no-repeat;
	background-position: 0 -35px;
	text-indent:-99999px;		
}
#menuServiceOver {
	overflow:hidden;
	height:35px;
	width:61px;
	background: url(../images/menu_06.jpg) 0 0 no-repeat;
	background-position: 0 -35px;
	text-indent:-99999px;		
}
#menuNomOver {
	overflow:hidden;
	height:35px;
	width:133px;
	background: url(../images/menu_08.jpg) 0 0 no-repeat;
	background-position: 0 -35px;
	text-indent:-99999px;		
}
#menuCommanderOver {
	overflow:hidden;
	height:35px;
	width:83px;
	background: url(../images/menu_12.jpg) 0 0 no-repeat;
	background-position: 0 -35px;
	text-indent:-99999px;		
}
#menuContactOver {
	overflow:hidden;
	height:35px;
	width:105px;
	background: url(../images/menu_10.jpg) 0 0 no-repeat;
	background-position: 0 -35px;
	text-indent:-99999px;		
}
#menuAccueil a:hover,
#menuWeb a:hover,
#menuService a:hover,
#menuNom a:hover,
#menuCommander a:hover,
#menuContact a:hover { 
	background-position: 0 -35px;
}
#menuRight {
	float:right;
	width:185px;
	height:25px;
	margin:0px; 
	padding:0px;
	padding-top:10px;
	padding-right:15px;
	color:#6b6b6b;
	font-size:12px;
	text-align:right;
}
#menuRight h2 {
	padding:0px;
	margin:0px;
	color:#6b6b6b;
	font-size:12px;
	font-weight:normal;
}

#banner {
	width:1000px;
	height:250px;
	background-image:url(../images/banner_01.jpg);
	background-repeat:no-repeat;
}
#bannerPub {
	float:right;
	width:300px;
	height:250px;
}
#bannerPub a {
	display:block;
	overflow:hidden;
	width:300px;
	height:250px;
	margin:0px;
	padding:0px;
	text-indent:-99999px;
}
#bannerRotation {
	float:left;
	width:650px;
	height:215px;
	margin-top:35px;
	margin-left:20px;
	color:#2b2b2b;
}
#bannerBottom {
	width:1000px;
	height:88px;
}
#bannerDomaine {
	float:left;
	width:615px;
	height:88px;
	background-image:url(../images/banner_02.jpg);
	background-repeat:no-repeat;
}
#domaineForm {
	float:right;
	width:380px;
	height:22px;
	margin-right:20px;
	margin-top:39px;
}
#domaineText{
	color:#333;
	width:215px;
}
#domaineDrop {
	color:#333333;
}
#domaineBtn {
	position:absolute;
	margin-top:1px;
	margin-left:10px;
	outline:none;
}
#bannerCommande {
	float:right;
	width:385px;
	height:88px;
}
#bannerCommande a{
	display:block;
	overflow:hidden;
	width:385px;
	height:88px;
	padding:0px;
	margin:0px;
	text-indent:-99999px;
	background-image:url(../images/btn_commande.jpg);
	background-repeat:no-repeat;
}
#bannerCommande a:hover{
	background-position: 0 -88px;
}


#bannerSection {
	width:1000px;
	height:229px;
}
#bannerSectionLogo {
	float:left;
	width:175px;
	height:229px;
	background-image:url(../images/banner_section_01.jpg);
}
#bannerSectionTitle {
	float:right;
	width:825px;
	height:115px;
	background-image:url(../images/banner_section_web.jpg);
	text-indent:-99999px;
}
#bannerSectionTitleServ {
	float:right;
	width:825px;
	height:115px;
	background-image:url(../images/banner_section_serv.jpg);
	text-indent:-99999px;
}
#bannerSectionTitleDomaine {
	float:right;
	width:825px;
	height:115px;
	background-image:url(../images/banner_section_domaine.jpg);
	text-indent:-99999px;
}
#bannerSectionTitleCommander {
	float:right;
	width:825px;
	height:115px;
	background-image:url(../images/banner_section_commander.jpg);
	text-indent:-99999px;
}
#bannerSectionTitleJoindre {
	float:right;
	width:825px;
	height:115px;
	background-image:url(../images/banner_section_joindre.jpg);
	text-indent:-99999px;
}
#bannerSectionTitlePolitique {
	float:right;
	width:825px;
	height:115px;
	background-image:url(../images/banner_section_politique.jpg);
	text-indent:-99999px;
}
#bannerSectionTitleClients {
	float:right;
	width:825px;
	height:115px;
	background-image:url(../images/banner_section_clients.jpg);
	text-indent:-99999px;
}
#bannerSectionTitleOutils {
	float:right;
	width:825px;
	height:115px;
	background-image:url(../images/banner_section_outils.jpg);
	text-indent:-99999px;
}
#bannerSectionTitlePay {
	float:right;
	width:825px;
	height:115px;
	background-image:url(../images/banner_section_pay.jpg);
	text-indent:-99999px;
}
#bannerSectionTitleRev {
	float:right;
	width:825px;
	height:115px;
	background-image:url(../images/banner_section_rev.jpg);
	text-indent:-99999px;
}
#bannerSectionTitleRadio {
	float:right;
	width:825px;
	height:115px;
	background-image:url(../images/banner_section_radio.jpg);
	text-indent:-99999px;
}
#bannerSectionTitleVirtuel {
	float:right;
	width:825px;
	height:115px;
	background-image:url(../images/banner_section_virtuel.jpg);
	text-indent:-99999px;
}
#bannerSectionTitleSsl {
	float:right;
	width:825px;
	height:115px;
	background-image:url(../images/banner_section_ssl.jpg);
	text-indent:-99999px;
}
#bannerSectionTitleDedie {
	float:right;
	width:825px;
	height:115px;
	background-image:url(../images/banner_section_dedie.jpg);
	text-indent:-99999px;
}
#bannerSectionTitleShell {
	float:right;
	width:825px;
	height:115px;
	background-image:url(../images/banner_section_shell.jpg);
	text-indent:-99999px;
}
#bannerSectionTitleIrcd {
	float:right;
	width:825px;
	height:115px;
	background-image:url(../images/banner_section_ircd.jpg);
	text-indent:-99999px;
}
#bannerSectionTitleTeam {
	float:right;
	width:825px;
	height:115px;
	background-image:url(../images/banner_section_ts.jpg);
	text-indent:-99999px;
}
#bannerSectionTitleDns {
	float:right;
	width:825px;
	height:115px;
	background-image:url(../images/banner_section_dns.jpg);
	text-indent:-99999px;
}
#bannerSectionTitleMerci {
	float:right;
	width:825px;
	height:115px;
	background-image:url(../images/banner_section_merci.jpg);
	text-indent:-99999px;
}
#bannerSectionText {
	float:left;
	width:430px;
	height:84px;
	padding-top:30px;
	padding-left:10px;
	background-image:url(../images/banner_section_03.jpg);
}
#bannerSectionText h2 {
	margin-bottom:3px;
	color:#78acba;
	font-size:14px;
	font-weight:normal;
}
#bannerSectionText p {
	padding:0px;
	margin:0px;
	color:#515657;
	font-size:12px;
}
#bannerSectionText a {
	text-decoration:none;
}
#bannerSectionDomaine {
	float:right;
	width:385px;
	height:114px;
	background-image:url(../images/banner_section_04.jpg);
}
#domaineSectionForm {
	float:right;
	width:353px;
	margin:0px;
	margin-top:50px;
	padding:0px;
	color:#a5a5a5;
	font-size:10px;
}
#domaineSectionText{
	color:#333;
	width:190px;
}

#content {
	width:1000px;
	height:auto;
}

#mainTop {
	display:table;
	width:1000px;
	height:230px;
	margin-top:20px;
}
#mainTopListe {
	margin:0px;
	padding:0px;
	list-style-type:none;
}
#mainTopListeItem {
	float:left;
	margin-left:19px;
}

.box{
	width:215px;
	height:230px;
	margin-right:15px;
}
#boxWeb {
	width:215px;
	height:36px;
	background-image:url(../images/box_main_web.jpg);
	text-indent:-99999px;
}
#boxDedie {
	width:215px;
	height:36px;
	background-image:url(../images/box_main_dedie.jpg);
	text-indent:-99999px;
}
#boxRev {
	width:215px;
	height:36px;
	background-image:url(../images/box_main_rev.jpg);
	text-indent:-99999px;
}
#boxShout {
	width:215px;
	height:36px;
	background-image:url(../images/box_main_shout.jpg);
	text-indent:-99999px;
}
.boxContent {
	width:215px;
	height:156px;
	background-image:url(../images/box_main_02.jpg);
	font-size:13px;
	text-align:center;	
}
.boxContent h3 {
	margin:0px;
	margin-bottom:10px;
	padding:0px;
	color:#333;
	font-size:11px;
}
.boxListe {
	margin:0px;
	padding:0px;
	list-style-type:none;
}
.boxListe li {
	margin-bottom:2px;
}
.boxBtn {
	width:215px;
	height:38px;
	background-image:url(../images/box_main_03.jpg);
}
.boxBtn a{
	display:block;
	overflow:hidden;
	width:215px;
	height:38px;
	padding:0px;
	margin:0px;
	background-image:url(../images/btn_boxMain.jpg);
	background-repeat:no-repeat;
	text-indent:-99999px;
}
.boxBtn a:hover{
	background-position: 0 -38px;
}



#sectionTop {
	display:table;
	width:1000px;
	height:auto;
	margin-top:20px;
}
#sectionTopListe {
	margin:0px;
	padding:0px;
	list-style-type:none;
}
#sectionTopListeItem {
	float:left;
	margin-left:19px;
}
.boxSection{
	width:215px;
	height:250px;
	margin-right:15px;
	margin-bottom:20px;
}
.boxSection u {
	color:#333;
	font-size:10px;
	font-weight:bold;
	text-decoration:none;
}
.boxSection b {
	color:#fff;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
}
#boxSectionLeft {
	width:215px;
	height:26px;
	padding-top:10px;
	background-image:url(../images/box_main_left.jpg);
	text-align:center;
}
#boxSectionLeft h2 {
	color:#2b2b2b;
	font-size:18px;
}
#boxSectionRight {
	width:215px;
	height:36px;
	background-image:url(../images/box_main_right.jpg);
}
#boxSectionRight h2 {
	font-size:10px;
}
.boxSectionContent {
	width:215px;
	height:176px;
	background-image:url(../images/box_section_02.jpg);
	background-position:center bottom;
	background-repeat:no-repeat;
	background-color:#7aadba;
	font-size:13px;
	text-align:center;	
}
.boxSectionContent h3 {
	margin:0px;
	margin-bottom:10px;
	padding:0px;
	color:#333;
	font-size:11px;
}
.boxSectionContentPromo {
	width:215px;
	height:176px;
	background-image:url(../images/box_section_promo.jpg);
	font-size:13px;
	text-align:center;	
}
.boxSectionContentPromo h3 {
	margin:0px;
	margin-bottom:10px;
	padding:0px;
	color:#333;
	font-size:11px;
}
.boxSectionListe {
	margin:0px;
	padding:0px;
	list-style-type:none;
}
.boxSectionListe li {
	margin-bottom:2px;
}
.boxSectionBtn {
	width:215px;
	height:38px;
	background-image:url(../images/box_main_03.jpg);
}
.boxSectionBtn a{
	display:block;
	overflow:hidden;
	width:215px;
	height:38px;
	padding:0px;
	margin:0px;
	background-image:url(../images/btn_boxSection.jpg);
	background-repeat:no-repeat;
	text-indent:-99999px;
}
.boxSectionBtn a:hover{
	background-position: 0 -38px;
}



#mainCol {
	display:table;
	width:1000px;
	height:auto;
	margin-top:40px;
}
#mainColListe {
	margin:0px;
	padding:0px;
	list-style-type:none;
}
.mainColListeItem {
	float:left;
	margin-left:20px;
	margin-right:14px;
}

.col{
	display:table-cell;
	width:215px;
	height:auto;
	color:#2b2b2b;
	font-size:12px;
	font-weight:normal;
}
.col h2 {
	padding:0px;
	margin:0px;
	color:#2b2b2b;
	font-size:16px;
	font-weight:bold;
}
.col h3 {
	padding:0px;
	margin:0px;
	color:#b1b1b1;
	font-size:10px;
	font-weight:normal;
	margin-bottom:10px;
}
.col p {
	text-align:justify;
}
.col a {
	font-weight:bold;
	text-decoration:none;
}
.col a:hover {
	color:#F00;
}
#sectionWrap {
	display:table-cell;
	padding-top:20px;
	width:1000px;
	height:auto;
}
#sectionWrap h2 {
	margin-bottom:10px;
	color:#2b2b2b;
	font-size:16px;
}
#sectionWrap ul {
	margin:0px;
	padding:0px;
	list-style-type:none;
}
#sectionWrap li {
	display:table;
	width:980px;
	height:auto;
	margin-bottom:5px;
	padding:5px;
	background-color:#f0f0f0;
	color:#2b2b2b;
	font-size:12px;
}
#sectionLeft {
	float:left;
	width:595px;
	height:auto;
	margin-left:20px;
}
#sectionLeft h1 {
	color:#CCC;
	font-size:20px;
}
#sectionLeft h2 {
	margin-bottom:10px;
	color:#2b2b2b;
	font-size:20px;
}
#sectionLeft p {
	margin:0px;
	margin-bottom:10px;
	padding:0px;
	color:#2b2b2b;
	font-size:12px;
}
#sectionLeft ul {
	margin:0px;
	margin-bottom:25px;
	padding:0px;
	list-style-type:none;
}
#sectionLeft li {
	display:table;
	width:570px;
	height:auto;
	margin-bottom:5px;
	padding:5px;
	background-color:#f0f0f0;
	color:#2b2b2b;
	font-size:12px;
}
#sectionLeft li a {
	font-weight:bold;
	text-decoration:none;
}
#sectionLeft li a:hover {
	color:#FF0000;
}
.sectionLeftTitre {
	float:left;
	width:250px;
	height:auto;
	margin-top:3px;
	margin-right:3px;
	text-align:right;
}
.sectionLeftField {
	float:right;
	width:300px;
	height:auto;
}

#sectionLeft2 {
	float:left;
	width:595px;
	height:auto;
	margin-left:20px;
}
#sectionLeft2 h1 {
	color:#CCC;
	font-size:20px;
}
#sectionLeft2 h2 {
	margin-bottom:10px;
	color:#2b2b2b;
	font-size:20px;
}
#sectionLeft2 p {
	margin:0px;
	margin-bottom:10px;
	padding:0px;
	color:#2b2b2b;
	font-size:12px;
}
#sectionLeft2 ul {
	margin:0px;
	margin-bottom:25px;
	padding:0px;
	list-style-type:none;
}
#sectionLeft2 li {
	display:table;
	width:570px;
	height:auto;
	margin-bottom:5px;
	padding:5px;
	background-color:#f0f0f0;
	color:#2b2b2b;
	font-size:12px;
}
#sectionLeft2 li a {
	font-weight:bold;
	text-decoration:none;
}
#sectionLeft2 li a:hover {
	color:#FF0000;
}

#sectionRight {
	float:right;
	width:350px;
	height:auto;	
	margin-right:18px;
	color:#2b2b2b;
	font-size:12px;
}
#sectionRight h1{
	color:#F00;
	font-size:36px;
}
#sectionRight h2{
	color:#2b2b2b;
	font-size:20px;
	margin-bottom:5px;
}
#sectionRight h3{
	color:#63c0bd;
	font-size:12px;
}
#sectionRight ul {
	margin:0px;
	padding:0px;
	list-style-type:none;
}
#sectionRight li {
	width:350px;
	height:auto;
	margin-bottom:5px;
	padding:5px;
	background-color:#f0f0f0;
	color:#2b2b2b;
	font-size:12px;
}
#sectionRight li a {
	font-size:10px;
	text-decoration:none;
}
#sectionRightAide ol {
	margin:0px;
	padding:0px;
	list-style-type:none;
}
#sectionRightAide li {
	width:330px;
	height:auto;
	background-color:#fff;
	color:#2b2b2b;
}
#sectionRightAide li a {
	font-size:12px;
	text-decoration:none;
}
#sectionRightAide li a:hover {
	color:#F00;
}

#boxRight {
	width:355px;
	height:110px;
	padding-left:10px;
	padding-top:10px;
	color:#52747d;
	font-size:10px;
	background-image:url(../images/box_right.jpg);
}
#boxRight img{
	margin-top:5px;
	margin-bottom:5px;
	border:0px;
}
#boxRight h2{
	font-size:14px;
}
#boxRight u{
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
}

#bottomVille{
	width:1000px;
	height:auto;
	margin-top:20px;
	color:#2b2b2b;
	text-align:center;
}
#bottomLogo{
	width:1000px;
	height:70px;
	margin-top:20px;
	text-align:center;
}

.splitter {
	width:1000px;
	height:10px;
	background-image:url(../images/splitter.jpg);
	background-repeat:no-repeat;
}

#footer {
	width:100%;
	height:275px;
	padding:0px;
	padding-top:25px;
	margin:0px;
	margin-top:25px;
	background-color:#2b2b2b;
	background-image:url(../images/footerTop.jpg);
	background-position:top center;
	background-repeat:repeat-x;
	text-align:center;
}
#footerWrap {
	width:1000px;
	height:275px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;}
#footerColListe {
	margin:0px;
	padding:0px;
	list-style-type:none;
}
.footerColListeItem {
	float:left;
	margin-left:20px;
	margin-right:14px;
}
.footerCol{
	display:table-cell;
	width:215px;
	height:auto;
	color:#6f6f6f;
	font-size:12px;
	font-weight:normal;
}
.footerCol h2 {
	margin-bottom:10px;
	color:#FFF;
	font-size:18px;
	font-weight:bold;
}
.footerCol h3 {
	margin:0px;
	margin-bottom:5px;
	padding:0px;
	color:#FFF;
	font-size:14px;
	font-weight:normal;
}
.footerCol ul {
	margin:0px;
	margin-left:15px;
	padding:0px;
	list-style-type:none;
	list-style-image:url(../images/bullet.jpg);
}
.footerCol li a {
	margin-bottom:3px;
	color:#6f6f6f;
	text-decoration:none;
}
.footerCol li a:hover{
	color:#fff;
}
.footerCol img {
	margin-bottom:10px;
}
.footerCol u {
	color:#CCC;
	text-decoration:none;
}
.footerCol a{
	color:#6f6f6f;
	text-decoration:none;
}
.footerCol a:hover{
	color:#fff;
}