/*************************************************************************************************************************/
/* DEFAULT SETS */

* {margin: 0px;padding: 0px;}

h1, h2, h3, h4, h5, h6{
font-weight: normal;
}

ul, li{list-style: none;}

a img, input, button, textarea, select {border: none;}

a{text-decoration: none;}

.clear{clear: both;}
div.clear{height: 1px;}

.blocSearchBarre button{
text-indent: -999em;
}

/* get rid of those system borders being generated for A tags */
a:active {
  outline:none;
}

:focus {
  -moz-outline-style:none;
}

.hide, div.toPrint{ /* class pour le js FAQ */
display: none;
}

.margeT15{
margin-top: 12px;
}

.noMarge{
margin: 0px !important;
}

table {
border-collapse : collapse;
}

a.graylink {color:#757575;}
a.roselink {color:#E5306C;}

/*************************************************************************************************************************/
/* FORMULAIRE */

input {
font-size: 11px;
color: #4e4a4b;
background: none;
}

button:hover{
cursor: pointer;
}

.btnValider{
width: 74px !important;
background: url("../images/interface/btn_valider.png") no-repeat left top !important;
}

.btnRechercher{
width: 105px !important;
background: url("../images/interface/btn_rechercher.png") no-repeat left top !important;
}

.btnSouscrire{
width: 87px !important;
background: url("../images/interface/btn_souscrire.png") no-repeat left top !important;
}

.btnValider, .btnRechercher, .btnSouscrire, .etapeSuivante , .envoyerInformations{
height: 33px !important;
text-indent: -999em !important;
display: inline-block !important;
cursor : pointer;
}

.readonly{
background: none !important;
border: none !important;
}

/*************************************************************************************************************************/
/* GLOBAL */

html { overflow-x:hidden ; }

body{
width: 100%;
height: 100%;
background: url("../images/interface/bg_body.jpg") no-repeat center top white;
font-family: "Trebuchet MS", sans-serif;
color: #757575;
font-size: 12px;
}

body.fondInterne{background: url("../images/interface/bg_body2.jpg") no-repeat center top white;}


div#FULLCONTAINER{
background: url("../images/interface/bg_body2B.png") no-repeat center bottom;
}

div#CONTAINER, div#headerContent, div#MAIN_NAV{
width: 970px;
margin : 0px auto;
position: relative;
}

div#BLOC_CENTRAL{
height: auto;
min-height: 454px;
_height: 454px;
position: relative;
}

div.imgArticle{
float: left;
margin-right: 15px;
margin-top: 10px;
}

div.imgArticleLeft, div.imgArticleCenter, div.imgArticleRight, dl{
width: 664px;
margin-right: 15px;
margin-top: 10px;
clear: both;
}

div#BLOC_EVENEMENT dl{
margin: 0pc;
}

div.blocSeLoger dl{
width: 176px;
margin: 0px;
}

div.imgArticleLeft{text-align: left;}
div.imgArticleCenter{text-align: center;}
div.imgArticleRight{text-align: right;}

div#logosGpe{
position : absolute;
bottom: 51px; 
right: 0px;
width: 79px;
height: 56px;
}


div#CONTAINER{
padding-bottom: 74px;
}

/* Bloc rose newsletter */
div.blocRose{
width: 225px;
background: url("../images/interface/bg_bloc2NewsletterTop.png") no-repeat left top;
}

div.blocRose .blocRoseBottom{
padding-top: 7px;
padding-bottom: 7px;
background: url("../images/interface/bg_bloc2NewsletterBottom.png") no-repeat left bottom;
}

div.blocRose .blocRoseContent{
padding: 11px 18px;
background: #fac2b7;
}

div.blocRose .blocRoseContent h5{
font-size: 14px !important;
line-height: 18px;
font-weight: bold;
color: #e5306c;
padding: 0px !important;
background: none !important;
margin-top: 0px !important;
}

div.blocRose .blocRoseContent p{
font-size: 12px;
line-height: 18px;
color: #757575;
}

/* Bloc rose 2 */
div.blocRose2{
width: 233px;
}

div.blocRose2 div.top{
width: 233px;
height: 26px;
background: url("../images/interne/bg_blocRose2Top.png") no-repeat left top;
}

div.blocRose2 div.bottom{
width: 233px;
height: 18px;
background: url("../images/interne/bg_blocRose2Bottom.png") no-repeat left bottom;
}

div.blocRose2 div.myContent{
width: 203px; /* 233 */
padding-left: 15px;
padding-right: 15px;
background: #fad6e2;
}

div.blocRose2 div.myContent h4{
text-transform: uppercase; 
font-size: 14px;
font-weight: bold;
margin: 0px 0px 17px 0px;
}

div.blocRose2 div.myContent p{
margin: 0px;
font-size: 12px;
line-height: 16px;
}

div.blocRose2 div.myContent p strong{
font-weight: bold;
color: #e5306c;
}

/* Bloc gris */
div.blocGris2{
width: 661px; /* 699 */
height: auto;
_height: 198px; /* 230 */
min-height: 198px; /* 230 */
background: url("../images/interface/bg_bloc2.png") no-repeat left bottom;
padding-left: 19px;
padding-right: 19px;
padding-bottom: 32px;
}

div.blocGris3{
width: 661px; /* 699 */
height: auto;
_height: 148px; /* 180 */
min-height: 148px; /* 180 */
background: url("../images/interface/bg_bloc3.png") no-repeat left bottom;
padding: 28px 19px 32px 19px;
margin-bottom: 30px;
}

div.blocGrisCapcha{
width: 473px;
background: url("../images/interne/bg_capchaMiddle.png") repeat-y left top;
clear: both;
}

div.blocGrisCapcha div.top{
width: 473px;
height: 10px;
overflow: hidden;
background: url("../images/interne/bg_capchaTop.png") no-repeat left top blue;
float: left;
}

div.blocGrisCapcha div.bottom{
width: 473px;
height: auto;
min-height: 227px;
_height: 227px;
background: url("../images/interne/bg_capchaBottom.png") no-repeat left bottom;
float: left;
}

/*************************************************************************************************************************/
/* HEADER  */
div#HEADER, div#headerContent{
height: 80px;
}

div#HEADER{
width: 100%;
background: url("../images/interface/bg_header.png") repeat-x top left;
}

div#headerContent div.blocLogo, div#headerContent div.blocSlogan{
position: absolute;
}

div#headerContent div.blocLogo{
width: 129px;
height: 44px;
left: 44px;
bottom: 0px;
}

div#headerContent div.blocSlogan{
height: 30px;
bottom: 0px;
left: 175px;
padding-left: 15px;
}

div#headerContent div.blocSlogan, div#headerContent div.blocSlogan p{
line-height: 30px;
font-size: 14px;
color: #e5306c;
font-weight: bold;
}

div#headerContent div.blocBtns{
position: absolute;
top: 0px; 
right: 0px;
padding-right: 14px;
}

div#headerContent div.blocBtns p{float: left;}

div#headerContent div.blocBtns p a{
display: block;
height: 35px;
color: #a09f9e;
font-weight: bold;
font-size: 10px;
text-indent: -999em;
text-transform: uppercase;
}

div#headerContent div.blocBtns p a:hover, div#headerContent div.blocBtns p a.on{color: #e5306c;}

div#headerContent .btn1 a{width: 83px; background: url("../images/interface/btn_newsletter.png") no-repeat top left;}
div#headerContent .btn2 a{width: 113px; background: url("../images/interface/btn_espacePro.png") no-repeat top left;}
div#headerContent .btn3 a{width: 118px; background: url("../images/interface/btn_votreEspace.png") no-repeat top left;}

div#headerContent .btn1 a:hover, div#headerContent .btn1 a.on{background: url("../images/interface/btn_newsletter_on.png") no-repeat top left;}
div#headerContent .btn2 a:hover, div#headerContent .btn2 a.on{background: url("../images/interface/btn_espacePro_on.png") no-repeat top left;}
div#headerContent .btn3 a:hover, div#headerContent .btn3 a.on{background: url("../images/interface/btn_votreEspace_on.png") no-repeat top left;}

/*************************************************************************************************************************/
/* MENU PRINCIPAL */

div#MAIN_NAV{
height: 48px;
background: url("../images/interface/bg_mainNav.png") repeat-x top left;
z-index: 500;
}

/* Niveau 1 */

div#MAIN_NAV ul{margin-right: 8px;}
div#MAIN_NAV ul, div#MAIN_NAV ul li{float: left;}

div#MAIN_NAV ul li{
text-align: center;
background: url("../images/interface/bg_mainNavSeparator.png") no-repeat right center;
position: relative;
padding-right: 2px;
}

div#MAIN_NAV ul li, div#MAIN_NAV ul li h2, div#MAIN_NAV ul li a, div#MAIN_NAV ul li li h3{
font-size: 12px;
line-height: 12px;
color: white;
text-decoration: none;
}

div#MAIN_NAV ul li h2{font-weight: bold;}

div#MAIN_NAV ul li a{
line-height: 12px;
padding: 7px 7px 0px 8px;
display: block;
}
/*
div#MAINNAV>ul a {
width: auto;
}*/

div#MAIN_NAV ul li.nav1Ligne a{
padding-top: 0px;
line-height: 38px;
}

div#MAIN_NAV ul li.rub8 a span.foreignStudentLink{
display: block;
padding-left: 31px;
background: url("../images/interface/btn_worldmap.png") no-repeat -2px 3px;
}

.rub1 a{height: 29px; /* 40 */}
.rub2 a{height: 30px; /* 41 */}
.rub3 a{height: 31px; /* 42 */}
.rub4 a{height: 31px; /* 42 */}
.rub5 a{height: 39px; /* 43 */}
.rub6 a{height: 39px; /* 43 */}
.rub7 a{height: 33px; /* 44 */}
.rub8 a{height: 34px; /* 45 */}
.rub9 a{height: 35px; /* 46 */}

div#MAIN_NAV ul li:hover , div#MAIN_NAV ul li a:hover, div#MAIN_NAV ul li a.on  {color: #e5306c; background: url("../images/interface/bg_menuOn.png") repeat-x left 5px #eb8b0f;}
div#MAIN_NAV ul li li:hover{background: none;}
div#MAIN_NAV ul li.homeLink a{padding: 8px 10px 3px 15px;}
div#MAIN_NAV ul li.homeLink a:hover{background: url("../images/interface/bg_menuHomeOn.png") no-repeat left top;}

/* Niveau 2 */

div#MAIN_NAV ul div.submenuBox{
position: absolute;
background: url("../images/interface/bg_subNavtop.png") no-repeat top left;
padding-top: 5px;
width: 178px;
display: none;
}

div#MAIN_NAV ul div.submenuBox div.submenuBox2{
float: left;
padding-top: 0px;
padding-bottom: 11px;
background: url("../images/interface/bg_subNavBottom.png") no-repeat bottom left;
}

div#MAIN_NAV ul li.submenu:hover div {
display:block;
}

div#MAIN_NAV ul ul{
width: 149px;
padding-left: 10px;
padding-right: 17px;
background: url("../images/interface/bg_subNavMiddle.png") repeat-y;
}

div#MAIN_NAV ul ul  li{
float: none;
background: none;
padding-top: 6px;
padding-bottom: 6px;
line-height: 12px !important;
text-align: left;
border-bottom : 1px solid #f8991b;
}

