@charset "UTF-8";

#container {
	background: #fff url(../images/bg_sidebarCompas3.gif) repeat-y 760px 200px
/*	background: #C86042 url(../images/bg_repertoire.jpg) repeat-x top left;*/
/*	background: #fff url(../images/bg_repertoire.jpg) repeat-y 560px 200px repeat-x top left;*/

}

#sidebarCompas {
	float: right; /* since this element is floated, a width must be given */
	width: 200px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */ 
	padding:0px; margin:0px ;
	border:none;
	background-color: #bc422d;
}


#RechercheCompas {
width:320px;
float:left;
margin: auto;
border:none;
color: #FFF;
background: #C86042 url(http://compas.cdeacf.ca/images/bg_repertoire.jpg) repeat-x top left;
//background-color: #bc422d;
}


#mainContent { 
	margin: 0 202px 0 0; /* the right margin on this div element creates the column down the right side of the page - no matter how much content the sidebarCompas1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebarCompas1 space when the content in #sidebarCompas1 ends. */
	padding: 0 10px;
	border-top:none;
	background-position: 0px 35px; 
}



#repcontent {
        width:auto; 
        padding:0px;
        margin:0px;
        background: white;
/*        border-left: solid 1px #C3D3DD; */
        border:none;
}
/* LIEN COLONNE */

#sidebarCompas h1.alt {
        font-size:20px;
        background-color: #bc422d;
        margin:0px;
        padding:0px 0px 4px 5px;
//        border-left: solid 1px #C3D3DD;
	color : #fff;
     }

#sidebarCompas h2 {
        font-size:1.1em;
        font-weight:bold;
        color:#FFFFFF;
        background-color: #bc422d;
        margin:0px;
        padding:4px 0px 4px 5px;
//        border-left: solid 1px #C3D3DD;
}

/* POUR LES FORMS */




form label {/*Pour les libelles*/

        color: #FFFFFF;
        font-size:1em;
}

 form textarea {
width:500px;
height: 250px;
 }

 form fieldset {
        font-size:1em;
        margin: 20px 3px;
        padding:3px 20px;
        border-top:solid 1px #D3D5C1;
        border-bottom:none;
        border-left:none;
        border-right:none;
        color:#A5A55C;
        /*color : #1f3d50;       */

}


form .textinput {
        margin: 3px 0 0 10px;
}


 form .textinput label {
        font-weight: bold;
        display:block;
}

 form .textinput input {
        width:175px;
	
        margin-top: 2px;
}

form .submit {
        margin: 0px 0px 3px 20px;
}

 form .submit input {
        color: #1D3849;
        font-weight:bold;
        background-color:#E8F1F3;
        font-size:10px;
        padding:0px;
        float:left;
        margin-right: 2px;
}

  form a {
        color:#FFFFFF;
        font-size:11px;
        font-weight:bold;
        text-decoration:underline;
}

  form a:hover {
        color:#CCFFFF;
}

  form .bouton, .bouton {
        color: #1D3849;
        font-weight:bold;
        background-color:#E8F1F3;
        font-size:10px;
        padding:1px 2px
}

.checkboxinput {
padding-left: 5px;
}