body
{
    color: #666;
    font-family: Trebuchet MS, Arial, Verdana;
    font-size: 12px;
    margin: 0;
    padding: 0;
    margin-bottom: 0;
    overflow-x: hidden;
}



ul
{
    margin: 0;
    padding: 0;
}

ol li
{
    list-style-type: decimal;
}


h1 /*Titre page accueil*/
{
    color: #60aa00; /*vert*/
    font-family: Georgia, Times New Roman, Times, serif;
    font-weight: normal;
    font-size: 26px;
    margin: 0;
    padding: 20px 0 0 0;
}



h2 /* Sous-titre dans la FAQ (questions) et Organisme (Ateliers et centres de tri)*/
{
    color: #05b4ee; /*bleu ciel*/
    font-family: Georgia, Times New Roman, Times, serif;
    font-weight: bold;
    font-size: 14px;
    margin: 0;
    padding: 0 0 0 0;
}



h3 /*Sous-titre page interne */
{
    color: #006699; /*bleu foncé*/
    font-family: Georgia, Times New Roman, Times, serif;
    font-size: 21px;
    font-weight: normal;
    margin: 0;
}



h4 /*Sous-titre page d'acceuil*/
{
    color: #006699; /*bleu foncé*/
    font-family: Georgia, Times New Roman, Times, serif;
    font-size: 18px;
    font-weight: normal;
    width: 200px; /*padding-bottom:20px; 	_padding-top:20px;*/
    margin: 10px 0 0 0;
}



h5 /* Lien "Détails" avec l'image de la flèche*/
{
    color: #05B4EE; /*bleu ciel*/
    font-family: Georgia, Times New Roman, Times, serif;
    font-size: 12px;
    font-weight: normal;
    background: url(../images/fleche.png) no-repeat 0 0;
    width: 200px;
    padding: 0 0 0 40px;
}



h5 a /* Lien "Détails" avec l'image de la flèche*/
{
    text-decoration: none;
    font-weight: bold;
}



h5 a:hover /* Lien "Détails" avec l'image de la flèche*/
{
    text-decoration: underline;
}



h6 /* Titre page interne*/
{
    background: url(../images/shadow.png) no-repeat 0 0;
    color: #60aa00; /*vert*/
    font-family: Georgia, Times New Roman, Times, serif;
    font-weight: normal;
    font-size: 26px;
    margin: 0 0 -50px 0;
    _margin-top: 0;
    padding-top: 15px;
    width: 732;
    height: 96px;
}



.hr_gris /*Séparateur pour le contenu central*/
{
    background: url(../images/hr_gris.png) repeat-x left top;
    width: auto;
    height: 30px;
    clear: both;
    margin: 0 0 20px 0;
    _padding: 0;
}



.hr_gris02 /*Séparateur pour le sous-menu bleu*/
{
    background: url(../images/hr_gris.gif) repeat-x -10px top;
    _background-position: left 7px;
    width: 180px;
    height: 10px;
    margin: 0;
    _padding: 0;
}



/*********************** Page d'accueil  ****************************/

a.zoneLink
{
    text-decoration: none;
    color: #666;
    cursor: pointer;
    position: relative;
}



/**************************************** header ******************************************/

#topLinksWrapper
{
    background: url(../images/back_content01.jpg) repeat-x left top;
    height: 141px;
    width: 100%;
}



#topLinksInner
{
    margin: 0 auto;
    padding-right: 8px;
    text-align: right;
    width: 972px;
}



#topLinksInner a
{
    background: url(../images/topLinksSeparator.gif) no-repeat left 4px;
    color: #474a39;
    padding-left: 14px;
    padding-right: 12px;
    text-decoration: none;
}



#headerMainWrapper
{
    background: url(../images/back_header01.jpg) repeat-x left top;
    border-top: solid 1px #eefee1;
    height: 263px;
    overflow: hidden; /*IE6*/
    width: 100%;
}



#headerMainInner
{
    position: absolute;
    z-index: 200;
    margin: 0 auto;
    width: 995px;
    top: 30px;
}



