@charset "UTF-8";
/* CSS Document */
* {	margin: 0;	padding: 0;}

img {border: 0;}

.logo_pixel2 {
	background: url(../images/logo_pixel.jpg) top left no-repeat;
	width: 220px;
	height: 255px;
	position: relative;
	top: 5px;
	left: 2px;
}

.logo_pixel span {display: none;}

.logo a {
	width: 135px;
	height: 165px;
	display: block;
}
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:normal;
	background: url(../images/bg_body.jpg) center top no-repeat;
	margin: 0 auto;
	padding: 0;
	color: white;
	width: 1000px;
}
/* img, div, input, ul, li {behavior: url("iepngfix.htc")} */
.top-bar {
	position:relative;
	height: 27px;
	display:block;
	background: url(../images/red_top.jpg) left top no-repeat;
}
.zoneclient {
	position: relative;
	float: right;
	padding-left: 32px;
	background: url(../images/zoneclient.png) left top no-repeat;
	behavior: url("iepngfix.htc");
	
}
.zoneclient a {
	text-decoration: none;
	color: white;
	font-size: 9px;
	line-height: 26px;
	text-transform:uppercase;
}
.zoneclient a:hover {
	text-decoration: none;
	color: black;
}
.top-bar h1 {
	line-height: 26px;
	font-size: 10px;
	font-weight: normal;
	color: white;
	padding: 0;
	margin: 0;
	background: none;
	text-transform:none;
}
.frame {
	margin: 0 auto;
	position: relative;
	float: left;
	width: 1000px;
	height: 100%;
}

.header{
	/* background: red; */
	height: 373px;
	/*background: orange;*/
}

.header .header_right{
	background: url(../images/bg_header_right.jpg) left top no-repeat;
}

/*--------- MAIN NAV -----------*/
.main-nav {
	margin: 0;
	padding: 0;
	list-style: none;
}
.reali-nav {
	margin: 2px 10px 0 0;
	padding: 0;
	padding: 0;
	list-style: none;
}
.main-nav li, .reali-nav li {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	line-height: 15px;
}
.main-nav li a, .reali-nav li a {
	font-size: 20px;
	line-height: 33px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:normal;
	color: white;
	text-decoration: none;
	text-transform: uppercase;
	text-align: left;
	display: block;
}
.main-nav li a span, .reali-nav li a span {
	padding: 0 0 0 10px;
}
.main-nav li a:hover span, .reali-nav li a:hover span {
	padding: 0 0 0 25px;
}
.main-nav li a:hover, .reali-nav li a:hover {
	display: block;
}
.main-nav li .btn_real {
	background: url(../images/btn_real_out.jpg) left top no-repeat;
	height: 48px;
}
.main-nav li .btn_serv_out {
	background: url(../images/btn_serv_out.jpg) left top no-repeat;
	height: 48px;
}
.main-nav li .btn_serv {
	background: url(../images/btn_serv_out.jpg) left top no-repeat;
	height: 48px;
}
.main-nav li .btn_serv_over {
	background: url(../images/btn_serv_over.jpg) left top no-repeat;
	height: 48px;
}
.main-nav li .btn_contact {
	background: url(../images/btn_contact_out.jpg) left top no-repeat;
	height: 48px;
}
.main-nav li .btn_accueil_over {
	background: url(../images/btn_accueil_over.jpg) left top no-repeat;
	height: 48px;
}
.main-nav li .btn_accueil {
	background: url(../images/btn_accueil_out.jpg) left top no-repeat;
	height: 48px;
}
.main-nav li .btn_accueil:hover {
	background: url(../images/btn_accueil_over.jpg) left top no-repeat;
	height: 48px;
}
.main-nav li .btn_accueil_over {
	background: url(../images/btn_accueil_over.jpg) left top no-repeat;
	height: 48px;
}
.main-nav li .btn_accueil_out {
	background: url(../images/btn_accueil_out.jpg) left top no-repeat;
	height: 48px;
}
.main-nav li .btn_real:hover {
	background: url(../images/btn_real_over.jpg) left top no-repeat;
	height: 48px;
}
.main-nav li .btn_real_over {
	background: url(../images/btn_real_over.jpg) left top no-repeat;
	height: 48px;
}
.main-nav li .btn_serv:hover {
	background: url(../images/btn_serv_over.jpg) left top no-repeat;
	height: 48px;
}
.main-nav li .btn_contact:hover {
	background: url(../images/btn_contact_over.jpg) left top no-repeat;
	height: 48px;
}
.main-nav li .btn_contact_over {
	background: url(../images/btn_contact_over.jpg) left top no-repeat;
	height: 48px;
}
.main-nav li a span {
	display: none;
}
/*--------- END MAIN NAV -----------*/
.c {
	margin-bottom: 50px;
	/*background: blue;*/
}
.c1 {
	position: relative;
	float: left;
	width: 250px;
	min-height: 800px;
	background: url(../images/bg_c1.jpg) left top no-repeat;
}
.c1 h3 {
	margin: 40px 0 0 0;
}
.c2 {
	width: 750px;
	position: relative;
	float: left;
	/*background: green;*/
}
.c2 ul {
	list-style: none;
	margin: 10px;
}
.c2 ul li {
	padding: 3px;
	margin: 0;
	border-bottom: 1px dotted red;
	color: black;
}
h1, h2, h3, h4, h5, h6 {
	text-transform: uppercase;
	background: #e31818;
	padding: 5px;
	margin: 5px 0 0 0;
	font-weight: normal;
}

