html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,
font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,
caption,tbody,tfoot,thead,tr,th,td{
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}

@font-face {
	font-family: 'SignPainterRegular';
	src: url('SignPaiHouScr.eot');
	src: local('SignPainter Regular'), local('SignPainter-HouseScript'), url('SignPaiHouScr.woff') format('woff'), url('SignPaiHouScr.ttf') format('truetype'), url('SignPaiHouScr.svg#SignPainter-HouseScript') format('svg');
}

:focus{
	outline: 0;
}
ol,ul{
	list-style: none;
}
table{
	border-collapse: separate;
	/*border-spacing: 0;*/
}
caption,th,td{
	font-weight: normal;
	text-align: left;
}
blockquote:before,blockquote:after,q:before,q:after{
	content: "";
}
blockquote,q{
	quotes: "" "";
}
img,input,select,option{
	vertical-align: middle;
}


/**********************************************/
/* Reusable class                             */
/**********************************************/

.overflow-hidden {
	overflow:hidden;	
}

.clear:after{
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}
.clear{
	display: inline-table;
}
.clear{
	height:0;
	clear: both;
	display:block
}
.inline{
    display:inline-block !important;
}
strong, .bold {
    font-weight:bold;
}
.floatright {
    float:right;
}
.floatleft {
    float:left;
}
.hidden {
    display:none;
}
.indent{
    text-indent: -9999px;
    line-height:0;
}
.indent img{
    display:block;
}
.no-margin{
    margin:0 !important;
}
address{
    font-style:normal;
    line-height:16px;
    white-space:nowrap;
}
.block{
    display:block;
}

/**********************************************/
/* Specific content                           */
/**********************************************/

body {
  background-position:top right;
}

.bodybg1 {
	background: url('../images/bg-image1.jpg') no-repeat center top fixed; 
}
.bodybg2 {
	background: url('../images/bg-image2.jpg') no-repeat center top fixed; 
}
.bodybg3 {
	background: url('../images/bg-image3.jpg') no-repeat center top fixed; 
}
.bodybg4 {
	background: url('../images/bg-image4.jpg') no-repeat center top fixed; 
}
.bodybg5 {
	background: url('../images/bg-image5.jpg') no-repeat center top fixed; 
}
.bodybg6 {
	background: url('../images/bg-image6.jpg') no-repeat center top fixed; 
}
.bodybg7 {
	background: url('../images/bg-image7.jpg') no-repeat center top fixed; 
}
.bodybg8 {
	background: url('../images/bg-image8.jpg') no-repeat center top fixed; 
}
.red-line{
  background-color:#ee3124;
  height:15px;
}

#wrapper{
  background-color:#ffffff;
  margin:0 auto;
  position:relative;
  width:1000px;
}

.logo{
  left:0;
  margin-left:-40px;
  position:absolute;
  top:0;
  z-index:50;
}

#header{
   background: url('../images/bg-header.gif');    
   position:relative;
   width:1000px;
}

#menu-top{
	padding: 20px 0px 0px 325px;
  height:118px;
}

.rechercher{
  margin-top:8px;
}

#menu {
  height:29px;
  margin-left:325px;
}

#menu li a img{
	vertical-align:top;  
}

#menu li, #menu-top li {
  float:left;
}

#images{
	height:302px; 
	position:relative;
	z-index:1;   
}

.header-images{
	margin:10px;     
}

#container{
 	background: url('../images/bg-container.gif');   
  margin:0 auto;
	position:relative;      
	width:973px;
}

#side-left, #side-right { 
 	float:left;	
 	padding: 10px 10px 10px 10px;	
	width:215px;
}

#text{ 
 	float:left;
 	padding: 10px 10px 10px 10px;		
 	width:483px;		
}

#text-kei{ 
 	float:left;
 	padding: 10px 10px 10px 5px;		
 	width:483px;		
}


#text-admin{ 
 	float:left;
 	padding: 10px 10px 10px 10px;		
 	width:483px;		
}

#text ul{
	list-style-type: disc;
	padding:15px;
	margin-left:30px;
}
#text ul li{
	padding:3px 0 3px 0;				
}

#menu-left h3 {
	color:#000000;	
	font-size: 14px;	
	font-weight: normal;
	margin: 10px 0px 3px 0px;
}

.img-h3 {
	margin-bottom:10px;
}

#menu-left h3 a:hover, #menu-left li a {
	color:#666666;
}

.mnuexpanded a{
		color:#666666 !important;
}


#menu-left ul {
	padding: 5px 0px 5px 25px;
}

#menu-left li a:hover {
	color:#ee3124;
}

.menuhover  {
	color:#666666 !important;
}

.smenuhover {
	color:#ee3124 !important;
}

