/* -------------------------- Feuille de style pour écran - Style standard ------------------------ */
/* --------------------------------------------- MCI - 2009 -------------------------------------- */

/* /// Icones et pictogrammes : famfamfam_silk_icons_v013 /// */


/* ------------------------- 1. Reset CSS ------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}


ol, ul {
list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse:collapse;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
}


/* ---------------------------- Styles Principaux ---------------------*/

body {
font-family:"Verdana", "Arial", "Helvetica", sans-serif;
line-height:1.3em;
color:#fff;
font-size:11px;
margin:0 auto;
background: #465866;
}

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

a:hover {
color:#999;
}

strong {
font-weight:bold;
color:#c5e6ff;
}

em {
font-style:italic;
}

h1,h2,h3,h4,h5,h6 {
clear:both;
}

h1 {
color:#ffaa47;
font-weight:normal;
margin:20px 0 15px 15px ;
font-size:21px;
padding:1px 0 0 5px;
}

h2 {
color:#ebf5ff;
font-size:16px;
font-weight:bold;
line-height:1.2em;
margin:30px 0 20px 20px;
}


h3 {
color:#ebf5ff;
font-size:14px;
font-weight:bold;
padding:0 0 5px 0;
margin:15px 0 15px 20px;
}

h4 {
color:#ffaa47;
font-size:12px;
font-weight:bold;
padding:0 0 5px 0;
margin:15px 0 0 20px;
}

#contenu-centre p {
margin: 5px 0 0 30px;
text-align:justify;

}


ul {
padding:0;
margin:0;
clear:both;
}

li {
padding:0;
margin: 0;
font-size:1em;
list-style:none;
}


caption {
display:none;
}

hr {
clear:both;
width:527px;
height:3px;
color:none;
background:transparent url(../images/hr.jpg) no-repeat;
border:none;
margin:20px 0 20px 0;
}

dl {
margin: 10px 10px 10px 30px;
width:420px;
clear:both;
}

dt {
font-weight:bold;
background:#6a8294;
padding: 3px 0 3px 5px;
}

dd {
color:#6a8294;
margin:0 0 5px 0;
padding: 7px 0 7px 25px;
background:#f2f2f2 url(../images/dt-puce.gif) no-repeat 10px 12px;
 
}

blockquote {
font-family:"Arial", "Verdana", "Helvetica", sans-serif;
font-size:12px;
color:#fff;
width:400px;
padding:20px;
margin: 10px 0 10px 30px;
font-weight:bold;
background:#6a8294 url(../images/blockquote.jpg) top left no-repeat;
}

blockquote:first-letter {
font-size:24px;
color:#ffaa47;
font-family:"Arial", "Verdana", "Helvetica", sans-serif;
}

/* --------------- Style Recherche et Fomulaires------------------*/

textarea {
	width:200px;
	height:150px;
}

input[type=text], select {
	width:150px;
}

input[type=radio], input[type=checkbox] {
	border:0;
}

/* ------------------- Mise en forme principale ----------------*/
#contenant {
margin:0 auto;
width:930px;
margin-top:30px;
margin-bottom:30px;
}

#contenu {
width:930px;
float:left;
background:#465866 url(../images/fond-content.jpg) top left repeat-y;
}


/* ------------------- Contenu Header ----------------*/
#header {
width:921px;
float:left;
}

#logo {
width:224px;
height:226px;
float:left;
}


#title {
width:697px;
height:226px;
float:left;
}

#bandeau-flash{
float:left;
width:930px;
height:251px;
padding:10px 10px 0 10px;
background: url(../images/fondbandeau.jpg) no-repeat;
}

#menu_h{
	margin:3px;
	width:260px;
	float:right;
}

#menu_h ul{	
	padding:0;
	list-style-type:none;
	height:1.4em;
	padding-top:1px;
}

#menu_h li {
	float:left;	
}

#menu_h  a {
	font-size:9px;
	/*width:120px;*/
	margin:0 20px 0 0 ;
	/*display:block;*/
	color:#FFAA47;
	font-weight:bold;
}
#menu_h a:hover{
	color:#FFFFFF;
}

/* ------------------- Contenu gauche----------------*/

#contenu-gauche {
float:left;
}

#milieu-gauche {
width:212px;
float:left;
}



/*-------------------------------- menu ------------------------- */

#menu-gauche li{
list-style:none;
margin:0 0 2px 10px;
font-size:10px;

}

