* {
	margin:0;
	padding:0;
	list-style-type:none;
}

img a {border:none}
 
html {
	text-align:center;
	background:#323232;
	font-size: 80%;
}
	
body {
	width:900px;
	margin-right:auto;
	margin-left:auto;
	margin-top:10px;
	padding:0px;
	text-align:left;
}

a, a:link, a:visited, a:hover {
	color:#FFFFFF;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	font-family: Georgia, Times New Roman, Times, serif;
	
	
}



/* Menu
-----------------------------*/
 

#contenu p, #menuLateral p, #contenu li, #menuLateral li, #packsContenu, option {font: 11px/18px Verdana, Arial, Helvetica, sans-serif;}	


/* Contenu
-----------------------------*/

#Contenu {
	width:627px;
	float: left;
	text-decoration: none;
	color: #121212;
}

#ContenuTop {height: 152px;width: 625px; }
.services {background: url(../images/services.jpg) no-repeat;}
.societeAdifco {background: url(../images/sa-adifco.jpg) no-repeat;}

#Contenu #logo {
	float: left;
	margin: 21px 0 0 0px;
	padding: 0 0 0 10px;
}

#Contenu #navPack {
	float: left;
	margin: 21px 0 0 0;
}

#Contenu #navPack h2 {
	font: normal 31px/52px Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
	letter-spacing:-2px;
}

#ContenuPied {background:url(../images/packref_32.jpg) no-repeat;width:627px;height: 31px;clear:both;}

#ContenuTexte {
	background:url(../images/packref_16.jpg) repeat-y;
	padding: 0 20px 0 15px;
	width: 590px;
	float: left;
	line-height:21px;
	font: normal 11px/21px Verdana, Arial, serif;
}

#ContenuTexte h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 25px;
	color: #ff6600;
	font-weight: normal;
	line-height: 52px;
	letter-spacing:-2px;
}


#ContenuTexte h3 {
	font: 21px normal Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	letter-spacing: 1px;
	padding-bottom: 15px;
	padding: 15px 0;
	font-weight: normal;
}
#ContenuTexte h3.orange {color:#ff6600;}
#ContenuTexte h3.vert {color:#006633;}
#ContenuTexte h3.bleu {color:#003366;}
#ContenuTexte h3.vertWM {color:#006633;padding-top: 15px;padding: 36px 0 0 0;}
.orangeWM {color: #ff6600;padding-top: 21px;padding: 21px 0 10px 0;}

.choix, .choix130 {margin:21px auto 0 auto;width:500px;height: 95px;}
.choix130 {height: 130px;}
.choix img, .choix130 img {float:left}
.choix a img, .choix130 a img {border:none}
.presentation {width: 521px; margin: 10px auto 10px auto;}

.presentation ul ul {padding-left: 21px;list-style-image: url(../images/puces/puce.jpg);}
.electionFaq {padding:0 0 33px 0;}
.election, .electionFaq {float:right;width:400px;height: auto;}
.election  h4, .electionFaq h4 {color: #006633;padding: -2px auto auto auto;margin: 0;}
.electionFaq h4 {padding:0 0 10px 0;}

.choix a h4, .choix h4, .choix130 a h4, .choix130 h4 {
	color: #006633;
	text-decoration: none;
	font: bold 12px/25px Tahoma, Verdana, Arial, serif;
}

/* packsLateral
-----------------------*/

#packsLateral {
	width:253px;
	height:113px;
	margin:0 auto;
	background:url(../images/listePacksBoite.jpg);
	color:#006633;
	text-align:center;
	padding: 10px;
}	
#LContenu #LContenuTexte #arianne a {color: #000000;}

#packsLateral  a {color: #0000CC;margin-top:100px;border:none;}

#packsLateral h3 {
	font: 18px/27px bold Tahoma, Verdana, Arial, Helvetica, sans-serif;
	letter-spacing:-1px;
	color: #0000CC;
}
#packsLateral h3 a {text-decoration:none;}

#packsLateral ul li a img {border:none;}

#packsLateral li {
	color:#006633;
	text-align:center;
	float: left;
	margin: 10px 0 0 0;
	width: 80px;
	height: 75px;
}



/* Arbre
----------------------------*/
#arbre {width:182px;height:537px;background:#cc0000;background:url(../images/arbre.jpg);padding:0px;float:left;}


/* MenuLateral
----------------------------*/	
#menuLateral {width:273px;background:#323232;padding:3px 0 0 0;float:left;}


/* Outils
-----------------------*/

#outils {
	width:273px;
	height:133px;
	background:url(../images/outils-adifco-sans.jpg) no-repeat;
	margin:0;
	padding:0;
	color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: 700;
	color: #FFFFFF;
}

#outils p {padding:7px 0 0 10px;font-weight:bold;}

#outils form {padding:5px 0 0 0;}

#outils a {color:#FFFFFF;}

#outils a:hover {color:#FFFFFF;}

#outilsChercher {width:263px;padding:10px 0px 8px 10px}

#outilsZones {width:140px;}

#outilsZones, #outilsContact {float:left;padding-left:25px}

li.separateur, li.devisRef {margin-top:4px;}
li.devisRef {font: normal 9px Arial, Helvetica, sans-serif} 


/* Blocs Societe Activites
-------------------------------------------*/
	
#societe, #services, #submenu {background:url(../images/adifco_11.jpg) bottom;padding-bottom:20px;}
	
#societe h3, #services h3, #submenu h3 {
	height:66px;
	width:265px;
	padding-left:8px;
	background:url(../images/submenu.jpg) no-repeat;
	font: 19px Verdana, Arial, Helvetica, sans-serif;
	color:#ffffff;
	letter-spacing:-2px;
	line-height: 56px;
}

