/*#C3D1DA
899CAA
685D5D
031428*/

body {
	leftmargin:0;
	topmargin:0;
	rightmargin:0;
	bottommargin:0;
	background-color:#2B2C31;
	background-repeat: none; 
	background-position: 0}

#espacecopyright{
	background-color:#2B2C31;
	padding-top:10px}


#fond{
	background-color:#F0F0F0;
	padding:4px}

#espaceentete{
	height:20px;}

#entete{
	height:230px;}

#logo{
	padding-left:320px;
	padding-top:70px;
	padding-bottom:20px;
	height:75px;}


a.pub {border-style:solid; border-width:1px;border-color:#2B2C31;}
a.pub:active {border-style:solid;border-width:1px;border-color:#2B2C31;}
a.pub:visited{border-style:solid;border-width:1px;border-color:#2B2C31;}
a.pub:hover {border-style:solid;border-width:1px;border-color:#C10F01;}


#photopub{border-style:solid;border-color:#2B2C31;}
#photopub:active{border-style:solid;border-color:#2B2C31;}
#photopub:visited{border-style:solid;border-color:#2B2C31;}
#photopub:hover{border-style:solid;border-color:#C10F01;}








#slogan{
	padding-left:340px;}

#fondtexte{
	background-color:#F0F0F0;}

#gauche{
	width:253px;
	background-color:#DBDBDB;
	vertical-align:top;
	padding-top:40px;
	height:360px}

#droite{
	width:430px;
	vertical-align:top;
	padding-top:60px;
	padding-left:120px;
	padding-bottom:40px;}
	
#droitelisteservices{
	padding-left:10px;
	vertical-align:top;
	padding-top:5px;}

#droiteservices{
	width:430px;
	vertical-align:top;
	padding-top:35px;
	padding-left:120px;
	padding-bottom:40px;}
	


table#largeurmenu{
	width:888px;}


#liste ul{list-style-type:disc;}

#menu{
background-color:#666666;}

ol>li{
padding-bottom:10px;}


