/* ! Général et Layout */

* {
	margin: 0;
	padding: 0;
}

html {
	margin:0;
	padding:0;
}

body {
	background-image: url(../images/layout/pattern.jpg);
	font-family:'Fira Sans', sans-serif;
}

p {
	margin: 0;
	padding: 0;
	color: #5a5556;
	font-size: 16px;
	line-height: 20px;
	font-weight: normal;
	text-align: justify;
}

td, pre, li {
	color: #5a5556;
	font-size: 16px;
}

h3 {
	margin: 0 4px 20px 20px;
	padding: 0;
	font-size: 16px;
	font-weight: 400;
	color: #a01a1e;
}

a {
	color: #a01a1e;
}
a:hover {
	color: #770d10;
}



/* ! Positionnemnt footer en bas de page */


html, body, #wrap {width:960px;margin:auto;
}/* a été retiré height: 100%; car cela perturbait le footer */

body > #wrap {height: auto; min-height: 100%;}

#content{
	padding-bottom:-20px;/* must be same height as the footer */
}

#content_home { padding-bottom: 20px;margin-bottom:20px; }  /* must be same height as the footer */


div#maincontent{
	width:610px;
	float:right;
}/* taille du content fixée pour le sidemenu*/

.maincontent_news{
	width:100%;
	float:left;
}

div#mainbottom{
	clear:both;
}

#content_home{
	width:960px;
	height:100%;
	background-color:#ffffff;
	-webkit-box-shadow: 0px 1px 3px 0px rgba(191, 205, 222, 0.75);
	-moz-box-shadow:    0px 1px 3px 0px rgba(191, 205, 222, 0.75);
	box-shadow:         0px 1px 3px 0px rgba(191, 205, 222, 0.75);
	
}
#footer {
	margin-top: -20px; /* negative value of footer height */
	height: 20px;
	clear:both;
} 


/* ! Header */
#header {	
	height: 100px;
	margin: 0;
	padding: 0;	
	background:#a01a1e;
	-webkit-box-shadow: 0px 1px 3px 1px rgba(191, 205, 222, 0.75);
	-moz-box-shadow:    0px 1px 3px 1px rgba(191, 205, 222, 0.75);
	box-shadow:         0px 1px 3px 1px rgba(191, 205, 222, 0.75);
}

#header_content {
	width: 960px;
	height: 100px;
	margin: 0 auto 0 auto;
	position: relative;
}

#header_logo {
	width: 320px;
	height: 100px;
	background: transparent url(../images/header/logo.jpg) no-repeat;
	margin: auto;
	cursor: pointer;
}

#header_name {
}

#header_name h1 {
	display: none;
}

/* ! Contenu */

#main {
	background-color: #FFFFFF;
	width: 920px;
	padding: 20px 20px 30px 20px;
	margin: 0 auto 20px auto;
	-webkit-box-shadow: 0px 1px 3px 0px rgba(191, 205, 222, 0.75);
	-moz-box-shadow:    0px 1px 3px 0px rgba(191, 205, 222, 0.75);
	box-shadow:         0px 1px 3px 0px rgba(191, 205, 222, 0.75);
}

div.page_photo_intro {
	border: 1px solid #cfcfcf;
	height: 330px;
	width: 974px; /* Taille de main -2 de bordure */
	padding: 0;
	margin: 0 0 10px 0;
	background-color: white;
	background-position: center center;
	background-repeat: no-repeat;
}

div.page_photo_intro_blackboard {
	background-image: url(../images/photo_pages/blackboard.jpg); /* DEPRECATED */
}
div.page_photo_intro_clouds {
	background-image: url(../images/photo_pages/clouds.jpg);
}
div.page_photo_intro_sunlight {
	background-image: url(../images/photo_pages/sunlight.jpg);
}
div.page_photo_intro_tree {
	background-image: url(../images/photo_pages/tree.jpg);
}
div.page_photo_intro_cdi {
	background-image: url(../images/photo_pages/cdi.jpg);
}
div.page_photo_intro_pastorale {
	background-image: url(../images/photo_pages/pastorale.jpg);
}
div.page_photo_intro_chapelle {
	background-image: url(../images/photo_pages/chapelle.jpg);
}
div.page_photo_intro_classe {
	background-image: url(../images/photo_pages/classe.jpg);
}
div.page_photo_intro_cours {
	background-image: url(../images/photo_pages/cours.jpg);
}


#quickaccess {
	width: 330px;
	height: 54px;
	float: right;
	margin:-80px -185px 0 0;
}

#quickaccess a {
	display: inline-block;
	width: 54px;
	height: 54px;
	background-position: 0 0;
	background-repeat: no-repeat;
	padding: 0;
	margin: 0 10px 0 10px; 
}

#quickaccess a:first-child {
	margin: 0 10px 0 0;
}

#quickaccess a.accueil {
	background-image: url(../images/quickaccess/accueil.png);
}
#quickaccess a.contact {
	background-image: url(../images/quickaccess/contact.png);
}

#quickaccess a:hover {
	background-position: 0 -54px;
}

#quickaccess a span {
	display: none;
}

/* !Titre page */
div.maintitle {
	float:right;
	height: 44px;
	margin: 0 0 0 0;
	margin-right:-20px;
	padding-right:100px;
	background-color:#5c802a;
	margin-bottom:20px
}

div.maintitle h1 {
	font-size: 24px !important;
	font-weight: 400;
	line-height: 48px;
	color: #ffffff;
	text-transform: uppercase; 
	padding-left:12px;
	
}



/* ! Footer */

#footer p {
	text-align: center;
	margin: 0;
	padding-top: 20px;
	font-size: 14px;
	font-weight: normal;
	color: #a01a1e;
}

#footer p a {
	color: #a01a1e;
	text-decoration: none; 
}

#footer p a:hover {
	text-decoration: underline;
}



/* ! TinyMCE */


.tinymce_normal {
	color: #818a94;
	font-size: 16px;
}

.tinymce_subtitle {
	font-size: 16px;
	font-weight: 400;
	color: #3a9be2;
	margin-bottom: 20px;
}

.tinymce_ecole {
	font-size: 16px;
	font-weight: 400;
	color: #dba84f;
	margin-bottom: 20px;
}

.tinymce_college {
	font-size: 16px;
	font-weight: 400;
	color: #57a47a;
	margin-bottom: 20px;
}

.tinymce_lycee {
	font-size: 16px;
	font-weight: 400;
	color: #c43045;
	margin-bottom: 20px;
}

.tinymce_viescolaire {
	font-size: 16px;
	font-weight: 400;
	color: #647ca3;
	margin-bottom: 20px;
}

/* ! Page Assos */

.logo_assos{
	height:180px;
	margin-bottom:20px;
	background-color:#f8f7f7;
}

.logo_assos img{
	width:272px;
	height:180px;
	display:block;
	margin:auto;
}