@charset "iso-8859-1";
/*------------------------------------------------------------*
**  Global
**------------------------------------------------------------*/
body {
	background-color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
	text-align: center; 
	margin: 0;
	padding: 0;
	color: #666;
	}

/*------------------------------------------------------------*
**  Container
**------------------------------------------------------------*/	
#container {
	margin: 0;
	width: 777px;
	background-color: transparent;
	border: 1px solid #ddd;
	padding: 0px;
	float: left;
	text-align: left;
	
	}
	
/*------------------------------------------------------------*
**  Header
**------------------------------------------------------------*/		
#header {
	background-color: transparent;
	height: 136px;
	margin: 0;
	padding: 0;
	z-index: 1;
}	
	

/*------------------------------------------------------------*
**  Navigation
**------------------------------------------------------------*/

#nav {
    position: relative;
	margin: 0;
	padding: 0;
	height: 0.9em;
	top: 119px;
	z-index: 2;
}
#nav li {
	list-style-type: none;
	float: right;
	margin-left: 2px;
	line-height: 16px;
}		
#nav li a { 
	text-decoration: none; 
	color: #cdcdcd;
	background-color: #666;
	padding: 0px 28px 0px 15px;
	font-size: 1em;
	font-weight: bold;
	text-align: left;	
}
#nav li a.premier { 
	margin-left: 0;
}
#nav li a:visited {
	background-color: #666;
	color: #cdcdcd;
}	
#nav li a:hover {
	background-color: #666;
	color: #fff;
}
#plan {
    position: absolute;
	text-decoration: none; 
    list-style-type: none;
	width:70px;
	margin: 0;
	padding: 0;
    top: 10px;
    left: 705px;
	z-index: 2;
	border:0;
}	
#plan li {
	list-style-type: none;
    font-size: 10px;
	line-height: 9px;
	border:0;
	text-align:left;
}		
#plan li a { 
	text-decoration: none; 
	color: #fff;
	background-color: transparent;
	border:0;
	text-align:left;
}
#plan li a:visited {
	background-color: transparent;
	width:70px;
	color: #fff;
}	
#plan li a:hover {
	background-color: transparent;
	color: #fff;
}
#plan li a.active {
	background-color: transparent;
	color: #fff;
}

/*------------------------------------------------------------*
**  Content
**------------------------------------------------------------*/
#content {

	background: #fff url(../referencement-images/Referencement-AW3.jpg) repeat-x;
	width: 560px;
    margin: 0 0 0 155px;
	padding: 30px;
    top: 136px;
	line-height: 15px; 
	word-spacing: 2px;
	text-decoration: none	
	}	
#content_1 {
	display:none;	
}	
#content_2 {
	display:none;	
}
#content_3 {
	display:none;	
}	
#content_4 {
	display:none;	
}
a .changer {
	border: 0;	
}
	.holder {position: relative; width:535px; padding:1em; border:1px solid #ddd; float:left; margin-bottom: 25px;}
h2 {text-align:left;font-family: Arial, Helvetica, sans-serif;}

.clear {clear:both;}

#content h1 { 	
	padding: 15px 25px 0 25px;
	color: #f00;
	font-size: 1.2em;
	cursor: default;
	text-align: left;
	}	
#content h2 { 	
	margin: 25px;
	color: #f00;
	font-size: 1.1em;
	padding-left: 1px;
	cursor: default;
	text-align: left;
	}
#content h3 { 	
	margin: 25px 0 0 25px;
	color: #666;
	font-size: 1em;
	padding-left: 1px;
	cursor: default;
	text-align: left;
	}	
#content h4 { 	
	margin: 5px 0 0 25px;
	color: #666;
	font-size: 1em;
	padding-left: 1px;
	cursor: default;
	text-align: left;
	}	
#annuaire 	{
    margin: 0 15px 0 15px;

}

#annuaire a {
    color: #666;
	text-decoration: none;
}
#annuaire a:visited {
    color: #f00;
	text-decoration: none;	
}
#annuaire a:hover {
    color: #f00;
	text-decoration: none;	
}




.titre {
	font-size: .9em;
	color: #666	
}	

/*------------------------------------------------------------*
**  Side Bar
**------------------------------------------------------------*/

#menu {
    position:absolute; 
	font-family: arial, sans-serif; 
    width:153px; 
	top:136px;  
	font-size:11px; 
	
		
}
#menu ul {
     padding:0; 
     margin:0;
     list-style-type: none;
	
}
#menu ul li {
     float:left; 
	 position:relative;
	 border-bottom: 1px;
	 
}

#menu ul li a, #menu ul li a:visited {
     display:block; 
	 text-decoration: none; 
	 color:#000; 
	 width:153px; 
	 height:16px; 
	 text-align:right; 
	 border:1px solid #fff; 
	 border-width:1px 0 0 0 ; 
	 background:#e0e0e0; 
	 line-height:16px; 
	 font-size:11px; 
	 padding: 0 5px 0 0;
}	 
#menu ul li a:hover {
     border-right: 4px solid #f00;	 
}
#menu ul li ul {
     display: none;
}

