*{
/* style */
font-family: Arial, Verdana, sans-serif;
font-size: 100%;
}
body{
margin: 0;
padding: 0;
font-size: 0.8em;
/* style */
color: #000;
background: #fff;
}

.zonemaxwidth{
width: 960px;
margin: 0 auto;
text-align: left;
/* style */
background: #ffffff;
}

#container{
margin: 0 auto;
text-align: center;
background: #ffffff url('../image/container_bg.gif') center center;
}
#header{
height: 215px;
/* style */
background: transparent url('../image/header_fd.gif') repeat-x;
}
#zonetop{
clear: both;
margin: 12px 0 0 0;
/* style */
color: #000000;
}
#zonecenter{
margin-left: 0; /* must be equal to the zoneleft width */
margin-right: 220px; /* must be equal to the zoneright width */
width: 730px;
/* style */
}
* html #zonecenter{ /* hack IE < 7 */
width: 709px; /* certainement -3 pour decalage IE 6 avec ajout de zoneright */
}
#zoneleft{
float: left;
width: 0;
/* style */
}
#zoneright{
float: right;
width: 220px;
margin-top: 60px;
/* style */
}
#footer{
clear: both;
height: 30px;
width: 100%;
margin: 50px 0 0 0;
/* style */
color: #000;
}

/*---------- SPECIFIC STRUCTURE --------*/

/*---------- ELEMENTS TO HIDE ----------*/
#header_impression{
display: none;
}

/*------------------------------------------------------------------------
as much as possible...
first redefine HTML elements, then define the other elements
Use CONTAINER as common declaration for the others
-------------------------------------------------------------------------*/

a{
text-decoration: none;
color: #069;
}
a:hover{
text-decoration: underline;
color: #036;
}
.center{
text-align: center;
}
.right{
text-align: right;
}
dt{
font-weight: bold;
}
hr{
border: solid 1px #38ade8;
height: 1px;
width: 60%;
margin: 40px auto;
text-align: center;
}

/*---------- CONTAINER ----------*/
p{
margin: 0 0 10px 0;
}
h1{
font-size: 1.6em;
margin: 10px 0;
color: ;
background-color: #fff;
}
h4{
color: #003366;
background-color: #fff;
}
img{
border: none;
}
acronym{
/* style */
border-bottom: dotted 1px #ddd;
cursor: help;
}
.clear{
clear: both;
}
.floatleft{
float: left;
}
.floatright{
float: right;
}

/*----- HEADER -----*/
#header img {
display: block;
}
#header #degrade{
margin: 0 0 0 -70px;
position: absolute;
}
#header #logo{
margin: 7px 0 0 10px;
+margin: 25px 0 0 10px;
}
#banner{
margin-top: 20px;
}
#onu{
float: left;
width: 60px;
font-family: Verdana, Arial, sans-serif;
color: #0075b1;
font-size: .8em;
margin: 6px 10px 6px 5px;
padding: 0;
text-align: center;
+margin: 6px 3px 6px 3px;
}
#patronage{
float: left;
width: 100px;
background: url('../image/eupatronage_bg.gif') transparent no-repeat;
font-family: Verdana, Arial, sans-serif;
color: #0075b1;
font-size: .8em;
margin: 6px 5px 6px 0;
+margin: 6px 3px 6px 0;
padding: 0;
text-align: center;
}
#patronage strong{
font-family: Verdana;
font-weight: bold;
}
#patronage p{
text-align: left;
padding: 4px 5px 5px 8px;
line-height: 12px;
}
#patronage img{
text-align: center;
margin: 3px auto;
}
#organisateurs{
position: absolute;
width: 180px;
height: 150px;
background: url('../image/organisers_border.gif') transparent no-repeat;
padding: 0;
}
* html #organisateurs{ /* hack IE < 7 */
margin-top: -3px;
}
#organisateurs h3{
margin: 0 20px 8px 20px;
font-size: 12px;
font-weight: bold;
font-family: Verdana, Arial, sans-serif;
color: #e67944;
text-align: right;
}
#organisateurs ul{
margin: -10px 0 0 0;
padding: 0;
list-style-type: none;
z-index: 2;
}
#organisateurs img{
display: block;
margin: 0 20px 0 0;
padding: 0;
}
#organisateurs li img{
}
#organisateurs img.logo{
display: inline;
}
#organisateurs li{
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
}

