html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td
{
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
}
html
{
	font-family: Arial, Verdana;
}

a:focus { outline: none; }

body {
  font-size: 12px;
  background-color:#400300;
  background-image:url(../images/fond.jpg);
  background-repeat:no-repeat;
  color: #555555;
  width: 100%;
  height: 100%;
}

#conteneur {
  width: 780px;
  margin: 0 auto 0 auto;
  min-height: 100%;
  position: relative;
}

#header {
  width:780px;
  height:303px;
  margin: 0;
  padding: 0;
  background-color:#4c0505;
}
#top
{
	background-image:url(../images/top.jpg); 
	background-repeat:no-repeat; 
	width:780px; 
	height:93px; 
	margin:0; 
	padding:0;
}
#top2
{
	width:780px; 
	height:211px; 
	margin:0; 
	padding:0;
}
#topimage
{
	width:780px; 
	height:176px;
}
#topfondmenu
{
	width:780px; 
	height:35px;
}
#topmenu
{
	background-image:url(../images/rh-back-menu.gif); 
	background-repeat:no-repeat; 
	margin:0; 
	padding:0; 
	width:780px; 
	height:35px;
}
#menu
{
	height:23px; 
	position:absolute; 
	left:20px; 
	top:105px; 
	z-index: 99;
}
#date
{
	position:absolute; 
	top:14px; 
	left:480px; 
	color:#fff; 
	width:220px; 
	text-align:right;
}
#heure
{
	position:absolute; 
	top:14px; 
	left:704px; 
	color:#fff; 
	width:60px; 
	text-align:right;
}
#centre {
  background-color:#ffffff;
  color:#CCCCCC;
  margin: 0;
  padding: 0;
  width:780px;
  position:relative;
}
#fondcentre {
  color:#CCCCCC;
  margin: 0;
  padding: 0;
  width:780px;
}
.contenuaccueil
{
    width:450px;
	padding-left:20px;
	z-index:1;
}
#bas {
  background-image:url(../images/fond-bas.gif);
  background-repeat:repeat-x;
  width: 100%;
  height:157px;
  color:#ffffff;
  margin-top:10px;
}
#basframe
{
	width:780px; 
	margin: 0 auto 0 auto; 
	min-height:157px; 
	position: relative; 
	background-image:url(../images/fond2-bas.gif); 
	background-repeat:no-repeat;
}
#bascontenu1
{
	padding-left:20px; 
	padding-top:15px; 
	width:220px; 
	float:right;
}
#bascontenu2
{
	padding-left:20px; 
	padding-top:15px; 
	width:250px; 
	float:right;
}
#bascontenu3
{
	padding-left:20px; 
	padding-top:15px; 
	width:230px;	
}
#bascontenu4
{
	padding-left:20px; 
	padding-top:25px; 
	width:220px; 
	color:#bebebe; 
	float:right;
}
#bascontenu5
{
	padding-left:20px; 
	padding-top:25px; 
	width:440px; 
	color:#bebebe;
}
#slogan
{
	position:absolute; 
	top:51px; 
	left:363px; 
	color:#fff; 
	width:400px; 
	text-align:right;
}
#droite
{
	width:257px; 
	text-align:left;
	position:absolute;
	left:520px;
	top:0px;

}
#droiteservice
{
	float:right; 
	width:300px; 
	text-align:left;
}
h1
{
	color:#7a0303;
	font-size:16px;
	letter-spacing:1px;
}
h2
{
	font-size:13px;
	letter-spacing:1px;
	color:#013c5a;
}
h3
{
	font-size: 13px;
	letter-spacing:1px;
	color:#ffffff;
}
.ligne1
{
	position:absolute; 
	left:15px; 
	top:11px;
}
.ligne2
{
	position:absolute; 
	left:15px; 
	top:35px;
}
.ligne3
{
	position:absolute; 
	left:15px; 
	top:70px;
	color:#0CF;
}
.ligne4
{
	position:absolute; 
	left:15px; 
	top:87px;
	color:#0CF;
}
#webmail
{
	position:absolute; 
	left:15px; 
	top:21px;
}
#googleinput
{
	position:absolute; 
	left:15px; 
	top:76px;
}
#googlebouton
{
	position:absolute; 
	left:220px; 
	top:76px;
}
.titrepanel
{
	position:absolute; 
	left:15px; 
	top:11px; 
	color:#900;
}
.paneltexte
{
	position:absolute; 
	left:15px; 
	top:45px;
}
.panelstrategie
{
	position:absolute; 
	left:15px; 
	top:130px;
}
.panelhebergement
{
	position:absolute; 
	left:15px; 
	top:120px;
}
.panelsuivre
{
	position:absolute; 
	left:12px; 
	top:69px;

}
.rouge
{
	color:#900;
	font-size:16px;
	letter-spacing:1px;
}
p
{
	font-size: 13px;
	line-height: 160%;
	color: #555555;
	text-align:justify;
}
.menubas
{
	color:#bebebe;
	font-size:10px; 
	text-decoration:none;
}
a:hover
{
	text-decoration:underline;
}
.google
{
  background-image: url(../images/google.jpg);
  background-repeat:no-repeat;
  width:254px;
  height:117px;
  display:block;
}
.teamviewer
{
  width:254px;
  height:259px;
}
.liensupport
{
  color:#FFF;
  display:block; 
  text-decoration:none;
  font-size:12px;
}
.liensupport:hover
{
	cursor:pointer;
}
.support
{
  background-image: url(../images/panel-support.jpg);
  background-repeat:no-repeat;
  display:block;
  position:relative;
  width:254px;
  height:114px;
  text-decoration:none;
}
.supportover
{
  background-image: url(../images/panel-support-over.jpg);
  background-repeat:no-repeat;
  display:block;
  position:relative;
  cursor:pointer;
  text-decoration:none;
}
.supportpc
{
  background-image: url(../images/panel-pc.jpg);
  background-repeat:no-repeat;
  display:block;
  position:relative;
  width:254px;
  height:114px;
  text-decoration:none;
}
.supportpcover
{
  background-image: url(../images/panel-pc-over.jpg);
  background-repeat:no-repeat;
  display:block;
  position:relative;
  cursor:pointer;
  text-decoration:none;
}
.supportmac
{
  background-image: url(../images/panel-mac.jpg);
  background-repeat:no-repeat;
  display:block;
  position:relative;
  width:254px;
  height:114px;
  text-decoration:none;
}
.supportmacover
{
  background-image: url(../images/panel-mac-over.jpg);
  background-repeat:no-repeat;
  display:block;
  position:relative;
  cursor:pointer;
  text-decoration:none;
}