#menuWrapper
{
    background: url(../images/back_header02.jpg) no-repeat left top;
    margin: 0 auto;
    padding-top: 5px;
    height: 263px; /*overflow:hidden;*/ /*IE6*/
    width: 995px;
}

/* =========================================== 
	LINK FOR VIDEO
/* =========================================== */

#menuWrapper #video {
	display:block;
	height:170px;
	margin: 49px 0 0 33px;
	overflow:hidden;
	position:absolute;
	width:271px;
	z-index:900;
	background: url(../Scripts/fancybox/blank.gif);
}


/* =========================================== */



#menuInner
{
    margin: 0 auto;
    width: 980px;
}



#menuInner li
{
    background: url(../images/hr_blanc.png) repeat-x left -1px;
    display: inline;
    float: left;
    height: 30px;
    padding-top: 5px;
    margin: 0 15px 0 15px;
    position: relative;
}



#menuInner li.endMenu
{
    width: 2px;
}







#menuInner li a
{
    color: #fff;
    font-family: Georgia, Times New Roman, Times, serif;
    font-size: 18px;
    padding: 0 0 0 0;
    text-decoration: none;
}



#menuInner li.hover, #menuInner li.selected
{
    height: 25px;
    padding-top: 5px;
}



#menuInner li.hover a, #menuInner li.selected a
{
    color: #99ff33;
}



#menuInner li.selected div, #menuInner li.hover div
{
    height: 8px;
    left: 0;
    top: 30px;
    position: absolute;
    z-index: 99;
}



#menuInner li ul
{
    display: none;
}



/**************************************** leftColumn ******************************************/

#leftColumn
{
    padding-bottom: 28px;
    width: 210px;
}



#imageLeftColumn
{
    padding-top: 28px;
}





/**************************************** home center column ************************************/

#homeCenterColumn
{
    color: #45515F;
    float: left;
    margin: 30px 0 0 0;
    _margin: 40px 0 0 0;
    overflow: hidden; /*IE6*/
    padding: 0;
    width: 765px;
    _width: auto;
}



.homeDescription p {
    margin: -60px 0 0 20px; #margin:-30px0020px;
    width:130px;
    _position:relative;
    _left:5px;
    _top:-30px;
}



#homeCenterColumn .homeDescription
{
    padding: 0; 
    margin:-65px 0 0 0 ;
    _margin-top:-5px;
    height:239px;
}



#leftHomeSection, #centerHomeSection, #rightHomeSection
{
    float: left;
    margin: 0 0 0 5px;
    width: 245px;
    height: 400px;
}



.contentBack01
{
    position: absolute;
    background: url(../images/content_sheet.gif) repeat-y top left;
    width: 245px;
    height: 425px;
    margin: 75px 0 0 0;
    zoom: 1;
}



.contentBack02
{
    position: absolute;
    background: url(../images/content_sheet.gif) repeat-y top left;
    _background-position: -1px 0;
    width: 245px;
    height: 425px;
    margin: 75px 0 0 0;
    zoom: 1;
}



#homeCenterColumn img
{
    background: #fffdf7;
    margin: 0 0 20px 0;
    padding: 10px;
}





#homeCenterColumn .HomeSectionBottom
{
    color: #60aa00;
    font-family: Georgia, Times New Roman, Times, serif;
    font-size: 18px;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 0;
    top: 75px; #top:105px;

_top:125px;

left:20px;
display:block;
clear:both;

}



#homeCenterColumn .HomeSectionBottom2
{
    width: 100%;
    display: block;
    clear: both;
    position: absolute;
    z-index: 100;
    top: 220px; #top:235px;

_top:225px;

left:20px;

}



#homeCenterColumn .HomeSectionBottom p, #homeCenterColumn .HomeSectionBottom2 p
{
    color: #45515F;
    font-family: Trebuchet MS,Arial,Verdana;
    font-size: 12px;
    text-align: left;
    width: 200px;
    padding: 0; 
    _margin:-10px 0 0 0;
}


