body {
    margin: 15px 0;
    padding: 0;
	text-align:center;
	background:#0000FF;
}

h1{
font-size:18px;
font-family:Arial,helvetica,sans-serif; 
color:#000000;
margin:2px 2px 10px 0px;
background:#ffffff;
padding-left:2px;
text-align:center;
}
h1 span {position:absolute;left:-4000px;border:none;margin:0;padding:0;}
#sidebarleft h1, #top h1 {border:none;padding:0;margin:0;background:transparent}

h2{
font-family: arial, helvetica, sans-serif;
letter-spacing:1px; 
font-size:14px; 
color:#000000; 
}

h3{font-family: arial, helvetica, sans serif; font-size:13px; font-weight:bold; color:#ff0000;}

h4 {font-family:verdana, arial, helvetica, sans serif; font-size:12px; font-weight:bold; color:#e89d02;}

a {color:#000000;text-decoration:none;}

a:hover {color:#333;text-decoration:underline} 

ul {list-style-type:square} 
li {margin:5px;list-style-type:square}

img {border:none}
acronym { 
	cursor: help; 
	border-bottom: 1px dotted; 
}


#centre object {border:1px solid #00639c;}




/* forms

-------------------------------------------*/
form fieldset {
padding: 1em;
border: 1px solid #f1f3f8;
margin: 5px 0;
display: block;
}
.form {margin: 0;
padding:0;}
form {
line-height:15px;
}
form fieldset legend {
padding: 0px;
border: 1px solid #f1f3f8;
background:#f1f3f8;
color: #333;
margin:0;
}
 
form label {
width: 220px;
float:left;
height:15px;
}


form input {}
 
form select {width:170px;}
form ul{list-style-type:none;margin:0;padding:0}
form li{list-style-type:none;padding:0}
form #genre li {display:inline}
#genre label  {float:none;width:auto}

/* layout

-------------------------------------------*/

#page {
position:relative;
text-align:left;
margin:0 auto;
background:#fff url("../images2/design/fondo-blanco.jpg") top left repeat-y;
width:1000px;
font-family: verdana, arial, helvetica, sans serif;
font-size:10px;
padding:0;
border-top: 2px solid #0000FF;
border-left:2px #0000FF solid;
border-right:1px #0000FF solid;
}

#prelude {position : absolute;
	margin-top : -1600px;}

/* top

-------------------------------------------*/
#top {
position:relative;
padding: 0;
margin:0;

border-bottom: 15px solid #E3E3E3;
border-witdh :0 1px;
height:83px !important;
background:#E3E3E3 url("../images2/design/dinamix_logo.jpg") top left no-repeat;
}

#logo {
position:absolute;
top:0px;
left:0;

background:#E3E3E3;
}

#fla {
position:absolute;
top:4px;
left:300px;
margin:0;
padding:0;
}
#fla object, #fla embed {margin:0; padding:0;}

/* menu_top

-------------------------------------------*/

#menu_top {
position:absolute;
top:80px;
right:330px;
height:12px;
font-size:14px;
text-align:right;
padding:0px 0px 3px 0px!important;
padding:2px 10px 3px 0px;
font-family: verdana, arial, sans-serif;
color:#cccccc;

}
#menu_top a {color:#fff; text-decoration:none;}
#menu_top a:hover {text-decoration:underline;}

#top li {display:inline;margin:0}
#top ul {margin:0}


/* content 

-------------------------------------------*/

#content {
margin-left:200px;
}


#chemin{
font-size:10px;
font-weight:normal;
color:#000000;
border:#ffffff 2px solid;
border-bottom:none;
padding:2px 3px;
margin:10px 260px 0 0px !important;
margin:10px 175px 0 175px;
}
#chemin a {color:#000000;font-weight:normal;text-decoration:none}
#chemin a:hover {color:#000;font-weight:normal;text-decoration:none;background:none}


#actu{
position:absolute;
top:170px;
right:5px;
width:250px;
padding:0;
margin:0;
font-size:10px;

}

#actu div {
width:250px;
border:1px solid #E3E3E3;
margin-bottom:20px;
}

#actu p {
margin:3px 0;
padding:5px;

}
#co {

font-size:12px;
font-weight:bold;
text-align:center;
color:#00639c;
border:1px solid #bb0000;
border-top:3px solid #bb0000;

}

#press {
font-size:10px;
border:1px solid #000000;
}

