/*
LEGENDE DES COULEURS
Bleu			#002B55
Jaune			#FFF200
Vertfoncé	#007550
Vertpale		#8CC63F
ARRIERE		#F5F7E8
Arrierediv	#f4f5e7

rouge ED1C24  pour champs obligatoires
*/
body{
    margin: 0px;
	padding: 0px;
	border:none;
    background-color: #F5F7E8;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 8pt; /* 9pt */
	line-height: 12pt; /* 14 p */
	color: #002B55;
	text-align: justify;}

a img{border:0px; margin:0px; padding:0px;}

a{
    color: #002B55;
    padding: 0px;
    margin:0px;
    border:0px;
    text-decoration: none;}

a:hover{text-decoration: underline;}

h1{border: 0px;margin: 0px;padding: 0px;}

/*  Sous-titre dans texte  */
h2 {font-weight: bold; font-size: 10pt; margin:0px; padding:0px;} /* 11pt */
h3 {font-weight: bold; font-size: 9pt; margin:0px; padding:0px;}

.main{
    margin: auto;
    padding: 0px;
    margin-top: 56px;
    /*padding-bottom: 75px;   ESPACE POUR LE FOOTER  */ 
    width: 955px;/*1023*/
    position: relative;
    background-color: #f4f5e7;  
    background-image: url(../../images/arriereplan2bandes.jpg);
    background-position: top left;
    background-repeat: no-repeat;
    min-height: 588px;  /* hauteur minimum pour voir tout le background */
}  
	
/* menu du haut à droite */
#top{ height:22px; margin:0px; padding:0px; text-align:left; }
#top a{	margin:0px; padding:0px}
#top a img{	margin:0px; padding:0px; margin-top:5px;}
#zonetop 
{
    text-align: right;
}

#zonetop a
{
    margin: 5px 5px 0px 0px;
    padding: 0px;
    text-decoration: none;
    font-weight: bold;
}

#zonetop a:hover
{
    color: #007550;
}
/*position:absolute; right:0px;*/

/* Menu principal */
#menuprincipal
{

    height: 134px;
    clear: both;
    margin: 0px;
    padding: 0px;
}

#menuprincipal a
{
    font-size: 12px;
    line-height: 16px;
    color: #FFFFFF;
    font-weight: bold;
    text-decoration: none;
}

#menuprincipal a:hover, #sousmenu1 a:hover, #sousmenu2 a:hover
{
    color: #FFFF00;
}

#menuprincipal a:active, #sousmenu1 a:active, #sousmenu2 a:active
{
    color: #FFFF00;
}

/* sous-menu dans les bandeverte numéro 1*/
#sousmenu1
{
    height: 20px;
    padding: 0px;
    margin: 0px;
    text-align: left;
    margin: 0 0 0 31px;
    clear: both;
    color: #FFFFFF;
}

#sousmenu1 a, #sousmenu2 a
{
    margin-right: 10px;
    text-decoration: none;
    color: #FFFFFF;
    font-size: 10px;
    font-weight: bold;
}



 #Div1 a{margin-right:10px; /*  espace entre les menus */}


/* bandeverte numéro2 */
#sousmenu2{
	 height: 19px;padding:0px;
	 text-align: left;
	 margin:0  0  0 31px;
	 margin-bottom:5px;}

#Div1{
	 height: 20px;padding:0px;margin:0px;
	 text-align: left;
	 margin:0  0  0 31px;
	 line-height: 1px;
	 font-size: 1px;
	 clear: both;}

#contenu
{
    padding: 0px;
    margin: 0px;
    text-decoration: none;
}

.footer{
     font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	 font-size: 9px;
	 width: 100%;
	 float: left;
	 clear: both;
}

/* Page Default.aspx */
#colonne1{
    float: left;
    width: 280px;
    text-align: left;
    vertical-align: top;
    margin:0px; padding:0px;
    vertical-align:top;}

#colonne2{
    float: left;
    width: 413px; 
    margin:0px;padding:0px;
    padding-top:75px;
    margin-left: 24px;}

#colonne2 p
{
	margin-top:0;
}

#menu{line-height: 1px; font-size: 1px; height: 112px;}

#titre {
	z-index: 2;
	position: absolute;
	margin:0px;
	padding:0px;}
