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

body {	
	font-family:arial;	
	color: #6a6a6a;
	font-size:8.5pt;
	width:100%;
	margin:0px; 
	padding:0px;
	text-align:center;
	}

#cadre { 
	position:relative;
	margin:0px auto; 
	padding:0px;
	top:1px;
	height:751px;
	width:1030px;
	text-align:center;
	z-index:0;
	}
	
/**************************************************************************************************************************************************
															TEXTE
***************************************************************************************************************************************************/	

a:link {
	font-family:arial;
	color:#c0c0c0;	
	text-decoration: none;
	font-size:8.5pt;
	font-weight:bold;
	}
a:visited {
	font-family:arial;
	color:#c0c0c0;	
	text-decoration: none;
	font-size:8.5pt;
	font-weight:bold;
	}
a:hover {	
	font-family:arial;
	color:#ab1828;	
	text-decoration: none;
	font-size:8.5pt;
	font-weight:bold;
	}
a:active {
	font-family:arial;
	color:#ab1828;	
	text-decoration: none;
	font-size:8.5pt;
	font-weight:bold;
	}
a:focus {	
	font-family:arial;
	color:#ab1828;	
	text-decoration: none;
	font-size:8.5pt;
	font-weight:bold;
	}

/**************** Menu *********/

a.menu:link {
	font-family:arial;
	color:#858585;	
	text-decoration: none;
	font-size:8.5pt;
	font-weight:bold;
	}
a.menu:visited {
	font-family:arial;
	color:#858585;	
	text-decoration: none;
	font-size:8.5pt;
	font-weight:bold;
	}
a.menu:hover {	
	font-family:arial;
	color:#555555;	
	text-decoration: none;
	font-size:8.5pt;
	font-weight:bold;
	}
a.menu:active {
	font-family:arial;
	color:#555555;	
	text-decoration: none;
	font-size:8.5pt;
	font-weight:bold;
	}
a.menu:focus {	
	font-family:arial;
	color:#555555;	
	text-decoration: none;
	font-size:8.5pt;
	font-weight:bold;
	}
/**************** Menu bas *********/

a.menu_bas:link {
	font-family:arial;
	color:#b8b8b8;	
	text-decoration: none;
	font-size:8.5pt;
	font-weight:bold;
	}
a.menu_bas:visited {
	font-family:arial;
	color:#b8b8b8;	
	text-decoration: none;
	font-size:8.5pt;
	font-weight:bold;
	}
a.menu_bas:hover {	
	font-family:arial;
	color:#b8b8b8;	
	text-decoration: none;
	font-size:8.5pt;
	font-weight:bold;
	}
a.menu_bas:active {
	font-family:arial;
	color:#696767;	
	text-decoration: none;
	font-size:8.5pt;
	font-weight:bold;
	}
a.menu_bas:focus {	
	font-family:arial;
	color:#b8b8b8;	
	text-decoration: none;
	font-size:8.5pt;
	font-weight:bold;
	}
	
/**************** Referencement *********/

a.ref:link {
	font-family:arial;
	color:#727675;	
	text-decoration: none;
	font-size:8.5pt;
	}
a.ref:visited {
	font-family:arial;
	color:#727675;	
	text-decoration: none;
	font-size:8.5pt;
	}
a.ref:hover {	
	font-family:arial;
	color:#ab1828;	
	text-decoration: none;
	font-size:8.5pt;
	}
a.ref:active {
	font-family:arial;
	color:#ab1828;	
	text-decoration: none;
	font-size:8.5pt;
	}
a.ref:focus {	
	font-family:arial;
	color:#ab1828;	
	text-decoration: none;
	font-size:8.5pt;
	}	
/**********************************/

td {
	font-family:arial;
	font-size:8.5pt;
	z-index:2;
	text-align:justify;
	}
.envoi {
	background-color:#9fa3a6;
  	border:none;
  	font-family:arial;
	font-size:7.5pt;
	color:#fff;
	z-index:2;
	}
.input {
	background-color:#ffffff;
	border:#dbdbdd 1px solid;
  	font-family:arial;
	font-size:8pt;
	width:360px;
	color:#ababab;
	z-index:2;
	}
.td1 {
	font-family:arial;
	height:22px;
	z-index:2;
	}
.td2 {
	font-family:arial;
	font-size:8.5pt;
	height:22px;
	z-index:2;
	}
.td3 {
	color:#696767;
	font-family:arial;
	font-size:8.5pt;
	font-weight:bold;
	height:22px;
	text-align:left;
	z-index:2;
	}
.msg {
  	border:0;
  	font-family:arial;
	font-size:8.5pt;
	color:#2f3837;
	z-index:2;
	}
.form {
	background-color:#fff;
	border:#c6d5ce 1px solid;
  	font-family:arial;
	font-size:8.5pt;
	color:#2f3837;
	z-index:2;
	}
