/*
 Theme Name:		CSP-Primaire
 Theme URI: 		http://www.csp.qc.ca/
 Version: 			2.1
 Author: 			Commission scolaire des Patriotes & Collectiv - Agence de publicité
 Author URI:		http://www.csp.qc.ca, http://collectiv.ca
 License:			Collectiv - Agence de publicité, Copyright 2013
 License URI: 		http://collectiv.ca
 

Ce theme comporte plusieurs options de configurations.
Vous pouvez choisir entre 6 couleurs et 6 motifs de papier peint
pour personnalisé votre site. Ces options sont disponibles dans
la section Apparence du panneau d'administration. 

Les Add-ons de l'extension ACF LITE, fourni dans le thème, ne peuvent pas être 
revendus ou redistribué. 

*/

/* === PARAMÈTRES GÉNÉRAUX === */

* {margin: 0;}

.clear{clear:both;}
a.bt span {display:none}
.post {
	word-wrap: break-word; /* Force text to wrap */
}
.sticky { /* Theme-check compliance */}
.gallery-caption { /* Theme-check compliance */}
.bypostauthor { /* Theme-check compliance */}
.membre-1 {
	font-weight: bold;
}
.site img {display:block;} /* FIX pour le padding le l'image de la section Les Incontournables */

#coordTel img, 
#coordTelec img {
	display:inline-block
}
.nom-personne {
	text-transform: capitalize;
}
html, body {
	background-image: url(./images/fondTexture.jpg);
	background-color: #FFF;
	border-top: solid 2px #000;
	color: #000;
	font: 12px "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", "Luxi Sans", Arial, sans-serif;
	line-height: 1.6em;
	margin: 0;
	padding: 0;
	min-width: 960px;
	height: 100%;
}
.site{
	margin: 0 auto;
}
.contenu{	
	width: 960px;
	margin: 0px auto;
}
.contenuFond{
	overflow: hidden;
	padding-bottom: 50px;
}
.contenuFondSection{
	overflow: hidden;
	padding-top: 20px;
	padding-bottom: 20px;
}
#contenuFondAdmSection{
	overflow: hidden;
	padding: 20px;
}
.colAdmDirection{
	background-color: #FFF; 
	overflow: hidden; 
	padding-bottom: 25px; 
	border: solid 1px #656351;
}	

/* === TEXTURE DE LA SECTION ANNEXE === */

/* ----- RAYURES ----- */
.contenuFondRayures{
	background-image: url(./images/themes/fondAnnexe-Rayures.jpg);
	background-repeat: repeat-y;
	background-position: right 0;
}
.contenuFondAdmRayures{
	background-image: url(./images/themes/fondAdmin-Rayures.jpg);
	background-repeat: repeat-y;
}
/* ----- CARREAUX ----- */
.contenuFondCarreaux{
	background-image: url(./images/themes/fondAnnexe-Carreaux.jpg);
	background-repeat: repeat-y;
	background-position: right 0;
}
.contenuFondAdmCarreaux{
	background-image: url(./images/themes/fondAdmin-Carreaux.jpg);
	background-repeat: repeat-y;
}

/* ----- FLEURS ----- */
.contenuFondFleurs{
	background-image: url(./images/themes/fondAnnexe-Fleurs.jpg);
	background-repeat: repeat-y;
	background-position: right 0;
}
.contenuFondAdmFleurs{
	background-image: url(./images/themes/fondAdmin-Fleurs.jpg);
	background-repeat: repeat-y;
}
/* ----- POIS ----- */
.contenuFondPois{
	background-image: url(./images/themes/fondAnnexe-Pois.jpg);
	background-repeat: repeat-y;
	background-position: right 0;
}
.contenuFondAdmPois{
	background-image: url(./images/themes/fondAdmin-Pois.jpg);
	background-repeat: repeat-y;
}
/* ----- STANDARD ----- */
.contenuFondStandard{
	background-image: url(./images/themes/fondAnnexe-Standard.jpg);
	background-repeat: repeat-y;
	background-position: right 0;
}
.contenuFondAdmStandard{
	background-image: url(./images/themes/fondAdmin-Standard.jpg);
	background-repeat: repeat-y;
}


