body
{
font-family:arial,sans-serif;
margin:0.2em;
overflow-x:hidden;  
}
h1 {
	font-family: "Arial", Verdana, sans-serif;
	font-weight:bold;
	text-decoration:none;
 	color:#000000;
	font-size: 13px;
	display:inline;
	}
a.none { 
text-decoration: none; 
} 
h2 {
	font-family: "Arial", Verdana, sans-serif;
	font-weight: normal;
 	color:#000000;
	font-size: 12px;
	display:inline;
}
h3 {
	margin: 0;
	padding: 0 0 5px 0;
	font-size: 18px;
	font-weight: normal;
	background-color: inherit;
}
h4 {
	font-family: "Arial", Verdana, sans-serif;
	font-weight: normal;
 	color:#000000;
	font-size: 12px;
	display:inline;
}
.req {
	font-family:arial,sans-serif;font-size:
15px;color:#FF00FF;font-style:normal;fontweight:
bold;text-align:center;text-decoration:none;display:inline;
			}						
form
{
margin-bottom:20px;
}
#gbar{float:left;height:22px}

#gbar,#guser{font-size:13px;padding-top:1px !important}
.gbh
{
border-top:1px solid #DBDBDB;font-size:1px
}
.gbh{
height:0; position:absolute; top:26px; width:100%
}
#guser
{
padding-bottom:7px;
text-align:right
}
}
.gb1
{
zoom:1;margin-right:.5em;
}
a.gb1
{
color:#00c !important
}
#dsc {display:none;}#dsc table td{font-size:80%;vertical-align:top;text-align:center}

.gst{float:right;width:496px}input{font-family:inherit}
.gst:focus{outline:none}
.ghf{background:#eee;border:solid 1px;border-color:#ccc #999 #999 #ccc;height:30px;display:block}

.gsb{background:url(images/logo.png) bottom;font:15px arial,sans-serif;border:none;cursor:pointer;height:30px;margin:0;outline:0;padding:0 6px;width:auto;overflow:visible;vertical-align:top;}

.gsb:active{background:#ccc}

.gst:focus{outline:none}

.bl{padding-top:5px}

.bl a{display:block;margin:2px 0;margin-left:13px;font-size:11px;}

.sitetable {
	width: 586px;
	height: 170px;
	background:url(images/fond-sites.jpg) no-repeat;
	padding-top:15px;
}
.sitetablespaceplus {
	width: 586px;
	height: 116px;
	background:url(images/promoespaceplus.jpg) no-repeat;
	vertical-align : top;
}
.infosite {
font-family:  Arial,"Comic Sans MS", "Times New Roman", Verdana, serif;
text-align: left;
font-size: 13px;
}	
.sitetd {
	margin-left: 5px;
}

.lien {
	text-align: justify;
}

.lien a, .lien a:hover {
	font-size: 12px;
	color: #8CC739;
	text-decoration: underline;
	font-weight: bold;
}

.lien span {
	color: #F7560F;
}
.note {
float: right;
padding:15px;
}

.middle{
font-family:  Arial,"Comic Sans MS", "Times New Roman", Verdana, serif;
text-align: left;
font-size: 13px;
}
.ombre {
    padding:10px 5px 20px 8px;
}
.formulaire {
    text-align: left;
	width: 692px;
	height: 443px;
	background:url(images/formulaire.jpg) no-repeat;
	padding: 20px;
}
.formulairesingle {
	width: 607px;
	height: 500px;
	background:url(images/formulaire2.jpg) no-repeat;
}
.reponse {
	width: 541px;
	height: 232px;
	background:url(images/reponse.jpg) no-repeat;
    font-size: 13px;
}
/* Onglets fiche site */
#container {
	font: bold 12px Verdana;
	width: 550px;
	padding: 20px;
	margin-left: 0px;
}

#container hr {
	clear: both;
	border: 1px solid #CCC;
	margin-top: 10px;
}
#container h1
{
	margin: 0.5em 0 0.5em 0;
	font-size: 13px;
}
#container h2 {
	margin: 0.5em 0 0.5em 0;
	font-size: 10px;
}
#barre_sms
{
	background-image:url(images/infos_googsexe.jpg); 
	background-repeat:no-repeat;
	width:560px;
	height:29px;
	
}
#barre_sms .inner
{
    position:relative;
	top:8px;
	left:27px;
	height:20px;
	width:459px;
}
#barre_sms .inner	marquee
{
	color:black;
	font-family:arial;
}
#barre_sms_recherche
{
	background-image:url(images/infos_googsexe.jpg); 
	background-repeat:no-repeat;
	width:560px;
	height:29px;
	
}
#barre_sms_recherche .inner
{
    position:relative;
	top:7px;
	left:79px;
	height:20px;
	width:459px;
}
#barre_sms_recherche .inner	marquee
{
	color:black;
	font-family:arial;
}
* {margin: 0;padding: 0;}
.box {
background: url(images/haut.jpg) center top no-repeat;
padding-top: 35px;
width: 341px;
float: left;
margin-left: 20px;
}
.content-box {
background: url(images/corp.jpg) center top repeat-y;
}
.bottom-box {
background: url(images/bas.jpg) center bottom no-repeat;
height: 30px;
}
.content-box P{
margin: 0 30px 0 30px;
}
.box_petit {
background: url(images/haut_petit.jpg) center top no-repeat;
padding-top: 35px;
width: 162px;
float: left;
margin-left: 115px;
}
.content-box_petit {
background: url(images/corp_petit.jpg) center top repeat-y;
}
.bottom-box_petit {
background: url(images/bas_petit.jpg) center bottom no-repeat;
height: 30px;
}
.content-box_petit P{
margin: 0 30px 0 30px;
}
.box_formulaire {
background: url(images/haut_formulaire.jpg) center top no-repeat;
padding-top: 35px;
width: 750px;
float: left;
margin-left: 20px;
}
.content-box_formulaire {
background: url(images/corp_formulaire.jpg) center top repeat-y;
}
.bottom-box_formulaire {
background: url(images/bas_formulaire.jpg) center bottom no-repeat;
height: 62px;
}
.content-box_formulaire P{
margin: 0 30px 0 30px;
}
.box_formulaire2 {
background: url(images/formulaire_haut2.jpg) center top no-repeat;
padding-top: 35px;
width: 608px;
float: left;
}
.content-box_formulaire2 {
background: url(images/formulaire_corp2.jpg) center top repeat-y;
}
.bottom-box_formulaire2 {
background: url(images/formulaire_bas2.jpg) center bottom no-repeat;
height: 62px;
}
.content-box_formulaire2 P{
margin: 0 30px 0 30px;
}
a.rollover { /* On applique les propriétés aux balises lien contenant la class ìrollover" */
     display:inline;
     height: 19px; 
     width: 20px;
     background: url(images/page.jpg); /* L'url de l'image change selon vos dossiers */
     background-repeat: no-repeat;
	 text-decoration:none;
	 font-weight: bold;
	 color:#FFFFFF;
}