a.noir:link {font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; font-size: 11px; text-decoration: none; }
a.noir:visited {font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; font-size: 11px; text-decoration: none; }
a.noir:hover {font-family: Verdana, Arial, Helvetica, sans-serif; color: #F2543B; font-size: 11px; text-decoration: none; }

a.menu:link {font-family: Arial, Helvetica, sans-serif; color: #cccccc; font-size: 11px; text-decoration: none;  }
a.menu:visited {font-family: Arial, Helvetica, sans-serif; color: #cccccc; font-size: 11px; text-decoration: none; }
a.menu:hover {font-family: Arial, Helvetica, sans-serif; color: #EEEBEB; font-size: 11px; text-decoration: none; }

a.menublanc:link {font-family: Arial, Helvetica, sans-serif;  color: #ffffff; font-size: 11px; text-decoration: none;  }
a.menublanc:visited {font-family: Arial, Helvetica, sans-serif; color: #ffffff; font-size: 11px; text-decoration: none; }
a.menublanc:hover {font-family: Arial, Helvetica, sans-serif; color: #EEEBEB; font-size: 11px; text-decoration: none; }

a.courriel:link {font-family: Verdana, Arial, Helvetica, sans-serif; color: #685D5D; font-size: 11px; text-decoration: underline;  }
a.courriel:visited {font-family: Verdana, Arial, Helvetica, sans-serif;color: #685D5D; font-size: 11px; text-decoration: underline; }
a.courriel:hover {font-family: Verdana, Arial, Helvetica, sans-serif;color: #C10F01; font-size: 11px; text-decoration: underline; }

a.lien:link {font-family:Arial, Helvetica, sans-serif; color: #494949; font-size: 12px; font-weight:bold; text-decoration:none  }
a.lien:visited {font-family: Arial, Helvetica, sans-serif; color: #494949; font-size: 12px; font-weight:bold;text-decoration:none  }
a.lien:hover {font-family: Arial, Helvetica, sans-serif;color: #C10F01; font-size: 12px; text-decoration: none; font-weight:bold;}

a.sousmenuactif:link {font-family: Verdana, Arial, Helvetica, sans-serif; color: #C10F01; font-size: 11px; text-decoration: underline;  }
a.sousmenuactif:visited {font-family: Verdana, Arial, Helvetica, sans-serif;color: #C10F01; font-size: 11px; text-decoration: underline; }
a.sousmenuactif:hover {font-family: Verdana, Arial, Helvetica, sans-serif;color: #000000; font-size: 11px; text-decoration: underline; }

a.sousmenu:link {font-family: Verdana, Arial, Helvetica, sans-serif; color: #685D5D; font-size: 11px; text-decoration: underline; }
a.sousmenu:visited {font-family: Verdana, Arial, Helvetica, sans-serif;color: #685D5D; font-size: 11px; text-decoration: underline; }
a.sousmenu:hover {font-family: Verdana, Arial, Helvetica, sans-serif;color: #000000; font-size: 11px; text-decoration: underline; }

a.PROJETpixel:link {font-family: Verdana, Arial, Helvetica, sans-serif; color: #999999; font-size: 9px; text-decoration: none; }
a.PROJETpixel:visited {font-family: Verdana, Arial, Helvetica, sans-serif;color: #999999; font-size: 9px; text-decoration: none; }
a.PROJETpixel:hover {font-family: Verdana, Arial, Helvetica, sans-serif;color: #cccccc; font-size: 9px; text-decoration: none; }

a.mini-menu:link {font-family: Verdana, Arial, Helvetica, sans-serif; color:#666666; font-size: 9px; text-decoration: none; }
a.mini-menu:visited {font-family: Verdana, Arial, Helvetica, sans-serif;color: #666666; font-size: 9px; text-decoration: none; }
a.mini-menu:hover {font-family: Verdana, Arial, Helvetica, sans-serif;color: #C10F01; font-size: 9px; text-decoration: none; }

.mini-texte{
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
	font-size:9px;
	text-decoration:none;}


h1{
	font-family:Arial, Helvetica, sans-serif;
	color:#C10F01;
	font-size:11px;
	text-decoration:none;
	text-transform:uppercase;}
	
.textenoir{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:11px;
	text-decoration:none}
	
.texteblanc{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#ffffff;
	font-size:11px;
	text-decoration:none}

.textegris{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#	2B2C31;
	font-size:11px;
	text-decoration:none}
	
.texterouge{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#C10F01;
	font-size:11px;
	font-weight:bold;
	text-transform:uppercase;}
	

	
.titre{
	font-family:Arial, Helvetica, sans-serif;
	color:#685D5D;
	font-size:18px;
	text-decoration:none;}


.TRAK{
	font-family:Arial, Helvetica, sans-serif;
	color:#C10F01;
	font-size:11px;
	text-decoration:none;
	font-weight:bold}

.INVESTIGATION{
	font-family:Arial, Helvetica, sans-serif;
	color:#031428;
	font-size:11px;
	text-decoration:none;
	font-weight:bold;}
	
	

.copyright{
	font-family:Arial, Helvetica, sans-serif;
	color:#999999;
	font-size:9px;
	text-decoration:none}







/*_______________________________________________________*/

.menu2 {
	height:27px;
	width:auto;
	position:relative;
	z-index:1000;
	font-family:Arial, Helvetica, sans-serif;
	vertical-align:bottom;
	background:url(../visuel/fondmenu.png) repeat-x 0 0;
	padding-left:10px;}

.menu2 ul {
	padding:0;
	margin:0px;
	list-style-type:none;
	z-index:1000;}
	
.menu2 ul ul {
	width:195px;
	margin-top:0px;
	z-index:1000;}

.menu2 li {
	float:left;
	width:145px;
	position:relative;
	z-index:1000;}

/*_____________ onglet scroll _______________*/
.menu2 a.ongletscroll:link, 
.menu2 a.ongletscroll:visited {
	display:block;
	font-size:12px;
	text-decoration:none;
	color:#333;
	font-weight:bold;
	height:27px;
	background:url(../visuel/fondmenu.png) repeat-x 0 0;
	padding-left:10px;
	z-index:1000;
	border:1px;
	border-color:#ccc;
	border-style:solid;}

.menu2 a.ongletscroll:hover, 
.menu2 a.ongletscroll:active {
	text-decoration:none;
	background:url(../visuel/fondmenu.png) repeat-x 0 0;
	z-index:1000;
	color:#666;
	border:1px;
	border-color:#ccc;
	border-style:solid;}
	
.menu2 a:link, 
.menu2 a:visited {
	display:block;
	font-size:12px;
	text-decoration:none;
	color:#fff;
	height:27px;
	padding-left:28px;
	padding-right:28px;
	background:url(../visuel/fondmenu.png) repeat-y 0 0;
	text-align:center;
	line-height:23px;}


/*_____________ onglet scroll mouse over _______________*/
.menu2 a:hover{
color:#fff;
text-decoration:underline }

.menu2 ul ul a.drop:link,
.menu2 ul ul a.drop:visited {
background:url(../visuel/scroll.png) repeat-y 0 26 ;
background-position:26px}

.menu2 ul ul a.drop:hover{
background:url(../visuel/scroll.png) repeat-y 0 0 ;}

.menu2 ul ul :hover > a.drop {
background:url(../visuel/scroll.png) repeat-y 0 0 ;}

/*_____________ propriétés du sous-menu _______________*/
.menu2 ul ul a:link,
.menu2 ul ul a:visited {
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#FFFFFF;
background:url(../visuel/scroll.png) repeat-y 0 0;
background-position:0 26px;
text-align:left;
padding-left:4px;
color:#333;
height:24px;
width:195px;}

* html .menu2 ul ul a:link,
* html .menu2 ul ul a:visited {width:195px;w\idth:195px;}


/*_____________ propriétés du sous-menu - texte mouse hover _______________*/
.menu2 ul ul a:hover{
background:url(../visuel/scroll.png) repeat-y 0 0;
color:#000;
text-decoration:none;
padding-left:4px;
width:195px;}


/*_______________ propriétés du sous-menu - position du sous-menu par rapport aux onglets_______________ */
.menu2 ul ul {
visibility:hidden;
position:absolute;
top:26px;
margin-left:0px;
width:195px;}

* html .menu2 ul ul {top:30px;t\op:31px;}

.menu2 :hover > a{
background:url(../images/ongletrouge.png);
background-position:0 42px ;}


/*______________ make the second level visible when hover on first level list OR link ___________________________*/
.menu2 ul li:hover ul,
.menu2 ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu2 ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu2 ul :hover ul :hover ul{ visibility:visible;}