/* CSS Document */

/*****************/
/* Style General */
/*****************/

* {
	margin:0px;
	padding:0px;
}
html {
	font-size:100%;
}
body {
	margin:0px;
	padding:0px;
	background-color:#000000;
	background-image:url(FileMMedia/Image/bg_body.jpg);
	background-repeat:repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#012235;
}
form {
	margin:0px;
	padding:0px;
}
img {
	border:0px;
}
a {
	text-decoration:none;
	color:#009EE0;
}
a:hover {
	text-decoration:underline;
}
textarea, select {
	margin:0px;
	padding:3px 0px 2px 3px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-style:italic;
	color:#4D4D4D;
}
input {
	height:16px;
	margin:0px;
	padding:1px 0px 1px 3px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-style:italic;
	color:#4D4D4D;
}
fieldset {
	color:#000000;
	border:2px solid #000000;
}
legend {
	padding:0px 7px 0px 7px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
}
input[type=button] {
	height:22px;
	padding:1px 8px 3px 8px;
	background-color:#CCCCCC;
	border:1px solid #777777;
}

input[type=submit], input#submit {
	color:#FFFFFF;
	background-color:#009EE0;
	border:1px solid #009EE0;
	width:77px;
	height:27px;
	padding-top:0px;
	font-weight:bold;
	font-style:normal;
	cursor:pointer;
}

input[type=text]{
	width:370px;
	height:22px;
	background-image:url(FileMMedia/Image/bg_input.gif);
	background-repeat:repeat-x;
	border:1px solid #999999;
	font-style:italic;
	color:#4D4D4D;
	padding:4px 0px 0px 5px;
}

input[type=password]{
	width:370px;
	height:22px;
	background-image:url(FileMMedia/Image/bg_input.gif);
	background-repeat:repeat-x;
	border:1px solid #999999;
	font-style:italic;
	color:#4D4D4D;
	padding:4px 0px 0px 5px;
}

textarea{
	width:370px;
	border:1px solid #999999;
	font-style:italic;
	color:#4D4D4D;
}

hr{
	border:1px solid #c5c7c8;
}

#ajax-loading{
	display:none;
	text-align:center;
}
.legende{
	display:none;
	margin:0px;
	padding:5px;
	background-color:#ccebf7;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	font-size:10px;
	line-height:14px;
}

/********/
/* Site */
/********/

#Site {
	margin:0px;
	padding:0px;
	width:100%;
	background-color:#FFFFFF;
}

/************/
/* Banniere */
/************/

#Banniere {
	margin:0px;
	padding:0px;
	height:84px;
	width:100%;
	background-image:url(FileMMedia/Image/bg_banniere.jpg);
	background-repeat:repeat-x;
}

#Banniere-conteneur {
	margin:0px auto 0px auto;
	height:100%;
	width:950px;
}

/************/
/* Bandeau */
/************/

#Bandeau {
	margin:0px;
	padding:0px;
	height:341px;
	width:100%;
	background-repeat:repeat-x;
	background-position:center top;
}

#Bandeau-conteneur {
	margin:0px auto 0px auto;
	width:950px;	
}

.Template1 {
	background-image:url(FileMMedia/Image/bg_bandeau-template1.jpg);
}

#Bandeau-conteneur a.lienOpendiv{
	display:block;
	position:absolute;
	margin:55px 0px 0px 80px;
	padding:5px 0px 5px 15px;
	font-size:14px;
	width:200px;
	background-repeat:no-repeat;
	background-position:center left;	
}
#Bandeau-conteneur a.lienOpendiv:hover{
	text-decoration:underline;
}

#Bandeau2 a.lienOpendiv{
	display:block;
	position:absolute;
	margin:3px 0px 0px 540px;
	padding:5px 0px 5px 15px;
	font-size:14px;	
	width:200px;
	background-repeat:no-repeat;
	background-position:center left;	
}
#Bandeau2 a.lienOpendiv:hover{
	text-decoration:underline;
}

/************/
/* Opendiv */
/************/

#Opendiv {
	display:none;
	margin:0px;
	padding:0px;
	height:200px;
	width:100%;
	background-color:#384147;
	background-image:url(FileMMedia/Image/bg_opendiv.jpg);
	background-repeat:repeat-x;	
}

#Opendiv-conteneur {
	margin:0px auto 0px auto;
	width:950px;	
}

#Opendiv-conteneur h3{
	margin:18px 0px 0px 0px;	
	padding:0px;
	font-size:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#84D0F0;
}

#Opendiv-conteneur a{
	color:#84D0F0;
}