div#MAIN_NAV ul ul li.submenuNoBorder{
border: 0px;
padding-bottom: 5px;
}

div#MAIN_NAV ul ul  li a{
height: auto;
line-height: 12px !important;
margin: 0px;
padding: 0px 0px 0px 12px;
background: url("../images/interface/ico_flecheOff.png") no-repeat left 1px;
}

div#MAIN_NAV ul ul  li a:hover, div#MAIN_NAV ul ul  li a.on{
color: #e5306c;
background: none;
background: url("../images/interface/ico_flecheOn.png") no-repeat left 1px;
}

/* SEARCH BARRE */

div#SEARCH_BARRE{
width: 143px;
padding-top: 10px;
float: left;
overflow: hidden;
}

.blocSearchBarre {
width: 144px;
height: 24px;
background: url("../images/interface/bg_searchBarre.png") no-repeat top left;
position: relative;
}

.blocSearchBarre input{
padding-top: 6px;
padding-left: 9px;
width: 107px;
color: #b2b2b2;
}

.blocSearchBarre button, .blocSearchBarre .btnValider, .blocSearchBarre .btnRechercher, .blocSearchBarre .btnSouscrire {
width: 24px;
height: 24px;
position: absolute;
top: 0px;
left: 120px;
background: url("../images/interface/btn_recherche.png") no-repeat top left;
}

/*************************************************************************************************************************/
/* HOME */

/* ACCUEIL */
div#BLOC_ACCUEIL{
width: 185px; /* 260 */
height: 156px; /* 224 */
padding: 36px 33px 32px 32px;
position: absolute;
top: 0px;
left: 0px;
overflow: hidden;
z-index: 60;
background: url("../images/interface/bg_postIt.png") no-repeat top left;
}

div#BLOC_ACCUEIL h2{
color: #e5306c;
font-size: 15px;
line-height: 16px;
font-weight: bold;
margin-bottom: 5px;
}

div#BLOC_ACCUEIL p{
color: #757575;
font-size: 12px;
line-height: 15px;
}

div#BLOC_ACCUEIL p strong{
color: #e5306c;
font-weight: normal;
}


/* BTN FORMULAIRE */
div#BLOC_FORMULAIRE{
width: 225px;
height: 44px;
position: absolute;
top: 228px;
left: 14px;
overflow: hidden;
}

div#BLOC_FORMULAIRE a:hover{
position: relative;
top: 1px;
}

/* BLOC ACTU */
div#BLOC_ATUALITES{
width: 360px; /* 406 */
padding: 11px 23px 18px 23px;
height: 142px; /* 171 */
position: absolute;
bottom: 0px;
left: 252px;
overflow: hidden;
background: url("../images/interface/bg_blocActu.png") no-repeat top left;
}

div#BLOC_ATUALITES div{
position: relative;
}

div#BLOC_ATUALITES div.btnRss{
position: absolute;
top: 19px;
right: 20px;
}

div#BLOC_ATUALITES div.btnRss a:hover{
position: relative;
top: 1px;
}

div.slideShow{
height: 109px;
overflow: hidden;
clear:both; 
}

div.slideShow div.leftArrow{float: left;}
div.slideShow div.rightArrow{float: right;}

div.slideShow div.leftArrow img:hover, div.slideShow div.rightArrow img:hover{
cursor: pointer;
}

div.slideShow div.events{
width: 292px;
height: 109px;
float: left;
overflow: hidden;
position: relative;
}

div.slideShow div.events div.items { 
width:20000em; 
position:absolute; 
clear:both; 
margin:0; 
padding:0; 
} 

div.slideShow div.events div.items div{
width: 292px;
height: 93px; /* 109 */
padding-top: 16px;
float: left;
cursor: pointer;
}

div.slideShow div.events div.items div img{
float: left;
}

div.slideShow div.events div.items div p{
width: 200px;
margin-left: 10px;
font-size: 12px;
line-height: 16px;
color: #757575;
font-weight: bold;
float: left;
}

div.slideShow div.events div.items div p em{
font-size: 10px;
font-weight: bold;
color: #e5306c;
font-style: normal;
}

div.slideShow div.events div.items div p strong{
font-size: 12px;
font-weight: bold;
color: #e5306c;
}

div.slideShow div.events div.items div p a,  p.lien a, div.blocGris4 div.bloc1 p a, div.blocChoixGarantie p a, 
div.newsletterPoint p a, div.newsletterBonsPlans p a, div.blocGris4 div.bloc p a,
div.blocSeLoger p a, div.sortirResultat a, a.lien{
font-size: 12px;
font-weight: bold;
color: #e5306c;
text-decoration: underline;
padding-left: 10px;
background: url("../images/interface/ico_flecheLien.png") no-repeat left 5px;
}

p span.actuTitle a{
text-decoration: none !important;
background: none  !important;
padding: 0px  !important;
}

div.slideShow div.events div.items div p a:hover,  p.lien a:hover, div.blocGris4 div.bloc1 p a:hover{
text-decoration: none;
}

div#BLOC_ATUALITES {
margin-bottom: 3px;
}

div#BLOC_ATUALITES h2{
height: 32px;
line-height: 32px;
padding-left: 28px;
color: #e5306c;
background: url("../images/interface/ico_actu.png") no-repeat left 2px;
border-bottom: 1px solid #dedede;
font-size: 18px;
}

/* BLOC EVENEMENTS */
div#BLOC_EVENEMENT{
width: 306px;
height: 171px;
position: absolute;
bottom: 0px;
right: 4px;
overflow: hidden;
margin-bottom: 3px;
}

/* BLOC CARTE DE FRANCE */
div#BLOC_CARTE{
width: 231px;
height: 169px;
position: absolute;
bottom: 0px;
left: 14px;
overflow: hidden;
background: url("../images/interface/bg_blocCarte.png") no-repeat top left;
margin-bottom: 3px;
}


/* ACCORDION */
div#BLOC_PROFIL{
width: 730px;
height: 276px;
background: url("../images/interface/bg_blocProfil.png") no-repeat top left;
position: relative;
position: absolute;
top: 0px;
right: 0px;
}

div#ACCORDION{
width: 700px;
height: 256px;
position: absolute;
top: 8px;
left: 19px;
float: left;
overflow: hidden;
}

#ACCORDION h2 {
float:left;
cursor:pointer;
}

#ACCORDION h2 span{
display: block;
text-indent: -999em;
}

#ACCORDION h2, #ACCORDION h2 span {
width: 45px;
height: 256px;
}

.btn_lyceens {background: url("../images/accueil/btn_blocProfil.png")  no-repeat -45px 0px;}
.btn_etudiants {background: url("../images/accueil/btn_blocProfil.png") no-repeat -138px 0px;}
.btn_parents {background: url("../images/accueil/btn_blocProfil.png")  no-repeat -230px 0px;}

.btn_lyceens:hover, .current .btn_lyceens {background: url("../images/accueil/btn_blocProfil.png")  no-repeat  0px 0px;}
.btn_etudiants:hover, .current .btn_etudiants {background: url("../images/accueil/btn_blocProfil.png") no-repeat  -92px 0px;}
.btn_parents:hover, .current .btn_parents {background: url("../images/accueil/btn_blocProfil.png")  no-repeat  -184px 0px;}

#ACCORDION h2.current { /* currently active header */
cursor:default;
}

#ACCORDION div { /* accordion pane. should initially have zero width and display:none. The first pane should override these with inline style*/
width:0px;
float:left;	
display:none;
position: relative;
font-size : 12px;
line-height: 18px;
}

/* Profil GAUCHE (image) */
#ACCORDION div span{
float: left;
width: 323px;
height: 255px;
padding-top: 1px;
overflow: hidden;
}

/* Profil DROITE (partie txts) */
#ACCORDION div h3, #ACCORDION div ul, #ACCORDION div p{
width: 210px; 
margin-right: 10px;
float: right;
}

/* Titres */
#ACCORDION div h3 {font-size: 38px;}

#ACCORDION div.profilLyceens h3{margin-top: 25px;}
#ACCORDION div.profilEtudiants h3{margin-top: 20px;}
#ACCORDION div.profilParents h3{margin-top: 24px;}

/* Listes */
#ACCORDION div ul{margin-bottom: 7px;}
#ACCORDION div  ul li{padding-left: 15px; font-weight: bold;}
#ACCORDION div  ul li a:hover{text-decoration: underline;}

#ACCORDION div.profilLyceens h3, #ACCORDION div.profilLyceens  ul li, #ACCORDION div.profilLyceens a{color: #eca306;}
#ACCORDION div.profilEtudiants h3, #ACCORDION div.profilEtudiants  ul li, #ACCORDION div.profilEtudiants  a{color: #ef7204;}
#ACCORDION div.profilParents h3, #ACCORDION div.profilParents  ul li, #ACCORDION div.profilParents  a{color: #e5306c;}

#ACCORDION div.profilLyceens  ul li{background: url("../images/interface/ico_homeFlecheJaune.png")  no-repeat  left 3px;}
#ACCORDION div.profilEtudiants  ul li{background: url("../images/interface/ico_homeFlecheOrange.png")  no-repeat  left 3px;}
#ACCORDION div.profilParents  ul li{background: url("../images/interface/ico_homeFlecheRose.png")  no-repeat  left 3px;}

/* Btns */
#ACCORDION p a:hover{position: relative; top: 1px;}
#ACCORDION div.profilLyceens p a, #ACCORDION div.profilEtudiants p a, #ACCORDION div.profilParents p a{
display: block;
width: 156px; /* 181*/
height: 34px;
line-height: 27px;
padding-left: 25px;
font-size: 12px;
font-weight: bold;
}

#ACCORDION div.profilLyceens p a{background: url("../images/accueil/btn_profilLyceensAcces.png")  no-repeat  left top;}
#ACCORDION div.profilEtudiants p a{background: url("../images/accueil/btn_profilEtudiantsAcces.png")  no-repeat  left top;}
#ACCORDION div.profilParents p a{background: url("../images/accueil/btn_profilParentsAcces.png")  no-repeat  left top;}


/*************************************************************************************************************************/
/* FOOTER */
div#FOOTER{
height: 19px;
line-height: 19px;
border-top: 1px solid #dddada;
border-bottom: 1px solid #dddada;
width: 942px;
margin: 0px auto;
clear: both;
}

div#FOOTER ul{
overflow: hidden;
text-align: center;
}

div#FOOTER ul li{
padding: 0px 5px;
display: inline;
}

div#FOOTER ul li, div#FOOTER ul li a{
font-size: 11px;
font-family: arial, sans-serif;
color: #757575;
}

div#FOOTER ul li a:hover, div#FOOTER ul li a.on{
color: #e5306c;
}

div#FOOTER2{
width: 770px;
margin: 0px auto;
padding-top: 10px;
clear: both;
}

div#FOOTER2 ul{
padding: 0px 10px;
overflow: hidden;
text-align: center;
line-height: 12px;
}

div#FOOTER2 ul li{
padding: 0px 2px;
display: inline;
}

div#FOOTER2 ul li, div#FOOTER2 ul li a{
font-size: 11px;
font-family: arial, sans-serif;
color: #cccccc;
}

div#FOOTER2 ul li a:hover, div#FOOTER2 ul li a.on{
color: #e5306c;
}

/*************************************************************************************************************************/
/* INTERNE */

