/* CSS Document */

body {
	background-image:url(../images/bg.jpg);
	background-repeat:repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:justify;
}

img {
	border:none;
}

a {
	color:#d8261a;
	font-size:12px;
	text-decoration:none;
}

a:hover {
	color:#d8261a;
	font-size:12px;
	text-decoration:underline;
}

input {
	width:180px;
	border:1px solid #999999;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
}

textarea {
	border:1px solid #999999;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
}

.bureaux {
	background-image:url(../images/bg_bureaux.jpg);
	background-repeat:no-repeat;
	color:#FFFFFF;
	font-size:12px;
	text-align:left;
}

.main {
	background-color:#FFFFFF;
}

.footer {
	color:#CCCCCC;
	font-size:12px;
}

a.footer {
	color:#CCCCCC;
	font-size:12px;
	text-decoration:none;
}

a:hover.footer {
	color:#FFFFFF;
	font-size:12px;
	text-decoration:none;
}

a.telecharger {
	color:#333333;
	text-decoration:none;
}

a:hover.telecharger {
	color:#333333;
	text-decoration:underline;
}

.dateActu {
	color:#000000;
	font-weight:bold;
}

.titreActu {
	color:#d8261a;
	font-weight:bold;
	font-size:13px;
}

.resumeActu {
	color:#666666;
	font-weight:normal;
	text-align:justify;
}

.deposer_projet {
	color:#000000;
}

a.deposer_projet {
	color:#000000;
	text-decoration:none;
}
a:hover.deposer_projet {
	color:#000000;
	text-decoration:underline;
}

.copyright {
	font-size:10px;
}

.titre {
	color:#d8261a;
	font-weight:bold;
	font-size:13px;
}

.soustitre {
	color:#d8261a;
	font-weight:bold;
}

.soustitre2 {
	color:#666666;
	font-weight:bold;
}

a.retourliste {
	color:#666666;
	font-size:11px;
}

a:hover.retourliste {
	color:#333333;
	font-size:11px;
}

.titre_cdb {
	font-size:14px;
	color:#333333;
	font-weight:bold;
}

a.cdb {
	font-size:11px;
}


a:hover.cdb {
	font-size:11px;
}


.titre_cdb {
	color:#d8261a;
	font-weight:bold;
	font-size:16px;
}

.sstitre_cdb {
	color:#d8261a;
	font-weight:bold;
	font-size:14px;
	text-transform:uppercase;
}



#menuDeroulant {
 list-style-type: none;
 margin: 0;
 padding: 0;
 border: 0;
}

#menuDeroulant li {
 float: left;
 margin: 0;
 padding: 0;
 border: 0;
}

#menuDeroulant .sousMenu {
 list-style-type: none;
 margin: 0;
 padding: 0;
 border: 0;
}

#menuDeroulant .sousMenu li {
 float: right;
 margin: 0;
 padding: 0;
 border: 0;
}

fieldset {
	border:1px solid #d8261a;
}

a.info_bulle span
{								   
    position       :  absolute;
    top            :  -2000em;
    left           :  -2000em;
    width          :  1px;
    height         :  1px;
    overflow       :  hidden; 
    background     :  #DDEEFF;   /* Définition du fond, sinon on a le meme que notre lien */
    border         :  1px solid #6699FF; /* Définition des bordures */
} 

a.info_bulle
{				
  color           : #2F368A;
  
  text-decoration : none; 
  
  padding         : 2px 16px 2px 2px; /*Définition des marges intérieures de notre lien */
  
  /* Définition de l'arriere plan de notre lien */
  background      : transparent url('comment.gif') no-repeat right center;
  
  position        : relative; /* Indispensable pour le bon positionnement de l'info-bulle */ 
}  
 
a.info_bulle:hover 
{
  border          : 0;  /* ligne qui corrige le bug d'IE6 et inférieur */
}  

/* Rend visible tout notre bloc span et lui attribue une taille */
a.info_bulle:hover span, a.info_bulle:focus span
{
    top        :  auto;
    left       :  auto;
    width      :  220px;
    height     :  auto;
    overflow   :  visible;
} 
/* 
UTILISE POUR LE MENU DE GAUCHE
*/
.arrowlistmenu{
width: 203px; /*width of accordion menu*/
background-image:url(../test/images/menu_bg.jpg);
background-repeat:repeat-y;
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font: bold 14px Arial;
width: 203px; /*width of accordion menu*/
color: white;
/*margin-bottom: 10px; bottom spacing between header and rest of content*/
text-transform: uppercase;
/*padding: 4px 0 4px 10px; header text is indented 10px*/
cursor: hand;
cursor: pointer;
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background-image:url(../test/images/menu_bg.jpg);
background-repeat:repeat-y;
background-position:left;
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
/*padding: 0px;*/
margin-bottom: 0px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
/*padding-bottom: 5px; bottom spacing between menu items*/
padding-left: 15px; /*bottom spacing between menu items*/

}

.arrowlistmenu ul li a{
color: #666666;
display: block;
/*padding: 2px 0;*/
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
font-size: 90%;
}

.arrowlistmenu ul li a:visited{
color: #666666;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #D8261A;
}   
/*
FIN CSS MENU GAUCHE
*/           

.navigation {
			list-style: none;
			background:url(../test/images/menu_bg.jpg);
			color: #4D4F4F;
			width: 203px;
			font-family:Arial, Helvetica, sans-serif;
			font-size:13px;
			font-weight:bold;
			}
		.navigation a, .navigation span {
			display: block;
			padding: 4px 10px;
			color: #4D4F4F;
			text-decoration: none;
			/*background: #000 url(menu-item.png) left bottom no-repeat;*/
			}
		.navigation .toggleSubMenu a, .navigation .toggleSubMenu span {
			/*background-image: url(menu-item-deroule.png);*/
			}
		.navigation .open a, .navigation .open span {
			/*background-image: url(menu-item-enroule.png);*/
			}
		.navigation a:hover, .navigation a:focus, .navigation a:active {
			color:#d8261a;
			}
		.navigation .subMenu {
			/*background: #ccc url(subMenu.png) 0 0 repeat-x;
			margin: 0;
			padding: 0;*/
			}
		.navigation ul.subMenu a {
			background: none;
			/*padding: 3px 20px;*/
			}