#HomeSectionBottom UL
{
    margin-top: -15px;
}

#homeCenterColumn .HomeSectionBottom li, #homeCenterColumn .HomeSectionBottom2 li, .newsContentAbstract li
{
    /*color:#45515F; 	font-family:Trebuchet MS,Arial,Verdana;	 	font-size:12px; 	text-align:left; 	width:160px; 	margin:-10px 0 0 5px; 	line-height:30px; 	list-style:none; 	background: url(../images/listHome.gif) no-repeat left 15px; 	padding-left:20px;*/
    color: #45515F;
    font-family: Trebuchet MS,Arial,Verdana;
    font-size: 12px;
    background: transparent url(../images/listHome.gif) no-repeat scroll left 18px;
    line-height:15px;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    padding: 10px 0 0 20px;
    width: 180px;
}

p.sousListe {
    line-height: 16px;
    margin: -17px 0 0 40px;
    }



#homeCenterColumn .HomeSectionBottom img, #homeCenterColumn .HomeSectionBottom2 img
{
    border: 0px;
    margin: 10px 0 0 -3px;
    _margin: 38px 0 0 0px;
    padding: 0;
}



#homeCenterColumn .HomeSectionBottom a, #homeCenterColumn .HomeSectionBottom2 a
{
    color: #05b4ee;
    font-family: Trebuchet MS, Arial, Verdana;
    font-size: 12px;
}









/**************************************** home right column ************************************/

#homeRightColumn
{
    float: right;
    color: #45515F;
    margin: 30px 0 0 0;
    padding: 0 0 20px 0;
    width: 220px;
}





.stat_top
{
    background: url(../images/stat_back01.png) no-repeat left top;
    padding-left: 35px; #padding-left:30px;

height:34px;

width:203px;

}



.stat_middle
{
    background: url(../images/stat_back02.gif) repeat-y left top;
    width: 205px;
    _width: 203px;
    padding-left: 35px; #padding-left:30px;

height:auto;

}



.stat_bottom
{
    background: url(../images/stat_back03.png) no-repeat left top;
    padding-left: 35px; #padding-left:30px;

height:28px;

width:203px;

margin-bottom:15px;

}



#homeRightColumn p
{
    margin: 0;
    width: 180px;
    line-height: 14px;
}



.statHR
{
    background: url(../images/hr_gris.gif) no-repeat left top;
    width: 180px;
    height: 5px;
    margin: 10px 0 0 0;
}



.statMore
{
    /*background: url(../images/stat_ordi.jpg) no-repeat 0 10px;*/
    width: 200px;
    height: 40px;
    padding: 15px 0;
    color: #05b4ee;
    font-family: Trebuchet MS,Arial,Verdana;
    font-size: 12px;
    font-weight: bold;
}



.statMore a
{
    text-decoration: none;
    color: #05B4EE;
    font-family: Trebuchet MS,Arial,Verdana;
    font-size: 12px;
}


.statMore img
{
    max-height: 45px;
    max-width: 45px;
}


.statMore a:hover
{
    text-decoration: underline;
    color: #05B4EE;
}



#newsHome
{
    margin-top: 0;
}



.newsHomeBlock
{
    width: 220px;
    padding-top: 20px;
}



.newsHomeTop
{
    background: url(../images/news_back01.gif) repeat-y left top;
    width: 220px;
    margin: 0;
    padding-left: 15px;
    height: auto;
}



.newsHomeMiddle
{
    background: url(../images/news_back02.gif) repeat-y left top;
    width: 220px;
    height: auto;
    margin: 0;
    padding: 5px 0 1px 15px;
}



.newsHomeBottom
{
    background: url(../images/news_back03.png) no-repeat left top;
    width: 230px;
    height: 30px;
    padding: 0;
}



.newsHomeDate
{
    width: 200px;
    color: #45515f;
    font-weight: bold;
    font-family: Trebuchet MS,Arial,Verdana;
    font-size: 12px;
    padding: 5px 0 4px 5px;
    margin: 0;
}



