/* --- STYLES DE BASE --- */
html {
    font-size: 100%; /* Évite un bug d'IE 6-7. (1) */
    overflow-y: scroll;
    overflow: -moz-scrollbars-vertical;
    height:100%;
}

BODY {
	margin: 0; 
	padding: 0em; /* Remettre à zéro si nécessaire. */
	font-family: "Trebuchet MS", Arial, FreeSans, sans-serif;
	font-size: 12px; /* À adapter pour la police choisie. (3) */
	line-height:18px;
	color: #2f2f2f;
    background: white;
    /*text-align:justify;*/
    height:100%;
} 

* {margin: 0; padding: 0;}	

img { border: 0 none; }

.clear {clear:both;}


/* Titres */
	h1, h2, h3, h4, h5, h6 {
	    margin: 0 0 8px 0; /* Rapproche le titre du texte. (5) */
	    font-weight: bold; /* Valeur par défaut. (6) */
	    font-style: normal;
	    color:#2f2f2f;
	    padding:0;
	}
	h1 {
	   	font : normal normal 20px Impact, arial, verdana;
	    padding-bottom:10px;
	    color:#990000;
	}
	h1 small {
		font: normal normal 14px "Trebuchet MS", Arial, sans-serif;  
	}

	h2 {
		font : normal normal 16px "Arial Black", arial, verdana;
	    font-size: 16px;
	}
	h2 a {
	   	font : bold normal 15px "Trebuchet MS" , arial, verdana;
	}
	h3 {
	    font-size: 15px;
	}
	h4 {
	    font-size: 14px;
	}
	

/* Listes */

	ol {
	    margin: 0 0 12px 32px;
	    padding: 0;
	}	

	ul {
		text-align: left;
		list-style: none;
		margin-top: 0;
		margin-bottom: 3px;
		margin-left: 0px; 
		padding-bottom:0px;
		padding-left: 0;
	}
	ul li { 
		background: transparent url(/DigiServ_images/site/puce-bleu.png)  0px 5px no-repeat;
	}
	li {
		margin-left: 0; padding-left: 15px;
		padding-bottom : 10px;
	}
	
 

