html {
	font:.85em arial, sans-serif;
}
body,
form,
ul,
ol,
li,
h1 {
	margin:0;
}
ul {
	padding:0;
}
body {
	background:url(../img/bg.png) repeat-x #e6e6e6;
}
img {
	border:0
}
ul,
li,
form {
	list-style-type:none;
}
:focus {
	outline:none;
}
/* Main menu */
#head,
#titrehead,
#bandeau,
#main,
#foot,
#cpr {
	width:980px;
	margin:auto;
}
#head {
	height:83px;
	margin:20px auto auto;
}
#titrehead 
{
	height:3px;
	font-size:11px;
	color:#787878;
	margin:20px auto auto;

}


#head h1,
#menu-offres,
#menu-offres li,
#main-menu,
#main-menu li,
#top-left,
.adherent,
#menu-contact {
	float:left;
}
#head h1 {
	height:68px;
	margin:0;
	margin-top:15px;
	margin-left:-8px;
}
#header {
                float:left;
                height:68px;
                margin:15px 0 0 -8px;
}

 #header h1
{
        background: url(../Img/mutuelle-ociane.jpg) top left no-repeat;
        width:200px;
        height:68px;
        margin:0;
        padding:0;
        border:none;
        position:absolute;
}
.casper{
        display:none;
}

#maillage 
{
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	background-color:#dfdfdf;
	
}
#menu-offres {
	height:83px;
	background:#e6e6e6;
}
#menu-offres a {
	display:block;
}
.s,
.s a {
	background:url(../img/s-menu.png) no-repeat;
	position:relative;
	overflow:hidden;
	display:block;
}

#espace-adherent input.sss
{
	position:relative;
	overflow:hidden;
	display:block;
  background-color:#FFFFFF;
  border-color:#336699;
  border-style:solid;
  border-width:1px;
  border-color:	#C0C0C0;
  height:15px;

}
 


.oxyjeune strong,
.osmoz strong,
.coloc span,
.adherent span,
.adherent-btn span,
.accueil span,
.devis span,
.mutuelle span,
.astuces span,
.remboursements span,
.questions span,
.contact-cam span,
.contact-tel span,
.contact-agences span {
	position:absolute;
	top:-9999px;
}
.oxyjeune a {
	background-position:0 0;
	width:153px;
	height:80px;
}
.oxyjeune a:hover {
	background-position:0 -80px;
}
.osmoz a {
	background-position:-154px 0;
	width:148px;
	height:80px;
}
.osmoz a:hover {
	background-position:-154px -80px;
}
#top-left {
	width:484px;
	height:68px;
}
#logo-coloc {
	height:58px;
}
.coloc {
	background-position:-344px -220px;
	width:235px;
	height:49px;
	margin-left:auto;
}
.slogan {
                float:left;
                margin:26px 0 0 4px;
                font-size:18px;
                color:#0053a1;
}

#espace-adherent {
	background:#e6e6e6;
	height:25px;
	position:relative;
}

#espace-adherent  .tooltip_login {
	color:#1A62B4;
	text-decoration:none;
	margin:0 0 0px 0px;
	padding:0px;
  
}

 
 #espace-adherent  .esp_perso {
	color: #288CE6;
    float: left;
    font-size: 11px;
    font-weight: bold;
    margin-top: 3px;
    padding-left: 5px;
    text-decoration: none;
    width:140px;
}
 

 
#espace-adherent input,
#espace-adherent button,
#espace-adherent span {
	float:left;
	
}
#espace-adherent input,
#espace-adherent button {
	background-position:-244px -233px;
	border:0 none;
	display:inline;
	font-size:10px;
	height:18px;
	margin:4px 2px 0 0;
	padding: 2px 0 0 4px;
	width:97px;
}
#espace-adherent button
{
    cursor:pointer;
}
.pipe {
	background-position:-201px -215px;
	width:1px;
	height:25px;
	margin-right:10px;
}
#espace-adherent button.adherent-btn {
	background-position:-255px -160px;
	width:13px;
	height:18px;
	color:#fff;
	margin-right:8px;
}
#espace-adherent a {
	font-size:11px;
	color:red;
	text-decoration:none;
	font-weight:bold;
	float:left;
	margin-top:6px;
	background:url(../img/puces.png) no-repeat 0 0;
	padding-left:10px;
}
.border {
	background-position:-202px -215px;
	width:4px;
	height:25px;
	right:0;
	position:absolute;
}
/*Menu*/
#main {
	background:#fff;
	position:relative;
}
#flash 
{
	 /*visibility:hidden; */
	display:none;
}
#bt_flash 
{
	/* visibility:hidden;*/ 
	display: none;
}