#societe ul, #services ul, #submenu ul {background:url(../images/adifco_16.jpg) repeat-y;padding: 10px 0 10px 15px;}

#societe li, #services li, #submenu li {
	padding:2px 0 2px 5px;
	color:#333333;
	list-style-position: inside;
	list-style-image: url(../images/puce-grise.jpg);
}

#services h3 {background:url(../images/services-adifco.jpg) no-repeat;}

#submenu h3 {background:url(../images/submenu.jpg) no-repeat;}


/* Peter
-------------------------------*/
#peter {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: 700;
	color: #323232;
	background: url(../images/peter.jpg) no-repeat;
	margin: 0px;
	height: 58px;
	width: 273px;
	background-image: url(../images/peter.jpg);
}
#peter ul {
	background-color: #323232;
	background-image: none;
	margin: 0px;
	padding: 0px;
}
#peter li {
	/*	line-height: 57px;
	float: left;
	margin-left: 36px;*/
	font: bold 15px  Arial, sans-serif;
	letter-spacing:0px;
	color: #ffffff;
}
 
.peterReferences, .peterDevis  {
	width: 49%;
	float:left;
	padding:10px 0 0 0;
	text-align:center;
}
 
#peter a {
	text-decoration:none;
	color: #FEFEFE;
}


/* Fonts
-------------------------*/
h1 {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #006633;
	letter-spacing: -1px;
	font-weight: bold;
	font-size: 31px;
	margin-left: 21px;
}

.stra {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #006633;
	letter-spacing: -1px;
	font-weight: bold;
	margin-left: 21px;
}
.serv {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #FF6600;
	letter-spacing: -1px;
	margin: 0 0 36px 20px;
}


/* Footer
------------------------------*/

#footer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	background-repeat: no-repeat;
	text-align: center;
	height: 100px;
	width: 898px;
	clear: both;
	padding: 5px 0 0 0;
}
#footer p {
	padding-top: 2px;
}
.cgv {
	padding-top: 12px;
}

#footer a {
	color: #CCCCCC;
	font: normal 11px/18px Tahoma, Verdana, Arial, sans-serif;
	letter-spacing: 1px;
}

#arianne {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
}
#arianne a {
	color: #006633;
}



/* Outils CSS
------------------------------*/

.bold {font-weight:700}
.left {float:left}
.right {float:right}
img.left {padding:10px 10px 10px 0}
img.right {padding:10px 0 10px 10px} 
.paddingRight {padding-right:5px}
.marginRight {margin-right:5px}
.center {
	text-align: center;
	margin: 0 auto;
}
.bleu, .h4.bleu {
	color: #003366;
}
.bleuPaddingTop, h4.bleuPaddingTop  {
	padding-top: 15px;
	color: #003366;
}
#iframe {
	padding-top: 21px;
	padding-bottom: 21px;
}
.noirBold {
	font-weight: 700;
	color: #000000;
	padding: 10px 0 0 0;
}
.justify {
	text-align: justify;
}
.separer {padding-top: 21px;text-align:justify;}


.blanc   {color: #FFFFFF;}
.orange  {color: #ff6600;}
.bleu    {color: #006633;}
.bleu    {color: #003366;}



/* Listes 
-----------------------------*/

 
.puceVide {
	list-style-image: url(../images/puces/puce.jpg);
	list-style-position: inside;
}
.puceRouge {
	list-style-position: inside;
	list-style-image: url(../images/fleche/fleche_08.jpg);
	padding: 5px;
}
.puceOrange {
	list-style-position: inside;
	list-style-image: url(../images/puces/puceOrange.jpg);
}
.puceVerte {
	list-style-position: inside;
	list-style-image: url(../images/puces/puceVerte.jpg);
	padding: 5px;
}
.decale {
	padding: 0 0 0 36px;
}
.puceBleue{
	list-style-position: inside;
	list-style-image: url(../images/puces/puceBlue.jpg);
}
.puceNoire{
	list-style-position: inside;
	list-style-image: url(../images/puces/puceNoire.jpg);
}

/* Tips 
-----------------------------------------------------------*/

a.toolbox {
	color:#006633;
	text-decoration:none;
	border-bottom:1px dotted #006633;
}
a.toolbox b {
	display:none;
}
a.toolbox:hover {
	border:0; 
	position:relative; 
	z-index:500; 
	text-decoration:none;
}
a.toolbox:hover b {
	display:block;
	position:absolute;
	top:20px;
	left:-25px;
	padding:5px;
	font-weight:normal;
	color:#ddd;
	border:1px ridge #ccc;
	background:#323232;
	width:330px;
	font-style:italic;
}
a.toolbox:hover b span {
	font-weight:bold;
	font-style:normal;
}
a.toolbox:hover b em {
	position:absolute; 
	left:20px; 
	top:-6px; 
	width:11px; 
	height:6px; 
	background:#fff url(../images/tip/onglet.gif) 0 0; 
	display:block; 
	font-size:1px;
}


/* Liens Accueil en bas
-------------------------------*/
 
.liensTop {
	background: url(../images/liens_01.jpg);
	width: 900px;
	height: 65px;
}
.liensContenu {
	background: url(../images/liens_02.jpg) repeat-y;
	width: 858px;
	padding: 0 21px 0 21px;
	font: normal 11px/18px Verdana, Arial, sans serif;
	color: 999999;
}
.liensContenu p a, .liensContenu p {
	color: #999999;
}

.liensPied {
	background: url(../images/liens_04.jpg) no-repeat;
	width: 900px;
	height: 58px;
	margin: 0 0 10px 0;
}