h3 {
	font-size: 22px;
	line-height: 25px;
	background: #e31818 url(../images/bg_h4.jpg) left top repeat-x;
	margin: 0 0 5px 0;
	letter-spacing: 0px;
}
.d1 h3 span, .d2 h3 span{
	display: none;
}

.d1 h3.acc_nou{
	background: url(../images/h3_accueil_nou.jpg) left top no-repeat;
	height: 35px;
	width: 340px;
	padding: 0;
	margin: 0 0 3px 0;
}
.d2 h3.acc_np{
	background: url(../images/h3_accueil_np.jpg) left top no-repeat;
	height: 35px;
	width: 340px;
	padding: 0;
	margin: 0 0 3px 0;
}

.d1 h3.real_cp{
	background: url(../images/h3_realisation_cp.jpg) left top no-repeat;
	height: 35px;
	width: 340px;
	padding: 0;
	margin: 0 0 3px 0;
}
.d1 h3.real_iv{
	background: url(../images/h3_realisation_iv.jpg) left top no-repeat;
	height: 35px;
	width: 340px;
	padding: 0;
	margin: 0 0 3px 0;
}
.d1 h3.real_im{
	background: url(../images/h3_realisation_imp.jpg) left top no-repeat;
	height: 35px;
	width: 340px;
	padding: 0;
	margin: 0 0 3px 0;
}
.d1 h3.real_ps{
	background: url(../images/h3_realisation_ps.jpg) left top no-repeat;
	height: 35px;
	width: 340px;
	padding: 0;
	margin: 0 0 3px 0;
}
.d1 h3.real_sw{
	background: url(../images/h3_realisation_web.jpg) left top no-repeat;
	height: 35px;
	width: 340px;
	padding: 0;
	margin: 0 0 3px 0;
}
h3.archives{
	background: url(../images/h3_archives.jpg) left top no-repeat;
	height: 35px;

	padding: 0;
	margin: 0 0 3px 0;
}
h3.archives span{display: none;}
.d1 h3.serv_pres{
	background: url(../images/neurones.jpg) left top no-repeat;
	height: 35px;
	width: 340px;
	padding: 0;
	margin: 0 0 3px 0;
}
.d1 h3.serv_eq{
	background: url(../images/h3_service_equipe.jpg) left top no-repeat;
	height: 35px;
	width: 340px;
	padding: 0;
	margin: 0 0 3px 0;
}
.d1 h3.serv_domaine{
	background: url(../images/titre_domaine.jpg) left top no-repeat;
	height: 35px;
	width: 340px;
	padding: 0;
	margin: 0 0 3px 0;
}
.d1 h3.serv_heb{
	background: url(../images/h3_service_hebergement.jpg) left top no-repeat;
	height: 35px;
	width: 340px;
	padding: 0;
	margin: 0 0 3px 0;
}
.d2 h3.serv_exp{
	background: url(../images/h3_service_exprimez.jpg) left top no-repeat;
	height: 35px;
	width: 340px;
	padding: 0;
	margin: 0 0 3px 0;
}

.pxs-g1, .pxs-500, .pxs-250, .pxs-100, .pxs-50, .pxs-mail{
	height: 35px;
	width: 340px;
	padding: 0;
	margin: 0 0 3px 0;
}

