/* CSS Document */


/* http://developer.yahoo.com/yui/reset/ */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}


/************* STYLE DE LA PAGE *********/
body{
	font-family:Arial, Helvetica, sans-serif;
	background:url(images/bg.jpg) repeat-x #3e6585;
	}
	
#conteneur{
	width:860px;
	margin:0 auto;
	}
#header{
	background:url(images/header.jpg) no-repeat;
	margin:0 0 0 20px;
	width:860px;
	height:124px;
	text-indent:-1000em;
	}
#nomClient{
	margin:15px 20px 0 20px;
	background:url(images/bg-h2.jpg) no-repeat;
	padding:34px 0 0 20px;
	width:840px;
	height:33px;
	color:#FFF;
	font-size:25px;
	letter-spacing:-1px;
	font-weight:bold;
	}
#centre{
	width:860px;
	background:#FFF;
	margin:0 0 0 20px;
	display:inline;
	padding:0 0 10px 0;
	float:left;
	}
#pictos{
	background:url(images/bg-centre.jpg) no-repeat;
	width:624px;
	padding:30px 0 0 20px;
	float:left;
	}
	
#pictos h3{
	font-size:19px;
	font-weight:bold;
	margin:0 10px 10px 0;
	color:#2b82b6;
	border-bottom:1px solid #516981;
	clear:left;
	}
	
#pictos p{ font-size:13px; color:#003366; margin:10px 10px 5px 0; padding:0; line-height:18px;}
#pictos p span{font-size:14px; font-weight:bold;}
#pictos p a{ font-size:14px; font-weight:bold; color:#003366; text-decoration:none; border-bottom:1px dashed #c1ccd4;}
#pictos p a.plusSmall{ font-size:13px; font-weight:normal; color:#003366; text-decoration:none; border-bottom:1px dashed #c1ccd4;}
#pictos p a:hover{color:#FF6600; text-decoration:none; border-bottom:1px dashed #FF6600;}

#pictos ul {
	margin:0  0 10px 0;
	padding:0;
}
#pictos li {
	list-style-type: none;
	float:left;
	margin:5px 0 0 0;
	padding:0;
	border-bottom:1px solid #c1ccd4;
}
#pictos li h2{color:#FF6600; font-size:15px; margin:0; padding:5px 0 0 0; font-weight:bold;}
#pictos li h2.plusDePadding{padding:15px 0 0 0; height:35px;}
#pictos li a.menuDomaine {
    font-size:13px;
	font-weight:normal;
	color: #00557B;
	display:block;
	width:560px;
	text-decoration:none;
	padding:0 3px 0 45px;
	background:url(images/liste-01.gif) no-repeat left top;
	line-height:15px;
}
#pictos li a.menuCreation {
    font-size:13px;
	font-weight:normal;
	color: #00557B;
	display:block;
	width:560px;
	text-decoration:none;
	padding:0 3px 0 45px;
	margin:0;
	background:url(images/liste-02.gif) no-repeat left top;
	line-height:15px;
}
#pictos li a.menuHebergement {
    font-size:13px;
	font-weight:normal;
	color: #00557B;
	display:block;
	width:560px;
	text-decoration:none;
	padding:0 3px 0 45px;
	margin:0;
	background:url(images/liste-03.gif) no-repeat left top;
	line-height:15px;
}
#pictos li a.menuReferencement {
    font-size:13px;
	font-weight:normal;
	color: #00557B;
	display:block;
	width:560px;
	text-decoration:none;
	padding:0 3px 0 45px;
	margin:0;
	background:url(images/liste-04.gif) no-repeat left top;
	line-height:15px;
}

#pictos li a.menuDomaine:hover {
	color: white;
	background:url(images/liste_01-over.gif) no-repeat left top #35516A;
}
#pictos li a.menuCreation:hover {
	color: white;
	background:url(images/liste_02-over.gif) no-repeat left top #37536D;
}
#pictos li a.menuHebergement:hover {
	color: white;
	background:url(images/liste_03-over.gif) no-repeat left top #3C5973;
}
#pictos li a.menuReferencement:hover {
	color: white;
	background:url(images/liste_04-over.gif) no-repeat left top #3C5973;
}

#contactTel{
	float:left;
	background:url(images/bg-phone.jpg) no-repeat 0 -1px;
	height:351px;
	width:216px;
	}
#contactTel h3{
	font-size:14px;
	font-weight:bold;
	margin:230px 10px 10px 10px;
	color:#2b82b6;
	border-bottom:1px solid #c1ccd4;
}
#contactTel h4#tel{
	background:url(images/ico-phone.jpg) no-repeat;
	font-size:20px;
	font-weight:bold;
	color:#FF6600;
	margin:0 0 0 12px;
	padding:2px 0 10px 30px;
}
#contactTel h4#mail{
	background:url(images/ico-mail.jpg) no-repeat;
	margin:0 0 0 10px;
	padding:2px 0 20px 35px;
}
#contactTel h4#mail a{
	font-size:12px;
	font-weight:bold;
	color:#FF6600;
	text-decoration:none;
	line-height:30px;
	}
#footer{
	background:#264764;
	margin:0 0 0 20px;
	width:850px;
	padding:5px;
	border-bottom:3px solid #eb6a0c;
	font-size:12px;
	font-weight:bold;
	color:#FFF;
	text-align:right;
	line-height:20px;
	}
	#footer a {color:#fff;
	text-decoration:none;
	border-bottom:1px dashed #c1ccd4;}