* { 
padding: 0; 
margin: 0; 
} 


a:link { color:#000000; text-decoration:underline; font-weight:normal; }
a:visited { color:#000000; text-decoration:underline; font-weight:normal; }
a:hover { color:#000000; text-decoration:none; font-weight:bold; }
a:active { color:#000000; text-decoration:underline; font-weight:normal; }
a.bas:link {text-align: center; padding-left: 0px; padding-right: 0px; color:#FFFFFF; font-style:italic;  font-weight:normal; font-size: 1em;}
a.bas:hover {text-align: center; padding-left: 0px; padding-right: 0px; color:#FFFFFF; font-style:italic;  font-weight:normal; font-size: 1em;}
a.bas:visited {text-align: center; padding-left: 0px; padding-right: 0px; color:#FFFFFF; font-style:italic;  font-weight:normal; font-size: 1em;}


h1 {font-style:italic; font-family: Papyrus; font-size:12px; color:#000000; text-decoration:none; padding-top: 2px; padding-left: 10px; padding-bottom: 2px;}
h2 { font-style:italic; font-family: Papyrus; text-align:center; font-size:18px; color:#000000; text-decoration: none; font-weight:bold; padding-top: 5px; padding-bottom: 0px;}
h3 { text-align:center; font-size:14px; color:#000000; text-decoration: none; font-weight:bold; padding-top: 20px; padding-bottom: 5px;}
h4 { text-align:center; font-size:22px; color:#505958; text-decoration: none; font-weight:bold; padding-top: 4px; padding-bottom: 10px;}

p.loisirs { padding-top: 25px; text-align: center; padding-bottom: 5px;color:#000000; font-weight:bold; font-size: 1.2em;}
p {text-align: justify; padding-left: 10px; padding-right: 10px; padding-bottom: 10px;color:#000000; font-style:italic;  font-weight:normal;}
p.petit {text-align: center; padding-bottom: 5px;color:#000000; font-style:italic;  font-weight:normal; font-size: 0.8em;}
p.telephone {font-size: 1em; font-weight:bold; text-align: right; color:#000000; padding: 0px;}
p.footer{line-height: 1em;text-align: center; color:#000000;}
p.left {text-align: left; padding-left: 10px; padding-right: 10px; padding-bottom: 10px;color:#000000; font-style:italic;  font-weight:normal;}
p.bas img { vertical-align: middle; }
p.footer img { vertical-align: middle;}
p.gauche {text-align: center; padding-left: 0px; padding-right: 0px; padding-bottom: 4px; padding-bottom:7px;color:#000000; font-style:italic;  font-weight:normal;}
p.bas {text-align: center; padding-left: 0px; padding-right: 0px; color:#FFFFFF; font-style:italic;  font-weight:normal; font-size: 0.8em;}
img.gauche{padding-top:25px;}

body {background-color: #ECD5AC;}

#header {
background-color: #FFFFFF;
width: 1000px;
height: 240px;
background-image: url(photos/telephone.jpg);
background-repeat:no-repeat;
background-position:right top;
}

#photoabsolute {
position:absolute;
bottom:150px;
}


#headeretranger {
background-color: #FFFFFF;
width: 1000px;
height: 240px;
background-image: url(photos/telephoneetranger.jpg);
background-repeat:no-repeat;
background-position:right top;
}


#conteneur { 
position:relative;
background-color: #FFFFFF;
width: 1000px;
margin-left: auto; 
margin-right: auto;
text-align: left; 
border:1px solid #000000;
}

#drapeaux { 
background-color: #ECD5AC;
width: 1000px;
margin-left: auto; 
margin-right: auto;
text-align: left; 
margin-top: 2px; 
}


#menuhaut {
margin-left: 0px;
width: 1000px;
height: 40px;
background-color: #96BCE1;
border-bottom :10px solid #ECD5AC;
padding: 0;
}

#nav {
margin-left: 10px;
width: 1000px;
height: 30px;
}

#nav ul {
 margin:0;
 padding:0;
 list-style-type:none;
 text-align:center;
 }
#nav li {
 float:left;
 margin:auto;
 padding:0;
color:#FFFFFF;
width: 140px;
text-align:center;
 }
#nav li a {
 width: 140px;
 font-size: 14px;
 font-family: Papyrus; 
 color:#000000; 
 font-weight: bold;
 text-decoration:underline;
 padding-top:3px;
 text-align:center;
 }

#nav li a:hover {
 color:#FFFFFF;

 }

#nav ul li a {
 display:block;
 float:left;   
 width:141px;
 text-align:center;
 }

#telephone {
background-color: #FFFFFF;
width: 1000px;
height: 25px;
}

#gauche {
background-color: #FFFFFF;
float : left;
width : 195px;
padding-left: 10px;
}

#menu {
margin-left: 10px;
width: 180px;
margin-bottom:15px;
}

#menu ul {
 margin:0;
 padding:0;
 list-style-type:none;
 text-align:center;
 }
#menu li {
 float:left;
 margin:auto;
 padding:0;
color:#FFFFFF;
width: 180px;
height: 25px;
text-align:left;
 }
#menu li a {
 width: 180px;
 font-size: 16px;
 font-family: Papyrus; 
 color:#000000; 
 font-weight: bold;
 text-decoration:none;
 padding-top:3px;
 text-align:left;
 }

#menu li a:hover {
 text-decoration: underline;
}

#menu ul li a {
 float:left;   
 width:180px;
 text-align:left;
 }


