/* ----------------------------- */
/*         STYLE  MEDIAGROUND    */
/* ----------------------------- */
* {
	padding: 0;
	margin: 0;
	left:0;
	}
		
body {
	color: black;
	background:url(../img/bg.jpg) repeat-x #e9e7e8;
	overflow:auto;
}

a
{
   outline:none;
   text-decoration:none;
}

a img {
  border: 0;
}

html, body, ol, ul, form, fieldset {
  margin: 0;
  padding: 0;
}

fieldset {
  border: 0;
}

textarea {
  font: inherit;
}

.clear {
  clear: both;
}

#contener {
	left:805px;
	top:50%;
	left:50%;
	margin-left:-446px;
	position:absolute;
	width:892px;
	top:0px;
	height:100%;
}

/* ----------------------------- */
/*            Header             */
/* ----------------------------- */

#header{
	width:892px;
	height:175px;
	background:url(../img/bg_header.jpg) no-repeat;
}

.logo{
	width:223px;
	height:124px;
	margin:7px 0 0 28px;
	overflow:hidden;
	float:left;
}

.logo h2{
	text-indent:-300px;
}

#contactez-nous{
	margin-top:70px;
	width:118px;
	height:37px;
	float:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
}

#contactez-nous p{
	margin:0;
	padding:0;	
	height:34px;
	color:#5b5b5b;
	text-transform:uppercase;
	font-size:12px;
}

#contactez-nous p span{
	width:116px;
	margin:0;
	padding:0;
	color:#bf2416;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	display: block;
	letter-spacing:2px;
	text-align:right;
}

/* ----------------------------- */
/*             menu              */
/* ----------------------------- */

#menu{
	float:left;
	width:892px;
	height:28px;
	background:url(../img/bg_menu.gif) top left repeat-x;
	}
	
#menu ul{
	width:893px;
	display:block;
	list-style-type: none;
	text-decoration:none;
	}
	
#menu ul li{
	display:block;
	display:inline;
	}

#menu li a{
	float:left;
	display: inline;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-transform:uppercase;
	font-weight:bold;
	text-indent:-300px;
	overflow:hidden;
}

#menu #accueil a{
	width:85px;
	height:36px;
	background:url(../img/sliding_menu.gif) top left;
}

#menu #accueil a:hover , #menu #accueil.active a{
	background-color:#fff;
	background:url(../img/sliding_menu.gif) 0 -36px;
}

#menu #creation_de_site a{
	width:136px;
	height:36px;
	background:url(../img/sliding_menu.gif) -85px 0;
}

#menu #creation_de_site a:hover, #menu #creation_de_site.active a{
	background:url(../img/sliding_menu.gif) -85px -36px #fff no-repeat;
}

#menu #creation_de_sitep a{
	width:136px;
	height:36px;
	background:url(../img/sliding_menu_poi.gif) -85px 0;
}

#menu #creation_de_sitep a:hover, #menu #creation_de_sitep.active a{
	background:url(../img/sliding_menu_poi.gif) -85px -36px #fff no-repeat;
}

#menu #referencement a{
	width:133px;
	height:36px;
	background:url(../img/sliding_menu.gif) -221px 0;
}

#menu #referencement a:hover, #menu #referencement.active a{
	background-color:#fff;
	background:url(../img/sliding_menu.gif) -221px -36px;
}

#menu #hebergement a{
	width:118px;
	height:36px;
	background:url(../img/sliding_menu.gif) -354px 0 no-repeat;
}

#menu #hebergement a:hover, #menu #hebergement.active a{
	background-color:#fff;
	background:url(../img/sliding_menu.gif) -354px -36px no-repeat;
}

#menu #adwords a{
	width:92px;
	height:36px;
	background:url(../img/sliding_menu.gif) -472px 0 no-repeat;
}

#menu #adwords a:hover, #menu #adwords.active a{
	background-color:#fff;
	background:url(../img/sliding_menu.gif) -472px -36px no-repeat;
}

#menu #emailing a{
	width:93px;
	height:36px;
	background:url(../img/sliding_menu.gif) -564px 0 no-repeat;
}

#menu #emailing a:hover, #menu #emailing.active a{
	background-color:#fff;
	background:url(../img/sliding_menu.gif) -564px -36px no-repeat;
}

#menu #demande_devis a{
	width:146px;
	height:36px;
	background:url(../img/sliding_menu.gif) -657px 0 no-repeat;
}

#menu #demande_devis a:hover, #menu #demande_devis.active a{
	background-color:#fff;
	background:url(../img/sliding_menu.gif) -657px -36px no-repeat;
}

#menu #contact a{
	width:90px;
	height:36px;
	background:url(../img/sliding_menu.gif) -803px 0 no-repeat;
}

#menu #contact a:hover, #menu #contact.active a{
	background-color:#fff;
	background:url(../img/sliding_menu.gif) -803px -36px no-repeat;
}

#menu #banniere a{
	width:146px;
	height:36px;
	background:url(../img/sliding_menu.gif) -657px 0 no-repeat;
}

#menu #bannieres a{
	width:146px;
	height:36px;
	background:url(../img/sliding_menu.gif) -657px 0 no-repeat;
}

