/*FEUILLE DE STYLE DE DEPANNAGE INFO*/
/*Toute reproduction interdite*/

*{margin:0;padding:0;}

body{
	font-family:Verdana,Arial,"sans ms";
	font-size:11px;
	color:#474e53;
}

div#contenu{
	position:relative;
	height:768px;
	width:1024px;
	margin:5px auto;
	background:url(../images/FONDS/fondDepanneInfo.jpg) top center no-repeat;
}

/*LIEN HEADER*/
a.lienHome{
	display:block;
	height:100px;
	width:474px;
	height:110px;
	outline:none;
}

/*FORMULAIRE DE CONNEXION*/
form.connect{
	position:absolute;
	top:22px;
	right:32px;
	height:90px;
	width:196px;
}
/* Hack Safari */
html[xmlns*=""] body:last-child form.connect {top:18px;}

input.user, input.pwd{
	width:156px;
	height:14px;
	border:0;
	font-size:10px;
	color:#474e53;
}
input.user	{margin-bottom:16px;}
input.pwd		{margin-bottom:5px;}

a.oubli{
	float:left;
	display:block;
	height:16px;
	width:124px;
	margin-top:7px;
	margin-right:10px;
	font-size:10px;
	color:#fff;
}
/*FIN DU FORMULAIRE DE CONNEXION*/

/*FIN ARIANE*/
div.filAriane{
	clear:both;
	height:32px;
	width:150px;
}
a.accueil{
	display:block;
	padding-left:35px;
	padding-top:7px;
	background:url(../images/PICTOS/accueil.png) top left no-repeat;
	font-size:12px;
	color:#fff;
}
a.linker{
	display:block;
	padding-left:5px;
	padding-top:0px;
	font-size:10px;
	color:#fff;
}


/*CONTENU CENTRAL : composé du menu G et des contenus rattachés*/
div.corpsPage{
	float:left;
	width:780px;
	height:560px;
	padding-top:9px;
	position:relative;
}

/*MENU CONTEXTUEL GAUCHE*/
ul.menuG{
	float:left;
	width:152px;
	height:514px;
	padding-top:42px;
	background:url(../images/FONDS/blocMenuG.jpg) top left no-repeat;
	/*background:url(../images/FONDS/blocMenuNOEL.jpg) top left no-repeat;*/
}