/* Liens */
	a {
   		text-decoration: underline;
    	color:#2f2f2f;
	}
	a:link { color:#2f2f2f; }
	a:visited { color:#2f2f2f; }
	a:hover, a:focus, a:active { color: #00528c; text-decoration: none;}

	li,li a  {
		
	}

/* Paragraphes */
	p {
		/*font: normal 12px Verdana , Verdana, Arial, sans-serif;  */
		padding-bottom : 10px;
		/*border-bottom:1px black solid;*/
	}
	address {
	    margin: 0 0 0px 0;
	    font-style: normal;
	}
	blockquote {
		margin: 0 0 0px 35px;
	}	

/* Forumulaires */
	
	form, fieldset {
	    margin: 0;
	    padding: 0;
	    border: none;
	}
	input, button, select {
	    vertical-align: middle; /* Solution pb. d'alignement. (9) */
	}


/* Divers éléments de type en-ligne (8) */
	em {
	    font-style: italic;
	}
	strong {
	    font-weight: bold;
	}


/* Valeurs custom site */

	.TresTresPetite { font-size:8px; }
	.TresPetite 	{ font-size:9px; }
	.Petite 		{ font-size:10px; }
	.Normal 		{ font-size:12px; }
	.Moyenne 		{ font-size:13px; }
	.Grande 		{ font-size:14px; }
	.TresGrande 	{ font-size:16px; }	
	.TresTresGrande { font-size:18px; }	

	.Bleu , .Bleu a { color:#00528c; }	
	.Gris , .Gris a { color:#808080; }	
	.GrisFonce , .GrisFonce a { color:#2f2f2f; }	
	.Orange , .Orange a { color:#ffac1c; }	
	.Vert , .Vert a { color:#57aaaa; }	
	.Bordeau , .Bordeau a { color:#990000; }	
	
	
	p.orange a:hover,p.orange a:active,p.orange a:focus{
		 color:#ffac1c;
	}
	.Bouton a{
	    font-size: 15px;
	    text-decoration:none;
	}
	
/**********************************************/
/* GLOBAL */
/**********************************************/
  	#Conteneur{
  		position:relative;
   	}
  	#Header{
	   	background:url(/DigiServ_images/site/background-top.png) top left no-repeat;
   		position:relative;
   		width:962px;
   		margin:0 auto;
     	min-height:110px !important; /* taille minimal pour les moteur gecko et IE7 */
		height:110px; /* taille max pour IE6 */
		height:auto !important; /* on remet à la normal pour gecko et IE7 */
	}
		#Logo{
      	position:absolute;
		display:block;
        width:199px;
        height:80px;
        /*border:1px green solid;*/
        text-indent:-9999px;
        top:20px;
        left:20px;
        z-index:2;
        background:url(/DigiServ_images/site/logo-digital-services.png) no-repeat;
  	}
		#HeaderVi1{
      	width:143px;
        height:80px;
        top:20px;
        left:292px;
        background:url(/DigiServ_images/site/impression-couleur-grand-format.png) no-repeat;
  	}
	#HeaderVi2{
      	width:152px;
        height:80px;
        top:20px;
        left:517px;
        background:url(/DigiServ_images/site/panneau-grand-format.png) no-repeat;
  	}
	#HeaderVi3{
        width:152px;
        height:80px;
        top:20px;
        left:756px;
        background:url(/DigiServ_images/site/structure-d-exposition.png) no-repeat;
  	}
  	.LienBloc{
  	 	position:absolute;
		display:block;
        text-indent:-9999px;
        z-index:1;
    }	
		#Nav{
	   		position:relative;
	   		width:960px;
   		margin:0 auto;
   		border-left:1px black solid;
  		border-right:1px black solid;
  		height:31px;
		    background:#ffffff url(/DigiServ_images/site/background-nav.png) no-repeat;
  	}
  	#Contenu1{
	    /* background:#cccccc url(/DigiServ_images/site/background-contenu.png) top center no-repeat;*/
	    background-color:#cccccc;
  	}
	   	#Contenu2{
	   		position:relative;
	   		width:960px;
   		margin:0 auto;
   		border-left:1px black solid;
  		border-right:1px black solid;
  		background-color:#ffffff;
     	min-height:600px !important; /* taille minimal pour les moteur gecko et IE7 */
		height:600px; /* taille max pour IE6 */
		height:auto !important; /* on remet à la normal pour gecko et IE7 */
  	}
  	#LeftContact{
	    background:url(/DigiServ_images/site/background-contact.png) top left no-repeat;
	    width:220px;
   		height:80px;
   		margin-bottom:20px;
  	}
  	#LeftContact .Ligne1 {
  		font : normal 24px Impact,Verdana,"Trebuchet MS";
      	text-transform:uppercase;
      	letter-spacing:2px;
      	color:#ffffff;
      	padding:2px 0 0 46px;	
  	}
  	#LeftContact .Ligne2 {
  		font : normal 24px Impact,Verdana,"Trebuchet MS";
      	text-transform:uppercase;
      	letter-spacing:2px;
      	color:#000000;
      	padding:0 0 0 46px;	
  	}
  	#LeftContact .Ligne3  {
     	padding:1px 0 0 0px;	
  	  	text-align:center;
  	}
  	#LeftContact .Ligne3 a {
   	 	text-transform:uppercase;
      	letter-spacing:4px;
     	font : normal 14px Impact,Verdana,"Trebuchet MS";
      	color:#cccccc;
      	text-decoration:none;
   	}
  	#LeftTransfert{
	    background:url(/DigiServ_images/site/background-transfert.png) top left no-repeat;
	    width:220px;
   		height:82px;
  		margin-bottom:20px;
  	}
  	#LeftTransfert a:hover {
  		color:#000000 !important;
     }
  	#LeftTransfert .Ligne1 {
  		font : normal 18px Impact,Verdana,"Trebuchet MS";
      	text-transform:uppercase;
      	letter-spacing:1px;
      	color:#ffffff;
      	padding:7px 0 0 36px;	
  	}
  	#LeftTransfert .Ligne1 span{
  		color:#000000;
  	}
  	#LeftTransfert .Ligne2{
  		font : normal 12px/19px Verdana,"Trebuchet MS";
     	color:#000000;
     	padding:12px 0 0 33px 
  	}
  	#LeftNews {
  		background:url(/DigiServ_images/site/background-news.png) repeat-y;
  		margin-bottom:20px;
 	}
  	#LeftNews .Titre{
  		background:url(/DigiServ_images/site/background-titre-news.png) top left no-repeat;
  		text-align:center;
 	}
  	#LeftNews .Titre a{
  		font : normal 18px/29px Impact,Verdana,"Trebuchet MS";
      	letter-spacing:1px;
      	color:#ffffff;
      	text-decoration:none;
      	display:block;
  	}
  	#LeftNews .Foot{
  		background:url(/DigiServ_images/site/background-news-footer.png) top left no-repeat;
  	
  		height:4px;
  	}
  	#LeftNews table{
  		margin-bottom:5px;
  	}
  	.Date{
  		background:url(/DigiServ_images/site/background-date.png) top left no-repeat;
  		width:38px;
  		height:31px;
  		padding-right:5px;
  	}
  	.Date .jour{
  		font : normal 18px Verdana,"Trebuchet MS";
  		color:#000000;
      	width:30px;
  		height:18px;
  		text-align:center;
  	}
  	.Date .mois{
  		font : normal 10px Verdana,"Trebuchet MS";
  		color:#ffffff;
     	text-transform:uppercase;
     	width:30px;
  		height:11px;
  		text-align:center;
   	}
   	#LeftNews h2 ,#LeftNews h2 a{
   		font : normal 12px Verdana,"Trebuchet MS";
    	text-transform:uppercase;
   		color:#a50000;
   		padding:0;
   		margin:0;
    }
   	#LeftNews p{
      	font : normal 11px Verdana,"Trebuchet MS";
      	text-align:justify;
    	color:#444444;
    }
    .SeparateurNews{
    	background:url(/DigiServ_images/site/separateur-news.png) top center no-repeat;
  		height:5px;
  		margin-bottom:10px;
    }
	.Page{
	 	background:url(/DigiServ_images/site/background-titre-contenu.png) top left no-repeat;
     	min-height:175px !important; /* taille minimal pour les moteur gecko et IE7 */
		height:175px; /* taille max pour IE6 */
		height:auto !important; /* on remet à la normal pour gecko et IE7 */
	}
	.TitrePage{
		font : normal 30px/60px Impact, Verdana;
		color:#990000;
      	text-align:center;
	}
	
			