/* specific to non IE browsers */
#menu ul li:hover a {
     color:#000; 
	 background:#cdcdcd; 
}
#menu ul li:hover ul {
     display:block; 
	 position:absolute; 
	 top:0; 
	 left:162px; 
	 width:153px;
}
#menu ul li:hover ul li a.hide {
     background:#e0e0e0; 
	 color:#000;
}
#menu ul li:hover ul li:hover a.hide {
     width:153px;
}
#menu ul li:hover ul li ul {
     display: none;
}
#menu ul li:hover ul li a {
     display:block; 
	 background:#e0e0e0; 
	 color:#000; 
	 width:153px;
	 text-align:left;
	 padding: 0 0 0 5px;
}
#menu ul li:hover ul li a:hover {
     background: #cdcdcd;
	 color:#000;
}

#menu ul li:hover a {
     border-right: 4px solid #f00; 
}
#menu ul li:hover li a { 
     border-right: none; 
}
#menu ul li ul li a:hover {
  border-right:none;
  border-left:none;
}

#services_1 {
    position:absolute; 
	background: #fff url(../referencement-images/services4.gif) repeat-x;
    width:154px; 
	height:42px;
	top:256px;
	color: #000; 
	border: 2px solid #f4f4f4; 
	padding: 0;
	float:left; 
}

#services_2 {
    position:absolute; 
	background: #f4f4f4;
    width:153px; 
	top:301px;
	text-align:right; 
	padding: 5px 5px 0 0;
}    
#services_2 .important{
	color: #ff0000;
} 
#actualites_1 {
    position:absolute; 
	background: #fff url(../referencement-images/actualites.gif) repeat-x;
    width:154px; 
	height:42px;
	top:396px;
	color: #000; 
	border: 2px solid #f4f4f4; 
	margin: 0;
	padding: 0;
	float:left; 
}

#actualites_2 {
    position:absolute; 
	background: #f4f4f4;
    width:153px; 
	top:442px;
	text-align:right; 
	padding: 5px 5px 0 0;
}
#actualites_2 .important{
	color: #ff0000;
}
#validation {
    position:absolute; 
	background: #fff;
    width:153px; 
	top:641px;
	text-align:right; 
	
} 

#validation a {	
	color: #f00;
	text-decoration: none
}
#validation a:visited {	
	color: #f00;
	text-decoration: none
}
#validation a:hover {
	color: #f00; 	
	text-decoration: underline;
}

#nouveautes {
	background: #fff url(referencement-images/nouveautes2.gif) repeat-x;
	width: 560px;
	height: 122px;
	margin-bottom: 20px;
	text-align: left;
    position:relative;
	line-height: 14px;
}	

#nouveaute {
	width: 255px;
    height: 120px;
	margin: 0;
	padding: 0;
	top: 0;
}
#nouveaute h3{
	color: #fff;
	background: #f00;
	width: 70px;
    font-size: 1em;
	padding: 0 15px 0 10px;
	margin: 0;
	line-height: 17px;
}
#communique {
  	padding: 0;
    width: 305px;
    height: 120px;
    margin: 0;
    left: 255px;
    position:absolute;
    top:0;
}
#communique h3{
	color: #fff;
	background: #f00;
	width: 80px;
    font-size: 1em;
	padding: 0 15px 0 10px;
	margin: 0;
	line-height: 17px;
}
#clear {
	clear: both
}
.nouv {
	padding: 0 15px 0 10px;
	margin: 0;
	text-align: justify; 
	
}

.liens a {
    color: #f00;
	text-decoration: none;
}
.liens a:hover {
    color: #f00;
	text-decoration: underline;
}
.gras {
    font-weight: bold;
	
}
.plus a {
    color: #666;
	text-decoration: none;
}
.plus a:hover {
    color: #666;
	text-decoration: none;
}
.plus a:active {
    color: #666;
	text-decoration: none;
}
#image-droite {
	float: right; 
	padding: .6% 0 0 1.5%
}
#image-gauche {
	float: left; 
	padding: .6% 1.5% .5% 0
}
#haut {
	text-align: right; 
	padding: .6% 0 0 1.5%
}
/*------------------------------------------------------------*
**  Footer
**------------------------------------------------------------*/	
	

#signature {
	padding:10px 0 0 0;
	margin: 0;
	line-height: 12px;
	letter-spacing: .9px;
}	
.footer {
	font-size: .9em;
	padding: 0 0 5px 0;
	margin: 0;
}
.Quebec {
	font-size: .8em;
}
.mail a {
	font-size: 1em;
	color: #f00;
	text-decoration: none;
}
.date {
	font-size: .9em;
}
.vignette {
	font-size: .9em;
	font-weight: bold
}