.submit{
	 background-color:#f9f9f9;
	 border:#dbdbdd 1px solid;
	color: #6a6a6a;
	 font-size:8pt;
}
.delete{
     border:none;
     color:#fff;
     background: transparent url('img/annuler.png') no-repeat top left;
     width:87px;
     height:41px;
}
.submit2{
	 background:none;
     border:none;
     color:#ababab;
	 font-size:8pt;
}
.delete2{
     border:none;
     color:#fff;
     background: transparent url('img/annuler2.png') no-repeat top left;
     width:78px;
     height:32px;
}
.textarea {
	border:#dbdbdd 1px solid;
  	font-family:arial;
	font-size:8.5pt;
	color:#2f3837;
	scrollbar-base-color:#dbdbdd;
	scrollbar-3dlight-color:#dbdbdd;
	scrollbar-arrow-color:#dbdbdd;
	scrollbar-darkshadow-color:#fff;
	scrollbar-face-color:#fff;
	scrollbar-highlight-color:#fff;
	scrollbar-shadow-color:#dbdbdd;
	scrollbar-track-color:#fff;
	z-index:2;
}

/**************************************************************************************************************************************************
															HEADER
***************************************************************************************************************************************************/

#header {
	background-image:url(img/header.jpg);
	position:absolute;
	margin:0px auto;
	padding:0px;
	top:0px;
	left:0px;
	height:203px;
	width:1030px;
	text-align:center;
	z-index:2;
	}
#header_espace {
	position:absolute;
	margin:0px auto;
	padding:0px;
	top:7px;
	left:340px;
	height:31px;
	width:1030px;
	color:#ababab;
	text-align:center;
	z-index:2;
	}
#logo {
	position:absolute;
	margin:0px auto;
	padding:0px;
	top:55px;
	left:790px;
	height:84px;
	width:170px;
	text-align:center;
	z-index:2;
	}
#menu {
	position:absolute;
	margin:0px auto;
	padding:0px;
	top:159px;
	left:310px;
	height:auto;
	width:800px;
	text-align:left;
	z-index:3;
	}
#menu_fleche {
	position:absolute;
	margin:0px auto;
	padding:0px;
	top:161px;
	left:370px;
	height:8px;
	width:14px;
	text-align:left;
	z-index:4;
	}	
/**************************************************************************************************************************************************
															LEFT
***************************************************************************************************************************************************/

#left_contact { 
	background:url(img/fond_left.jpg);
	background-repeat:no-repeat; 
	position:absolute;
	margin:0px auto;
	padding:0px;
	top:680px;
	left:0px;
	height:320px;
	width:221px;
	z-index:3;
	}
	
#left_partenaires { 
	background:url(img/fond_left.jpg);
	background-repeat:no-repeat; 
	position:absolute;
	margin:0px auto;
	padding:0px;
	top:1015px;
	left:0px;
	height:320px;
	width:221px;
	z-index:3;
	}	
	
/**************************************************************************************************************************************************
															MIDDLE
***************************************************************************************************************************************************/

#middle { 
	position:relative;
	margin:0px auto;	
	padding:0px;
	top:685px;
	left:0px;
	height:auto;
	width:1030px;
	text-align:justify;
	z-index:1;
	}
	
#fond_middle1 { 
	background-image:url(img/fond_middle1.jpg);
	background-repeat:no-repeat;
	position:relative;
	margin:0px auto;
	padding:0px;
	top:0px;
	left:0px;
	width:1030px;
	height:32px;
	text-align:justify;
	z-index:2;
	}
#middle1 { 
	position:absolute;
	margin:0px auto;
	padding:0px;
	top:10px;
	left:240px;
	width:200px;
	height:20px;
	color:#528a9f;
	font-size:10pt;
	font-weight:bold;
	z-index:3;
	}
#fond_middle2 { 
	background-image:url(img/fond_middle2.jpg);
	background-repeat: repeat-y;
	position:relative;
	margin:0px auto;
	padding:0px;
	top:0px;
	left:0px;
	width:1030px;
	height:auto;
	text-align:justify;
	z-index:2;
	}
#fond_middle3 { 
	position:relative;
	margin:0px auto;
	padding:0px;
	top:0px;
	left:0px;
	width:1030px;
	height:25px;
	z-index:1;
	}
	
/**************************************************************************************************************************************************
															FOOTER
***************************************************************************************************************************************************/

#footer {
	background-image:url(img/bottom_fond.jpg);
	background-repeat:no-repeat;
	position:relative;
	margin:0px auto;
	padding:0px;
	top:0px;
	left:0px;
	height:220px;
	width:1030px;
	text-align:left;
	z-index:2;
	}
