/* CSS Document */


/* bleu : #0091BB */
html{  
    height: 100%;  
} 

body {
	/*background-color:#0091BB;*/
	background-color:#FFFFFF;
margin:0;
padding:0;
text-align: center; /* pour corriger le bug de centrage IE */ 
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
color:#666666;
height: 100%;
}

p, p.texte {
line-height:1.5em;
}
hr {
height:1px;
background-color:#0091BB;
border:0px solid #0091BB;
}

li{ 
line-height:1.5em;
}

a {
color:#0091BB;
text-decoration:none;}
a:hover {
color:#0091BB;
text-decoration:underline;}

.titre {
font-size:20px;
font-weight:normal;
text-transform:uppercase;
color:black;
margin-top:0;
margin-bottom:5px;
}
h1.titre1 {
font-size:19px;
font-weight:normal;
text-transform:uppercase;
color:#0091BB;
}
h2.titre2 {
font-size:18px;
font-weight:normal;
text-transform:none;
color:#666666;
}
h3.titre3 {
font-size:16px;
font-weight:bold;
color:#0091BB;
margin-bottom:-8px;
}

.texte {
	text-align:left;
	font-size:12px;
	font-weight:normal;
	color:#333333;
}
p.texte-actus {
text-align:left;
font-size:11px;
font-weight:normal;
color:#666666;
margin-top:5px;
line-height:1.1em;
}
.titre-actus{
color:#0091BB;
font-size:16px;
font-weight:bold;
font-size:12px;
}

.texte-gras {
font-size:12px;
font-weight:bold;
color:#666666;
}
.texte-bleu {
font-size:12px;
font-weight:normal;
color:#0091BB;
}

.chapeau {
text-align:left;
font-size:13px;
font-weight:bold;
color:#000000;
line-height:1.5;
}
.chapeau-bloc {
text-align:left;
font-size:13px;
font-weight:bold;
color:#0091BB;
}


#fond-bandeau{
	position:absolute;
	height:90px;
	width:100%;
	background:url(images/fond-bandeau.jpg) repeat-x;
	/*background-color:#0091BB;*/
	z-index:-10;
}
#page {
background-color:#ffffff;
margin-left: auto; 
margin-right: auto;
max-width:1024px;
text-align:left;
}

/* les blocs (image centrale)*/
#bloc-accueil{
/*margin-left:66px;*/
display:block;
background:url(images/image-accueil.jpg) no-repeat;
width:636px;
height:332px;
}
#bloc-clients{
/*margin-left:66px;*/
display:block;
background:url(images/image-clients.jpg) no-repeat;
width:636px;
height:332px;
}
#bloc-partenaires{
/*margin-left:66px;*/
display:block;
background:url(images/image-partenaires.jpg) no-repeat;
width:636px;
height:332px;
}
#bloc-sauvegarde{
/*margin-left:66px;*/
display:block;
background:url(images/image-sauvegarde-crashplan.jpg) no-repeat;
width:636px;
height:332px;
}
#bloc-maintenance{
display:block;
background:url(images/image-maintenance.jpg) no-repeat;
/*background:url(images/image-maintenance2.jpg) no-repeat;*/
width:636px;
height:332px;
}
#bloc-audit{
display:block;
background:url(images/image-audit.jpg) no-repeat;
width:636px;
height:332px;
}
#bloc-voip{
display:block;
background:url(images/image-voip.jpg) no-repeat;
width:636px;
height:332px;
}
#bloc-web{
display:block;
background:url(images/image-web.jpg) no-repeat;
width:636px;
height:332px;
}

#bloc-sans{
/*margin-left:66px;*/
display:block;
/*background:url(images/image-accueil.jpg) no-repeat;*/
padding-left:7px;
padding-top:7px;
width:628px;
height:325px;
}
#bloc-vide{
/*margin-left:66px;*/
display:block;
background:url(images/image-vide.jpg) no-repeat;
padding:20px 30px 0 30px;
width:576px;
height:312px;
}

#bloc-actu{
/*margin-left:702px;
display:block;*/
padding-top:50px;
background:url(images/bloc.jpg) no-repeat;
width:300px;
height:157px;
}
#contenu-bloc{
/*margin:10px 0 0 3px;*/
/*padding:35px;*/
padding-left:26px;
margin-right:25px;
height:140px;
overflow:auto;
text-align:left;
}

#bloc-contact{
/*margin-left:702px;*/	
display:block;
background:url(images/bloc-contact.jpg) no-repeat;
width:300px;
height:125px;
}
.blocs{
color:#999999;
}
.blocs a {
color:#0091BB;
text-decoration:none;
}
.blocs a:hover {
color:#0091BB;
text-decoration:underline;
}