#Opendiv-conteneur p{
	margin:18px 0px 0px 0px;	
	padding:0px;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#ffffff;
}

#Opendiv-conteneur p.small{
	margin:15px 0px 0px 0px;		
	font-size:11px;
	font-style:italic;
	color:#D9DADB;
}

#Opendiv-conteneur span.valeur{
	display:block;
	margin:0px 0px 6px 0px;	
	padding:0px;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#FFFFFF;
}

#Opendiv-conteneur span.vert{
	color:#CCCC01;
	font-size:17px;
}
#Opendiv-conteneur a.lienClosediv{
	display:block;
	margin:33px 0px 0px 300px;
	padding:5px 0px 5px 10px;
	width:58px;
	background-color:#012235;
	color:#C6C7C8;
	-webkit-border-top-left-radius:5px;
	-moz-border-radius-topleft:5px;
	-webkit-border-top-right-radius:5px;
	-moz-border-radius-topright:5px;
}
#Opendiv-conteneur a.lienClosediv:hover{
	text-decoration:none;
}

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

#Menu {
	margin:0px;
	padding:54px 0px 0px 130px;
	height:30px;
}
#Menu ul {
	margin:0px;
	padding:0px;
	height:30px;
    position: relative;	
    overflow: hidden;	
}
#Menu ul li {
	float:left;
	margin:0px;
	padding:0px 0px 0px 13px;
	list-style:none;
}
#Menu ul li.back {
	width: 9px;
	height: 30px;
	z-index: 8;
	position: absolute; 	
	background-repeat:repeat-x;
	background-position:right -30px;
}
#Menu ul li.back .left {
	height: 30px;
	margin-right: 9px;
	background-image:url(FileMMedia/Image/bg_menuhautover.jpg); 
	background-repeat:repeat-x;
	background-position:top left;
}
#Menu ul li a {
	display:block;
	margin:0px;
	padding:7px 8px 7px 8px;
	font-weight:bold;
	font-size:13px;
	color:#012235;
	position: relative;
	overflow: hidden;
	outline: none;
	z-index: 10;
	float: left;
	text-decoration:none;
}
#Menu ul li a.Plan-du-site{ padding:6px 0px 0px 0px; }
#Menu ul.Accueil li a.Accueil,
#Menu ul.Lagence li a.Lagence,
#Menu ul.Nos-prestations li a.Nos-prestations,
#Menu ul.Creation-de-site-web li a.Nos-prestations,
#Menu ul.Webmarketing li a.Nos-prestations,
#Menu ul.Services-associes li a.Nos-prestations,
#Menu ul.Nos-references li a.Nos-references,
#Menu ul.Contact-et-acces li a.Contact-et-acces,
#Menu ul.Plan-du-site li a.Accueil,
#Menu ul.Le-blog li a.Le-blog {
	color:#009EE0;
}

/************/
/* Rubrique */
/************/

#Rubrique {
	margin:0px;
	padding:0px;
	width:100%;
	background-image:url(FileMMedia/Image/bg_rubrique.jpg);
	background-repeat:repeat-x;
	background-position:top;
}

#Rubrique-conteneur {
	margin:0px auto 0px auto;
	padding:30px 0px 20px 0px;
	width:950px;	
}

#Rubrique h2.noborder{
	margin:0px;
	padding:0px 0px 10px 0px;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	font-size:25px;
	letter-spacing:0.8px;
	color:#012235;	
}

#Rubrique h2.medium{
	margin:0px 0px 5px 0px;
	padding:0px 0px 5px 0px;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	font-size:25px;
	letter-spacing:0.8px;
	color:#012235;
	border-bottom:1px solid #87888A;	
}

#Rubrique h3.medium{
	margin:0px;
	padding:0px 0px 5px 0px;
	font-weight:normal;
	font-family:Verdana, Geneva, sans-serif;
	font-size:20px;
	letter-spacing:0.8px;
	color:#012235;
	border-bottom:2px solid #c5c7c8;
}

#Rubrique h3.small{
	margin:0px;
	padding:0px 0px 5px 10px;
	font-weight:normal;
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	color:#012235;
	border-bottom:2px solid #c5c7c8;
}

#Rubrique h3.titrepresta{
	margin:0px;
	padding:3px 0px 3px 10px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#012235;
	background-image:url(FileMMedia/Image/img_titrepresta.jpg);
	background-repeat:repeat-x;
}

