/* Les �l�ments G�n�raux
--------------------------------------------------------------------------------------- */

@import url("reset.css");

body {
background: #fefefe url(/images/bgBody.jpg);
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#808080;
font-size:12px;
line-height:16px;
}
a{color:#378bbc;}
a:hover{text-decoration:none;}

h1{font-size:13px;font-weight:bold;color:#313233;text-transform:uppercase;padding-bottom:15px;margin-bottom:20px;background:url(/images/bgh1.gif) bottom no-repeat;}
h1 span{color:#b71118;font-size:11px;}
h1 span em{color:#378bbc;}
h2{margin-top:10px;font-size:12px;font-weight:bold;color:#378bbc;text-transform:uppercase;padding-bottom:10px;margin-bottom:15px;background:url(/images/bgh2.gif) bottom no-repeat;}
h2 span{color:#313233;}
h3{margin-top:10px;font-size:12px;font-weight:bold;color:#313233;text-transform:uppercase;padding-bottom:10px;margin-bottom:15px;background:url(/images/bgh2.gif) bottom no-repeat;}
h4{font-size:11px;font-weight:bold;color:#378bbc;text-transform:uppercase;padding-bottom:10px;}
h5{}
h6{}

p{color:#808080;font-size:12px;padding-bottom:15px;line-height:16px;}

ul{}

ul li{}

ol{}

ol li{}

#website2,#email2{display:none;}

#onglets{
display:block;
width:950px;
margin:0 auto;
text-align:right;
height:33px;
position:relative;
}

#ongletLangue{
position:absolute;
right:10px;
bottom:0px;
display:block;
height:23px;
background:url(/images/ongletLeft.gif);
font-size:11px;
color:#151515;
text-decoration:none;
}

#ongletLangue:hover{
color:#444;
}

#ongletLangue span{
display:block;
height:13px;
padding:5px 15px;
background:url(/images/ongletRight.gif) right no-repeat;
}

#page{
width:950px;
margin:0 auto;
background:url(/images/bgPage.png);
}

#header{
width:950px;
height:348px;
background:url(/images/bgHeader2.jpg) center no-repeat;
position:relative;
}

#vuDeLoin{
position:absolute;
right:10px;
top:11px;
z-index:9;
}

#logos{
position:absolute;
left:15px;
top:12px;
}

#canadien{
position:absolute;
right:15px;
top:5px;
}

#csa{
position:absolute;
right:250px;
top:15px;
}
#rbq{
position:absolute;
right:110px;
top:15px;
}

#satellite{
position:absolute;
right:-70px;
top:50px;
z-index:6;
}
#jeuneDame{
position:absolute;
right:-8px;
top:88px;
z-index:6;
}


#menu{
position:absolute;
left:8px;
top:88px;
}

#menu li{
float:left;
position:relative;
}

#menu li a{
display:block;
height:13px;
padding:19px 35px 20px 35px;
font-size:12px;
font-weight:bold;
text-transform:uppercase;
color:#7e7e7e;
float:left;
text-decoration:none;
margin-right:5px;
}

#menu li a.selection{
background:url(/images/bgMenuHov.gif);
color:#fff;
}

#menu li a.selection:hover{
background:url(/images/bgMenuHov.gif);
color:#fff;
cursor:default;
padding:19px 35px 20px 35px;
border-right:0px;
border-left:0px;
}

#menu li a:hover{
padding:19px 34px 20px 34px;
border-right:1px solid #ddd;
border-left:1px solid #ddd;
color:#666;
}

#bgTransp{
height:60px;
background:url(../images/bgTransp.png) right;
width:941px;
position:absolute;
left:0px;
bottom:0px;
z-index:8;
margin:5px; 
}

#menuIcones{
position: absolute;
z-index:9;
}

#menuIcones li ul {
position: absolute;
width: 145px;
height:135px;
left: -999em;
background:url(/images/bgBulle.png);
padding:10px 27px 15px 10px;
z-index:5;
}

#menuIcones li ul h2 {
font-size:12px;
color:#4f4f4f;
font-weight:bold;
padding-bottom:8px;
margin-bottom:5px;
margin-top:0px;
}

#menuIcones li ul p {
font-size:12px;
color:#666;
padding:0px;
}

#menuIcones li ul a.suite {
font-size:11px;
color:#479ed1;
padding:0px;
position:absolute;
right:13px;
bottom:-67px;
display:block;
text-decoration:none;
}

#menuIcones li ul a.suite:hover {
color:#333;
}

#menuIcones li:hover ul {
	left: -170px;
	top:-64px;
}


#menuIcones{
position:absolute;
right:7px;
top:284px;
}
#menuIcones li{
float:left;
position:relative;
}
#menuIcones img{
float:left;	
}
#gens{
position:absolute;left:10px;bottom:6px;	
z-index:8;
}

/* LECONTENT  */ 


#content{
width:942px;

background:url(/images/bgContent.gif) repeat-x;
margin:0 4px;
}

#contentLeft{
width:599px;
float:left;
padding:15px;
}


.realisation{
width:186px;
float:left;
margin-right:20px;
margin-bottom:15px;
}
.realisation img{
padding:2px;
border:1px solid #ddd;

}

.realisation p{
padding-bottom:10px;
}

