/* CSS Document */

#goto_tel_insc{
margin: auto;
width: 450px;
height: 74px;
background: #FFF url(/img/inscrip_tel_off.png) 0 0 no-repeat;
border: none;
outline: none;
cursor : auto;
text-indent: -10000px;
}

#goto_tel_insc:hover {
cursor : pointer;
left:-10000px;
background: #FFF url(/img/inscrip_tel_on.png) 0 0 no-repeat;
}

#jform1_classique {
margin-left: 11px;
width: 140px;
height: 165px;
background: #FFF url(/img/inscrip_cla_off.png) 0 0 no-repeat;
border: none;
outline: none;
cursor : auto;
}

#jform1_classique:hover {
cursor : pointer;
background: #FFF url(/img/inscrip_cla_on.png) 0 0 no-repeat;
}

#jform1_confort {
margin-left: 11px;
width: 140px;
height: 165px;
background: #FFF url(/img/inscrip_conf_off.png) 0 0 no-repeat;
border: none;
outline: none;
cursor : auto;
}

#jform1_confort:hover {
cursor : pointer;
background: #FFF url(/img/inscrip_conf_on.png) 0 0 no-repeat;
}

#jform1_serenite{
margin-left: 11px;
width: 140px;
height: 165px;
background: #FFF url(/img/inscrip_ser_off.png) 0 0 no-repeat;
border: none;
outline: none;
cursor : auto;
}

#jform1_serenite:hover {
cursor : pointer;
background: #FFF url(/img/inscrip_ser_on.png) 0 0 no-repeat;
}

#jform1_integrale{
margin-left: 11px;
width: 140px;
height: 165px;
background: #FFF url(/img/inscrip_int_off.png) 0 0 no-repeat;
border: none;
outline: none;
cursor : auto;
}

#jform1_integrale:hover {
cursor : pointer;
background: #FFF url(/img/inscrip_int_on.png) 0 0 no-repeat;
}

#jform1_serenite_GVR{
margin-left: 11px;
width: 140px;
height: 165px;
background: #FFF url(/img/inscrip_ser_off.png) 0 0 no-repeat;
border: none;
outline: none;
cursor : auto;
}

#jform1_serenite_GVR:hover {
cursor : pointer;
background: #FFF url(/img/inscrip_ser_on.png) 0 0 no-repeat;
}

#jform1_pro {
margin-left: 11px;
width: 140px;
height: 165px;
background: #FFF url(/img/inscrip_pro_off.png) 0 0 no-repeat;
border: none;
outline: none;
cursor : auto;
}

#jform1_pro:hover {
cursor : pointer;
background: #FFF url(/img/inscrip_pro_on.png) 0 0 no-repeat;
}

#jform1_volume{
width: 140px;
height: 165px;
background: #FFF url(/img/inscrip_vol_off.png) 0 0 no-repeat;
border: none;
outline: none;
cursor : auto;
}

#jform1_volume:hover {
cursor : pointer;
background: #FFF url(/img/inscrip_vol_on.png) 0 0 no-repeat;
}

body 
{
	font-family:Arial, Verdana, Sans;
	font-size:0.8em;
	background-color: #EDEDED;
        background-image: url(/img/bg_site.png);
        background-repeat:repeat-x;
	margin: 0px;
}


a img 
{ 
border:0;
}

#main {
	position: relative;
	margin: 0px auto;
	padding-bottom: 20px;
	margin-top: -14px;
	width: 1000px;
	background-color: #FFFFFF;
}

#col_d {
	margin: auto;
	width:965px;
	padding-top:1px;
	padding-bottom:1px;
	border:2px;
	border-color:#d8d8d8;
	border-style:solid;
	background-color:#FFFFFF;
}
	
	
#bas
	{
	clear:both;
	}