#Rubrique h3.titrepresta2{
	margin:0px;
	padding:10px 0px 3px 10px;
	font-weight:normal;
	text-transform:uppercase;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#009EE0;
	background-image:url(FileMMedia/Image/img_titrepresta2.jpg);
	background-repeat:repeat-x;
}

#Rubrique #Contenudetail p{
	margin:0px;
	padding:0px 0px 0px 10px;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
}

#Rubrique p.gros{
	font-weight:bold;
}

#Rubrique p{
	margin:0px;
	padding:0px 0px 0px 0px;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
}

#Rubrique div.retrouver-nous{
	margin:0px;
	padding:5px 0px 0px 0px;
	font-weight:bold;
	font-family:Verdana, Geneva, sans-serif;
	font-size:13px;
	color:#012235;
	border-top:2px solid #c5c7c8;
}

#Rubrique div.retrouver-nous a{
	display:block;
	margin:0px;
	padding:0px;
	height:26px;
	width:26px;
}

#Rubrique div.retrouver-nous a.Lienblog{ background-image:url(FileMMedia/Image/img_blog.jpg); }
#Rubrique div.retrouver-nous a.Lienfacebook{ background-image:url(FileMMedia/Image/img_facebook.jpg); }
#Rubrique div.retrouver-nous a.Lientwitter{ background-image:url(FileMMedia/Image/img_twitter.jpg); }

#Rubrique div.retrouver-nous a.Lienblog:hover{ background-image:url(FileMMedia/Image/img_blog-over.jpg); }
#Rubrique div.retrouver-nous a.Lienfacebook:hover{ background-image:url(FileMMedia/Image/img_facebook-over.jpg); }
#Rubrique div.retrouver-nous a.Lientwitter:hover{ background-image:url(FileMMedia/Image/img_twitter-over.jpg); }

#Rubrique table.Tabbase {  }
#Rubrique table.Tabbase td.Tdbase1 { padding-right:4px; }
#Rubrique table.Tabbase td.Tdbase2 { padding-left:25px; padding-top:34px; padding-bottom:50px; }

#Rubrique table.Tabcontact { color:#365C6C;  }

#Rubrique table.Tabpresta ul { list-style:none; }
#Rubrique table.Tabpresta ul li { padding:2px 0px 2px 0px; font-size:13px; }

#Rubrique table.Tabnosreferences a {
	display:block;
	margin:0px;
	padding:7px 27px 7px 27px;
	font-weight:bold;
	font-size:13px;
	color:#365C6C;
	text-decoration:none;
	background-image:url(FileMMedia/Image/img_titrepresta.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
	border-bottom:1px solid #C6C7C8;
	border-right:1px solid #C6C7C8;
}

#Rubrique table.Tabnosreferences a:hover {
	background-image:url(FileMMedia/Image/img_titrepresta2.jpg);
	background-position:top;
	color:#009EE0;
	border-top:1px solid #C6C7C8;
	border-bottom:none;
}

#Rubrique table.Hotellerie a.Hotellerie,
#Rubrique table.Restauration a.Restauration,
#Rubrique table.Blog a.Blog,
#Rubrique table.Mobi a.Mobi,
#Rubrique table.Divers a.Divers
{
	background-image:url(FileMMedia/Image/img_titrepresta2.jpg);
	background-position:top;
	color:#009EE0;
	border-top:1px solid #C6C7C8;
	border-bottom:none;
}

#Rubrique div.divnosreferences{
	margin:0px;
	padding:0px;
	width:521px;
	background-image:url(FileMMedia/Image/bg_nosreferences.jpg);
	background-repeat:no-repeat;
}

#Rubrique div.divnosreferences table td{
	text-align:left;
	font-size:11px;	
}	

#Rubrique div.divnosreferences table td a img{
	color:#365C6C;	
	opacity:0.4;
	filter:alpha(opacity=40);
}

#Rubrique div.divnosreferences table td a:hover img{
	text-decoration:none;
	opacity:1;
	filter:alpha(opacity=100);	
}

#Rubrique div.divnosreferences table td a:hover {
	text-decoration:none;	
}

#Rubrique div.divnosreferences table img{
	border:3px solid #091e2c; 	
}

#Rubrique div.divnosreferences table img.titefleche{
	margin-top:5px;
	border:none;
}

#Rubrique fieldset {
	margin:0px;
	padding:15px;
	border:1px #CCC solid;
}

#Rubrique .tabplandusite ul{
	list-style:none;
}

#Rubrique .tabplandusite li{
	padding:5px 0px 5px 15px;
	list-style:none;
	background-image:url(FileMMedia/Image/img_ticarre.jpg);
	background-repeat:no-repeat;
	background-position:left center;
}