.realisation p.nouvelle a{
display:block;
padding:4px;
background:#fefefe;
font-size:10px;	
text-decoration:none;
}
.realisation p.nouvelle a:hover{
background:#f0f0f0;
color:#444;
}
.voirTout{
text-align:right;	
padding-top:15px;
}
.voirTout a{
display:block;
padding-right:10px;
background:url(/images/miniArrow.gif) right no-repeat;
}

#paging{
float:right;
}

#paging a{
display:block;
float:left;
padding:3px 8px;
border:1px solid #ddd;
margin: 3px;
text-decoration:none;
}
#paging a:hover{
background:#f2f2f2;
color:#333;
}

.nouvelles{
clear:both;
padding-bottom:10px;

margin-bottom:15px;
}

.nouvelles img{
float:left;
margin:0 10px 10px 0;
padding:2px;
border:1px solid #ddd;
}

.nouvelles h4{
background:none;
margin-bottom:5px;
padding-bottom:0px;
}

.nouvelles p{
padding-bottom:0px;
margin-bottom:4px;
}

.nouvelles p.lireNews{
text-align:right;
font-size:10px;
}

label{
display:block;
font-size:12px;
padding-bottom:4px;
color:#808080;
}
.leForm div{
padding-bottom:10px;	
color:#808080;
font-size:11px;
}
fieldset{
padding:10px;
border:1px solid #eee;
width:575px;
}

legend{
font-size:11px;font-weight:bold;color:#378bbc;text-transform:uppercase;padding-bottom:10px;
}
fieldset fieldset{
margin:10px 0;	
width:555px;
}
.leForm div div input{
display:inline;
}
fieldset fieldset legend{
font-size:11px;font-weight:bold;color:#313233;text-transform:uppercase;padding:0px;margin:0px;
}

/* LERIGHT */

#sideBar{
width:308px;
float:left;
background:url(/images/bgSideBar.gif) repeat-x;
padding-left:5px;
padding-bottom:120px;
}

.title{
width:283px;
height:29px;
background:url(/images/bgTitle.gif);
margin-bottom:5px;
font-size:13px;
font-weight:bold;
color:#454545;
text-transform:uppercase;
padding:14px 10px 0 10px;
}

#sideBar span{
width:301px;
display:block;
padding-bottom:8px;
background:url(/images/bgSideSpan.png) left bottom no-repeat;
margin-bottom:1px;
}

.mailing{
width:293px;
border:1px solid #ddd;
background:#fff url(/images/bgMailing.gif) repeat-x;
padding:8px 0 0 8px;
padding-bottom:20px;
color:#666;
}


.mailing label{
display:block;
font-size:12px;
margin:8px 0;
}

#teaserSiteWeb{
display:block;
width:290px;
height:42px;
border-left:1px solid #ddd;
border-right:1px solid #ddd;
background:url(/images/bgTeaserSiteWeb.jpg) left ;
padding:10px 0 0 10px;
font-size:13px;
font-weight:bold;
color:#494949;
text-decoration:none;
}
#teaserSiteWeb:hover{
color:#479ed1;
}

#menuServices{
	
}
#menuServices a{
display:block;
width:291px;
border:1px solid #ddd;
background:#fff;
height:18px;
padding:5px;
text-decoration:none;
color:#555;
}


#menuServices a img{
position:relative;
top:2px;
margin-right:5px;
}
#menuServices a:hover{
color:#2f2f2f;
}
#menuServices li.grr a{
background:#fdfdfd;	
}
#menuServices li{
width:301px;
display:block;
padding-bottom:4px;
background:url(/images/bgSideSpan.png) left bottom no-repeat;
margin-bottom:1px;
position:relative;
}


#menuServices li div {
display: none;
position: absolute;
top: -2px;
left: 300px;
width: 225px;
font-size: 0.9em;
background: url(bubble_top.gif) no-repeat right top;
}

#menuServices li div p {
margin: 7px 0;
line-height: 1.6em;
padding: 0 5px 10px 30px;
background: url(bubble_btm.gif) no-repeat right bottom;
}

#menuServices li.grr a.entrer{
padding:0px;margin:0px;background:none;border:0px;height:auto;width:auto;
}
#menuServices a.entrer{
padding:0px;margin:0px;background:none;border:0px;height:auto;width:auto;	
}
#menuServices a.entrer:hover{
color:#479ed1;
}


/* LEFOOTER */ 

#footer{

width:940px;
margin:0 auto;
position:Relative;
padding:0 5px;
}
#hdp{
position:absolute;top:-90px;right:18px;	
display:block;
width:29px;
height:36px;
background:url(../images/HDP.gif) top no-repeat;
}
#hdp:hover{
background:url(../images/HDP.gif) bottom no-repeat;
}


#menuFooter{
float:right;
padding:9px 0px 0 0;
font-size:11px;
color:#6f6f6f;
}
#menuFooter a{
text-decoration:none;
color:#6f6f6f;
}
#menuFooter a:hover{
text-decoration:none;
color:#444;
}
#copy{
font-size:11px;
padding:9px 0 0 0;
color:#6f6f6f;
}
#liensFooter{
font-size:11px;
padding:12px 0 0 10px;
color:#6f6f6f;
background:url(/images/bgLiensFooter.gif) repeat-x;
height:27px;
}
#liensFooter a{
text-decoration:none;	
}

#logoOrg img{
padding:2px;
border:1px solid #ddd;
margin-right:13px;
width:80px;
}
#logoOrg{
padding-bottom:20px;	
}