@charset "iso-8859-1";
* {margin:0px;border:none;padding:0px;}

body{
	background-color:#E5EAED;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	}

#frame-shadow{
	width:980px;
	margin-left:auto;
	margin-right:auto;
	background-image:url(distribution-informatique-img/frame-shadow-top.jpg);
	background-repeat:no-repeat;
	background-position:top;
}

#top{
	position:relative;
	width:940px;
	height:123px;
	margin-left:20px;	
	padding-top:10px;
}

#frame{
	position:relative;
	width:980px;
	text-align:left;
	background-image:url(distribution-informatique-img/frame-shadow-mid.jpg);
	background-repeat:repeat-y;
}

#frame-bot{
	width:980px;
	height:10px;
	background-image:url(distribution-informatique-img/frame-shadow-bot.jpg);
	background-repeat:no-repeat;
}

#middle{
	position:relative;
	width:940px;	
	margin-left:20px;
	height:212px;
}

#centre-menu{
	position:absolute;
	width:166px;
	height:120px;	
	top:7px;
	left:359px;
}

#centre-menu-list{
	list-style-type:none;
	width:166px;
	height:120px;
}

#centre-menu-list li{
	width:166px;
	height:30px;
	border:none;
	padding:0px;
	margin:0px;
	display:inline;
}

#centre-menu-list li a{
	display:block;
	width:166px;
	height:30px;
}

a.centre-menu-index-nous{background-image:url(distribution-informatique-img/centre-menu-index-nous-0.jpg);}
a.centre-menu-index-metier{background-image:url(distribution-informatique-img/centre-menu-index-metier-0.jpg);}
a.centre-menu-index-services{background-image:url(distribution-informatique-img/centre-menu-index-services-0.jpg);}
a.centre-menu-index-joign{background-image:url(distribution-informatique-img/centre-menu-index-rejoignez-0.jpg);}
a.centre-menu-index-nous:hover{background-image:url(distribution-informatique-img/centre-menu-index-nous-1.jpg);}
a.centre-menu-index-metier:hover{background-image:url(distribution-informatique-img/centre-menu-index-metier-1.jpg);}
a.centre-menu-index-services:hover{background-image:url(distribution-informatique-img/centre-menu-index-services-1.jpg);}
a.centre-menu-index-joign:hover{background-image:url(distribution-informatique-img/centre-menu-index-rejoignez-1.jpg);}


a.centre-menu-yellow-nous{background-image:url(distribution-informatique-img/centre-menu-nous-nous-0.jpg);}
a.centre-menu-yellow-metier{background-image:url(distribution-informatique-img/centre-menu-nous-metier-0.jpg);}
a.centre-menu-yellow-services{background-image:url(distribution-informatique-img/centre-menu-nous-services-0.jpg);}
a.centre-menu-yellow-joign{background-image:url(distribution-informatique-img/centre-menu-nous-rejoignez-0.jpg);}
a.centre-menu-yellow-nous:hover{background-image:url(distribution-informatique-img/centre-menu-nous-nous-1.jpg);}
a.centre-menu-yellow-metier:hover{background-image:url(distribution-informatique-img/centre-menu-nous-metier-1.jpg);}
a.centre-menu-yellow-services:hover{background-image:url(distribution-informatique-img/centre-menu-nous-services-1.jpg);}
a.centre-menu-yellow-joign:hover{background-image:url(distribution-informatique-img/centre-menu-nous-rejoignez-1.jpg);}


a.centre-menu-orange-nous{background-image:url(distribution-informatique-img/centre-menu-metier-nous-0.jpg);}
a.centre-menu-orange-metier{background-image:url(distribution-informatique-img/centre-menu-metier-metier-0.jpg);}
a.centre-menu-orange-services{background-image:url(distribution-informatique-img/centre-menu-metier-services-0.jpg);}
a.centre-menu-orange-joign{background-image:url(distribution-informatique-img/centre-menu-metier-rejoignez-0.jpg);}
a.centre-menu-orange-nous:hover{background-image:url(distribution-informatique-img/centre-menu-metier-nous-1.jpg);}
a.centre-menu-orange-metier:hover{background-image:url(distribution-informatique-img/centre-menu-metier-metier-1.jpg);}
a.centre-menu-orange-services:hover{background-image:url(distribution-informatique-img/centre-menu-metier-services-1.jpg);}
a.centre-menu-orange-joign:hover{background-image:url(distribution-informatique-img/centre-menu-metier-rejoignez-1.jpg);}