div#BLOC_GAUCHE, div#BLOC_DROITE{
margin-top: 12px;
position: relative;
}

div#BLOC_DROITE{
margin-top: 13px;
}

div.videoFlash{
width: 348px;
height: 285px;
margin-top: 40px;
background: url("../images/interne/bg_blocVideo.png") repeat-y top left;
position: relative;
}

div.videoFlash div{
width: 320px;
height: 262px;
overflow: hidden;
vertical-align: top;
position: absolute;
top: 12px;
left: 14px;
}

div.videoFlash div object{
display: block;
position: absolute;
top: -22px;
}

.tx-flvplayer-pi1 {
text-align: left;
}

/* INTERNE : GAUCHE */
div#BLOC_GAUCHE{
width: 237px;
margin-left: 14px;
float: left;
}

div#BLOC_SUBNAV {
margin-bottom: 12px;
}

div#BLOC_SUBNAV div{background: url("../images/interface/bg_interneSubMenu2.png") repeat-y top left;}

div#BLOC_SUBNAV div div{
height: auto;
min-height: 126px; /* 143 */
_height: 126px; /* 143 */
padding-top: 13px;
padding-bottom: 3px;
background: url("../images/interface/bg_interneSubMenu1.png") no-repeat top left;
}

div#BLOC_SUBNAV div.bottom{
width: 237px;
height : 17px;
padding-top: 0px;
padding-bottom: 0px;
background: url("../images/interface/bg_interneSubMenu3.png") no-repeat top left;
}

/* Niveau 1 */
div#BLOC_SUBNAV div div h2, div#BLOC_SUBNAV div div ul{
width: 195px;
margin-left: 20px;
}

div#BLOC_SUBNAV div div h2{margin-bottom: 12px;}


div#BLOC_SUBNAV div div h2, div.planSiteListe ul li, div.planSiteListe ul li a{
font-size: 15px;
line-height: 18px;
font-weight: bold;
color: #e5306c;
text-decoration: none !important;
}

/* Niveau 2 */
div#BLOC_SUBNAV div div ul ul{
width: 175px;
}
/*
div#BLOC_SUBNAV div div ul li, div#BLOC_SUBNAV div div ul li a{margin-bottom: 5px;}
div#BLOC_SUBNAV div div ul ul li, div#BLOC_SUBNAV div div ul ul li a{margin-bottom: 0px;}
*/

div#BLOC_SUBNAV div div ul li.subNav, div#BLOC_SUBNAV div div ul li.subNav h3, div.planSiteListe ul li li{
font-size: 14px;
line-height: 18px;
color: #757575;
font-weight: normal:
}

div#BLOC_SUBNAV div div ul li.subNav a, div.planSiteListe ul li li a {
display: block;
padding: 0px 0px 0px 12px;
background: url("../images/interface/ico_flecheOff2.png") no-repeat left 4px;
color: #757575;
font-weight: normal;
}

div#BLOC_SUBNAV div div ul ul li a {
background: url("../images/interface/ico_flecheBOff.png") no-repeat left 4px !important;
}

div#BLOC_SUBNAV div div ul li.subNav a.on, div#BLOC_SUBNAV div div ul li.subNav a:hover, div.planSiteListe ul li li a.on, div.planSiteListe ul li li a:hover {
color: #e5306c;
background: url("../images/interface/ico_flecheOn.png") no-repeat left 4px;
}

div#BLOC_SUBNAV div div ul ul li a.on, div#BLOC_SUBNAV div div ul ul li.subNav a:hover{
background: url("../images/interface/ico_flecheBOn.png") no-repeat left 4px !important;
}

/* Niveau 3 */
div#BLOC_SUBNAV div div ul li li, div#BLOC_SUBNAV div div h4, div.planSiteListe ul li li li, div.planSiteListe ul li li li a{
font-size: 12px;
line-height: 18px;
font-weight: normal;
color: #e5306c;
}

div.planSiteListe ul li li li, div.planSiteListe ul li li li a{color: #757575;}
div.planSiteListe ul li li li a:hover{color: #e5306c;}

/* BLOCS GAUCHE */
div#BLOC_GAUCHE div#BLOC_FORMULAIRE{
position: static;
margin-bottom: 8px;
}

div#BLOC_GAUCHE div#BLOC_CARTE{
position: static;
}

div#BLOC_GAUCHE div#BLOC_INSCRIPTIONNEWS{
width: 231px;
height: 171px;
background: url("../images/interne/bg_blocNewsletter.png") no-repeat top left;
overflow: hidden;
}

div#BLOC_GAUCHE div#BLOC_INSCRIPTIONNEWS h2{
margin-bottom: 4px;
margin-top: 23px;
text-align: center;
}

div#BLOC_GAUCHE div#BLOC_INSCRIPTIONNEWS p{
line-height: 14px;
color: white;
padding-left: 28px;
padding-right: 37px;
}

div.newsletterForm{
width: 176px;
height: 22px;
margin-top: 20px;
margin-left: 28px;
background: url("../images/interne/bg_inputNewsletter.png") no-repeat top left;
position: relative;;
}

div.newsletterForm input#email{
width: 142px; /* 154 */
height: 22px;
line-height: 22px;
position: absolute;
padding-left: 6px;
padding-right: 6px;
top: 0px;
left: 0px;
}

div.newsletterForm input.btn_NewsletterOk{
text-indent: -999em;
width: 22px;
height: 22px;
float : right;
background: transparent;
display: block;
cursor: pointer;
}

/* INTERNE : DROITE */
div#BLOC_DROITE{
width: 700px;
height: auto;
_height: 249px;
min-height: 249px;
margin-left: 6px;
float: left;
background: url("../images/interface/bg_inerneBlocRight.png") no-repeat top left;
}


/* INTERNE : ICONES */
div.interneIcones{
float: left;
position: absolute;
top: 78px;
right: 38px;
}

div.interneIcones, div.interneIcones ul{
width: 117px;
height: 34px;
}

div.interneIcones ul li, div.interneIcones ul li a{
font-size: 11px;
color: #757575;
text-decoration: none;
display: inline;
}

div.interneIcones ul li{
padding-top: 15px;
float: left;
}

div.interneIcones{
background: url("../images/interface/bg_iconesInternes.png") no-repeat top left;
}

div.interneIcones ul li.print{
margin-left: 20px;
padding-left: 35px;
padding-right: 0px;
background: url("../images/interface/ico_print.png") no-repeat left 5px;
}

/* INTERNE : FIL ARIANE */
div#BLOC_DROITE div.contenuInterne{
width: 664px;
padding: 14px 18px 50px 18px;
position: relative;
}

div.filAriane ul li{
display: inline;
font-size: 10px;
line-height: 10px;
padding-right: 7px;
padding-left: 0px;
background : none;
}

div.filAriane ul li a{color: #757575 ; text-decoration: none;}
div.filAriane ul li, div.filAriane ul li a:hover{color: #e5306c;}

/* INTERNE : FORMATTAGE TEXTE */
div.content h1, div.content h3{
font-size: 18px;
line-height: 21px;
font-weight: bold;
color: #e5306c;
}

/* Titres */
div.content h3.titreInterne, div.content h1.titreInterne{
width: 420px;
height: auto;
_height: 74px; /* 117 */
min-height: 74px; /* 117 */
padding-top: 53px;
padding-left: 80px;
background: url("../images/interface/ico_titreInterne.png") no-repeat left top;
}

div.content h4, div.content h2 {
padding-left: 18px;
margin-top: 20px;
font-size: 14px;
font-weight: bold;
line-height: 18px;
color: #e5306c;
background: url("../images/interface/ico_titreInterne2.png") no-repeat 0px 3px;
clear: both;
}

div.content h4 a {
color: #e5306c;
}

div.content h4.smebHabitat{
background-position: left 15px;
}

div.content h5 {
font-size: 12px;
line-height: 20px;
font-weight: bold;
line-height: 20px;
color: #e5306c;
clear: both;
margin-top: 20px;
padding-left: 15px;
background: url("../images/interface/ico_flecheLien.png") no-repeat left 5px;
}

div.titreDouble{
padding-left: 82px; padding-right: 18px;
}

div.titreDouble, div.titreDouble h3, div.titreDouble p{
width: 573px !important; /* 673 */
}

div.titreDouble h3{font-size: 14px;}

div.titreDouble p{margin: 0px !important;}

div.titreDoublePAP{background: url("../images/interface/ico_pap.png") no-repeat left top;}

div.titreDoubleProprietaire{
height: auto;
_height: 88px;
min-height: 88px;
margin-top: 30px;
}

div.titreDoublePAP {
height: auto;
_height: 80px;
min-height: 80px;
margin-top: 30px;
}

div.titreGarantie1, div.titreGarantie2, div.titreGarantie3{
height: auto;
_height: 115px; /* 127 */
min-height: 115px; /* 127 */
margin-top: 30px;
padding-left: 97px;
width: 564px !important; /* 673 */
margin-top: 22px;
}

div.titreGarantie1{background: url("../images/interne/img_garantie1.png") no-repeat -40px 5px;}
div.titreGarantie2{background: url("../images/interne/ico_garantie2.png") no-repeat -40px 5px;}
div.titreGarantie3{background: url("../images/interne/ico_garantie3.png") no-repeat -40px 5px;}

div.titreDoubleProprietaire{
background: url("../images/interface/ico_propritaire.png") no-repeat left center;
}

div.titreDoublePAP h3, div.titreGarantie1 h3, div.titreGarantie2 h3, div.titreGarantie3 h3{padding: 20px 0px 0px 0px !important; font-size: 15px; font-weight: bold;}
div.titreDoubleProprietaire h3{padding: 15px 0px 0px 0px !important;}


/* Texte courant */
.rose{
color: #e5306c !important;
}

div.content p.txtIntro{
font-size: 14px;
font-weight: normal;
color: #757575;
margin-top: 0px;
}

div.content p.txtIntro em{
font-style: normal;
color: #e5306c;
}

div.content p em, div.content ul li em{
color: #e5306c;
font-style: normal;
}

div.content p, div.content ul{
margin-top: 20px;
font-size: 12px;
line-height: 18px;
color: #757575;
}

div.content p strong, div.content ul strong{color: #5e5e5e;}

div.content p, div.content ul, div.tx-adiadhesions-pi1 p.txtIntro{
margin-top: 20px; 
}

div.content ul li, div.blocRose2 div.myContent ul li{
padding-left: 16px;
margin-top: 2px;
background: url("../images/interface/ico_liste.png") no-repeat 0px 4px;
}


/* Liens */ 
div.content p a, div.content ul li a, label a, div.content p a strong, div.content ul li a strong, label a strong{
color: #e5306c;
text-decoration: underline;
}

div.content p a:hover, div.content ul li a:hover, label a:hover{
text-decoration: none;
}

/*****************************/
/* FAQ */

div#accordionFaq select{
margin-top: 10px;
}

div#accordionFaq{
width: 662px;
}

div#accordionFaq h4{
font-weight:normal;
margin:0 0 -5px 0;
font-size:16px;
color:#e5306c;
line-height: 15px;
margin-bottom: 10px;
}

div.accordionBloc{
margin-top: 12px;
background: url("../images/interface/bg_blocDeroulant3.png") repeat-y left bottom;
}

div.faqQuestion, div.faqQuestion div.bottom{
width: 660px;
}