/**********************************************/
/* HEADER */
/**********************************************/


/********************************************************************/
/*********************MENU*********************************/
/********************************************************************/
		#JSNav{
			padding-left:260px;
			padding-top:10px;
		}
		.cssMenu{
		width:700px;
 		border:none;
   		height:17px;
   		border-spacing: 0px;
		border-collapse: collapse; 
   	}
  	.cssItemNormal{
  		width: 110px;
   		height:17px;
  		text-align:center;
   		background:url(/DigiServ_images/site/background-nav-elem.png) bottom center no-repeat;
  	}
  	.cssItemHover{
    	width: 110px;
   		height:17px;
  		text-align:center;
		background:url(/DigiServ_images/site/background-nav-elem-sel.png) bottom center no-repeat;
  	}
  	.cssItemTextNormal{
  		font : normal 11px Verdana,"Trebuchet MS";
  		text-transform:uppercase;
  		color:#ffffff;
  		cursor:pointer;
  	}
 	.cssItemTextHover{
     	font : normal 11px Verdana,"Trebuchet MS";
  		text-transform:uppercase;
  		color:#ffffff;
  		cursor:pointer;
 	}
 	/* fleche-blanche 5 9 */
	.subMenu{
		background-color:#57aaaa;
  		border-spacing: 0px;
		border-collapse: collapse; 
		width: 229px;
		padding: 5px 0 0 0;
 	}
  	.subCssItemNormal{
  		background:url(/DigiServ_images/site/fleche-blanche.png) 1px 5px no-repeat;
  		width: 229px;
 		text-align:left;
   		margin: 0 0 0 0;
   		border-top:0px;
   		border-bottom:1px #3e7a7a solid;
   	}
   	.subCssItemHover{
  		width: 229px;
 		text-align:left;
   		margin: 0 0 0 0;
   		background-color:#ffffff;
   		border-top:0px;
   		border-bottom:1px #3e7a7a solid;
   	}
   	
  	.subCssItemTextNormal{
  		font : normal 10px Verdana,"Trebuchet MS";
  		color:#ffffff;
  		text-transform:uppercase;
  		cursor:pointer;
  		padding: 3px 5px 3px 9px;
   	}
 	.subCssItemTextHover{
  		font : normal 10px Verdana,"Trebuchet MS";
  		color:#3e7a7a;
  		text-transform:uppercase;
  		padding: 3px 5px 3px 9px;
   		text-decoration:none;
  		cursor:pointer;
  	}

