/**********Ajout LGT**********/

.rubrique h3{
	color: #FFFFFF;
	font-size: 20px;
	margin-left:15px;
	background-color:#095295;
}

#content h2{
	color: #c91d82;
	font-size: 20px;
	display:inline;
}

#content a{
	color: #c91d82;
	font-size: 12px;
	margin-top:10px;
}

.subtitle{
	color: #095295;
	font-size:14px;
	font-style:italic;
	font-weight:bold;
}

.titre h1{
	color: #c91d82;
	font-size: 20px;
	font-weight:lighter;
}

.menu-principal #agence{
	width: 139px;
	height: 40px;
	margin: 12px 0 0 84px;
	
}
/**********Fin ajout LGT**********/


body{
	border: 0;
	margin: 0;
	font-family: arial, sans-serif;
	background: #155487 url('http://www.mikit.fr/images/bg-body.gif');
	background-repeat: repeat-x;
}
img{
	border: 0;
}
#general{
	width: 900px;
	margin: 0 auto 0 auto;
	color: #FFFFFF;
}

#header{
	width: 900px;
	background: url('http://www.mikit.fr/images/bg-header.jpg');
	background-repeat: no-repeat;

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

/*********   ie6  ********/
* html .menu-principal{
	width: 244px;
	margin: 0 0 0 11px;
	background: #FFFFFF url('http://www.mikit.fr/images/bg-menu-principal.gif');
	background-repeat: no-repeat;
	background-position: top;
	padding-bottom: 7px;
	float: left;
}
/*********   ie6  ********/

.menu-principal{
	width: 244px;
	height: 218px;
	margin: 0 0 0 22px;
	background: #FFFFFF url('http://www.mikit.fr/images/bg-menu-principal.gif');
	background-repeat: no-repeat;
	background-position: top;
	padding-bottom: 7px;
	float: left;
}

.menu-principal h1{
	width: 139px;
	height: 40px;
	margin: 12px 0 0 84px;
	
}
.menu-principal form{	
	width: 137px;
	margin: 10px 0 0 93px;
}
.ex_input{
	width: 92px;
	margin: 2px 0 0 5px;
	font-family: arial, sans-serif;
	color: #c91d82;
	font-size: 10px;
}
.menu-principal .ok{
	width: 36px;
	height: 35px;
}

.menu-principal .myinput{
	width: 92px;
	height: 13px;
	margin: 8px 0 0 0;

}
.menu-principal .myinput2{
	width: 36px;
	height: 35px;
	
}


.lien_mikit{
	width:120px;
	height:45px;
	margin: 85px 0 0 55px;
}


/*********************** menu principal bas ****************************/
.menu-principal-bas{
	width: 244px;
	margin: 0 0 0 22px;
	background: #FFFFFF url('http://www.mikit.fr/images/bg-menu-principal-bas.gif');
	background-repeat: no-repeat;
	background-position: bottom;
	padding-bottom:12px;
	float: left;
	
}

/*********   IE6  *******************/
* html .menu-principal-bas{
	width: 244px;
	margin: 0 0 0 11px;
	background: #FFFFFF url('http://www.mikit.fr/images/bg-menu-principal-bas.gif');
	background-repeat: no-repeat;
	background-position: bottom;
	padding-bottom:12px;
	float: left;
}
/*********   IE6  *******************/


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


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

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: #FFFFFF url('http://www.mikit.fr/images/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 #92b1c5;
}


.rubrique{
	margin:12px 0 0 0;
}
.rubrique img{
	margin:0 0 0 12px;
}
.rubrique ul{
	margin:0 0 0 12px;
}

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

.droite{
	width: 617px;
	min-height:500px;
	margin: 15px 0 0 0;
	background: #FFFFFF url('http://www.mikit.fr/images/bg_droite.gif');
	background-repeat: no-repeat;
	float: right;
}


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

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

/***** ie7   ******/
*+html .menu_footer ul {
	width: 210px;
	margin: 0;
	padding: 5px 0 0 65px;
	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: #FFFFFF;
	float:right;
}


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

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

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

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


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

.chapeau-titre{
	font-size: 12px;
	color: #4f4f4f;
	font-family: arial, sans-serif;
	font-style: italic ;
}

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

.bg_blanc{
	padding: 5px;
	background: #FFFFFF;
}

.paragraphe{
	width: 578px;
	padding: 10px 15px 0 8px;
	margin: 15px 0 0 10px;
	font-weight: normal;
	font-size: 12px;
	color: #4f4f4f;
	font-family: arial, sans-serif;
}

