/* CSS Document */


body{
background: url(/office/images/fond_ot_bleu.gif);
/*BACKGROUND: url(/office/images/xmasbkgrnd1.jpg);*/
background-attachment: fixed;
text-align:center;
width:797px;
margin:0 auto ;
}


.actuel{ /* ajouté le 29-01-2008 par JM pour les breadcrumbs */
color:#FF6633;
font-size: 10px;
}

div#frame {
border:none;
width:797px;
text-align:left;
background-image:url(/office/images/bgTexte.jpg);
}

div#header{
margin-bottom: 23px;
margin-top: 0px;
}

div#bandeau{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
color:#1955A3;
margin-left:30px;
margin-right:30px;
padding-bottom:10px;
text-decoration:none;
}

div#menu {
border:none;
/*padding-left:inherit;
margin-left: 30px;*/
width: 215px;
float:left;
}
div#corps{
border:none;
position:relative;
margin-right:30px;
margin-left:30px;
padding-top:10px;
}

div#pied_de_page {
border:none;}

.navigation{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #1955A3;
text-decoration: underline;
}


.navigation:hover{
	color: #FF6633;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.navigation_large{
color: #1955A3;
text-decoration: none;
font-size:12px;
}

.navigation_large:hover{
	color: #FF6633;
	font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
}
.menu_nav{
	font-size: 10px;
	font-weight:bold;
	color: #1955A3;
	line-height: 25px;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.menu_nav:hover{
	color: #FF6633; /* Changé de #000000 par JM le 29-01-2008 */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}



 #text{
/* margin: 0 0 25px 200px; */
margin-left:230px;
margin-right:35px;
color:  rgb(0, 0, 153);
}


.Paragraphe {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: inherit;
	background-repeat: no-repeat;
	background-position: center center;
	color: #000099;
}

.petitbleu { 
font-family: Verdana;
	font-size: 11px;
	font-weight: normal;
	color: #000066;
	line-height: 16px;
}

.petitrouge { 
font-family: Verdana;
	font-size: 11px;
	font-weight: normal;
	color: #FF0000;
	line-height: 16px;
}

.petitvert { 
font-family: Verdana;
	font-size: 11px;
	font-weight: normal;
	color: #006633;
	line-height: 16px;
}

.petitblanc { 
font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 16px;
}
.petitgris{
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #333333;
	line-height: 16px;
}


.petitmauve {
color: #663399; 
line-height: 16px;
font-weight:bold;
}


.Titre_page{
	font-size: 16px;
	color: #000066;
	line-height: 18px;
	text-decoration: none;
	font-family: "Times New Roman", Times, serif, "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}



.Titre_Paragraphe {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #000066;
	text-decoration: underline overline;
}
 
 .Titre_Paragraphe_gris {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #333333;
	text-decoration: underline overline;
}

.menu a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #1955A3;
	text-decoration: none;
}

.menu a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #1955A3;
	text-decoration: none;
}

.menu a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}

P.intro {
font-family : Verdana;
font-size : 11px; 
/*font-weight : bold; */
color : #000066; 
text-align : left; 
}

P.intro:first-letter {
font-family : "Times New Roman", times, serif;
font-size : 24px;
/*font-style: italic;*/
color : #000066; 
}

.rubrique {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color: #828490;
}

/* Pour les diaporamas */
div#cellule{
width:500px; 
height:400px;  
float:left; 		                                      
z-index:5; 
visibility:visible;
}
          
		  
div#layer1{
z-index:4;  
visibility: visible; 
height: 0px; 
overflow: hidden;
}

div#layer2{
z-index:4;  
visibility: visible; 
height: 0px; 
overflow: hidden;
}