#header {
 
   padding: 2px 10px 5px 10px;
   margin:3px;
   height: 15px;
   background-color:#909090;
   color:white;
   font-family:Arial, Verdana, sans-serif;
   font-weight:bold;
   font-size:1.2em;
   text-align:right;

 }
 
 #img_intro{
 clear:both;
 }
 
 #intro
  {
  text-align:center;
  background-image:url(images/degrade.png);
  background-repeat:repeat-x;
  background-position:top;
  color:#FFFFFF;
  margin:0px;
  padding:0px;
  position:absolute;
  top:87px;
 }
 
 #imgbas
 {
 clear:both;
 vertical-align:bottom;
 position:absolute;
 top:377px;

 }

#footer {
width:800px;
height:10px;
clear:both;
background-color:#FFFFFF;
border:none;
text-align:center;
padding-top:8px;
margin:auto;
color:#FFFFFF; 
font-size:10px;

}

#footer a 
{
color:#FFFFFF; 
text-decoration:none;
font-size:10px;
text-decoration:underline; 
}

#footer a:hover 
{
color:#A42268;
font-size:10px; 
text-decoration:underline; 
}


#filet {
   padding: 2px 10px 5px 10px;
   margin:3px;
   height: 2px;
}




.jforms-ctl-offre
{
	width: 100%;
	float: left;
	clear: both;
}

#content legend 
{
	color:#000000;
	font-weight:bold;
}

#content a { color:#BF2A77; text-decoration:none; }
#content a:visited {  color : #BF2A77; }
#content a:hover {
text-decoration:underline;
}

#content h1 
{ 
color: #BF2A77; 
border-bottom:4px solid #ababab; 
margin:0; 
}

#content h2 { 
color: #BF2A77; 
border-bottom:2px solid #002830; 
margin:0.5em 0 0.5em 0; 
}

#content h3 
{ 
color: #A42268; 
border-bottom:1px solid #002830; 
margin:0.5em 0 0.5em 0; 
}

#content h4 
{ 
color: #3F3F3F;
font-size:16px;
font-weight:bold; 
}

#societe{
position:absolute;
right:20px;
}

#content input.button{
   background-color:#4397b6;
   border-left: 1px solid #99cbde;
   border-right: 1px solid  #225365;
   border-top: 1px solid #99cbde ;
   border-bottom: 1px solid  #225365;
   -moz-border-radius:3px;
   color:white;
   cursor: pointer;
}

#content label {
	font-size:0.8em;
}
#content fieldset {
	/*text-align: center;*/
	padding: 15px 15px 15px 15px;
}
#content div.submit {
	text-align: center;
	padding: 10px 0px 0px 0px;
}

#content div.offre {
  text-align: center;
  float: left;
  width: 25%;
}
#content div.titreOffre {
   color:#BF2A77;
   font-weight:bold;
   font-size:1.5em;
}

#content div.offre a:hover {
	background-color: transparent;
	text-decoration: none;
}

#content div.desc {
float:right;
 width:35%;
 vertical-align:top;
 position:absolute;
 top:200px;
 right:20px;
 line-height:22px;
 }

#content div.societe1{
  float: left;
  text-align: justify;
  width: 50%;
}
#content div.societe2{
	padding-top:40px;
	float: left;
	text-align: center;
	width: 50%;
}

#content .erreur {
	position: relative;
	text-align: center;
	color : #ff0000;
	font-weight:bold;
	width:300px;
	left:50%;
	margin-left:-150px;
	margin-top:20px;
}

#content .confi {
	text-align: justify;
	color : #8F8F8F;
	font-size: 10px;
}
#content  ul {
    color: #000000;
}

#content {
   padding:5px 5px 5px 5px;
   min-height: 410px;
   color : #000000;
   margin: auto;
 
   width: 916px;
   vertical-align:text-top;
}

#faq-content {
	position: relative;
	left: 14px;
	top: 0px;
	height: 100%;
	position: relative;
	text-align: justify;
}

#faq-onglets {
	position: relative;
	left: 14px;
	top: 0px;
    width:100%;
	height: 34px;
    background:yellow;
    font-size:93%;
    line-height:normal;
    background:#ffffff url("../img/bg.gif") repeat-x bottom;
	margin-bottom:10px;
}

