/* 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; }
#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
}
#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: #F7F7F7; 
 width: 175px;
	border: 1px solid #666666; 
}

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

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

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

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

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