/* /////////// bandeau /////////// */
#logo {
width:204px;
height:90px;
margin-left:0;
}
#bandeau {
background:url(images/bandeau.jpg) no-repeat;
width:820px;
height:90px;
margin-left:204px;
margin-top:-90px;
}
#nav-bandeau{
padding-top:13px;
margin-left:510px;
}
.champ{color:#333333;font-size:14px;}
.btn{
color:white;
background-color:#0091BB;
margin-left:-3px;
margin-top:-5px;
border:1px solid #333333;height:22px;font-size:12px;font-weight:bold;}
#nav-boutons{
margin-top:-15px;
margin-left:870px;
}





/* /////////// menu /////////// */
#fond-menu {
background:url(images/menu.jpg) top;
display:block;
width:936px;
height:54px;
margin-left:66px;
z-index:-110;
}
#menu-content {
/*margin-top:10px;margin-left:15px;*/
width:938px;
padding-top:15px;
padding-left:15px; 
}
.menu {
	color:#666666;
	font-size:14px;
	font-weight:normal;
	text-transform:uppercase;
	text-align:left;
	letter-spacing:0.1em;
}
.menu a{text-decoration:none;color:#666666;}
.menu a:hover{color:#0091BB;text-decoration:none;}
a.actif {color:#0091BB;text-decoration:none;}



/* /////////// pages /////////// */

#contenu-page {
margin-left:66px;
}
#conteneur-menu{
	position:absolute;
	margin-left:630px;
float:right;
width:300px;
margin-right:-4px;
}
#conteneur-tlchgmt{
	position:absolute;
	margin-left:630px;
	margin-top:450px;
	padding-left:10px;
	padding-right:6px;
	width:284px;
float:right;
margin-right:-4px;
}
#conteneur-form-contact{
	position:absolute;
	margin-left:630px;
	float:right;
	padding-left:10px;
	padding-right:6px;
	width:284px;
	margin-right:-4px;
	margin-top:46px;
}
#contenu-bloc-bas {
padding:10px 26px 10px 6px;
/*width:624px;*/
margin-top:0;
}
#colonne-gauche{
width:624px;
text-align:left;
min-height:350px;
}




/* /////////// pages extras /////////// */

.logo-client{
width:80px;
height:auto;
margin-right:10px;
margin-top:3px;
border:0;
}

.item-liste{
min-height:70px;
text-align:left;
}
.liste-texte{
margin-left:90px;
}

#encart{
padding:10px 20px;
margin:0px;
background-color:#efefef;
}

/* ////////// menu activités ////////// */
#menu-act-content{
	float:right;
	width:300px;
	height:420px;
	background:url(images/menu-act-fond.jpg) no-repeat;
	padding:O;
	margin-top:0px;
}
#menu-act{
	font-size:20px;
	text-transform:uppercase;
	list-style:none;
	padding-top:0px;
	margin-left:10px;
}
#menu-act li {
	height:74px;
	width:274px;
	margin-left:-20px;
}
#menu-act li a {
	display:block;
	color:#666666;
	text-decoration:none;
	margin-left:O;
}
#menu-act li a:hover {
	color:#0091BB;
	text-decoration:none;
	/*background-color:#ededed;*/
	margin-left:O;
}
.menu-item{
	height:54px;
	width:192px;
	padding-left:84px;
	padding-top:20px;
	margin-left:O;
}
#btn-maintenance{background:url(images/btn-maintenance-off.jpg) no-repeat;}
#btn-maintenance:hover {background:url(images/btn-maintenance-on.jpg) no-repeat;}
#btn-audit{background:url(images/btn-audit-off.jpg) no-repeat;}
#btn-audit:hover {background:url(images/btn-audit-on.jpg) no-repeat;}
#btn-sauvegarde{background:url(images/btn-sauvegarde-off.jpg) no-repeat;}
#btn-sauvegarde:hover {background:url(images/btn-sauvegarde-on.jpg) no-repeat;}
#btn-voip{background:url(images/btn-voip-off.jpg) no-repeat;}
#btn-voip:hover {background:url(images/btn-voip-on.jpg) no-repeat;}
#btn-web{background:url(images/btn-web-off.jpg) no-repeat;}
#btn-web:hover {background:url(images/btn-web-on.jpg) no-repeat;}



/* /////////// bloc onglets /////////// */
#bloc-onglets{
margin-top:0;
border:1px solid #efefef;
height:279px;
width:100%;

}
#bloc-onglets div{
position:relative;
margin-left:151px;
margin-top:-340px;
width:auto;
padding:15px;
}
#menu-onglets{
width:140px;
display:block;
height:320px;
text-align:left;
margin-top:0;
margin-left:-40px;
}

#menu-onglets li {
display:block;
float:left;
width:140px;
margin:0 0 0 0px;
border-bottom:1px solid #0091BB;
list-style-type:none;
line-height:inherit;
}

#menu-onglets li a{
display:block;
color:#0091BB;
background-color:#efefef;
font-weight:bold;
text-decoration:none;
padding:10px;
}
#menu-onglets li a:hover{
display:block;
color:white;
text-decoration:none;
background-color:#0091BB;
}

#menu-onglets li a:active{
display:block;
color:black;
text-decoration:none;
}
.gros{
font-size:18px;
}
.titre-liste {
color:black;
font-weight:bold;
margin-left:-30px;
}

/*
.div-masque ul{
font-weight:bold;
list-style-type:none;
color:black;
}
.div-masque li{
font-weight:normal;
}
*/

