@charset "utf-8";


/********************************************/

/************  HEADINGS ********************/

/******************************************/

html {background-color:#fbe4b8;}
body {width:100%; padding:0px; margin:0px;  background:url(../images/fond-okidoo.jpg) repeat center top; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:16px; color:#5a513f;}
a{ font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:16px; color:#5a513f; text-decoration:none;}
a:hover{ text-decoration:underline;}
div#container {position:relative; margin:0 auto; width:1005px;} /* Container général de la page */
h1 {background-image:url(../images/logookidoo.gif); background-repeat:no-repeat; width:242px; height:60px; position:relative; top:27px; left:30px;}
h2.vigie {position:absolute; top:76px; left:0px;}
h2.nouvelles {position:absolute; left:0px; top:0px;}
/* Bloc de news de l'accueil */
.nouv_index { margin:0px; padding:0px;position:relative; top:-11px; }
/* Fin du bloc */
h3.nouvelles{font-size:12px; font-weight:bold; margin:0px; padding:0px;}
h4.footer {color:#a95300; font-weight:bold; margin-bottom:10px;}



/*********************************************/

/************  HEADER ***********************/

/*******************************************/

/* Navigation principale */
div#header {position:relative; width:1005px; height:174px; background-image:url(../images/top_okidoo.jpg);} /* Division du HEADER */
ul#navigation {position:relative; width:470px; height:39px; top:46px; display:block; left:20px;}
ul#navigation li {display:inline; }

/* Boutons de pre-loading pour Accueil */
ul#navigation li.accueil {background-image:url(../images/nav1_accueil2.gif); width:83px; height:39px; text-indent:-99999px; display:block; float:left;}
ul#navigation li.accueil a:link, ul#navigation li.accueil a:visited {background-image:url(../images/nav1_accueil1.gif); width:83px; height:39px; text-indent:-99999px; display:block; float:left;}

/* Boutons de pre-loading pour À propos */
ul#navigation li.propos {background-image:url(../images/nav2_propos2.gif); width:96px; height:39px; text-indent:-99999px; display:block; float:left;}
ul#navigation li.propos a:link, ul#navigation li.propos a:visited {background-image:url(../images/nav2_propos1.gif); width:96px; height:39px; text-indent:-99999px; display:block; float:left;}

/* Boutons de pre-loading pour Services */
ul#navigation li.services {background-image:url(../images/nav3_services2.gif); width:90px; height:39px; text-indent:-99999px; display:block; float:left;}
ul#navigation li.services a:link, ul#navigation li.services a:visited {background-image:url(../images/nav3_services1.gif); width:90px; height:39px; text-indent:-99999px; display:block; float:left;}

/* Boutons de pre-loading pour Réalisations */
ul#navigation li.realisations {background-image:url(../images/nav4_realisations2.gif); width:112px; height:39px; text-indent:-99999px; display:block; float:left;}
ul#navigation li.realisations a:link, ul#navigation li.realisations a:visited {background-image:url(../images/nav4_realisations1.gif); width:112px; height:39px; text-indent:-99999px; display:block; float:left;}

/* Boutons de pre-loading pour Contact */
ul#navigation li.contact {background-image:url(../images/nav5_contact2.gif); width:89px; height:39px; text-indent:-99999px; display:block; float:left;}
ul#navigation li.contact a:link, ul#navigation li.contact a:visited{background-image:url(../images/nav5_contact1.gif); width:89px; height:39px; text-indent:-99999px; display:block; float:left;}


/* Boutons lorsqu'ils sont en état survolé */
ul#navigation li.accueil a:hover, ul#navigation li.accueil a:active {background-image:url(../images/nav1_accueil2.gif); width:83px; height:39px; text-indent:-99999px; display:block; float:left;}
ul#navigation li.propos a:hover, ul#navigation li.propos a:active {background-image:url(../images/nav2_propos2.gif); width:96px; height:39px; text-indent:-99999px; display:block; float:left;}
ul#navigation li.services a:hover, ul#navigation li.services a:active {background-image:url(../images/nav3_services2.gif); width:90px; height:39px; text-indent:-99999px; display:block; float:left;}
ul#navigation li.realisations a:hover, ul#navigation li.realisations a:active {background-image:url(../images/nav4_realisations2.gif); width:112px; height:39px; text-indent:-99999px; display:block; float:left;}
ul#navigation li.contact a:hover, ul#navigation li.contact a:active {background-image:url(../images/nav5_contact2.gif); width:89px; height:39px; text-indent:-99999px; display:block; float:left;}


/* Boutons lorsqu'ils sont en état ACTIF */
ul#navigation li.accueil a.active {background-image:url(../images/nav1_accueil2.gif); width:83px; height:39px; text-indent:-99999px; display:block; float:left;}
ul#navigation li.propos a.active {background-image:url(../images/nav2_propos2.gif); width:96px; height:39px; text-indent:-99999px; display:block; float:left;}
ul#navigation li.services a.active {background-image:url(../images/nav3_services2.gif); width:90px; height:39px; text-indent:-99999px; display:block; float:left;}
ul#navigation li.realisations a.active {background-image:url(../images/nav4_realisations2.gif); width:112px; height:39px; text-indent:-99999px; display:block; float:left;}
ul#navigation li.contact a.active {background-image:url(../images/nav5_contact2.gif); width:89px; height:39px; text-indent:-99999px; display:block; float:left;}

/* Section réseaux sociaus */
ul#social {position:relative; width:135px; padding:0px; margin:0px; left:850px; top:14px;}
ul#social li {display:inline;}

ul#social li.twitter {width:40px; height:31px; background-image:url(../images/icon_twit2.gif); float:left; text-indent:-9999px; display:block;}
ul#social li.twitter a:link, ul#social li.twitter a:visited {width:40px; height:31px; background-image:url(../images/icon_twit1.gif); float:left; text-indent:-9999px; display:block;}
ul#social li.twitter a:hover, ul#social li.twitter a:active {width:40px; height:31px;  background-image:url(../images/icon_twit2.gif); float:left; text-indent:-9999px; display:block;}

ul#social li.rss{width:40px; height:31px; background-image:url(../images/icon_rss2.gif); float:left; text-indent:-9999px; display:block;}
ul#social li.rss a:link, ul#social li.rss a:visited {width:40px; height:31px;  background-image:url(../images/icon_rss1.gif); float:left; text-indent:-9999px; display:block;}
ul#social li.rss a:hover, ul#social li.rss a:active{width:40px; height:31px; background-image:url(../images/icon_rss2.gif); float:left; text-indent:-9999px; display:block;}

ul#social li.facebook {width:40px; height:31px; background-image:url(../images/icon_fb2.gif); float:left; text-indent:-9999px; display:block;}
ul#social li.facebook a:link, ul#social li.facebook a:visited{width:40px; height:31px; background-image:url(../images/icon_fb1.gif); float:left; text-indent:-9999px; display:block;}
ul#social li.facebook a:hover, ul#social li.facebook a:active {width:40px; height:31px;  background-image:url(../images/icon_fb2.gif); float:left; text-indent:-9999px; display:block;}




/*********************************************/

/************  CORPS  ***********************/

/*******************************************/

div#corps {background-image:url(../images/bg_contenu_accueil.jpg); height:591px; width:1005px; position:relative; margin-left:0;}
.oiseau {z-index:2; position:absolute;}
div#colonne_gauche {position:relative; width:380px;}
div#colonne_gauche_s {position:absolute;width:380px; top:0;}
div#colonne_droite_s {position:relative; width:570px;left:435px;}
.suivre_twitter {position:absolute; z-index:3; top:75px; left:255px;}
div#colonne_droite {float:right; margin-right:0px; margin-top:86px; width:570px;}
div#colonne_droite_contenu {width:475px; position:relative; margin:0 auto; padding-right:30px; top:0px; }
div#colonne_droite_contenu_news {width:475px; position:relative; margin:0 auto; padding-right:30px; top:0px; margin-top:30px; }
div#block_images_twitter {position:relative; height:135px;}
div#texte_twitter {position:relative; width:290px; top:20px; left:0px; padding-left:47px; padding-right:35px; padding-top:0px; margin:0px;}
div#texte_facebook {position:relative; width:290px; top:7px; left:0px; padding-left:47px; padding-right:35px; padding-top:0px; margin:0px;}
div#texte_twitter span#date_twitterPost{font-size:12px; margin:0px; padding:0px;}
div#texte_twitter span#texte_twitterPost{font-size:11px; margin:0px; padding:0px;}
p.date_twitter {color:#5c513d; padding:0px; margin:0px;}
div#block_images_nouvelles {position:relative; top:40px; height:61px;}
.inscription_rss {position:absolute; left:220px; top:0px;}
div#dernieres_nouvelles {position:relative; top:0px; left:0px; margin-top:30px; padding-left:47px; width:400px;}
div#dernieres_nouvelles_index {position:relative; top:0px; left:0px; margin-top:60px; padding-left:47px; width:400px;}
div#dernieres_nouvelles p {padding:0px; margin:0px;}
div.nouvelles {position:relative; width:325px; margin-bottom:40px; padding:0px;}
.img_nouvelle {float:left; margin-right:10px;}
.img_border { border:#373737 solid 1px; padding:2px; } 
.date_nouvelle {color:#FFFFFF; font-weight:bold; background-color:#333333; margin:0px; padding:0px;}
p.lire_nouvelles {font-weight:bold; text-align:left; text-decoration:underline; font-size:11px; margin:0px; padding:0px;}
div.texte_twitter {margin:0px; padding:0px; font-size:11px;}
div#texte_twitter a:link, div#texte_twitter a:visited{color:#006699;}
div#texte_twitter a:hover, div#texte_twitter a:active{color:#003399;}
p.twitter_date {font-size:12px; line-height:0px;}
img#img_gauche {float:left; margin-right:15px;}




/*********************************************/

/************  LINKS ************************/

/*******************************************/

a.twitter:link {color:#0067a6; font-size:11px;}
a.twitter:hover {color:#067ec7; font-size:11px;}
a.nouvelles:link, a.nouvelles:visited {color:#5c513d;}
a.lien_footer:link, a.lien_footer:visited {color:#383838; text-decoration:none; font-size:10px;}
a.lien_footer:hover, a.lien_footer:active {color:#a75600; font-size:10px;}




/*********************************************/

/************  À PROPOS  ********************/

/*******************************************/

div#corps_apropos {background-image:url(../images/bg_contenu_nouvelles.jpg); height:610px; width:1005px; position:relative; margin-left:0;}
div#colonne_droite_propos {float:right; width:300px; margin-top:13px;}
div#employes {position:relative; width:175px;  top:9px;}
h4.noms {position:relative;font-weight:bold; margin:0;left:32px; padding:0; margin-top:6px; line-height:10px;}
p.poste {position:relative;top:-34px;left:32px;line-height:1px; font-size:10px;}
p.poste_a {position:relative;top:-31px;left:32px;line-height:1px; font-size:10px;}
.badge_t { position:relative; top:-16px; }
.badge_a { position:relative; top:-14px; }
.badge_c { position:relative; top:-12px; }
div#texte_apropos { position:relative; top:12px; }
div.distinction {position:relative; margin-bottom:14px;}
.petit_propos {position:absolute;font-size:11px; line-height:1px; right:31px; top:225px;}
h4.distinction {color:#f0d9ab; background-color:#373737;font-weight:normal; height:16px; padding-left:5px;}
p.distinction_texte {font-size:11px; margin:0px; padding:0px; padding-left:5px;}
span.non_dispo { font-size:12px; color:#383838; line-height:16px;}
img#ligne_propos { margin-top:40px; margin-bottom:20px; }



/*********************************************/

/************  FACEBOOK  ********************/

/*******************************************/

div#corps_facebook {background-image:url(../images/bg_contenu_nouvelles.jpg); height:700px; width:1005px; position:relative; margin-left:0;}
div#facebook_showcase {background-image:url(../images/page-facebook/bg-img-fb.jpg); background-repeat:no-repeat; width:290px; height:294px;}
div#bud {position:absolute; left:47px; top:55px;}
div#chanel {position:absolute; left:47px; top:125px;}
div#cirque {position:absolute; left:260px; top:195px;}
div#sears {position:absolute; left:118px; top:55px;}
div#molsonm {position:absolute; left:188px; top:125px;}
div#nokia {position:absolute; left:118px; top:125px;}
div#gap {position:absolute; left:118px; top:195px;}
div#reit {position:absolute; left:188px; top:195px;}
div#tim {position:absolute; left:188px; top:263px;}
div#pink {position:absolute; left:260px; top:263px;}
ul#liste_facebook {list-style:none; margin-top:13px;}
ul#liste_facebook li{margin-bottom:6px;}



/*********************************************/

/************ RÉALISATIONS ******************/

/*******************************************/

p.realisations_texte {font-size:11px; margin:0px; padding:0px; padding-left:0px; margin-bottom:5px; width:320px;}
p.realisations_texte2 {font-size:11px; margin:0px; padding:0px; padding-left:0px; margin-bottom:5px; width:320px; margin-top:15px;}
p.realisations_liste {font-size:11px; margin:0px; padding:0px; padding-left:5px; margin-bottom:5px; width:320px;}
h4.realisations {color:#f0d9ab; background-color:#373737;font-weight:normal; height:16px; padding-left:5px; margin-top:20px; margin-bottom:18px;}
div.realisation {float:left; width:145px; margin-right:10px;}

#slider {position:relative; margin-top:25px;}
#slider ul, #slider li{margin:0; padding:0; list-style:none;}
#slider, #slider li{width:485px; height:305px; overflow:hidden;}
	
.liens_prev a:link, .liens_prev a:visited, .liens_next a:link, .liens_next a:visited{color:#003399; text-decoration:none;}
.liens_prev a:hover, .liens_prev a:active, .liens_next a:hover, .liens_next a:active{color:#003399; text-decoration:underline;}
.liens_prev  {text-align:left; float:left; padding-top:4px;}
.liens_next  {text-align:right; float:right; padding-top:4px;}
span#prevBtn{}
span#nextBtn{}		



/*********************************************/

/************ CONTACT **********************/

/*****************************************/

p.coordonnees_texte {margin:0px; padding:0px; padding-left:0px; margin-bottom:5px; width:320px;}
p.ligne_contact {line-height:10px; margin-left:4px;}
#formulaire_contact {padding-bottom:20px;}
#formulaire_contact fieldset {margin-top:8px;}
#formulaire_contact label {padding-bottom:3px; font-weight:bold;}
#formulaire_contact input, div#conteneur #formulaire_contact textarea {border: 2px #DDD solid; padding: 4px 5px;}
#formulaire_contact select {margin-bottom:-4px; height:28px;}
#formulaire_contact #envoi_message {color:#669933;}
#formulaire_contact #envoi_message_erreur, div#conteneur #formulaire_contact .obligatoire, div#conteneur #formulaire_contact .erreur  {color:#990000; font-weight:bold;}
#formulaire_contact .erreur {font-size:11px; margin-top:0px; color: #990000;}
#formulaire_contact .erreur_input {border: 2px #A34745 solid;}
#formulaire_contact .facultatif {font-size:10px;}
#envoi_message {color:#006600; font-weight:bold; height:30px; width:292px; padding-top:8px; padding-left:14px; border: #F7F7F7; background-color:#FAFAFA;}
#envoi_message_erreur{color:#990000; font-weight:bold; height:30px; width:292px; padding-top:8px; padding-left:14px; border: #F7F7F7; background-color:#FAFAFA;}



/*********************************************/

/************  NOUVELLES  *******************/

/******************************************/

div#liste_nouvelles {position:relative; left:50px; top:10px;}
div#corps_nouvelles {background-image:url(../images/bg_contenu_nouvelles.jpg); height:870px; width:1005px; position:relative; margin-left:0;}
div#corps_services {background-image:url(../images/bg_contenu_nouvelles.jpg); width:1005px; position:relative; margin-left:0;padding-top:86px; min-height:540px;}
div#corps_qg {background-image:url(../images/bg_contenu_nouvelles.jpg); width:1005px; position:relative; margin-left:0;padding-top:86px;min-height:380px;}
h2.tit_nouvelle {background-image:url(../images/tit_blanc.jpg); height:33px; width:430px; padding-top:17px; padding-left:70px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:16px; color:#5a5444;}



/*********************************************/

/************  FOOTER  **********************/

/*******************************************/

div#footer {position:relative; background:url(../images/bg_basdepage.gif) repeat-x; width:100%; height:245px; top:0px; color:#575757; clear:both;}
div#footer_contenu {position:relative; width:915px; margin:0 auto; top:40px; padding:0px;}
div#footer_contenu p {margin:0px; padding:0px;}
div#footer_colonne_gauche {position:relative; width:355px;}
div#footer_colonne_gauche p {margin-bottom:4px; margin-top:4px;}
div#partie_droite {position:absolute; width:150px; height:71px; left:205px; top:40px; background:url(../images/ligne_vertical.gif) no-repeat left top;}
.logo_twitter {margin-left:20px;}
#logo_fb {position:relative; margin-left:20px; top:13px;}
div#footer_colonne_droite {float:right; left:40px; width:525px;}
ul#partenaires {position:relative; width:470px; height:80px; top:3px; display:block; left:0px;}
ul#partenaires li {display:inline; margin-right:7px;}
p.copyright {color:#383838; position:relative; top:90px; font-size:10px; padding:0px; margin:0px;}

.blanc {color:#757575;}
#ligneHR {width:525px; text-align:left; border:0; height:1px; color:#333333; background-color:#333333;}
#ligneHR2 {width:355px; text-align:left; border:0; height:1px; color:#333333; background-color:#333333;}


div#panel {
	background-repeat: repeat-x;
	background-color: #484848;
	display: none;
	height: 230px;
	width: 100%;
	color: #aaaaaa;
	z-index:11;
	}		
	#panel ul {
		margin: 0 auto;
		padding-left:20px;
		padding-right:20px;
		width: 1000px;
	}
		#panel li {
			float: left;
			width: 25%;
			padding-bottom: 10px;
		}
		       #panel li a {color: #FFF;font-size: 1.1em;font-weight: bold;}
                       #panel li ul a:hover {border-bottom: 1px dotted #fff;}
                       #panel li ul {
				width: auto;
				padding: 5px 0 0 0;
				font-family: Arial, Helvetica, sans-serif;
			}
			      #panel li ul li {
					float: none;
					width: auto;
					margin-bottom: 5px;
					padding: 5px;
					width: 200px;
					list-style-type: none;
				}

ul li em {
	background-color: #eacfb3;
	color: #fff;
	display: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding: 0px 0px 0px 0px;
	position: absolute;
	top: -15px;
	height: 15px;
}

em#em_notreRegion {width: 119px; left: 35px;}
em#em_rendezVous {width: 140px; left: 35px;}
em#em_hebergement {width: 160px; left: 35px;}
em#em_lesIncontournables {width: 110px; left: 65px;}
em#em_plus {width: 140px; left: 15px;}

div#btn_pds {position:absolute; z-index:10; right:0;}



/********************************************************/
/**************** Scrollbar Nouvelles ******************/
/******************************************************/

div.scrollbarpaper-container {background-color: #ff0;}
div.scrollbarpaper-track {width: 19px; background:url(lignescroll.gif) no-repeat;}
div.scrollbarpaper-drag {}
div.scrollbarpaper-drag-top {position:relative; right:10px; display:block; width:19px; height:41px; background-image:url(boutonscroll.gif);}
div.scrollbarpaper-drag-bottom {display:none;}
#content.scrollbarpaper-visible {padding-right: 33px;}
div#texte_twitter p.distinction_texte a:link {color:#383838;}
div#texte_twitter p.distinction_texte a:visited {color:#383838;}
div#texte_twitter p.distinction_texte a:active {color:#383838;}



/********************************************************/
/**************** Facebook Connect *********************/
/******************************************************/

#facebook {position:fixed; width:100%; height:25px; bottom:0; color:#eeeeee;}
#user {width:100%; height:25px; left:0; top:-4px; padding-left:7px; background-color:#3b5997; border-top:1px solid #4f72b8;}
#img_facebook {position:absolute; right:0px; top:1px;}
#texte_user {position:absolute; bottom:3px; left:36px;}
#texte_user a:link{color:#EEE; text-decoration:none;}