.paragraphe h3{
	margin: 0 0 15px 0;
	font-size: 14px;
	font-family: arial, sans-serif;
}

.paragraphe h4{
	margin: 0 0 15px 0;
	font-size: 12px;
	font-family: arial, sans-serif;
}

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

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


.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;
}

*html .cadre_savoir-plus{
	margin: 25px 0 200px 25px;
}
.cadre_savoir-plus-haut{
	width: 568px;
	padding: 15px 0 10px 0;
	background-image: url('http://www.mikit.fr/images/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('http://www.mikit.fr/images/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('http://www.mikit.fr/images/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('http://www.mikit.fr/images/puces-chiffre/puce_chiffre-1.gif');
}
.puce-chiffre-2{
	list-style-image: url('http://www.mikit.fr/images/puces-chiffre/puce_chiffre-2.gif');
}
.puce-chiffre-3{
	list-style-image: url('http://www.mikit.fr/images/puces-chiffre/puce_chiffre-3.gif');
}
.puce-chiffre-4{
	list-style-image: url('http://www.mikit.fr/images/puces-chiffre/puce_chiffre-4.gif');
}
.puce-chiffre-5{
	list-style-image: url('http://www.mikit.fr/images/puces-chiffre/puce_chiffre-5.gif');
}
.puce-chiffre-6{
	list-style-image: url('http://www.mikit.fr/images/puces-chiffre/puce_chiffre-6.gif');
}
.puce-chiffre-7{
	list-style-image: url('http://www.mikit.fr/images/puces-chiffre/puce_chiffre-7.gif');
}
.puce-chiffre-8{
	list-style-image: url('http://www.mikit.fr/images/puces-chiffre/puce_chiffre-8.gif');
}
.puce-chiffre-9{
	list-style-image: url('http://www.mikit.fr/images/puces-chiffre/puce_chiffre-9.gif');
}

/**************************** BG ***************************/


.bg_para{

	background-image: url('http://www.mikit.fr/images/Bg_paragraphe.gif');
	background-repeat: no-repeat;
}

.bg_gris{
	background: #f4f4f2;	
	width: 560px;
	padding-bottom: 15px;
}


/*****************  page resultat de recherche  ******/

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


/* .liste_resultat ul{
	margin: 15px 0 0 0;
	padding: 0 0 0 45px;
	list-style: none;
}

.liste_resultat li{
	list-style-image: url('http://www.mikit.fr/images/puce_fleche.gif');
}
.liste_resultat li a{
	font-size: 12px;
	color: #4f4f4f;
	font-family: arial, sans-serif;
	text-decoration: none;
	
}
.liste_resultat li a:hover{
	text-decoration: underline;
	
}

*/


.liste_resultat label{
	width:200px;
	float:left;
}


/*************  formulaire contact  ************/

/********  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;
}


p.text_mention{
	color: #4f4f4f;
	font-size: 10px;
	margin-left:15px;
}
p.text_mention a{
	color: #b73b8d;
	font-size: 12px;
}
/**************  plan du site   ******************/

.plan_site{
	margin: 25px 0 0 15px;
}
.plan_site h1{
	color:#000000;
}

.plan_site_rubrique{
	margin:0 0 0 25px;
}

.plan_site_rubrique h2{
	font-size: 14px;
	color:#000000;
}

.plan_site_rubrique ul{
	color:#000000;
	list-style:none;
}


.plan_site_rubrique li {
	margin:0 0 5px;
}
.plan_site_rubrique li a{
	font-size:12px;
	text-decoration:none;
}
.plan_site_rubrique li a:hover{
	font-size:12px;
	text-decoration:underline;
}
/***************************   INPUT  **************************/

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

.recherche-magasin label{
	margin: 3px 0 0 0;
	width: 110px;
	float:left;
	font-weight:bold;
}
.recherche-magasin form{
	margin: 15px 0 0 0;
}
.recherche-magasin .myinput{
	margin: 0 0 0 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;
}

.souligne-vert{
	color: #009999;
	text-decoration: underline;
}

.gras{
	font-weight:bold;
}
.italique{
	 font-style: italic ;
}

.bleu{
	color: #095295;
}
.rose{
	color: #c91d82;
}

.width290{
	width: 290px;
}
.marginT15{
	margin: 15px 0 0 0;
}
.marginL45{
	margin: 0 0 0 45px;
}
.marginL55{
	margin: 0 0 0 55px;
}
.marginT15{
	margin: 15px 0 0 0;
}
.marginR15{
	margin: 0 15px 0 0;
}




// test fab //

.myTestClass ol{
	list-style:disc;
	color: blue;
}