/* ----- CERISES ----- */
.contenuFondCerises{
	background-image: url(./images/themes/fondAnnexe-Cerises.jpg);
	background-repeat: repeat-y;
	background-position: right 0;
}
.contenuFondAdmCerises{
	background-image: url(./images/themes/fondAdmin-Cerises.jpg);
	background-repeat: repeat-y;
}

/* === MISE EN FORME === */

h1{
	font: 24px Rockwell, Courier New, "Courier New", Courier, Georgia, Times, serif;
	text-transform: uppercase;
	letter-spacing: -1px;
	margin: 40px 0 0;
	padding: 0;
}

.colCE h1,
.colOPP h1,
.colCDG h1{
	margin: 15px 0;
}

h1.section{
	margin: 40px 0 40px;
}

h2 {
	font: 14px "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", "Luxi Sans", Arial, sans-serif;
	margin: 2px 0 40px;
	padding: 0;
}
/** Fix pour ajustement vertical lorsqu'il 'y pas de nom de classe **/ 
body.page-template-template-enseignement-php h2 {
	line-height: 26px;
}
h3 {
	font-size: 12px;
	line-height: 16px;
	font-weight: normal;
	color: #656351;
	margin: 0;
	padding: 2px 0 0 0;
}

h4{
	font: 12px "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", "Luxi Sans", Arial, sans-serif;
	font-weight: bold;
	line-height: 16px;
	margin: 12px 0 5px 0;
	padding: 0;
}
p { margin: 18px 0;}

ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

img.administration, img.actualite {
  margin: 40px 0 0;
}

div.galerie {
	margin-top: 0;
}

a.bt{
	display: block;
	margin: 0px;
	padding: 0px;
}
a.bt:hover{
	opacity: 0.8;
}
hr{
	height: 1px;
	margin: 15px 0;
	padding: 0;
	color: #777;
	background-color: #777;
	border: 0;
}

hr.premiereLigne{
	margin-top: 25px;
}
hr.liste{
	margin: 0 0 15px;
}

hr.sepCarreaux{
	background-image: url(./images/sepCarreaux.gif);
	background-repeat: no-repeat;
	background-color: transparent;
	background-position: center;
	width: auto;
	height: 9px;
	padding-bottom: 15px;
}

div.txtAnnexe, 
div.infoAnnexe ul li{
	color: #656351;
}

select{
	font: 12px "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", "Luxi Sans", Arial, sans-serif;
	color: #454545;
}

ul.lstDoc li{
	overflow: hidden;
}

div.lstPDF, .compteurArticle { 
	float: right;
}

div.lstPDF select{
	width: 140px;
}

sup{

  line-height: 6px;
}

/** Table Annexe **/
.infoAnnexe table {
	width: 100%;
	border-collapse: collapse;
}
.infoAnnexe table {
	border-top:1px solid inherit;
	border-bottom:1px solid inherit;
}
.infoAnnexe table td:firt-child {
	text-align: left;
	padding:5px 0;
}
.infoAnnexe table td:last-child {
	text-align: right;
	padding:5px 0;
}
/* ------------------------------------------------------------------------------------------------------ */
/* CONTENU PRINCIPAL - ACCUEIL */
/* ====================================================================================================== */

div.colPrincipale{
	overflow: hidden;
}

/* === COLONNE À PROPOS DE L'ÉCOLE === */

section#apropos{
	float:left;
	width:280px;
	padding:40px 20px;
}

section#apropos span#sansBlogue h2{
	margin: 2px 0 20px;
}

section#apropos span#sansBlogue img{
	margin: 10px 0 40px;
	width: 588px;
}

section#apropos span#avecBlogue img{
	width: 270px;
}

section#apropos img, div.colPhoto img, div.colPhotoActivite img{
	background-color: #FFF;
	padding: 4px;
	border: solid 1px #577;	
}