a.centre-menu-blue-nous{background-image:url(distribution-informatique-img/centre-menu-services-nous-0.jpg);}
a.centre-menu-blue-metier{background-image:url(distribution-informatique-img/centre-menu-services-metier-0.jpg);}
a.centre-menu-blue-services{background-image:url(distribution-informatique-img/centre-menu-services-services-0.jpg);}
a.centre-menu-blue-joign{background-image:url(distribution-informatique-img/centre-menu-services-rejoignez-0.jpg);}
a.centre-menu-blue-nous:hover{background-image:url(distribution-informatique-img/centre-menu-services-nous-1.jpg);}
a.centre-menu-blue-metier:hover{background-image:url(distribution-informatique-img/centre-menu-services-metier-1.jpg);}
a.centre-menu-blue-services:hover{background-image:url(distribution-informatique-img/centre-menu-services-services-1.jpg);}
a.centre-menu-blue-joign:hover{background-image:url(distribution-informatique-img/centre-menu-services-rejoignez-1.jpg);}


a.centre-menu-purple-nous{background-image:url(distribution-informatique-img/centre-menu-rejoignez-nous-0.jpg);}
a.centre-menu-purple-metier{background-image:url(distribution-informatique-img/centre-menu-rejoignez-metier-0.jpg);}
a.centre-menu-purple-services{background-image:url(distribution-informatique-img/centre-menu-rejoignez-services-0.jpg);}
a.centre-menu-purple-joign{background-image:url(distribution-informatique-img/centre-menu-rejoignez-rejoignez-0.jpg);}
a.centre-menu-purple-nous:hover{background-image:url(distribution-informatique-img/centre-menu-rejoignez-nous-1.jpg);}
a.centre-menu-purple-metier:hover{background-image:url(distribution-informatique-img/centre-menu-rejoignez-metier-1.jpg);}
a.centre-menu-purple-services:hover{background-image:url(distribution-informatique-img/centre-menu-rejoignez-services-1.jpg);}
a.centre-menu-purple-joign:hover{background-image:url(distribution-informatique-img/centre-menu-rejoignez-rejoignez-1.jpg);}

/* img {display: block;} */

#content{
	position:relative;
	width:940px;
	margin-left:20px; 

}


#content-left{
	display:inline;
	float:left;
	width:260px;
}


#content-center{
	display:inline;
	float:left;
	width:380px;
	padding-right:20px;
	padding-left:20px;
}

#content-right{
	display:inline;
	float:left;
	width:260px;
}

/*
#white-band{
	height:20px;
	width:940px;
	margin-left:20px;
	background-color:#FFFFFF;
	color:#FFFFFF;
}
*/

.yellow{
	color:#FFAE00;
}

.orange{
	color:#FF8500;
}

.blue{
	color:#00AEFF;
}

.purple{
	color:#BF0074;
}


.nosee{
	display:none;
}

/*
.dot-bg{
background-image:url(distribution-informatique-img/bottom-bar-dots.gif);
background-repeat:repeat-y;
background-position:top center;
background-color:#FFFFFF;
}
*/

.bold{
	font-weight:bold;
}

.bold-content{
	color:#004064;
	font-weight:bold;
}

.title-bold-orange-square{
	color:#004064;
	font-weight:bold;
	background-image:url(distribution-informatique-img/list-square-orange.jpg);
	background-repeat:no-repeat;
	background-position:0px 6px;
	padding-left:8px;
}



.clearfix:after {
    content: ".";
    display: inline;
    height: 0;
    clear: both;
    visibility: hidden;
    }
.clearfix {display: inline-block;}  /* for IE/Mac */


#content-center ul{
	list-style-type:none;
}

#content-center ul li{
	padding-left:10px;
	background-repeat:no-repeat;
	background-position:0px 10px;
	line-height:20px;
}

.list-yellow{
	background-image:url(distribution-informatique-img/list-square-yellow.jpg);
}
.list-orange{
	background-image:url(distribution-informatique-img/list-square-orange.jpg);
}






#logos-table{
	width:420px;
	border-collapse:collapse;
	/* border:#cccccc 1px solid; */
	text-align:center;
}

#logos-table td{
	width:95px;
	/* border:#cccccc 1px solid; */
	padding:5px;
	text-align:center;
	vertical-align:middle;
}

#logos-table td img{
    display: block;
    margin-left: auto;
    margin-right: auto;
		margin-top: auto;
    margin-bottom: auto;
}


a img{
	border:none;
}

/* 
#index-content-1{
	position:absolute;
	width:375px;
	height:60px;	
	top:30px;
	left:299px;
	color:#FFFFFF;
}

#index-content-2{
	position:absolute;
	width:270px;
	height:96px;	
	top:150px;
	left:388px;
}

*/

