/* CSS Document */

body {
    /*height: 100%;*/
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size : 12px;
    color: #333333;
    /*background-color : #FFFFFF;*/
    background-color : #242424;
    /*background-image: url(../images/winter_background_01b.gif);
    background-repeat : repeat-y;*/
}

.frame {
  text-align: justify;
  width : 755px;
	margin-left : auto;
	margin-right : auto;
	background-color : white;
	background-repeat : no-repeat;
	background-position : top left;
  /* border: 1px outset black; */
  border-style:solid; 
  border-width:1px; 
  border-color:#4B4B4B;
}

.header {
    text-align: center;
    font-family: arial;
    background-color : #fff;
    font-size : 12px;
}

.footer {
    text-align: center;
    font-family: arial;
    background-color : #fff;
    font-size : 12px;
}

.block_news {
	font-weight: bold;
	text-align: center;
	font-size : 0.9em;
}

.block_news_horo {
	font-size: 0.9em;
	font-weight : normal;
	text-decoration: none;
  padding-left:8px;
  text-align:left;
  float:left
} 

.block_offres {
	text-transform : none; 
	text-align:left;
	float:left
	/*capitalize, première lettre du texte en majuscule, 
- uppercase, texte en majuscule, 
- lowercase, texte en minuscule, 
- none, texte normal. 
- inherit hérite de son parent (css 2)*/

} 

#temoignage
{
padding:10px;
margin:20px 0;
border: 1px solid #ccc;
float:left;
}

#temoignage p
{
margin:0;
padding:0;
text-align:justify;
}

#temoignage img
{
float:left;
margin:0 10px 10px 0;
}

table.max_height {
	height: 100%; 
} 

.td {
    text-align: justify;
}

.hr {
    border-width: 0.01em;
    border-style: solid; 
    border-color: #666666; 
    display: block;
}
/* ------------------
 style tableau comparatif 
   ------------------   */
#box-table-a
{
	/*font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;*/
	font-size: 11px;
	margin: 10px;
	width: 90%;
	text-align: left;
	border-collapse: collapse;
}
#box-table-a th
{
	font-size: 12px;
	font-weight: normal;
	padding: 8px;
	background: #FF9A00;
	border-top: 4px solid #FF9A00;
	border-bottom: 1px solid #fff;
	/*color: #039;*/
}
#box-table-a td
{
	padding: 8px;
	background: none; 
	border-bottom: 1px solid #fff;
	/*color: #669;*/
	border-top: 1px solid transparent;
}
#box-table-a tr:hover td
{
	/*background: #d0dafd;*/
	background: #e8edff;
	/*color: #339;*/
}
/*************************************************************************/

img {
border : 0px;
}