/*----- ZONETOP -----*/


/*----- ZONECENTER -----*/

/* MENU */
img{
border: 0;
}
#menu{
width: 730px;
}
* html #menu{ /* hack IE < 7 */
width: 709px;
}
#menu ul{
margin: 0;
padding: 0;
list-style-type: none;
text-align: left;
}
#menu li{
display: block;
height: 40px;
float: left;
padding: 0;
}

#menu #menu1 a{
width: 110px; /* -9 */
background: url('../image/menu1_bg.gif') #0075b1 no-repeat;
}
#menu #menu2 a{
width: 102px;
background: url('../image/menu2_bg.gif') #0075b1 no-repeat;
}
#menu #menu3 a{
width: 136px;
background: url('../image/menu3_bg.gif') #0075b1 no-repeat;
}
#menu #menu4 a{
width: 97px;
background: url('../image/menu4_bg.gif') #0075b1 no-repeat;
}
#menu #menu5 a{
background: url('../image/menu5_bg.gif') #38ade8 no-repeat;
width: 72px;
}
#menu #menu6 a{
background: url('../image/menu6_bg.gif') #38ade8 no-repeat;
width: 107px;
}
#menu #menu1 a:hover{
background: url('../image/menu1_bg_on.gif') #0075b1 no-repeat;
}
#menu #menu2 a:hover{
background: url('../image/menu2_bg_on.gif') #0075b1 no-repeat;
}
#menu #menu3 a:hover{
background: url('../image/menu3_bg_on.gif') #0075b1 no-repeat;
}
#menu #menu4 a:hover{
background: url('../image/menu4_bg_on.gif') #0075b1 no-repeat;
}
#menu #menu5 a:hover{
background: url('../image/menu5_bg_on.gif') #38ade8 no-repeat;
}
#menu #menu6 a:hover{
background: url('../image/menu6_bg_on.gif') #38ade8 no-repeat;
}
/* inactifs */
#menu  li#menu2.off a, #menu li#menu2.off a:hover{
background: url('../image/menu2_bg_off.gif') #ccc no-repeat;
}
#menu  li#menu3.off a, #menu li#menu3.off a:hover{
background: url('../image/menu3_bg_off.gif') #ccc no-repeat;
}
#menu  li#menu4.off a, #menu li#menu4.off a:hover{
background: url('../image/menu4_bg_off.gif') #ccc no-repeat;
}
#menu  li#menu6.off a, #menu li#menu6.off a:hover{
background: url('../image/menu6_bg_off.gif') #ccc no-repeat;
}

#menu #fleche{
position: absolute;
margin-left: 700px;
+margin: 0;
}
#menu #fleche img{
margin: 12px 0 0 28px;
}

#menu li a{
display: block;
height: 34px;
margin: 0 6px 0 0;
padding: 6px 0 0 9px;
text-decoration: none;
font-family: Arial, Verdana, sans-serif;
font-weight: bold;
font-size: 12px;
color: #fff !important;
cursor: default;
}
* html #menu li a{ /* hack IE < 7 */
margin: 0 4px 0 0;
}
#menu li a:visited{
color: #2d2b2b;
}
/*#menu li a:hover, #menu li a.current{
background-color: #DBFF6C;
color: black;
}*/
#menu li a:active{
color: black;
}
.menucontainer{
clear: left;
width: 730px;
height: 30px;
padding-top: 5px;
margin-bottom: 10px;
background: url('../image/menucontainer_bg.gif') #fff bottom no-repeat;
}
.menucontent{
display: none;
}
.menucontent ul{
margin: 0 0 0 10px;
padding: 5px 0;
list-style-type: none;
}
.menucontent li{
display: inline;
margin: 0;
padding: 0;
}
.menucontent li a{
vertical-align: middle;
margin: 0 7px 0 0; 
font-family: Verdana, Arial, sans-serif;
font-weight: bold;
font-size: 12px;
color: #006699;
text-decoration: none;
}
.menucontent{
vertical-align: middle;
margin: 0 10px 0 0; 
font-family: Verdana, Arial, sans-serif;
font-weight: bold;
font-size: 12px;
color: #006699;
}
.menucontent li a:hover{
color: #d97441;
}