#menu-gauche li a {
	color:#ccc;
	width:182px;
	height:23px;
	font-weight:normal;
	text-decoration:none;
	display:block;
	background:#3c4f5e;
	padding:7px 0 0 15px;
	border-left: 5px solid #314656;
}

#menu-gauche li a:hover {
	color:#eef8ff;
	background:#788b9c;
	border-left: 5px solid #ffaa47;

}

#menu-gauche li a.selected {
	color:#eef8ff;
	background:#788b9c;
	border-left: 5px solid #ffaa47;
}

#menu-gauche ul.subMenu li{	
	margin:0 0 2px 0;
	padding:0;
}
#menu-gauche ul.subMenu li a{
	color:#fff;
	background:#59758C;
	border-left: 5px solid #446277;
}

#menu-gauche ul.subMenu li a:hover {
	color:#eef8ff;
	background:#788b9c;
	border-left: 5px solid #ffaa47;
}
#menu-gauche ul.subMenu li a.selected {
	color:#eef8ff;
	background:#788b9c;
	border-left: 5px solid #ffaa47;
}

/* ------------------------------- newsletter -------------------*/

#download{
margin:20px 0 30px 30px;
}
#download a{
color:#FFAA47;
}
#download a:hover{
color:#FFFFFF;
}

#newletter_submit{
width: 200px;
margin: 0 0 30px 0;
}

#newletter_submit p{
color:#e1e1e1;
font-size:10px;
margin:10px 0 5px 30px;
width:170px;
text-align:left;
}

#email {
margin:0 0 0 20px;
width: 110px;
background:#5c6f7e;
border:1px solid #314656;
border-left: 5px solid #314656;
color:#ccc;
}

#email_submit {
background:#3c4c59;
border:none;
color:#ccc;
font-size:10px;
padding:2px;
}

/* ---------------------------- Contenu central--------------------- */



/*CONTENU PRINCIPAL*/

#contenu-centre  {
width:570px;
background: url(../images/hautcontenu.jpg) top left no-repeat  ;
float:left;
margin:0 0 0 24px;
padding:10px 45px 50px 10px;
}

#contenu-centre a{
color:#c5e6ff;
border-bottom: 1px solid #c5e6ff;
text-decoration:none;
}
#contenu-centre a:hover{
color:#fff;
border-bottom: 1px solid #fff;
text-decoration:none;
}

#contenu-centre ul {
	padding:5px 0 0 10px;
	margin:0 0 0 10px;
	font-size:1em;
	list-style:none;
}

#contenu-centre li{
	padding:0 0 5px 10px;
	margin: 5px 5px 5px 20px;
	font-size:1em;
	list-style:none;
	background: url(../images/puce-grise.gif) no-repeat 0 4px;
}

#contenu-centre img {
float:left;
margin:5px 10px 5px 30px;
}

#contenu-centre img.discover{
float:center;
margin:5px;
border: 2px solid #314656;
}

#contenu-centre table {
margin:10px 10px 10px 30px;
}

#contenu-centre tr {
padding:5px;
}

#contenu-centre td {
border:solid 1px #788b9c;
background-color:#546675;
padding:5px;
}

#contenu-centre th {
color:#fff;
text-align:center;
background-color:#465866;
border:solid 1px #788b9c;
padding:5px;
}

/*programme speaker*/
.speaker{
color:#c5e6ff;
text-decoration:none;
}

/*Communique de presse*/
.CommPress {
background: url(../images/fond-news.jpg) repeat-x;
border-top:solid 1px #465866;
border-right:solid 1px #465866;
border-bottom:solid 1px #465866;
border-left:solid 3px #465866;
width:435px;
padding:0;
margin: 10px 0 10px 30px;
}

.CommPress h4{
color:#ffaa47;
padding:5px 5px 15px 10px;
margin:0;
}
/*NEWS*/
.indexNews {
background:url(../images/fond-news.jpg) repeat-x;
float:left;
width:247px;
border-top:solid 1px #465866;
border-right:solid 1px #465866;
border-bottom:solid 1px #465866;
border-left:solid 3px #465866;
padding:0;
margin:20px 0 20px 20px;
}

.indexNews h4{
color:#ffaa47;
padding:5px 5px 15px 10px;
margin:0;
}

.indexNews h5{
color:#fff;
font-weight:bold;
padding:0 0 0 10px;
margin:0;
}

.indexNews p{
padding:5px 15px 10px 0;
margin:0 0 0 15px;
}