/**********************************************/
/* Colonne GAUCHE */
/**********************************************/

/**********************************************/
/* Colonne DROITE */
/**********************************************/


/**********************************************/
/* GAMME */
/**********************************************/

	.Page{
	 	background:url(/DigiServ_images/site/background-titre-contenu.png) top left no-repeat;
     	min-height:175px !important; /* taille minimal pour les moteur gecko et IE7 */
		height:175px; /* taille max pour IE6 */
		height:auto !important; /* on remet à la normal pour gecko et IE7 */
	}
	.TitrePage{
		font : normal 30px/60px Impact, Verdana;
		color:#990000;
      	text-align:center;
	}
	.Bulle {
		width:363px;
	 	background:url(/DigiServ_images/site/bulle-bg.png) repeat-y;
	 	margin: 0 0 10px 0;
	}
	.BulleTop {
		background:url(/DigiServ_images/site/bulle-top.png) top left no-repeat;
	}
	.BulleBottom {
		background:url(/DigiServ_images/site/bulle-bottom.png) bottom left no-repeat;
		padding:10px 5px 5px 5px;
	}
	.BulleBottom p {
		padding-bottom:2px;
		color:#666666;
	}
	.VignetteGamm td{
		text-align:center;
		border:1px #dedede solid;
		width:52px;
		height:52px;
	}

/**********************************************/
/* FOOTER */
/**********************************************/
	#Footer {
		background:url(/DigiServ_images/site/background-footer.png) repeat-x;
			 		
	}
	#Footer2{
		position:relative;
		width:960px;
		margin:0 auto;
		border-left:1px black solid;
		border-right:1px black solid;
		background:#660000 url(/DigiServ_images/site/background-footer2.png) no-repeat;
		text-align:right;
	}
	#Footer2 div {
		padding: 20px 20px 25px 20px;
		text-align:right;
	}
	#FooterEnd{
		position:relative;
		width:962px;
		margin:0 auto 10px auto;
	}
	#Footer ,#Footer a{
		font: normal normal 11px "Trebuchet MS", Arial, sans-serif;  
		color:#ffb500;
		text-decoration:none;
	}


/**********************************************/
/* Formulaire Contact */
/**********************************************/

	.FormContact{
		margin-top:25px;
	}
	.FormContact td{
		padding:2px;
	}
	.FormContact input,	.FormContact textarea{
		border:1px #c4c4c4 solid;;
		font: normal normal 12px "Trebuchet MS",Times, Arial, sans-serif;
		padding: 2px 5px;
		color: #000000;
	}
		.FormSubmit{	
			color:#990000 !important;
			border:1px #990000 solid !important;
			font:normal 12px "Trebuchet MS" Rounded MT Bold, arial, verdana !important;
			padding: 0px 5px !important;
			margin:3px 0px 0 0px !important;
		}
	
	.LargeInput{
		width:263px;
	}
	.SmallInput{
		width:60px;
	}
	.MediumInput{
		width:192px;
	}
	.chkBoxes{
		/*background-color:white;border-width:0;*/
	}
	.XSmallInput{
		width:20px;
	}
	.HalfInput{
		width:126px;
	}
	.EditLibelle{
		margin: 40px 0;
		padding: 10px;
		width: 400px;
		border: 1px dotted;
		color: #000000;
	}
	.EditLibelle a {
		color: #000000;
	}
	
	.Clikeo{
		text-align:center;
		padding:10px 0 0 0;
		font: normal 10px "Trebuchet MS" , Verdana, Arial, sans-serif;  
		color:#000000;
	}

	.Clikeo a {
		font: normal 10px "Trebuchet MS" , Verdana, Arial, sans-serif;  
		color:#000000 !important;
	}
	.Clikeo a:hover {
		color:#000000 !important;
	}