/* Fix IE. Hide from IE Mac \
* html #navigationmenu ul li a {
height: 1%;
}
* html #navigationmenu dd {
width: 1%;
}*/

/* CONTENU */
#contenu{
padding: 0 0 15px 0;
line-height: 1.4em;
margin: 1em 10px 2em 0;
font-size: 1em;
text-align: justify;
color: #003366;
}

/* dispo 1 */
#spip_logo{
float: left;
width: 110px;
}
#contenu_texte{
float: left;
width: 610px;
}
* html #contenu_texte{ /* hack IE < 7 */
width: 591px;
}
/* dispo 2 */
#photos{
float: left;
width: 220px;
}
#photos img{
margin-bottom: 12px;
}
#contenu_texte2{
float: left;
width: 500px;
}
* html #contenu_texte2{ /* hack IE < 7 */
width: 481px;
}
h1 {
padding: 0;
margin: 0 0 25px 0;
font-family: Verdana, Arial, sans-serif;
font-weight: bold;
font-size: 18px;
color: #e9913c;
}
h2 {
padding: 0;
margin: 0 0 25px 0;
font-family: Verdana, Arial, sans-serif;
font-weight: bold;
font-size: 16px;
color: #e9913c;
}
h3 {
padding: 0;
margin: 15px 0 10px 0;
font-family: Verdana, Arial, sans-serif;
font-weight: bold;
font-size: 1.1em;
color: #e9913c;
}
.chapo {
font-size: 1.1em;
color: #121212;
padding-bottom: 10px;
color: #036;
}
p{
line-height: 1.3em;
}

/* FORM */
form{
padding: 15px;
margin: 0;
/* style */
background: #eef8fc;
}
.formspacer{
margin: 10px;
}
fieldset{
padding: 0;
margin: 0;
/* style */
border: 0;
}
legend{
padding: 0;
margin: 0 0 15px 0;
+margin: 0 0 15px -7px; /* hack IE */
/* style */
font-weight: normal;
font-size: 1.3em;
color: #38ade8;
}
label{
padding: 0;
margin: 10px 0 0 0;
/* style */
font-weight: bold;
font-size: 1em;
}
input, select{
/* style */
}
.boutons{
display: block;
text-align: right;
}

.attributename, .required{
font-weight: normal;
font-family: Georgia, Times new roman, serif;
font-size: 1.4em;
text-align: right;
padding: 0 20px;
}
.attributename, .note{
color: #43ACE2;
}
.required, .noterequired{
color: #EC8F29;
}
.messages {
padding: 0;
margin: 15px 0;
}
.messages li{
color: green;
padding: 10px;
border: dotted 1px green;
font-weight: bold;
list-style-type: none;
margin: 0;
}
.messages li.error{
color: red;
border: dotted 1px red;
}
label{
display: block;
float: left;
height: 16px;
text-align: right;
margin-top: 0px;
padding: 0 15px;
}

input{
height: 20px;
padding: 0 3px;
border: 1px solid #43ACE2;
background: #fff;
font-size: 1.2em;
color: #015582;
}


/* contactus */
#contactusform label{
width: 18%;
}
#contactusform select{
height: 20px;
border: 1px solid #43ACE2;
background: #fff;
padding: 0;
font-size: 1.2em;
color: #015582;
}
form p{
display: block;
float: left;
text-align: right;
padding: 0 15px;
font-size: 0.9em;
}
input.ok{
padding: 4px 10px;
/* style */
cursor: pointer;
cursor: hand;
font-weight: bold;
font-size: 1.2em;
color: #ddd;
background: #e67944;
height: 30px;
border: 0;
}
input.ok:hover{
color: #fff;
background: #ff8f57;
}
a.bouton{
padding: 3px 8px;
/* style */
cursor: pointer;
cursor: hand;
font-weight: bold;
font-size: 1.1em;
color: #f2f2f2;
background: #38ade8;
height: 30px;
border: 0;
}
a.bouton:hover{
color: #fff;
background: #0075b1;
text-decoration: none;
}

/* signup */
#signup label{
width: 30%;
}
#signup p{
width: 32%;
}