#Rubrique img.imgombre{
	margin-left:10px;
	border:3px solid #d9dadb;
}

#Rubrique .conteneurxmlblog{
	padding:10px 0px 10px 0px;
}


#Rubrique .conteneurxmlblog p{
	display:inline;
}

#Rubrique #FormulaireDevis{
	font-size:14px;
}
#Rubrique .Certification{
	color:#009EE0;
	font-weight:bold;
}

/***************************/
/* Rubrique RequeteResult  */
/***************************/

#Rubrique .RequeteResultvalide{ margin:0px 20px 20px 20px; color:#3E3D40; font-weight:normal; font-size:11px; border:1px solid #60AF41; padding:10px; display:none; background-color:#c5d882; }
#Rubrique .RequeteResultvalide .TitreRequeteResultvalide{ margin:0px 0px 7px 0px; font-weight:bold; font-size:13px; }
#Rubrique .RequeteResultvalide .TitreRequeteResultvalide2{ margin:0px; font-weight:bold; font-size:13px; }

#Rubrique .RequeteResultvalide2{ margin:0px 20px 20px 20px; color:#3E3D40; font-weight:normal; font-size:11px; border:1px solid #60AF41; padding:10px; display:block; background-color:#c5d882; }
#Rubrique .RequeteResultvalide2 .TitreRequeteResultvalide{ margin:0px 0px 7px 0px; font-weight:bold; font-size:13px; }
#Rubrique .RequeteResultvalide2 .TitreRequeteResultvalide2{ margin:0px; font-weight:bold; font-size:13px; }

#Rubrique .RequeteResulterreur{ margin:0px 20px 20px 20px; color:#3E3D40; font-weight:normal; font-size:11px; border:1px solid #c65547; padding:10px; display:none; background-color:#E9C1B3; }
#Rubrique .RequeteResulterreur .TitreRequeteResulterreur{ margin:0px 0px 7px 0px; font-weight:bold; font-size:13px; }
#Rubrique .RequeteResulterreur .TitreRequeteResulterreur2{ margin:0px; font-weight:bold; font-size:13px; }

#Rubrique .RequeteResulterreur2{ margin:0px 20px 20px 20px; color:#3E3D40; font-weight:normal; font-size:11px; border:1px solid #c65547; padding:10px; display:block; background-color:#E9C1B3; }
#Rubrique .RequeteResulterreur2 .TitreRequeteResulterreur{ margin:0px 0px 7px 0px; font-weight:bold; font-size:13px; }
#Rubrique .RequeteResulterreur2 .TitreRequeteResulterreur2{ margin:0px; font-weight:bold; font-size:13px; }

#Rubrique .Result{ margin:0px; font-size:10px; color:#E2001A; }

/*******************************/
/* Fin Rubrique RequeteResult  */
/*******************************/

/************/
/* Newsflash */
/************/

#Rubrique .newsflash {
	position: relative;
	overflow: hidden;
	height:261px;
	width:483px;
	border:5px solid #dee1e1;
}
#Rubrique .newsflash .view_all {
	display:none;
}
#Rubrique .newsflash img {
	border: none;
}
#Rubrique .newsflash li {
	font-family: "Arial", "Verdana", sans-serif;
	margin: 0;
	padding: 0;
}
#Rubrique .newsflash .back {
	position: absolute;
	top: 239px;
	left: 438px;
	z-index: 2;
}
#Rubrique .newsflash .back a {
	height:19px;
	width:20px;
	background-image:url(FileMMedia/Image/img_prev.gif);
	background-repeat:no-repeat;
}
#Rubrique .newsflash .back a:hover { background-image:url(FileMMedia/Image/img_prev-over.gif); }
#Rubrique .newsflash .back a, #Rubrique .newsflash .next a {
	display: block;
	outline: block;  /*This is optional, and is arguably less accessible. */
}
#Rubrique .newsflash .next {
	position: absolute;
	top: 239px;
	right: 3px;
	z-index: 2;
}
#Rubrique .newsflash .next a {
	height:19px;
	width:20px;
	background-image:url(FileMMedia/Image/img_next.gif);
	background-repeat:no-repeat;
}
#Rubrique .newsflash .next a:hover { background-image:url(FileMMedia/Image/img_next-over.gif); }
#Rubrique .newsflash ul {
	position: relative;
	left: 0;
	width: auto;
	margin: 0;
	padding: 0;
	list-style-type: none;
	overflow: hidden;
	z-index: 1;
}
#Rubrique .newsflash li {
	float: left;
	display: inline;
	width: 483px;
}