#menu #banniere a:hover, #menu #banniere.active a{
	background-color:#fff;
	background:url(../img/sliding_menu.gif) -657px -36px no-repeat;
}

#menu #bannieres a:hover, #menu #bannieres.active a{
	background-color:#fff;
	background:url(../img/sliding_menu.gif) -657px -36px no-repeat;
}

/* ----------------------------- */
/*            content           */
/* ----------------------------- */

#content{
	width:892px;	
}

/* ----------------------------- */
/*            flash              */
/* ----------------------------- */


#flash{
	width:892px;
	height:233px;
	overflow:hidden;
	z-index:auto;
	position:relative;
	top:-7px;
	background:none;
}

/* ----------------------------- */
/*            cartouche          */
/* ----------------------------- */

#menu_cartouche{
	float: left;
	width:711px;
}

#menu_cartouche div{
	width:224px;
	height:134px;
	display:block;
	background:url(../img/bg_cartouche.png) no-repeat;
	float:left;
	padding:11px 0 0 11px;
}

#menu_cartouche h2{
	width:213px;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	text-align:center;
	vertical-align:middle;
	text-transform:capitalize;
	padding:10px 0 7px 0;
	text-transform:uppercase;
	cursor:pointer;
	text-decoration: none;
}

#menu_cartouche .cartouche_pub h2{
	position:relative;
	top:0;
	left:0;
	float:left;
}

.cartouche_creation h2{
	background:url(../img/bg_cartouche_creation.gif) top left repeat;
}

.cartouche_pub a{
	width:213px; height:120px; text-indent:-300px; overflow:hidden; display:block;background:url(../img/devis.jpg) top left repeat;
}

.cartouche_pub a:hover{
	width:213px; height:120px; text-indent:-300px; overflow:hidden; display:block;background:url(../img/devis2.jpg) top left repeat;
}

.cartouche_referencement h2{
	background:url(../img/bg_cartouche_ref.gif) top left repeat;
}

.cartouche_hebergement h2{
	background:url(../img/bg_cartouche_heberg.gif) top left repeat;
}

.cartouche_adwords h2{
	background:url(../img/bg_cartouche_adwords.gif) top left repeat;
}

.cartouche_mailing h2{
	background:url(../img/bg_cartouche_email.gif) top left repeat;
}

.cartouche_banniere h2{
	background:url(../img/bg_cartouche_banniere.gif) top left repeat;
}

.cartouche_pub h2{
	background:url(../img/bg_cartouche_regie.gif) top left repeat;
}

#cartouche_agence a{
	display:block;
	float:left;
	background:url(../img/agence.gif) top left no-repeat;
	width:213px;
	height:50px;
	text-indent:-200px;
	overflow:hidden;
	margin:0;
	padding:0;	
}

#cartouche_agence a:hover{
	background:url(../img/agence_on.gif) top left no-repeat;
}

#cartouche_devis{
	width:213px;
	margin:0;
	padding:0;
	position: absolute;
	top:280px;
	left:-4px;
	z-index:999;
	float:left;
}

#cartouche_devis a{
	display:block;
	float:left;
	background:url(../img/devis_off.png) top left no-repeat;
	width:150px;
	height:44px;
	text-indent:-200px;
	overflow:hidden;
	margin:20px 0 0 0;
	padding:0 0 0 22px;	
}

#cartouche_devis a:hover{
	background:url(../img/devis_on.png) top left no-repeat;
}


/* ----------------------------- */
/*       bloc liens rapides      */
/* ----------------------------- */

#menu_lien_rapide{
	width:181px;
	float:right;
	margin-top:8px;
	overflow:hidden;
}

#bloc_actualite
{
	position: relative;
	width:171px;
	height:287px;
	float:right;
	margin-top:8px;
    background:url(../img/bg_bloc_actu.gif) top left no-repeat;
	overflow:hidden;
}

#bloc_actualite h1
{
	width:100%;
	height:16px;
	text-align:center;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	vertical-align:middle;
	padding:2px 0 0 0;
	margin:0 0 18px 0;
	position: relative;
	top:3px;
	left:0;
	line-height:13px;
}

#bloc_actualite h2
{
	width:100%;
	text-align:center;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	padding:0;
	margin:0 0 3px 0;
	position: relative;
	top:5px;
	left:0;
}

#bloc_actualite h3
{
	font-family:Arial, Helvetica, sans-serif;
	color:#5a595a;
	font-size:11px;
	font-weight:bold;
	display:block;
}

#bloc_actualite p{
	font-family:Arial, Helvetica, sans-serif;
	color:#5a595a;
	font-size:9px;
	width:100px;
	float:left;
	line-height:10px;
	width:105px;
}

.newsticker-jcarousellite{
	overflow:hidden;
}

#bloc_actualite img
{
	 display:block;
	 margin-right:7px;
	 border:0;
	 display:block;
	 float:left;
}

#bloc_actualite ul 
{
	background-image:none;
	list-style:none;
}

#bloc_actualite ul li
{
	width:155px;
	height:77px;
	display:block;
	float:left;
	padding: 6px 0 0 0;
	margin:0 5px 0 10px;
	background:url(../img/pointillet.gif) bottom left repeat-x;
}