#signup select{
height: 20px;
border: 1px solid #43ACE2;
background: #fff;
padding: 0;
font-size: 1.2em;
color: #015582;
}
#signup #countrylist{
font-size: 0.8em;
}
#signup input.ok{
padding: 4px 10px;
/* style */
cursor: pointer;
cursor: hand;
font-weight: bold;
font-size: 1.2em;
color: #ddd;
background: #e67944;
height: 30px;
border: 0;
}
#signup input.ok:hover{
color: #fff;
background: #ff8f57;
}

/* docs */
.doc{
font-size: 1.1em;
}
.doc img{
vertical-align: middle;
}

/*-- TABLEAU --*/

table{
width: 100%;
margin: 10px 0 20px 0;
}
table.programme{
width: 100%;
margin: 10px 0 20px 0;
}
table.programme td, table.programme th{
text-align: center;
}
table.programme th{
color: #ffffff;
background-color: #38ade8;
}
table.programme td{
background-color: #ddd;
height: 40px;
}
table.programme td.bgbreak{
background-color: #f5f5f5;
font-size: 0.8em;
font-family: Verdana, Arial, sans-serif;
height: 20px;
}
table.programme td.bgwhite{
background-color: white;
}
table.programme td.bggreen{
background-color: #fcefe1;
}
table.programme td.bgpurple{
background-color: #ccc;
}

/*----- ZONELEFT -----*/

/*----- ZONERIGHT -----*/
.item{
margin: 0 0 10px 0;
height: 37px;
}
.item a{
display: block;
padding: 3px 50px 0 12px;
height: 20px;
color: #0074b4;
text-decoration: none;
color: #0074b4;
font-size: 14px;
font-weight: bold;
font-family: Verdana, Arial, sans-serif;
}
.item2{
margin: 10px 0;
height: 30px;
}
.item2 a{
display: block;
padding: 4px 50px 0 12px;
height: 20px;
width: 140px;
color: #0074b4;
text-decoration: none;
color: #0074b4;
font-size: 12px;
font-weight: bold;
font-family: Verdana, Arial, sans-serif;
}
.item2 a:hover{
color: #38ade8;
}
#zonecontact{
background: url('../image/zoneright_item1_bg.gif') #fcefe1 no-repeat;
}
#zonecontact img{
vertical-align: middle;
}
#callforpapers a, #sponsors a{
color: #e65d1b;
}
#callforpapers a:hover{
color: #f39566;
}
#callforpapers{
background: url('../image/zoneright_item2_bg.gif') #fcefe1 no-repeat;
}
#sponsors{
background: url('../image/zoneright_sponsors_bg.gif') #fcefe1 no-repeat;
height: 30px;
}
#registration{
background: url('../image/zoneright_registration_bg.gif') #fcefe1 no-repeat;
height: 30px;
}
#registration a{
font-size: 90%;
}
.deadline{
vertical-align: top;
font-size: 10px;
font-weight: regular;
font-family: Arial, Verdana, sans-serif;
padding-left: 2px;
color: #0074b4;
}

#illustration{
margin: 0 0 15px 0;
padding: 0;
}
#illustration img{
display: block;
margin: 0;
padding: 0;
}
#illustration img.illustration{
margin: 0;
padding: 0;
}

#sponsorslist{
margin: 10px 0;
padding: 0;
background-color: #fcefe1;
text-align: center;
}
#sponsorslist h3{
margin: 0 20px 8px 20px;
font-size: 12px;
font-weight: bold;
font-family: Verdana, Arial, sans-serif;
color: #e67944;
text-align: right;
}
#sponsorslist ul{
margin: 0;
padding: 0;
list-style-type: none;
}
#organisateurs img{
display: block;
vertical-align: bottom;
}
#sponsorslist img.logo{
display: inline;
}
#sponsorslist li{
margin: 0;
padding: 0;
list-style-type: none;
}

/*---- FOOTER ----*/

#footer .zonemaxwidth{

}
#footer ul{
float: right;
margin: 0;
padding: 0;
}
#footer li img{
vertical-align: middle;
padding: 0 0 0 10px;
}
#footer li{
display: inline;
margin: 0;
padding: 0;
}
#footer li a{
color: #0074b4;
font-size: 10px;
font-weight: bold;
font-family: Verdana, Arial, sans-serif;
}
#footer li a:hover{
color: #e9913c;
}
#footer li{
color: #aaa;
font-size: 10px;
padding: 5px 10px 5px 0;
font-weight: bold;
font-family: Verdana, Arial, sans-serif;
}
#sponsors_legend{
margin: 0 0 0 74px;
}