/*****************/
/* mininewsflash */
/*****************/

#Rubrique .mininewsflash {
	position: relative;
	overflow: hidden;
	height:210px;
	width:388px;
	border:5px solid #dee1e1;
}
#Rubrique .mininewsflash .view_all {
	display:none;
}
#Rubrique .mininewsflash img {
	border: none;
}
#Rubrique .mininewsflash li {
	font-family: "Arial", "Verdana", sans-serif;
	margin: 0;
	padding: 0;
}
#Rubrique .mininewsflash .back {
	position: absolute;
	top: 188px;
	left: 343px;
	z-index: 2;
}
#Rubrique .mininewsflash .back a {
	height:19px;
	width:20px;
	background-image:url(FileMMedia/Image/img_prev.gif);
	background-repeat:no-repeat;
}
#Rubrique .mininewsflash .back a:hover { background-image:url(FileMMedia/Image/img_prev-over.gif); }
#Rubrique .mininewsflash .back a, #Rubrique .mininewsflash .next a {
	display: block;
	outline: block;  /*This is optional, and is arguably less accessible. */
}
#Rubrique .mininewsflash .next {
	position: absolute;
	top: 188px;
	right: 4px;
	z-index: 2;
}
#Rubrique .mininewsflash .next a {
	height:19px;
	width:20px;
	background-image:url(FileMMedia/Image/img_next.gif);
	background-repeat:no-repeat;
}
#Rubrique .mininewsflash .next a:hover { background-image:url(FileMMedia/Image/img_next-over.gif); }
#Rubrique .mininewsflash ul {
	position: relative;
	left: 0;
	width: auto;
	margin: 0;
	padding: 0;
	list-style-type: none;
	overflow: hidden;
	z-index: 1;
}
#Rubrique .mininewsflash li {
	float: left;
	display: inline;
	width: 389px;
}

/************/
/* Contact */
/************/

#RequeteResultFormulaireDevisenligne{
	display:none;	
}

.BorderErreur{
	border : 1px solid red;	
}

/************/
/* BasDePage */
/************/

#BasDePage {
	margin:0px;
	padding:0px;
	height:360px;
	width:100%;
	background-image:url(FileMMedia/Image/bg_basdepage.jpg);
	background-repeat:repeat-x;
	background-position:top;
	color:#afadad;	
}
#BasDePage-conteneur {
	margin:0px auto 0px auto;
	padding-top:15px;
	width:950px;	
}
#BasDePage img {
	margin:0px;
	padding:0px;
}
#BasDePage ul {
	margin:0px;
	padding:0px;
	width:200px;
}
#BasDePage ul.nondeuxcent {
	margin:0px;
	padding:18px 0px 0px 0px;
	width:100%;
}
#BasDePage ul.nondeuxcent a{
		padding:0px;
		text-decoration:none;
}
#BasDePage ul li {
	margin:0px;
	padding:8px 0px 8px 0px;
	list-style:none;
	border-bottom:2px solid #898585;
}
#BasDePage ul li#Plan-du-site { border-bottom:none; }
#BasDePage ul li#Nos-prestations { border-bottom:none; }
#BasDePage ul li#Creation-de-site-web { border-bottom:none; padding:3px 0px 3px 0px; }
#BasDePage ul li#Webmarketing { border-bottom:none; padding:3px 0px 3px 0px; }
#BasDePage ul li#Services-associes{ border-bottom:none; padding:3px 0px 3px 0px; }
#BasDePage ul li h2 {
	margin:0px;
	padding:0px;
	font-weight:normal;
	font-family:Verdana, Geneva, sans-serif;
	font-size:25px;
	letter-spacing:1.3px;
	color:#afadad;
}
#BasDePage ul li a {
	display:block;
	margin:0px;
	padding:5px 0px 5px 5px;
	font-weight:normal;
	font-size:14px;
	color:#afadad;
	text-decoration:none;
}

#BasDePage ul li#Creation-de-site-web a { font-size:12px; padding:0px 0px 0px 40px; }
#BasDePage ul li#Webmarketing a { font-size:12px; padding:0px 0px 0px 40px; }
#BasDePage ul li#Services-associes a { font-size:12px; padding:0px 0px 0px 40px; }

/************/
/* PiedPage */
/************/

#PiedPage {
	margin:7px 0px 0px 25px;
	padding:0px;
	font-size:9px;	
}
#PiedPage a {
	font-size:9px;
	color:#afadad;
	text-decoration:none;
}