.nopointer
{
	background: none;
}


#menu_lien_rapide ul{
	list-style-type: none;
	text-decoration:none;
}

#menu_lien_rapide ul li{
	width:100%;
	list-style-type: none;
	text-decoration:none;
	height:18px;
	float: left;
	display:block;
	margin:0;
	padding:0;
}

#menu_lien_rapide ul li a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #999999;
	text-decoration:none;
	padding:0 0 3px 15px;
	height:15px;
	display:block;
}

#menu_lien_rapide ul li a:hover{
	font-weight: bold;
	font-size:12px;
	color:#999999;
	background:url(../img/puce_plus.gif) 0 2px  no-repeat;

}

/* ----------------------------- */
/*       bloc devis              */
/* ----------------------------- */

#demande_de_devis{
	width:181px;
	background-color:#a4a3a3;
	margin-top:13px;
}

#demande_de_devis legend{
	display:none;
}

#demande_de_devis h2{
	width:175px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-transform:uppercase;
	color:#fff;
	vertical-align:middle;
	background:url(../img/bg_devis_h2.gif) top left no-repeat;
	padding:9px 0 8px 6px;
}

#demande_de_devis form{
	 display:block;
	 float:left;
	 width:181px;
	 background:url(../img/bg_devi.gif) top left no-repeat #767676;
}

#demande_de_devis label{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#fff;
	display:block;
	width:52px;
	padding:4px 0 0 4px;
	height:19px;
	float: left;
	vertical-align:middle;
}

#demande_de_devis input{
	width:120px;
	background:none;
	border:none;
	padding:4px 0 4px 0;
	display:block;
	float: right;
	height:15px;
	color: #666666;
	vertical-align:middle;
}

#demande_de_devis .send{
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	width:40px;
	background:none;
	border:none;
	display:block;
	float: right;
	text-decoration:none;
	height:22px;
	display:block;
	vertical-align:middle;
	
}

#demande_de_devis .reset{
	width:50px;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
}

/* ----------------------------- */
/*            footer             */
/* ----------------------------- */

#footer{
	position: relative;
	bottom:0;
	float:left;
	width:100%;
	padding:100px 0 40px 0;
	overflow:hidden;
	vertical-align:middle;
	background:url(../img/bg_skyline.png) 0px -18px no-repeat;
	z-index:999;
	overflow:hidden;
}

#footer ul{
	list-style-type: none;
	text-decoration:none;	
}

.border_right{
	border-right:1px solid #333333;
}

#footer h3{
	font-family:Arial, Helvetica, sans-serif;
	color: #CCCCCC;
	font-size:11px;
}

#footer ul li{
	font-family:Arial, Helvetica, sans-serif;
	color:#7e7e7e;
	font-size:11px;
}

#footer ul li a:hover{
	font-family:Arial, Helvetica, sans-serif;
	color: #fff;
	font-size:11px;
}

#footer #mention{
	text-align:center;
	height:15px;
	clear:both;
	width:100%;
	font-family:Arial, Helvetica, sans-serif;
	color: #666666;
	font-size:11px;
	padding:0px 0 0 45px;
	
}

#footer #mention p{
	margin:0;
	padding:0;
	display:block;
	float:left;
	padding:0 20px 0 170px;
	height:15px;
}

#footer #mention p a{
	color: #666666;
	text-transform:none;
	text-decoration:none;
}

#footer #mention ul {
	width:300px;
	float: left;
}

#footer #mention ul{
	border-right:none;
	margin:0;
	padding:0;
}

#footer #mention ul li{
	display: block;
	float: left;
	margin-right:5px;
	height:13px;
}

#footer ul li a{
	text-decoration:none;
	color:#666666;
}

#footer #mention ul .separation{
	border-right:1px solid #666666 ;
	padding: 0 5px 0 0;
}

#annonce{
	position: absolute;
	top:465px;
	left:400px;
	border:1px solid #FFFFFF;
	width:885px;
	background-color:#000000;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	vertical-align:middle;
	text-align:center;
}

#annonce p{
	text-transform: uppercase;
	font-weight:bold;
	margin:30px;
}

#footer {
	position: relative;
	bottom:0;
	float:left;
	width:100%;
	padding:35px 0 35px 0;
	overflow:hidden;
	vertical-align:middle;
	z-index:999;
	overflow:hidden;
}

#footer *{
	text-align:center;
}

#mention {
	float:left;
	display:block;
	width:100%;
	margin-top:40px;
}

#footer ul
{
	display:block;
	float:left;
	padding:0;
	margin:0 0 0 30px;
	height:130px;
}

#footer ul li
{
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	width:100%;
	display:inline;
}			

#footer ul li a
{
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	color:#575757;
	font-size:1em;
	line-height:16px;
	margin:0;
	padding:0;
	height:17px;
	display:inline;
	white-space: nowrap;	
}	

ul li a strong{
	color:#b22f2f;
}

#footer ul li a:hover
{
	color:#000;
}

#menu_cartouche h2 a{
	color:#fff;
}