div.colCarte img{
	padding: 4px;
}

/* === COLONNE BLOGUE === */

.colBlogue {
	float: left;
	width: 300px;
	margin-top: 17px;
}
.sepBlogue {
	padding:0 20px;
}

/* POSTIONNEMENT DES LIENS */

body.home .listeRangee {
	margin-bottom: 85px;
}

ul.listeRangee li{
	float: left;
}

ul li.listeRangeeFin {
	float: right;
	clear: right;
}

/* === COLONNE ANNEXES === */

.colAnnexe{
	display:table-cell;
	width: 320px;
	vertical-align: top;
}
.colAnnexe img{
	padding: 0px 16px;
	margin-top:40px;
}

.colAnnexe h1, 
#colDivisionAnnexe h1{
	font-size: 21px;
	margin: 0;
	padding: 10px 0 15px;
}
#colDivisionAnnexe h1{
	margin-top: 25px;	
}
.colAnnexe h1{
	text-align: center;
}
.colAnnexe h2,
.colAnnexe img.incontournable {
	margin: 0;
	padding: 0;
}

/* === PANNEAU LES INCONTOURNABLES === */
#incontournableContenu * {
	margin: 0;
}

#incontournableContenu {
	background-image: url(./images/fondIncontournable.png);
	padding: 0px 24px 50px;
}

#incontournableContenu h2 {
	margin-top:24px;	
}

#incontournableContenu ul{
	padding-top: 10px;
	border-bottom: solid 1px #AAA;
}

#incontournableContenu ul li {
	padding: 5px 0;
	border-top: solid 1px #AAA
}

#incontournableContenu ul li h2{
	padding-bottom: 8px;
}

#incontournableContenu ul li h3{
	padding-top: 12px;
}

/* === CONTENU PRINCIPAL - SECTIONS === */
.colDivision{
	display:block;
}
.colDivision h2 {
	margin: 0;
}
/* === MISE EN FORME === */
h2.sectionPremiereLigne{
	margin: 55px 0 18px;
}

h2.section,
.colTexte h2 {
	margin: 24px 0 18px;
}

h2.liste{
	margin: 55px 0 38px;
}

ul.liste{
	margin-bottom: 15px;
	padding-top: 5px;
}

ul.liste li{
	padding: 5px 0;
}

.liens ul li{
	padding: 0 0 0 15px;
}
 
ul li.menuAccordeon ul li {
	margin: 0;
	padding: 0;
	border: none;
}

ul.colAccordeon li.menuAccordeon h1 a{
	display: block;
}

ul.colAccordeon li h1{
	font-size: 21px;
	margin: 0;
	padding: 0;
}

ul.colAccordeon p{
	margin-top: 6px;
}

.calendrier li.menuAccordeon ul{
	padding: 12px 0;
}

/* === POSITIONNEMENT DU CONTENU === */

.colPhoto, 
.colCarte {
	float: left;
	width: 137px;
	padding: 0 25px;
}

.colTexte{
	overflow: hidden;
}

.colLiens{
	float: right;
	width: 255px;
	padding: 0 45px 0 20px;
}
.sepAjustement{
	margin-top: -20px;
}

/* === CONTENU PRINCIPAL - ÉCOLE === */
#ecole .colConteneur {
	margin-top:25px;
	border-top: 1px solid #777;
}
#ecole .colEcoGauche{
	display: table-cell;
	vertical-align: top;
	width: 440px;
	padding: 0 20px;	
	border-right: 1px dashed #777; /* overridable : Add color to themes CSS to replace image */
}

#ecole .colEcoDroite{
	display: table-cell;
	vertical-align: top;
	padding: 0 20px;
}

#ecole .colEcoListe,
#services .colEcoListe{
	float: right;
	width: 166px;
	padding-left: 25px;
}
#services .colEcoListe{
	width: auto !important;
	max-width: 244px;
	margin-top: 25px;
}
#ecole h1#convention-de-gestion {
	margin-bottom:20px;
}
/* === CONTENU PRINCIPAL === */
.colAdm {
	padding:20px 0;
	border-top:1px solid #646464;
	margin-top:45px;
}