/*
.lien-onglet a{
display:block;
color:#0091BB;
font-weight:normal;
text-transform:uppercase;
text-decoration:none;
}
.lien-onglet a:hover{
display:block;
color:white;
font-weight:normal;
text-decoration:underline;
}
*/
.vignette{
	border:1px solid #0091BB;
	padding:3px;
}



/* /////////// foot /////////// */
.txt-foot {
color:white;
text-align:left;
text-transform:uppercase;
font-size:10px;
}
.txt-foot a{color:white;text-decoration:none;}
.txt-foot a:hover{color:#333333;text-decoration:underline;}


#foot{
top:auto;
margin-top:auto;
margin-bottom:O;
width:100%;
height:201px;
bottom:0;
}


#bandeau-logos-repeat {
background:url(images/bande-logos-repeat.jpg) repeat-x;
height:60px;
width:100%;
width:auto;
z-index:-10;
margin-top:O;
}
#logos{
background:url(images/logos.jpg) no-repeat;
width:1024px;
height:60px;
margin-left:auto;
margin-right:auto;
}


#bas-bleu-repeat {
background:url(images/bas-repeat.jpg) repeat-x;
background-color:#005d78;
min-height:141px;
width:100%;
z-index:0;
margin:auto;
padding:0;
}

#bas {

margin-left: auto; 
margin-right: auto;
margin-top:0px;
margin-bottom:O;
width:1024px;
text-align:left;
}


#picto-bas{
background:url(images/bas-picto.jpg) no-repeat;
width:66px;
height:141px;
}
#adresse{
	
width:145px;
/*height:141px;*/
text-align:left;
color:white;
padding-left:5px;
padding-top:43px;
margin-top:-141px;
margin-left:66px;
}
#adresse a{
color:white;
text-decoration:none;
}
#adresse a:hover{
color:white;
text-decoration:underline;
}

#separation{
background:url(images/bas-separation.jpg) no-repeat;
width:3px;
height:141px;
margin-top:-95px;
margin-left:216px;
}
#contenu-bas{
	
margin-left:230px;
width:auto;
margin-right:0;
/*height:141px;*/
text-align:left;
/*margin-top:-107px;*/
margin-top:-173px;

/*padding-left:76px;*/
}
#mc-bloc {
/*margin-left:230px;*/
margin-left:71px;
width:auto;
margin-right:0;
margin-top:0px;
padding-bottom:3px;
}
.mc, .mc a, .mc a:hover {
font-size:10px;
color:#CCCCCC;
text-align:left;
text-decoration:none;
}
#map_canvas{
width:620px;
height:311px;
background-color:#0091BB;
border:1px solid #d9d9d9;
border-bottom:8px solid #0091BB;
}
#map_lien{
	margin-right:6px;
	margin-top:4px;
}


#menu-second{
	background-image:url(images/menu-second.jpg);
	width:616px;
	height:27px;
	margin-left:-6px;
	margin-bottom:0px;
	padding-left:20px;
	padding-top:23px;
	text-transform:uppercase;
	font-size:9px;
	color:#666666;
}
.lien-menu2 {
color:#666666;
text-decoration:none;
}
 a:hover.lien-menu2 {
color:#0091BB;
text-decoration:none;
height:30px;
}

#picto{
	position:fixed;
	background-image:url(images/picto-aamset-tr.png);
	/*background-color:#fff;*/
	width:56px;
	height:52px;
	margin-top:25px;
	margin-left:14px;
	z-index:100;
}
#coin{
	float:right;
	background-image:url(images/coin.png);
	width:16px;
	height:16px;
	margin-top:Opx;
	z-index:10;
}

/* /// bloc /// */
#bloc {
	position:absolute;
	float:right;
	width:300px;
	margin-left:631px;
	margin-top:-96px;
}
#bloc-page-contact {
	position:absolute;
	float:right;
	width:300px;
	margin-left:631px;
	margin-top:-242px;
}
#bloc-haut{
	background:url(images/bloc-haut.jpg) no-repeat;
	height:50px;
	padding:20px;
	font-size:18px;
	color:#000;
	text-transform:uppercase;
	/*font-family:"Helvetice neue", Arial, Helvetica, sans-serif;*/
	font-weight:100;
}
#bloc-repeat{
	background:url(images/bloc-repeat.jpg);
	padding:5px 20px;
	height:auto;
	min-height:100px;
	margin-top:-50px;
}
#bloc-bas{
	background-image:url(images/bloc-bas.jpg);
	height:16px;
}



/* formulaire contact */
#form-contact{
width:621px;
background-color:#ededed;
padding:10px;
}

.form-ligne{
	height:30px;
	/*border:1px grey solid;*/
}
.form-ligne-haute{
	height:90px;	
}
.form-droite{
	margin-left:150px;
	margin-top:-25px;
	
}
.form-gauche{
	width:150px;
	color:#0091BB;
	vertical-align:middle;
}

.form-champs{
	font-size:16px;
	margin-left:5px;
	width:250px;
}