a.rollover:hover { /* Lors du survol des liens contenant la class ìrollover" */
     height: 19px; 
     width: 20px;
     background: url(images/page1.jpg) no-repeat;
	 
}
b.ro { /* Lors du survol des liens contenant la class ìrollover" */
     height: 19px; 
     width: 20px;
     background: url(images/page1.jpg);
	 background-repeat: no-repeat;
	 text-decoration:none;
	 font-weight: bold;
	 color:#FFFFFF;
}
fieldset {
	margin-top: 9px;
}
legend {
	font-weight: bold;
	font-size: 13px;
	color: #06F;
}
/* pied de page */
#piedDePage table {
	width:100%;
	border-collapse:collapse;
	margin-top:32px;
}
#piedDePage td {
	padding:0;
	padding-top:3px;
	font-size:.7em;
	color:#999999;
	border-top:dotted 1px #CCCCCC;
	vertical-align:top;
}
#piedDePage .diffusion {
	background-color:#EEEEEE;
	padding-left:.5em;
	padding-right:.5em;
}
#piedDePage .separateur {
	width:15px;
}
#piedDePage a:link, #piedDePage a:visited, #piedDePage a:active {
	color:#999999;
	text-decoration:none;
}
#piedDePage a:hover {
	text-decoration:underline;
	color: #CC00CC;
}
#piedDePage .nota {
	font-size:90%;
}
.img-shadow {
  float:left;
  background: url(images/shadowAlpha.png) no-repeat bottom right !important;
  background: url(images/shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
  }
 
.img-shadow img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 4px;
  }
img{ border:none;}
		#bulle { position: absolute; visibility: hidden;  font-size:12px;}
		.info{ border:1px solid #666666; padding: 7px; color:#666666; background-color:#FFFFFF; font-family:"trebuchet MS";}
.use-case-table td h2 {
	width: 226px;
}
.use-case-support {
	width: 250px;
	padding: 28px 50px 10px 16px;
	background: url(images/bg_use-case_site.gif) no-repeat 0px 0px;
}
.use-case-support a{
text-decoration:none;
color:#168ef4;
} 
.use-case-support a:hover {
text-decoration: underline;
color:#FF99FF;
}
.inscris a{
text-decoration:none;
color:#168ef4;
} 
.inscris a:hover {
text-decoration: underline;
color:#FF99FF;
}
#footer a{
text-decoration:none;
color:#999999;
} 
#footer a:hover {
text-decoration: underline;
color:#666666;
}
#gbar a{
text-decoration:none;
color:#999999;
} 
#gbar a:hover {
text-decoration: underline;
color:#666666;
}
.use-case-bottom {
	height: 165px;
	background: url(images/bg_use-case_bottom.gif) no-repeat left bottom;
}
.gs{display:-moz-inline-box}

.gs{border-bottom:solid 1px #e7e7e7;border-right:solid 1px #e7e7e7;display:inline-block;margin:3px 0 4px;margin-left:4px;margin-right:3px:height:32px}
.bl a{
text-decoration:none;
} 
.bl a:hover {
text-decoration: underline;
}