/* PUCES ET LIENS*/
ul.menuG li{margin-bottom:28px;cursor:default;}
ul.menuG li, ul.menuG li a{
	float:left;
	width:141px;
	height:34px;
}
ul.menuG li  a{color:#474e53;}
ul.menuG li a, ul.menuG li a:hover{text-decoration:none;}

ul.menuG a.cours:hover, a.coursActif			{background-color:#68cdd9;color:#fff;font-weight:bold;}
ul.menuG a.securite:hover, a.securiteActif	{background-color:#5eac60;color:#fff;font-weight:bold;}
ul.menuG a.maj:hover, a.majActif				{background-color:#f8bf68;color:#fff;font-weight:bold;}
ul.menuG a.install:hover, a.installActif		{background-color:#67686a;color:#fff;font-weight:bold;}
ul.menuG a.depannage:hover, a.depannageActif	{background-color:#674949;color:#fff;font-weight:bold;}
ul.menuG a.internet:hover, a.internetActif	{background-color:#3e76d3;color:#fff;font-weight:bold;}
ul.menuG a.data:hover, a.dataActif			{background-color:#87458f;color:#fff;font-weight:bold;}
ul.menuG a.web:hover, a.webActif				{background-color:#a80000;color:#fff;font-weight:bold;}

a.cours.blanc,a.securite.blanc,a.maj.blanc,a.install.blanc,
a.depannage.blanc,a.internet.blanc,a.data.blanc,a.web.blanc {color:#fff;font-weight:bold;}

/*STYLES DES LIENS*/
span.menuG, span.menuG2L{
	display:block;
	font-size:11px;
	width:128px;
	text-transform: uppercase;
	letter-spacing:-1px;
	padding-top:9px;
}
span.menuG2L{padding-top:4px;}

/*FIN DU MENU GAUCHE*/

/*DIV BLOC CENTRAL*/
div#blocCentral{float:left;width:607px;height:559px;}

div#blocCentral div{
	float:left;
	width:542px;
	height:475px;
	padding:50px 40px 45px 25px;
	overflow:auto;
	line-height:1.8em;
	cursor:default;
}

/*Différentes rubriques*/
div.accueil		{background:url(../images/BLOCS/accueil.jpg) top left no-repeat;}
div.cours		{background:url(../images/BLOCS/cours.jpg) top left no-repeat;}
div.securite		{background:url(../images/BLOCS/securite.jpg) top left no-repeat;}
div.maj			{background:url(../images/BLOCS/maj.jpg) top left no-repeat;}
div.install		{background:url(../images/BLOCS/install.jpg) top left no-repeat;}
div.depannage	{background:url(../images/BLOCS/depannage.jpg) top left no-repeat;}
div.internet		{background:url(../images/BLOCS/internet.jpg) top left no-repeat;}
div.data			{background:url(../images/BLOCS/data.jpg) top left no-repeat;}
div.web			{background:url(../images/BLOCS/web.jpg) top left no-repeat;}
div.form_renseignements {background:url(../images/BLOCS/vide.jpg) top left no-repeat;}
div.linker_ds {background:url(../images/BLOCS/vide.jpg) top left no-repeat;}

div.contact		{background:url(../images/BLOCS/contact.jpg) top left no-repeat;}
div.tarifs		{background:url(../images/BLOCS/tarifs.jpg) top left no-repeat;}
div.partenaires	{background:url(../images/BLOCS/partenaires.jpg) top left no-repeat;}
div.vente		{background:url(../images/BLOCS/blanc.jpg) top left; overflow-y:auto; overflow-x: hidden; background-repeat:repeat-y;}
div.404			{background:url(../images/BLOCS/blanc.jpg) top left no-repeat;}
div.qui			{background:url(../images/BLOCS/qui.jpg) top left no-repeat;}


p.accroche{font-weight:bold;font-size:12px;}
p img{
	float:left;
	width:130px;
	height:160px;
	margin:0 20px 0 3px;
}

/*PAGE ACCUEIL*/
p, ul.listeAccueil{margin-bottom:6px;}

ul.listeAccueil li{list-style-type:circle;color:#4d82b0;}
ul.listeAccueil a{font-size:11px;color:#4d82b0;font-weight:bold;}

ul.listeAccueil	{margin-top:10px;}
ul.listeAccueil 	{padding-left:20px;}

/*LISTES INTERIEURS*/
ul.liste li{list-style-type:circle;margin-left:15px;}

/*LISTES EN LIGNE*/
ul.listeLigne{float:left;width:100%;}
ul.listeLigne li{float:left;text-align:center;list-style-type:none;margin:0 7px;}

a.lienHomeQui, a.light{color:#4d82b0;font-size:10px;}

div.blocNews{
	float:right;
	height:424px;
	width:165px;
	margin-right:60px;
	margin-top:18px;
}
marquee{
	display:block;
	height:424px;
	width:165px;
	text-align: center;
	}

/*Info*/
div.info{
	width:155px;
	margin:5px auto;
	padding-bottom:10px;
	background:url(../images/BLOCS/separateurNews.gif) 50% bottom no-repeat;
}

div.info.important{border:1px solid;}

/*Titre info*/
span.titreNews{
	display:block;
	font-size:11px;
	font-weight:bold;
	text-decoration: underline;
}

/*Visuel*/
div.info img{
	width:145px;height:auto;
	margin:5px auto;
	display:block;
	}

/*FOOTER*/
div.footer{
	float:left;
	width:650px;
	height:20px;
	padding:10px 0 0 10px;
	margin-left:152px;
}
div.footer a{
	display:block;
	float:left;
	background:url(../images/PICTOS/lienFooter.jpg) left 2px no-repeat;
	color:#474e53;
	padding-left:11px;
	text-transform: uppercase;
	margin-right:25px;
	font-size:11px;
}
div.footer a.last{margin:0;}

div.footer a:hover{
	color:#FFF;
	background:url(../images/PICTOS/lienFooterHover.jpg) left 2px no-repeat;
}
.gsmsc-mapDiv {
      height : 275px;
    }

    .gsmsc-idleMapDiv {
      height : 275px;
    }

    #mapsearch {
      width : 400px;
      margin: 10px;
      padding: 4px;
    }


.btn-tarifs{
	display:block;
	height:60px;
	width:270px;
	background:url(../images/PICTOS/btn_tarif.gif) 0 0 no-repeat;
}
/*STYLE ACCESSIBILITE*/
h1,h2,h3,h4,h5{display:none;}

/*Style global*/
em{font-size:12px;}
blockquote{padding-left:15px;}
address{display:inline;}
img{border:none;}
.hidden{display:none;}
a{text-decoration:none;}
.titre{font-size:15px;font-weight:bold;font-style:italic;}
a:hover{text-decoration:underline;}
a:active{border:none;}

a.noline{color:#000;text-decoration:none;}

li{list-style-type:none;}

.gras{font-weight:bold;}
.grasRed{font-weight:bold;color:red;}
.italic{font-style:italic;}