#menu-carres-left li, #menu-carres-right li {
	margin:10px 0px 10px 0px;
}

.retour-haut{
  margin: 5px 0px 0px 350px;
}

/* -------------------------------------------*/
/* GRAY LINES --------------------------------*/
/* -------------------------------------------*/

.gray-line-text{
	margin: 5px 0px 5px 0px;
}

.gray-line-bottom{
  float:left;
  vertical-align:bottom;
}

.gray-line-top{
  vertical-align:top;
}

/* -------------------------------------------*/
/* FOOTER ------------------------------------*/
/* -------------------------------------------*/

#footer{     
 	background: url('../images/bg-footer.png');   
  display:block;
  position:relative;     
}

#footer-text{
	background: url('../images/bg-footer-trombone.jpg') no-repeat; 
	height:377px;
  margin:0 auto;
  position:relative;
  width:1000px;    
}

#footer-text h2 {
	color:#666666;
	font-family: Verdana, Arial, sans-serif;
	font-weight: bold;	
	font-size: 10px	
}

#footer-text li {
	color:#666666;
	margin: 2px 0px 2px 0px;
	font-size: 10px;		
}

#footer-text a {
	color:#666666;
}

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

#footer-menu-accueil, #footer-menu-enseignement, #footer-menu-services, #footer-menu-activites, #footer-menu-admission{
	height: 225px;
	float:left;
	padding: 105px 0px 0px 30px;
	margin: 0px 5px 0px 0px;
}

#footer-menu-accueil {
  width:123px;  		
}
#footer-menu-enseignement {
  width:142px;  		
}
#footer-menu-services {
  width:185px;  		
}
#footer-menu-activites{
  width:188px;  		
}
#footer-menu-admission{
  width:160px;  		
}

.gray-line-adresse {
	margin-left:30px;  
}

#footer-adresse{
	margin-left:30px; 
}

#footer-adresse p {
	float:left; 
	margin-right:65px;  		
}

.acolyte {
	bottom:15px;	
	position:absolute;
	right:30px;
}

/* -------------------------------------------*/
/* NOUVELLES----------------------------------*/
/* -------------------------------------------*/

.nouvelles{
	width:473px;
	margin:20px 0px 20px 0px;
}

.nouvelles-left{
	width:305px;
	float:left;
  margin-right:10px;
}

.nouvelles-right{
	width:150px;
	float:left;
}

/* -------------------------------------------*/
/* NOUS JOINDRE-------------------------------*/
/* -------------------------------------------*/

.fiche{
	width:470px;
	margin-bottom:20px;
	margin-top:20px;
	display:block;
}

.fiche-left{
	width:230px;
	float:left;
  margin-right:10px;
}

.fiche-right{
	width:230px;
	float:left;
}

.fiche img{
	background: url('../images/bg-img-nous-joindre.gif') no-repeat; 		
	background-position:bottom left;			
	margin-bottom:20px;
	margin-top:20px;
	padding-bottom:5px;
}

/* ----------------------------------------------*/
/* IMAGES ------------------------------------*/
/* ----------------------------------------------*/

.images-listing {
	list-style: none;
	margin:0px;
	padding:0px;
}

.images-listing li{
	list-style: none;
	float:left;
}


.image-kei{
	border:1px solid #666666;			
	margin:12px 12px 12px 12px;
	padding:5px 5px 5px 5px;	
}

.image{
	border:1px solid #666666;			
	margin:12px 12px 12px 12px;
	padding:5px 5px 5px 5px;	
}

.nomargin {
	margin:0;
}

#pages {
	margin-left:325px;
	width:125px;
}

#pages td {
	color:#666666;
	text-align:center;
}

#pages .this {
	background-color:#ee3124;
	color:#ffffff;	
}

/* -------------------------------------------*/
/* BIG CALENDER-------------------------------*/
/* -------------------------------------------*/

.titre {
	color:#002a5c;
	font-size: 14px;
	font-weight: bold;
 	padding-bottom:10px;
  	text-align:center;
	text-transform:uppercase;	   
}

#calender-big {
	width:465px;
}

#calender-big tr td {
	border: 1px solid #a7a9ac;
	color:#000000;
	font-size: 14px;
	height:30px;	
  	border-spacing:5px;
	text-align:center;
	vertical-align:middle;
}

#calender-big tr.day td {
	border: none;
	color:#ee3124;	
	font-size: 14px;
	font-weight: bold;
	text-transform:uppercase;	 
}

#calender-big .other-month {
	border: 1px solid #a7a9ac;
	color:#a7a9ac;	
}

#calender-big .important {
	background-color:#ee3124;
	border: 1px solid #a7a9ac;	
	color:#ffffff;	
}

