body{
	border: 0;
	margin: 0;
	font-family: arial, sans-serif;
	background: #b33a8a url('../../images/franchises/bg-body-franchise.gif');
	background-repeat: repeat-x;
}

img{
	border: 0;
}

#general{
	width: 900px;
	margin: 0 auto 0 auto;
	background: url('../../images/franchises/bg-header-franchise.gif');
	background-repeat: no-repeat;
}
.lien-entete{
	padding-top:35px;
	padding-left:550px;
	color:#FFFFFF;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	position:absolute;
}
.lien-entete a{
	font-size: 11px;
	font-family: arial, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
}
.gauche{
	width: 244px;
	float:left;
	margin: 5px 0 0 25px;
	
}
*html .gauche{
	width: 244px;
	float:left;
	margin: 5px 0 0 8px;
	
}
.lien_mikit{
	width:120px;
	height:45px;
	margin: 135px 10px 58px 0;
	float:right;
}
.droite{
	width: 617px;
	float:right;
	margin: 0 0 20px 0;
	
}


.droite_form{
	width: 617px;
	float:right;
	margin: 235px 0 0 0;
}
.marge-contenu{
	width:617px;
	margin:0 auto 0 auto;
}

.marge-contenu img{
	margin: 10px 0 10px 0;
}

.margeL{
	width:368px;
	margin:0 auto 0 auto;
}

.margeL img{
	margin: 10px 0 10px 0;
}

.margeR{
	width:198px;
	margin:0 auto 0 auto;
}

.margeR img{
	margin: 10px 0 10px 0;
}


/*************************************** PARAGRAPHE ***************************************/

.paragraphe{
	width: 595px;
	margin: 0 auto 0 auto;
	font-weight: normal;
	font-size: 12px;
	color: #4f4f4f;
	font-family: arial, sans-serif;
	padding-bottom:15px;
}
.paragraphe h1{
	margin: 0 0 15px 0;
	color:#0054a2;
	font-size: 28px;
	width:590px;
	font-family: arial, sans-serif;
}
.sstitre{
	font-size: 20px;
}
.paragraphe p{
	margin: 0 0 10px 0;
	font-size: 12px;
	color: #4f4f4f;
	font-family: arial, sans-serif;
}

.paragraphe img{
	margin: 5px 0 0px 10px;
}

.paragraphe table td{
	text-align:center;
}
.paragraphe a{
	color:#0054a2;
}


/********************************************************************************************************/
/******************************************** DROITE ********************************************/
/********************************************************************************************************/

.content-haut-index{
	width:618px;
	height:7px;
	background: transparent url('../../images/franchises/bg_content_haut_index.gif');
	background-repeat: no-repeat;
}

.content-bas-index{
	width:618px;
	background: transparent url('../../images/franchises/bg_content_bas_index.gif');
	background-repeat: no-repeat;
	background-position: bottom;
	padding-bottom: 35px;
}

*html .content-bas-index{
	width:618px;
	background: transparent url('../../images/franchises/bg_content_bas_index.gif');
	background-repeat: no-repeat;
	background-position: bottom;
	padding-bottom: 35px;
	margin:-5px 0 0 0;
}

.content-haut{
	width:618px;
	height:7px;
	background: transparent url('../../images/franchises/bg_content_haut.gif');
	background-repeat: no-repeat;
}

.content-bas{
	width:618px;
	background: #efefef url('../../images/franchises/bg_content_bas.gif');
	background-repeat: no-repeat;
	background-position: bottom;
	padding-bottom: 35px;
}

*html .content-bas{
	width:618px;
	background: #efefef url('../../images/franchises/bg_content_bas.gif');
	background-repeat: no-repeat;
	background-position: bottom;
	padding-bottom: 35px;
	margin:-5px 0 0 0;
}

.content-bas_form{
	width:618px;
	background: transparent url('../../images/franchises/bg_content_bas.gif');
	background-repeat: no-repeat;
	background-position: top;
	padding-bottom: 35px;
}

*html .content-bas_form{
	width:618px;
	background: transparent url('../../images/franchises/bg_content_bas.gif');
	background-repeat: no-repeat;
	background-position: top;
	padding-bottom: 35px;
	margin: -5px 0 0 0;
}


.contenu{
margin:0 10px 0 10px;
}

p.text_mention{
	color: #4f4f4f;
	font-size: 10px;
	margin-left:15px;
}
p.text_mention a{
	color: #b73b8d;
	font-size: 10px;
}
/********* COLONNE GAUCHE ***********/

.contenu-gauche{
	width: 390px;
	float:left;
	background:#EFEFEF;
}