/* ANCIENNE VERSION DE LIGNE VERTE CI BAS */
.ligne{
	z-index: 3;
	position: absolute;
	top:284px; /* 211 */
	left: 280px;}

#ligneverte {float:left; margin-top: 79px;}

.lignetest{float:right; height:100%; width:1px; margin:0px; padding:0px;}

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

a.curseurmain{cursor: pointer;}  /* pour mettre une main comme curseur */

.emphase{font-size: 13pt; font-weight: bold;}
.emphasegrande{ font-size: 16pt; font-weight: bold;}

.vert{color: #007550;}
.bleu{color: #002B55;}
.rouge{color: #ED1C24;}

/* LIENS PDF */
a.lienpdf{ font-weight: bold; color: #002B55; text-decoration:none;}
a:hover.lienpdf{ font-weight: bold; color: #002B55; text-decoration: underline;}


/*  ---------------------PAGE HISTORIQUE------------------------------- */
#bandehistorique{
	width:  600px;
	height: 35px;
	background-image: url(../../images/2bandes.gif);
	background-repeat: no-repeat;
	position: absolute;
	top: 400px;
	left: 324px;
	text-align: left;
	padding-top: 4px;}

 a.historique{text-decoration: none;}
 a:hover.historique{font-weight: bold; color: #002B55; font-size: 130%;}

/* liste puce du style   ::   */
.liste { margin:0px; padding:0px;padding-left: 10px;}
.liste li{list-style-image:url(../../images/puces.gif); margin-left: 20px; }

.listehisto {list-style-type:none; margin:0px; padding:0px; text-align:left; font-size:9pt; font-weight:normal; color:#007550;}
.listehisto li {margin:0px; padding:0px; padding-bottom:6px; clear:both;}
.listehisto li a{text-decoration: none; color:#007550;}
.listehisto li:hover { font-size:122%; font-weight:bold; color:#002B55;}
.annee { font-weight:bold; font-size: 110%;}
.anneeonglets { text-align:left; white-space:nowrap; vertical-align:top; border:0px; padding-top:3px; padding-bottom:3px;}
.anneeonglets a{ margin:0px; padding:0px; border:0px;}


/* ----------------------- EQUIPE -------------------------- */
/*  Liste de nom dans la section notre équipe  */
.equipe p {margin-top:10px;}

.listedanstexte { list-style-type:none; margin:0px; padding: 0px; line-height:10pt;}
.listedanstexte li {margin:0px; padding:0px; margin-top:10px;}

.listedanstexte2 { list-style-type:none; margin:0px; padding: 0px; line-height:10pt;}
.listedanstexte2 li {margin:0px; padding:0px;}


/* ------------------------- ABC de la récupération -------------------------------*/
.bullet {font-weight:normal; font-family:Arial, Helvetica, sans-serif; color:#007550;}
a.abc { font-weight:normal; color: #002B55; text-decoration: none;}
a:hover.abc { font-weight: bold; color: #007550;}

/*a:active.abc {font-weight:bold; color: #007550;}*/


/* ------------------------SECTION FAQ -------------------------*/
/*  Pour fixer la largeur de Q.1 avant la reponse */
.listefaq { list-style-type:none; margin:0px; padding: 0px; text-align:left;}
.listefaq li {margin:0px; padding:0px; padding-bottom:30px; clear:both;}

.faq { width:60px; float:left; clear: both; font-weight:bold;} 		/* numéro de la question */
.faqquestion{float:left;width: 353px;}								/* Question écrite */
.reponse {margin-left:60px; clear:both; float:left;}				/* liens réponse */


.boitereponse { padding:44px; visibility: hidden; width:715px; height:507px; background-image:url(../../images/faqboite.jpg); background-repeat: no-repeat; z-index:3; position:fixed; left: 50%; top: 50%; margin-top: -253px; margin-left: -357px; }
.bp2 { margin-top:100px;}
.bp3 { margin-top:300px;}
.bp4 { margin-top:500px;}
.bp5 { margin-top:700px;}
.bp6 { margin-top:900px;}
.bp7 { margin-top:1100px;}
.boitereponsecontenu { overflow:auto; margin: 0px; width:670px; height: 440px;}
.boitereponsecontenu p{ margin-right: 25px;}

.faqemphase { font-size:130%; font-weight:bold;}
.trucetastuce { color:#007550; font-weight: bold; font-size:120%; }
.closebutton {position: absolute; right:100px; top: 10px; z-index:5;}
/*
.boitereponse { visibility: hidden; width:715px; height:507px; background-image:url(../../images/faqboite.jpg); background-repeat: no-repeat; z-index:3; position:absolute; top:322px; left:220px;}
.boitereponsecontenu { overflow:auto; margin: 44px; width:670px; height: 440px;}
.boitereponsecontenu p{ margin-right: 25px;}

.faqemphase { font-size:130%; font-weight:bold;}
.trucetastuce { color:#007550; font-weight: bold; font-size:120%; }
.closebutton {position: absolute; right:5px; top: 5px; z-index:5;}
*/
/* ------------------------SECTION CONTACTEZ-NOUS   QUESTION ET COMMENTAIRES ------------------- */
/* TEXT AREA des formulaires */
.boiteformulaire {
	border-width:1px;
	border-style:solid;
	border-color:#002B55;	
	border-bottom-width: 2px; border-right-width: 2px;}

/* FORMULAIRE largeur des boite de texte */
.zonetexte {width:222px;}

/* Règles pour la modification de l'infobox */

.rbroundbox
{
    background-position: bottom;
    background-color: #FFFFFF;
    position: relative;
    top: 67px;
    left: 0px;
    width: 255px;
    margin: 1em auto;
    background-image: url(../../images/accueil/GAUDREAU_Infobox.jpg);
    background-repeat: no-repeat;
    /* height: 200px; */
    padding-bottom: 120px;
    
}
.rbtop div { background: url(../../images/accueil/tl.gif) no-repeat top left; }
.rbtop { background: url(../../images/accueil/tr.gif) no-repeat top right; }
.rbbot div { background: url(../../images/accueil/bl.gif) no-repeat bottom left; }
.rbbot { background: url(../../images/accueil/br.gif) no-repeat bottom right; }

.rbtop div, .rbtop {
width: 100%;
height: 7px;
font-size: 1px;
}
.rbcontent { margin: 0 7px; }

.InfoBoxTitle
{
    font-weight: bold;
}

.InfoBoxContent
{
    font-weight: normal;
    font-size: x-small;
    font-family: Verdana;
}

.InfoBoxContent a
{
    text-decoration: underline;
    color: #0000FF;
}


/* Règles pour le CMS */
#Editors
{
    margin-right: auto;
    margin-left: auto;
    width: 100%;
}

.PreviewTitre
{
    text-decoration: underline;
    font-weight: bold;
}

#Previews
{
    border: thin solid #000000;
    width: 530px;
    margin-right: auto;
    margin-left: auto;
}

#Editors table
{
    border: thin solid #000000;
    margin-right: auto;
    margin-left: auto;
}


#Editors #PreviewContainer
{
    width: 650px;
    margin-left: auto;
    margin-right: auto;
    
}

#TablePreview .Titre
{
    position: relative;
    left: 20px;
    font-family: Verdana;
    font-weight: bold;
    text-decoration: underline;
}

.PreviewsInfoboxes
{
    margin-top: -75px;
}

.BottomLessTD
{
padding-bottom: 70px;
}

#TitreCMSInfobox
{
    width: 400px;
    font-weight: normal;
    font-size: large;
    border-bottom-style: solid;
    border-bottom-width: thick;
    border-bottom-color: #808000;
    text-align: center;
    margin-right: auto;
    margin-left: auto;
    padding-top: 10px;
}

.imagedegauche
{
    top: 80px;
    position: relative;
    padding-left: 2px;
}

.Header1Conteneur
{
    font-size: 14px;
}

.Header2Conteneur
{
    font-size: 12px;
}

/* BOUTON suivant et precedent */
.boutonprecedent { background-image: url(../../images/Bts_precedent.png); width:25px; height:25px;}
.boutonsuivant {background-image: url(../../images/Bts_suivant.png); width:25px; height:25px;}


/*  pour rollover */
.rollOver
{
    display: block;
    background-repeat: no-repeat;
    background-position: 0 0;
    float: left;
}
.rollOver:hover
{
    background-position: bottom right;
}
.rollOver span
{
    display: none;
}
.icone 
{
    margin-left: 10px;
    width: 304px;
    height: 26px;
}