#footer_nav {
	position:absolute;
	margin:0px auto;
	padding:0px;
	top:2px;
	left:15px;
	height:auto;
	width:220px;
	font-size:8pt;
	font-weight:bold;
	z-index:3;
	}
#copyright {
	position:absolute;
	margin:0px auto;
	padding:0px;
	top:145px;
	left:800px;
	height:20px;
	width:220px;
	color:#FFF;
	font-size:8pt;
	font-weight:bold;
	z-index:3;
	}

/**************************************************************************************************************************************************
															ACCUEIL
***************************************************************************************************************************************************/

#accueil_header { 
	background-image:url(img/accueil_img.jpg);
	background-repeat:no-repeat;
	margin:0px auto;
	padding:0px; 
	position:absolute;
	width:1030px; 
	height:465px; 
	top:203px;
	left:0px;
	z-index:2;
	}	
#fond_accueil_encart1 { 
	background-image:url(img/accueil_encart.png);
	background-repeat:no-repeat;
	margin:0px auto;
	padding:0px; 
	position:absolute;
	width:330px; 
	height:230px; 
	top:222px;
	left:15px;
	text-align:left;
	z-index:3;
	}		
#fond_accueil_encart2 { 
	background-image:url(img/accueil_encart.png);
	background-repeat:no-repeat;
	margin:0px auto;
	padding:0px; 
	position:absolute;
	width:330px; 
	height:230px; 
	top:222px;
	left:358px;
	text-align:left;
	z-index:3;
	}		
#fond_accueil_encart3 { 
	background-image:url(img/accueil_encart.png);
	background-repeat:no-repeat;
	margin:0px auto;
	padding:0px; 
	position:absolute;
	width:330px; 
	height:230px; 
	top:222px;
	left:700px;
	text-align:left;
	z-index:3;
	}
	
#accueil_encart { 
	position:absolute;
	margin:0px auto;
	padding:0px;
	top:15px;
	left:12px;
	width:285px;
	height:145px;
	text-align:justify;
	z-index:4;
	}
	
#accueil2 { 
	background:url(img/accueil_fond.jpg);
	background-repeat:no-repeat; 
	position:relative;
	margin:0px auto;
	padding:0px;
	left:-1px;
	height:285px;
	width:1027px;
	}	

/**************************************************************************************************************************************************
															PACKS
***************************************************************************************************************************************************/

#packs_header { 
	background-image:url(img/packs_fond.jpg);
	background-repeat:no-repeat;
	margin:0px auto;
	padding:0px; 
	position:absolute;
	width:1030px; 
	height:430px; 
	top:203px;
	left:0px;
	z-index:2;
	}
#packs_header_title { 
	position:absolute;
	margin:0px auto;
	padding:0px;
	top:9px;
	left:15px;
	width:200px;
	height:20px;
	color:#528a9f;
	font-size:10pt;
	font-weight:bold;
	z-index:3;
	}
#packs_header_img { 
	position:absolute;
	margin:0px auto;
	padding:0px;
	top:53px;
	left:15px;
	width:380px;
	height:384px;
	z-index:3;
	}
#packs_header_txt { 
	position:absolute;
	margin:0px auto;
	padding:0px;
	top:42px;
	left:410px;
	width:590px;
	height:384px;
	text-align:justify;
	z-index:3;
	}
#packs_header_table { 
	position:absolute;
	margin:0px auto;
	padding:0px;
	top:166px;
	left:409px;
	width:620px;
	height:384px;
	z-index:3;
	}
.packs_table, .packs_table_l { 
	border:#c5c6c7 1px solid;
	padding:5px 0px 5px 10px;
	border-bottom:none;
	border-right:none;
	font-size:8pt;
	text-align:center;
	}
.packs_table_l { 
	text-align:left;
	}

#pack_title { 
	position:absolute;
	margin:0px auto;
	padding:0px;
	top:25px;
	left:240px;
	width:1030px;
	height:20px;
	color:#528a9f;
	font-size:10pt;
	font-weight:bold;
	z-index:3;
	}	
#pack_middle { 
	position:absolute;
	margin:0px auto;
	padding:0px;
	top:45px;
	left:0px;
	width:1030px;
	height:auto;
	text-align:justify;
	z-index:2;
	}	
	
#pack_vitrine { 
	background-image:url(img/pack_web_vitrine.jpg);
	background-repeat:no-repeat;
	position:relative;
	margin:0px auto;
	padding:0px;
	top:0px;
	left:0px;
	width:1030px;
	height:405px;
	z-index:2;
	}	
#pack_dynamique {  
	background-image:url(img/pack_web_dynamique.jpg);
	background-repeat:no-repeat;
	position:relative;
	margin:0px auto;
	padding:0px;
	top:0px;
	left:0px;
	width:1030px;
	height:405px;
	z-index:2;
	}	