.accueil a,
.devis a,
.mutuelle a,
.astuces a,
.remboursements a,
.questions a {
	background-position:0 0;
	width:138px;
	height:55px;
	float:left;
}
.accueil a:hover,
.devis a:hover,
.mutuelle a:hover,
.astuces a:hover,
.remboursements a:hover,
.questions a:hover {
	background-position:-34px -51px;
}
.accueil a {
	background-position:-201px -160px;
	width:27px;
	height:55px;
}
.accueil a:hover {
	background-position:-228px -160px;
}
.devis a {
	background-position:0 -160px;
	width:200px;
	height:55px;
}
.devis a:hover {
	background-position:0 -215px;
}
.mutuelle a {
	background-position:-302px 0;
}
.mutuelle a:hover {
	background-position:-302px -55px;
}
.astuces a {
	background-position:-440px 0;
}
.astuces a:hover {
	background-position:-440px -55px;
}
.remboursements a {
	background-position:-302px -110px;
}
.remboursements a:hover {
	background-position:-302px -165px;
}
.questions a {
	background-position:-440px -110px;
}
.questions a:hover {
	background-position:-440px -165px;
}

.jseparateur a  { 
 
	width:552px;
	height:55px;
	float:left;
}


.sj, .sj a {
     
    background-color:White;
    display: block;    
    overflow: hidden;
    position: relative;
    cursor:default;
}

/*Footer*/
#foot,
#cpr {
	font-size:9px;
	color:#333;
	margin-top:10px;
}
#foot h3,
#foot h4,
#foot h5,
#foot h6 {
	font-size:11px;
	color:#787878;
	margin:0;
	padding:10px 0 5px 10px;
	min-height:30px;
}
#foot ul
{
    padding: 0 0 5px 10px;
    min-height:75px;
}
#foot div {
	width:162px;
	height:150px;
	background:url(../img/bg-foot.png) repeat-x;
	float:left;
	margin-right:1px;
	/*padding:0 10px 10px;*/	
}
#foot a {
	color:#969696;
	text-decoration:none;
	/*background:url(../img/puces.png) no-repeat 0 -77px;	*/
	background:url(../img/gris-inactif.png) no-repeat;	
	padding-left:6px;
}
#foot a:hover {
	color:#787878;
	/*background:url(../img/puces.png) no-repeat 0 -92px;	*/
	background:url(../img/gris-actif.png) no-repeat;	
}
#cpr {
	clear:both;
	text-align:right;
	padding:30px 0 75px 0;
}
/*Content*/
/*Elements dont la couleur change selon la rubrique*/
#main.green h3,
/*#main.green #content strong,*/
#main.green #content #content-menu a,
#main.green table th,
#main.green #content h1 {
	color:#50B428;
}
#main.green table th,
#main.green table tfoot {
	background:#dcf0d2;
}
#main.green .ui-tabs-nav .ui-state-default a span {
	background:url(../img/vert-actif.png) 0 5px no-repeat;
}
#main.green .ui-tabs-nav .ui-state-active a span {
	background:url(../img/vert-inactif.png) 0 5px no-repeat;
}
#main.green #main-content li {
	background:url(../img/puce-verte.png) no-repeat 0 5px;
}
#main.green h3 {
	background:url(../img/titre-vert.png) no-repeat -1px 8px;
	padding-left:21px;
	padding-bottom:4px;
}
#main.orange h3,
/*#main.orange #content strong,*/
#main.orange #content #content-menu a,
#main.orange table th,
#main.orange #content h1 {
	color:#faa014;
}
#main.orange table th,
#main.orange table tfoot {
	background:#fae1b9;
}
#main.orange .ui-tabs-nav .ui-state-default a span {
	background:url(../img/orange-actif.png) 0 5px no-repeat;
}
#main.orange .ui-tabs-nav .ui-state-active a span {
	background:url(../img/orange-inactif.png) 0 5px no-repeat;
}
#main.orange #main-content li {
	background:url(../img/puce-orange.png) no-repeat 0 5px;
}
#main.orange h3 {
	background:url(../img/titre-orange.png) no-repeat -1px 8px;
	padding-bottom:4px;
	padding-left:21px;
}
#main.blue h3,
/*#main.blue #content strong,*/
#main.blue #content #content-menu a,
#main.blue table th,
#main.blue #content h1 {
	color:#288ce6;
}
#main.blue table th,
#main.blue table tfoot {
	background:#d2e6fa;
}
#main.blue .ui-tabs-nav .ui-state-default a span {
	background:url(../img/bleu-actif.png) 0 5px no-repeat;
}
#main.blue .ui-tabs-nav .ui-state-active a span {
	background:url(../img/bleu-inactif.png) 0 5px no-repeat;
}
#main.blue #main-content li {
	background:url(../img/puce-bleue.png) no-repeat 0 5px;
}
#main.blue h3 {
	background:url(../img/titre-bleu.png) no-repeat -1px 8px;
	padding-bottom:4px;
	padding-left:21px;
}
#main.red h3,
/*#main.red #content strong,*/
#main.red #content #content-menu a,
#main.red table th,
#main.red #content h1 {
	color:red;
}
#main.red table th,
#main.red table tfoot {
	background:#ffc8c8;
}
#main.red .ui-tabs-nav .ui-state-default a span {
	background:url(../img/rouge-actif.png) 0 5px no-repeat;
}
#main.red .ui-tabs-nav .ui-state-active a span {
	background:url(../img/rouge-inactif.png) 0 5px no-repeat;
}
#main.red #main-content li {
	background:url(../img/puce-rouge.png) no-repeat 0 5px;
}
#main.red h3 {
	background:url(../img/titre-rouge.png) no-repeat -1px 8px;
	padding-bottom:4px;
	padding-left:21px;
}
/*END-Elements dont la couleur change selon la rubrique*/
#main.dt_gar #content #content-menu a,
#main.dt_gar table th,
#main.dt_gar #content h1 {
	color:#666699;
}
#main.dt_gar table th,
#main.dt_gar table tr,
#main.dt_gar table tfoot {
	background:#ffffff;
}
table th {
	font-weight:bold;
}
#breadcrumb {
	background:#f0f0f0;
	font:10px Arial, Helvetica, sans-serif;
	padding:5px;
	color:#323232;
	font-weight:bold;	
}
#breadcrumb a {
	color:#969696;
	text-decoration:none;
}