div.faqQuestion, div.avantagesPrivileges{
background: url("../images/interface/bg_blocDeroulant2.png") no-repeat left bottom;
}

div.faqQuestion div.bottom, div.avantagesPrivileges div.bottom{
height: auto;
min-height: 34px;
_height: 34px;
padding-top: 18px;
padding-bottom: 18px;
background: url("../images/interface/bg_blocDeroulant1.png") no-repeat left top;
}

div.avantagesPrivileges{
width: 660px;
height: auto;
min-height: 146px;
_height: 146px;
position: relative;
margin: 10px 0px 0px 0px;
}

div.avantagesPrivileges p{font-weight: bold;}
div.avantagesPrivileges div.pane p{font-weight: normal;}
div.avantagesPrivileges div.pane p em{font-style: normal; color: #e5306c;}

div.avantagesPrivileges div.pic{
width: 100px;
height: 117px;
position: absolute;/* A placer en : relative;*/
top: 14px;
left: 14px;
background: url("../images/interne/avantagesPrivileges/logo_avantagesPrivilegesDefault.png") no-repeat left top;
border: 1px solid #dedede;
}

div.avantagesPrivileges h4, div.avantagesPrivileges p, div.avantagesPrivileges div.btnDerouleur{
width: 500px;
clear: none !important;
float : right;
padding-left: 0px !important;
padding-right: 30px !important;
}


div.avantagesPrivileges div.btnDerouleur{padding-top: 8px;}
div.avantagesPrivileges div.pane{padding: 18px 0px 0px 0px!important;}
div.avantagesPrivileges p{margin: 0px !important;}

/* accordion pane */
div#accordionFaq div.pane {
font-size:12px;
padding-left: 18px;
padding-right: 18px;
padding-bottom: 22px;
color:#fff;
border-left: 1px solid #dedede;
border-right: 1px solid #dedede;
/zoom: 1;
display:none;
}

div#accordionFaq h4{
font-size: 14px;
font-weight: bold;
color: #e5306c;
padding-left: 18px;
padding-right: 18px;
background: none;
}

div.btnDerouleur{
font-weight: bold;
height: 17px;
padding-left: 18px;
padding-right: 18px;
cursor: pointer;
}

span.down, span.up{
height: 17px;
display: block;
padding-left: 20px;
}

span.down{background: url("../images/interface/btn_derouleur-on.png") no-repeat left top;}
span.up{background: url("../images/interface/btn_derouleur-off.png") no-repeat left top;}

/* RESULTAT RECHERCHE */
div.resultatRecherche p.txt2, div.contenuSeLoger p.txt2 {
padding-left: 0px;
background: none;
margin-bottom: 23px;
}

div.resultatRecherche p.txt2 strong, div.contenuSeLoger p.txt2  strong{
font-weight: bold;
color: #e5306c;
}

div.resultat{
padding-bottom: 15px;
margin-top: 10px;
border-bottom: 1px solid #dedede;
}

div.resultat h4, div.resultat p{
margin-top: 0px;
margin-bottom: 0px;
}

p.txt2 {
font-size: 14px !important;
line-height: 16px;
font-weight: normal ;
color: #757575  !important;
/*margin-top: 26px !important;*/
margin-top: 0px !important;
}

/* PAGINATION */
div.pagination {
margin-top: 10px;
width: 664px;
height: 26px;
float: right;
}

div.contenuSeLoger div.pagination{
margin-right: 16px;
}

div.pagination p {
line-height: 20px;
margin-right: 10px;
}

div.pagination p, div.pagination ul {
height: 26px;
float: right;
margin-top: 0px;
}

div.pagination ul li {
height: 26px;
float: left;
padding: 0px;
background: url("../images/interface/bg_numeroPagination2.png") no-repeat right top;
margin-right: 3px;
}

div.pagination ul li a {
height: 26px;
line-height: 20px;
width: auto;
min-width: 6px; /* 24 */
_width: 6px; /* 24 */
padding: 0px 10px 0px 8px;
display: block;
background: url("../images/interface/bg_numeroPagination1.png") no-repeat left top;
font-size: 12px;
color: #757575;
text-decoration: none;
text-align: center;
}

div.pagination ul li a:hover, div.pagination ul li a.on, div.pagination ul li a b {
color: #e5306c;
}


/* Foreign students */

div.foreignStudent p.txt2, div.nosPartenairesBloc p.txt2{
line-height: 18px;
}

div.foreignStudentsBloc{
width: 323px;
height: 171px;
margin-right: 9px;
margin-top: 9px;
background: url("../images/interface/bg_blocForeignStudents.png") no-repeat left top;
float: left;
position: relative;
}

div.foreignStudentsBloc div.pic, div.foreignStudentsBloc div.pic img{
width: 100px;
height: 142px;
}

div.foreignStudentsBloc div.pic{
position: absolute;
top: 14px;
left: 15px;
border: 1px solid #dedede;
overflow: hidden;
}

div.foreignStudentsBloc div.description, div.nosPartenairesBloc div.description{
width: 172px;
height: 144px;
position: absolute;
top: 14px;
right: 20px;
overflow: hidden;
}

div.foreignStudentsBloc div.description h4, div.nosPartenairesBloc div.description h4{
padding: 0px;
margin-top : 0px;
margin-bottom: 10px;
background: none;
font-size: 14px;
font-weight: bold;
}

div.foreignStudentsBloc div.description h4 img{
vertical-align: middle;
margin-right: 6px;
}

div.foreignStudentsBloc div.description p, div.nosPartenairesBloc div.description p{
margin: 0px 0px 3px 0px;
}

div.foreignStudentsBloc p.lien a, div.nosPartenairesBloc div.description p.lien a{text-decoration: none;}
div.foreignStudentsBloc p.lien a:hover, div.nosPartenairesBloc div.description p.lien a:hover{text-decoration: underline;}

div.alert{
clear: both;
margin-top: 20px;
}
div.alert p{
margin: 0px;
font-size: 14px;
line-height: 18px;
color: #e5306c;
}

/* Nos partenaires */
div.nosPartenairesBloc{
width: 324px;
height: 145px;
margin-right: 8px;
margin-top: 8px;
background: url("../images/interface/bg_blocNosPartenaires.png") no-repeat left top;
float: left;
position: relative;
}

div.nosPartenairesBloc div.pic{
position: absolute;
top: 14px;
left: 11px;
border: 1px solid #dedede;
overflow: hidden;
}

div.nosPartenairesBloc div.pic, div.nosPartenairesBloc div.pic table tr td{
width: 100px;
height: 117px;
}

div.nosPartenairesBloc div.pic table tr td{
vertical-align: middle;
text-align: center;
}

/* BLOC FORMULAIRES */
div.blocFormulaire{
width: 658px;
padding-top: 6px;
background: url("../images/interface/bg_blocFormulaire1.png") no-repeat left top;
}

div.blocFormulaire p{
margin: 0px;
}

button.etapeSuivante, .etapeSuivante{
width: 143px !important;
height: 36px  !important;
text-indent: -999em  !important;
background: url("../images/interface/btn_etapeSuivante.png") no-repeat left top  !important;
display: block;
}

button.envoyerInformations, .envoyerInformations{
width: 200px !important;
height: 33px  !important;
text-indent: -999em  !important;
background: url("../images/interface/btn_envoyerInformations.png") no-repeat left top  !important;
display: block;
}


div.blocFormulaire div.formInputTxt, div.blocFormulaire div.btnForm, div.blocFormulaire div.msgError, div.blocFormulaire div.msgMentions, div.inputCheckbox, div.formDevis{
width: 386px;
float : left;
clear: both;
}

button.etapeSuivante:hover{
position: relative;
top: 1px;
}

div.btnForm{
margin-top: 20px;
text-align: right;
clear: both;
}

div.msgError{
clear: both;
color: #e5306c;
}

div.msgError p{
margin: 0px  0px 15px 0px !important;
font-size: 14px;
line-height: 18px;
color: #e5306c;
margin-bottom: 40px;
}

div.msgMentions{
margin-top: 48px;
text-align: justify;
}

div.msgMentions p, p.mentions, p.mentions2{
margin: 0px;
font-size: 11px !important;
line-height: 18px  !important;
color: #757575;
}

p.mentions, p.mentions2{
margin-top: 20px;
}

div.msgMentions p span, p.mentions2{
color: #e5306c !important;
}

div.formConfirmation p{
font-size: 14px;
line-height: 18px;
color: #757575;
margin-top: 20px !important;
}

div.formConfirmation p strong{
font-weight: bold;
color: #e5306c;
}

div.blocFormulaire div.bottom{
width: 658px;
padding-bottom: 6px;
background: url("../images/interface/bg_blocFormulaire2.png") no-repeat left bottom;
}

div.blocFormulaire div.bottom div.formContent{
padding: 40px 144px 44px 126px;
border-left: 1px solid #dedede;
border-right: 1px solid #dedede;
zoom: 1;
}

div.formInputTxt, div.inputCheckbox, div.formDevis, div.formInputTxt2 {
margin-top: 10px;
clear: both;
position: relative;
}

div.formInputDatePicker a {left: 193px;}

div.formInputTxt label span, div.formInputTxt label.error, div.blocPrelevAuto label span, 
div.formCodeEtablissement label.error, div.formCodeGuichet label.error, div.formNumCompte label.error, div.formCleRIB label.error, div.formNomTitulaire label.error{
color:#e5306c;
}

div.formInputTxt label, div.formInputTxt label, div.blocPrelevAuto label , div.inputCheckbox label, div.formDevis label{
font-size: 14px;
line-height: 16px;
}

div.formInputTxt label{
width: 120px;
float: left;
}

div.formInputTxt  div.inputRadio, div.formInputTxt  div.inputRadio2, div.formInputTxt  div.inputRadio3{
line-height: 16px;
text-align: left;
position: relative;
}

div.formInputTxt  div.inputRadio {
float: right;
width: 265px;
}

div.formInputTxt  div.inputRadio2 {
padding-left : 120px;
}


div.inputCheckbox input{
float: left;
}

div.inputCheckbox label{
float: right;
width: 366px;
}

div.inputCheckbox textarea.inputTxtarea {
margin-top: 10px;
float: right;
}

div.formInputTxt  div.inputRadio input, div.formInputTxt  div.inputRadio2 input, div.formInputTxt  div.inputRadio3 input, input.checkbox{
width: 15px;
height: 15px;
vertical-align: bottom;
}

div.formInputTxt  div.inputRadio .libelle2, div.formInputTxt  div.inputCheckbox .libelle2, div.formInputTxt  div.inputCheckbox2 .libelle2, div.formInputTxt  div.inputRadio3 .libelle2{
position: relative;
top: 0px;
vertical-align: baseline;
}

div.formInputTxt input, select, div.formInputTxt textarea.inputTxtarea, div.blocPrelevAuto input, div.blocPrelevAuto textarea.inputTxtarea, div.inputCheckbox textarea, div.formDevis  input{
font-size: 11px;
color: #757575;
}

div.formInputTxt input, div.formInputTxt select, div.blocPrelevAuto input, select, div.formDevis input{
height: 22px;
line-height: 22px;
}


div.formInputTxt input.inputTxt, div.blocPrelevAuto input.inputTxt{
width: 248px; /* 260 */
padding-left: 6px;
padding-right: 6px;
background: url("../images/interface/bg_inputTxt.png") no-repeat right top transparent;
border: 0px;
}

