/* reset */
body, p, ul, ol, form, input, h1, h2, h3, h4, h5, h6, dl, dt, dd, blockquote{margin:0;padding:0;}
ul, ol{list-style:none;}
img{border:none;}
a, input{outline:none;}
#next {float:right;}

/* structure */
body, input{font-family:Helvetica, Arial ,sans-serif;font-size:12px;}

#header{height:77px;width:960px;padding-right:20px;}
#nav01{background:white;overflow:hidden;height:10px;padding:20px 10px;float:right;margin-top:20px;}
#nav02{width:240px;float:left;margin:300px 0 0 15px;}
#main{width:960px;overflow:hidden;_overflow:none;padding-right:20px;padding-bottom:25px;min-height:520px;_height:520px;}
#top, #content{float:right;}
#top{width:692px;height:20px;color:white;font-size:14px;font-weight:900;margin-bottom:5px;text-transform:uppercase;position:relative;padding-top:20px;padding-bottom:28px;}
#content{width:632px;padding:20px 30px;background-color:white;color:#4c4c4c;clear:right;}
#footer{width:940px;padding:10px 20px 20px;font-size:11px;color:#969696;}
#logos{float:right;}


#top h1{position:absolute;left:0;bottom:0;font-size:24px;line-height:27px;overflow:hidden;}
#top a, #top a:visited{color:white;text-decoration:none;}
#top a:hover{text-decoration:underline;}
#top .selected, #top .selected:visited, #top .selected:hover{background:white;padding:1px 3px;color:#e2007a;text-decoration:none;-moz-border-radius:5px;}
#footer *{vertical-align:middle;margin:0 3px;}
#footer #feLogin{background-color:#fdf0f7;border:1px solid #e2007a;color:#e2007a;margin-left:50px;}
#logos a{margin-left:10px;}

#nav01 li{float:left;padding:0 6px 0 7px;background:url(/img/nav01-separ.gif) no-repeat;}
#nav01 li.item1{background:none;}
#nav01 li a{display:block;height:11px;background-repeat:no-repeat;overflow:hidden;text-indent:-999px;}
#nav01 li a.selected{cursor:default;}

#nav02 li{margin-bottom:2px;height:1%;}
#nav02 a, #nav02 a:visited{display:block;padding:6px;text-decoration:none;background-color:white;color:#b4b700;font-weight:900;}
#nav02 a:hover, #nav02 a.selected{color:#444;}
#nav02 img{vertical-align:middle;}


/* layout */
a, a:visited{color:#4c4c4c;}
a:hover{text-decoration:none;}
input{padding:2px 3px;}
p{margin-bottom:15px;line-height:17px;}
p a, p a:visited, ul a, ul a:visited{color:#e2007a;}
h2{font-size:24px;color:#4c4c4c;margin-bottom:15px;}
h3{font-size:16px;margin:30px 0 20px 0;}
h4{font-size:13px;color:#E2007A;margin-top:25px;}
blockquote{font-size:18px;font-weight:900;line-height:22px;color:#b7b7b7;text-transform:uppercase;margin-bottom:15px;}
dl{line-height:17px;}
dt{color:#e2007a;float:left;}
dd{margin-bottom:10px;}
small{font-weight:300;}

.csAnswers{overflow:hidden;margin:40px 0 20px 0;}
.csAnswers li{display:inline;font-size:24px;font-weight:900;padding:0 7px 0 9px;border-left:3px solid #e2007a;}
.csAnswers li.first{border-left:none;}
.csAnswers a, .csAnswers a:visited{color:#4c4c4c;text-decoration:none;}
.csAnswers a:hover, .csAnswers .selected{color:#e2007a;}

.csPortrait{overflow:auto;height:1%;}
.csPortrait .csPLeft{float:left;width:212px;margin-right:30px;}
.csPortrait .csPLeft .photo{display:block;margin-bottom:15px;/*border:1px solid #e2007a;*/}
.csPortrait .csPContent{overflow:hidden;height:1%;}
.csPortrait .csPContent .name{font-size:14px;font-weight:900;}

.csError p, .csCorrect p{line-height:22px;}
.csError{background:url(/img/icon-error.gif) no-repeat;margin-top:50px;padding-left:150px;font-weight:900;font-size:16px;}
.csCorrect{background:url(/img/icon-correct.gif) no-repeat;margin-top:50px;padding-left:180px;font-weight:900;font-size:16px;padding-top:30px;}

#formInscription label{float:left;margin-top:2px;margin-right:5px;font-size:17px;font-weight:900;}
#formInscription .field{display:block;overflow:hidden;height:1%;}
#formInscription .field input{border:0;border-bottom:1px solid black;font-size:15px;font-weight:900;color:#282828;width:100%;}
#formInscription  textarea{border:0;border:1px solid black;font-size:15px;font-weight:900;color:#e2007a;width:100%;}
#formInscription  textarea:hover{border:0;border:1px solid #e2007a;font-size:15px;font-weight:900;color:#e2007a;width:100%;}
#formInscription .field .hover{border-color:#e2007a;color:#e2007a;}
#formInscription label.error{font-size:12px;padding:2px 10px;font-size:11px;margin:5px 0 0 0;background-color:#e7010a;color:white;float:right;font-weight:300;}

#form6 label{ margin-top:2px;margin-right:5px;font-size:17px;font-weight:900;}
#form6 .field{overflow:hidden;height:1%;}
#form6 .field input{border:0;border-bottom:1px solid black;font-size:15px;font-weight:900;color:#282828;width:50px;}
#form6 .field .hover{border-color:#e2007a;color:#e2007a;}
#form6 label.error{font-size:12px;padding:2px 10px;font-size:11px;margin:5px 10px 10px 10px;background-color:#e7010a;color:white;font-weight:300;}


/* customiser */
.selected{cursor:text;}
.center{text-align:center;}
.mgt0{margin-top:0;}
.mgb0{margin-bottom:0;}
.vtext01{font-size:18px;line-height:22px;margin-bottom:25px;}
.vtext02{font-size:18px;line-height:22px;margin-bottom:0px;}
.vtext03{font-size:18px;line-height:20px;margin:0px;}
.cmagenta{color:#e2007a;}
.ul01{padding-left:30px;margin-bottom:25px;}
.ul01 li{list-style-type:square;margin-bottom:5px;}

#encart{border: 1px solid; width: 210px;float:left;padding:5px;margin-right:5px;}
