/* $VERSION: structure.css 4.14.006.1.2025.04.14.15.15	 */
/* En-tete */
body {
	font-family: Arial, Verdanna, Helvetica, sans-serif;
	font-size: 0.82em;
	padding: 0px;
	margin: 0px;
}

.robotoRegular
{
	font-family: Roboto Regular, Arial, Verdanna, Helvetica, sans-serif;
}

.robotoMedium
{
	font-family: Roboto Medium, Arial, Verdanna, Helvetica, sans-serif;
}


/* --- POSITIONNEMENT --- */

/* Page */
#global {
	width: 99.5%;
	position: relative;
	max-width: 90em;
	min-width: 960px;
	margin: 0 auto;
	padding: 0;
	background: #fff;
}

/* En-tete */
#bandeau {
	position: relative;
	padding: 0px;
	margin: 0px;
	height: 11em;
}

#centre {
	position: relative;
	background: #f9f9f9;
	margin: 1em 0 0 13.2em;
	margin-top: 0em;
	padding: 0 0px 0px 5px;
	min-height: 50em;
}

#centre_border {
	margin: 0;
	padding-right: 0;
	padding-bottom: 50px;
	/*Le padding bottom laisse la marge pour integration en float right de boutons de base de page*/
	background-position: right top;
	background-repeat: repeat-y;
	background-color: #eaeaea;
}

#col_gauche {
	padding: 0 0.5em 0 0.3em;
	margin: 0;
	margin-right: 230px;
	min-height: 40em;
	height: auto !important;
}

#accueil #col_gauche {
	margin-right: 0;
}

body #centre #col_droite {
	position: absolute;
    float: right;
	top: 0;
	right: 0.3em;
	width: 215px;
	padding: 0 0 0.9em 0;
	margin: 0;
}

/*Raccourci  pour passer les blocs de navigation*/
nav li.skip, #sous-navigation li.skip {
	width: 0px;
	margin: 0;
	padding: 0;
}

nav li.skip a, #sous-navigation li.skip a {
	display: block;
	position: absolute;
	top: -2em;
	left: -200em;
	height: 1.5em;
	color: #1272bc;
	text-decoration: underline;
}

#sous-navigation li.skip a, ul#sous-navigation li.skip a:hover, ul#sous-navigation li.skip a:focus {
	top: -2em;
	width: 21em;
	z-index: 1;
}

nav li.skip a:hover, nav li.skip a:focus, ul#sous-navigation li.skip a:hover,
	ul#sous-navigation li.skip a:focus {
	left: 2em;
	background: #fff;
	height: 1.5em;
	font-size: 120%;
	border: 2px solid #ccc;
	padding: 0.3em;
	color: #1272bc;
	text-decoration: underline;
}

ul .horizontal li {
	width: 50%;
}

/****

Regles speciales responsive design

****/
.nav_dr.ui-accordion-content.ui-helper-reset.ui-widget-content.ui-corner-bottom.desktop {background: white;}
.j_hebdo_desktop {display: table-cell;}
.j_hebdo_mobile {display: none;}
.table_desktop {display: table;}
.table_mobile {display: none;}
.mobile {display: none !important;}
.desktop {display: block;}
#notification, #modalResponsive {display: none;}

@media only screen and (min-width:50em) {

	#content{
		position: relative;
	}

	/* #centre_border {
		padding-bottom: 0;
		display: table;
    	width: 100%;
		height: 40em;
	}

	#centre_border > h1,
	#centre_border > h2,
	#centre_border > h3,
	#centre_border > h4,
	#centre_border > h5 {
		display: table-caption;
	} */

	body #centre #col_gauche{
		margin-right: 0;
		display: table-cell;
	    width: 100%;
	    padding: 0 0.3em 0 0.3em;
	}

	body #centre #col_droite {
		position: inherit;
		float: none;
		display: table-cell;
	    width: 1px;
	    vertical-align: top;

	    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#dbdbdb+0,eeeeee+1,f9f9f9+50,fbfbfb+100 */
		background: #dbdbdb; /* Old browsers */
		background: -moz-linear-gradient(left, #dbdbdb 0%, #eeeeee 1%, #f9f9f9 50%, #fbfbfb 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(left, #dbdbdb 0%,#eeeeee 1%,#f9f9f9 50%,#fbfbfb 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right, #dbdbdb 0%,#eeeeee 1%,#f9f9f9 50%,#fbfbfb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbdbdb', endColorstr='#fbfbfb',GradientType=1 ); /* IE6-9 */
	}

	body #centre #col_droite > div.dossier {
		width: 210px;
		margin-left: 10px;
	}

	body#sfGuardAuth #centre_border{
		display: block;
		padding-bottom: 50px;
	}

	body#sfGuardAuth #centre_border > h1,
	body#sfGuardAuth #centre_border > h2,
	body#sfGuardAuth #centre_border > h3,
	body#sfGuardAuth #centre_border > h4,
	body#sfGuardAuth #centre_border > h5 {
		display: block;
	}

	body#sfGuardAuth #centre #col_gauche{
		display: block;
		width: auto;
	}

	body#sfGuardAuth #centre #col_droite{
		display: block;
		float: right;
		position: absolute;
	}

	body#sfCirilSouscription #centre #col_droite{
		vertical-align: sub;
	}

}

@media screen and (max-width: 50em) {
	#modalResponsive {
		z-index: 10000;
		font-weight: bold;
		position: fixed;
		display: block;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background-color: rgba(0, 0, 0, 0.5);
	}
	#modalResponsive>div {
		background: white;
		display: block;
		margin: 30% 20%;
		opacity: 1;
		text-align: center;
		border-radius: 3px;
	}
	#modalResponsive a {
		border: 1px solid #cccccc;
		width: 46%;
		border-radius: 1px;
		display: inline-block;
		margin: 0 1% 2% 0;
	}
}

/* Emp�che le contenu du backend (tableaux & filtres) de se chevaucher ou dispara�tre sur des petites r�solutions */
@media only screen and (max-width:50em) {

	#sfCirilAdminMessage #centre{
	    margin: 0;
	}

	#sfCirilAdminMessage #sf_admin_content{
		width: 40%;
	}

	#sfCirilAdminMessage #sf_admin_bar{
		width: 60%;
		margin-left: 0;
	}
}