.webmail
{
  background-image: url(../images/panel-webmail.jpg);
  background-repeat:no-repeat;
  display:block;
  position:relative;
  width:254px;
  height:114px;
  text-decoration:none;
}
.webmailover
{
  background-image: url(../images/panel-webmail-over.jpg);
  background-repeat:no-repeat;
  display:block;
  position:relative;
  cursor:pointer;
  text-decoration:none;
}
.google
{
  background-image: url(../images/panel-google.jpg);
  background-repeat:no-repeat;
  display:block;
  position:relative;
  width:254px;
  height:114px;
  text-decoration:none;
}
.googleover
{
  background-image: url(../images/panel-google-over.jpg);
  background-repeat:no-repeat;
  display:block;
  position:relative;
  cursor:pointer;
  text-decoration:none;
}
.referencement
{
  background-image: url(../images/panel-referencement.jpg);
  background-repeat:no-repeat;
  display:block;
  position:relative;
  width:254px;
  height:161px;
}
.referencement:hover
{
  cursor:pointer;
}
.web
{
  background-image: url(../images/panel-site-internet.jpg);
  background-repeat:no-repeat;
  display:block;
  position:relative;
  width:254px;
  height:114px;
  text-decoration:none;
}
.webover
{
  background-image: url(../images/panel-site-internet-over.jpg);
  background-repeat:no-repeat;
  display:block;
  position:relative;
  cursor:pointer;
  text-decoration:none;
}
.logiciel
{
  background-image: url(../images/panel-logiciel.jpg);
  background-repeat:no-repeat;
  display:block;
  position:relative;
  width:254px;
  height:114px;
  text-decoration:none;
}
.logicielover
{
  background-image: url(../images/panel-logiciel-over.jpg);
  background-repeat:no-repeat;
  display:block;
  position:relative;
  cursor:pointer;
  text-decoration:none;
}
.sauvegarde
{
  background-image: url(../images/panel-backup.jpg);
  background-repeat:no-repeat;
  display:block;
  position:relative;
  width:254px;
  height:114px;
  text-decoration:none;
}
.sauvegardeover
{
  background-image: url(../images/panel-backup-over.jpg);
  background-repeat:no-repeat;
  display:block;
  position:relative;
  cursor:pointer;
  text-decoration:none;
}
.materiel
{
  background-image: url(../images/panel-materiel.jpg);
  background-repeat:no-repeat;
  display:block;
  position:relative;
  width:254px;
  height:114px;
  text-decoration:none;
}
.materielover
{
  background-image: url(../images/panel-materiel-over.jpg);
  background-repeat:no-repeat;
  display:block;
  position:relative;
  cursor:pointer;
  text-decoration:none;
}
.antivirus
{
  background-image: url(../images/panel-avast.jpg);
  background-repeat:no-repeat;
  display:block;
  position:relative;
  width:254px;
  height:114px;
  text-decoration:none;
}
.antivirusover
{
  background-image: url(../images/panel-avast-over.jpg);
  background-repeat:no-repeat;
  display:block;
  position:relative;
  cursor:pointer;
  text-decoration:none;
}
.medias
{
  background-image: url(../images/panel-medias.jpg);
  background-repeat:no-repeat;
  display:block;
  position:relative;
  width:254px;
  height:114px;
  text-decoration:none;
}
.mediasover
{
  background-image: url(../images/panel-medias-over.jpg);
  background-repeat:no-repeat;
  display:block;
  position:relative;
  cursor:pointer;
  text-decoration:none;
}
#divwebmail, #divgoogle, #divreferencement, #divweb, #divlogiciel, #divsauvegarde, #divmateriel, #divantivirus, #divmedias, #divsupportmac
{
	margin-top:3px;
}
#tagvalidation
{
	width:254px;
	margin-top:20px;
	text-align:center;
}
.divreferencement
{
	margin-top:3px;
}
#divsupport
{
	background-image: url(../images/panel-support-over.jpg);
	background-repeat:no-repeat;
}
#divsupportpc
{
	background-image: url(../images/panel-pc-over.jpg);
	background-repeat:no-repeat;
}
#divsupportmac
{
	background-image: url(../images/panel-mac-over.jpg);
	background-repeat:no-repeat;
}
#divmateriel
{
	background-image: url(../images/panel-materiel-over.jpg);
	background-repeat:no-repeat;
}
#divwebmail
{
	background-image: url(../images/panel-webmail-over.jpg);
	background-repeat:no-repeat;
}
#divgoogle
{
	background-image: url(../images/panel-google-over.jpg);
	background-repeat:no-repeat;
}
#divweb
{
	background-image: url(../images/panel-site-internet-over.jpg);
	background-repeat:no-repeat;
}
#divlogiciel
{
	background-image: url(../images/panel-logiciel-over.jpg);
	background-repeat:no-repeat;
}
#divsauvegarde
{
	background-image: url(../images/panel-backup-over.jpg);
	background-repeat:no-repeat;
}
#divantivirus
{
	background-image: url(../images/panel-avast-over.jpg);
	background-repeat:no-repeat;
}
#divmedias
{
	background-image: url(../images/panel-medias-over.jpg);
	background-repeat:no-repeat;
}
.titrebleu
{
	color:#1c6396;
}
.lienvide
{
	text-decoration:none;
	border:none;
}
a.lientexte2
{
	text-decoration:none;
	color:#013c5a;
}
a:hover.lientexte2 
{
	text-decoration:underline;
	color:#013c5a;
}
a.lientexte
{
	text-decoration:none;
	color:#013c5a;
}
a:hover.lientexte 
{
	text-decoration:underline;
	color:#013c5a;
}
a.lien
{
	text-decoration:none;
	color:#900;
}
a:hover.lien
{
	text-decoration:underline;
	color:#900;
}
a.lienportfolio
{
	text-decoration:none;
	color:#900;
}
a:hover.lienportfolio
{
	text-decoration:underline;
	color:#900;
}
.bouton
{
  color:#000;
  font-family: Arial, Verdana;
  background-color:#E6E6E6;
  border:1px solid; 
  border-color: #A8A8A8 #000 #000 #A8A8A8;
  font-size:11px;
  font-weight:bold;
}
.boutonover
{
  color:#000;
  font-family: Arial, Verdana;
  background-color:#FFC;
  border:1px solid; 
  border-color: #A8A8A8 #000 #000 #A8A8A8;
  cursor:pointer;
  font-size:11px;
  font-weight:bold;
}
strong
{
	color:#013c5a;
	font-weight:normal;
}
img.preload { display: none; }
.pics {  
    width:780px;  
    height:175px;  
    padding: 0;  
    margin:  0; 
	overflow:hidden;
} 
 