#pack_ecommerce { 
	background-image:url(img/pack_ecommerce.jpg);
	background-repeat:no-repeat;
	position:relative;
	margin:0px auto;
	padding:0px;
	top:0px;
	left:0px;
	width:1030px;
	height:470px;
	z-index:2;
	}
		

/**************************************************************************************************************************************************
															REFERENCEMENT
***************************************************************************************************************************************************/

#referencement_header { 
	background-image:url(img/referencement_img.jpg);
	background-repeat:no-repeat;
	margin:0px auto;
	padding:0px; 
	position:absolute;
	width:1030px; 
	height:344px; 
	top:203px;
	left:0px;
	z-index:2;
	}
#referencement_title { 
	position:absolute;
	margin:0px auto;
	padding:0px;
	top:9px;
	left:15px;
	width:200px;
	height:20px;
	color:#528a9f;
	font-size:10pt;
	font-weight:bold;
	z-index:3;
	}
	
#referencement1 { 
	background-image:url(img/referencement1.jpg);
	background-repeat:no-repeat;
	position:relative;
	margin:0px auto;
	padding:0px;
	top:0px;
	left:0px;
	width:1030px;
	height:390px;
	z-index:2;
	}	
#referencement2 {  
	background-image:url(img/referencement2.jpg);
	background-repeat:no-repeat;
	position:relative;
	margin:0px auto;
	padding:0px;
	top:0px;
	left:0px;
	width:1030px;
	height:390px;
	z-index:2;
	}
	
/**************************************************************************************************************************************************
															REALISATION
***************************************************************************************************************************************************/
#realisations_header { 
	background-image:url(img/realisations_img.jpg);
	background-repeat:no-repeat;
	margin:0px auto;
	padding:0px; 
	position:absolute;
	width:1030px; 
	height:344px; 
	top:203px;
	left:0px;
	z-index:2;
	}
#realisation_fond { 
	background-image:url(img/realisations_fond.png);
	background-repeat:no-repeat;
	margin:0px auto;
	padding:0px; 
	position:relative;
	width:1030px; 
	height:260px; 
	top:22px;
	left:0px;
	text-align:left;
	z-index:2;
	}
	
#realisation_txt1 { 
	margin:0px auto;
	padding:0px; 
	position:absolute;
	width:239px; 
	height:17px; 
	top:5px;
	left:241px;
	text-align:center;
	z-index:2;
	}
#realisation_img1 { 
	margin:0px auto;
	padding:0px; 
	position:absolute;
	width:239px; 
	height:219px; 
	top:21px;
	left:241px;
	text-align:center;
	z-index:2;
	}
#realisation_txt2 { 
	margin:0px auto;
	padding:0px; 
	position:absolute;
	width:256px; 
	height:17px; 
	top:5px;
	left:494px;
	text-align:center;
	z-index:2;
	}
#realisation_img2 { 
	margin:0px auto;
	padding:0px; 
	position:absolute;
	width:256px; 
	height:219px; 
	top:21px;
	left:494px;
	text-align:center;
	z-index:2;
	}
#realisation_txt3 { 
	margin:0px auto;
	padding:0px; 
	position:absolute;
	width:239px; 
	height:17px; 
	top:5px;
	left:764px;
	text-align:center;
	z-index:2;
	}
#realisation_img3 { 
	margin:0px auto;
	padding:0px; 
	position:absolute;
	width:239px; 
	height:219px; 
	top:21px;
	left:764px;
	text-align:center;
	z-index:2;
	}

/**************************************************************************************************************************************************
															CONTACT
***************************************************************************************************************************************************/

#contact_header { 
	background-image:url(img/contact_img.jpg);
	background-repeat:no-repeat;
	margin:0px auto;
	padding:0px; 
	position:absolute;
	width:1030px; 
	height:344px; 
	top:203px;
	left:0px;
	z-index:2;
	}
	
#contact1 { 
	background-image:url(img/contact1.png);
	background-repeat:no-repeat;
	margin:0px auto;
	padding:0px; 
	position:absolute;
	width:510px; 
	height:27px; 
	top:190px;
	left:110px;
	z-index:2;
	}
	
#contact2 { 
	background-image:url(img/contact2.png);
	background-repeat:no-repeat;
	position:absolute;
	margin:0px auto;
	padding:0px;
	top:275px;
	left:510px;
	height:309px;
	width:376px;
	text-align:center;
	z-index:2;
	}
#contact2_txt { 
	position:absolute;
	margin:0px auto;
	padding:0px;
	top:32px;
	left:0px;
	height:280px;
	width:376px;
	text-align:center;
	z-index:2;
	}
	
#contact { 
	position:absolute;
	margin:0px auto;
	padding:0px;
	top:260px;
	left:20px;
	height:320px;
	width:250px;
	z-index:2;
	}