Utilisateur:Lamenax/common.css

h3#p-Semantic_MediaWiki-label {
 color: #088A08;
 font-size: 30px;
}

div#mw-panel {
 width: 15em;
}

.mw-body {
 margin-left: 15em;
}

#left-navigation {
 margin-left: 15em;
}
.vectorTabs  {
 margin-left: 0;
}

.portal {
 font-family: calibri;
 font-size: 20px;
}

.calibri_18 {
 font-family: calibri;
 font-size: 18px;
}

.cadre_accueil_quoi2neuf {
 border: solid 3px #088A08;
 background-color: #CEF6D8;
 padding: 5px;
 border-radius: 10px;
}

.cadre_accueil_paroucommencer {
 border: solid 3px #FA8258;
 background-color: #F6E3CE;
 padding: 5px;
 border-radius: 10px;
}

.cadre_accueil_autrechose {
 border: solid 3px #8258FA;
 background-color: #E3CEF6;
 padding: 5px;
 border-radius: 10px;
}

.cadre_logo {
 background-color: #2E75B6;
}

.titre_quoi2neuf {
 font-size: 23px;
 font-family: calibri;
 font-style: bold;
 text-align: center;
 border-bottom: solid 1px;
}

.titre_paroucommencer {
 font-size: 23px;
 font-family: calibri;
 font-style: bold;
 text-align: center;
 border-bottom: solid 1px;
}

.titre_autrechose {
 font-size: 23px;
 font-family: calibri;
 font-style: bold;
 text-align: center;
 border-bottom: solid 1px;
}

/*  SECTIONS  ============================================================================= */

.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  GROUPING  ============================================================================= */


.group:before,
.group:after {
    content:"";
    display:table;
}
.group:after {
    clear:both;
}
.group {
    zoom:1; /* For IE 6/7 (trigger hasLayout) */
}

/*  GRID COLUMN SETUP   ==================================================================== */

.col {
 display: block;
 float:left;
 margin: 1% 0 1% 1.6%;
}

.col:first-child { margin-left: 0; } /* all browsers except IE6 and lower */


/*  REMOVE MARGINS AS ALL GO FULL WIDTH AT 480 PIXELS */
@media only screen and (max-width: 480px) {
.col { 
 margin: 1% 0 1% 0%;
}
}

/* GRID OF THREE */
	
.span_3_of_3 {
	width: 100%; 
}

.span_2_of_3 {
	width: 66.13%; 
}

.span_1_of_3 {
	width: 32.26%; 
}


/* GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	.span_3_of_3 {
		width: 100%; 
	}
	.span_2_of_3 {
		width: 100%; 
	}
	.span_1_of_3 {
		width: 100%;
	}
}