.ligne {
display: list-item;
list-style-image: url(../images/puce.gif);
list-style-type: square;
margin: 0 10px 0 15px;
padding: 10px;
}
/*************************************************************************/
.Style1 {font-family: Arial, Helvetica, sans-serif; font-size: 14px;}
.Style2 {font-size: 12px}
/*.Style3 {font-family: Arial, Helvetica, sans-serif; font-size: 12px; }*/
.Style5 {color: #FFFFFF}
.Style5_5 {color: #660033}
.Style6 {font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
.Style9 {font-family: Arial, Helvetica, sans-serif; font-size: 9px; }
.Style11 {font-size: 9px}
.Style12 {font-weight: bold}
.Style13 {font-size: 9px; font-family: Arial, Helvetica, sans-serif; }
.Style14 {color: #630031; font-weight: bold; }
.Style16 {color: #630031; font-weight: bold; font-family: Arial, Helvetica, sans-serif; }
.corps_texte {width:100%; float:left; margin:0; padding:0; text-align:justify;}
.corps_texte_handcursor {width:100%; float:left;cursor:hand;cursor:pointer;}
.majuscule { font-size:130%; font-weight: bold; }
.corps_texte_bold { font-size:100%; font-weight: bold; }
.corps_texte_bold_center { font-size:100%; font-weight: bold; text-align:center}
.corps_texte_center { font-size:100%; font-weight: normal; text-align:center}
.corps_texte_bold_bordo { font-size:110%; font-weight: bold; color:#660033;text-align:left}
.corps_texte_bold_bordo_center { font-size:110%; font-weight: bold; color:#660033;text-align:center}
.corps_texte_petit { font-size:90%;}
.corps_texte_petit_rouge { font-size:90%;color:#FF0000}
.corps_texte_petit_gris { font-size:80%;color:#808080}
.corps_texte_rouge { font-size:100%;color:#FF0000}
.corps_texte_rouge_center { font-size:100%;color:#FF0000;text-align:center}


/* lien jaune sur page accueil.html*/ 
A.jaune:link, A.jaune:visited, A.jaune:active, A.jaune:hover {background: url(images/puce.gif) 0 1px no-repeat; padding-left:8px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; color:#FF9900; font-size:12px;}
A.jauneseul:link, A.jauneseul:visited, A.jauneseul:active, A.jauneseul:hover {padding-left:8px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; color:#FF9900; font-size:12px;}
A.jaune_news:link, A.jaune_news:visited, A.jaune_news:active, A.jaune_news:hover {padding-left:8px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; color:#FF9900; font-size:0.9em;}
/* lien bordeaux sur page accueil.html==> news */ 
A.bordo:link, A.bordo:visited, A.bordo:active, A.bordo:hover {font-weight: normal; text-decoration: underline; padding-left:8px; color:#9d0000; font-size:12px; text-align:left; float:left}
a.corps_texte:link, a.corps_texte:visited, a.corps_texte:active, a.corps_texte:hover {text-decoration: underline; color:#9d0000; }
.grisword {margin:4px 0 0 0; float:right; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; color:#333333; font-size:10px;}
/*************************************************************************/

/* liens */

a:link {
    /* color: #293341; */
    color: #333333;
    text-decoration: underline;
    font-weight: normal;
    font-style: normal;
    cursor:hand;
    cursor:pointer;
}

a:visited {
    color: #333333;
    text-decoration: none;
    font-weight: normal;
    font-style: normal;
    cursor:hand;
    cursor:pointer;
}

a:hover {
    color: #9d0000;
    text-decoration: underline;
    font-weight: normal;
    font-style: normal;
    cursor:hand;
    cursor:pointer;
}

a.arrowlink {
    font-weight:normal;
    background: url('../images/icon_morearrow.gif') no-repeat 0 1px;
    padding-left:15px;
    padding-right:0;
    padding-top:0;
    padding-bottom:0
}
/*************************************************************************/

/**************************** menu ***************************************/

/********** pour menu horizontal */
dt, dl, dd, ul, li {
list-style-type: none;
margin: 0 9px 0 0;
padding: 0;
}

#menu {
/*position : relative;*/
position : static;
left: 10px;
top: 8px;
}

#menu dl {
float: left;
}

#menu li {
display: inline;
}

#menu a {
padding: 1px 1px 1px 1px;
color: #5B5B5B;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
text-decoration: none;
cursor:hand;
cursor:pointer;
}

#smenu1, #smenu2, #smenu3, #smenu4, #smenu5, #smenu6, #smenu7, #smenu8{
position: absolute;
left: 20%; /* distance gauche */
/*left: 0px;*/
font-size: 8pt;
/*border-top: 0px solid gray;*/
/*border-top: 1px solid gray;*/
width: 670px; /* taille du trait qui apparaît */
/*width: 720px;*/
}


/********* pour menu vertical *
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}

#menu {
position: relative;
top: 0;
left: 0;
z-index:100;
width: 100%;
}

#menu dl {
float: left; 
width: 7em; 
margin: 10px 1px;
}

#menu dt {
cursor: pointer;
text-align: center;
font-weight: bold;
background: #ccc;
border: 1px solid gray;
}

#menu dd {
border: 1px solid gray;
}

#menu li {
text-align: center;
background: #fff;
}

#menu li a, #menu dt a {
color: #000;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}

#menu li a:hover, #menu dt a:hover {
background: #eee;
}
***************************/

#menu a:link {
    color: #293341;
    text-decoration: none;
    font-weight: normal;
    font-style: normal;
    cursor:hand;
    cursor:pointer;
}
#menu a:visited {
    color: #293341;
    text-decoration: none;
    font-weight: normal;
    font-style: normal;
    cursor:hand;
    cursor:pointer;
}
#menu a:hover {
    color: #9d0000;
    font-weight: normal;
    cursor:hand;
    cursor:pointer;
    /* padding-left:15px; */
}

/*#menu a:hover:before {
     content:"» ";  /* ne marche pas avec ce p*@#! de IE
} */

/*************************************************************************/

/*************************************************************************/

/* coins arrondis */
.upperleft{
  /*display: inline;*/
	width : 800px;
	margin-left : auto;
	margin-right : auto;

	background-color : white;
	/* background-image : url(../images/upperleft.png); */
	background-repeat : no-repeat;
	background-position : top left;
	
	border: 1px outset black;
	
}

.upperright{
	/* background-image : url(../images/upperright.png);*/
	background-repeat : no-repeat;
	background-position : top right;
}

.lowerleft{
	/* background-image : url(../images/lowerleft.png);*/
	background-repeat : no-repeat;
	background-position : bottom left;
}

.lowerright{
	/* background-image : url(../images/lowerright.png);*/
	background-repeat : no-repeat;
	background-position : bottom right;
	padding : 3% 3% 3% 3%;
}
/*************************************************************************/
.handcursor
{
cursor:hand;
cursor:pointer;
}

/*****************************************************************************/
input.field_simul {
	background-color : #EAEEF2; 
	font-weight : normal; 
	border : 1px solid #999999; 
	text-align: right;
	padding-right: 0px;
} 
input.field_simul_result {
	color : red; 
	background-color : #EAEEF2; 
	font-weight : normal; 
	border : 1px solid #999999; 
	text-align: right;
	padding-right: 0px;
} 
/******************************************************************************/
/* featured item gradbox*/

div.gradbox	{
    /*width: 537px;*/
    position:relative;
    width: 95%;
    background: url('../images/gradboxbg.jpg') repeat-x 15px 9px; 
    margin-left:15px; 
    margin-right:0; 
    margin-top:0; 
    margin-bottom:10px; 
    padding-left:0; 
    padding-right:0; 
    padding-top:0; 
    padding-bottom:5px;
    overflow:hidden;
}

/*div.gradbox img.left {
    position : relative;
    float:right; 
    border:1px solid #CCD5DB; 
    margin: 0 14px 4px 5px;
}*/
div.date_form {
    position : relative;
    float:right; 
    width: 159px; 
    margin-bottom: 10px;
    margin-left: 10px;
    margin-right: 5px;  
    font-size: 0.85em; 
    line-height: 1.6em;
    background: #D3E9FF url('../images/infobox_bottomcap.gif') no-repeat 0 100%;; 
    padding-left:8px; 
    padding-right:8px; 
    padding-top:0; 
    padding-bottom:10px;
}

div.date_form h5 {
  display:block; 
  border-bottom: 1px solid #FFF; 
  font-size: 1.25em; 
  color:#333 !important;
  background: #D3E9FF url('../images/h5_getstartedbg.gif') no-repeat 0 0;; 
  margin-left:-8px; 
  margin-right:-8px; 
  margin-top:0; 
  margin-bottom:5px; 
  padding-left:8px; 
  padding-right:0; 
  padding-top:4px; 
  padding-bottom:4px
}

ul.arrows li {
  background: url('../images/minliarrow.gif') no-repeat 0 6px; 
  margin:0; 
  padding-left:13px; 
  padding-right:0; 
  padding-top:0; 
  padding-bottom:0
}