@charset "UTF-8";
/* CSS Document */
@media screen and (min-width: 500px) and (max-width: 699px) {

.logo,
.logo-mob,
.menu,
.menu-cont-ref{
	display:none;
}
/***************************************************/
/**** HEADER ***/
.entete{
	width:97%;
	margin:30px auto 0 auto;
	padding:0 0 22px 0;
}
/******* MENU HAUT ****/
.menu-haut{
	float:right;
	width:57%;
    display:block;
}
.menu-haut ul{
	padding:0;
	margin:50px 0 0 0;
	float:right;
    font-size:10px;
}
.logo-tab{
	float:left;
	width:201px;
	display:block;
    /*margin:0 0 0 35px;*/
}

}
/*@media screen and (min-width: 500px) and (max-width: 999px)*/
@media screen and (min-width: 700px) and (max-width: 999px) {
.logo,
.logo-mob,
.menu{
	display:none;
}
/***************************************************/
/**** HEADER ***/
.entete{
	width:95%;
	margin:30px auto 0 auto;
	padding:0 0 17px 0;
}
/******* MENU HAUT ****/
.menu-haut{
	float:right;
	width:59%;
}
.menu-haut ul{
	padding:0;
	margin:48px 0 0 0;
	float:right;
}
.logo-tab{
	float:left;
	width:201px;
	display:block;
    margin:0 0 0 35px;
}
/*********************************************************************/
/****** COLONNE GAUCHE GENERALE *****/
.colonne-gauche-gen{
	float:left;
	width:32%;
	padding:0 0 50px 0;
	background-color:#FFF;
}
.contenu-menu{
	background:url(../images/bg_grille_menu_rub.gif) repeat;
	background-color:#13A4E0;
	padding:10px;
}

/****** POUR LE MENU DIV CACHE ***/
.contenu-texte-rub{
    display: none;
	padding:0;
	margin:0;
}
.contenu-texte-rub ul{
	padding:1px 0 0 0;
	margin:0;
}
.contenu-texte-rub ul li{
	list-style:none;
	padding:0;
	margin:0 0 8px 0;
}
.contenu-texte-rub ul li a{
	text-decoration:none;
	display:block;
	height:35px;
	color:#000;
	text-transform:uppercase;
	background:url(../images/picto_disque_sous_menu.png) no-repeat 13px -26px;
	background-color:#FFF;
	padding:0 0 0 38px;
	font-size:10px;
	letter-spacing:-1px;
	border:0;
}
.contenu-texte-rub ul li a:hover{
	 background:url(../images/picto_disque_sous_menu.png) no-repeat 13px 9px;
	color:#FFF;
	background-color:#014F64;
}
.contenu-texte-rub ul li a.active{
	text-decoration:none;
	display:block;
	height:35px;
	text-transform:uppercase;
	 background:url(../images/picto_disque_sous_menu.png) no-repeat 13px 9px;
	color:#FFF;
	background-color:#014F64;
	padding:0 0 0 38px;
	font-size:10px;
	letter-spacing:-1px;
	border:0;
}
/*********************************************************************/
/**** MAIN ***/
.contenu-main{
	width:97%;
	margin:0 auto;
}
.new-formation,
.date-formation{
	width:90%;
}
.new-formation-rub,
.date-formation-rub{
	width:90%;
}
.text-accueil{
	padding:20px;
}
/*********************************************************************/
/****** MAIN GENERALE POUR LES RUBRIQUES ****/
.main-gen{
	float:left;
	width:47%;
}

/*********************************************************************/
/******* FOOTER ********/
.contenu-bas{
	width:100%;
}
}



/**********************************************************************/
@media screen and (min-width: 783px) {
.logo,
.menu-mobile{
	display:none;
}
.logo-tab{
	display:block;
    margin:0 0 0 35px;
}

/*********************************************************************/
/****** COLONNE GAUCHE GENERALE *****/
.colonne-gauche-gen{
	float:left;
	width:32%;
	padding:0 0 40px 0;
	background-color:#FFF;
}
.contenu-menu{
	background:url(../images/bg_grille_menu_rub.gif) repeat;
	background-color:#13A4E0;
	padding:10px;
}
/************************/
.menu-haut ul{
	padding:0;
	margin:48px 0 0 0;
	float:right;
}


/*********************************************************************/
/**** MAIN ***/

.contenu-main{
	width:99%;
	margin:0 auto;
}
.new-formation,
.date-formation{
	width:90%;
}
.new-formation-rub,
.date-formation-rub{
	width:90%;
}
/*********************************************************************/
/****** MAIN GENERALE POUR LES RUBRIQUES ****/
.main-gen{
	float:left;
	width:50%;
}
/**********************************************************************/
@media screen and (min-width: 784px) {
	/*********************************************************************/
/****** MAIN GENERALE POUR LES RUBRIQUES ****/
.main-gen{
	float:left;
	width:50%;
}
}