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

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

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

::selection {
	background:#fdb813;
	color:#fff;
}

.moz::-moz-selection {
	background:#fdb813;
	color:#fff;
}

.webkit::-webkit-selection {
	background:#fdb813;
	color:#fff;
}

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

html { font-size:100%; width:100%; height:100%; }
body { padding:0px; margin:0px;}

form { padding:0px; margin:0px; }
img { vertical-align:middle; }

a:link, a:visited { color:#0066cc; }
a:hover, a:active { color:#ed1c24; text-decoration:none; }
img{ border: none;}

* { margin: 0; padding: 0;}
input:focus{ outline: none;}

.Clear{ clear: both;}
.Contents{ width:948px; margin:0 auto; padding: 0; position:relative;}

hr{ border-left: none; border-right: none; height: 0; border-top: 1px solid #FFF; border-bottom: 1px solid #CCC; display: block; }

h1,h2,h3,h4,h5,h6{ font-family:Georgia, "Times New Roman", Times, serif; color:#938387; font-weight: normal; font-style: normal; text-shadow: 0 1px #FFF;}
.titrePageText{ padding-bottom:20px;}

h1{ font-size:2em; margin:0px 0px 24px 0px; line-height:36px;}
h2{ font-size:1.4em; margin:20px 0px 12px 0px; line-height:28px;}
.Default h2{ font-size:1.4em; line-height:36px; margin:0px 0px 24px 0px;}
h3{ font-size:1.4m; line-height:28px;}

body{ font-family: Arial, Helvetica, sans-serif; text-align:center;}

#Site{  border-top:7px solid #ff1200; color:#615d50; border-bottom:solid 15px #938387;}
p { font-size:1em; color:#615d50; line-height:24px; padding-bottom: 1.5em;}

.Clear{ clear:both;}
.NoBg{ background:none !important;}
.NoTopSpace{ margin-top:0px !important; padding-top:0px !important;}
.NoBottomSpace{ margin-bottom:0px; padding-bottom:0px;}

a{
	transition: color 0.3s linear;
	-moz-transition: color 0.3s linear; /* Firefox 4 */
	-webkit-transition: color 0.3s linear; /* Safari and Chrome */
	-o-transition: color 0.3s linear; /* Opera */
}


/***************************************************************************************/
/* H E A D E R                                                                         */
/***************************************************************************************/

#Logo{ height:93px; padding:20px 0px 20px 0px; text-align:center;}

#HeaderContainer { background: url(/Design/Backgrounds/HeaderContainer.png) center repeat-x; height:41px; }
#Header { height:41px; text-align:center; }		
	
	.MenuHeader{ text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; text-transform:uppercase;}
	.MenuHeader span { margin:0px 33px 0px 33px; }
	.MenuHeader a:link, .MenuHeader a:visited{ text-decoration:none; color:#665b5e; line-height:41px;}
	.MenuHeader a:hover, .MenuHeader a:active{ color:#ed1c24;}
	
	
	#Header .socials{
					position:absolute;
					top:-115px;
					right:0px;
					height:26px;;
				}
				
				#Header .socials ul{
					list-style: none;
					margin: 0;
					padding: 0;
				}
				
				#Header .socials ul li{
					display: inline-block;
				}
				
				#Header .socials ul li a{
					display: block;
					width: 26px;
					height: 26px;
					background: url("/Design/Layout/icones-medias-sociaux.png") no-repeat;
					margin-left: 4px;
					-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
					filter: alpha(opacity=100);
					-moz-opacity: 1;
					-khtml-opacity: 1;
					opacity: 1;
					-webkit-transition: all 0.3s;
					-moz-transition: all 0.3s;
					-ms-transition: all 0.3s;
					-o-transition: all 0.3s;
					transition: all 0.3s;
				}
				
				#Header .socials ul li a:hover, #Header .socials ul li a:focus{
					-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
					filter: alpha(opacity=50);
					-moz-opacity: 0.5;
					-khtml-opacity: 0.5;
					opacity: 0.5;
				}
				
				#Header .socials ul li.facebook a{
					background-position: 0 0;
				}
				
				#Header .socials ul li.googleplus a{
					background-position: -52px 0;
				}			
				
				#Header .socials ul li.pinterest a{
					background-position: -78px 0;
				}


/***************************************************************************************/
/*  C O N T E N T                                                                      */
/***************************************************************************************/
		
