/* DÉBUT Principal */
body, html {
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
}
/* FIN Principal */

/* DÉBUT balises HTML */
p { 
	line-height:15px;
	margin:5px 0px 10px 0px;
}
hr{
	margin: 10px 0 10px 0;
	padding: 0;
	border: 0;
	display:block;
	height: 1px;
	width:100%;

	color: #000;
	background-color: #000;
}
strong, b{font-weight:bold;}
em, i{font-style:italic;}
blockquote {
	margin:5px;
	color:#666;
	font-style:italic;
}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
pre {margin:15px 0;white-space:pre;}
pre, code, tt {font:11px 'andale mono', 'lucida console', monospace;line-height:1.5;}
/* FIN Balises HTML */

/* DÉBUT Lien */
a { 
	color: #f3bd49;
	text-decoration: none;
}
a:link {}
a:visited {}
a:active {}
a:focus, a:hover { 
	color: #0a55a0;
	text-decoration: underline;
}
/* FIN Lien */

/* DÉBUT Titre */
h1, h2, h3, h4, h5, h6 {
	font-weight:normal;
	color: #000;
}
h1 {
	margin: 0;
	padding: 15px;
	background-color:#414141;
	color:#FFFFFF;
	font-family:Arial,Helvetica,sans-serif;
	font-size:16px;
	font-weight:bold;
	text-align:left;
	display: block;
	
}
h2 {
	font-size:16px;
	margin-bottom:5px;
	color:#FFFFFF;
	font-weight: bold;
}
h3 {
	font-size:16px;
	margin-bottom:5px;
}
h4 {
	font-size:14px;
	margin-bottom:5px;
}
h5 {
	font-size:12px;
	font-weight:bold;
	margin-bottom:5px;
}
h6 {
	font-size:12px;
	font-weight:bold;
}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
/* FIN Titre */

/* DÉBUT Liste */
li ul, li ol {margin:0;}
ul, ol {
	margin:0;
	padding:0;
}
ul {list-style-type: none;}
ul {list-style: none;}
ol {list-style-type:decimal;}
dl {margin:0 0 15px 0;}
dl dt {font-weight:bold;}
dd {margin-left:0;}
/* FIN Liste */

