/* STANDARD CSS de Ôla! Communications inc.
   Créé par: Carl Durocher
   Tous droits réservés
   Version: 1.05
   Date de révision: 11/08/2003 
*/

a img { border:0; }
*:focus { outline:none }

.footer { color:#fff; text-align:left; font-size:12px; padding-left:6px; margin:0 auto; float:left; width:500px; }
.footer a { color:#e69f06 !important; }
.footer a:hover { text-decoration:none; }
body { text-align:center; background-color:#F7F8B7; }
#wrapper { position: relative; width: 656px; margin:0 auto; text-align:left; }

.voir-calendrier { font-size:12px; font-weight:bold; }
.voir-calendrier a { color:#e9630a !important; }
.voir-calendrier a:hover { color:#666666 !important; }

.call-display img { float:left; margin:10px 0 10px 0; }

.calendrier { padding:5px 0 0 15px; float:left; }

.event { width:195px; float:left; margin:20px 0 15px 0; }
.event .date { font-size:11px; text-align:center; background:#fff url(_assets/images/fr/bg-event-date.gif) no-repeat; width:35px; height:34px;color:#fff; line-height:11px; padding-top:9px; float:left; }
.event .date b { font-size:21px; font-weight:bold; }
.event p { display:block; margin:0 0 0 43px; font-size:12px; padding:0 5px 0 0; }
.event a { font-weight:bold; color:#e9630a !important; }
.event a:hover { text-decoration:none; }

.clear { margin:0; padding:0; width:0; height:0; font-size:0; clear:both; }

#wrap-head { overflow:hidden; width: 608px; height: 96px; }
#head { position: relative; width: 608px; background: transparent url(_assets/images/fr/bg-head.gif) repeat-x top left; height: 71px; }
#head .logo { position: relative; top: 5px; left: 10px;  }
#head .facebook { position:absolute; top: 0; left: 200px; }
#head .quick { position: absolute; top:0; right: 10px;}
#head .quick a { float: left; }
#head .quick a img { margin:0;padding:0; }
#head .title { position: absolute; top: 25px; right: 10px; }

#nav { width: 611px; }
#nav a { margin:0; padding:0; float: left; }
#nav a img { display:block; margin:0; padding:0; }

.border-left { border-right: 1px solid #000; background: #4f4735; }
.border-right { border-left: 1px solid #000; background: #4f4735; }
.border-bottom { border-top: 1px solid #000; background: #4f4735; }

#sendtoafriend { position: absolute; top: 201px; right: 24px; z-index:1000000; }
#sendtoafriend .box { display: none; position:absolute; top:49px; left:-46px; background: transparent url(_assets/images/bg-send-to-a-friend.gif) no-repeat top left; height: 142px; width:169px; }
#sendtoafriend.hover .box { display:block; }
#sendtoafriend .box img { display:block; margin-left: 30px; margin-bottom: 4px;}
#sendtoafriend .box a.facebook img { margin-top: 22px; }
#sendtoafriend .box a.email img { margin-top: 3px; }
#sendtoafriend .box a.twitter img { margin-top:5px; }


#chroniques { float:left; width: 268px; _width: 243px; text-align:right }

#chroniques .box {
	background: #f2f2f2;
	padding: 15px 14px;
	text-align:left
}
#chroniques a { color: #0093ba; }

#trucs-astuces { float:right; width: 268px; _width: 263px; text-align:right }

#trucs-astuces  a { color: #0093ba; }
#trucs-astuces .box {
	background: #3eadc9;
	padding: 15px 14px;
	color: #fff;
	text-align:left;
	height:198px;
}
#trucs-astuces .box a { color: #fff; }

.text10px {
	font-family: verdana, arial, helvetica;
	font-size: 10px;
}

.text10pxWhite {
	font-family: verdana, arial, helvetica;
	font-size: 10px;
	color: #FFFFFF;
}

.text10pxError {
	font-family: verdana, arial, helvetica;
	font-size: 10px;
	color: #FF0000;
}


.text11px {
	font-family: verdana, arial, helvetica;
	font-size: 11px;
}

.text11pxBleu {
	font-family: verdana, arial, helvetica;
	font-size: 11px;
	color: #0093B9;
}

.text11pxWhite {
	font-family: verdana, arial, helvetica;
	font-size: 11px;
	color: #FFFFFF;
}

.text11pxJaune {
	font-family: verdana, arial, helvetica;
	font-size: 11px;
	color: #F1BB46;
}

.text11pxGris {
	font-family: verdana, arial, helvetica;
	font-size: 11px;
	color: #666666;
}

.text11pxError {
	font-family: verdana, arial, helvetica;
	font-size: 11px;
	color: #FF0000;
}


.text12x {
	font-family: verdana, arial, helvetica;
	font-size: 12px;
}

.text12pxBleu{
	font-family: verdana, arial, helvetica;
	font-size: 12px;
	color: #0093B9;
}


.text12pxSousNav{
	font-family: verdana, arial, helvetica;
	font-size: 12px;
	color: #434343;
}



.text12pxJaune {
	font-family: verdana, arial, helvetica;
	font-size: 12px;
	color: #F1BB46;
}

.text12pxGris {
	font-family: verdana, arial, helvetica;
	font-size: 12px;
	color: #666666;
}

.text12pxWhite {
	font-family: verdana, arial, helvetica;
	font-size: 12px;
	color: #FFFFFF;
}

.text12pxError {
	font-family: verdana, arial, helvetica;
	font-size: 12px;
	color: #FF0000;
}

.text13px {
	font-family:Verdana, arial, helvetica;
	font-size:13px;
	color:#4b4b4b;
}

.text14px {
	font-family: verdana, arial, helvetica;
	font-size: 14px;
}

.text14pxBleu {
	font-family: verdana, arial, helvetica;
	font-size: 14px;
	color: #0093B9;
}

.text14pxJaune {
	font-family: verdana, arial, helvetica;
	font-size: 14px;
	color: #F1BB46;
}

.text14pxGris {
	font-family: verdana, arial, helvetica;
	font-size: 14px;
	color: #666666;
}

.text14pxOrange {
	font-family: verdana, arial, helvetica;
	font-size: 14px;
	color: #D05402;
}


.text18px {
	font-family: verdana, arial, helvetica;
	font-size: 18px;
}

.text18pxBleu {
	font-family: verdana, arial, helvetica;
	font-size: 18px;
	color: #0093B9;
}

.text18pxJaune {
	font-family: verdana, arial, helvetica;
	font-size: 18px;
	color: #F1BB46;
}

.text18pxGris {
	font-family: verdana, arial, helvetica;
	font-size: 18px;
	color: #666666;
}

/* -------------------------------------------------
                    LINK CSS
---------------------------------------------------- */

a:link {
	color: #0033CC;
}
a:hover {
	color: #993300;
}
a:visited {
	color: #663399;
}


a.leftnav:link {
	color: #0093B9;
	text-decoration: none;
}

a.leftnav:visited {
	color: #9900CC;
	text-decoration: none;
}

a.leftnav:visited:hover {
	color: #993300;
	text-decoration: none;
}

a.leftnav:hover {
	color: #993300;
	text-decoration: none;
}


a.linkBlue:link {
	color: #0093B9;
	text-decoration: none;
}

a.linkBlue:visited {
	color: #0093B9;
	text-decoration: none;
}

a.linkBlue:hover {
	color: #004C60;
	text-decoration: none;
}



a.linkwhite:link {
	color: #FFFFFF;
	text-decoration: underline;
	
}
a.linkwhite:visited {
	color: #FFF5AF;
	text-decoration: underline;
}

a.linkwhite:hover {
	color: #F1BB46;
	text-decoration: underline;
}



/* -------------------------------------------------
                CELLBORDER LINE FX 
---------------------------------------------------- */

.cellBorderDottedLine {
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;	
}
.cellBorderSolidLine {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #53B322;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;	
}

.cellBorderSolidLineSquare {
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-width: 1px;	
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #000000;
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 11px; 	
}

.cellBorderDottedLineSquare {
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-width: 1px;	
	border-top-style: dotted;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #000000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;	
}

.highlight {   
	background-color: #FFFF00;
}

/* -----------------------------------------------------------
Pour empêcher un image background d'une cellule de ce répéter
--------------------------------------------------------------
 	background-repeat: no-repeat;
	background-repeat: repeat-x; (Seulement à l'horizontal)
 	background-repeat: repeat-y; (Seulement à la vertical) 
*/



/* -----------------------------------------------------------
Pour modifier le look du "SCROLLBAR" de Internet Explorer 
--------------------------------------------------------------
* {	
	scrollbar-face-color: #EEEEEE;
	scrollbar-shadow-color: #003366;
	scrollbar-highlight-color: #003366;
	scrollbar-3dlight-color: #EEEEEE;
	scrollbar-darkshadow-color: #EEEEEE;
	scrollbar-track-color: #DDDDDD;
	scrollbar-arrow-color: #000000;	
     }
*/



/* -----------------------------------------------------------
                  FIELD 
-------------------------------------------------------------- */
.texta { 
 font-size: 10px; 
 background-color: #F4F4F4; 
 width: 175px;
	border: 1px solid #666666; 
}

.textb { 
 font-size: 10px; 
 background-color: #F4F4F4; 
 width: 250px;
	border: 1px solid #666666; 
}

.textc { 
 	font-size: 10px; 
 	background-color: #F4F4F4; 
	border: 1px solid #666666; 
}

.bta { 
 font-size: 10px;
}.text10pxVert {

	font-family: verdana, arial, helvetica;
	font-size: 10px;
	color: #877844;
}

.bt_salledemontre_home { margin:10px 5px 7px 5px; }
.thumb_envedette_home { margin: 25px 23px 0 23px; }

/*-------------------------- 
    Style pour les titres 
  --------------------------*/
.titreVert
{
    font-family: "Arial", "Helvetica", sans-serif;
    color: #64b92e;
    font-size: 30px;
    font-weight: 900;
    left: 13px;
}

/*------------------------------------------------------
    NOUVEAU BLOC POUR LES EVENEMENTS (21/03/2011)
  ------------------------------------------------------*/
  .evenements {
	width:538px;
	font-family:Arial, Helvetica, sans-serif;
}
.evenements2 {
	width:393px;
	font-family:Arial, Helvetica, sans-serif;
}
.eHead {
	height:46px;
	position:relative;
}
.eHead2 {
	height:37px;
	position:relative;
}
a.eListe {
	display:block;
	position:absolute;
	top:21px;
	right:5px;
	font-size:11px;
	line-height:10px;
	font-weight:bold;
	color:#333333;
	cursor:pointer;
}
a.eListe:hover {
	color:#666;	
}
.eHead2 a.eListe {
	top:16px;
}
.headerWrap1 {
	width:376px;
	height:46px;
	position:absolute;
	top:0;
	left:0;
	background:url(/_images/event/header1.gif) top left no-repeat;
}	
.headerWrap2 {
	width:265px;
	height:37px;
	position:absolute;
	top:0;
	left:0;
	background:url(/_images/event/header2.gif) top left no-repeat;
}	
.headerWrap1 h2, .headerWrap2 h2 {
	font-size:18px;
	line-height:18px;
	margin:0;
	padding:0;
	font-weight:bold;
	color:#64b92e;
	position:absolute;
	top:18px;
	left:13px;
	width:315px;
}
.headerWrap2 h2 {
	top:14px;
}
.eFoot {
	height:9px;
	overflow:hidden;
	background:url(/_images/event/bottom.gif) top left repeat-x;
}
.eItem {
	border-top:1px solid #c6c5c5;
	border-left:1px solid #c6c5c5;
	border-right:1px solid #c6c5c5;
	background:url(../_images/event/arrow.gif) 0 26px no-repeat;
}
.eItem p {
	font-size:12px;
	line-height:17px;
	margin:0;
	padding:2px 9px 8px 9px;
}
h3.eH3 {
	margin:0;
	padding:2px 9px 2px 9px;
	color:#64b92e;
	font-size:16px;
	line-height:18px;
}
h3.eH3 a {
	color:#64b92e;
	text-decoration:none;
}
h3.eH3 a:hover {
	color:#333;
}
.eItem p.date {
	font-weight:bold;
	padding:21px 9px 2px 9px;	
}
.evenements2 .eItem p.date {
	padding-bottom:8px;	
}
.photoStrip {
	position:relative;
	background:url(/_images/event/photoStrip.jpg) top left no-repeat;
	height:65px;
}
.photos {
	position:absolute;
	top:6px;
	left:52px;
	width:401px;
	height:45px;
	text-align:left;
}
.photoWrap {
	position:absolute;
	top:0;
	left:0;
	height:45px;
	width: 403px;
}
a img {border:none;}
a.btn:hover img {
   opacity: .7;
   filter: alpha(opacity=70);
   -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
   -moz-opacity:0.7;
   -khtml-opacity: 0.7;
}
a.disabled img, a.disabled:hover img {
	opacity: .5;
   filter: alpha(opacity=50);
   -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
   -moz-opacity:0.5;
   -khtml-opacity: 0.5;
	cursor:default;	
}
.spacer {
	float:left;
	width:6px;
}
.img {
	display:block;
	width:46px;
	height:45px;
	float:left;
	position:relative;
}
.popUp {
	width:162px;
	height:124px;
	position:absolute;
	bottom:48px;
	left:-58px;
	background:url(/_images/event/popUp.gif) top left no-repeat;
	display:none;
}
.popUp img {
	position:absolute;
	top:7px;
	left:7px;
}
a.btn {
	position:absolute;
	top:24px;
	width:12px;
	height:9px;
}
.btn1 {
	left:7px;
}
.btn2 {
	left:26px;
}
.btn3 {
	left:469px;
}
.btn4 {
	left:489px;
}
.btn5 {
	left:513px;
}

.bgColor
{
    background-color:#f2e1b9;
}