/* CSS Document */
#principal {
	padding: 0px;
	width: 900px;
}

#programmation {
	float: left;
	width: 214px;
	left: 10px;
	bottom: 350px;
	position: absolute;
	
}

#hautprogrammation {
	background-image: url(../picture_library/tableau/ht_tab_prog.gif);
	background-repeat: no-repeat;
	height: 82px;
	width: 214px;
	
}
#milieuprogrammation {
	background-image: url(../picture_library/tableau/milieu_tab_prog.gif);
	background-repeat: repeat-y;
	margin: 0px;
	padding-top: 10px;
	padding-right: 11px;
	padding-bottom: 5px;
	padding-left: 27px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #555656;
	
}

#basprogrammation {
	background-image: url(../picture_library/tableau/bas_tab_prog.gif);
	background-repeat: no-repeat;
	height: 24px;
	width: 214px;
}
.ttre_programmation {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #328C6F;
	background-color: #CCF2E4;
	display: block;
	height: 30px;
	width: 190px;
	margin: 0px;
	background-image: url(../picture_library/tableau/logo_programmation.gif);
	background-repeat: no-repeat;
	background-position: 5px;
	text-indent: 60px;
	line-height: 30px;
}
#milieuprog {
	background-image: url(../picture_library/tableau/milieu_tab_prog.gif);
	background-repeat: repeat-y;
	padding-top: 0px;
	padding-right: 1px;
	padding-left: 23px;
}
.h{
	font-size: 11px;
	color: #1A468E;
	font-weight: bold;
	
}

a:link, a:visited{text-decoration: none; color: #1A468E;}
a:hover{color: #5A98F2;}

#internet {
	float: left;
	width: 214px;
	left: 230px;
	bottom: 350px;
	position: absolute;
	
	
}

#hautinternet {
	background-image: url(../picture_library/tableau/ht_tab_internet.gif);
	background-repeat: no-repeat;
	height: 82px;
	width: 214px;
	
}
#milieuinternet{
	background-image: url(../picture_library/tableau/milieu_tab_internet.gif);
	background-repeat: repeat-y;
	margin: 0px;
	padding-top: 10px;
	padding-right: 11px;
	padding-bottom: 5px;
	padding-left: 27px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #555656;
}

#basinternet {
	background-image: url(../picture_library/tableau/bas_tab_internet.gif);
	background-repeat: no-repeat;
	height: 24px;
	width: 214px;
}
.ttre_internet {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FDAF1F;
	background-color: #FFF6E9;
	display: block;
	height: 30px;
	width: 190px;
	margin: 0px;
	background-image: url(../picture_library/tableau/logo_internet.gif);
	background-repeat: no-repeat;
	background-position: 5px;
	text-indent: 75px;
	line-height: 30px;
}
#milieuinter {
	background-image: url(../picture_library/tableau/milieu_tab_internet.gif);
	background-repeat: repeat-y;
	padding-top: 0px;
	padding-right: 1px;
	padding-left: 23px;
}



#reseaux {
	float: left;
	width: 214px;
	left: 450px;
	bottom: 350px;
	position: absolute;
}

#hautreseaux {
	background-image: url(../picture_library/tableau/ht_tab_reseaux.gif);
	background-repeat: no-repeat;
	height: 82px;
	width: 214px;
	
}
#milieureseaux{
	background-image: url(../picture_library/tableau/milieu_tab_reseaux.gif);
	background-repeat: repeat-y;
	margin: 0px;
	padding-top: 10px;
	padding-right: 11px;
	padding-bottom: 5px;
	padding-left: 27px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #555656;
	
}

#basreseaux {
	background-image: url(../picture_library/tableau/bas_tab_reseaux.gif);
	background-repeat: no-repeat;
	height: 24px;
	width: 214px;
}
.ttre_reseaux {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #2B4FA1;
	background-color: #DCEEFF;
	display: block;
	height: 30px;
	width: 190px;
	margin: 0px;
	background-image: url(../picture_library/tableau/logo_reseaux.gif);
	background-repeat: no-repeat;
	background-position: 5px;
	text-indent: 75px;
	line-height: 30px;
}
#milieureseau{
	background-image: url(../picture_library/tableau/milieu_tab_reseaux.gif);
	background-repeat: repeat-y;
	padding-top: 0px;
	padding-right: 1px;
	padding-left: 23px;
}


#materiels {
	float: left;
	width: 214px;
	left: 10px;
	bottom: 20px;
	position: absolute;
}

#hautmateriels{
	background-image: url(../picture_library/tableau/ht_tab_materiels.gif);
	background-repeat: no-repeat;
	height: 82px;
	width: 214px;
	
}
#milieumateriels{
	background-image: url(../picture_library/tableau/milieu_tab_materiels.gif);
	background-repeat: repeat-y;
	margin: 0px;
	padding-top: 10px;
	padding-right: 11px;
	padding-bottom: 5px;
	padding-left: 27px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #555656;
}

#basmateriels {
	background-image: url(../picture_library/tableau/bas_tab_materiels.gif);
	background-repeat: no-repeat;
	height: 24px;
	width: 214px;
}
.ttre_materiels {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #F80B43;
	background-color: #FFDEE7;
	display: block;
	height: 30px;
	width: 190px;
	margin: 0px;
	background-image: url(../picture_library/tableau/logo_materiels.gif);
	background-repeat: no-repeat;
	background-position: 5px;
	text-indent: 65px;
	line-height: 30px;
}
#milieumateriel{
	background-image: url(../picture_library/tableau/milieu_tab_materiels.gif);
	background-repeat: repeat-y;
	padding-top: 0px;
	padding-right: 1px;
	padding-left: 23px;
}