/* DÉBUT Tableau */
table {
	margin-bottom:15px;
	width:100%;
}
th { font-weight:bold;}
thead th { background:#c3d9ff;}
th, td, caption { padding:4px 10px 4px 5px;}
tr.even td, tr:nth-child(even) td { background:#e5ecf9;}
tr.odd td, tr:nth-child(odd) td { background: #FFF;}
tfoot { font-style:italic;}
caption { background:#eee;}
/* FIN Tableau */

/* DÉBUT Formulaire */
label { font-weight:bold;}
fieldset {
	padding:15px;
	margin:0 0 15px 0;
	border:1px solid #ccc;
}
legend {
	font-weight:bold;
	font-size:12px;
} 
input[type=text], input[type=password], input.text, input.title, textarea, select {
	background-color:#fff;
	border:1px solid #bbb;
}
input[type=text]:focus, input[type=password]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus {border-color:#666;}
input[type=text], input[type=password], input.text, textarea, select {margin:5px 0;}
textarea {
	width:390px;
	height:250px;
	padding:5px;
}
input[type=checkbox], input[type=radio], input.checkbox, input.radio {
	position:relative;
	top:5px;
}
/* FIN Formulaire */

/* DÉBUT CSS utilitaire */
.left {float: left;}
.right {float: right;}
img.left {margin: 0 10px 0 0;}
img.right {margin: 0 0 0 10px; padding: 1px;}
.hide {display:none;}
.clear { display:block; clear:both; float:none !important;}
/* FIN CSS utilitaire */

.logo {
	display: block;
	float: left;
	width: 160px;
	height: 63px;
	background-color: #fff;
	border-bottom: 1px solid #cfcfcf;
}

a.logo2lignes {
	display: block;
	margin-top: 8px;	
}

a.logo3lignes {
	display: block;
	margin-top: 15px;	
}

a.logo5lignes {
	display: block;
	margin-top: 35px;
}

#logo1, #logo4, #logo5, #logo6, #logo7  {
	height: 47px;	
}

#logo2 {
	height: 111px;		
}

.numero {
	display: block;
	float: left;
	width: 160px;
	height: 50px;
	background-color: #fff;
	border-bottom: 1px solid #cfcfcf;
}

.numero1 {
	display: block;
	float: left;
	width: 160px;
	height: 77px;
	background-color: #fff;
	border-bottom: 1px solid #cfcfcf;
}

.numero2 {
	display: block;
	float: left;
	width: 160px;
	height: 77px;
	background-color: #fff;
	border-bottom: 1px solid #cfcfcf;
}

.numero3 {
	display: block;
	float: left;
	width: 160px;
	height: 125px;
	background-color: #fff;
	border-bottom: 1px solid #cfcfcf;
}

.titre_conferencier {
	border-bottom: 1px solid #484848;	
}

.conferencier {
	display: block;
	float: right;
	width: 410px;
	height: 63px;
	border-bottom: 1px solid #484848;
}

#conferencier1, #conferencier2, #conferencier4, #conferencier5, #conferencier6, #conferencier7 {
	height: 47px;	
}

.conferencier a:hover{
	display: block;
	width: 410px;
	height: 63px;
	background-image: url(../images/bg_conferencier_hover.jpg);
	background-repeat: repeat-y;
	text-decoration: none;
}

#conferencier1 a:hover, #conferencier2 a:hover, #conferencier4 a:hover, #conferencier5 a:hover, #conferencier6 a:hover, #conferencier7 a:hover {
	height: 47px;	
}

.debats {
	display: block;
	float: right;
	width: 410px;
	height: 50px;
	border-bottom: 1px solid #484848;
}

.debats a:hover {
	display: block;
	width: 410px;
	height: 50px;
	background-image: url(../images/bg_conferencier_hover.jpg);
	background-repeat: repeat-y;
	text-decoration: none;
}

.blogues1 {
	display: block;
	float: right;
	width: 410px;
	height: 77px;
	border-bottom: 1px solid #484848;
}

.blogues2 {
	display: block;
	float: right;
	width: 410px;
	height: 77px;
	border-bottom: 1px solid #484848;
}

.blogues3 {
	display: block;
	float: right;
	width: 410px;
	height: 125px;
	border-bottom: 1px solid #484848;
}

.blogues1 a:hover {
	display: block;
	width: 410px;
	height: 77px;
	background-image: url(../images/bg_conferencier_hover.jpg);
	background-repeat: repeat-y;
	text-decoration: none;
}

.blogues2 a:hover {
	display: block;
	width: 410px;
	height: 77px;
	background-image: url(../images/bg_conferencier_hover.jpg);
	background-repeat: repeat-y;
	text-decoration: none;
}

.blogues3 a:hover {
	display: block;
	width: 410px;
	height: 125px;
	background-image: url(../images/bg_conferencier_hover.jpg);
	background-repeat: repeat-y;
	text-decoration: none;
}

.nom {
	padding-top: 4px;
	display: block;
	float: left;
	position: relative;
	width: 206px;
}

#nom1 {
	width: 326px;	
}

#nom2 {
	width: 156px;	
}
#nom5 {
	width: 156px;	
}

#nom7 {
	width: 256px;	
}

.titre {
	padding-top: 11px;
	display: block;
	float: left;
	position: relative;
	width: 204px;
}

.titre_blogue {
	padding-top: 11px;
	display: block;
	float: left;
	position: relative;
	width: 390px;
	padding-right: 20px;
}

.cie {
	padding-top: 4px;
	display: block;
	float: left;
	position: relative;
	width: 204px;
}

#cie1 {
	width: 154px;	
	position: absolute;
	float: right;
	margin-left: 256px;
}

#cie2 {
	width: 254px;	
}

#cie5 {
	width: 354px;	
	position: absolute;
	float: right;
	margin-left: 56px;
}

#cie7 {
	width: 154px;	
}

.nom p, .titre p, .titre_blogue p {
	margin-left: 15px;
	color: #c3c2c2;
}

.cie p {
	text-align: right;
	margin-right: 15px;
	color: #fff;
}

.nom p strong, .cie p strong {
	color: #fff;	
}

.titre p strong, .titre_blogue p strong {
	color: #fff;
	font-size: 12px;
}

ul.bienvenue {
	margin-bottom: 10px;
	margin-left: 30px;
}
div.hr {
	border-bottom: 1px dotted #CCC;	
	margin-bottom: 20px;
}
/* blogue */
label {
	display: block;	
}

.obligatoire {
	display: block;
	color: #FF0;
	
}

input.text {
	width: 300px;	
	border: 1px solid #474646;
}

textarea {
	width: 520px;	
	border: 1px solid #474646;
}