.actu{
	width: 368px;
}

.actu h1{
	color: #4f4f4f;
	font-size: 15px;
	font-family: arial, sans-serif;
}
.actu h2{
	color: #4f4f4f;
	font-size: 14px;
	font-family: arial, sans-serif;
}

.actu p{
	color: #4f4f4f;
	font-size: 12px;
	font-family: arial, sans-serif;
}

.actu img{
	margin: 10px 0 0px 10px;
}

/********* COLONNE DROITE ***********/

.contenu-droit{
	width: 217px;
	float:right;
	background:#EFEFEF;
}


/******************  OFFRE ***********************/

.offre{
	width: auto;
	margin: 0 10px 10px 10px;
	padding-bottom: 10px;
}
.offre h1{
	margin: 10px 0 0 0;
	color: #a6367f;
	width:100%;
	font-size: 15px;
	font-family: arial, sans-serif;
}
.offre h2{
	margin: 10px 0 0 0;
	color: #a6367f;
	font-size: 14px;
	font-family: arial, sans-serif;
}

.box-intitule{
	width:198px;
	padding-bottom:15px;
	margin: 0 0 0 0;
	border-bottom: 1px solid #0054a2;
}


.intitule{
	width: 118px;
	float:left;
}

.intitule h2{
	width: 115px;
	color: #4f4f4f;
	font-weight: bold;
	margin: 0;
	font-size: 11px;
	font-family: arial, sans-serif;
}

.intitule p{
	width: 105px;
	color: #4f4f4f;
	font-size: 11px;
		margin: 0;
	font-family: arial, sans-serif;
}

.offre img{
	margin: 0 10px 10px 5px;
}

.lien{
	float:right;
	margin:5px 0 0 0;
}

.lien a{
	color:#0054a2;
	font-size:11px;
	font-family: arial, sans-serif;
}

a.lien{
	color:#0054a2;
	font-size:11px;
	font-family: arial, sans-serif;
}

.separation{
	margin: 0 auto 0 auto;
}


/********************************************************************************************************/
/******************************************** GAUCHE ********************************************/
/********************************************************************************************************/

.logo{
	background: #FFFFFF url('../../images/franchises/bg_agence.gif');
	background-repeat: no-repeat;
	padding-bottom: 20px;
}

.agence{
	margin: 0 0 0 0;
	padding: 10px 0 10px 15px;
	background: #c8d9e4;
}

.agence .nomAgence{
	margin: 0 0 5px 0;
	color: #4a4a4a;
	font-size: 12px;
	font-family: arial, sans-serif;
	font-weight:bold;
}

.agence .adresse{
	margin:0 0 10px 0;
	width: 110px;
	color: #4a4a4a;
	font-size: 12px;
	font-family: arial, sans-serif;
	float:left;
}
.agence p{
	margin:0 0 0 0;
	color: #4a4a4a;
	font-size: 12px;
	font-family: arial, sans-serif;
}

.vignette{
	width:95px;
	margin:0 10px 0 0;	
	float:right;
}
.vignette img{
	width:95px;	
}

.agence .phone{
	color: #4a4a4a;
	font-size: 12px;
	font-family: arial, sans-serif;
	margin:0 0 5px 0;
}

.googlemaps{
	padding: 5px;
	background: #6497c4;
	text-align:center;
}

.googlemaps a{
	text-align:center;
	color: white;
	font-size: 12px;
}

.mail{
	color: #4a4a4a;
	font-size: 12px;
	font-family: arial, sans-serif;
}

.mail a{
	color: #4c193b;b
	font-size: 12px;
	font-family: arial, sans-serif;
}


.date{
	color: #4f4f4f;
	font-size: 11px;
	font-family: arial, sans-serif;
}

/*********************** Menu principal ****************************/

.menu-principal{
	width: 244px;
	margin: 0 0 0 0;
	background: #f4f4e9;
	padding-bottom: 2px;
	float: left;
}

.menu-principal ul{
	margin: 0 0 0 0;
	padding: 15px 0 0 11px;
	list-style: none;
}
.menu-principal li{
	margin: 0 0 9px 0;
}


