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

body {
	margin: 0;
	padding: 0;
	background-color: #FFFFFF;
	color: #3E3E3E;
	font-family: Arial, sans-serif;
	font-size: 12px;
}

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

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

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

.lientexte{
color:#3E3E3E;
}
.lienP{
color:#E36239;
}

a:hover.lienP{
color:#000000;
text-decoration: underline;
}
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: #FFFFFF url(interface/haut-cardalis-fond4tel.gif) top left no-repeat;
}

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

#header h2 {
margin-top: -12px;
padding-top: 0px;
margin-left: 185px;
font-weight: normal;
font-size: 9px;
font-style: italic;
color: white;
width: 566px;
}

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

.liens_institu a:hover, .liens_solution a:hover, #footer2010 a:hover{
color:#E36239;
}


ul.liens_institu  {
margin-top: -92px;
margin-left: 705px;
}

.liens_solution li {
color: white;
display: inline;
font-size: 12px;
font-weight: normal;
letter-spacing: 1px;

}

ul.liens_solution  {
margin-top: 105px;
margin-left: 0px;
text-align: left;
}

#accueil {
color:#FFD400;
font-weight: bold;
}

#footer2010 {
	height: 200px;
	width: 1000px;
	margin: 0 auto;
	margin-bottom: 5px;
	font-size: 10px;
	color: rgb(210, 210, 210);
	background: #FFFFFF url(interface/bas-cardalis-fond2.gif) top left no-repeat;
}

#footer p {
padding-top: 8px;
text-align: center;
}
#footer2010v {
	height: 150px;
	width: 1000px;
	margin: 0 auto;
	margin-bottom: 5px;
	font-size: 10px;
	color: rgb(210, 210, 210);
}

#footer2010v p {
padding-top: 8px;
text-align: center;
color: black;
}

#contenu {
	width: 1006px;
	margin: 0 auto;
	padding: 0;
	}

table#table1 {
	margin : 0;
	padding: 0;
	border: 0;	
}

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

#contenuC {
float: left;
width: 650px;
}

#contenuG , #contenuD {
width: 174px;
background-color: white;
background: url(interface/haut-col.gif) top left no-repeat;
padding-top: 25px;
}

#cadre1, #cadre2, #cadre3 {
background: url(interface/bas-col.gif) bottom left no-repeat;
padding-bottom: 25px;
}

div#cadre1 p, div#cadre2 p , div#cadre3 p {
margin : 0 25px 0 20px;
}

#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;
	}

#cola, #colb, #colc, #cold , #cole, #colf {
	width: 162px;
	margin : 1px;
	float: left;
}

#cola {
	margin-left: 6px;
	margin-top: 25px;
}

#footer2010 ul {
list-style-type: none;
	font: normal 10px arial, verdana, sans-serif;
	color: #FFFFFF;
}

#footer2010 li {
list-style-position: inside;
line-height: 1.5em;
margin-left : -20px; 
}


div.cadreA ,div.cadreB ,div.cadreC ,div.cadreD  {
width: 180px;
padding-top: 20px;
margin-bottom: 5px;
background: url(interface/haut-col.gif) top left no-repeat;
}

.cadreA h1 {
text-align : center;
color : white;
font: normal 12px arial, verdana, sans-serif;
margin: 0;
padding: 0;
margin-top: -18px;
margin-bottom: 4px;
letter-spacing: 0px;
}

.cadre650 h1 {
font: bold 16px arial, verdana, sans-serif;
color: black;
margin: 0;
padding: 0;
margin-top: 3px;
margin-bottom: 4px;
letter-spacing: 0px;
}

div.cadreA  {
background: url(interface/haut-colA.gif) top left no-repeat;
}

div.cadreB {
background: url(interface/haut-colB.gif) top left no-repeat;
}

div.bloccadre {
background: url(interface/colbas-180g.gif) bottom left no-repeat;
padding-bottom: 10px;
text-align : left;
}

div.cadre650 {
width: 632px;
padding-top: 5px;
margin-bottom: 5px;
background: url(interface/colhautM-632g.gif) top left no-repeat;
}

div.cadre850 {
width: 815px;
padding-top: 5px;
margin-bottom: 5px;
background: url(interface/colhautM-813g.gif) top left no-repeat;
}

div.cadre1000 {
width: 1000px;
padding-top: 5px;
margin-bottom: 5px;
background: url(interface/colhautM-1000g.gif) top left no-repeat;
}

div.bloccadre650 {
background: url(interface/colbasM-632g.gif) bottom left no-repeat;
padding-bottom: 10px;
}

div.bloccadre850 {
background: url(interface/colbasM-813g.gif) bottom left no-repeat;
padding-bottom: 10px;
}

div.bloccadre1000 {
background: url(interface/colbasM-1000g.gif) bottom left no-repeat;
padding-bottom: 10px;
}


div.bloccadre p, div.bloccadre650 p , div.bloccadre1000 p{
margin: 0 30px 0 20px;
padding-top : 5px;
margin-left: 3px;
margin-right: 3px;
font-size: 11px;
text-align : center;
}

p.logo , table.logo {
text-align: center;
}

p.reference {
font-size: 9px;
text-align: center;
}
.maligne
{
padding-bottom:10px;
margin-bottom:10px;
border-bottom: solid 1px #CFCFCF;
width:99%;
} 

.logo h1 {
font-size: 12px;
}

.650image {
padding: 0;
margin: 0;
}

#accroche {
font-size: 15px;
}

p.logo2 {
text-align: left;
background-color: yellow;
}

.bloccadre850 h1 {
	color: #3E3E3E;
	font-family: Arial, sans-serif;
	font-size: 16px;
    text-align : left;
}

div.bloccadre850 p {
margin: 0 30px 0 20px;
padding-top : 5px;
margin-left: 3px;
margin-right: 3px;
text-align : left;
}

.hotel h1 {
color: black;
	font-family: Arial, sans-serif;
	font-size: 18px;
    text-align : left;
}
.hotel h2 {
color: #A1A1A1;
	font-family: Arial, sans-serif;
	font-size: 15px;
    text-align : left;
	margin-bottom: 15px;
}

.hotel p {
padding-bottom: 8px;
}

.hotel ul {
text-align : left;
margin: 0;
margin-top: 10px;
list-style-type: disc;
list-style-position: outside;
}

.hotel li {
margin: 0;
margin-bottom: 8px;
padding: 0;
display: list-item;
}

span.lesplus {
color: #EB6239;
font-weight: bold;
}

			.carousel_container {
				width: 615px;
				height: 280px;
				margin: 0px auto;
				border: 0px solid #CCCCCC;
			}

.cadre1000, p.cadre1000 {
  font-family: Arial, sans-serif;
  font-size: 11px;
  text-align: left;
  }
  
.cadre1000 h1 {
  font-size: 17px;
  color: black;
  }
  
.cadre1000 h2 {
  font-size: 12px;
  font-style: normal;
  color: #AAAAAA;
  }

 a:hover.mail {
	color:#E36239;
	text-decoration:none;
	}

.mail{
color:#3E3E3E;
}

 a:hover.pdf {
	color:#3E3E3E;
	text-decoration:none;
	}

.pdf{
color:#E36239;
}

.toptitre {
font-weight: bold;
}