/* Style pour site cardalis.fr  sept 2009 - Cyrille Chastagner*/

body {
	margin: 0;
	padding: 0;
	background-color: rgb(242, 242, 242);
	color: #3E3E3E;
	font-family: Verdana, Arial, sans-serif;
	font-size: 80%;
}

hr {
margin: 35px 250px;
text-align: center;
}

img#logocardalis {
position: absolute;
top: 0;
left: 0;
width: 165px;
height: 105px;
border: 0;
}

a, a:hover {
	color:#ffffff;
	text-decoration:none;
	}

.lientexte{
color:#3E3E3E;
}

a:hover.lientexte{
color:#2873B5;
text-decoration: underline;
}

	h1 { 
	font: normal 1.5em verdana, sans-serif;
	font-weight: 600;
	letter-spacing: 2px;
	margin-top: 0;	
	padding-top: 12px; 
	padding-left: 0px; 
	color: #4B4B4B;
	}

	h2 { 
	font: italic normal 1.2em verdana, sans-serif;
	font-weight: 600;
	letter-spacing: 1px; 
	margin-bottom: 5px; 
	color: #4B4B4B;
	}

p {
margin: 5px;
}

#header {
	position: relative;
	height: 143px;
	width: 1000px;
	margin: 0 auto;
	background: #97C05F url(interface/cardalis-imprimante-badge-fond-header-vide-carre1000.gif) top left no-repeat;
}

#header h1 {
margin-top: 5px;
padding-top: 28px;
margin-left: 230px;
font-weight: normal;
font-size: 23px;
font-style: italic;
color: white;
width: 566px;
}

.liens_institu li {
font-weight: bold;
font-size: 10px;
letter-spacing: 1px;
color: white;
display: inline;
}

ul.liens_institu  {
margin-top: -95px;
margin-left: 730px;
}

.liens_solution li {
color: white;
display: inline;
font-size: 11px;
font-weight: bold;
letter-spacing: 2px;

}

ul.liens_solution  {
margin-top: 100px;
margin-left: 0;
}

#footer {
	height: 40px;
	width: 1000px;
	margin: 0 auto;
	margin-bottom: 5px;
	background-color: #3C3C3C;
	font-size: 10px;
	color: rgb(210, 210, 210);
}

#footer p {
padding-top: 8px;
text-align: center;
}

#contenu {
	width: 1000px;
	margin: 0 auto;
	background-color: #ffffff;
	margin-top: 5px;
	margin-bottom: 5px;
	}

#contenuD, #contenuG {
height: 640px;
}

#contenu img {
	padding: 2px;
	border: 0;
}

#contenuD a {
	color: black;
	font-size: 0.8em;
}

#contenuG a {
color: #EA653A;
}

#contenuG {
float: left;
width: 220px;
background-color: white;
border-right-width: 10px;
border-right-color: rgb(242, 242, 242);
border-right-style: solid;
font-size: 0.8em;
}

#contenuD {
position: relative;
padding-top: 10px;
margin-left: 270px;
}

#contenu-solutions {
padding: 0 150px;}

#paragraphe1 {
height: 100px;
}

#paragraphe2 img {
margin-right: 0;
margin-left: 10px;
}

#offre1, #offre2, #offre3 {
padding-top: 5px;
margin-top: 0px;
padding-bottom: 15px;
margin-left: 0px;
width: 220px;
border-bottom: 10px solid rgb(242, 242, 242);
text-align: center;
}

#offre3 {
border-bottom: none;
padding-bottom: 0;
margin-bottom: 55px;
}


.img1 {
margin-left: 50px;
}

.img2 {
margin-left: 180px;
}

.img3 {
margin-left: 0;
}

.img4 {
margin-left: 120px;
}

h1.img1 {
position: relative;
width: 475px;
font-size: 0.8em;
color: white;
background-color: #3B3B3B;
text-transform : uppercase;
font-weight: 600;
margin: 0;
padding: 0;
text-align: right;
top: 2px;
left: 52px;
}

h1.img2 {
position: relative;
font-size: 0.8em;
width: 475px;
color: white;
background-color: #3B3B3B;
text-align: right;
text-transform : uppercase;
font-weight: 600;
margin: 0;
padding: 0;
top: 2px;
left: 182px;
}

h1.img3 {
position: relative;
font-size: 0.8em;
width: 475px;
color: white;
background-color: #3B3B3B;
text-align: right;
text-transform : uppercase;
font-weight: 600;
margin: 0;
padding: 0;
top: 2px;
left: 2px;
}

h1.img4 {
position: relative;
font-size: 0.8em;
width: 475px;
color: white;
background-color: #3B3B3B;
text-align: right;
text-transform : uppercase;
font-weight: 600;
margin: 0;
padding: 0;
top: 2px;
left: 122px;
}

.plandusite {
color: black;
font-size: 11px;
}

 a:hover.plandusite {
color: red;
}

.TitreDocumentAide {
	text-align: center;
	font: normal 25px verdana, sans-serif;
	font-weight: 600;
	letter-spacing: 2px;
	color: #4B4B4B;
}

#Haut-aide {
	position: relative;
	height: 85px;
	width: 800px;
	margin: 0 auto;
}

#Contenu-aide {
	width: 800px;
	margin: 0 auto;
	background-color: #ffffff;
	margin-top: 5px;
	margin-bottom: 5px;
	}