#contenu {
margin-left: 32px;
background-color: #FFFFFF;
float : left;
width : 745px;
margin-bottom: 10px;
}



#clear {clear:left;}

#footer { 
background-color: #96BCE1;
border:1px solid #ECD5AC;
width: 1000px;
height:200px;
margin-left: auto; 
margin-right: auto;
text-align: center; 
margin-top: 10px; 
margin-bottom: 30px;
}


#bas { 
position:relative;
top:10px;
background-color: #ECD5AC;
width: 1000px;
margin-left: auto; 
margin-right: auto;
text-align: center; 
margin-top: 20px; 
margin-bottom: 10px;
}

 
a.info {
   position: relative;
   color: black;
   text-decoration: none;
}
a.info span {
   display: none; /* on masque l'infobulle */
}
a.info:hover {
   background: none; /* correction d'un bug IE */
   z-index: 500; /* on définit une valeur pour l'ordre d'affichage */

   cursor: help; /* on change le curseur par défaut en curseur d'aide */
}
a.info:hover span {
   display: inline; /* on affiche l'infobulle */
   position: absolute;

   white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */

   top: -270px; /* on positionne notre infobulle */
left:-50px;
width:700px;
   background-color:#FFFFFF;

   color:#000000;
   padding: 3px;

   border: 1px solid #000000;
   border-left: 3px solid #000000;
}








