body { 
/*background-color : black;gray ou #000164 - couleur fond à changer*/
background-image: url(images/fond.jpg);
padding : 0; 
text-align : center; 
} 

#container { 
width : 980px; 
text-align : left; 
margin-left : auto; 
margin-right : auto;
background-image: url(images/fonddecale.jpg);
/*background-color : black;gray ou #000164 couleur fond à changer*/ 
} 

#header { 
width : 978px; 
height : 100px; 
position : relative; 
margin-top: 0px; 
border : 1px solid #444444; 
background : url(images/idinfo68.png);
overflow: hidden;
}
#header h1 { 
font : normal 8px Verdana, Helvetica, Arial; 
font-weight : normal;
margin: 2px 2px 2px 2px;
}
 
#bloc_contenu { 
width : 980px; 
margin-top : 10px; 
/*background-color : black;gray ou  couleur fond à changer*/
background-image: url(images/fonddecalebis.jpg); 
overflow: hidden;
}

#tableau_global {
border-collapse: collapse;
}

#bloc_gauche {
width: 170px;
border: 1px solid #444444;
padding: 0px;
background : url(images/fondhaut1.jpg);
background-repeat : no-repeat;
vertical-align: bottom;
color: black; 
}
#bloc_gauche h1{
font : normal 8px Verdana, Helvetica, Arial; 
color: black; 
}
#bloc_gauche img{
display: block;
}

.separation{
width: 5px;
border-bottom-color: black;
border-top-color: black;
}

#bloc_centre  {
width: 600px;
border: 1px solid #444444;
padding: 10px;
background : url(images/fondbloccentre.jpg); 
background-repeat : repeat-x; 
}

#contenu {
text-align : justify; 
padding:0px;
}
#contenu h1 {
font : normal bold 14px Verdana, Helvetica, Arial;	
}
#contenu h1 img{
vertical-align: middle;
margin-right: 10px;
width:33px;
height:25px;
}

#contenu h2, h3 {
font : italic bold 12px Verdana, Helvetica, Arial;
margin-left: 20px;
margin-bottom: 0px;
margin-top: 10px;
line-height:110%;
text-decoration: underline;	
}
#contenu h3 {
color: #00008b;
}

#contenu a{
text-decoration: none;
font-weight: bold;
color:blue;
}
#contenu a:focus, #contenuBlocContenu a:active, #contenuBlocContenu a:visited{
color: Blue;
text-decoration: none;
}
#contenu a:hover{
color: Maroon;
}

.contenudetail {
padding: 15px 20px 0px 20px;
}

.contenudetailtexte {
line-height: 16px;		
}
.contenudetailtexte ul li {
text-align: left;
}

.contenudetailtexte form {
	margin-top: 0px;
	margin-bottom: 0px;
}

.imagefloatrighthorizontal {
float: right;
margin-left: 15px;
margin-bottom: 0px;
}
.imagefloatrighthorizontal img{
width:230px;
}

.imagefloatrighthorizontalsmall {
float: right;
margin-left: 15px;
margin-right: 20px;
margin-bottom: 0px;
}
.imagefloatrighthorizontalsmall img{
width:160px;
}

.imagefloatrightvertical {
float: right;
margin-left: 15px;
margin-bottom: 0px;
}
.imagefloatrightvertical img{
width:160px;
}

.meteo img{
	width:100px;
}

.imagefloatleftverticalinsert {
float: left;
margin-right: 15px;
margin-top: 15px;
margin-bottom: 0px;
}
.imagefloatleftverticalinsert img{
width:120px;
}

.imagefloatright {
float: right;
margin-left: 15px;
margin-bottom: 0px;
}
.imagefloatright img{
width:120px;
}

.imagefloatleft {
float: left;
margin-right: 15px;
margin-bottom: 0px;
}
.imagefloatleft img{
width:120px;
}