.access-hide{display:none;}

#left-content-title{
	margin: 10px 0px 0px 22px;
}

#center-content-title{
	margin: 10px 0px 0px 0px;
}

.content-center-p{
	margin-left:18px;
	margin-top:10px;
}

#interlocuteur{
	margin: 20px 0px 0px 48px;
}














.submenu{
	list-style-type:none;
	margin:16px 0px 0px 24px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	width:205px;
}

.submenu li{
	width:205px;

}

.submenu li a{
	text-decoration:none;
	display:block;

	padding:2px;
	padding-left:24px;	
	background-position:0px 2px;	
	background-repeat:no-repeat;
}

.submenu li a:hover{
	text-decoration:none;
}

#submenu-nous li a{color:#FFCC00;}
#submenu-nous li a:hover, a.nous-over{background-image:url(distribution-informatique-img/cross-nous.gif);}
	
#submenu-metier li a{color:#FF8500;}
#submenu-metier li a:hover, a.metier-over{background-image:url(distribution-informatique-img/cross-metier.gif);}
	
#submenu-services li a{color:#00AEFF;}
#submenu-services li a:hover, a.services-over{background-image:url(distribution-informatique-img/cross-services.gif);}

#submenu-rejoignez li a{color:#BF0074;}
#submenu-rejoignez li a:hover, a.rejoignez-over{background-image:url(distribution-informatique-img/cross-rejoignez.gif);}



#contact-img{margin:20px 0px 0px 38px;}





a.enregistrez-link{
	text-decoration:none;
	color:#3782c5;
}

a.enregistrez-link:hover{
	text-decoration:underline;
	color:#3782c5;
}





#right-menu{
	list-style-type:none;
	margin: 15px 0px 0px 48px;
	width:149px;
	height:42px;
}

#right-menu li{
	width:149px;
	height:21px;
}

#right-menu a{
	display:block;
	width:149px;
	height:21px;		
	background-repeat:no-repeat;
	background-position:0px 0px;
}

#right-menu a:hover{
	background-position:0px -21px;
}


a.right-menu1-index{background-image:url(distribution-informatique-img/right-menu1-index.gif);}
a.right-menu2-index{background-image:url(distribution-informatique-img/right-menu2-index.gif);}

a.right-menu1-yellow{background-image:url(distribution-informatique-img/right-menu1-yellow.jpg);}
a.right-menu2-yellow{background-image:url(distribution-informatique-img/right-menu2-yellow.jpg);}

a.right-menu1-orange{background-image:url(distribution-informatique-img/right-menu1-orange.jpg);}
a.right-menu2-orange{background-image:url(distribution-informatique-img/right-menu2-orange.jpg);}

a.right-menu1-blue{background-image:url(distribution-informatique-img/right-menu1-blue.jpg);}
a.right-menu2-blue{background-image:url(distribution-informatique-img/right-menu2-blue.jpg);}

a.right-menu1-purple{background-image:url(distribution-informatique-img/right-menu1-purple.jpg);}
a.right-menu2-purple{background-image:url(distribution-informatique-img/right-menu2-purple.jpg);}



/********* mail form  ****************************************************/

#mailholder{
margin-left:0px;
margin-top: 0px;
width:420px;
}

label{
float: left;
width: 150px;
font-weight: bold;
font-size:12px;
text-align:left;
color:#3782c5;
}

input, textarea, select{
width: 250px;
margin-bottom: 5px;
border:#CCCCCC solid 1px;
}

.radio{
width:20px;
}

textarea{
width: 250px;
height: 120px;
border:#CCCCCC solid 1px;
}

.boxes{
width: 1em;
}

#submitbutton{
margin-left: 310px;
margin-top: 5px;
width: 90px;
border:#3782c5 solid 1px;
background-color:#3782c5;
color:#FFFFFF;
}


/* end mail form styles */


#flag{
 position:absolute;
 width:140px;
 left:820px;
 top:20px;
}

#flag img{
	vertical-align:middle;
}

a.flag-link{
	color:#FFFFFF;
	text-decoration:none;
}

a.flag-link:hover{
	color:#FFFFFF;
	text-decoration:underline;
}

a.rejoignez-link{
	color:#ED008C;
	text-decoration:none;
	background-image:url(distribution-informatique-img/cross-rejoignez-small.gif);
	background-repeat:no-repeat;
	padding-left:18px;
	background-position:0px 2px;
}
a.rejoignez-link:hover{
	color:#ED008C;
	text-decoration:underline;
}