#faq-onglets ul {
	top: 0px;
    margin:0;
    padding:10px 10px 0;
    list-style:none;
}
	
#faq-onglets li {
    float:left;
    background:url("../img/viv_right.gif") no-repeat right top;
    margin:0;
    padding:0;
	color: white;
	font-weight:bold;
}

#faq-onglets a span{
    display:block;
    background:url("../img/viv_left.gif") no-repeat left top;
    padding:6px 15px 4px;
	text-decoration: none;
	color: white;
	font-weight:bold;
}
#prix
{
clear:both;

}


#offres{
clear:both;
padding-top:20px;
padding-bottom:20px;
padding-left:110px;
margin:auto;
}

#dispo
{
clear:both;
padding:15px;
}

#faq-onglets a:hover span{
    display:block;
    background:url("../img/viv_left.gif") no-repeat left top;
    padding:6px 15px 4px;
	background-color: transparent;
	text-decoration: none;
	color: white;
	font-weight:bold;
}

#faq-onglets a{
	text-decoration: none;
	color: white;
	font-weight:bold;
}

#faq-onglets a:hover{
	background-color: transparent;
	text-decoration: none;
	color: white;
	font-weight:bold;
}

 #faq-onglets #current {
    background-image:url("../img/norm_right_on.gif");
}

 #faq-onglets #current a span{
    background-image:url("../img/norm_left_on.gif");
    padding-bottom:5px;
	text-decoration: none;
	color: black;
	font-weight:bold;
}

 #faq-onglets #current a:hover span{
    background-image:url("../img/norm_left_on.gif");
    padding-bottom:5px;
	background-color: transparent;
	text-decoration: none;
	color: black;
	font-weight:bold;
}

 #faq-onglets #current a{
	text-decoration: none;
	color: black;
	font-weight:bold;
}

 #faq-onglets #current a:hover{
	background-color: transparent;
	text-decoration: none;
	color: black;
	font-weight:bold;
}

#modem{
position:absolute;
right:5px;
top:200px;
}

#prix{
clear:both;
padding-top:25px;
padding-bottom:15px;
padding-left:25px;
}


#sidemenu a 
{
color:#FFFFFF; 
text-decoration:none;
font-weight:bold;
}

#sidemenu a:hover 
{ 
text-decoration: none;
font-weight:bold;
color:#A42268;

}
#sidemenu ul 
{
list-style-type:none;
font-size:12px;
line-height:22px;
text-align:right;
padding-right:10px;
font-family:Arial, Verdana, sans-serif;

}



#som-hotline {
	width: 100%;
	text-align: center;
	color : #000000;
	font-size: 9px;
}


#inscription2-content {
	position: relative;
	left: 0px;
	top: 10px;
	height: 100%;
	position: relative;
	text-align: justify;
}

#inscription2-onglets {
	position: relative;
	//left: 0px;
	top: 10px;
    width:100%;
	height: 35px;
	border-bottom: solid 2px;
	background-color: #ffffff;
	padding-bottom: 5px;
}

#inscription2-onglets ul {
	top: 0px;
    margin:0px;
    list-style:none;
}
	
#inscription2-onglets li {
    float:left;
    width:16%;
	text-align: center;
}



#inscription2-onglets span{
	font-size: 10px;
}


 #inscription2-onglets #current {
    //width:20%;
	//height: 40px;
}

#inscription2-onglets #current span{
	font-size: 12px;
	color: black;
	font-weight:bold;
}

.jforms-ctl-typePaiementModem {
	clear:both;
	float:left;
	width:100%;
}

https://www.viveole.fr/jelix/design/jform.css

/**
 * stylesheet for forms generated by jelix
 *
 */

.jforms-help {}
.jforms-label {}
.jforms-value {}

.jforms-required { font-weight:bold; }
.jforms-required:after { content:"*"; font-weight:bold; color:red; }

.jforms-error-list { color:red; border:1px solid red;}

input.jforms-error, textarea.jforms-error, select.jforms-error {background-color: #ffd6d7;}

label.jforms-error, span.jforms-error {font-style:italic; color:red;}