.newsHomeTitle
{
    padding-bottom: 10px;
    padding-left: 5px;
    width: 200px;
}



.newsHomeTitle a
{
    color: #05b4ee;
    font-family: Trebuchet MS,Arial,Verdana;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    width: 200px;
}



.newsHomeTitle a:hover
{
    text-decoration: underline;
}



.newsHomeAbstract
{
    width: 180px;
    color: #45515f;
    font-family: Trebuchet MS,Arial,Verdana;
    font-size: 11px;
    padding-left: 5px;
    margin: 0;
}



.newsHomeAbstract a
{
    color: #0099cc;
    font-family: Trebuchet MS,Arial,Verdana;
    font-size: 11px;
    padding: 0;
    margin: 0;
    text-decoration: none;
}



.newsHomeAbstract a:hover
{
    text-decoration: underline;
}





#newsHomeAll
{
    border-top: solid 1px #afd6d9;
    margin-top: 20px;
    padding-top: 20px;
}



#newsHomeAll, #newsHomeAll a
{
    color: #47a5be;
    font-family: Trebuchet MS, Arial, Verdana;
    font-size: 14px;
    font-weight: bold;
}



.NewsDate
{
    /*float:right;*/
    color: #67aa11;
    font-weight: bold;
}

/**************************************** centerColumn ******************************************/

#centerColumn
{
    color: #45515F;
    float: left;
    margin: 30px 0 0 0;
    _margin: 40px 0 0 0;
    overflow: hidden; /*IE6*/
    padding: 0;
    width: 775px;
    _width: auto;
}



#centerColumnTop
{
    background: url(../images/content_top.png) no-repeat left top;
    width: 725px;
    height: 66px;
    margin-top: 10px;
    float: left;
}



#centerColumnMiddle
{
    background: url(../images/content_sheet02.gif) repeat-y left top;
    float: left;
    height: 100%;
    margin-top: 15px;
    padding: 0 20px 0 30px;
    width: 675px;
}





#centerColumnMiddle a
{
    text-decoration: none;
}



#centerColumnMiddle a:hover
{
    text-decoration: underline;
}





#centerColumnBottom
{
    background: url(../images/content_bottom.png) no-repeat left bottom;
    height: 69px;
    width: 725px;
    float: left;
}



#centerColumn a
{
    color: #05b4ee;
}



#centerColumn a.linkRetour
{
    background: url(../images/retour.gif) no-repeat left top;
    color: #05b4ee;
    padding: 0 0 0 30px;
    text-decoration: none;
    font-weight: bold;
}



#centerColumn a.linkRetour:hover
{
    text-decoration: underline;
}



#centerColumn p
{
    margin: 10px 0 0 0;
    padding: 0;
}



#centerColumn ul
{
    width: 650px;
    padding-left: 20px;
}



#centerColumn li
{
    /*list-style-image:url(../images/listHome.gif);*/
    background: transparent url(../images/listHome.gif) no-repeat scroll left 18px;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    padding: 10px 0 0 20px;
}

#centerColumn ul.faq
{
    padding-left: 0px;
}

#centerColumn ul.faq li
{
    background: none;
    padding: 0;
}
#centerColumn ul.faq ul
{
    padding-left: 0px;
}


#contentOneColumnImageLeft, #contentOneColumnImageRight
{
    color: #45515f;
    width: 680px;
}



#contentOneColumnImageLeft img, #contentOneColumnImageRight img
{
    /*background:#fffdf7; 	border:solid 1px #A6BABF !important;*/
    margin: 0 0 0 10px; #margin:10px;





}



#contentOneColumnImageLeft img
{
    float: left;
    margin-right: 15px;
}





#contentOneColumnImageRight img, .imgAlignRight
{
    float: right;
    margin: 20px 10px 0 10px;
}



.dataListImage td
{
    width: 33%;
}



/**************************************** rightColumn ******************************************/

#rightColumn
{
    float: right;
    color: #45515F;
    margin: 30px 0 0 10px;
    padding: 0 0 20px 0;
    _padding: 0 0 20px 20px;
    width: 230px;
    _width: auto;
}



