*{
/* 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: 770px;
margin: 0 auto;
text-align: left;
/* style */
}

#container{
margin: 0 auto;
text-align: center;
}
#header{
height: 90px;
/* style */
background: transparent url('../img/header_fd.gif') repeat-x;
}
#zonetop{
clear: both;
margin: 12px 0 0 0;
/* style */
color: #000;

}
#zonecenter{
margin-left: 0; /* must be equal to the zoneleft width */
margin-right: 350px; /* must be equal to the zoneright width */
width: 410px;
/* style */
}
#zoneleft{
float: left;
width: 0;
/* style */
}
#zoneright{
float: right;
width: 350px;
/* style */
text-align: center;
}
#footer{
clear: both;
height: 30px;
width: 100%;
margin: 50px 0 0 0;
/* style */
color: #000;
}

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

/* RESULT */
#container.result #zoneleft{
display: none;
width: 0;
/* style */
}
#container.result #zonecenter{
margin-left: 0; /* must be equal to the zoneleft width */
margin-right: 0; /* must be equal to the zoneright width */
width: 760px;
/* style */
}

/*---------- 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;
}

/*---------- CONTAINER ----------*/
p{
margin: 0 0 10px 0;
}
h1{
font-size: 1.6em;
margin: 10px 0;
color: ;
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;
}

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

/* MENU */
img{
border: 0;
}
#menu{
width: 770px;
}
#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('../img/menu1_bg.gif') #0075b1 no-repeat;
}
#menu #menu2 a{
width: 102px;
background: url('../img/menu2_bg.gif') #0075b1 no-repeat;
}
#menu #menu3 a{
width: 136px;
background: url('../img/menu3_bg.gif') #0075b1 no-repeat;
}
#menu #menu4 a{
width: 97px;
background: url('../img/menu4_bg.gif') #0075b1 no-repeat;
}
#menu #menu5 a{
background: url('../img/menu5_bg.gif') #38ade8 no-repeat;
width: 72px;
}
#menu #menu6 a{
background: url('../img/menu6_bg.gif') #38ade8 no-repeat;
width: 107px;
}
#menu #menu1 a:hover{
background: url('../img/menu1_bg_on.gif') #0075b1 no-repeat;
}
#menu #menu2 a:hover{
background: url('../img/menu2_bg_on.gif') #0075b1 no-repeat;
}
#menu #menu3 a:hover{
background: url('../img/menu3_bg_on.gif') #0075b1 no-repeat;
}
#menu #menu4 a:hover{
background: url('../img/menu4_bg_on.gif') #0075b1 no-repeat;
}
#menu #menu5 a:hover{
background: url('../img/menu5_bg_on.gif') #38ade8 no-repeat;
}
#menu #menu6 a:hover{
background: url('../img/menu6_bg_on.gif') #38ade8 no-repeat;
}
/* inactifs */
#menu  li#menu2.off a, #menu li#menu2.off a:hover{
background: url('../img/menu2_bg_off.gif') #ccc no-repeat;
}
#menu  li#menu3.off a, #menu li#menu3.off a:hover{
background: url('../img/menu3_bg_off.gif') #ccc no-repeat;
}
#menu  li#menu4.off a, #menu li#menu4.off a:hover{
background: url('../img/menu4_bg_off.gif') #ccc no-repeat;
}
#menu  li#menu6.off a, #menu li#menu6.off a:hover{
background: url('../img/menu6_bg_off.gif') #ccc no-repeat;
}

#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;
}
#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: both;
width: 770px;
height: 30px;
padding-top: 5px;
margin-bottom: 10px;
background: url('../img/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 10px 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%;
}*/

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

/* 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: 420px;
}

/* dispo 2 */
#photos{
float: left;
width: 220px;
}
#photos img{
margin-bottom: 12px;
}
#contenu_texte2{
float: left;
width: 310px;
}

h1 {
padding: 0;
margin: 0 0 25px 0;
font-family: Verdana, Arial, sans-serif;
font-weight: bold;
font-size: 18px;
color: #cc0000;
}
h2 {
padding: 0;
margin: 0 0 25px 0;
font-family: Verdana, Arial, sans-serif;
font-weight: bold;
font-size: 16px;
color: #cc0000;
}
h3 {
padding: 0;
margin: 15px 0 10px 0;
font-family: Verdana, Arial, sans-serif;
font-weight: bold;
font-size: 1.1em;
color: #cc0000;
}
.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: #cc0000;
}
.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: #cc0000;
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: #cc0000;
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: 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: 60px;
}
.item2 a{
display: block;
padding: 7px 50px 0 12px;
height: 20px;
width: 100px;
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{
margin: auto;
width: 220px;
background: url('../img/zoneright_item1_bg.gif') #fcefe1 no-repeat;
text-align: left;
}
#zonecontact img{
vertical-align: middle;
}
#callforpapers a{
color: #e65d1b;
}
#callforpapers a:hover{
color: #f39566;
}
#callforpapers{
background: url('../img/zoneright_item2_bg.gif') #fcefe1 no-repeat;
}
.deadline{
vertical-align: top;
font-size: 10px;
font-weight: regular;
font-family: Arial, Verdana, sans-serif;
padding-left: 2px;
color: #0074b4;
}

#illustration{
background-color: #ddeaf0;
text-align: center;
}
#illustration h3{
margin: 0 20px 8px 20px;
font-size: 12px;
font-weight: bold;
font-family: Verdana, Arial, sans-serif;
color: #0075b1;
text-align: right;
}
#illustration img{
display: block;
text-align: center;
}
#illustration img.illustration{
border: solid 1px #fff;
margin: 0 auto;
}

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

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

#footer .zonemaxwidth{

}

#footer #tempsexec{
margin-top: 3px;
/* style */
text-align: right;
font-size: 0.8em;
font-family: Verdana, Arial, sans-serif;
color: #bbb;
}
#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: #cc0000;
}
#footer li{
color: #aaa;
font-size: 10px;
padding: 5px 10px 5px 0;
font-weight: bold;
font-family: Verdana, Arial, sans-serif;
}

/* TEMP à structurer */
#previous{
margin: 0;
padding: 0;
}
#previous li{
padding: 40px 0;
list-style-type: none;
clear: left;
}
#previous .photo{
float: left;
width: 160px;
}
#previous .description{
float: left;
width: 200px;
}
#previous .description a{
display: block;
text-align: right;
}
#previous h2{
margin: 0;
padding: 0;
font-size: 1.4em;
font-family:;
color: #1aa3e4;
}
#previous h3{
margin: 0;
padding: 0;
font-size: 1.2em;
font-family:;
color: #0075b4;
}