.colAdmDirection ul#premiereLigne{
	margin-top: 100px;
}
.colAdmTexte {
	padding-right: 20px;
	overflow: hidden;
}
.colAdmTrioGauche,
.colAdmTrioCentre,
.colAdmTrioDroite {
	display: table-cell;
	width: 280px;
	padding: 0 20px;
}
.colAdmTrioDroite{
	padding-right: 0 !important;
	padding-left: 20px;
}
/* === CONTENU PRINCIPAL - ENSEIGNEMENT === */
div.colEnsABC{
	width: 200px;
	padding: 0 20px;
}

/* === CONTENU PRINCIPAL - SERVICES === */
.colInfoAnnexe{
	width: 300px;
	padding: 20px 10px;
	display:table-cell;
	vertical-align: top;
}

.infoAnnexe{
	background-color: #FFF; 
	border: solid 1px #656351;
	padding: 0 15px 15px 15px;
}

.infoAnnexe hr.premiereLigne{
	margin: 24px 0 0;
}
.colInfo{
	padding:20px 20px 80px 20px;
	display:table-cell;
	width: 640px; /* Fix dans le cas ou il n'y pas de texte dans les articles */
}
body.home .contenu {
	display: table;
}
body.home .colInfo {
	display: table-cell;
	width:auto;
	padding: 0;
}
#les-incontournables {
	vertical-align: top;
}
#les-incontournables img{
	border:none;
}
/* === CONTENU PRINCIPAL - SERVICES === */
.colActivite{
	background-color: #FFF; 
	overflow: hidden; 
	margin-top: 25px; 
	padding: 0px 20px 55px; 
	border: solid 1px #656351;
}

.colPhotoTexte{
	float: right; 
	width: 600px; 
	padding: 20px;
}

.colPhotoActivite img{
	width: 269px;
}

.colPhotoActivite a:focus{
	outline: 0;
}

.colActiviteCategorie{
	 overflow: hidden; 
	 padding-bottom: 80px;
}

.colActiviteSujet{
	 padding: 20px;
}
/* ------------------------------------------------------------------------------------------------------ */
/* CONTENU PRINCIPAL - ACTIVITÉS */
/* ====================================================================================================== */


.colInfoPhotoAnnexe{
	display: table-cell;
	width: 465px;
	padding: 20px 10px 20px 10px;
	vertical-align: top;
}

#colBlogueActivite hr{
	margin: 10px 0;
}

#colBlogueActivite hr.premiereLigne{
	margin: 25px 0 0;
}

.colBlogueActiviteImage{
	float: left; 
	width:110px;
	margin-right: 28px;
	margin-top: 40px;
}

.colBlogueActiviteImage a{
	display: block;
	border: 1px solid #999;
}

.colBlogueActiviteImage img{
	border: 4px solid white;
}
.colBlogueActiviteTexte{
	overflow: hidden;
}

.colActivite{
	/*background-color: #FFF; 
	overflow: hidden; 
	margin-top: 25px; 
	padding: 0px 20px 55px; 
	border: solid 1px #656351;*/
}

div.colPhotoTexte{
	/*float: right; 
	width: 600px; 
	padding: 20px;*/
}

div.colPhotoActivite{
	margin-top: 60px;
	margin-bottom: 55px;
	overflow: hidden;
}

div.colPhotoActivite img{
	float: left;
	width: 100px;
	margin: 0 10px 10px 0;
}

div.colPhotoActivite a:focus{
	/*outline: 0;*/
}

div.colActiviteCategorie{
	 overflow: hidden; 
	 padding-bottom: 80px;
}

div.colActiviteSujet{
	 padding: 20px;
}