.rightContent
{
    float: right;
    margin-bottom: 20px;
    padding-bottom: 0px;
    width: 230px;
}



.rightContent ul
{
    list-style-position: inside;
}



#rightColumn p
{
    padding: 0 0 5px 0;
}



#rightColumn a
{
    color: #05b4ee;
    float: left;
}



#rightColumn .title
{
    color: #06964a;
    font-family: Georgia, Times New Roman, Times, serif;
    font-size: 14px;
}

.BoxSaviezVous 
{
    color:#05b4ee;
    font-family:Georgia; 
    font-size:24px; 
    padding-bottom: 5px;
}

/**************************************** secondMenu ******************************************/





ul#secondMenu, ul#secondMenuTitle
{
    margin-left: -15px; #margin-left:-25px;

position:relative;

}



ul#secondMenu li
{
    list-style-type: none;
    width: 180px;
    padding-top: 5px;
}



ul#secondMenuTitle li
{
    list-style-type: none;
    width: 180px;
    padding-top: 8px;
}



ul#secondMenuTitle li a
{
    color: #60aa00;
    font-family: Georgia, Times New Roman, Times, serif;
    text-decoration: none;
}



ul#secondMenu li a
{
    color: #0099cc;
    font-family: Georgia, Times New Roman, Times, serif;
    font-size: 17px;
    text-decoration: none;
}



ul#secondMenu li a.firstLevel, ul#secondMenuTitle li a.firstLevel
{
    font-size: 20px;
}



ul#secondMenu li.hover a, ul#secondMenu li a.selected, ul#secondMenuTitle li.hover a
{
    color: #006699;
}



ul#secondMenuTitle li a.selected
{
    color: #60aa00;
}









/**************************************** breadcrumb ******************************************/

#breadcrumb
{
    color: #45515F;
    font-size: 11px;
    padding-top: 17px;
}



#breadcrumb a
{
    color: #47a5be;
    text-decoration: none;
}





/**************************************** content ******************************************/

#contentWrapper
{
    background: url(../images/back_content02.jpg) repeat left top;
    float: left;
    width: 100%;
    height: 100%;
}



#contentWrapper .contentBanner
{
    background: url(../images/back_content01.jpg) repeat-x left top;
    float: left;
    width: 100%;
}



#contentInner
{
    margin: 0 auto;
    width: 995px;
    _width: 1040px;
}



#contentInner2
{
    margin: 0 auto;
    width: 995px;
    min-height: 400px;
    _height: 400px;
    background: url(../images/dvd.png) no-repeat 605px 40px;
    _background: url(../images/dvd.gif) no-repeat 605px 50px;
}



#contentMouse
{
    position: relative;
    width: 995px;
    padding: 0;
    margin: 0 auto;
}



.mouse
{
    background: url(../images/mouse.png) no-repeat left top;
    width: 196px;
    height: 245px;
    position: absolute;
    top: 178px;
    left: 600px;
    z-index: 600;
}



.mouse01
{
    background: url(../images/mouse_01.png) no-repeat left top;
    width: 196px;
    height: 116px;
    position: absolute;
    top: 178px;
    left: 600px;
    _left: 590px;
    z-index: 600;
}



.mouse02
{
    background: url(../images/mouse_02.png) no-repeat left top;
    width: 94px;
    height: 129px;
    position: absolute;
    top: 294px;
    left: 702px;
    _left: 692px;
    z-index: 600;
}



#flashBanner
{
    position: absolute;
    z-index: 900;
    width: 987px;
}









/**************************************** footer ******************************************/

#footerTop
{
    background: url(../images/back_footer01.jpg) repeat-x left top;
    float: left;
    width: 100%;
    height: 68px;
}

#footerWrapper
{
    background: url(../images/back_footer02.jpg) repeat-x left bottom;
    float: left;
    width: 100%;
}