#calender-big .today {
	background-color:#a7a9ac;
	border: 1px solid #a7a9ac;	
	color:#000000;	
}

#calender-big .something{
	border: 1px solid #ee3124;
	color:#ee3124;	
}

/* --------------------------------------------------*/
/*  SMALL CALENDER----------------------------*/
/* --------------------------------------------------*/


.cal-selected a{
 color:white !important; 
}

#calender-small .cal-selected {	
	background-image: url('/images/calendarselected.gif') !important;
	background-position: top center !important;
	background-repeat:  no-repeat;
}

#calender-small .cal-hasitems {
	 background-image: url('/images/calendarhasitems.gif') !important;
	 background-position: top center !important;
	 background-repeat:  no-repeat;
 
}

.cal-hasitems a {
 color:#fff;
}

.bigcal-hasitems {
 background-color: #EE2F2B;
}

.bigcal-hasitems a {
 color:#fff;
}
.bigcal-selected a{
 color:white !important; 
}

.bigcal-selected {
	 background-color: #A3A4A1;

}

.lastweek td {
	background-image: none !important;
	
}

.monthyear {
	border: none;
	color:#002A5C;
	font-size: 14px;
	font-weight: bold;
	text-transform:uppercase;
	text-align:center;
}

.blueheader {
	color:#002A5C;
	font-size: 14px;
	font-weight: bold;
	text-transform:uppercase;
}

.dayofothermonth {
	color: #a3a4a1 !important;
}

#calender-small {
	width:215px;
}

#calender-small tr td {
	color:#000000;
	font-size: 14px;
	height:25px;	
  border-spacing:5px;
	text-align:center;
	padding-top: 2px;
	vertical-align:top;
	background-image: url('/images/calendarseparator.gif');
	background-position: bottom center;
	background-repeat:  no-repeat;
}

#calender-small tr.day td {
	border: none;
	color:#ee3124;	
	font-size: 14px;
	font-weight: bold;
	text-transform:uppercase;
}

#calender-small .other-month {
	color:#a7a9ac;	
}

#calender-small .important {
	background-color:#ee3124;
	border: none;
	color:#ffffff;	
}

#calender-small .today {
	background-color:#a7a9ac;
}

#calender-small .something{
	color:#ee3124;	
}

#calender-small tr.last td {
	border: none;
}

/*--------------- FORM CLASS & STYLE -----------------*/
.clear {clear:both;}
fieldset .colwrapper {position:relative; width:465px; margin-bottom:20px;}
fieldset .fullwidth dd {width:460px;}
fieldset .colwrapper .col {position:relative; width:232px; float:left;}
fieldset dd { margin-bottom:5px;}
fieldset dt { margin-bottom:5px;}

fieldset dt input { border:3px double #CCCCCC; width:205px; height:15px; z-index:5000;}
fieldset dt span { padding:1px;  width:207px; height:19px; display:block; position:relative; z-index:1;}

fieldset dt span.checkbox {width:13px; height:13px;border:0;}
fieldset dt input.checkboxinput {width:13px; height:13px; position:relative; float:left; margin:0 0 1px 0; border:1px solid #ccc; background-color:#FFFFFF;}
fieldset dt textarea { width:203px; height:213px;}
fieldset dt span.textarea {width:209px; height:220px; border:0;}
fieldset dt select { width:100px;}
fieldset dt span.select { width:100px; height:20px;border:0;}
fieldset dt span.bt-envoyer { width:70px; height:24px;border:0;}
fieldset dt span.bt-envoyer input{width:70px; height:24px; margin:0;}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    fieldset dt input{ margin-top:-1px;}
	fieldset dt span.select { padding-bottom:3px;}
}


/*--------------- popup -----------------*/

#popup-1 { width:800px; height:500px; background:url(../images/bg-popup-1.jpg) no-repeat;}
#popup-1 #photo { position:absolute; top:64px; left:53px; width:278px; height:205px;}
#popup-1 #contentright {position:absolute; top:130px; left:395px; width:345px; height:280px; overflow-y:scroll; padding-right:10px;}
#popup-1 #contentleft {position:absolute; top:335px; left:65px; width:240px; height:100px;}
#contentright h2 { font-size:28px; line-height:32px;}

.frame-overlay{ position:fixed; width:100%; height:100%; background-color:#006699; z-index:5000; top:0; left:0; opacity:0.8;}
#popup-2 { width:730px; height:514px; background:url(../images/popup-2.png) no-repeat; position:absolute; left:50%; top:50%; margin-top:-257px; margin-left:-365px; z-index:5001;}
#popup-2 #content {position:absolute; top:65px; left:100px; width:570px; height:375px;}
#popup-close { position:absolute; bottom:40px; right:60px;}

.validator {
	color: red;
	display:none;
}