.pxs-g1{background: url(../images/for_pxs-g1.jpg) left top no-repeat;}
.pxs-500{background: url(../images/for_pxs-500.jpg) left top no-repeat;}
.pxs-250{background: url(../images/for_pxs-250.jpg) left top no-repeat;}
.pxs-100{background: url(../images/for_pxs-100.jpg) left top no-repeat;}
.pxs-50{background: url(../images/for_pxs-50.jpg) left top no-repeat;}
.pxs-mail{background: url(../images/for_pxs-mail.jpg) left top no-repeat;}

.d2 .for li{
	color: white;
}
.d1 .domaine li{
	background: #333;
	color: white;
}

.d1, .d2 {
	width: 340px;
	position: relative;
	float: left;
	min-height: 450px;
}
.d1 {
	padding: 10px 25px 0 10px;
	background: white url(../images/bg_d1.jpg) right top no-repeat;
}
.d2 {
	padding: 10px 10px 0 25px;
	background: white url(../images/bg_d2.jpg) left top no-repeat;
}


.d1 img {
	width: 340px;
	text-align: left;
}
.d2 img {
	text-align: left;
}
.d2 .img1 {
	margin-right: 0;
}

.d1 .txt hr {
	border: none;
	border-bottom: 1px dotted red;
	line-height:10px;
	margin-bottom: 10px;
}

.d2 .txt div {
	background: #333333;
}

.d1 .cate {
	margin: 0 0 5px 0;
}
.d1 .cate a {
	padding: 6px;
	font-weight: bold;
	border-bottom: 1px dotted red;
	color: black;
	text-decoration:none;
	display: block;
	font-size: 10px;
}
.d1 .cate a:hover {
	color: white;
	background: #999999;
	font-weight: bold;
}
.d1 .txt{
	background: white;
}


.d1 a.arch{
	background: #333333;
	padding: 4px;
	margin: 20px 0 0 0;
	display:block;
	text-decoration: none;
	color: white;
	text-align:right;
}

.d1 a.arch:hover{
	background: #666666;
}
.arch{
	background: #666666;
	padding: 4px;
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;
	text-align:center;
}
.pageAcc{
	
	padding: 4px;
	font-weight: bold;
	text-decoration: none;
	color: #CC0000;
	text-align:center;
}
.sec-nav{
	padding: 10px 10px 5px 10px;
	color: #138288;
	
	/*border-bottom: 2px dashed #666666;*/
}
.sec-nav *{
	padding: 4px;
	font-weight: bold;
	text-decoration: none;
	color: #333333;
	text-align:center;
}

/* */


.d2 .txt{
	background: #333333;
	
}.d1 .txt p{
	padding: 12px 12px 5px 12px;
	margin-bottom: 3px;
	text-align: justify;
	background: white;
	color:#000000;
	line-height: 14px;
	
}
.d2 .txt p{
	padding: 5px 12px 5px 12px;
	margin-bottom: 3px;
	text-align: justify;
	background: #333333;
	line-height: 14px;
	
}


.d2 .info {
	margin: 0;
	padding:0;
}

.d2 .info p{
	color: white;
	background:#333333;
	padding: 7px;
}

.d2 table img {}

.d2 .logo {
	width: 125px;
	height: 125px;
	padding: 0 0 10px 0;
	margin: 0 7px 14px 0;
	background:url(../images/bg_table_img.png) bottom left no-repeat;
	behavior: url("iepngfix.htc");
	
}
.d2 table {
	padding: 0;
	margin: 0;
}

.d2 a {
	color: #CC0000;
	font-weight: bold;
	text-decoration:none;
}
.d2 ul {
	margin: 5px;
	padding: 0;
	list-style:none;
}
.d2 ul li {
	color: #000000;
	padding: 3px;
}


.d1 h4, .d2 h4{
	font-size: 10px;
	text-transform: uppercase;
	background: #e31818;
	padding: 5px;
	margin: 0;
	font-weight:bold;
}

.d2 h5{
	font-size: 10px;
	text-transform: uppercase;
	background: #666666;
	padding: 5px;
	margin: 0 5px;
	font-weight:bold;
}

.d1 hr.end, .d2 hr.end{
	background: url(../images/bg_d1_d2.png) left bottom no-repeat;
	behavior: url("iepngfix.htc");
	height: 20px;
	border: 0px;
	margin: 0 0 0 0;
	padding: 0;	
}

.c1 .d1 hr.end{
  margin: 0;
  height: 15px;
}