select{
padding-top: 2px;
padding-bottom: 2px;
border: none;
background: url("../images/interface/bg_inputTxt.png") no-repeat left top transparent;
border-right: 1px solid #e4e4e4;
cursor: pointer;
}

div.formInputTxt select.fullSelect{
width: 260px;
background: url("../images/interface/bg_inputTxt.png") no-repeat left bottom transparent;
}

div.formInputTxt input.jour, div.formInputTxt input.mois, div.formInputTxt input.annee, div.formDevis input.jour, div.formDevis input.mois, div.formDevis input.annee {
background: url("../images/interface/bg_inputTxt.png") no-repeat left top transparent;
border-right: 1px solid #e4e4e4;
padding-left: 6px;
padding-right: 6px;
}

textarea.inputTxtarea{
width: 260px;
height: 150px;
background: url("../images/interface/bg_inputTxtarea.png") no-repeat left bottom transparent;
}

div.formInputTxt select.jour, div.formInputTxt input.jour, div.formDevis input.jour{width: 60px;}
div.formInputTxt select.mois, div.formInputTxt input.mois, div.formDevis input.mois{width: 60px;}
div.formInputTxt select.annee, div.formInputTxt input.annee, div.formDevis input.annee{width: 76px;}

div.formDevis div.fRgight{
float: right;
width: 333px;
}

div.formDevis  p.labelStyle{
font-size: 14px;
}

div.formSousRub label{
float: left;
margin-right: 5px;
width: 100px;
}

div.formSousRub input {
float: left;
}

div.formSousRub label, div.formSousRub input, div.formSousRub select {
margin-top: 10px;
}

div.formSousRub select{
width: 172px;
}

/* DIAGNOSTIC PERSO */

div.blocEtapes{
width: 658px;
height: 35px;
background: url("../images/interne/diagnosticPersonalise_etapesOff.jpg") no-repeat left top;
position: relative;
margin-top: 28px;
margin-bottom: 15px;
clear: both;
}

div.blocEtapes ul, div.blocEtapes ul li{
margin: 0px;
padding: 0px;
}

div.blocEtapes ul li{
background : none;
}

div.blocEtapes .etape1 div{
width: 220px;
height: 35px;
position: absolute;
top: 0px;
left: 0px;
text-indent: -999em;
}

div.blocEtapes .etape2 div{
width: 238px;
height: 35px;
position: absolute;
top: 0px;
left: 201px;
text-indent: -999em;
}

div.blocEtapes .etape3 div{
width: 236px;
height: 35px;
position: absolute;
top: 0px;
right: 0px;
text-indent: -999em;
}

div.blocEtapes .etape1 div.on{background: url("../images/interne/diagnosticPersonalise_etapesOn1.png") no-repeat left top;}
div.blocEtapes .etape2 div.on{background: url("../images/interne/diagnosticPersonalise_etapesOn2.png") no-repeat left top;}
div.blocEtapes .etape3 div.on{background: url("../images/interne/diagnosticPersonalise_etapesOn3.png") no-repeat left top;}

/* LEXIQUE */

div#BLOC_SUBNAV div div  li.listeLexique{
float: left;
line-height: 18px;
padding: 0px 9px 0px 0px;
margin: 0px;
background: none;
text-transform: uppercase;
}

div#BLOC_SUBNAV div div li.listeLexique a{
color: #757575;
}

div#BLOC_SUBNAV div div li.listeLexique a:hover, div#BLOC_SUBNAV div div li.listeLexique a.on{
color: #e5306c;
}

/* TROUVER UNE AGENCE */
div.carteReseau617 p{
font-size: 14px;
line-height: 18px;
}

div.reseau617{
width: 361px;
height: 389px;
float: left;
margin-right: 22px;
background: red;
}

div.carteReseau617 img, div.carteReseau617 map, div.carteReseau617 area{
border: none;
}

div.carteTrouverAgence, div.infoTrouverAgence {
margin-top: 20px;
}

div.carteTrouverAgence {
float: left;
width: 360px;
height: 506px;
}

div.carteTrouverAgence div.map {
width: 360px;
height: 340px;
position: relative;
}

div.carteTrouverAgence div.map map {
width: 360px;
height: 340px;
visibility: hidden;
}

div.carteTrouverAgence div.map map area{
position: relative;
}

div.carteTrouverAgence div.map img, div.carteTrouverAgence div.map map{
border: none;
}

div.tooltip {
width: 159px;
height: 55px;
display:none;
color:#fff;	
position: absolute;
text-indent: -999em;
}

div#toolStNazaire{background: url("../images/interne/ico_agenceStNazaire.png") no-repeat left top; top: 125px; left: 79px;}
div#toolBrest{background: url("../images/interne/ico_agenceBrest.png") no-repeat left top; top: 41px; left: 7px;}
div#toolQuimper{background: url("../images/interne/ico_agenceQuimper.png") no-repeat left top;  top: 72px; left: 11px;}
div#toolLorient{background: url("../images/interne/ico_agenceLorient.png") no-repeat left top;  top: 92px; left: 54px;}
div#toolVannes{background: url("../images/interne/ico_agenceVannes.png") no-repeat left top;  top: 103px; left: 77px;}
div#toolStBrieuc{background: url("../images/interne/ico_agenceStBrieuc.png") no-repeat left top;  top: 41px; left: 73px; }
div#toolRennes{background: url("../images/interne/ico_agenceRennes.png") no-repeat left top;  top: 69px; left: 133px; }
div#toolLaval{background: url("../images/interne/ico_agenceLaval.png") no-repeat left top;  top: 81px; left: 177px; }
div#toolLeMans{background: url("../images/interne/ico_agenceLeMans.png") no-repeat left top;  top: 86px; left: 211px; }
div#toolNantes{background: url("../images/interne/ico_agenceNantes.png") no-repeat left top;  top: 126px; left: 109px; }
div#toolAngers{background: url("../images/interne/ico_agenceAngers.png") no-repeat left top;  top: 123px; left: 180px; }
div#toolCholet{background: url("../images/interne/ico_agenceCholet.png") no-repeat left top;  top: 140px; left: 164px; }
div#toolLaRocheSurYon{background: url("../images/interne/ico_agenceLaRocheSYon.png") no-repeat left top;  top: 172px; left: 101px; }

div.infoTrouverAgence{
width: 246px; /* 286 */
height: 468px; /* 508 */
padding: 20px;
margin-left : 12px;
float: left;
line-height: 18px;
background: url("../images/interne/bg_blocInfoTrouverAgence.png") no-repeat left top;
}

.infoTrouverAgence h3{
margin: 0px 0px 26px 0px !important;
}

.infoTrouverAgence h4{
margin: 15px 0px 7px 0px!important;
}

.infoTrouverAgence p{
line-height: 18px !important;
margin: 0px 0px 9px 0px !important;
}

div.infoTrouverAgence p b{
color: #e5306c;
font-weight: bold;
}

.infoTrouverAgence p a{
background: none;
padding: 0px;
}

div.formTrouverAgence{
width: 304px; /* 360 */
height: 114px; /* 166 */
padding: 26px 28px;
background: url("../images/interne/bg_blocFormTrouverAgence.png") no-repeat left top;
position: relative;
z-index: 2680;
}

div.formTrouverAgence p{
color: #e5306c;
font-size: 14px;
font-weight: bold;
margin-bottom: 24px;
}

div.formTrouverAgence label{
color: #757575;
font-size: 14px;
padding-right: 23px;
}

div.formTrouverAgence select{
width: 174px;
height: 22px;
line-height: 22px;
}

div.formTrouverAgence button, div.formTrouverAgence .btnValider, div.formTrouverAgence .btnRechercher, div.formTrouverAgence .btnSouscrire{
margin-top: 15px;
float: right;
}

/* NEWSLETTER */

div#BLOC_DROITE div.contenuNewsletter{
width: 700px;
background: url("../images/interne/bg_titreNewsletter.png") no-repeat left 15px white;
padding-top: 15px;
margin-bottom: 45px;
}

div#BLOC_DROITE div.contenuNewsletter div.filAriane{
margin-top: -15px;
zoom:1;
}

div#BLOC_DROITE div.contenuNewsletter div.bottom{
height: auto;
min-height: 454px;
_height: 454px;
padding-bottom: 38px;
background: url("../images/interne/bg_blocNewsletterBottom.png") no-repeat left bottom;
}

div#BLOC_DROITE div.contenuNewsletter div.content h3{
background: none;
height: 55px; /* 100 */
padding: 45px 20px 0px 20px;
}

div#BLOC_DROITE div.contenuNewsletter div.content h3 img{
vertical-align: bottom;
}

div#BLOC_DROITE div.contenuNewsletter div.content h3 span.newsNumero{
font-size: 24px;
font-weight: bold;
color: white;
}

div#BLOC_DROITE div.contenuNewsletter div.content h3 span.newsMois{
font-size: 14px;
font-weight: bold;
color: white;
}

/* Newsletter accueil */
div#BLOC_DROITE div.newsletterEdito{
width: 385px;
height: auto;
_height: 525px;
min-height: 525px;
margin-left: 20px;
padding-bottom: 7px;
background: url("../images/interne/bg_newsletterEditoBottom.png") no-repeat bottom left;
float: left;
}

div#BLOC_DROITE div.newsletterEdito div.bottom {
width: 355px; /* 385 */
height: auto; /* 525 */
_height: 495px; /* 525 */
min-height: 495px; /* 525 */
padding: 15px 15px 15px 15px;
background: url("../images/interne/bg_newsletterEditoTop.png") no-repeat top left;
}

div#BLOC_DROITE div.newsletterEdito div.pic{
width: 164px;
height: 164px;
background: url("../images/interne/bg_newsletterEditoPic.png") no-repeat top left;
position: relative;
float: left;
margin-right: 7px;
margin-bottom: 7px;
}

div#BLOC_DROITE div.newsletterEdito p{
font-size: 14px;
line-height: 18px;
margin-bottom: 13px;
}

div#BLOC_DROITE div.newsletterEdito div.pic img{
width: 135px;
height: 135px;
position: absolute;
top: 15px;
left: 13px;
}

div#BLOC_DROITE div.newsletterPoint, div#BLOC_DROITE div.newsletterBonsPlans{
width: 257px;
margin-right: 20px;
float: right;
}

div#BLOC_DROITE div.newsletterPoint h5, div#BLOC_DROITE div.newsletterBonsPlans h5{
clear: none;
margin-top: 0px;
}

div#BLOC_DROITE div.newsletterPoint div.pic, div#BLOC_DROITE div.newsletterBonsPlans div.pic{
width: 115px;
height: 118px;
background: url("../images/interne/bg_newsletterPic.png") no-repeat top left;
position: relative;
float: left;
margin-right: 11px;
clear: left;
}

div#BLOC_DROITE div.newsletterPoint div.pic img, div#BLOC_DROITE div.newsletterBonsPlans div.pic img{
width: 88px;
height: 88px;
position: absolute;
top: 12px;
left: 12px;
}

div#BLOC_DROITE div.newsletterPoint p, div#BLOC_DROITE div.newsletterBonsPlans p{
font-size: 12px;
line-height: 17px;
margin: 0px;
}