/* TEMP à structurer */
.callforpaper dl{
margin: 0;
padding: 0;
}
.description{

}
dd.theme {
margin: 0;
padding: 0;
}
dt.theme{
margin: 50px 0 0 0;
padding: 20px 0 12px 0;
/*clear: left;*/
}
.theme .themedescription{
font-weight: bold;
}
.section dt{
font-size: 1em;
margin: 0;
padding: 0;
/*clear: left;*/
}
span.num, span.libelle{
/*display: block;*/
}
dt.theme span.libelle{
margin: 0;
text-transform: uppercase;
font-size: 0.9em;
font-weight: bold;
font-family: Verdana, Arial, sans-serif;
background: #0075b1;
color: #fff;
padding: 4px 110px 4px 10px;
vertical-align: middle;
width: 460px;
background: transparent url('../image/callforpaper_topiclibelle_bg.gif') right no-repeat;
}
dt.theme .num{
margin: 0;
text-transform: uppercase;
text-align: center;
padding: 10px;
color: #ffffff;
background: transparent url('../image/callforpaper_topic_bg.gif') center no-repeat;
font-size: 0.8em;
font-weight: bold;
font-family: Verdana, Arial, sans-serif;
vertical-align: middle;
}
dt.section{
margin: 20px 0 3px 6px;
padding: 0;
}
dt.section span.libelle{
font-size: 1em;
font-weight: bold;
font-family: Arial, Verdana, sans-serif;
color: #006699;
}
dt.section span.num{
float: left;
padding: 2px 15px 18px 15px;
margin: 0;
background: transparent url('../image/callforpaper_section_bg.gif') top no-repeat;
font-size: 1em;
font-weight: bold;
}
a.sectiondetails{
color: #F9B979;
font-family: Verdana, Arial, sans-serif;
font-weight: bold;
font-size: 11px;
margin-left: 250px;
}
p.themedescription{
padding: 10px;
font-weight: normal !important;
font-size: 1.1em;
}
p.sectiondesciption{
color: #006699;
padding: 16px;
font-weight: normal !important;
}
.reference_sign{
margin-bottom: -8px;
font-size: 18px;
font-weight: bold;
font-family: Verdana, Arial, sans-serif;
color: #c14305;
}
.reference_sign a{
font-size: 18px;
font-weight: bold;
font-family: Verdana, Arial, sans-serif;
color: #c14305;
}
ul.reference_text{
margin: 20px 0;
padding: 0;
list-style-type: none;
border-top: solid 1px #cccccc;
font-family: Verdana, Arial, sans-serif;
font-size: 0.9em;
color: #999;
}
.reference_text li{
margin: 10px 0;
padding: 0;
}
dl.call{
padding: 16px;
}
.call dt{
font-size: 1em;
color: #e9913c;
}
.call dd{
font-family: Verdana, Arial, sans-serif;
font-size: 0.8em;
color: #666;
}
/*
#theme1{
background: transparent url('../image/callforpaper_topic1_bg.gif') top left no-repeat;
}
#theme2{
background: transparent url('../image/callforpaper_topic2_bg.gif') top left no-repeat;
}
#theme3{
background: transparent url('../image/callforpaper_topic3_bg.gif') top left no-repeat;
}
#theme4{
background: transparent url('../image/callforpaper_topic2_bg.gif') top left no-repeat;
}
#theme5{
background: transparent url('../image/callforpaper_topic2_bg.gif') top left no-repeat;
}
#theme6{
background: transparent url('../image/callforpaper_topic2_bg.gif') top left no-repeat;
}*/

/* online submission */
h3.step{
text-align: right;
color: #38ade8;
}

/* submission */
#submission label, #submission p{
width: 35%;
}

/* login */
#login label{
width: 50px;
font-size: 1em;
}
/* login */
#login input{
width: 70px;
}
#login input.ok{
width: 40px;
margin: 20px 0;
}

#after{
margin: 0;
padding: 0;
list-style-type: none;
}
#after li{
display: block;
float: left;
width: 200px;
margin: 0;
padding: 15px;
}