.txt_projet {
	float: left;
}
/*
.txt a {
	padding: 2px;



	font-size: 10px;
	display: block;
	text-align:right;
	margin-right: 4px;
}
*/
.c2 .d1 .txt a, .c2 .e .txt a{
		font-weight: bold;
			text-decoration: none;
				color: black;
}
.c2 .d1 .txt a:hover{
	color: #666;
}
.c2 .e .txt a{
	color: #CCCCCC;
}

.c2 .e .txt a:hover{
	color: #999999;
}

.c2 .d1 .txt div{
padding: 0 0 10px 0;
}


.txt a:hover {
	color: red;
}
.d2 .txt a {
	padding: 2px;
	color: white;
	text-decoration: none;
	font-weight: bold;
	font-size: 10px;
	display: block;
	text-align:right;
}
.d2 .txt a:hover {
	color: red;
}

.d1 p.ax{
	color: red;
}

.e{
	min-height: 300px;
	background:url(../images/bg_e.jpg) left top no-repeat;
	padding: 10px 10px 0 10px;
	
}/*
.e img{
	float: left;
	width: 350px;
	height: 110px;
	margin: 0 10px 10px 0;
}*/
.e .txt{
	min-height: 110px;
	clear: both;
	padding-bottom: 5px;
}
.e .txt div.group {
	position:relative;
		min-height: 110px;
			background: #333333;
			
				clear: both;
}

.e .txt div.group div {
	text-align: justify;
	background: #333333;
	line-height: 14px;

	position:relative;
	float: left;
	width: 390px;	
	padding: 0 0 15px 0;

}


.e .txt div.group img{
	position:relative;
	float:left; 
	display:block;
	width: 340px ;
	height: 110px;
}

.e .txt p{
	padding: 10px;
	margin: 0;
	text-align: left;
	background: #333333;
	line-height: 14px;
/*min-height: 84px;*/
}

.erreur {
	color: red;
}
.form_contact {
	pading: 10px;
	margin: 10px 0 0 20px;
}
.form_contact p {
	padding: 2px;
	color: black;
}
.form_contact input {
	padding: 3px;
}
.form_emplois {
	
}
.form_google {
	
}
.contact {
	padding: 5px;
	color: black;
}
.contact a {
	color: #CC0000;
	text-decoration: none;
	font-weight: bold;
}
.form_google iframe {
	width: 330px;
	height: 450px;
	border: 1px solid black;
}
.clients {
	margin: 0 0 0 100px;
	padding: 0;
	list-style: none;
}
.clients .logo, .clients .mission {
	width:250px;
	height: 250px;
	margin: 0;
	padding: 0;
	float:left;
}
.clients .logo {
	background: white;
	text-align:center;
	vertical-align:middle;
	padding-top: 30px;
}
/* ------------ FOOTER -----------------*/
.footer {
	clear: both;
	margin-top: 10px;
	padding-bottom: 20px;
	/*height: 300px;*/
	padding: 0;
	margin: 0;
}
.footer h3 {
	background: none;
}
.footer .foo1, .footer .foo2, .footer .foo3 {
	float: left;
	width: 250px;
	height: 265px;
	background: white;
}


.footer .foo1 form{
	margin: 75px 0 0 0;
}
.footer .foo1 form input{
	padding: 2px;
}
.footer .foo1 form  label{
	font-size: 12px;
	font-weight: bold;
}
.mailing {
	padding: 5px;
	margin: 0 0 0 20px;
}
.mailing tr td {
	padding: 2px;
	margin: 0;
}


.footer .foo1 {
	background: url(../images/bg_foo1.jpg) left top no-repeat;
}
.footer .foo2 {
	/*background: red;*/
	background: url(../images/bg_foo2.jpg) left top no-repeat;
	
}

.footer .foo3 {
	/*background: blue;*/
	background: url(../images/bg_foo3.jpg) left top no-repeat;
	border: none;
}


.footer .foo1 p, .footer .foo2 p, .footer .foo3 p {
	padding: 7px;
}
.foo2 ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
.foo2 ul li {
	padding: 3;
	margin:0;
}
 .foo1 li. .foo2 li, .foo3 li {
	margin: 0;
	padding: 0;
}
.footer .pixel {
	font-size: 10px;
	padding: 10px 0 10px 35px;
	background: url(../images/footer_pixel.jpg) left 5px no-repeat;
}
.footer .pixel a {
	text-decoration: none;
	color: red;
}
.pixel span{
	text-align: center;
	font-size: 10px;
	font-weight: normal;
/*	font-weight: bold;*/
	color: red;
}