#footerInner
{
    background: url(../images/footer_logo.gif) no-repeat left -5px;
    _backgroun-position: left 5px;
    margin: 0 auto;
    padding-top: 25px;
    width: 995px;
    height: 115px;
}

.opeqLinks
{
    float: left;
    width: 50%;
}

.mediasLinks
{
    float: left;
}

.mediasLinks .media
{
    float: left;
    padding-right: 20px;
}

.logoPartenaire{
    margin: 10px 0 0 10px;
}

.logoPartenaire img{
    float: left;
}

.logoPartenaire p{
    color: #fff;
    font-size: 11px;
    padding: 25px 0 0 85px;
}

#footerLinks
{
    background: transparent;
    float: left;
    width: 900px;
    padding-left: 80px;
}

#footerLinks a
{
    background: url(../images/footerLinksSeparator.gif) no-repeat left 4px;
    color: #fff;
    font-size: 11px;
    margin-right: 12px;
    padding-left: 12px;
    text-decoration: none;
}

#logoAlogient
{
    float: left;
    padding-right: 20px;
    text-align: left;
    width: 73px;
}

#copyright
{
    color: #3a2d1c;
    float: left;
    font-size: 10px;
    width: 100%;
    padding-left: 80px;
}



/********************************* FAQ *********************************************/



.menuCategorieFAQ
{
    float: left;
    list-style-type: none;
    margin-bottom: 30px;
    width: 100%;
}



.menuCategorieFAQ li
{
    display: block;
    float: left;
    width: 100%;
}



.questionFAQ
{
    color: #45515f;
    cursor: pointer;
    font-family: Georgia,Times New Roman,Times,serif;
    font-size: 12px;
}



.responseFAQ
{
    background-color: #ffffff;
    margin: 10px 0 0 0;
    padding: 1px 15px 10px 15px;
}



/********************************* BlueMenuItem ************************************/



.opeqBrefBg
{
    background: url(../images/opeq_bref.gif) no-repeat 7px top; #background-position:lefttop;

float:right;

height:426px;

text-decoration:none;

width:227px;

padding-top:67px;

#margin-left:12px;

}



.opeqBrefItem
{
    border-top: 1px solid #96daf0;
    float: right;
    text-decoration: none;
    width: 220px; #margin-right:7px;

}



.opeqBrefVert
{
    color: #9bff07;
    font-family: Georgia,Times New Roman,Times,serif;
    font-size: 21px;
    padding-top: 5px;
}



.opeqBrefBlanc
{
    color: white;
    font-family: Georgia,Times New Roman,Times,serif;
    font-size: 12px;
    padding-right: 5px;
}



/*********************** Content right column  ****************************/

.newsContentTop
{
    background: url(../images/news_back01.gif) repeat-y right top;
    _background-position: left top;
    width: 220px;
    margin: 0;
    padding-left: 15px;
    _padding-left: 5px;
    height: auto;
}



.newsContentMiddle
{
    background: url(../images/news_back02.gif) repeat-y right top;
    _background-position: left top;
    width: 220px;
    height: auto;
    margin: 0;
    padding: 5px 0 1px 15px;
    _padding: 5px 0 1px 5px;
}



.newsContentBottom
{
    background: url(../images/news_back03.png) no-repeat right top;
    _background-position: left top;
    width: 230px;
    height: 30px;
    margin-left: 5px;
    _margin-left: 0px;
    padding: 0;
}



.newsContentDate
{
    width: 200px;
    color: #45515f;
    font-weight: bold;
    font-family: Trebuchet MS,Arial,Verdana;
    font-size: 12px;
    padding: 5px 0 4px 5px;
    margin: 0;
}



.newsContentTitle
{
    padding-bottom: 10px;
    padding-left: 5px;
    width: 200px;
}



.newsContentTitle a
{
    color: #0099cc;
    font-family: Trebuchet MS,Arial,Verdana;
    font-size: 12px;
    font-weight: bold;
    width: 200px;
}



.newsContentAbstract
{
    width: 180px;
    color: #45515f;
    font-family: Trebuchet MS,Arial,Verdana;
    font-size: 11px;
    padding-left: 5px;
    margin: 0;
}