div#BLOC_DROITE div.newsletterBonsPlans p.spacer {
border-bottom: 1px solid #dedede;
line-height: 15px;
margin-bottom: 16px;
}

div#BLOC_DROITE div.newsletterEdito h4, div#BLOC_DROITE div.newsletterPoint h4, div#BLOC_DROITE div.newsletterBonsPlans h4{
font-size: 18px;
font-weight: bold;
color: #e5306c;
}

div#BLOC_DROITE div.newsletterEdito h4 {
line-height: 25px;
padding-left: 36px;
margin-bottom: 11px;
background: url("../images/interne/ico_newsletterEdito.png") no-repeat top left;
margin-top: 0px;
}

div#BLOC_DROITE div.newsletterPoint{
padding-bottom: 20px;
margin-bottom: 25px;
border-bottom: 1px solid #dedede;
}

div#BLOC_DROITE div.newsletterPoint h4, div#BLOC_DROITE div.newsletterBonsPlans h4{
margin-bottom: 14px;
}

div#BLOC_DROITE div.newsletterPoint h4 {
line-height: 19px;
padding-left: 25px;
background: url("../images/interne/ico_loupeTitre.png") no-repeat top left;
margin-top: 0px;
}

div#BLOC_DROITE div.newsletterBonsPlans h4 {
line-height: 19px;
padding-left: 25px;
background: url("../images/interne/ico_bonsPlansTitre.png") no-repeat top left;
margin-top: 0px;
}

div#BLOC_DROITE div.newsletterEdito h5{
font-size: 16px;
line-height: 18px;
font-weight: bold;
color: #e5306c;
margin-bottom: 16px;
}

div#BLOC_DROITE div.newsletterPoint h5, div#BLOC_DROITE div.newsletterBonsPlans h5{
font-size: 14px;
line-height: 18px;
font-weight: bold;
color: #e5306c;
background: none;
}

/* Newsletter interne */

div#BLOC_DROITE div.contenuNewsletter p.lienNewsRetour, div.contenuSeLoger  p.lienNewsRetour{
margin-left: 20px;
padding-right: 20px;
}

p.lienNewsRetour, a.lienNewsRetour{
font-size: 14px !important;
font-weight: bold;
padding-left: 17px;
background: url("../images/interface/ico_flecheRetour.png") no-repeat 0px 3px;
}

p.lienNewsRetour a, a.lienNewsRetour{color: #e5306c;}

div.contenuNewsletter p.lienNewsRetour{
margin-top: 0px;
}


div#BLOC_DROITE div.contenuNewsletter div.newsArticlePrincipal, div#BLOC_DROITE div.contenuNewsletter div.newsArticleInterview{
padding-left: 20px;
padding-right: 20px;
}

div#BLOC_DROITE div.contenuNewsletter div.newsArticlePrincipal h4{
font-size: 18px;
line-height: 19px;
font-weight: bold;
color: #e5306c;
padding-left: 29px;
background: url("../images/interne/ico_loupeTitre.png") no-repeat left bottom;
margin-bottom: 20px;
}

div#BLOC_DROITE div.contenuNewsletter div.newsArticlePrincipal h5{
clear: none !important;
font-size: 12px;
font-weight: bold;
color: #e5306c;
padding-left: 15px;
background: url("../images/interface/ico_flecheLien.png") no-repeat left 5px;
margin-top: 20px;
}

div#BLOC_DROITE div.contenuNewsletter div.newsArticlePrincipal p{margin: 0px; }
div#BLOC_DROITE div.contenuNewsletter div.newsArticlePrincipal p.spacer{line-height: 19px;}

div#BLOC_DROITE div.contenuNewsletter p strong{
font-size: 14px;
line-height: 18px;
color: #e5306c;
font-weight: bold;
}

div#BLOC_DROITE div.contenuNewsletter div.newsletterBorder {
margin-top: 1px;
width: 697px;
padding-top: 27px;
padding-bottom: 30px ;
border-left: 1px solid #e6e5e5;
border-right: 1px solid #e6e5e5;
zoom: 1;
}

div#BLOC_DROITE div.contenuNewsletter div.newsArticlePrincipal div.blocRose{
float: right;
margin-left: 25px;
}

div#BLOC_DROITE div.contenuNewsletter div.newsArticleInterview{
margin-top: 20px;
}

div#BLOC_DROITE div.contenuNewsletter div.interview{
width: 198px; /* 226 */
margin-top: 20px;
padding-left: 10px;
padding-right: 10px;
float:left;
}

div#BLOC_DROITE div.contenuNewsletter div.interview div.pic{
width: 115px;
height: 118px;
margin-left: 45px;
margin-bottom: 8px;
background: url("../images/interne/bg_newsletterPic.png") no-repeat left 3px;
position: relative;
}

div#BLOC_DROITE div.contenuNewsletter div.interview div.pic img{
width: 88px;
height: 88px;
position:absolute;
top: 15px;
left: 12px;
}

div#BLOC_DROITE div.contenuNewsletter div.interview div.description p{
text-align: justify;
margin: 0px;
}

/*************************************************************************/
/* ADHESION */

div.adhererBlocRose{
margin-top: 12px;
margin-right: 13px;
float: right;
}

div.blocRose2 div.myContent ul li{margin: 0px !important;}

/* BLOC ETAPES */
div.adhererEtapes{
width: 659px;
height: 34px;
background: url("../images/interne/bg_adhererEtapes.png") no-repeat left 0px;
position: relative;
margin-top: 28px;
margin-bottom: 15px;
}

div.adhererEtapes div{
height: 34px;
text-indent: -999em;
position: absolute;
top: 0px;
}
div.adhererEtapes div.etape1 {width: 135px;left: 0px;}
div.adhererEtapes div.etape2{width: 149px;left: 119px;}
div.adhererEtapes div.etape3{width: 150px;left: 251px;}
div.adhererEtapes div.etape4{width: 149px;left: 385px;}
div.adhererEtapes div.etape5{width: 141px;right: 0px;}
div.adhererEtapes div.etape1On{background: url("../images/interne/bg_adhererEtapes1On.png") no-repeat left 0px;}
div.adhererEtapes div.etape2On{background: url("../images/interne/bg_adhererEtapes2On.png") no-repeat left 0px;}
div.adhererEtapes div.etape3On{background: url("../images/interne/bg_adhererEtapes3On.png") no-repeat left 0px;}
div.adhererEtapes div.etape4On{background: url("../images/interne/bg_adhererEtapes4On.png") no-repeat left 0px;}
div.adhererEtapes div.etape5On{background: url("../images/interne/bg_adhererEtapes5On.png") no-repeat left 0px;}

/* ADHERER CONNEXION */
div.blodAdhererGauche{margin-left: 9px; }
div.blodAdhererGauche div.blocGrisCapcha{margin: 20px auto 0px auto;}
div.blodAdhererGauche div.blocGrisCapcha div.msgError{text-align: center;}
div.blodAdhererGauche div.blocGrisCapcha div.formInputTxt{width: 100%;}
div.blodAdhererGauche div.blocGrisCapcha label{text-align: right;width: 140px;padding-right: 26px;}
div.blodAdhererGauche div.blocGrisCapcha input{width: 212px;}
div.blodAdhererGauche div.blocGrisCapcha div.btnForm{padding-left: 317px;}
div.blodAdhererGauche div.blocGrisCapcha button, div.blodAdhererGauche div.blocGrisCapcha .btnValider, div.blodAdhererGauche div.blocGrisCapcha .btnRechercher, div.blodAdhererGauche div.blocGrisCapcha .btnSouscrire {float: left;}

/* ADHERER ETAPE 1 */

div#form_etape1 , div#form_etape2, div#form_etape3, div#form_etape3B, div#form_etape4, div#form_etape4B {
margin-top: 15px;
}

div.garantiesChoix {
margin-top: 36px;
margin-bottom: 16px;
}

div.garantiesChoix p{
font-size: 14px !important;
line-height: 18px !important;
margin: 0px;
}

div.blocGaranti {margin-top: 12px;}

div.blocGaranti .top{
width: 658px;
height: 21px;
background: url("../images/interne/bg_adhererBlocTop.png") no-repeat left top;
float: left;
}

div.blocGaranti .myContent{
width: 620px; /* 658 */
padding: 0px 18px 50px 18px;
border-left : 1px solid #dedede;
border-right : 1px solid #dedede;
float: left;
position: relative;
zoom: 1;
}

div#form_etape1 h4, div#form_etape2 h4, div#form_etape3 h4, div#form_etape4 h4, div#form_etape4 h4, div#form_etape5 h4, div#form_etape6 h5{
width: 420px;
margin: 0px;
clear: both;
}

div.blocGaranti .myContent div.adhererTopLink{
position: absolute;
top: 0px;
right: 18px;
}

div.blocGaranti .myContent div.adhererTopLink1{
position: absolute;
top: 105px;
right: 18px;
}

div.blocGaranti .myContent div.adhererTopLink1-surcharge { 
  position:static; 
  margin-top:-42px;
  float:right;
}

.adhererparag{
	margin-bottom: 16px;margin-top: 0px;
}

.adhererparaglien{
	color: #E5306C;
}

div.blocGaranti .myContent div.adhererTopLink p{
margin: 0px;
}

div.blocGaranti div.bottom{
width: 658px;
padding-top: 9px;
padding-bottom: 9px;
background: url("../images/interne/bg_adhererBlocBottom.png") no-repeat left bottom #dedede;
float: left;
}

div.blocGaranti div.bottom div.formInputTxt{
position: relative;
margin: 0px;
}

div.blocGaranti div.bottom div.formInputTxt a.dp-choose-date{
right: 35px;
}

div.blocGaranti .bottom td{vertical-align: middle;}

div.blocGaranti .bottom td.left{
width: 292px; /* 328 */
padding-left: 36px;
border-right: 1px solid #c2c2c2;
}

div.blocGaranti .bottom td.right{
width: 329px; /* 329 */
}

div.blocGaranti .bottom label, div.blocGaranti .bottom input, div.blocGaranti .bottom select{
margin: 0px;
}

div.blocGaranti .bottom .left label{
font-size: 14px;
line-height: 16px;
width: 140px;
}

div.blocGaranti .bottom .left input{
width: 62px; /* 112*/
height: 22px;
background: url("../images/interne/bg_adhererSelectDate.png") no-repeat left top;
margin-top: 7px;
padding-right: 50px;
}

div.blocGaranti .bottom .left select{
width: 253px;
margin-top: 16px;
margin-bottom: 8px;
}

div.blocGaranti .bottom .left a{
height: 22px;
width: 40px;
text-indent: -999em;
display: block;
position: absolute;
right: 12px;
top: 7px;
}

div.blocGaranti .bottom .right label{
color: #e5306c;
font-weight: bold;
text-transform: uppercase;
text-align: right;
padding-top: 9px;
padding-right: 13px;
}

div.blocGaranti .bottom .right input{
width: 94px;
height: 37px;
line-height: 37px;
background: url("../images/interne/bg_adhererTotal.png") no-repeat left top;
color: white;
font-size: 18px;
font-weight: bold;
text-transform: uppercase;
text-align: center;
padding: 0px;
}

/* Blocs garantie */

div.garantie, div.garantieetr{
width: 274px; /* 300*/
height: 58px; /* 58*/
padding-top: 7px;
padding-left: 13px;
padding-right: 13px;
background: url("../images/interne/bg_blocGarantie.png") repeat-x left bottom white;
border: 1px solid #dedede;
float: left;
margin-right: 8px;
margin-top: 8px;
zoom: 1;
position: relative;
}