#ContentContainer{}
#Content{ padding:70px 0px 100px 0px; text-align:left;}
	
	#Stage { height:403px; background:url(/Design/Backgrounds/StageDefault.jpg) 0px 0px no-repeat; margin-top:31px;}
	
	.Left{ float:left;}
	.Right{ float:right;}

	.LeftColumn{ float:left; width:596px; }
	.RightColumn{ float:right;  width:302px;}
	.Default .LeftColumn{ float:left; width:596px; }
	.Default .RightColumn{ float:right; width:282px; }

	.InfoStage{ float:right; width:280px; padding:23px 0px 0px 0px;}
	
	.SideBox{ width:302px; background:url(/Design/Backgrounds/SideBoxRepeat.png) 0px 0px repeat-y; text-align:center; height:403px;  }
	.SideBoxBottom{ width:302px; background:url(/Design/Backgrounds/SideBoxBottom.png) 0px 0px no-repeat; }
	
	.ListRedBottomLine{ margin:54px 0px 0px 0px; padding:0px;}
	.ListRedBottomLine li{ text-align:center; list-style:none; color:#938387; font-size:1.1em; background:url(/Design/Pages/RedBottomLine.png) 0px bottom no-repeat; padding-bottom:22px; margin-bottom:9px;}
	
	.TelStage{ color:#938387; font-size:2.2em; font-weight:bold;}
	.TelStage span{ color:#ed1c24;}
	
	.GoldArrowList{ margin:0px; padding:0px;}
	.GoldArrowList li{ list-style:none; background:url(/Design/Pages/GoldSmallArrow.png) 0px 5px no-repeat; padding-left:16px; margin-bottom:20px;}

	.Tab{ width:100%; margin:0px 0px 40px 0px;}

	.ContactTab{ width:100%; margin:30px 0px 70px 0px;}
	.ContactTab td{ padding-bottom:8px; font-size:1.4em;}
	
	.TitleStage{ position:absolute; bottom:22px; left:24px; color:#938387; font-family:"Times New Roman", Times, serif; font-size:1.1em; text-shadow: 0 1px #FFF; }


/***************************************************************************************/
/*  F O O T E R                                                                        */
/***************************************************************************************/
	
#FooterContainer { border-bottom:solid 9px #ed1c24; }
#Footer{ padding:0px 0px 45px 0px; text-align:left; min-height:90px;   }

#Footer .socials{
					position:absolute;
					bottom:37px;
					right:390px;
					height:26px;;
				}
				
				#Footer .socials ul{
					list-style: none;
					margin: 0;
					padding: 0;
				}
				
				#Footer .socials ul li{
					display: inline-block;
				}
				
				#Footer .socials ul li a{
					display: block;
					width: 26px;
					height: 26px;
					background: url("/Design/Layout/icones-medias-sociaux.png") no-repeat;
					margin-left: 4px;
					-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
					filter: alpha(opacity=100);
					-moz-opacity: 1;
					-khtml-opacity: 1;
					opacity: 1;
					-webkit-transition: all 0.3s;
					-moz-transition: all 0.3s;
					-ms-transition: all 0.3s;
					-o-transition: all 0.3s;
					transition: all 0.3s;
				}
				
				#Footer .socials ul li a:hover, #Footer .socials ul li a:focus{
					-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
					filter: alpha(opacity=50);
					-moz-opacity: 0.5;
					-khtml-opacity: 0.5;
					opacity: 0.5;
				}
				
				#Footer .socials ul li.facebook a{
					background-position: 0 0;
				}
				
				#Footer .socials ul li.googleplus a{
					background-position: -52px 0;
				}			
				
				#Footer .socials ul li.pinterest a{
					background-position: -78px 0;
				}




	
	.LogoFooter{ /*position:absolute; top:0px; left:0px;*/ text-align:left; float:left;}

	#Copyright{ position:absolute; bottom:40px; left:0px;  font-size:0.7em; }
	#TagAnekdotes{ position:absolute; bottom:35px; right:0px; font-size:0.7em;}
	

	.MenuFooter{ font-family:Arial, Helvetica, sans-serif; font-size:1em; font-weight:bold; text-transform:uppercase; float:right;}
	.MenuFooter ul{ margin:0px; padding:0px;}
	.MenuFooter li{ float:left; margin-left:40px; list-style:none;}
	.MenuFooter a:link, .MenuFooter a:visited{ text-decoration:none; color:#938387; line-height:37px; display:block;}
	.MenuFooter a:hover, .MenuFooter a:active{ color:#ed1c24;}
	
	.TelFooter{ position:absolute; top:35px; right:0px; color:877338; font-weight:bold; font-size:22px;}
		
/***************************************************************************************/
/* 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:1px solid #ffd000; border-left:6px; 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; }

.FormTextBoxLocked { width:300px; border-collapse:collapse; border:1px solid #aaaa00; padding:1px; 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 { min-width: 402px; max-width: 402px; min-width: 395px\9; max-width: 395px\9; font-family:Verdana, Arial, Sans-Serif; font-size:12px; color:#333333; }
.FormTextArea, .FormTextBox, .FormTextBoxError, .FormTextBoxError, .FormTextAreaError{ -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border: 1px solid #aeb7bb; margin: 5px 0; padding: 5px;}

.FormTextBoxError { width: 300px; border-collapse:collapse; border:1px solid #F20; background-color:#ffeeee; }

.FormTextAreaError { min-width: 402px; max-width: 402px; min-width: 395px\9; max-width: 395px\9; border-collapse:collapse; border:1px solid #F20; 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; }

.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; }