#pro{
	float: left;
	width: 214px;
	left: 230px;
	bottom: 20px;
	position: absolute;
}

#hautpro{
	background-image: url(../picture_library/tableau/ht_tab_pro.gif);
	background-repeat: no-repeat;
	height: 81px;
	width: 214px;
	
}
#milieupro{
	background-image: url(../picture_library/tableau/milieu_tab_pro.gif);
	background-repeat: repeat-y;
	margin: 0px;
	padding-top: 10px;
	padding-right: 11px;
	padding-bottom: 5px;
	padding-left: 27px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #555656;
}

#baspro {
	background-image: url(../picture_library/tableau/bas_tab_pro.gif);
	background-repeat: no-repeat;
	height: 24px;
	width: 214px;
}
.ttre_pro {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #862F89;
	background-color: #F0D7F2;
	display: block;
	height: 30px;
	width: 190px;
	margin: 0px;
	background-image: url(../picture_library/tableau/logo_pro.gif);
	background-repeat: no-repeat;
	background-position: 5px;
	text-indent: 60px;
	line-height: 30px;
}
#milieupr{
	background-image: url(../picture_library/tableau/milieu_tab_pro.gif);
	background-repeat: repeat-y;
	padding-top: 0px;
	padding-right: 1px;
	padding-left: 23px;
}




#particulier{
	float: left;
	width: 214px;
	left: 450px;
	bottom: 20px;
	position: absolute;
}

#hautparticulier{
	background-image: url(../picture_library/tableau/ht_tab_particulier.gif);
	background-repeat: no-repeat;
	height: 81px;
	width: 214px;
	
}
#milieuparticulier{
	background-image: url(../picture_library/tableau/milieu_tab_particulier.gif);
	background-repeat: repeat-y;
	margin: 0px;
	padding-top: 10px;
	padding-right: 11px;
	padding-bottom: 5px;
	padding-left: 27px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #555656;
}

#basparticulier {
	background-image: url(../picture_library/tableau/bas_tab_particulier.gif);
	background-repeat: no-repeat;
	height: 24px;
	width: 214px;
}
.ttre_particulier {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #A1BDDE;
	background-color: #EAF2F9;
	display: block;
	height: 30px;
	width: 190px;
	margin: 0px;
	background-image: url(../picture_library/tableau/logo_particulier.png);
	background-repeat: no-repeat;
	background-position: 5px;
	text-indent: 75px;
	line-height: 30px;
}
#milieuparticuli{
	background-image: url(../picture_library/tableau/milieu_tab_particulier.gif);
	background-repeat: repeat-y;
	padding-top: 0px;
	padding-right: 1px;
	padding-left: 23px;
}
#landvartstore {
	float: left;
	left: 690px;
	bottom: 700px;
	position: absolute;
	width: 190px;
	height: 177px;
}

#titreinterne{ background-image:url(../picture_library/tableau/angle_ht_gch.gif); background-position:left top; background-repeat:no-repeat}
h2{
	background-image:url(../picture_library/tableau/angle_ht_dte.gif);
	background-position: right top;
	background-repeat:no-repeat;
	margin:0;
	font-size:14px;
	font-weight:bold;
	height: 32px;
	color: #F80B43;
	text-align: center;
	line-height: 30px;
}
#contenu{
	background-image:url(../picture_library/tableau/angle_bas_gche.gif);
	background-repeat:no-repeat;	
	background-position: left bottom;
	height: 147px;
}
p{
	margin:0;
	padding-right: 6px;
	padding-left: 6px;
	line-height: 15px;
}
#contenuinterne{
	background-image:url(../picture_library/tableau/angle_bas_dte.gif);
	background-position:right bottom;
	background-repeat:no-repeat;
	height: 147px;
}

#contact {
	float: left;
	left: 690px;
	bottom: 550px;
	position: absolute;
	width: 191px;
	
}
#hautcontact {
	background-image: url(../picture_library/tableau/ht_contact.gif);
	background-repeat: no-repeat;	
	height: 10px;
	width: 191px;
	margin:0;
}

#bascontact {
	background-image: url(../picture_library/tableau/bas_contact.gif);
	background-repeat: no-repeat;
	height: 12px;
	width: 191px;
	margin:0;
}
#contenucontact {
	padding-right: 7px;
	padding-left: 7px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 14px;
	color: #FFFFFF;
	margin:0;
	background-image: url(../picture_library/tableau/milieu_contact.gif);
	background-repeat: repeat-y;
	padding-top: 5px;
}

#contenuanim {
	float: left;
	left: 690px;
	bottom: 550px;
	position: absolute;
	width: 191px;
}

#bouton_extranet {
	display: block;
	float: left;
	width: 190px;
	height: 129px;
	position: absolute;
	right: 18px;
	top: 715px;
	border: 3px outset #7bcff3;
	padding: 0;
	text-align: center;
}

#bouton_extranet:active {
	border: inset;
}

#bouton_extranet img{
	display: block;
	border: 0;
	height: 105px;
	width: 140px;
	margin: auto;
	margin-top: 10px;
}