#content #tabs a {
	background:none;
	font-weight:normal;
}
#content {
	padding:20px;
	font:12px Arial, Helvetica, sans-serif;
	color:#323232;
	margin-right:180px;
}
#content h1 {
	font:22px Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#141414;
	text-transform:uppercase;
	padding:0;
	margin:0;
}
#content h2 {
	font:18px Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#141414;
	padding:0;
	margin:0;
}
#content h3 {
	font:bold 14px Arial, Helvetica, sans-serif;
	padding:12px 0 0;	
	margin:0;	
}
#content em {
	color:#000;
	background:#fff582;
	font-style:normal;
	font-weight:bold;
}
#content small {
	color:#969696;
	font-size:12px;
}
#content strong {
	/*font-size:18px;*/
	font-size:12px;
	font-weight:bold;
}
#content #main-content a {
	color:#e60000;
	font-weight:bold;
	background:url(../img/fleche-rouge.png) no-repeat 0 4px;
	padding-left:6px;
}
#content #main-content a.puce_align {
	background-image:none;
	vertical-align:middle;
	text-decoration:none;
}
#content #main-content a.department {
	background-image:none;
	color:Black;
}
#main-content li {
	padding-left:12px;
}
#main-content ul {	
	padding-left:23px;
}
#estimate {
	position:absolute;
	right:0;
	top:-2px;
	z-index:2;
}
.ui-widget {
	font:12px Arial, Helvetica, sans-serif;
}
table {
	border:none;
	width:100%;
}
table tr td {
	padding:6px 8px;
}
table tr.light_bg {
	background-color:#F0F0F0;
}
table tr.dark_bg {
	background-color:#E6E6E6;
}
.ui-widget {
	font:12px Arial, Helvetica, sans-serif;
}
#bandeau {
	position:relative;
}
#menu-contact {
	position:absolute;
	right:0;
	top:0;
}
#menu-contact li {
	float:left;
	right:45px;
	top:50px;
}
.s2 {
	position:relative;
}
.s2 a {
	background:url(../img/s-contenu.png) no-repeat transparent;
	overflow:hidden;
	display:block;
}
.contact-cam a {
	background-position:0 -62px;
	width:52px;
	height:49px;
}
.contact-cam a:hover {
	background-position:0 -111px;
}
.contact-tel a {
	background-position:-52px -62px;
	width:52px;
	height:49px;
}
.contact-tel a:hover {
	background-position:-52px -111px;
}
.contact-agences a {
	background-position:-104px -62px;
	width:52px;
	height:49px;
}
.contact-agences a:hover {
	background-position:-104px -111px;
}
.float {
	bottom:2px;
	float:right;
	margin-right:20px;
	position:absolute;
	right:2px;
}
.float img {
	margin-right:-20px;
}
#content-menu {
	margin-right:16px;
}
.ui-tabs .ui-tabs-panel {
	padding-left:0;
}
#main-menu-topcontainer {
                width:100%;
                position:fixed;
                bottom:0;
                z-index:999;
}
#main-menu-container {
                background:#e6e6e6;
                width:980px;
                height:70px;
                position:relative;
                margin-left:auto;
                margin-right:auto;
}