/*Keys Dates*/
.keyDates {
background:url(../images/fond-news.jpg) repeat-x;
float:left;
width:247px;
border-top:solid 1px #465866;
border-right:solid 1px #465866;
border-bottom:solid 1px #465866;
border-left:solid 3px #465866;
padding:0;
margin:20px 0 20px 20px;
}

.keyDates h4{
color:#ffaa47;
padding:5px 5px 10px 10px;
margin:0;
}

#key_fr ul, #key_en ul, #key_es ul{
margin:0 0 10px 0;
line-height:1.2em;
}


#key_fr li, #key_en li, #key_es li{
margin:0 0;
padding:0 0 5px 10px;
}
/*style pour le lot de logo committees*/

#logo_en, #logo_fr, #logo_es {
	background-color:#FFFFFF;
	border:solid 2px #465866;
	width:500px;
	height:230px;
	padding:0;
	margin:5px 0 5px 30px;;
}
#logo_en img{
	float:none;
	margin:5px 20px 5px 20px;
	padding:0;
}
#logo_en a, a:hover{
	text-decoration:none;
	border:0;
}

/*------------------------------- INTERVIEW--------------------------------------*/
.interview {
width:500px;
float:left;
}

.interviewContent {
clear:both;
padding:5px;
}

.interviewContent img{
border:1px solid #ccc;
}



/*--------------------------------------media partners------------------------------------*/
.partners span {
float:left;
width:280px;
margin:0;
padding:0;
}

.partners p {
margin:0 !important;
padding:10px 0;
clear:both;
}

/*------------------------------- Switch -----------------------------------------*/
#switch {
width:37px;
height:120px;
float:left;
background: url(../images/hautswitch.jpg) no-repeat;
margin:0 0 0 2px;
padding:20px 0 0 13px;
}

#francais {
width:23px;
height:20px;
margin:0 0 5px 0;
}

#anglais {
width:23px;
height:20px;
margin:0 0 5px 0;
}

#espagnol {
width:23px;
height:20px;
margin:0 0 5px 0;
}


/*------------------------------- Footer-------------------------------------------*/

#footer {
clear:both;
width:921px;
height:189px;
background: url(../images/footer.jpg) top left no-repeat  ;
margin:0 0 0 3px
}

#mentions p{
float:left;
padding:40px 0 0 400px;
color:#8a9dad;
font-size:9px;
}

#footer a{
color:#8a9dad;
text-decoration:none;
}

#footer a:hover{
color:#ccc;
}



/* ------------------------------ bas gauche partenaires --------------- */

#bas-gauche{
width: 200px;
margin: 0 0 0 10px;
}

#bas-gauche p{
text-align:left;
} 

#bas-gauche img{
padding: 10px 0 0 5px;
} 


/* -----------styles génriques --------------------*/

.noFloat {
clear:both;
}

.noDisplay {
position:absolute;
left:0;
top:-500px;
width:1px;
height:1px;
overflow:hidden;
}
/* -------------------- FORM --------------------------*/

#form_exposants_en, #form_exposants_fr {
width: 500px;
}

.form_css label{
color:#e1e1e1;
font-weight: bold;
float: left;
text-align:right;
margin : 1px;
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.form_css input{ /*width of text boxes. IE6 does not understand this attribute*/
width: 200px;
margin : 1px 1px 5px 1px;
background:#e1e1e1;
border:1px solid #314656;
border-left: 5px solid #314656;
}

.form_css select{
width: 205px;
margin : 1px 1px 5px 1px;
background:#e1e1e1;
border:1px solid #314656;
border-left: 5px solid #314656;
}

.form_css input.form_css_pres {
width: 20px;
height: 20px;
margin:2px 0 0 50px;
padding:0;
border:0;
background:none;
float:left;
}

.form_css label.form_css_pres {
width: 420px;
height: 20px;
float:right;
text-align:left;
padding:0;
margin:2px 0 0 0;
font-weight:normal;
}

.form_css #button{
background:#3c4c59;
border:none;
color:#ccc;
font-size:12px;
padding:3px;
margin: 2px 2px 2px 150px;
width:100px;
}

.form_css textarea{
width: 200px;
height: 75px;
margin : 1px 1px 5px 1px;
background:#e1e1e1;
border:1px solid #314656;
border-left: 5px solid #314656;
}.cadre {
	border: 1px solid #FFAA47;
	padding-top: 2px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
}