div.garantie input, div.garantieetr input, div.garantie a.select_garantie, div.garantieetr a.select_garantie, div.garantie a.select_option, div.garantieetr a.select_option{
float: left;
display: block;
margin-top: 18px;
}

div.garantie span.garantiePic, div.garantieetr span.garantiePic{
display: block;
width: 84px;
height: 55px;
float: left;
overflow: hidden;
}

div.garantie span.garantiePic img, div.garantieetr span.garantiePic img{
vertical-align: middle;
margin: 0px;
padding: 0px;
}

div.garantie p, div.garantieetr p{
float: left;
width: 170px;
font-size: 12px;
line-height: 15px;
overflow: hidden;
margin: 0px;
}

/*
div.garantie input, div.garantieetr input, div.garantie a.select_garantie, div.garantieetr a.select_garantie, div.garantie a.select_option, div.garantieetr a.select_option{
position: absolute;
top: 20px;
left: 15px;
}

div.garantie span.garantiePic, div.garantieetr span.garantiePic{
display: block;
width: 84px;
height: 55px;
position: absolute;
top: 0px;
left: 28px;
overflow: hidden;
}

div.garantie span.garantiePic img, div.garantieetr span.garantiePic img{
vertical-align: middle;
margin: 0px;
padding: 0px;
}

div.garantie p, div.garantieetr p{
position: absolute;
top: 0px;
right: 15px;
width: 175px;
font-size: 12px;
line-height: 15px;
overflow: hidden;
margin: 6px 0px 0px 0px;
}*/

div.garantie p em, div.garantieetr p em{
font-weight: bold;
color: #e5306c;
font-style: normal;
}

div.garantieOn{background: url("../images/interne/bg_blocGarantieOn.png") repeat-x left bottom #f4a8c2;}
div.garantieOn p, div.garantieOn p em, div#form_etape5 div.garantieOn p em{color: white !important;}

/* Ahderer : Btn Ìtape suivante */

div#form_etape1 div.btnForm, div#form_etape2 div.btnForm, div#form_etape3 div.btnForm, div#form_etape4 div.btnForm{
text-align: right;
}

/* ADHERER ETAPE 2 */
div#form_etape2 div.blocFormulaire {margin-bottom: 16px;}

/* ADHERER ETAPE 3 */
div#form_etape3 div.blocFormulaire {margin-bottom: 16px;}
div#form_etape3 div.formContent {padding: 21px 18px 44px;}
div#form_etape3 div.formContent a.modif_form{
width: 81px;
height: 35px;
background: url("../images/interface/btn_modifier.png") no-repeat left top;
margin: 20px auto 0px auto;
display: block;
text-indent: -999em;
}

div#form_etape5 div.formContent div.garantieetr, div#form_etape5 div.formContent div.garantie, div.contenu_recap_comm div.garantie, div.contenu_recap_comm div.garantieetr {
margin-top: 8px;
}

div#form_etape3 div.contenu_recap_comm{margin-top: 20px;}
div#form_etape3 div.contenu_recap_comm p{font-size: 14px;}

div#form_etape3 div.contenu_recap_coord {margin-top: 15px; padding-left: 106px;}

div#form_etape3 div.contenu_recap_coord  p{
width: 380px; /* 410 */
padding : 9px 20px;
line-height: 16px;
font-size: 14px;
color: #757575;
border-bottom: 1px solid #dedede;
}
div#form_etape3 div.contenu_recap_coord  p em{color: #e5306c;}

/* ADHERER ETAPE 4 */

div#form_etape4  div.formInputTxt2 {
clear: auto;
margin-top: 12px;
margin-left: 27px;
}

div#form_etape4  div.formInputTxt2 a.pris_connaissance{
display: block;
float: left;
margin-right: 5px;

}

p.prelevementMention{
font-size: 14px !important;
font-weight: bold  !important;
color: #e5306c  !important;
margin: 33px 0px 0px  !important;
}
div#form_etape4 div.formContent, div#form_etape5 div.formContent{padding: 15px 18px 24px;}
div#form_etape4 div.modepaimentCB{margin-bottom: 8px;}
div#form_etape4 div.modePaimentBloc{
width: 618px;
height: 58px;
line-height: 58px;
border: 1px solid #dedede;
background: url("../images/interne/bg_blocGarantie.png") repeat-x left bottom white;
text-align: center;
font-size: 14px;
zoom: 1;
}

div#form_etape4 div.blocPrelevAuto h4, div#form_etape4 h5{
margin-top: 38px;
}

div#form_etape4 h5{
font-size: 14px;
color: #e5306c;
}

div#form_etape4 div.modePaimentBloc a img{
vertical-align: middle;
}

div.blocPrelevAuto{
padding: 0px 27px 50px;
clear: both;
border: 1px solid #dedede;
zoom: 1;
}

div.blocPrelevAuto input{border-right: 1px solid #ededed ;}
div.blocPrelevAuto input#code_etablissement{width: 130px;}
div.blocPrelevAuto input#code_guichet{width: 94px;}
div.blocPrelevAuto input#num_compte{width: 142px;}
div.blocPrelevAuto input#cle_rib{width: 38px;}
div.blocPrelevAuto input#nom_titulaire{width: 260px;}

div.formCodeEtablissement, div.formCodeGuichet, div.formNumCompte, div.formCleRIB, div.formNomTitulaire{
float: left;
}

div.formCodeEtablissement, div.formCodeGuichet, div.formNumCompte{margin-right: 30px;}
div.formCodeEtablissement{width: 142px;}
div.formCodeGuichet{width: 106px;}
div.formNumCompte{width: 154px;}
div.formCleRIB{width: 50px;}

div.formCodeEtablissement, div.formCodeGuichet, div.formNumCompte, div.formCleRIB, div.blocPrelevAuto div.formInputTxt, div.formNomTitulaire{
margin-top: 20px;
}

.lienForm{
font-size: 14px;
color: #e5306c;
text-decoration: underline;
padding-left: 10px;
background: url("../images/interface/ico_formLien.png") no-repeat left 5px;
}

/* ADHERER ETAPE 5 */
div#form_etape5 div.formContent p {
margin: 0px !important;
}

div#form_etape5 div.formContent p em{
color: #df2e69;
}

/* SE LOGER */

div.contenuSeLoger{
padding-top: 14px;
background: white;
} 

div.contenuSeLoger div.filAriane, div.contenuSeLoger h3, div.contenuSeLoger p.txt2, div.content h1 {
padding-left: 18px;
padding-right: 18px;
}

div.contenuSeLoger div.titreDouble{
margin-left: 18px;
margin-right: 18px;
}

div.contenuSeLoger p.txt2 {
padding: 0px;
}

div.contenuSeLoger div.blocGris2 label{
width: 156px;
display: block;
margin-bottom: 15px;
float: left;
font-size: 14px;
line-height: 16px;
}

div.contenuSeLoger div#accordionFaq, div .contenuSeLoger p.txt2, div.sortirResultat{
width: 660px;
margin: 0px auto;
}

div#accordionFaq, div .contenuSeLoger p.txt2{
margin-bottom: 20px;
}

/* Se loger accueil */
div.blocSeLoger{
width: 176px; /* 210 */
height: 201px; /* 230*/
overflow: hidden;
padding: 12px 17px 17px 17px;
text-align: center;
float: left;
margin-right: 10px;
margin-bottom: 12px;
background: url("../images/interne/bg_blocSeLoger.png") no-repeat left top;
}


div.blocSeLoger h4, div.blocSeLoger img, div.blocSeLoger p{
margin: 0px !important;
padding: 0px !important;
}

div.blocSeLoger h4{
background: none;
text-align: left;
line-height: 20px;
}

div.blocSeLoger p{
line-height: 18px;
text-align: left;
}

div.seLogerAgence {
margin-top: 20px;
clear: both;
float: left;
}

div.seLogerAgence div{float: left;}

div.seLogerAgence div.pic{
width: 100px;
height: 100px;
overflow: hidden;
background: url("../images/interne/bg_seLogerPic.png") no-repeat left top;
margin-right: 50px;
}

div.seLogerAgence div.coordonnees{
width: 145px; /*180*/
padding-right: 35px;
background: url("../images/interne/sepator.png") no-repeat right center;
}

div.seLogerAgence div.coordonnees strong, div.seLogerAgence div.horaires strong{
font-size: 14px;
color: #e5306c;
font-weight: bold;
}

div.seLogerAgence div.horaires{
width: 245px; /* 280 */
padding-left: 35px;
}

/* Smeb' habitat */
div.contenuSeLoger div.blocGris2 div.formLeft select, div.contenuSeLoger div.blocGris2 div.formRight select  {
width: 157px;
margin-bottom: 15px;
}

div.contenuSeLoger div.blocGris2 div.formLeft select , div.contenuSeLoger div.blocGris2 div.formRight select ,div.contenuSeLoger div.blocGris2 div.formLeft  input, div.contenuSeLoger div.blocGris2 div.formRight  input{
float : left;
}

div.contenuSeLoger p.lienNewsRetour{
margin-top: 0px;
margin-bottom: 20px;
}

div.blocGris2 div.formLeft {
width: 314px;
margin-left: 66px;
float: left;
}

div.blocGris2 div.formRight {
width: 265px;
float: right;
}

div.blocGris2 div.formRight label{
width: 40px;
}

div.contenuSeLoger div.blocGris2 button, div.contenuSeLoger div.blocGris2 .btnValider, div.contenuSeLoger div.blocGris2 .btnRechercher, div.contenuSeLoger div.blocGris2 .btnSouscrire {
float: right;
margin-right: 69px;
}

/* Service PAP */

div.papCheckbox {width: 661px; height: 32px; margin-bottom: 30px;}

div.papCheckbox input{
width: 15px;
height: 15px;
vertical-align: middle !important;
}

div.papCheckbox span{
margin-top: 3px;
padding-right: 5px;
line-height: 32px;
}

div.blocGris3 div.formBlocGris3 {
margin-left: 82px;
}

div.blocGris3 div.formBlocGris3 div.formInputTxt {
margin-top: 0px !important;
margin-bottom: 10px;
float: left;
width: 578px;
}

div.blocGris3 div.formBlocGris3 div.formInputTxt label {
width: 130px;
}

div.blocGris3 div.formBlocGris3 div.papCheckbox  input{
vertical-align: bottom;
}

div.blocGris3 div.formBlocGris3 .btnRechercher {
margin-right: 37px !important;
margin-top: 10px;
}

div.blocGris3 div.formBlocGris3 button, div.blocGris3 div.formBlocGris3 .btnValider, div.blocGris3 div.formBlocGris3 .btnRechercher, div.blocGris3 div.formBlocGris3 .btnSouscrire{
float: right;
margin-right: 45px;
}

div .contenuSeLoger {
padding-bottom: 50px;
}

/*
div .contenuSeLoger  div.pagination {
margin-right: 16px;
}*/

div .contenuSeLoger div.faqQuestion, div.avantagesPrivileges{
margin-top: 12px !important;
}

div .contenuSeLoger div#accordionFaq h4{
margin-bottom: 5px;
}

div .contenuSeLoger div#accordionFaq p.rose{
padding-left: 18px;
padding-right: 18px;
margin: 0px 0px 10px 0px;
}