.contenuFondActCarreaux {
	background-image: url(images/themes/fondPhoto-Carreaux.jpg);
}
.contenuFondActCerises {
	background-image: url(images/themes/fondPhoto-Cerises.jpg);
}
.contenuFondActFleurs {
	background-image: url(images/themes/fondPhoto-Fleurs.jpg);
}
.contenuFondActPois {
	background-image: url(images/themes/fondPhoto-Pois.jpg);
}
.contenuFondActRayures {
	background-image: url(images/themes/fondPhoto-Rayures.jpg);
}
.contenuFondActStandard {
	background-image: url(images/themes/fondPhoto-Standard.jpg);
}

.contenuFondActCarreaux,
.contenuFondActCerises, 
.contenuFondActFleurs,
.contenuFondActPois,
.contenuFondActRayures,
.contenuFondActStandard {
	background-repeat: repeat-y;
	background-position: right 0;
}
.range..table-ligne {
	width:100%;
	display:table-row !important;
}

/* These empty css selectors are temporarily here for compatiability with the WordPress theme repository checklist. */
.aligncenter {} .alignleft {} .alignright {} .wp-caption {} .wp-caption-text {}

/* Wordpress must have */

.more-link{} /* Added in all css theme with #btPlus */

/* Wordpress image wrapper */
p img {padding:0;max-width:100%;}
img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

a {text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

div.page {
	overflow:hidden;
	padding:20px;
}
img.spinner {
	display:none;
}
#administration {
	padding-bottom:80px;
	overflow: hidden;
}
.bt {
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
time {
	font: 14px "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", "Luxi Sans", Arial, sans-serif;
	padding: 0;
	margin: 0;
}
/* Forms */
input[type=text],
input[type=password],
textarea {
	background: #fafafa;
	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
	border: 1px solid #ddd;
	color: #888;
}
input[type=text]:focus,
textarea:focus {
	color: #373737;
}
textarea {
	padding-left: 3px;
	width: 98%;
}
input[type=text] {
	padding: 3px;
}
input[name="s"] {
	width:173px;
	background: white ;
	
	font-size: 11px;
	height: 16px;
	line-height: 1.2em;
	padding: 4px 10px 4px 28px;
	
	-webkit-transition-duration: 400ms;
	-webkit-transition-property: width, background;
	-webkit-transition-timing-function: ease;
	-moz-transition-duration: 400ms;
	-moz-transition-property: width, background;
	-moz-transition-timing-function: ease;
	-o-transition-duration: 400ms;
	-o-transition-property: width, background;
	-o-transition-timing-function: ease;
}
/*input[name="s"]:focus {
	width: 250px;
}*/

/* Search Form */
#branding #searchform {
	position: absolute;
	top: 3.8em;
	right: 7.6%;
	text-align: right;
}
#branding #searchform div {
	margin: 0;
}
#branding #searchsubmit {
	display: none;
}
#branding .only-search #searchform {
	top: 5px;
	z-index: 1;
}
#branding .only-search #s {
	background-color: #666;
	border-color: #000;
	color: #222;
}
#branding .only-search #s,
#branding .only-search #s:focus {
	width: 85%;
}
#branding .only-search #s:focus {
	background-color: #bbb;
}
#branding .with-image #searchform {
	top: auto;
	bottom: -27px;
	max-width: 195px;
}
#branding .only-search + #access div {
	padding-right: 205px;
}
/* Assistive text */
.assistive-text {
	position: absolute !important;
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
}
#access a.assistive-text:active,
#access a.assistive-text:focus {
	background: #eee;
	border-bottom: 1px solid #ddd;
	color: #1982d1;
	clip: auto !important;
	font-size: 12px;
	position: absolute;
	text-decoration: underline;
	top: 0;
	left: 7.6%;
}
.colEnsABC {
	border-right: thin dashed #000;
	margin: -1px;
	display: table-cell; 
}
.rangee .colEnsABC:nth-child(4){
	border-right: none;
}
.rangee {
	display: table-row;
	width: 100%;	
}
ul li.btRss{
	float :left;
	width :130px;
	padding-right :20px;
}
div#btPubPrec{
	list-style-image :none;
	list-style :none;
	margin :20px 0;
	padding :0;
	overflow :hidden;
}
div#btPubPrec{
	margin-left :130px;
}