#bloc_droite  {
width: 170px;
border: 1px solid #444444;
padding: 0px;
background : url(images/fondhaut2.jpg); 
background-repeat : no-repeat;
vertical-align: bottom;
color: yellow; 
}
#bloc_droite h1{
font : normal 8px Verdana, Helvetica, Arial; 
color: black; 
}
#bloc_droite img{
display: block;
}
 
 
#footer {
font : 12px arial; 
text-align : center;
color : #888888; 
height : 45px; 
line-height : 40px;
width : 978px; 
position : relative; 
margin-top : 10px; 
border : 1px solid #444444; 
background : url(images/fondfooter.png); 
font-weight : bold;
overflow: hidden;
}
#footer a img { 
text-decoration : none;
margin-left : 20px;
margin-right : 20px;
border : none;
vertical-align: middle;
}
#footer span {
margin-left : 245px;
margin-right : 245px;
}
#footer span a {
text-decoration: none;
font-size: medium;
}
#footer span a:link, a:visited { color : #888888;  text-decoration: none; }
#footer span a:hover	          { color : #888888;  text-decoration: none; }

 
#competences table{
margin-left : auto; 
margin-right : auto;
width: 500px;
vertical-align: middle;
border-spacing: 5px;
}
#competences h2 {
margin-bottom: 7px;
margin-top: 7px;
line-height:120%;
}
#competences img {
width:35px;
height:26px;
margin-right : 8px; 
}
 
h1 { 
font : normal 14px Verdana, Helvetica, Arial; 
font-weight : bold; 
}
 
h2, h3, h4, h5, h6, div { 
font : normal 12px Verdana, Helvetica, Arial;
/*margin-bottom: 6px;*/
}
 
.titrePresentation { 
font-size : 12px; 
text-align : justify; 
line-height : 18px; 
}

.textecentre { 
text-align : center;
line-height: 15px; 
}

.textecentre td {
	vertical-align: top;
}
  
.textebascontenu { 
text-align : center;
line-height: 15px; 
}
.textebascontenu img { 
margin-left : 8px; 
margin-right : 8px; 
margin-bottom : 8px; 
margin-top : 10px; 
border : none; 
}
img {
	border: none;
} 

.flottantgauche {
float: left;
text-align: left;
margin-right: 30px;
margin-left: 30px;
}

.flottantdroit {
float: right;
text-align: right;
}

.divdecalegauche{
left: 700px;
}

.lettrine {
float: left; /* positionnement de la lettrine dans le conteneur*/
width:15px;
font-size: 3em; /* 3 hauteurs de lignes pour la lettrine*/
font-weight: bold;
font-family: Verdana, Helvetica, Arial;
color: navy;
/*border: 1px solid #990000;  définition d'une bordure autour de la lettrine
background-color: #FFFFCC;*/ 
margin: 1px;
padding: 1px;
line-height: 1em;
}

.italiquebrun {
	color: maroon;
	font-style: italic;
}

.intervention {
	font-style: italic;
	margin-top: 5px;
	margin-bottom: 3px;
	margin-left: 25px;
	font-size: 11px;
}
.intervention img{
vertical-align: middle;
margin-right: 5px;
width: 23px;
}

#contenu .partenaires h2 {
font : normal bold 12px Verdana, Helvetica, Arial;
margin-left: 20px;
margin-bottom: -15px;
margin-top: -15px;
text-decoration: underline;
text-align: left;
width:220px;	
	
}
#contenu .partenaires .flottantdroitpartenaires  h2 {
font : normal bold 11px Verdana, Helvetica, Arial;
margin-bottom: 0px;
margin-top: 0px;
text-decoration: underline;
text-align: right;	
}

.flottantdroitpartenaires {
float: right;
text-align: right;
margin-right: 20px;
}
.flottantdroitpartenaires h2 {
font : italic bold 11px Verdana, Helvetica, Arial;
margin-bottom: 0px;
margin-top: 0px;
line-height:100%;
text-decoration: underline;	
}
.listepuce {
margin-top: 5px;	
}
.listepuce li {
list-style-type: none;
background-image: url(images/puce.png);
background-repeat: no-repeat;
background-position: 0px 5px;
padding-left: 25px;
line-height: 20px;
}

.tableauliste {
	text-align: left;
}

.decalegauche {
	margin-left: 70px;
}

.new{
font : italic bold 10pt Verdana, Helvetica, Arial;	
color: #48a929;
border: 1px solid #006400;
text-align: center;
margin-right: 7px;
}