div .contenuSeLoger div#accordionFaq div.pane{
padding-bottom: 30px;
}

div .contenuSeLoger div#accordionFaq div.pane div.pic{
width: 108px;
float: left;
}

div .contenuSeLoger div#accordionFaq div.pane div.pic div{
width: 80px;
height: 80px;
border: 1px solid #d9d9d9;
background: url("../images/interne/servicePap/appartementDefault.jpg") no-repeat left top;
margin-bottom: 11px;
text-align: center;
}

div .contenuSeLoger div#accordionFaq div.pane div.description{
float: right;
width: 514px;
}

div .contenuSeLoger div#accordionFaq div.pane div.description p{
color: #e5306c;
line-height: 20px;
margin: 0px;
}

div .contenuSeLoger div#accordionFaq div.pane div.description p span{
color: #757575;
display: block;
width: 120px; /* 128 */
padding-right : 8px;
float: left;
}

div .contenuSeLoger div#accordionFaq div.pane div.description p.txtInfo{
margin-top: 23px;
margin-top: 10px;
color: #757575;
}

/* Proprietaires */
div.seLoger_proprietaire div.blocEtapes{background: url("../images/interne/seLogerProprietaire_etapesOff.jpg") no-repeat left top;}
div.seLoger_proprietaire div.blocEtapes .etape1 div.on{background: url("../images/interne/seLogerProprietaire_etapesOn1.png") no-repeat left top;}
div.seLoger_proprietaire div.blocEtapes .etape2 div.on{background: url("../images/interne/seLogerProprietaire_etapesOn2.png") no-repeat left top;}
div.seLoger_proprietaire div.blocEtapes .etape3 div.on{background: url("../images/interne/seLogerProprietaire_etapesOn3.png") no-repeat left top;}

/* Sortir */

div.sortirResultat div.left, div.sortirDetail div.left{
width: 80px;
height: 80px;
border: 1px solid #d9d9d9;
background: url("../images/interne/sortir/evenementDefault.jpg") no-repeat left top;
text-align: center;
float: left;
}

div.sortirResultat{
padding-top: 8px;
padding-bottom: 8px;
border-bottom: 1px solid #d9d9d9;
}

div.sortirResultat div.right, div.sortirDetail  div.right{
float: right;
width: 566px;
}

div.sortirResultat div.right h4, div.sortirDetail div.right h4{
font-size: 14px;
color: #757575;
padding: 0px;
background: none;
}

div.sortirResultat div.right h4, div.sortirResultat div.right p, div.sortirDetail h4 {
margin: 0px;
}

div.sortirResultat div.right span, div.sortirDetail div.right span{
font-size: 12px !important;
font-weight: bold;
color: #e5306c;
}

div.sortirResultat div.right a, div.sortirDetail  div.right a{
font-weight: bold;
color: #e5306c;
font-style: normal;
}

div.sortirResultat div.right a, div.sortirDetail  div.right a:hover{
text-decoration: underline;
}

/* Sortir dÌtail */
div.sortirDetail{
padding-top: 32px;
}
/*
div.sortirDetail h4{
margin-bottom: 20px;
}
*/
div.sortirDetail p{
line-height: 20px;
}

div.sortirDetail p em{
color: #757575 !important;
font-style: normal;
font-weight: bold;
}

/*************************************************************************************************/
/* BLOC GARANTIE */

div.blocChoixGarantie{
width: 209px;
background: url("../images/interne/bg_choixGarantieMiddle.png") repeat-y left top;
float: left;
margin-top: 12px;
margin-right: 12px;
}

div.blocChoixGarantie div.bottom{
padding-bottom: 9px;
background: url("../images/interne/bg_choixGarantieBottom.png") no-repeat left bottom;
}

div.blocChoixGarantie div.top{
height: auto;
min-height: 197px; /* 337 */
_height: 197px; /* 337 */
padding: 18px 20px;
background: url("../images/interne/bg_choixGarantieTop.png") no-repeat left top;
}

div.blocChoixGarantie h4{
font-size: 15px;
font-weight: bold;
color: #e5306c;
text-align: center;
padding: 0px;
background: none;
margin: 0px 0px 20px 0px;
}

div.blocChoixGarantie p em{
color: #757575;
font-weight: bold;
}

div.blocChoixGarantie p {
margin: 0px;
}

/* Demande d'attestation */
div.form_etape3B{
margin-top: 12px;
}

/* BLOC ETAPES */
div.attestationEtapes{
width: 659px;
height: 34px;
background: url("../images/interne/bg_demandeAdhesionEtapes.png") no-repeat left 0px;
position: relative;
margin-top: 28px;
}

div.attestationEtapes div{
height: 34px;
text-indent: -999em;
position: absolute;
top: 0px;
}

div.attestationEtapes div.etape1 {width: 219px;left: 0px;}
div.attestationEtapes div.etape2{width: 234px;left: 204px;}
div.attestationEtapes div.etape3{width: 236px;right: 0px;}
div.attestationEtapes div.etape1On{background: url("../images/interne/bg_demandeAdhesionEtapes1On.png") no-repeat left 0px;}
div.attestationEtapes div.etape2On{background: url("../images/interne/bg_demandeAdhesionEtapes2On.png") no-repeat left 0px;}
div.attestationEtapes div.etape3On{background: url("../images/interne/bg_demandeAdhesionEtapes3On.png") no-repeat left 0px;}

/* BLOC ETAPES DEMANDE DE DEVIS */
div.devisEtapes{
width: 659px;
height: 35px;
background: url("../images/interne/bg_demandeDevis_Off.png") no-repeat left 0px;
position: relative;
margin-top: 28px;
}

div.devisEtapes div{
height: 35px;
text-indent: -999em;
position: absolute;
top: 0px;
}

div.devisEtapes div.etape1 {width: 166px;left: 0px;}
div.devisEtapes div.etape2{width: 177px;left: 151px;}
div.devisEtapes div.etape3{width: 177px;left: 315px;}
div.devisEtapes div.etape4{width: 180px;right: 0px;}
div.devisEtapes div.etape1On{background: url("../images/interne/bg_demandeDevisEtapes1On.png") no-repeat left 0px;}
div.devisEtapes div.etape2On{background: url("../images/interne/bg_demandeDevisEtapes2On.png") no-repeat left 0px;}
div.devisEtapes div.etape3On{background: url("../images/interne/bg_demandeDevisEtapes3On.png") no-repeat left 0px;}
div.devisEtapes div.etape4On{background: url("../images/interne/bg_demandeDevisEtapes4On.png") no-repeat left 0px;}

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

.margeT28{margin-top: 28px !important;}
.margeB28{margin-bottom: 28px !important;}

div.blocsContainer p.txt2 {
margin-bottom: 30px;
}

/* PLAN DU SITE */
div.planSiteListe ul, div.planSiteListe ul li{
margin: 0px;
padding: 0px;
background: none;
}

div.planSiteListe ul li{margin-bottom: 12px;}
div.planSiteListe ul li li{margin-bottom: 5px;}
div.planSiteListe ul ul{margin-top: 5px; margin-bottom: 5px;}
div.planSiteListe ul li li ul{margin-left: 20px;}

/* TABLEAU GARANTIES */
div.table{
margin-top: 20px;
}

table.tableauGaranties {
width: 660px;
border : 1px solid #c1c1c1;
text-align: left;
}

table.tableauGaranties th, .thStyle{
font-size: 12px;
line-height: 14px;
font-weight: bold;
color: #e5306c;
text-transform: uppercase;
}

table.tableauGaranties td {
padding-top: 2px;
padding-bottom: 2px;
}

.thStyle{
font-size: 14px;
font-weight: bold  !important;
color: #e5306c;
text-transform: uppercase;
height: 33px;
padding-top: 4px !important;
padding-bottom: 4px !important;
}

.thStyle2{
font-size: 14px;
font-weight: bold !important;
color: #e5306c;
height: 29px;
padding-top: 3px !important;
padding-bottom: 3px !important;
}

table.tableauGaranties th span, table.tableauGaranties td.col1 span{
padding-left: 9px;
padding-right: 9px;
}

table.tableauGaranties th span {
display: block;
vertical-align: bottom;
text-align: left;
}

table.tableauGaranties th img{
display : block;
}

table.tableauGaranties th, table.tableauGaranties td {
border : 1px solid #c1c1c1;
}

table.tableauGaranties td span {
display: block;
line-height: 14px;
}

table.tableauGaranties td span em{
color: #e5306c;
font-style: normal;
}

table.tableauGaranties th {text-align: center;}
table.tableauGaranties th.col1 span {line-height: 68px;}
table.tableauGaranties th.col3 span, table.tableauGaranties th.col4 span, table.tableauGaranties th.col5 span {height: 55px; padding-top: 13px;}
table.tableauGaranties th.col2 span, table.tableauGaranties th.col6 span {height: 48px; padding-top: 20px;}

table.tableauGaranties td {
height: 16px;
vertical-align: middle;
text-align : center;
font-weight: bold;
}

table.tableauGaranties td.col1 {
text-align : left;
font-weight: normal;
}

table.tableauGaranties .col1{width: 260px; background: white;}
table.tableauGaranties .col2{width: 80px; background: #fefdbe;}
table.tableauGaranties .col3{width: 80px; background: #fee5b8;}
table.tableauGaranties .col4{width: 80px; background: #e6f0c7;}
table.tableauGaranties .col5{width: 90px; background: #e1f1ef;}
table.tableauGaranties .col6{width: 80px; background: #fadce6;}

.col2Full,  .col3Full, .col4Full, .col5Full, .col6Full {color: white;}
.noBg{background: none !important;}
.col1Full{background: #e5e5e5 !important;}
.col1Full2{background: #d4d4d4 !important;}
.col2Full{background: #f5a519 !important;}
.col3Full{background: #f5a519 !important;}
.col4Full{background: #97bf0d !important;}
.col5Full{background: #3cb6b3 !important;}
.col6Full{background: #e41e7b !important;}

.txtSmeb1, .txtSmeb2, .txtSmeb3{
font-size: 14px;
font-weight: bold;
}

.txtSmeb1{color: #f6a517;}
.txtSmeb2{color: #97bf0d;}
.txtSmeb3{color: #3cb6b3;}
.txtVitamins{color: #e41e7b;}

.tableGarantieTxtImp{
font-size: 12px;
font-weight: bold;
color: #e5306c;
text-transform: uppercase;
}

.tableGarantieTxtImp2{
font-weight: bold !important;
font-style: italic;
}

.tableGarantieTxtImp3{
font-size: 14px;
font-weight: bold !important;
}

.tableGarantieTxtImp3 strong{
font-size: 16px;
font-style: normal;
}

div.table div.msgMentions{
margin-top: 30px;
}

div.table div.msgMentions p{
margin-top: 17px;
}

/* DEV */

div.adi_mrhgroup_souscrire {
clear: both;
height: 33px;
width: 664px;
position: relative;
}

div.adi_mrhgroup_souscrire input.btnSouscrire {
position: absolute;
top: 18px;
left: 289px;
}

/* Flashbook */
div#foreigneStudents_flashbook {
width: 942px;
height: 600px;
margin: 0px auto;
padding-bottom: 50px;
}

/* Actus */
span.news-list-morelink {
	padding-left: 5px;
}