.newsContentAbstract a
{
    color: #05b4ee;
    font-family: Trebuchet MS,Arial,Verdana;
    font-size: 11px;
    padding: 0;
    margin: 0;
    text-decoration: none;
}



.newsContentAbstract a:hover
{
    text-decoration: underline;
}





/*********************** Pagination  ****************************/

.pages
{
    text-align: left;
}



.pageNumber
{
    padding: 0 5px 0 5px;
    font-weight: bold;
}







/*********************** Tableau de "Recevoir/Quoi"  ****************************/

.tableauQuoi td
{
    border: 1px solid #d6d6d7;
}

td a:link
{
    text-decoration: none;
}

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



td.green
{
    background: url(../images/bg_green.jpg) repeat-x left bottom;
}

td.orange
{
    background: url(../images/bg_orange.jpg) repeat-x left bottom;
}

td.grey
{
    background: url(../images/bg_grey.jpg) repeat-x left bottom;
}



/*Rangé avec Background foncé*/

td.bleu
{
    background-color: #cfe5f7;
    padding: 5px 5px;
}

td.vert01
{
    background-color: #cce3db;
    padding: 5px 5px;
}

td.jaune01
{
    background-color: #fff4d3;
    padding: 5px 5px;
}

td.gris01
{
    background-color: #d8dde2;
    padding: 5px 5px;
}



/*Rangé avec Background pâle*/

td.blanc
{
    background-color: #ffffff;
    padding: 5px 5px;
}

td.vert02
{
    background-color: #f9fcf5;
    padding: 5px 5px;
}

td.jaune02
{
    background-color: #fffbf0;
    padding: 5px 5px;
}

td.gris02
{
    background-color: #fffbf0;
    padding: 5px 5px;
}





/*********************** Two columns  ****************************/



a.equipment
{
    color: #05B4EE; /*bleu ciel*/ /*font-family:Georgia, Times New Roman, Times, serif;	*/
    font-size: 12px;
    font-weight: normal;
    background: url(../images/icone_materiel.gif) no-repeat 0 0;
    width: 16px;
    height: 16px;
    padding: 3px 0 0 25px;
}



a.form
{
    color: #05B4EE; /*bleu ciel*/ /*font-family:Georgia, Times New Roman, Times, serif;	*/
    font-size: 12px;
    font-weight: normal;
    background: url(../images/icone_formulaire.gif) no-repeat 0 3px;
    width: 16px;
    height: 14px;
    padding: 3px 0 0 25px;
}



a.contactUs
{
    color: #05B4EE; /*bleu ciel*/ /*font-family:Georgia, Times New Roman, Times, serif;	*/
    font-size: 12px;
    font-weight: normal;
    background: url(../images/icone_contact.gif) no-repeat 0 5px;
    width: 16px;
    height: 13px;
    padding: 3px 0 0 25px;
}



/*********************** Thanks letter List  ****************************/



.thanksLetterDate
{
    float: right;
    color: #67aa11;
    font-weight: bold;
}



/********************************************************************/

/*********************** Cameleon forms  ****************************/

/********************************************************************/



.eligibilityForm
{
}



.eligibilityForm table tr.left
{
    float: left;
    width: 50%;
}



.eligibilityForm table tr.right
{
    float: right;
    width: 50%;
}



.eligibilityForm table tr.clear
{
    clear: both;
}



.eligibilityForm table tr.none
{
    display: none;
}



.schoolForm table
{
}



.schoolForm table tr.left
{
    float: left;
}



.schoolForm table tr.right
{
    float: right;
    text-align: left;
}



.schoolForm table tr.clear
{
    clear: both;
}



.schoolForm td
{
    vertical-align: top;
}





.schoolForm table tr.none
{
    display: none;
    vertical-align: top;
}



.librairyForm
{
}



.librairyForm table tr.left
{
    float: left;
    width: 50%;
}



.librairyForm table tr.right
{
    float: right;
    width: 50%;
}