ul.ss_menu{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

/***** ie6   ******/
*html ul.ss_menu{
	margin: -20px 0 0 0;
	padding: 0 0 0 0;
}
/***** ie6   ******/

/***** ie7   ******/
*+html ul.ss_menu{
	margin: -20px 0 0 0;
	padding: 0 0 0 0;
}
/***** ie7   ******/

ul.ss_menu a{
	text-decoration: none;
}
ul.ss_menu a:hover{
	text-decoration: underline;
}
.puce_ss_menu{
	width: 195px;
	font-size: 15px;
	padding: 0 0 8px 25px;
	background: #f4f4e9 url('../../images/franchises/puce_ss_menu.gif');
	background-repeat: no-repeat;
}
.no_puce{
	width: 212px;
	font-size: 15px;
	padding: 0 0 8px 8px;

}
.border_ss_menu{
	border-bottom: 1px solid #bf3e93;
}

/*********************** contenu ****************************/



/**********************  FOOTER   ************************/
#bg_footer{
	width: 100%;
	background: #9d3378;
}

#content_footer{
	width: 900px;
	margin: 0 auto 0 auto;
}
.menu_footer{
	width: 246px;
	float:left;
}
.menu_footer ul{
	width: 250px;
	margin: 0;
	padding: 5px 0 0 35px;
	list-style: none;
}
/***** ie6   ******/
*html .menu_footer ul{
	width: 250px;
	margin: 0;
	padding: 5px 0 0 35px;
	list-style: none;
}
/***** ie6   ******/

/***** ie7   ******/
*+html .menu_footer ul {
	width: 250px;
	margin: 0;
	padding: 5px 0 0 35px;
	list-style: none;
}
/***** ie7   ******/

.menu_footer li{
	margin: 0 10px 0 0;
	padding: 0;
	list-style: none;
	float: left;
	font-size: 11px;
	font-family: arial, sans-serif;
	color: #FFFFFF;
}
.menu_footer li a{
	font-size: 11px;
	font-family: arial, sans-serif;
	color: #FFFFFF;
	text-decoration: none;

}
.menu_footer li a:hover{
	text-decoration: underline;
}

.droite-footer{
	width:617px;
	height:25px;
	background: #9d3378;
	float:right;
}


/*************************************************   STYLES    **************************************/

.floatL{
	float: left;
}
.floatR{
	float: right;
}
.clearFloat{
	clear: both;
}
.clearfloat{
	clear: both;
}
.marginT14{
	margin: 14px 0 0 0;
}
.margefranchise{
	margin: 29px 22px 0 0;
}

.padL30{
	padding: 0 0 0 30px;
}
.marginR15{
	margin: 0 15px 0 0;
}

.haut-de-page{
	margin: 45px 0 0 15px;
}

.justifie{
	text-align: justify;
}


/***************************************************  CLASSE   **************************************/

.titre{
	margin: 0 0 0 0;
}

.perroke{
	margin: 10px 0 0 10px;
	padding: 10px 0 11px 35px;
	font-size: 16px;
	color: #095295;
	background-image: url('../../images/franchises/perroke.gif');
	background-repeat: no-repeat;
}

.perroke_rose{
	margin: 10px 0 0 10px;
	padding: 10px 0 11px 35px;
	font-size: 16px;
	color: #095295;
	background-image: url('../../images/franchises/perroke_rose.gif');
	background-repeat: no-repeat;
}
.bg_blanc{
	padding: 5px;
	background: #FFFFFF;
}

.bg_gauche_bas img{
	margin: 0 0 50px 0;
}

.bg_gris p{
	margin: 10px 0 10px 45px;
	font-size: 12px;
	color: #4f4f4f;
	font-family: arial, sans-serif;
}

.cadre_savoir-plus{
	margin: 25px 0 0 25px;
}

.cadre_savoir-plus-haut{
	width: 568px;
	padding: 15px 0 10px 0;
	background-image: url('../../images/franchises/bg_haut-savoir-plus.gif');
	background-position: top;
	background-repeat: no-repeat;
}

.cadre_savoir-plus-haut h2{
	margin: 0 0 0 15px;
	font-size: 15px;
	color:#666666;
	font-family: arial, sans-serif;
	font-weight: normal;
}

.cadre_savoir-plus-haut a{
	font-size: 14px;
	font-family: arial, sans-serif;
}

.cadre_savoir-plus-bas{
	width: 568px;
	height: 13px;
	margin: 0 0 25px 0;
	background-image: url('../../images/franchises/bg_bas-savoir-plus.gif');
	background-repeat: no-repeat;	
}

/*****************************   LISTE  ***********************/

ul.puce-fleche{
	margin: 10px 0 10px 0;
	padding:0 0 0 35px;
	list-style-image: url('../../images/franchises/puce_fleche.gif');
}
ul.puce-fleche li{
	margin: 10px 0 0 0;
	font-size: 12px;
	color: #4f4f4f;
	font-family: arial, sans-serif;
}