#actu h2 {
margin:0;padding:0;
border-bottom:1px solid #f4ab48;
}


#centre {
margin:0px 260px 0 0px !important;
margin:0px 175px 0 175px;
padding:10px;
text-align:justify;
}

#centre p {margin-top:2em; margin-bottom:2em}
#centre form p {margin:0;}

/* Hide from IE5-mac. Only IE-win sees this. hack "three pixels bug" \ */
 
* html #sidebarleft {
  margin-right: -3px;
  }
 
* html #content {
  height: 1%;
  margin-left: 0;
  }
 
/*  End hide from IE5/mac */


/* sidebarleft 

-------------------------------------------*/

#sidebarleft {
position:absolute;
left:0.6%;
top:170px; 
width: 160px !important;
margin:0;
text-align:left;

}

#sidebarleft img {margin:0px;padding:0px;}
#sidebarleft input {width:70px;}

/* menu  

------------------------------------------- */

ul#menu {
list-style-type:none;
width:160px;
border:#00639c 2px solid;
margin:0;
padding:13px 0 0 0;
text-align:left;
background:#f1f3f8 url("../images2/design/fond_menu.gif") top left repeat-x;
margin-bottom:5px;
}

ul#menu  li {
list-style-type:none;
margin:0 3px;


}

ul#menu  li a {
display:block;
border-bottom:1px solid #ccc;
border-top:1px #fff solid;
color:#ffffff;
margin:0; 

padding:3px 2px;
background:#00639c url(../images2/design/fond_li_menu.gif) bottom right no-repeat;
}

ul#menu  li a:hover {
font-weight:bold;
text-decoration:none;
background:#00639c url(../images2/design/fond_li_menu_hover.gif) bottom right no-repeat;
border-bottom:1px solid #fff ;
border-top:1px #ccc solid;


}



/* footer 

-------------------------------------------*/

#footer {
clear:both;
color:#000;
text-align:center;
font-size:14px;
margin-top:10px;

height:35px;
background:  url("../images2/design/fond_footer.gif") bottom left repeat-x;
border:1px solid #E3E3E·;
border-width:1px 0;

	}

#footer a {color:#000000}

#validation{
padding:5px;
text-align:center; 
font-size:12px;

margin-top:0px;
background:#ffef21 url("../images2/design/fond_bottom.gif") top left no-repeat;
}
#validation a {color:#000;}
#validation a:hover {text-decoration:underline}


#lang {margin:2px 0 0 0;text-align:center;padding:0}


/* class 
-------------------------------------------*/

blockquote {margin-left:15px;padding-left:20px;background:  url(../../../images/design/ece/quote.gif) top left no-repeat}


.border{border-top:#000 solid; border:1px solid #000;margin:0;padding:5px;}

.border_top_jaune{border-top:1px solid #e89d02;}
.en_savoir_plus{
padding:2px 6px;
background-color:#f4ab48; 
border:1px dashed #333;
font-variant:small-caps;
font-size:12px;
float:right;
width:150px;
margin:0 0 0 10px;
text-align:left;
color:#FFFFFF;
} 

.clear_both{clear:both}

.float_left {float:left;margin:0 5px 0 0;padding:0 }
.float_right {float:right;margin:0 1px 0 5px}
.petit{font-size:10px;}
.italic{font-style:italic}

.center {text-align:center;}
.search {margin:0;padding:0;height:20px;width:150px;}
.resume {background:#fff5e1; padding:10px;font-size:12px;text-align:center;border:1px solid #000;} 

.grand{font-size:14px;}
.gras{font-weight:bold}
/* bloc
-------------------------------------------*/
.bloc_photo {border:1px solid #000;padding:5px;background:#FF9900;margin-bottom:10px;}
.bloc_photo img {float:left;padding:0px; margin-right:10px;}
.bloc_photo a {background:#fff;border:#dae0eb 1px solid;padding:0px 2px 1px 2px;}
.bloc_photo a:hover {background:#536f96;color:#fff;text-decoration:none;border:1px solid #fff}	

.temoignages {
background:#f1f3f8;
border:1px solid #000;
min-height:80px;
padding:3px;
font-size:12px;
}

#flags{
width:165px;
text-align:center;
}

#flags ul, #flags ul li {

list-style-type:none;
display:inline;
padding:0;margin:0;
}
.grand {font-size:150%;color:#E01291;}
.box {border:1px solid #00639C; text-align:center; background:#f1f3f8;}