.librairyForm table tr.clear
{
    clear: both;
}



.librairyForm table tr.none
{
    display: none;
}



.obnlForm
{
}



.obnlForm table tr.left
{
    float: left;
    width: 50%;
}



.obnlForm table tr.right
{
    float: right;
    width: 50%;
}



.obnlForm table tr.clear
{
    clear: both;
}



.obnlForm table tr.none
{
    display: none;
}



/*********************** Formulaire  ****************************/

input
{
    margin: 0 10px 10px 0;
    float: left;
}



textarea
{
    float: left;
    width: 100%;
    height: 100px;
    margin: 0 0 2px 0; #margin:00-12px0;

}

.inputFull input
{
    width: 100%;
}



.col01 Input, .col02 Input, .col03 Input, .col201 Input, .col202 Input, .inputNormal input
{
    width: 200px;
}



div.cameleonForm h1
{
    color: #006699; /*bleu foncé*/
    font-family: Georgia, Times New Roman, Times, serif;
    font-size: 21px;
    font-weight: normal;
    margin-bottom: 15px;
    padding: 0;
}



div.none
{
    display: none;
}



div.red
{
    color: Red;
}



span.boldLabel
{
    font-weight: bold;
    margin-bottom: 15px;
}



span.sizeLabel
{
    width: 100px;
}



div.alignClear
{
    clear: left;
    margin-bottom: 15px;
}



#centerColumn div.alignClear span p
{
    margin: 15px 0 0 0;
}



div.alignLeftFirst
{
    float: left;
    clear: left;
    padding-right: 20px;
    width: 250px;
}



div.alignLeft
{
    float: left;
    display: block;
    width: 350px;
}



div.alignLeftFirst input, div.alignLeft input, div.alignLeft3 input
{
    width: 200px;
}



div.alignLeft3
{
    float: left;
    display: block;
    width: 225px; #width:230px;

}



div.alignRight
{
    float: right;
    clear: left;
}







/*3 colonnes*/

div.col01
{
    background-color: White;
    clear: left;
    float: left;
    margin-right: 2px;
    padding: 5px 5px 5px 5px;
    text-align: center;
    width: 214px;
}



div.col02
{
    background-color: White;
    float: left;
    margin-right: 2px;
    padding: 5px 5px 5px 5px;
    text-align: center;
    width: 213px;
}



div.col03
{
    background-color: White;
    clear: right;
    float: left;
    padding: 5px 5px 5px 5px;
    text-align: center;
    width: 213px;
}



/*2 colonnes*/

div.col201
{
    background-color: White;
    clear: left;
    float: left;
    margin-right: 2px;
    padding: 5px 5px 5px 5px;
    text-align: center;
    width: 327px;
}



div.col202
{
    background-color: White;
    clear: right;
    float: right;
    padding: 5px 5px 5px 5px;
    text-align: center;
    width: 326px;
}



div.inputCenter input
{
    margin-left: 60px;
}



div.colClear
{
    background-color: White;
    float: left;
    padding: 5px 5px 5px 5px;
    text-align: left;
    width: 665px;
}



.spcFirefox /*Pour firefox uniquement*/
{
    margin-bottom: 10px; #margin-bottom:0;

}



.spcIE /*Pour IE uniquement*/
{
    margin: 0; #margin:00-12px0;

}



.spcIE2 /*Pour IE uniquement*/
{
    margin: 0; #margin:-22px0-12px0;

}



.checkboxText
{
    margin: -20px 0 0 20px; #margin:-15px0028px;

}



.checkbox
{
    margin: -15px 0 0 0;
}





div.colFull
{
    background-color: White;
    margin: 2px 0 2px 0;
    padding: 5px 5px 5px 5px;
    text-align: left;
    width: 665px;
}









#centerColumn div.colClear span p
{
    margin: -10px 0 0 0;
}



.marginTop
{
    margin-top: 2px;
}

span.col201Label, span.col202Label
{
    text-align: center;
    clear: both;
    display: block;
}