ul.puce-chiffre{
	margin: 10px 0 10px 0;
	padding:0 0 0 35px;
}
ul.puce-chiffre li{
	margin: 10px 0 0 0;
	font-size: 12px;
	color: #4f4f4f;
	font-family: arial, sans-serif;	
}

.puce-chiffre-1{
	list-style-image: url('../../images/franchises/puces-chiffre/puce_chiffre-1.gif');
}
.puce-chiffre-2{
	list-style-image: url('../../images/franchises/puces-chiffre/puce_chiffre-2.gif');
}
.puce-chiffre-3{
	list-style-image: url('../../images/franchises/puces-chiffre/puce_chiffre-3.gif');
}
.puce-chiffre-4{
	list-style-image: url('../../images/franchises/puces-chiffre/puce_chiffre-4.gif');
}
.puce-chiffre-5{
	list-style-image: url('../../images/franchises/puces-chiffre/puce_chiffre-5.gif');
}
.puce-chiffre-6{
	list-style-image: url('../../images/franchises/puces-chiffre/puce_chiffre-6.gif');
}
.puce-chiffre-7{
	list-style-image: url('../../images/franchises/puces-chiffre/puce_chiffre-7.gif');
}
.puce-chiffre-8{
	list-style-image: url('../../images/franchises/puces-chiffre/puce_chiffre-8.gif');
}
.puce-chiffre-9{
	list-style-image: url('../../images/franchises/franchises/puces-chiffre/puce_chiffre-9.gif');
}



/********  page  formulaire 1 ****/


.titre_form{
	margin: 15px 0 20px 15px;
}
.formulaire_identite{
	margin: 15px 0 15px 15px;
}	

.formulaire_identite input{
	width: 125px;
}	


.formulaire_identite p, .formulaire_ressource p{
	color: #4f4f4f;
	font-size: 12px;
	margin: 0 0 8px 0;
}


.oblige{
	color:#0054a2;
}
.formulaire_identite label{
	color: #4f4f4f;
	font-size: 12px;
	width: 105px;
	float:left;
}


.formulaire_identite .my_input{
	width: 155px;
}


.formulaire_identite .my_input_tel{

}

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


.formulaire_ressource{
		margin: 15px 0 15px 15px;
}

.formulaire_ressource label{
	color: #4f4f4f;
	font-size: 12px;
	width: 210px;
	float:left;
}

.formulaire .submit{
	float:right;
}
.formulaire .submit a{
	margin: 0 25px 0 0;
}

.formulaire p.info{
	font-size: 9px;
	color: black;
	margin: 25px 0 0 0;
}


/*****  page formulaire 2  **/


p.nb_contact{
	font-size: 11px;
	font-weight: bold;
	color:#0054a2;
	margin: 45px 0 55px 15px;
}

p.code_postal{
	color: #4f4f4f;
	margin: 20px 0 0 15px;
	font-size: 12px;
}

p.code_postal span{
	font-size: 12px;
	color: #0054a2;
	font-weight: bold;

}
p.code_postal a{
	color: #b73b8d;
	font-weight: bold;
	font-size: 12px;
}


.formulaire_ville{
	margin:15px 0 25px 15px;
}
.formulaire_ville label{
	color: #4f4f4f;
	font-size: 12px;
}

.formulaire_ville select{
	margin:5px 0 0 15px;
}

.formulaire_contact .formulaire_identite{

}
p.alertField{
	margin: 0 0 0 105px;
	color: red;
}
/***************************   INPUT  **************************/

.accroche-magasin{
	margin: 25px 0 0 45px;
}

.recherche-magasin{
	width: 225px;
	margin: 0 0 0 340px;
}

.recherche-magasin form{
	margin: 15px 0 0 0;
}

.recherche-magasin .myinput{
	margin: 0 0 0 5px;
	height: 23px;
	float:left;
}

.recherche-magasin .myinput input{
	margin: 0;
	height: 19px;
	border: 1px solid #c91d82;
}
.recherche-magasin .ok{
	margin: 0 0 0 5px;
	float:left;
	height: 23px;
}

.fleche-form{
	margin: 7px 0 0 0;
	float:left;
}

.gras{
	font-weight:bold;
}

.italique{
	 font-style: italic ;
}

.bleu{
	color: #095295;
}

.rose{
	color: #c91d82;
}

.width118{
	width: 118px;
}

.marginT15{
	margin: 15px 0 0 0;
}

.marginL45{
	margin: 0 0 0 45px;
}

.marginL55{
	margin: 0 0 0 55px;
}

.marginT15{
	margin: 15px 0 0 0;
}
.clear{
	clear: both;
}