body.bodyDisplay {height:100%;width:100%;margin:20px auto;padding:0;font-family:arial, sans-serif, default;font-size:1.0em;background-color:#f5f5f5;background-image:none;}
body.bodyDisplay.embedded {margin:0;background-color:transparent;}
body.bodyDisplay div.formPage {border:0px none;margin:0;}
body.bodyDisplay div.formPage div.formContainer {width:50%;min-width:650px;margin:0 auto;}
body.bodyDisplay.embedded div.formPage div.formContainer {width:auto;min-width:20px;}
body.bodyResults div.formPage div.formContainer {width:60%;min-width:650px;margin:0 auto;}
body.bodyResults div.formPage {background-color:#f5f5f5;background-image:none;}
body.bodyLoggedIn div.formPage {background-color:#f5f5f5;background-image:none;}
body.bodyDisplay div.formPage div.percentageBox {width:50%;min-width:630px;margin:5px auto auto auto;}
body.bodyDisplay div.formPage div.percentageBox div.percentages {float:right;margin:0 0 0 6px;}
body.bodyDisplay div.formPage div.percentageBox div.progressContainer {border:1px solid #ccc;margin:0 0 22px 0;width:100px;padding:1px;background:white;float:right;}
body.bodyDisplay div.formPage div.percentageBox div.progressContainer div.content {width:95%;background-color:#6dca00;height:10px;}
div.formPage {margin:5px 5px 5px 5px;padding:5px;border:2px solid #000000;font-family:arial, sans-serif;font-size:12px;}
div.formPage .clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
div.formPage .clearfix {display:inline-block;}
/* Hide from IE Mac \*/
div.formPage .clearfix {display:block;}
/* End hide from IE Mac */

div.formPage h1 {text-indent:-7999px;background-color:#d5d5d5;height:0px;margin:0;padding:0;min-height:0;font-size:1.2em;color:#000000;}
div.formPage h1 a {height:0px;display:block;overflow:hidden;background-repeat:no-repeat;}
div.formPage h1 a:hover {background:transparent;background-repeat:no-repeat;}
div.formPage div.formContainer div.formHeader {border-bottom:1px dotted #BFBFBF;padding:1px 1px 11px 1px;margin:11px 11px 0px 11px;}
div.formPage div.formContainer div.formHeader h2 {display:block;font-family:verdana, sans-serif;font-weight:normal;margin:0;padding:0;font-size:1.6em;}
div.formPage div.formContainer div.formHeader p {margin:0;padding:0;}
div.formPage li.formIsEmpty p {padding:0 8px 0 8px;margin:0;}
div.formPage li.formIsEmpty p.explain {display:block;width:100%;text-align:justify;}
div.formPage div.formContainsErrors {background:#FFE4E8;font-size:1.3em;font-weight:bold;color:red;text-align:center;}
div.formPage div.formContainer {margin:10px;padding:0 0 0 0;border:1px #CECECE solid;background-color:#ffffff;background-image:none;border-color:#d5d5d5;}
div.formPage.embedded {border:0px none;margin:0;padding:0;}
div.formPage.embedded div.formContainer {margin:0;width:auto;border:0px none;}
div.formPage form {padding:6px 12px 6px 12px;margin:0;}
div.formPage form fieldset {border:0 none;margin:0;padding:0;}
div.formPage ul.fields {list-style:none;padding:0;margin:0;}
div.formPage li {clear:left;padding:6px 1px 6px 1px;margin:0 auto 5px 0;vertical-align:top;}
div.formPage li.active {background:#ffffb8;border:0px none;padding:6px 1px 6px 1px;background-image:none;color:black;}
div.formPage li.invalid {background:#FFE4E8;padding:6px 1px 6px 1px;}
div.formPage li .warningMessage {color:#FF0000;font-size:0.95em;clear:both;padding:0;margin:0 7px 0 7px;}
div.formPage div.fldLabelContainer {display:inline;clear:none;width:36%;float:left;text-align:right;margin:0 7px 0 7px;font-weight:normal;padding:0;}
div.formPage form.leftAligned div.fldLabelContainer {text-align:left;}
div.formPage form.topAligned div.fldLabelContainer {width:auto;display:block;float:none;text-align:left;margin:0 7px 3px 7px;font-weight:normal;padding:0;}
div.formPage form.topAligned div.fldLabelContainer label {padding:0;}
div.formPage form.topAligned textarea {margin:0 7px 0 7px;float:none;clear:both;}
div.formPage form.topAligned select {margin:0 7px 0 7px;float:none;clear:both;}
div.formPage form.topAligned ul.fields li span.date {margin:0 7px 0 7px;float:none;clear:both;}
div.formPage form.topAligned ul.fields input.textbox {margin:0 7px 0 7px;float:none;clear:both;}
div.formPage form.topAligned span.starContainer {margin:0 7px 0 7px;float:none;}
div.formPage form.topAligned ul.fields li fieldset {margin:0 7px 0 7px;float:none;}
div.formPage form.topAligned ul.fields li fieldset input.textbox {margin:0;}
div.formPage ul.submitFields div.fldLabelContainer {width:0px;}
div.formPage ul.submitFields li {text-align:center;}
div.formPage ul.submitFields input {float:none;}
div.formPage li.likert div.fldLabelContainer {width:auto;display:block;clear:both;float:none;text-align:left;margin:0 7px 0 7px;font-weight:normal;padding:0;}
div.formPage li.captcha div.fldLabelContainer {width:auto;display:block;float:none;text-align:left;margin:0 7px 3px 7px;font-weight:normal;padding:0;}
div.formPage li.captcha div.fldLabelContainer label {padding:0;}
div.formPage div.fldLabelContainer label {float:none;font-size:12px;margin:0;padding:0;font-weight:normal;color:#000000;}
div.formPage div.fldLabelContainer span {font-size:11px;margin:0;padding:0;}
div.formPage li.captcha img.captcha {width:auto;clear:both;float:none;display:block;text-align:left;margin:0 7px 0 7px;font-weight:normal;}
div.formPage span.instructions {clear:both;font-size:0.8em;float:none;display:block;background-color:transparent;color:#7F7F7F;}
div.formPage span.instructions.likert {margin:2px 7px 0 7px;}
div.formPage label.fld {clear:both;font-weight:normal;float:none;}
div.formPage li textarea {width:56%;height:100px;float:left;border:1px solid;border-color:#d5d5d5;}
div.formPage li textarea.short {height:50px;}
div.formPage li textarea.normal {height:100px;}
div.formPage li textarea.long {height:200px;}
div.formPage li select {float:left;max-width:56%;border-color:#d5d5d5;}
div.formPage li span.date {padding:2px;margin:0;background-color:#FFFFFF;vertical-align:middle;float:left;width:124px;border:1px solid #E3E3E3;border-top:1px solid #969696;}
div.formPage li span.date span {float:left;color:#868686;margin:1px 0 0 0;font-size:13px;padding:0;}
div.formPage li span.date input {float:left;width:20px;padding:0;margin:0;font-size:13px;border:0px none;text-align:center;}
div.formPage li span.date input.noFocus {color:#CACACA;margin:0;}
div.formPage li span.date input.focus {color:#000000;margin:0;}
div.formPage li span.date input.day {float:left;width:28px;}
div.formPage li span.date input.month {float:left;width:28px;}
div.formPage li span.date input.year {float:left;width:44px;}
div.formPage li span.date img {float:left;margin:0;padding:0;cursor:pointer;}
div.formPage li span.time {padding:2px;margin:0;background-color:#FFFFFF;vertical-align:middle;float:left;width:50px;border:1px solid #E3E3E3;border-top:1px solid #969696;}
div.formPage li span.time.withSeconds {width:74px;}
div.formPage li span.time.withAMPM {width:100px;}
div.formPage li span.time.withSeconds.withAMPM {width:124px;}
div.formPage li span.time span {float:left;color:#868686;margin:1px 0 0 0;font-size:13px;padding:0;}
div.formPage li span.time input {float:left;width:20px;padding:0;margin:0;font-size:13px;border:0px none;text-align:center;}
div.formPage li span.time input.noFocus {color:#CACACA;margin:0;}
div.formPage li span.time input.focus {color:#000000;margin:0;}
div.formPage li span.time input.timePart {float:left;width:22px;}
div.formPage li span.time select {font-size:8px;margin-left:7px;}
div.formPage li input.textbox {float:left;border:1px solid;border-color:#d5d5d5;padding:1px;}
div.formPage li input.textbox.short {width:20%;}
div.formPage li input.textbox.other {width:49%;}
div.formPage li input.textbox.normal {width:40%;}
div.formPage li input.textbox.long {width:56%;}
div.formPage li fieldset {border:none;padding:0;margin:0;float:left;width:55%;}
div.formPage li fieldset label.choice {float:left;width:87%;text-align:left;padding:1px 0 0 0;margin:3px 6px 3px 6px;line-height:1.2em;font-weight:normal;}
div.formPage li fieldset input.checkbox {float:left;padding:0;margin:3px 0 3px 0;line-height:1.2em;}
div.formPage li fieldset input.radio {float:left;padding:0;margin:3px 0 3px 0;line-height:1.2em;}
div.formPage br.clear {clear:both;line-height:0px;height:0px;}
div.formPage .mandatory {color:red;}
div.formPage .sectionBreak {margin:6px 0 6px 0;clear:both;}
div.formPage .sectionBreak.first {padding:6px;margin:1px 0 6px 0;clear:both;}
div.formPage .sectionBreak h3 {font-size:12px;margin:0;padding:0 6px 0 6px;font-weight:bold;color:#000000;}
div.formPage .sectionBreak p {font-size:11px;margin:0;padding:0 6px 0 6px;}
div.formPage .likert {margin:6px 0 6px 0;clear:both;}
div.formPage .likert.first {padding:6px;margin:1px 0 6px 0;clear:both;}
div.formPage .likert h3 {font-size:12px;margin:0;padding:0 6px 0 6px;font-weight:normal;color:#000000;}
div.formPage .likert p {font-size:11px;margin:0;padding:0 6px 0 6px;}
div.formPage ul.submitFields {list-style:none;padding:0;margin:0;}
div.formPage .submitFields li:hover, div.formPage .submitFields li.hover {padding:6px 1px 6px 1px;border:0px none;background-image:none;cursor:default;}
div.formPage .submit {float:left;font-size:15px;margin:10px 0 0 0;padding:0;}
div.formPage .confirmation {padding:10px;font-size:16px;text-align:center;font-weight:bold;}
div.formPage div.ad {margin:84px 14px 14px 14px;background-color:#ff0030;color:#ffffff;}
div.formPage div.ad p.logo {padding:4px;margin:0;float:left;background-color:#ff0030;}
div.formPage div.ad p.text {padding:8px;margin:0;float:left;}
div.formPage div.ad a {color:#ffffff;font-weight:bold;}
div.formPage div.ad a:hover {background-color:transparent;}
div.formPage span.starContainer {float:left;}
div.formPage span.starContainer a {background-color:transparent;float:left;text-decoration:none;}
div.formPage span.starContainer a.star {height:16px;width:16px;background-image:url('/resources/img/all/fields/star_inactive.png');background-repeat:no-repeat;}
div.formPage span.starContainer a.star:hover {height:16px;width:16px;background-image:url('/resources/img/all/fields/star.png');background-repeat:no-repeat;}
div.formPage span.starContainer a.star.hover {height:16px;width:16px;background-image:url('/resources/img/all/fields/star_hover.png');background-repeat:no-repeat;}
div.formPage span.starContainer a.star.active {height:16px;width:16px;background-image:url('/resources/img/all/fields/star.png');background-repeat:no-repeat;}
div.formPage table.likert {width:97%;margin:4px 8px 2px 8px;border-collapse:collapse;border-color:#d5d5d5;border-spacing:0px;border-style:solid;border-width:1px;}
div.formPage table.likert td {text-align:center;width:7%;margin:auto;border:1px solid;border-color:#d5d5d5;padding:7px;}
div.formPage table.likert input {float:none;}
div.formPage table.likert div.number {font-size:0.8em;clear:both;margin:auto;padding:0;}
div.formPage table.likert td.statementHeader {text-align:left;width:25%;min-width:15%;background-color:#efefef;}
div.formPage table.likert td.columnHeader {font-size:0.95em;background-color:#efefef;}
div.formPage li.likert p.warningMessage {margin-top:3px;}
table.reviewTable {border-collapse:collapse;width:100%;}
table.reviewTable td.fieldName {border:1px solid #aaaaaa;padding:6px;text-align:right;background-color:#eeeeee;width:30%;}
table.reviewTable td.fieldValue {background-color:#eeeeee;padding:6px;border-top:1px solid #aaaaaa;width:70%;border-bottom:1px solid #aaaaaa;border-right:1px solid #aaaaaa;}
table.reviewTable td.likertFieldName {border:1px solid #aaaaaa;padding:6px;background-color:#eeeeee;width:30%;text-align:right;}
table.reviewTable td.likertFieldValue {border:1px solid #aaaaaa;padding:6px;background-color:#eeeeee;}
table.reviewTable tr.alternate td {background-color:#f7f7f7;}
/* Advertisment banner under forms **********************************************************************************************************************************************************/ 


button::-moz-focus-inner /* fixing evil default firefox padding */ {padding:0;border:none;}
button {padding:0;margin:0;background:transparent;border:0 none;cursor:pointer;}
button span.LVLogo {display:block;border:0 none;text-align:center;color:#000;background:transparent url('/resources/img/lv/underformAd-427x124.png') no-repeat right 0px;font-style:normal;font:12px "Myriad Pro", arial, sans-serif;overflow:visible;height:31px;margin:0;padding:0 6px 0 0;}
button span.LVLogo em {font-style:normal;letter-spacing:1px;margin:0;display:block;padding:0 4px 0 120px;height:31px;line-height:31px;white-space:nowrap;background:transparent url('/resources/img/lv/underformAd-427x124.png') no-repeat left -31px;}
button span.ENLogo {display:block;border:0 none;text-align:center;color:#000;background:transparent url('/resources/img/en/underformAd-427x124.png') no-repeat right 0px;font-style:normal;font:12px "Myriad Pro", arial, sans-serif;overflow:visible;height:31px;margin:0;padding:0 6px 0 0;}
button span.ENLogo em {font-style:normal;letter-spacing:1px;margin:0;display:block;padding:0 4px 0 75px;height:31px;line-height:31px;white-space:nowrap;background:transparent url('/resources/img/en/underformAd-427x124.png') no-repeat left -31px;}
button:hover span {background-position:right -62px;}
button:hover span em {background-position:left -93px;}
div.underformLogo {color:#0066CC;margin:7px 0 7px 0;text-align:center;}
div.underformLogo em a {color:#0066CC;}
div.formPage li.sectionBreak p {color:#575757;}
div.formPage div.formContainer h1 {background-image:none;background-color:#d5d5d5;height:0px;}
div.formPage div.formContainer .logo {background-image:none;background-color:#d5d5d5;height:0px;}
div.formPage div.active {background-image:none;background:#ffffb8;color:black;}
div.formPage .formIsEmpty {background-image:none;background:#ffffb8;color:black;}
div.formPage div.formContainer div.formHeader.active {background-image:none;background-color:#ffffb8;color:black;}
div.formPage .instructions {background-image:none;background-color:transparent;color:#424141;}