span.nav-suivant a, 
span.nav-precedent a{
	color:white;
}
span.nav-suivant:hover, 
span.nav-precedent:hover{
	opacity: 0.8;
}
span.nav-suivant a:hover, 
span.nav-precedent a:hover{
	text-decoration: none;
}
span.nav-precedent {
	float:left;
}
span.nav-suivant {
	float:right;
}
span.nav-suivant a {
	background: transparent url(images/puceBtn.gif) right -19px no-repeat;
	padding:4px 20px 4px 8px;
}
span.nav-precedent a {
	background:transparent url(images/puceBtn.gif) 0 1px no-repeat;
	padding:4px 8px 4px 20px;
}
#colArticle{
	display:table-cell;
	margin: 20px 20px 20px 20px;
}
#commissaires-et-circonscriptions {
	margin-top: 15px;
	border-top: 1px solid #777;
	border-bottom: 1px solid #777;
	padding: 20px 0;
}
#services .contenuFondSection {
	display:table;
}
h1.page-title {
	border-top: 1px solid #777;
	border-bottom: 1px dashed #777;
	margin-top:25px;
	padding:10px 0;
}
.entry-title {
	margin-top:0;
}
footer.entry-meta {
	border-top: 1px dashed #777;
	border-bottom: 1px solid #777;
	padding:10px 0;
	margin-bottom:10px;
}
#horaires-et-inscriptions {
	width: 360px;
/*	background-repeat: repeat;
	background-position: left	0;
*/}
/* === PARAMÈTRES DE NAVIGATION === */


/* -- MISE EN FORME --- */

.navSupport a, 
#piedpage a, 
#piedpage h1, 
#piedpage ul li {
	color: #FFFDE5;
}

.navSupport a:hover, 
#piedpage a:hover, 
#piedpage h1 {
	color: #FFFDE5;
}

/* -- MENU --- */

.menu{
	height: 350px;
}
.menu a{
	margin: 0px;
	padding: 0px;
}
nav[role="main"]{
	margin: 0px;
	padding: 8px 0px;
}
nav[role="main"] a{
	display: block;
	border:none;
}
nav[role="main"] img#navLogo {
  width:350px;
  height:55px;
  border: none;
}
nav[role="main"] ul.navPrincipale{
	float: right;
}
nav[role="main"] ul li{
	float: left;
	margin-top: 6px;
}
nav[role="main"] ul.navPrincipale li{
	margin: 36px 28px 0 0;
}

/* --- NAVIGATION SUPPORT --- */
.navSupport {
	position: relative;
	text-align:right; 
	overflow: hidden;
	margin: 284px 10px 0 20px;

}
.navSupport p{
	color: #FFFDE5;
}
.navSupport p.navOutils{
	text-align: right;
	margin-top: 18px;
	position: absolute;
	right: 230px;
}
.navSupport p.navArborescence{
	float:left;
}
.navSupport #fontPetit{
	font-size: 12px;
}
.navSupport #fontRegulier{
	font-size: 14px;
}

.navSupport #fontGrand{
	font-size: 16px;
}
#searchform{
	margin-top: 15px;
}
input#rechercheTexte, input#s {
	border: 1px solid #CCC;
	color: #666;
	margin: 0 2px 0 4px;
	padding: 3px 9px;
}

input#rechercheIcone, input#searchsubmit {
	text-indent: -9999px;
	background: url(images/iconeLoupe-blanc.gif) no-repeat;
	border: none;
	width: 17px;
	height: 17px;
}
input#rechercheIcone:hover, input#searchsubmit:hover {
	cursor: pointer;
}
/* --- NAVIGATION SLOGAN --- */