.codeform tr td
{
    padding:2px 8px 2px 0;
}
#visiotel {
	position:absolute;
	right:0;
	top:275px;
	z-index:2;
}
#visiotel img
{
    cursor:pointer;
    margin-bottom:3px;
}
.contact-tel
{
    font-size:14px;
    font-weight:bold;    
}
#jeux {
	position:absolute;
	right:0;
	top:275px;
	z-index:2;
}
#jeux img
{
    cursor:pointer;
    margin-bottom:3px;
}
#Iphone {
	position:absolute;
	right:0;
	top:275px;
	z-index:2;
}
#Iphone img
{
    cursor:pointer;
    margin-bottom:3px;
}
.subtitleblue {
	background:url(/img/bleu-actif.png) 0 4px no-repeat;
	padding-left:8px;
	font-weight:bold;
	color:#288CE6;
}

/* Contact */
.contact-blockleft
{
    width:450px;
    float:left;
    margin-right:10px
}
.contact-blockright
{
    width:300px;
    float:left;
}
.contact-blockleft-googlemap
{
    width:350px;
    float:left;
    margin-right:10px;
}
.contact-blockright-googlemap
{
    width:365px;
    float:left;
}
.agences
{
    padding-left:20px;
}
.agence
{
    padding-left:20px;
}
.img_float 
{
display:inline-block;
float:right;
margin: 2px;
text-decoration:none;
}

#content #main-content .sprite_acs {
background:url("../Img/cheque_sante_parag.jpg") no-repeat scroll 0 0 transparent;
display:block;
overflow:hidden;
text-decoration:none;
width:200px;
height:60px;
margin-top:10px;

}

.link img {border-width: 0px;}
#archive a {
	color:#0380dc ;
	text-decoration:none;
}

#l_title_w {
	float: left;
	margin-left:10px;
	
}

#info 
{
	background: url(../Img/bg.png) repeat-x;
	border: 1px solid #D2E6FA; 
	margin-top: 25px; 
	padding-top :7px;	
	padding-left :7px;
	padding-bottom :7px;
	padding-right :7px; 
	color:gray;
	font-size:11px;
	position:absolute; 
	z-index: 100;	
	margin-left:80px;
	width:360px;
 
}


.subtitle 
{
	 
	font-weight:bold;
	font-size:12px;
	 
 
}

 
#msgError
{
	 
	background-position:  120px 0px;	 
	border: 1px solid #C2C8C8; 
	margin-top: 30px; 
	padding-top :7px;	
	padding-left :7px;
	padding-bottom :7px;
	padding-right :7px; 
	color:#585858;
	font-size:11px;
	position:absolute; 
	z-index: 100;
	text-align: center;
	background-color:#E6E6E6;	
	margin-left:80px;
	width:260px;
 
}

#btnclose{
    height:22px;
   	width:80px;
   text-align:center;
   font-size:11px;
}


 a.btnclose {  
     /* styles for button */  
     margin:10px auto 0 auto;  
     text-align:center;  
     display: block;  
     width:30px; 
     height:10px; 
     padding: 5px 10px 6px;  
     color: #ffffff;  
     text-decoration: none;  
     font-weight: bold;  
     line-height: 1; 
     background-color: #e33100;  
     -moz-border-radius: 5px;  
     -webkit-border-radius: 5px; 
     -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);  
     -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
     text-shadow: 0 -1px 1px rgba(0,0,0,0.25);  
     border-bottom: 1px solid rgba(0,0,0,0.25);  
     position: relative;  
     cursor: pointer;  
       
 }  
   
 a.btnclose:hover,a.btnclose2:hover {  
     background-color: #c33100;    
 } 

a.btnclose2 {  
     /* styles for button */  
     margin:1px;  
     text-decoration: none;  
     width:9px; 
     height:8px; 
    padding :1px;
       padding-bottom :3px;
     color: #ffffff;  
     font-weight: bold;  
     line-height: 1;
     background-color: #e33100;  
     -moz-border-radius: 5px;  
     -webkit-border-radius: 5px; 
     -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);  
     -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
     text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
     border-bottom: 1px solid rgba(0,0,0,0.25);  
     float:right;
     cursor: pointer;  
       
 }  
 
 .cadreJeu {  
     /* styles for button */  
     margin:2px;  
border: none; 
    
       
 }