.pics img {  
    padding: 0;  
    border:  0;  
    width:  780px; 
    height: 175px; 
    top:  0; 
    left: 0;
}
.dropdown {float:left; padding-right:50px;}
.dropdown dt {color:#FFF;}
.dropdown dt:hover {color:#F00;}
.dropdown dd {position:absolute; overflow:hidden; width:208px; display:none; background:#770f0f; top:15px; z-index: 99;}
.dropdown ul {width:204px; border:2px solid #4c0505; list-style:none; border-top:none}
.dropdown li {display:inline}
.dropdown a.sousmenu, .dropdown a.sousmenu:active, .dropdown a.sousmenu:visited {display:block; padding:5px; color:#fff; text-decoration:none; background:#770f0f; width:194px}
.dropdown a.sousmenu:hover {background:#4c0505; color:#fff}
.dropdown a.underline, .dropdown a.underline:active, .dropdown a.underline:visited {display:block; padding:5px; color:#fff; text-decoration:none; background:#770f0f; width:194px}
.dropdown a.underline:hover {background:#4c0505; color:#fff}
.dropdown .underline {border-bottom:1px solid #4c0505}

.dropdown2 {float:left}
.dropdown2 dt {cursor:pointer; color:#FFF;}
.dropdown2 a:hover {color:#00b3ff;}
.dropdown2 a, .dropdown a:active, .dropdown a:visited {color:#fff; text-decoration:none;}

.dropdown3 {float:left; padding-right:50px;}
.dropdown3 dt {cursor:pointer; color:#FFF;}
.dropdown3 a:hover {color:#00b3ff;}
.dropdown3 a, .dropdown a:active, .dropdown a:visited {color:#fff; text-decoration:none;}

.dropdown4 {float:left; padding-right:50px;}
.dropdown4 dt {cursor:pointer; color:#FFF;}
.dropdown4 a:hover {color:#F00;}
.dropdown4 a, .dropdown a:active, .dropdown a:visited {color:#fff; text-decoration:none;}

.dropdown1 {float:left; padding-right:50px;}
.dropdown1 dt {cursor:pointer; color:#FFF;}
.dropdown1 a:hover {color:#F00;}
.dropdown1 a, .dropdown a:active, .dropdown a:visited {color:#fff; text-decoration:none;}

.dropdown a.menu:hover {color:#F00;}
.dropdown a.menu, .dropdown a:active, .dropdown a:visited {color:#fff; text-decoration:none;}

.on-top {z-index: 99;}