@charset "utf-8";
/* CSS Document */

/***************************************************************************************/
/* Formattage General                                                                  */
/***************************************************************************************/

a:link, a:visited { color: #2d7eae; }

a:hover, a:active { color: #950000; text-decoration: none; }

.TitleBox { padding:0px 0px 4px 0px; margin-bottom:4px; background:url(/Design/Pages/titleUnderline.png) repeat-x bottom; }
.TitleText { float:left; font-weight:bold; font-size:14px; }
.TitleLink { float:right; }
.TitleLink a:link, .TitleLink a:visited { font-weight:normal; font-size:12px; color:#2d7eae; }
.TitleLink a:hover, .TitleLink a:active { font-weight:normal; font-size:12px; color:#950000; }

.LinkedBox a:link, .LinkedBox a:visited { color:#666; text-decoration:none; }
.LinkedBox a:hover, .LinkedBox a:active { color:#666; text-decoration:underline; }


.BoldOrange { font-weight:bold; color:#ffa200; }
.Bold14 { font-weight:bold; font-size:14px; }
.Bold16 { font-weight:bold; font-size:16px; }
.BoldVert { font-weight:bold; color:#98d000; }

.ListeFondBleu { padding:0px; margin:0px; }
.ListeFondBleu li { list-style:none; background:url(Layout/puce_Orange_fondBleu.jpg) no-repeat top left; padding-left:13px; padding-right:10px; margin-bottom:5px; }

.ListeFondBleu li a:link { color:#FFF; text-decoration:underline; }
.ListeFondBleu li a:visited { color:#FFF; text-decoration:underline; }
.ListeFondBleu li a:hover { color:#FFF; text-decoration:none; }

.ListeFondMauve { padding:0px; margin:0px; }
.ListeFondMauve li { list-style:none; background:url(Layout/puce_Orange.jpg) no-repeat top left; padding-left:13px; padding-right:10px; margin-bottom:5px; }

.ListeFondMauve li a:link { color:#FFF; text-decoration:underline; }
.ListeFondMauve li a:visited { color:#FFF; text-decoration:underline; }
.ListeFondMauve li a:hover { color:#FFF; text-decoration:none; }

.DivBoiteCourte { float:left; padding:0px; margin:0px; width:420px;}
.DivBoiteCourte1 { background:url(Backgrounds/Bg_boiteLongueSpecialCentre.jpg) repeat-y right ; clear:both;  }
.DivBoiteCourte2 { background:url(Backgrounds/Bg_boiteLongueSpecialTop.jpg) no-repeat top right;  }
.DivBoiteCourte3 {  background:url(Backgrounds/Bg_boiteLongueSpecialBas.jpg) no-repeat bottom right; padding:3px; padding-left:40px;}

.DivBoiteLongue { padding:0px; margin:0px; width:827px;}
.DivBoiteLongue1 { background:url(Backgrounds/Bg_boiteLongueCentre.jpg) repeat-y right ; clear:both; }
.DivBoiteLongue2 { background:url(Backgrounds/Bg_boiteLongueTop.jpg) no-repeat top right; }
.DivBoiteLongue3 { background:url(Backgrounds/Bg_boiteLongueBas.jpg) no-repeat bottom right; padding:3px;}

.DivBoiteLongueSpecial { padding:0px; margin:0px; width:827px;}
.DivBoiteLongueSpecial1 { background:url(Backgrounds/Bg_boiteLongueSpecialCentre.jpg) repeat-y right ; clear:both; }
.DivBoiteLongueSpecial2 { background:url(Backgrounds/Bg_boiteLongueSpecialTop.jpg) no-repeat top right; }
.DivBoiteLongueSpecial3 { background:url(Backgrounds/Bg_boiteLongueSpecialBas.jpg) no-repeat bottom right; padding:3px; padding-left:70px;}

.DivBoitePuceVerte{ float:left; width:29px; height:25px; background:url(Pages/puce_numeroClient.gif) no-repeat; color:#FFF; font-weight:bold; text-align:center; padding-right:4px; padding-top:5px; }
.DivBoiteTitre{ float:left; font-size:16px; color:#4497BF; font-weight:bold; padding-top:4px; padding-left:4px; }

.DivBoitePuceVerte2 { float:left; width:29px; height:40px; background:url(Pages/puce_numeroClient.gif) no-repeat; color:#FFF; font-weight:bold; text-align:center; padding-right:4px; padding-top:5px; font-size:14px; }
.DivBoiteTitre2 { float:left; font-size:12px; color:#000; font-weight:bold; padding-top:10px; padding-left:10px; }
a.lientexte1 { color:#4497BF; text-decoration:underline }
a:hover.lientexte1 { color:#fa921f; text-decoration:underline }
a:visited.lientexte1 { color:#4497BF; text-decoration:underline }

.ListePuceOrange { padding:0px; margin:0px;}
.ListePuceOrange li { list-style:none; background:url(Pages/PuceListeOrange.png) no-repeat top left; padding-left:18px; padding-right:18px;}

.ListePuceBlanche { padding:0px; margin:0px;}
.ListePuceBlanche li { list-style:none; background:url(Layout/Puce_Blanche.gif) no-repeat top left; padding-left:15px; padding-top:5px;}

.ListePuceBlancheFondBleu { padding:0px; margin:0px;}
.ListePuceBlancheFondBleu li { list-style:none; background:url(Layout/Puce_BlancheFondBleu.gif) no-repeat top left; padding-left:15px; padding-top:5px;}

.ListePuceOrangeFondBleu { padding:0px; margin:0px;}
.ListePuceOrangeFondBleu li { list-style:none; background:url(Pages/PuceListeOrangeFondBleu.gif) no-repeat top left; padding-left:18px; padding-right:18px;}

.Focus { color: #333333; }
.Blur { color: #666666; }

/***************************************************************************************/
/* Formattage Extranet                                                                 *
/***************************************************************************************/

.Box { background-color: #DAE4ED; border: 1px solid #666666; padding: 5px; }

.FilterBox { background-color: #DAE4ED; border: 1px solid #84B0DD; border-left: 6px solid #84B0DD; padding: 5px; }

.WarningBox { border-top: 1px solid #ffd000; border-right: 1px solid #ffd000; border-bottom: 1px solid #ffd000; border-left: 5px solid #ffd000; padding: 5px; background-color: #ffffd0; }
.WarningBoxIconContainer { margin-right: 6px; width: 32px; }
.WarningBoxIcon { width: 32px; height: 32px; border: 0px none; }
.WarningBoxTextContainer { font-style: italic; width: 576px; }

.ValidationSummary { margin-bottom: 20px; }
.ValidationSummary ul { margin-top: 0px; margin-bottom: 0px; }

.FormTextBox { width: 300px; }
.FormTextBoxError { width: 300px; border-collapse: collapse; border: 1px solid #bb0000; padding: 2px; background-color: #ffeeee; }
.FormTextBoxLocked { width: 300px; border-collapse: collapse; border: 1px solid #aaaa00; padding: 2px; background-color: #ffffbb; }

.FormPasswordBox { width: 300px; }
.FormPasswordBoxError { width: 300px; border-collapse: collapse; border: 1px solid #bb0000; padding: 2px; background-color: #ffeeee; }
.FormPasswordBoxLocked { width: 300px; border-collapse: collapse; border: 1px solid #aaaa00; padding: 2px; background-color: #ffffbb; }

.FormTextArea { width: 300px; font-family: Verdana, Arial, Sans-Serif; font-size: 12px; color: #333333; }
.FormTextAreaError { width: 300px; border-collapse: collapse; border: 1px solid #bb0000; padding: 2px; background-color: #ffeeee; font-family: Verdana, Arial, Sans-Serif; font-size: 12px; color: #333333; }
.FormTextAreaLocked { width: 300px; border-collapse: collapse; border: 1px solid #aaaa00; padding: 2px; background-color: #ffffbb; font-family: Verdana, Arial, Sans-Serif; font-size: 12px; color: #333333; }

.FormDropDown { font-family: MS Reference Sans Serif, Verdana, Arial, Sans-Serif; font-size: 12px; color: #333333; }
.FormDropDownError { border-collapse: collapse; border: 1px solid #bb0000; padding: 2px; background-color: #ffeeee; font-family: MS Reference Sans Serif, Verdana, Arial, Sans-Serif; font-size: 12px; color: #333333; }
.FormDropDownLocked { border-collapse: collapse; border: 1px solid #aaaa00; padding: 2px; background-color: #ffffbb; font-family: MS Reference Sans Serif, Verdana, Arial, Sans-Serif; font-size: 12px; color: #333333; }

.ContactFormTextBox { width: 300px; border:solid 1px #d4dee3; color:#000000; }
.ContactFormTextBoxError { width: 300px; border-collapse: collapse; border: 1px solid #bb0000; background-color: #ffeeee; }
.ContactFormTextBoxLocked { width: 300px; border-collapse: collapse; border: 1px solid #aaaa00; background-color: #ffffbb; }

.ContactFormTextArea { width: 300px; font-family: Verdana, Arial, Sans-Serif; font-size: 12px; border:solid 1px #d4dee3; color: #000000; }
.ContactFormTextAreaError { width: 300px; border-collapse: collapse; border: 1px solid #bb0000; background-color: #ffeeee; font-family: Verdana, Arial, Sans-Serif; font-size: 12px; color: #333333; }
.ContactFormTextAreaLocked { width: 300px; border-collapse: collapse; border: 1px solid #aaaa00; background-color: #ffffbb; font-family: Verdana, Arial, Sans-Serif; font-size: 12px; color: #333333; }


.TinyTextBox { width: 40px; }
.TinyTextBoxError { width: 40px; border-collapse: collapse; border: 1px solid #bb0000; padding: 2px; background-color: #ffeeee; }
.TinyTextBoxLocked { width: 40px; border-collapse: collapse; border: 1px solid #aaaa00; padding: 2px; background-color: #ffffbb; }

.ShortTextBox { width: 100px; }
.ShortTextBoxError { width: 100px; border-collapse: collapse; border: 1px solid #bb0000; padding: 2px; background-color: #ffeeee; }
.ShortTextBoxLocked { width: 100px; border-collapse: collapse; border: 1px solid #aaaa00; padding: 2px; background-color: #ffffbb; }

.MediumTextBox { width: 200px; }
.MediumTextBoxError { width: 200px; border-collapse: collapse; border: 1px solid #bb0000; padding: 2px; background-color: #ffeeee; }
.MediumTextBoxLocked { width: 200px; border-collapse: collapse; border: 1px solid #aaaa00; padding: 2px; background-color: #ffffbb; }

.WideTextBox { width: 400px; }
.WideTextBoxError { width: 400px; border-collapse: collapse; border: 1px solid #bb0000; padding: 2px; background-color: #ffeeee; }
.WideTextBoxLocked { width: 400px; border-collapse: collapse; border: 1px solid #aaaa00; padding: 2px; background-color: #ffffbb; }