#slogan{
	position: absolute;
	width: 325px;
	margin: 115px 0 0 640px;
}
#slogan h1{
	background-color: #000;
	color: #FFF;
	font: 16px Rockwell, "Courier New", Courier, Georgia, Times, "Times New Roman", serif;
	text-transform: uppercase;
	display: inline;
	padding: 2px 4px;
	margin: 0;
}
#slogan h2{
	color: #000;
	font: 36px Rockwell, "Courier New", Courier, Georgia, Times, "Times New Roman", serif;
	line-height: 34px;
	text-transform: uppercase;
	padding: 0;
	margin: 10px 0;
}
nav[role="main"] ul.navPrincipale a{
	color: #000;
	font: 12px Rockwell, "Courier New", Courier, Georgia, Times, "Times New Roman", serif;
	line-height: 15px;
	text-transform: uppercase;
	border-bottom: 1px dashed #000;
}

nav[role="main"] ul.navPrincipale a:hover {
	text-decoration: none;
	border-bottom: 1px solid #000;
}
nav[role="main"] ul.navPrincipale a:active {
	color: #FFF;
	background-color: #000;
}
nav[role="main"] ul.navPrincipale a.current {
	border-bottom: 1px solid #000;
}
/* --- PIED-DE-PAGE --- */

#piedpage{
	clear: both;
	background-image: url(images/fondPied.jpg);
	height: 375px;
	border-bottom: solid 4px #000;
	position: relative;
}

#posPiedpage{
	width: 960px;
	margin: 0px auto !important;
}

/* --- NAVIGATION DU PIED-DE-PAGE --- */

#navPiedpageCol1,
#navPiedpageCol2,
#navPiedpageCol3 {
	vertical-align: top;
}

#piedpage ul.navPiedpage{
	float:left;
	background-image: url(images/sepPied.gif);
	background-position: 0 35px;
	background-repeat: no-repeat;
	padding: 0 20px;
}

#piedpage h1{
	font-size: 18px;
	margin-bottom: 14px;
}

/* --- COORDONNÉES --- */

#piedpage ul#coordPiedpage{
	width: 290px ;
	text-align: center;
	padding:0 15px;
}
#piedpage ul.navPiedpage {
	width: 173px;
}

#coordEcole, 
#coordTel,
#coordTelec {
	font-size: 14px;
}

.sepCarreauxBlanc{
	background: transparent url(images/sepCarreaux-blanc.gif) no-repeat;
	width: 272px;
	height: 9px;
	padding: 0 0 15px;
	margin: 0 8px;
}
.sepCarreauxGris {
	background: transparent url(images/sepCarreaux-gris.gif) no-repeat;
	width: 360px;
	height: 9px;
}
#logoCSPBlanc{
	padding: 15px 0 30px;
	margin: 40px 0 0;
	display:inline;
	border:none;
}

#coordTel{
	padding-top: 15px;
}

#coordTel img,
#coordTelec img{
	padding-right: 5px;
	margin: 0;
}
/**
 * Motifs choisi pour le contenu
 */
.motifCarreaux{
	background: url(images/themes/fondAdmin-Carreaux.jpg) center top;
}
.motifCerises{
	background: url(images/themes/fondAdmin-Cerises.jpg) center top;
}
.motifFleurs{
	background: url(images/themes/fondAdmin-Fleurs.jpg) center top;
}
.motifPois{
	background: url(images/themes/fondAdmin-Pois.jpg) center top;
}
.motifRayures{
	background: url(images/themes/fondAdmin-Rayures.jpg) center top;
}
.motifStandard{
	background: url(images/themes/fondAdmin-Standard.jpg) center top;
}
.motifAnnexeCarreaux{
	background: url(images/themes/fondAnnexe-Carreaux.jpg) center top;
}
.motifAnnexeCerises{
	background: url(images/themes/fondAnnexe-Cerises.jpg) center top;
}
.motifAnnexeFleurs{
	background: url(images/themes/fondAnnexe-Fleurs.jpg) center top;
}
.motifAnnexePois{
	background: url(images/themes/fondAnnexe-Pois.jpg) center top;
}
.motifAnnexeRayures{
	background: url(images/themes/fondAnnexe-Rayures.jpg) center top;
}
.motifAnnexeStandard{
	background: url(images/themes/fondAnnexe-Standard.jpg) center top;
}