﻿/*reset all browser presetup*/
* { margin: 0; padding: 0; }
html, body, #main { height: 100%; }
body, div { font-family: 'lucida grande' , helvetica, verdana, arial, sans-serif; }
body { margin: 0; padding: 0; font-size: small; color: #333; }
h1, h2 { font-family: 'trebuchet ms' , verdana, arial; padding: 10px; margin: 0; }
h1 { font-size: large; }
h3 { margin-top: .5em; }
#main { padding: 1em; }
#banner { padding: 15px; background-color: #06b; color: white; font-size: large; border-bottom: 1px solid #ccc; /* background: url(/images/bg.gif) repeat-x;*/ text-align: center; }
#banner a { color: white; }
fieldset { padding: 8px; }
legend { font-weight: bold; }

p { margin-top: .8em; }
/*End reset*/

body { background-color: #f8f7eb; color: #4d4d4d; }

#DivContener { width: 985px; margin: 0; position: relative; }

#DivContent { width: 985px; margin: 0; position: relative; background: transparent url(/images/interface/rpt_Content.jpg) repeat-y 0 0; }
#DivContentFooter { width: 985px; height: 14px; position: relative; background: transparent url(/images/interface/Logo_Design_Sprit.jpg) no-repeat 0 -84px; }
.DivSpacer { width: 985px; height: 35px; position: relative; background: #f8f7eb; }
#DivFooter { width: 985px; height: 92px; position: relative; background: transparent url(/images/interface/Logo_Design_Sprit.jpg) no-repeat 0 -98px; }

/*Left*/

#DivLeftSection { width: 277px; margin: 0; position: relative; float: left; background-color: transparent; }

#DivLeftSection .DivBox { width: 277px; min-height: 100px; background: transparent url(/images/interface/rpt_box_bg.jpg) repeat-y 0 0; border-top: solid 1px #c8cbdb; border-bottom: solid 1px #5d6698; border-left: none; border-right: none; }
#DivLeftSection .DivBoxSpacer { width: 277px; height: 22px; background: transparent url(/images/interface/Logo_Design_Sprit.jpg) no-repeat 0 0; }

#DivLeftSection .DivBoxSpacerEnd { width: 277px; height: 2px; line-height: 0px; font-size: 2px; background: transparent url(/images/interface/Logo_Design_Sprit.jpg) no-repeat 0 0; }

#DivLogo { width: 262px; height: 62px; background: transparent url(/images/interface/Logo_Design_Sprit.jpg) no-repeat 0px -22px; margin: 10px 0 0 0; }

#DivLogo a span { height: 62px; display: block; cursor: pointer; }

#DivNews { padding: 0 0 0 20px; }

#DivNews div { padding: 0 0 5px 10px; }

#DivNews div span { color: #e86e34; }

#DivLogin { padding: 0 0 0 20px; }

#DivLogin div { padding: 0 0 5px 10px; }

#DivLogin div span { color: #e86e34; }

#DivCalendar { padding: 5px; margin: 0 auto; width: 200px; height: 220px; }

#DivCalendar div { padding: 0 0 5px 10px; }

#DivCalendar div span { color: #283376; }


/*Right*/
#DivRightSection { width: 703px; position: relative; background-color: transparent; float: left; }


#DivMenu { width: 701px; height: 56px; background: transparent url(/images/interface/rpt_menu.jpg) repeat-x 0 0; font-size: 14px; }

#DivContentText { width: 670px; min-height: 500px; padding: 5px; margin: 0 auto; }

/*Footer*/
#DivFooterText { margin: 0 0 0 277px; width: 703px; height: 25px; background: transparent; text-align: center; padding: 10px 0 0 0; }
#DivFooterText Spacer { }
#DivPartener { margin: 0 0 0 277px; background-color: #9a9885; border-top: solid 1px #a9a9a8; height: 56px; width: 703px; }
#DivPartener div { float: left; color: #fff; width: 190px; font-size: 10px; padding: 20px 0 0 3px; }
#DivPartener .divPartenaire { padding: 0; width: 308px; height: 56px; background: transparent url(/images/interface/Logo_Design_Sprit.jpg) no-repeat -262px -22px; }

/*Style de format*/

h2 { color: #283376; font-size: 18px; font-family: Tahoma; padding-bottom: 0; }

h3 { color: #75a2cf; font-size: 14px; font-family: Tahoma; padding: 5px 0; }

a, a:link, a:actived { color: #283376; text-decoration: none; }
a:visited, a:hover { color: #75a2cf; text-decoration: none; }
span.Spacer { padding: 0 3px; color: #eb814f; }

p.Login { color: #eb814f; }

p.Login input[type=text], p.Login input[type=password] { border-style: dotted; border-color: #c8c6b3; border-width: 1px; background-color: #f5f3e1; }

/*Format Help*/

.Clear { float: none; clear: both; height: 0px; line-height: 0px; font-size: 2px; }

p.Emphase { color: #75a2cf; }

ul.Liste { padding: 5px; list-style-image: url(/images/interface/List_Image.gif); }

ul.Liste li { margin-left: 15px; padding: 5px; }


ul { padding: 5px; list-style-image: url(/images/interface/List_Image.gif); }

ul li { margin-left: 15px; padding: 5px; }

a.imgLien img { vertical-align: middle; padding: 0 3px 0 3px; border: none; }

ul.Membre { padding: 5px; list-style-image: url(/images/interface/List_Image.gif); }

ul.Membre li { margin-left: 15px; padding: 2px; }

.DivInfo { float: left; width: 45%; padding: 15px 0; }

.DivImageRight { float: left; width: 45%; padding: 15px 0; }

.DivImageRight img { border: solid 1px #75a2cf; }

.DivImageRight a { }


.DivImage { padding: 15px 0; text-align: center; }

.DivImage img { border: solid 1px #75a2cf; }

.DivImage a { }

.DivShowInformation span { cursor: pointer; }

.DivInformation { display: none; }

#DivLegendeDisplay { background-color: #fff; display: none; position: absolute; width: 200px; text-align: left; padding: 5px; color: #000; height: 150px; z-index: 100; top: 510px; left: 225px; }

span .Legende { cursor: help; }

.Legende { padding: 3px; }

.Legende div { width: 20px; height: 20px; float: left; }

.Legende span { padding-left: 2px; }

.Legende .Conseil { background-color: #c6d28a; }
.Legende .CinqASept { background-color: #eacd55; }
.Legende .Assemble { background-color: #762875; }
.Legende .Colloque { background-color: #e7d88f; }
.Legende .Bourse { background-color: #283376; }
.Legende .Conference { background-color: #226bb3; }


.content { width: 600px; }
.left { width: 150px; float: left; padding: 5px 0px 0px 7px; text-align: right; }
.right { width: 400px; float: left; padding: 5px; }
.row { background-color: Transparent; display: block; }
.clear { float: none; clear: both; height: 0px; }
.right input[type=text], .right select, .right textarea { width: 90%; }


.MemberBox,.MemberBoxAlt { width: 100%; min-height: 30px; padding:5px 0; clear:both;border-top:solid 1px #D4D4CB; }

.MemberBoxAlt { background-color:#FAF9F4; }
.MemberBox a,.MemberBoxAlt a,.MemberBox a:visited,.MemberBoxAlt a:visited {color:#263671; text-decoration:none;  padding:0 3px; }
.MemberBox a:hover, .MemberBoxAlt a:hover { text-decoration:underline;}

.MemberDescription
{
 text-align:justify; width:95%; padding:3px 3px 3px 10px;
}

.MemberLogo
{
 float:right;
 padding:3px;
 bordeR:none;
}

hr.spacerMember
{
 clear:both;
}